:root{--primary-50: #e8f5e8;--primary-100: #c8e6c9;--primary-200: #a5d6a7;--primary-300: #81c784;--primary-400: #66bb6a;--primary-500: #4caf50;--primary-600: #43a047;--primary-700: #388e3c;--primary-800: #2e7d32;--primary-900: #1b5e20;--secondary-50: #fff3e0;--secondary-100: #ffe0b2;--secondary-200: #ffcc80;--secondary-300: #ffb74d;--secondary-400: #ffa726;--secondary-500: #ff9800;--secondary-600: #fb8c00;--secondary-700: #f57c00;--secondary-800: #ef6c00;--secondary-900: #e65100;--success: #4caf50;--warning: #ff9800;--error: #f44336;--info: #2196f3;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--background-primary: #ffffff;--background-secondary: var(--gray-50);--background-tertiary: var(--gray-100);--background-dark: var(--gray-900);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-500);--text-inverse: #ffffff;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-secondary: "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--border-width: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-radius-none: 0;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-3xl: 1.5rem;--border-radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@media (prefers-color-scheme: dark){:root{--background-primary: var(--gray-900);--background-secondary: var(--gray-800);--background-tertiary: var(--gray-700);--text-primary: var(--gray-50);--text-secondary: var(--gray-300);--text-tertiary: var(--gray-400)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{box-sizing:border-box;margin:0;padding:0}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-inverse);background-color:#000;margin:0;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--spacing-2)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}button{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;outline:none;position:relative;overflow:hidden}button:disabled{opacity:.6;cursor:not-allowed}input,select{font-family:var(--font-family-primary);font-size:var(--font-size-sm);border:var(--border-width) solid var(--gray-300);border-radius:var(--border-radius-lg);padding:var(--spacing-3) var(--spacing-4);background-color:var(--background-primary);color:var(--text-primary);transition:all var(--transition-fast);outline:none}input:focus,select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);font-size:var(--font-size-sm);color:var(--text-secondary)}.error{color:var(--error);font-size:var(--font-size-sm);padding:var(--spacing-2)}@media (max-width: 768px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}.container{padding:0 var(--spacing-2)}}.product-card.compact{background:var(--background-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal);border:var(--border-width) solid var(--gray-200);position:relative;display:flex;flex-direction:column;height:100%}.product-card.compact:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-200)}.image-container{position:relative;aspect-ratio:4 / 3;max-height:260px;overflow:hidden;background:var(--gray-100)}.product-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.product-card.compact:hover .product-image{transform:scale(1.05)}.no-image{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,var(--gray-100),var(--gray-200));color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.product-info{display:flex;flex-direction:column;padding:var(--spacing-4);gap:var(--spacing-3);flex-grow:1}.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2)}.product-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight);flex:1}.product-price{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-inverse);background:var(--primary-600);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);margin:0;white-space:nowrap;border:var(--border-width) solid var(--primary-700)}.product-description-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1)}.product-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal)}.product-description.truncated{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-description.expanded{display:block}.description-toggle{align-self:flex-start;background:transparent;color:var(--primary-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:0;border:none;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;opacity:.85}.description-toggle:hover{opacity:1}.quantity-and-total{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--background-primary);border:var(--border-width) solid var(--gray-200);border-radius:var(--border-radius-lg);margin-top:auto;box-shadow:var(--shadow-xs)}.quantity-controls{display:flex;align-items:center;gap:var(--spacing-2)}.quantity-input.compact{width:80px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);border:var(--border-width) solid var(--gray-300);border-radius:var(--border-radius-md);text-align:center;background:var(--background-primary)}.quantity-input.compact:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.quantity-button.compact{width:32px;height:32px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;border:var(--border-width) solid var(--gray-300);background:var(--background-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary)}.quantity-button.compact:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.quantity-button.compact:active{transform:scale(.95)}.quantity-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);min-width:24px;text-align:center}.quantity-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.total-price{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-inverse);margin:0;background:var(--primary-600);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);border:var(--border-width) solid var(--primary-700)}.action-buttons{display:flex;gap:var(--spacing-2);padding-top:var(--spacing-3)}.add-to-cart-button.compact{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);flex:1}.add-to-cart-button.compact:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-md);transform:translateY(-1px)}.add-to-cart-button.compact:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.add-to-cart-button.compact:disabled{background:var(--gray-300);color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.remove-from-cart-button.compact{background:linear-gradient(135deg,var(--error),#e53e3e);color:var(--text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);flex:1}.remove-from-cart-button.compact:hover{background:linear-gradient(135deg,#e53e3e,#c53030);box-shadow:var(--shadow-md);transform:translateY(-1px)}.remove-from-cart-button.compact:active{transform:translateY(0);box-shadow:var(--shadow-sm)}@media (max-width: 640px){.product-card.compact{flex-direction:row;gap:var(--spacing-3);padding:var(--spacing-3);height:auto}.product-card.compact .image-container{flex:0 0 45%;max-width:45%;height:auto;max-height:180px;aspect-ratio:3 / 2;border-radius:var(--border-radius-xl)}.product-info{padding:0;gap:var(--spacing-2)}.quantity-and-total{padding:var(--spacing-2) 0 0 0;flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.product-title{font-size:var(--font-size-sm)}.quantity-input.compact{width:60px}.quantity-button.compact{width:28px;height:28px;font-size:var(--font-size-base)}.action-buttons{flex-direction:column;padding-top:var(--spacing-2)}}.total-price{font-size:.7em;font-weight:700;color:#fff;margin-top:10px;padding-left:10px}.quantity-and-total{display:flex;align-items:center;justify-content:space-between}.fixed-button-container{position:fixed;bottom:16px;right:16px;z-index:1000}.go-to-cart-button{background:linear-gradient(135deg,#4caf50,#81c784);border:none;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:all .3s ease}.go-to-cart-button:hover{background:linear-gradient(135deg,#388e3c,#66bb6a);box-shadow:0 6px 8px #0003;transform:scale(1.1)}.go-to-cart-button:active{transform:scale(.95);box-shadow:0 2px 4px #0003}.go-to-cart-button svg{color:#fff;font-size:24px}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-4);background:var(--background-secondary);min-height:100vh;padding-top:var(--spacing-6)}.company-header{position:relative;text-align:center;margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:var(--background-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-sm)}.pedilo-wapido-logo{position:absolute;top:var(--spacing-4);left:var(--spacing-4);z-index:10}.pedilo-wapido-logo a{display:flex;flex-direction:column;align-items:center;transition:all var(--transition-fast);opacity:.8;text-decoration:none}.pedilo-wapido-logo a:hover{opacity:1;transform:scale(1.05)}.powered-by-text{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-1);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.pedilo-wapido-logo img{width:80px;height:auto;max-height:60px;object-fit:contain;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.company-content{display:flex;flex-direction:column;align-items:center}.company-logo img{width:120px;height:auto;max-height:80px;object-fit:contain;margin-bottom:var(--spacing-4)}.company-name{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.company-description{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.filter-container{position:sticky;top:0;z-index:var(--z-sticky);display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);background:var(--background-primary);padding:var(--spacing-4);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);border:var(--border-width) solid var(--gray-200)}.filter-input{flex:1;padding:var(--spacing-3) var(--spacing-4);border:var(--border-width) solid var(--gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);background:var(--background-primary);color:var(--text-primary);transition:all var(--transition-fast)}.filter-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.filter-input::placeholder{color:var(--text-tertiary)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-20)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-12);font-size:var(--font-size-lg);color:var(--text-secondary)}.no-products-message{grid-column:1 / -1;text-align:center;padding:var(--spacing-12);font-size:var(--font-size-lg);color:var(--text-secondary);background:var(--background-primary);border-radius:var(--border-radius-xl);border:2px dashed var(--gray-300)}.fixed-button-container{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);z-index:var(--z-fixed)}.go-to-cart-button{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:var(--border-radius-full);width:64px;height:64px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;transition:all var(--transition-normal);color:var(--text-inverse)}.go-to-cart-button:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-xl);transform:scale(1.1)}.go-to-cart-button:active{transform:scale(.95);box-shadow:var(--shadow-md)}.go-to-cart-button svg{width:28px;height:28px}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.loading{text-align:center;font-size:1.2rem;color:#bbb}.no-products-message{text-align:center;font-size:1.5rem;color:#ccc;margin-top:20px}.loading-container{display:flex;justify-content:center;align-items:center;height:300px;text-align:center;border-radius:8px;color:#fff;font-size:1.2rem}@media (max-width: 1024px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-4)}}@media (max-width: 768px){.container{padding:var(--spacing-2);padding-top:var(--spacing-4)}.filter-container{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3);margin-bottom:var(--spacing-4);border-radius:var(--border-radius-lg)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-3)}.company-header{padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.pedilo-wapido-logo{top:var(--spacing-2);left:var(--spacing-2)}.pedilo-wapido-logo img{width:60px;max-height:45px}.powered-by-text{font-size:9px;margin-bottom:3px}.company-name{font-size:var(--font-size-2xl)}.company-description{font-size:var(--font-size-base)}.fixed-button-container{bottom:var(--spacing-4);right:var(--spacing-4)}.go-to-cart-button{width:56px;height:56px}.go-to-cart-button svg{width:24px;height:24px}}@media (max-width: 480px){.product-grid{grid-template-columns:1fr;gap:var(--spacing-2)}.filter-container,.company-header{padding:var(--spacing-3)}.pedilo-wapido-logo img{width:50px;max-height:35px}.powered-by-text{font-size:8px;margin-bottom:2px}.company-name{font-size:var(--font-size-xl)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#61b246;padding:50px 15px 15px;border-radius:8px;text-align:center;max-width:250px;width:100%;box-shadow:0 4px 10px #0003;position:relative}.close-button{position:absolute;top:8px;right:8px;background:transparent;border:none;font-size:1.2rem;color:#fff;cursor:pointer;transition:color .3s ease;z-index:20}.close-button:hover{color:#ddd}.title{color:#fff;font-size:1.2rem;margin-bottom:10px}.modal-pedilo-logo{position:absolute;top:8px;left:8px;z-index:10}.modal-pedilo-logo a{display:flex;flex-direction:column;align-items:center;transition:all .2s ease;opacity:.8;text-decoration:none}.modal-powered-by-text{font-size:8px;color:#fff;margin-bottom:2px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.modal-pedilo-logo img{width:35px;height:auto;max-height:25px;object-fit:contain;border-radius:4px;box-shadow:0 1px 3px #0003}.cart-page{max-width:800px;margin:0 auto;padding:var(--spacing-6) var(--spacing-4);background:var(--background-secondary);min-height:100vh}.cart-header{position:relative;margin-bottom:var(--spacing-8);min-height:80px}.cart-pedilo-logo{position:absolute;top:0;left:0}.cart-pedilo-logo a{display:flex;flex-direction:column;align-items:center;transition:all var(--transition-fast);opacity:.8;text-decoration:none}.cart-pedilo-logo a:hover{opacity:1;transform:scale(1.05)}.cart-powered-by-text{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-1);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.cart-pedilo-logo img{width:80px;height:auto;max-height:60px;object-fit:contain;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;margin-top:var(--spacing-4)}.cart-items{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.cart-items .product-card.compact{padding:var(--spacing-4);gap:var(--spacing-3)}.cart-items .product-card.compact .image-container{aspect-ratio:4 / 3;max-height:220px;border-bottom-left-radius:0;border-bottom-right-radius:0}.cart-items .product-card.compact .action-buttons{gap:var(--spacing-2)}.cart-items .remove-from-cart-button.compact{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);box-shadow:none}.loading-message{text-align:center;padding:var(--spacing-8);font-size:var(--font-size-lg);color:var(--text-secondary);background:var(--background-primary);border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-6)}.error-message{text-align:center;padding:var(--spacing-4);background:var(--error);color:#fff;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-6);font-weight:var(--font-weight-medium)}.summary-container{background:var(--background-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm)}.summary-container h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-4);text-align:center}.summary{display:flex;flex-direction:column;gap:var(--spacing-3)}.summary p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;display:flex;justify-content:space-between;align-items:center}.summary strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.fixed-buttons{position:sticky;bottom:var(--spacing-4);z-index:var(--z-sticky);display:flex;gap:var(--spacing-3);padding:var(--spacing-3);margin-top:var(--spacing-8);background:#0f0f0fd9;border:var(--border-width) solid rgba(255,255,255,.08);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fixed-buttons button{flex:1;padding:var(--spacing-3) var(--spacing-2);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.fixed-buttons button:first-child{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--text-inverse)}.fixed-buttons button:first-child:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-md);transform:translateY(-1px)}.fixed-buttons button:nth-child(2){background:linear-gradient(135deg,var(--secondary-500),var(--secondary-600));color:var(--text-inverse)}.fixed-buttons button:nth-child(2):hover{background:linear-gradient(135deg,var(--secondary-600),var(--secondary-700));box-shadow:var(--shadow-md);transform:translateY(-1px)}.fixed-buttons button:last-child{background:var(--gray-600);color:var(--text-inverse);border:var(--border-width) solid var(--gray-700)}.fixed-buttons button:last-child:hover{background:var(--gray-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-4)}.modal{background:var(--background-primary);border-radius:var(--border-radius-2xl);padding:var(--spacing-8);padding-top:calc(var(--spacing-8) + 60px);box-shadow:var(--shadow-2xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-pedilo-logo{position:absolute;top:var(--spacing-4);left:var(--spacing-4);z-index:10}.modal-pedilo-logo a{display:flex;flex-direction:column;align-items:center;transition:all var(--transition-fast);opacity:.7;text-decoration:none}.modal-pedilo-logo a:hover{opacity:1;transform:scale(1.05)}.modal-powered-by-text{font-size:9px;color:var(--text-tertiary);margin-bottom:2px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.modal-pedilo-logo img{width:50px;height:auto;max-height:35px;object-fit:contain;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.modal h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-6);text-align:center}.modal label{display:block;margin-bottom:var(--spacing-4);font-weight:var(--font-weight-medium);color:var(--text-primary)}.modal input,.modal select{width:100%;margin-top:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:var(--border-width) solid var(--gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);background:var(--background-primary);color:var(--text-primary)}.modal input:focus,.modal select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.modal button{width:100%;padding:var(--spacing-4);margin-top:var(--spacing-4);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.modal button:first-of-type{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--text-inverse);box-shadow:var(--shadow-sm)}.modal button:first-of-type:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-md);transform:translateY(-1px)}.modal button:last-of-type{background:var(--gray-600);color:var(--text-inverse);border:var(--border-width) solid var(--gray-700)}.modal button:last-of-type:hover{background:var(--gray-700)}@media (max-width: 768px){.cart-page{padding:var(--spacing-4) var(--spacing-2)}.title{font-size:var(--font-size-2xl)}.summary-container{padding:var(--spacing-4)}.fixed-buttons{flex-direction:column;gap:var(--spacing-3)}.modal{padding:var(--spacing-6);padding-top:calc(var(--spacing-6) + 50px);margin:var(--spacing-2)}.modal h2{font-size:var(--font-size-lg)}.cart-pedilo-logo img{width:60px;max-height:45px}.cart-powered-by-text{font-size:9px;margin-bottom:3px}.modal-pedilo-logo img{width:40px;max-height:28px}.modal-powered-by-text{font-size:8px;margin-bottom:1px}.cart-items .product-card.compact{padding:var(--spacing-3)}.cart-items .product-card.compact .image-container{max-height:180px}}@media (max-width: 480px){.cart-header{min-height:60px}.cart-pedilo-logo{position:absolute;top:0;left:0}.cart-pedilo-logo img{width:50px;max-height:35px}.cart-powered-by-text{font-size:8px}.title{font-size:var(--font-size-xl);margin-top:var(--spacing-6)}.modal-pedilo-logo img{width:35px;max-height:25px}}.summary-container{color:#fff}