@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-white:#fff;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--color-primary:#0f172a;--color-primary-light:#1e293b;--color-primary-dark:#020617;--color-secondary:#475569;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-success:#3b82f6;--color-warning:#f59e0b;--color-error:#ef4444;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--gradient-primary:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);--gradient-accent:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);--gradient-hero:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);--gradient-card:linear-gradient(135deg,#fff 0%,#f8fafc 100%);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--content-max-width:1280px;--content-padding-x:24px;--section-padding-y:64px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,monospace;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--transition-bounce:.4s cubic-bezier(.68,-.55,.265,1.55);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-tooltip:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-fade-in-up{animation:fadeInUp var(--transition-slow)}.animate-fade-in-down{animation:fadeInDown var(--transition-slow)}.animate-slide-in-right{animation:slideInRight var(--transition-base)}.animate-slide-in-left{animation:slideInLeft var(--transition-base)}.animate-scale-in{animation:scaleIn var(--transition-base)}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:0 0 20px #3b82f64d}.modern-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.modern-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modern-card-interactive{cursor:pointer;position:relative;overflow:hidden}.modern-card-interactive:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.modern-card-interactive:hover:before{left:100%}.btn-modern{border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-modern-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-modern-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-modern-primary:active{transform:translateY(0)}.btn-modern-secondary{background:var(--color-white);color:var(--color-primary);border:2px solid var(--color-gray-200)}.btn-modern-secondary:hover{border-color:var(--color-primary);background:var(--color-gray-50)}.btn-modern-accent{background:var(--gradient-accent);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-modern-accent:hover{box-shadow:var(--shadow-lg);background:var(--color-accent-hover);transform:translateY(-2px)}.input-modern{border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);width:100%;transition:all var(--transition-base);outline:none;padding:.875rem 1rem;font-size:.875rem}.input-modern:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.input-modern:hover{border-color:var(--color-gray-300)}.glass-effect{-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-accent{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skeleton{background:linear-gradient(90deg,var(--color-gray-200)25%,var(--color-gray-100)50%,var(--color-gray-200)75%);background-size:200% 100%;animation:1.5s infinite shimmer}@media (max-width:768px){:root{--content-padding-x:20px;--section-padding-y:48px;--space-4:.75rem;--space-6:1rem;--space-8:1.5rem;--space-12:2rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0f172a;background-color:#fff;line-height:1.6}.navigation{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;box-shadow:0 1px #0000000d}.navigation-container{align-items:center;gap:32px;max-width:1400px;height:80px;margin:0 auto;padding:0 32px;display:flex;position:relative}.navigation-logo{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:-.5px;transition:all var(--transition-base);-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:24px;font-weight:700;text-decoration:none;position:relative}.navigation-logo:hover{transform:scale(1.05)}.logo-text{color:#0f172a}.nav-link{color:var(--color-gray-600);transition:all var(--transition-base);border-radius:var(--radius-md);align-items:center;gap:6px;padding:10px 16px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.nav-link:hover{color:var(--color-primary);background:var(--color-gray-50)}.nav-link:after{content:"";background:var(--gradient-accent);border-radius:var(--radius-full);width:0;height:3px;transition:width var(--transition-base);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover:after{width:80%}.nav-link.active{color:var(--color-primary);background:var(--color-gray-50)}.nav-link.active:after{width:80%}.navigation-center-group{align-items:center;gap:24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navigation-center{justify-content:center;align-items:center;display:flex}.nav-link-center{white-space:nowrap}.nav-link-ai{color:var(--color-accent);font-weight:600}.nav-link-ai:hover{color:var(--color-primary)}.view-toggle{background:var(--color-gray-100);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);border:none;align-items:center;gap:0;padding:4px;font-size:14px;font-weight:500;display:flex;position:relative}.view-toggle:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.toggle-option{border-radius:var(--radius-md);transition:all var(--transition-base);color:var(--color-gray-600);z-index:1;padding:8px 16px;position:relative}.toggle-option.active{color:var(--color-primary);font-weight:600}.view-toggle:before{content:"";background:var(--color-white);border-radius:var(--radius-md);width:calc(50% - 4px);height:calc(100% - 8px);box-shadow:var(--shadow-sm);transition:transform var(--transition-base);z-index:0;position:absolute;top:4px;left:4px}.view-toggle[data-active=retailer]:before{transform:translate(100%)}.toggle-divider{color:#cbd5e1;font-weight:300}.navigation-actions{flex-shrink:0;align-items:center;gap:16px;margin-left:auto;display:flex}.cart-link{border-radius:var(--radius-lg);transition:all var(--transition-base);color:var(--color-gray-600);background:var(--color-gray-50);justify-content:center;align-items:center;margin-right:12px;padding:10px;text-decoration:none;display:flex;position:relative}.cart-link:hover{background:var(--color-gray-100);color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.cart-icon-svg{width:20px;height:20px}.cart-badge{background:var(--gradient-accent);color:#fff;border-radius:var(--radius-full);min-width:20px;height:20px;box-shadow:var(--shadow-md);animation:scaleIn var(--transition-base);border:2px solid var(--color-white);justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:600;display:flex;position:absolute;top:2px;right:2px}.home-page{background:#fff;min-height:100vh}.home-page main{width:100%;padding:0}.home-hero{background:#f8fafc;border-bottom:1px solid #e2e8f0;margin-bottom:0;padding:120px 24px 80px;position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#0f172a05 0%,#0000 50%),radial-gradient(circle at 80% 70%,#0f172a04 0%,#0000 50%);position:absolute;inset:0}.hero-background-effects{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero-floating-shape{background:#0f172a04;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.hero-shape-1{width:300px;height:300px;animation-delay:0s;top:10%;left:5%}.hero-shape-2{width:200px;height:200px;animation-delay:5s;top:60%;right:10%}.hero-shape-3{width:150px;height:150px;animation-delay:10s;bottom:20%;left:50%}.hero-content{z-index:1;max-width:900px;margin:0 auto;position:relative}.hero-text-wrapper{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:48px;animation:.8s ease-out fadeInUp;display:flex}.hero-title{letter-spacing:-2.5px;text-shadow:0 4px 12px #0f172a26;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 16px;width:100%;max-width:100%;min-height:80px;margin:0 auto 32px;font-size:clamp(42px,8vw,72px);font-weight:800;line-height:1.1;animation:.8s ease-out fadeInUp;display:flex}.title-word{white-space:nowrap;transition:color .3s;display:inline-block}.typing-cursor{color:#0f172a;vertical-align:baseline;margin-left:2px;font-weight:400;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.home-subtitle{color:#475569;max-width:700px;margin-bottom:0;margin-left:auto;margin-right:auto;font-size:20px;font-weight:400;line-height:1.7;animation:.8s ease-out .2s both fadeInUp}.hero-search-wrapper{max-width:700px;margin:0 auto 40px;animation:.8s ease-out .3s both fadeInUp}.hero-quick-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px;animation:.8s ease-out .4s both fadeInUp;display:flex}.quick-action-btn{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);color:var(--color-primary);transition:all var(--transition-base);box-shadow:var(--shadow-md);align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;display:flex;position:relative;overflow:hidden}.quick-action-btn:hover{border-color:var(--color-accent);background:var(--color-gray-50);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-2px)}.quick-action-btn svg{transition:transform var(--transition-base);flex-shrink:0}.quick-action-btn:hover svg{transform:scale(1.05)}.quick-action-btn svg{flex-shrink:0}.hero-stats{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;justify-content:center;align-items:center;gap:32px;margin-bottom:32px;padding:32px 0;animation:.8s ease-out .5s both fadeInUp;display:flex}.hero-stat-item{text-align:center}.hero-stat-value{color:#0f172a;letter-spacing:-.5px;margin-bottom:4px;font-size:32px;font-weight:700;line-height:1.2}.hero-stat-divider{background:#e2e8f0;width:1px;height:40px}.hero-trust-indicators{flex-wrap:wrap;justify-content:center;gap:32px;animation:.8s ease-out .6s both fadeInUp;display:flex}.trust-item{color:#475569;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.trust-item svg{color:#10b981;flex-shrink:0}.hero-features{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:center;gap:40px;padding-top:32px;animation:.8s ease-out .4s both fadeInUp;display:flex}.feature-item{align-items:center;gap:10px;display:flex}.feature-icon{color:#fff;background:#0f172a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.feature-text{color:#475569;font-size:14px;font-weight:500}.home-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.info-section{background:#fff;padding:100px 24px;position:relative}.info-section:not(:first-of-type){border-top:1px solid #e2e8f0}.info-section:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#e2e8f0 10% 90%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.info-section:first-of-type:before{display:none}.info-section-alt:before{background:linear-gradient(90deg,#0000,#e2e8f0 10% 90%,#0000)}.info-section-container{max-width:1200px;margin:0 auto}.info-section-header{text-align:center;margin-bottom:64px}.info-section-title{color:#0f172a;letter-spacing:-1px;margin-bottom:16px;font-size:40px;font-weight:700}.info-section-description{color:#64748b;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.how-it-works-steps-horizontal{justify-content:space-between;align-items:flex-start;gap:0;max-width:1200px;margin-top:64px;margin-left:auto;margin-right:auto;padding:0 32px;display:flex;position:relative}.how-it-works-steps-horizontal:before{content:"";z-index:0;background:#0f172a;height:2px;position:absolute;top:24px;left:0;right:0}.step-item-horizontal{flex-direction:column;flex:1;align-items:center;padding:0 16px;display:flex;position:relative}.step-line-wrapper{justify-content:center;align-items:center;width:100%;height:48px;margin-bottom:40px;display:flex;position:relative}.step-line{display:none}.step-number-horizontal{color:#fff;z-index:2;background:#0f172a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:700;display:flex;position:relative;box-shadow:0 2px 8px #0f172a26}.step-content-horizontal{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:320px;margin-top:0;padding:32px 28px;transition:all .3s}.step-item-horizontal:hover .step-content-horizontal{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14}.step-title-horizontal{color:#0f172a;letter-spacing:-.3px;margin:0 0 12px;font-size:20px;font-weight:600}.step-description-horizontal{color:#64748b;margin:0;font-size:15px;line-height:1.6}@media (max-width:968px){.how-it-works-steps-horizontal{flex-direction:column;gap:48px;margin-top:48px;padding:0}.how-it-works-steps-horizontal:before{display:none}.step-item-horizontal{width:100%;max-width:500px;margin:0 auto;padding:0}.step-line-wrapper{height:auto;margin-bottom:24px}.step-number-horizontal{margin:0 auto 24px}.step-content-horizontal{max-width:100%;padding:28px 24px}}.step-card{text-align:center;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer;flex-direction:column;align-items:center;min-height:320px;padding:48px 32px;animation:.6s ease-out both fadeInUp;display:flex;position:relative}.step-card:first-child{animation-delay:.1s}.step-card:nth-child(2){animation-delay:.2s}.step-card:nth-child(3){animation-delay:.3s}.step-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-accent);transform:translateY(-12px)scale(1.02)}.step-card:before{content:"";background:var(--gradient-accent);transform-origin:0;height:4px;transition:transform var(--transition-base);border-radius:var(--radius-xl)var(--radius-xl)0 0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.step-card:hover:before{transform:scaleX(1)}.step-number{color:#fff;background:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex;position:absolute;top:-20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0f172a33}.step-icon{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;display:flex}.step-title{color:#0f172a;margin-bottom:12px;font-size:20px;font-weight:600}.step-description{color:#64748b;margin:0;font-size:15px;line-height:1.6}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px;display:grid}.benefit-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:32px;transition:all .3s;animation:.6s ease-out both fadeInUp}.benefit-card:first-child{animation-delay:.1s}.benefit-card:nth-child(2){animation-delay:.2s}.benefit-card:nth-child(3){animation-delay:.3s}.benefit-card:nth-child(4){animation-delay:.4s}.benefit-card:nth-child(5){animation-delay:.5s}.benefit-card:nth-child(6){animation-delay:.6s}.benefit-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.benefit-icon{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.benefit-title{color:#0f172a;margin-bottom:12px;font-size:18px;font-weight:600}.benefit-description{color:#64748b;margin:0;font-size:15px;line-height:1.6}.benefits-grid-tight{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin-top:48px;margin-left:auto;margin-right:auto;display:grid}@media (max-width:1024px){.benefits-grid-tight{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.benefits-grid-tight{grid-template-columns:1fr}}.benefit-card-tight{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px;transition:all .3s}.benefit-card-tight:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.benefit-icon-tight{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.benefit-title-tight{color:#0f172a;letter-spacing:-.3px;margin-bottom:10px;font-size:18px;font-weight:600}.benefit-description-tight{color:#64748b;margin:0;font-size:14px;line-height:1.6}@media (max-width:768px){.hero-title{letter-spacing:-1px;font-size:42px}.home-subtitle{font-size:18px}.hero-features{gap:24px}.home-hero{padding:80px 24px 60px}.hero-stats{flex-direction:column;gap:24px}.hero-stat-divider{width:60px;height:1px}.hero-trust-indicators{flex-direction:column;gap:16px}.hero-quick-actions{flex-direction:column;align-items:stretch}.quick-action-btn{justify-content:center}.info-section{padding:60px 24px}.info-section-title{font-size:32px}.info-section-description{font-size:16px}.how-it-works-steps{grid-template-columns:1fr;gap:48px}.benefits-grid{grid-template-columns:1fr;gap:24px}}.cta-button{border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.cta-primary{color:#fff;background:#0f172a}.cta-primary:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a26}.cta-secondary{color:#0f172a;background:#fff;border:2px solid #0f172a}.cta-secondary:hover{background:#f8fafc;transform:translateY(-1px)}.search-bar{background:#fff;border-radius:12px;gap:0;width:100%;transition:box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000014,0 1px 3px #0000001a}.search-bar:focus-within{box-shadow:0 6px 30px #0f172a1f,0 2px 8px #0000001a}.search-bar-input{color:#0f172a;background:#fff;border:2px solid #0000;border-right:none;border-radius:12px 0 0 12px;outline:none;flex:1;padding:18px 24px;font-size:16px;transition:all .2s}.search-bar-input::placeholder{color:#94a3b8}.search-bar-input:focus{border-color:#0f172a}.search-bar-button{color:#fff;cursor:pointer;white-space:nowrap;background:#0f172a;border:none;border-radius:0 12px 12px 0;align-items:center;gap:10px;padding:18px 32px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.search-bar-button:hover{background:#1e293b;transform:translate(-1px)}.search-bar-button:active{transform:translate(0)}.search-icon{stroke-width:2.5px;width:18px;height:18px}.products-page{background:var(--color-white);min-height:100vh}.products-hero{width:100%;padding:var(--section-padding-y)var(--content-padding-x)60px;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);border-bottom:1px solid #e5e7eb}.products-hero-container{max-width:var(--content-max-width);margin:0 auto}.products-hero-content{text-align:center;max-width:640px;margin:0 auto}.products-hero-title{color:var(--color-primary);letter-spacing:-.02em;margin:0 0 var(--space-2);font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.products-hero-subtitle{color:var(--color-gray-600);margin:0 0 var(--space-8);font-size:.9375rem;line-height:1.5}.products-hero-search{max-width:560px;margin:0 auto}.products-page-layout{gap:var(--space-8);margin:var(--space-8)0;max-width:var(--content-max-width);padding:0 var(--content-padding-x);align-items:flex-start;margin-left:auto;margin-right:auto;display:flex}.products-sidebar{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);height:fit-content;max-height:calc(100vh - 120px);box-shadow:var(--shadow-sm);flex:0 0 280px;position:sticky;top:100px;overflow-y:auto}.products-sidebar::-webkit-scrollbar{width:6px}.products-sidebar::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}.products-sidebar::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.products-sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.products-main-content{flex:1;min-width:0}.filter-buttons-vertical{gap:var(--space-2);flex-direction:column;display:flex}.filter-buttons-vertical .filter-btn{text-align:left;width:100%;padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-base);justify-content:flex-start}.filter-buttons-vertical .filter-btn:hover{transform:translate(4px)}.products-page-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:0 0 32px;padding:24px}.filter-section{margin-bottom:var(--space-8)}.filter-section:last-child{margin-bottom:0}.filter-section-title{color:var(--color-gray-900);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:var(--space-2);font-size:13px;font-weight:700;display:flex}.filter-section-title:after{content:"";background:var(--color-gray-200);height:1px;margin-left:var(--space-2);flex:1}.filter-buttons{flex-wrap:wrap;gap:12px;display:flex}.filter-btn{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border:1.5px solid var(--color-gray-200);background:var(--color-white);border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;font-size:14px;font-weight:500;display:inline-flex;position:relative}.filter-btn svg{opacity:.7;transition:opacity var(--transition-base);flex-shrink:0}.filter-btn:hover{border-color:var(--color-gray-300);background:var(--color-gray-50);color:var(--color-gray-900);box-shadow:var(--shadow-xs)}.filter-btn:hover svg{opacity:1}.filter-btn.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:600}.filter-btn.active svg{opacity:1;color:var(--color-white)}a.filter-btn{color:var(--color-gray-600);text-decoration:none}a.filter-btn:hover{color:var(--color-gray-900)}.home-filter-section{margin-bottom:var(--space-6)}.home-filter-section .filter-section-title{margin-bottom:var(--space-3)}.home-filter-loading{color:var(--color-gray-500);font-size:14px}.filter-btn-child{padding-left:var(--space-8);opacity:.85;font-size:13px;position:relative}.filter-btn-child:before{content:"";left:var(--space-4);background:var(--color-gray-300);border-radius:var(--radius-full);width:2px;height:60%;position:absolute;top:50%;transform:translateY(-50%)}.filter-btn-parent-indicator{display:none}@media (max-width:1024px){.products-page-layout{gap:var(--space-6);flex-direction:column}.products-sidebar{width:100%;max-height:none;padding:var(--space-5);flex:1;position:relative;top:0}.filter-buttons-vertical{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.filter-buttons-vertical .filter-btn{justify-content:flex-start;width:100%}.filter-btn-child{padding-left:var(--space-4)}.filter-btn-child:before{display:none}}@media (max-width:768px){.products-hero{padding:60px 24px 48px}.products-hero-title{font-size:32px}.products-hero-subtitle{font-size:16px}.products-page-filters{margin:32px 0 24px;padding:24px}.filter-section-title{font-size:12px}.filter-buttons{gap:var(--space-2)}.filter-btn{padding:var(--space-2)var(--space-3);gap:var(--space-2);font-size:13px}.filter-btn svg{width:16px;height:16px}.products-sidebar{padding:var(--space-4)}.filter-buttons-vertical{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.platforms-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}}.products-loading,.products-error,.product-list-empty{text-align:center;color:#64748b;padding:80px 24px;font-size:16px}.product-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-sm);cursor:pointer;opacity:1;flex-direction:column;width:100%;height:100%;animation:.4s ease-out fadeInUp;display:flex;position:relative;overflow:hidden}.product-card:first-child{animation-delay:.1s}.product-card:nth-child(2){animation-delay:.15s}.product-card:nth-child(3){animation-delay:.2s}.product-card:nth-child(4){animation-delay:.25s}.product-card:nth-child(5){animation-delay:.3s}.product-card:nth-child(6){animation-delay:.35s}.product-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-accent);transform:translateY(-6px)scale(1.02)}.product-card:before{content:"";background:var(--gradient-accent);transform-origin:0;height:4px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.product-card:hover:before{transform:scaleX(1)}.product-card-image-wrapper{background:var(--color-gray-50);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:120px;display:flex;position:relative;overflow:hidden}.product-card-image{object-fit:contain;width:100%;height:100%;padding:8px}.product-card-content{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px;display:flex}.product-card-name{color:var(--color-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;margin:0;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.product-card-availability{color:var(--color-gray-600);margin:0 0 4px;font-size:12px;line-height:1.3}.product-card-meta{color:#64748b;flex-wrap:wrap;gap:6px;font-size:11px;display:flex}.product-card-meta-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:2px;display:flex}.product-card-meta-chip{background:var(--color-gray-100);border-radius:var(--radius-sm);color:var(--color-gray-600);padding:4px 8px;font-size:11px;font-weight:500;line-height:1.2;display:inline-block}.product-card-meta-chip:first-of-type{text-transform:none}.product-card-brand,.product-card-size,.product-card-category{background:var(--color-gray-100);border-radius:var(--radius-sm);color:var(--color-gray-600);padding:4px 8px;font-size:11px;font-weight:500}.product-card-brand{text-transform:none}.product-card-size,.product-card-category{text-transform:lowercase}.product-card-actions{border-top:1px solid var(--color-gray-100);flex-direction:column;gap:6px;margin-top:auto;padding-top:8px;display:flex}.product-card-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition-base);text-align:center;white-space:nowrap;border:none;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.product-card-btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-sm)}.product-card-btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.product-card-btn-secondary{background:var(--color-white);color:var(--color-gray-700);border:1.5px solid var(--color-gray-300)}.product-card-btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-primary)}.product-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));justify-items:center;gap:20px;width:100%;max-width:1200px;margin:0 auto;padding:0;display:grid}@media (max-width:768px){.product-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}}@media (min-width:1024px){.product-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (min-width:1400px){.product-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.cart{max-width:800px;margin:0 auto;padding:0}.cart-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.cart-header h2{color:#0f172a;letter-spacing:-.5px;font-size:28px;font-weight:700}.cart-items{flex-direction:column;gap:16px;display:flex}.cart-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.cart-item-image{object-fit:cover;border-radius:8px;width:80px;height:80px}.cart-item-details{flex:1}.cart-item-name{color:#0f172a;margin-bottom:4px;font-size:16px;font-weight:600}.cart-item-category{color:#64748b;font-size:13px}.cart-item-quantity{align-items:center;gap:8px;display:flex}.quantity-btn{cursor:pointer;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .15s;display:flex}.quantity-btn:hover{background:#f8fafc;border-color:#cbd5e1}.quantity-value{text-align:center;color:#0f172a;min-width:40px;font-weight:500}.remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .15s}.remove-btn:hover{background:#dc2626}.clear-cart-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .15s}.clear-cart-btn:hover{background:#dc2626}.cart-empty{text-align:center;color:#64748b;padding:80px 24px;font-size:16px}.price-comparison{max-width:1000px;margin:0 auto;padding:0}.price-comparison-header{background:#f8fafc;border-radius:12px;gap:20px;margin-bottom:32px;padding:24px;display:flex}.product-group-image{object-fit:cover;border-radius:8px;width:120px;height:120px}.product-group-info{flex:1}.canonical-name{color:#0f172a;letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:700}.product-group-meta{color:#64748b;gap:12px;font-size:14px;display:flex}.price-comparison-results{flex-direction:column;gap:16px;display:flex}.price-comparison-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:minmax(0,200px) minmax(140px,auto) minmax(160px,auto) minmax(140px,auto);align-items:start;gap:24px;padding:24px;transition:all .2s;display:grid}.price-comparison-item:hover{border-color:#0f172a;box-shadow:0 2px 8px #0f172a1a}.price-comparison-item.lowest-total{background:#fff;border-width:2px;border-color:#e2e8f0}.price-comparison-item.preferred{border-color:#fbbf24}@media (max-width:900px){.price-comparison-item{grid-template-columns:1fr;gap:16px}.price-comparison-item .product-link-wrapper{border-top:1px solid #e5e7eb;width:100%;margin-top:4px;padding-top:16px}}.platform-info{align-items:flex-start;gap:12px;min-width:0;display:flex}.platform-logo{object-fit:contain;width:48px;height:48px}.platform-details{min-width:0}.platform-name{color:#0f172a;word-break:break-word;margin:0 0 4px;font-size:18px;font-weight:600;line-height:1.3}.platform-meta{color:#64748b;gap:12px;font-size:12px;display:flex}.price-breakdown{grid-template-columns:auto 1fr;align-items:baseline;gap:6px 16px;font-size:14px;display:grid}.price-components{display:contents}.price-comparison .price-value{text-align:right;color:#0f172a;font-weight:500}.total-price{flex-wrap:wrap;align-items:baseline;gap:8px 12px;min-width:0;display:flex}.total-label{white-space:nowrap;color:#64748b;font-size:14px}.total-value{color:#0f172a;font-size:20px;font-weight:700}.total-value.lowest{color:#0f172a;font-weight:700}.lowest-badge{color:#0f172a;text-transform:uppercase;letter-spacing:.5px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.preferred-badge{color:#0f172a;background:#fbbf24;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}.product-link{color:#fff;text-align:center;background:#0f172a;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.product-link:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a26}.product-link-wrapper{flex-direction:column;align-items:flex-start;gap:10px;padding-top:4px;display:flex}.checkout-note-small{color:#64748b;max-width:220px;margin:0;font-size:11px;font-style:italic;line-height:1.4}.compare-total-value.lowest{color:#0f172a;font-weight:700}.price-comparison-empty,.price-comparison-loading,.price-comparison-error{text-align:center;color:#64748b;padding:80px 24px;font-size:16px}.cart-price-comparison{background:var(--color-gray-50);max-width:1400px;min-height:calc(100vh - 160px);margin:0 auto;padding:48px 32px}.cart-price-comparison-header{margin-bottom:40px;animation:.5s ease-out fadeInDown}.compare-header-content{flex-direction:column;gap:12px;display:flex}.compare-ai-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:6px;font-size:.75rem;font-weight:600;display:inline-block}.compare-title{color:var(--color-primary);letter-spacing:-1.2px;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:42px;font-weight:700;line-height:1.1}.compare-subtitle{color:var(--color-gray-500);margin:0;font-size:17px;font-weight:400;line-height:1.6}.delivery-type-tabs{background:var(--color-white);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);border-radius:12px;gap:0;margin-bottom:40px;padding:4px;animation:.6s ease-out fadeIn;display:inline-flex}.delivery-tab{color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:12px 32px;font-size:15px;font-weight:600;position:relative}.delivery-tab:hover{color:var(--color-primary);background:var(--color-gray-50)}.delivery-tab.active{color:var(--color-primary);background:var(--color-white);box-shadow:var(--shadow-sm)}.compare-items-editor{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:12px;margin-bottom:24px;padding:20px;animation:.4s ease-out fadeIn}.compare-items-editor-title{color:var(--color-primary);margin:0 0 12px;font-size:15px;font-weight:600}.compare-items-editor-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.compare-items-editor-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.compare-items-editor-name{color:#334155;flex:1;min-width:120px;font-size:14px;font-weight:500}.compare-items-editor-controls{align-items:center;gap:8px;display:flex}.compare-items-editor-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:18px;font-weight:600;line-height:1;transition:all .2s;display:inline-flex}.compare-items-editor-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.compare-items-editor-qty{text-align:center;color:#0f172a;min-width:24px;font-size:14px;font-weight:600}.compare-items-editor-remove{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #fecaca;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.compare-items-editor-remove:hover{background:#fef2f2;border-color:#dc2626}.compare-item-substitute-badge{color:var(--color-accent);margin-right:4px;font-size:12px;font-weight:600}.compare-item-substitute{border-left:4px solid var(--color-accent);background:linear-gradient(90deg,#eff6ff 0%,#dbeafe 100%);border-radius:8px;margin:6px 0;padding:10px 12px}.compare-item-substitute .compare-item-name{color:var(--color-primary)}.cart-price-comparison-results{margin-bottom:48px;animation:.7s ease-out fadeIn}.compare-grid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:100%;display:grid}.compare-card{transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:28px;animation:.5s ease-out backwards fadeInUp;display:flex;position:relative;overflow:hidden}.compare-card:before{content:"";opacity:0;height:4px;transition:opacity var(--transition-base);background:linear-gradient(90deg,#0f172a 0%,#1e293b 100%);position:absolute;top:0;left:0;right:0}.compare-card:hover{box-shadow:var(--shadow-lg);border-color:#cbd5e1;transform:translateY(-2px)}.compare-card:hover:before{opacity:1}.compare-card.lowest-total{box-shadow:var(--shadow-xl);border-width:2px;border-color:#0f172a}.compare-card.lowest-total:before{opacity:1}.compare-card.best-availability{border-color:#10b981}.compare-card.best-availability:before{opacity:1;background:linear-gradient(90deg,#10b981 0%,#059669 100%)}.compare-card-header{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:24px;display:flex;position:relative}.compare-card-header-top{align-items:flex-start;gap:16px;display:flex}.compare-card-logo{object-fit:contain;width:56px;height:56px;transition:transform var(--transition-base);background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;padding:8px}.compare-card:hover .compare-card-logo{transform:scale(1.05)}.compare-card-platform{flex:1;min-width:0}.compare-card-name{color:#0f172a;letter-spacing:-.3px;margin:0 0 6px;font-size:20px;font-weight:700;line-height:1.3}.compare-card-items{color:#64748b;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.compare-badges{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.compare-badge{text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;box-shadow:var(--shadow-sm);transition:transform var(--transition-base);border-radius:8px;padding:6px 14px;font-size:11px;font-weight:700}.compare-badge:hover{transform:scale(1.05)}.compare-badge.lowest-badge{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.compare-badge.best-availability-badge{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.compare-card-items-list{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:14px;margin-bottom:24px;padding-bottom:24px;display:flex}.compare-item{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.compare-item-name{color:#0f172a;font-size:14px;font-weight:400}.compare-item-package-size{color:#64748b;margin-left:2px;font-size:12px;font-weight:400}.compare-item-qty{color:#64748b;margin-left:4px;font-size:13px;font-weight:400}.compare-item-price{color:#0f172a;white-space:nowrap;font-size:14px;font-weight:600}.compare-item-missing{opacity:.6}.compare-item-missing .compare-item-name{color:#64748b}.compare-item-missing-badge{background-color:var(--color-gray-100);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.compare-item-price-missing{color:#94a3b8;font-weight:400}.compare-card-pricing{margin-bottom:20px}.compare-price-breakdown{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:10px;margin-bottom:16px;padding-bottom:16px;display:flex}.compare-price-row{justify-content:space-between;align-items:center;font-size:14px;display:flex}.compare-price-label{color:#64748b;align-items:center;gap:6px;font-weight:400;display:flex}.compare-price-value{color:#0f172a;font-weight:500}.compare-total{justify-content:space-between;align-items:center;padding-top:16px;display:flex}.compare-total-label{color:#0f172a;font-size:16px;font-weight:600}.compare-total-value{color:#0f172a;letter-spacing:-.5px;font-size:24px;font-weight:700}.compare-total-value.lowest{color:#0f172a}.compare-select-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;width:100%;margin-top:auto;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s}.compare-empty-state{text-align:center;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:100px 24px;animation:.6s ease-out fadeIn}.empty-message{color:#0f172a;letter-spacing:-.3px;margin-bottom:12px;font-size:20px;font-weight:600}.empty-hint{color:#64748b;max-width:500px;margin:0 auto;font-size:15px;line-height:1.6}.delivery-fee-with-tooltip{cursor:help;align-items:center;gap:4px;display:inline-flex;position:relative}.delivery-info-tooltip{align-items:center;display:inline-flex;position:relative}.delivery-info-tooltip svg{color:#64748b;transition:color .15s}.delivery-info-tooltip:hover svg{color:#0f172a}.delivery-info-tooltip .tooltip-content{z-index:10000;opacity:0;pointer-events:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:320px;max-width:400px;max-height:80vh;padding:20px;font-size:13px;line-height:1.6;transition:opacity .2s;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0003}.delivery-info-tooltip:hover .tooltip-content{opacity:1;pointer-events:auto}.delivery-info-tooltip:hover:before{content:"";z-index:9999;background:#0000004d;animation:.2s fadeIn;position:fixed;inset:0}.tooltip-content:after{display:none}.tooltip-header{color:#0f172a;border-bottom:2px solid #e2e8f0;margin-bottom:12px;padding-bottom:12px;font-size:16px;font-weight:700}.tooltip-line{color:#475569;margin-bottom:10px;font-size:13px}.tooltip-line strong{color:#0f172a;margin-right:6px;font-weight:600}.tooltip-line:last-child{margin-bottom:0}.cart-price-comparison-empty,.cart-price-comparison-loading,.cart-price-comparison-error{text-align:center;color:#64748b;padding:80px 24px;font-size:16px}.cart-price-comparison-loading{flex-direction:column;align-items:center;gap:16px;display:flex}.login-page{background:#fff;min-height:100vh}.login-container{max-width:480px;margin:0 auto;padding:80px 24px}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:48px;box-shadow:0 1px 3px #0000000d}.login-card h1{color:#0f172a;text-align:center;letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:700}.login-subtitle{color:#64748b;text-align:center;margin-bottom:32px;font-size:16px}.login-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group label{color:#0f172a;font-size:14px;font-weight:500}.form-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:12px 16px;font-size:15px;transition:border-color .15s}.form-input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.login-button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;margin-top:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:background-color .15s}.login-button:hover:not(:disabled){background:#1e293b}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;color:#64748b;margin-top:24px;font-size:14px}.login-link{color:#0f172a;font-weight:500;text-decoration:none}.login-link:hover{text-decoration:underline}.search-page,.compare-page,.deliver-now-page{background:#fff;min-height:100vh}.search-page-container,.compare-page-container,.deliver-now-container{max-width:1280px;margin:0 auto;padding:64px 24px}.search-page-header,.deliver-now-header{margin-bottom:40px}.search-ai-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:var(--space-2);font-size:.75rem;font-weight:600;display:inline-block}.search-page-title{color:var(--color-gray-900);margin-bottom:var(--space-4);letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.2}.search-page-subtitle{color:var(--color-gray-500);margin:calc(-1*var(--space-2))0 var(--space-4)0;font-size:1rem;line-height:1.5}.search-bar-wrapper{max-width:600px;margin-bottom:var(--space-4)}.search-results-count{color:var(--color-gray-600);margin-top:var(--space-3);font-size:.875rem}.search-ai-suggestions{margin-top:var(--space-8);max-width:640px;padding:var(--space-6)var(--space-6);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);animation:.35s ease-out fadeIn}.search-ai-suggestions-title{color:var(--color-gray-900);margin:0 0 var(--space-3)0;letter-spacing:-.01em;font-size:.9375rem;font-weight:600}.search-ai-example-chips{gap:var(--space-2)var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.search-what-you-can-ask .search-ai-example-chips:last-child{margin-bottom:0}.search-what-group{margin-bottom:var(--space-5)}.search-what-group:last-child{margin-bottom:0}.search-what-label{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2);font-size:.8125rem;font-weight:600;display:block}.search-ai-example-chip{padding:var(--space-2)var(--space-4);color:var(--color-accent);background:var(--color-white);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base),transform var(--transition-fast);white-space:nowrap;align-items:center;font-size:.875rem;font-weight:500;display:inline-flex}.search-ai-example-chip:hover{border-color:var(--color-accent);background:var(--color-gray-50);color:var(--color-accent-hover);transform:translateY(-1px)}.search-ai-example-chip:active{transform:translateY(0)}.search-ai-divider{background:var(--color-gray-200);height:1px;margin:0 0 var(--space-5)0}.search-ai-what-title{color:var(--color-gray-900);margin:0 0 var(--space-2)0;letter-spacing:-.01em;font-size:.9375rem;font-weight:600}.search-ai-what-list{padding-left:var(--space-6);color:var(--color-gray-600);margin:0;font-size:.875rem;line-height:1.65}.search-ai-what-list li{margin-bottom:var(--space-1)}.search-ai-what-list li:last-child{margin-bottom:0}.search-empty-ai{padding-top:var(--space-6);padding-bottom:var(--space-8)}.search-empty-ai .search-empty-message{color:var(--color-gray-600);max-width:480px;margin-left:auto;margin-right:auto;font-size:.9375rem}.search-page-chat{background:linear-gradient(160deg,var(--color-gray-50)0%,#eef2ff 35%,var(--color-white)70%);flex-direction:column;min-height:100vh;display:flex;position:relative}.search-page-chat:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#3b82f60f 0%,#0000 60%);height:320px;position:absolute;top:0;left:0;right:0}.search-page-chat-container{width:100%;max-width:800px;padding:var(--space-6)var(--content-padding-x)var(--space-4);z-index:1;flex-direction:column;flex:1;margin:0 auto;padding-bottom:0;display:flex;position:relative}.search-page-chat-header{margin-bottom:var(--space-8);text-align:center;padding-top:var(--space-2);flex-shrink:0}.search-chat-badge{align-items:center;gap:var(--space-2);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-3);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);background:#3b82f61a;border:1px solid #3b82f640;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #3b82f60f}.search-chat-title{color:var(--color-gray-900);letter-spacing:-.025em;margin-bottom:var(--space-2);font-size:clamp(1.625rem,4vw,2.25rem);font-weight:700;line-height:1.2}.search-chat-subtitle{color:var(--color-gray-600);max-width:440px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.55}.search-chat-main{min-height:320px;padding-bottom:var(--space-6);flex:1;overflow-y:auto}.search-chat-welcome{animation:.45s ease-out fadeIn}.search-chat-welcome-card{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-gray-200);border:1px solid var(--color-gray-200);padding:var(--space-8)var(--space-6)var(--space-10);overflow:hidden}.search-chat-welcome-hero{margin-bottom:var(--space-6);padding:var(--space-8)var(--space-4);background:linear-gradient(135deg,#3b82f60a 0%,var(--color-gray-50)100%);border-radius:var(--radius-xl);border:1px dashed #3b82f633;justify-content:center;align-items:center;display:flex;position:relative}.search-chat-welcome-hero-dots{border-radius:inherit;pointer-events:none;background-image:radial-gradient(#3b82f614 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.search-chat-welcome-hero-icon{border-radius:var(--radius-full);background:var(--color-white);width:64px;height:64px;color:var(--color-accent);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.search-chat-welcome-messages{margin-bottom:var(--space-8)}.search-chat-greeting-inner{border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,var(--color-gray-50)0%,#3b82f60f 100%)!important;padding:var(--space-5)var(--space-6)!important}.search-chat-welcome-card .search-ai-suggestions.search-what-you-can-ask{padding:var(--space-4)0 0;box-shadow:none;border:none;border-top:1px solid var(--color-gray-200);background:0 0;border-radius:0;margin-top:0}.search-chat-welcome-card .search-ai-suggestions-title{color:var(--color-gray-800);margin-bottom:var(--space-4);font-size:1rem;font-weight:600}.search-chat-welcome-card .search-what-group{margin-bottom:var(--space-5)}.search-chat-welcome-card .search-what-label{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2);font-size:.8125rem;font-weight:600;display:block}.search-chat-welcome-card .search-ai-example-chip{padding:var(--space-2)var(--space-4);border-radius:var(--radius-lg);border:1.5px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-800);transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base);font-size:.9375rem}.search-chat-welcome-card .search-ai-example-chip:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:#3b82f60f;box-shadow:0 2px 8px #3b82f61f}.search-chat-loading,.search-chat-error{padding:var(--space-12);color:var(--color-gray-600);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:280px;display:flex}.search-chat-loading{background:var(--color-white);border-radius:var(--radius-2xl);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);margin:0 var(--space-2)}.search-chat-loading-spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-accent);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.search-chat-loading-text{color:var(--color-gray-600);font-size:.9375rem;font-weight:500}.buffer-animation{padding:var(--space-8)var(--space-4);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:120px;display:flex}.buffer-animation--small{padding:var(--space-4)var(--space-2);gap:var(--space-2);min-height:0}.buffer-animation__icons{flex-flow:row;justify-content:center;align-items:center;gap:12px;display:flex}.buffer-animation__icon-wrap{transform-origin:50%;justify-content:center;align-items:center;animation:ease-in-out infinite buffer-wave;display:inline-flex}.buffer-animation__icon-wrap .buffer-icon{width:28px;height:28px;color:var(--color-accent,#2563eb);flex-shrink:0}.buffer-animation--small .buffer-animation__icon-wrap .buffer-icon{width:20px;height:20px}.buffer-animation__label{color:var(--color-gray-600);margin:0;font-size:.9375rem;font-weight:500}.buffer-animation--small .buffer-animation__label{font-size:.8125rem}@keyframes buffer-wave{0%,to{opacity:.5;transform:scale(.82)translateY(0)}50%{opacity:1;transform:scale(1.22)translateY(-4px)}}.search-chat-error{color:var(--color-error,#dc2626);border-radius:var(--radius-xl);margin:0 var(--space-4);background:#ef44440f;border:1px solid #ef444433}.search-chat-messages{gap:var(--space-6);padding:var(--space-4)0;flex-direction:column;display:flex}.search-chat-bubble{width:100%;animation:.3s ease-out fadeIn;display:flex}.search-chat-bubble-user{justify-content:flex-end}.search-chat-bubble-assistant{justify-content:flex-start}.search-chat-bubble-inner{max-width:88%;padding:var(--space-4)var(--space-5);border-radius:var(--radius-xl);background:var(--color-white);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.search-chat-bubble-inner:hover{box-shadow:var(--shadow-md)}.search-chat-bubble-user .search-chat-bubble-inner{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-md);border:none}.search-chat-bubble-user .search-chat-bubble-inner:hover{box-shadow:var(--shadow-lg)}.search-chat-bubble-content{margin:0 0 var(--space-3)0;color:var(--color-gray-800);font-size:.9375rem;line-height:1.6}.search-chat-bubble-user .search-chat-bubble-content{color:#fffffffa;margin-bottom:0}.search-chat-products{gap:var(--space-3);margin-top:var(--space-3);padding-bottom:var(--space-2);flex-wrap:nowrap;display:flex;overflow-x:auto}.search-chat-view-more-card{border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;background:linear-gradient(135deg,#2563eb0a,#2563eb05);border:1px dashed #0f172a29;justify-content:center;align-items:center;transition:background .15s,box-shadow .15s,transform .1s;display:flex}.search-chat-view-more-card-inner{gap:var(--space-1);text-align:center;flex-direction:column;display:flex}.search-chat-view-more-label{color:var(--color-primary);font-size:.9rem;font-weight:600}.search-chat-view-more-count{color:var(--color-gray-600);font-size:.8rem}.search-chat-view-more-card:hover{background:linear-gradient(135deg,#2563eb14,#2563eb0a);transform:translateY(-1px);box-shadow:0 8px 20px #0f172a14}.search-chat-view-all-row{margin-top:var(--space-3)}.search-chat-view-all-button{padding:var(--space-2)var(--space-4);color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:var(--radius-lg);cursor:pointer;background:0 0;font-size:.9rem;font-weight:600;transition:background .15s,color .15s;display:inline-block}.search-chat-view-all-button:hover{background:var(--color-primary);color:var(--color-white)}.search-chat-suggestions{margin-top:var(--space-4)}.search-chat-suggestions-label{color:var(--color-gray-700);margin:0 0 var(--space-2)0;font-size:.875rem;font-weight:600}.search-chat-suggestion-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.search-chat-suggestion-chip{padding:var(--space-2)var(--space-4);color:var(--color-accent);background:var(--color-white);border:1.5px solid var(--color-accent);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-base),color var(--transition-base);font-size:.875rem;font-weight:500}.search-chat-suggestion-chip:hover:not(:disabled){background:var(--color-accent);color:var(--color-white)}.search-chat-suggestion-chip:disabled{opacity:.6;cursor:not-allowed}.search-chat-typing{padding:var(--space-2)0;gap:4px;display:flex}.search-chat-typing span{background:var(--color-gray-400);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both search-chat-bounce}.search-chat-typing span:first-child{animation-delay:-.32s}.search-chat-typing span:nth-child(2){animation-delay:-.16s}@keyframes search-chat-bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.search-chat-footer{padding:var(--space-6)0 var(--space-10);background:linear-gradient(to top,var(--color-white)0%,transparent 100%);flex-shrink:0}.search-chat-form{gap:var(--space-3);max-width:640px;padding:var(--space-2)var(--space-3);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-gray-200);border:1px solid var(--color-gray-200);transition:box-shadow var(--transition-base),border-color var(--transition-base);align-items:center;margin:0 auto;display:flex}.search-chat-form:focus-within{border-color:var(--color-accent);box-shadow:0 4px 20px #3b82f626,0 0 0 1px var(--color-accent)}.search-chat-input{padding:var(--space-3)var(--space-2);border-radius:var(--radius-lg);color:var(--color-gray-900);background:0 0;border:none;flex:1;font-size:1rem}.search-chat-input::placeholder{color:var(--color-gray-400)}.search-chat-input:focus{outline:none}.search-chat-input:disabled{opacity:.7;cursor:not-allowed}.search-chat-send{border-radius:var(--radius-lg);background:var(--gradient-accent);width:44px;min-width:44px;height:44px;color:var(--color-white);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-base);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;padding:0;display:flex}.search-chat-send:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.search-chat-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.search-chat-send-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.search-chat-history-toggle{margin-top:var(--space-4);padding-top:var(--space-2);justify-content:center;display:flex}.search-chat-history-button{color:var(--color-accent);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-2)var(--space-4);cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base);background:0 0;font-size:.875rem;font-weight:500}.search-chat-history-button:hover{border-color:var(--color-accent);color:var(--color-accent-hover);background:#3b82f60f}.chat-page{background:var(--color-white);flex-direction:column;min-height:100vh;display:flex}.chat-layout{width:100%;max-width:1400px;padding:0 var(--content-padding-x,24px);flex:1;margin:0 auto;display:flex}.chat-sidebar{width:240px;padding:var(--space-6)var(--space-4);border-right:1px solid var(--color-gray-200);background:var(--color-gray-50);flex-shrink:0}.chat-new-btn{width:100%;padding:var(--space-2)var(--space-4);color:var(--color-primary);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base);font-size:.875rem;font-weight:500}.chat-new-btn:hover{border-color:var(--color-accent);background:var(--color-gray-50)}.chat-sessions-list{margin-top:var(--space-6)}.chat-sessions-label{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-size:.75rem;font-weight:600}.chat-session-item{padding:var(--space-2)var(--space-3);color:var(--color-gray-700);border-radius:var(--radius-md);text-overflow:ellipsis;white-space:nowrap;transition:background var(--transition-fast);margin-bottom:2px;font-size:.875rem;text-decoration:none;display:block;overflow:hidden}.chat-session-item:hover{background:var(--color-gray-200);color:var(--color-gray-900)}.chat-session-item.active{background:var(--color-gray-200);color:var(--color-primary);font-weight:500}.chat-main{flex-direction:column;flex:1;min-width:0;max-width:800px;margin:0 auto;display:flex}.chat-header{padding:var(--space-6)0 var(--space-4);flex-shrink:0}.chat-title{color:var(--color-gray-900);margin:var(--space-2)0 var(--space-1);letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,1.75rem);font-weight:700}.chat-subtitle{color:var(--color-gray-500);margin:0;font-size:.9375rem}.chat-messages-wrap{padding:var(--space-4)0;flex:1;min-height:200px;overflow-y:auto}.chat-welcome{padding:var(--space-4)0}.chat-welcome-text{color:var(--color-gray-600);margin-bottom:var(--space-6);font-size:1rem}.chat-message{margin-bottom:var(--space-6)}.chat-message-inner{max-width:100%}.chat-message-user{justify-content:flex-end;display:flex}.chat-message-assistant{justify-content:flex-start;display:flex}.chat-bubble{max-width:85%;padding:var(--space-3)var(--space-4);border-radius:var(--radius-xl);font-size:.9375rem;line-height:1.5;display:inline-block}.chat-bubble-user{background:var(--gradient-primary);color:var(--color-white);border-bottom-right-radius:4px}.chat-bubble-assistant{background:var(--color-gray-100);color:var(--color-gray-900);border-bottom-left-radius:4px}.chat-bubble-assistant.chat-thinking{color:var(--color-gray-500);font-style:italic}.chat-results-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.chat-input-wrap{padding:var(--space-4)0 var(--space-6);border-top:1px solid var(--color-gray-200);flex-shrink:0}.chat-input-form{gap:var(--space-2);align-items:center;display:flex}.chat-input{padding:var(--space-3)var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:border-color var(--transition-base);outline:none;flex:1;font-size:1rem}.chat-input:focus{border-color:var(--color-accent)}.chat-input:disabled{background:var(--color-gray-50);cursor:not-allowed}.chat-send-btn{padding:var(--space-3)var(--space-6);color:var(--color-white);background:var(--gradient-primary);border-radius:var(--radius-lg);cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);border:none;font-size:.9375rem;font-weight:600}.chat-send-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.chat-send-btn:disabled{opacity:.6;cursor:not-allowed}.chat-loading{text-align:center;padding:var(--space-12);color:var(--color-gray-500)}@media (max-width:768px){.chat-sidebar{width:180px;padding:var(--space-4)}.chat-results-grid{grid-template-columns:1fr}}.search-filter-tabs{gap:var(--space-3);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200);display:flex}.search-filter-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.search-filter-tab:hover,.search-filter-tab.active{color:#0f172a;background:#f1f5f9}.search-filter-tab.active:after{content:"";background:#3b82f6;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-17px;left:0;right:0}.search-section{margin-bottom:48px}.search-section-title{color:#0f172a;align-items:center;gap:8px;margin-bottom:24px;font-size:24px;font-weight:600;display:flex}.search-section-count{color:#64748b;font-size:18px;font-weight:400}.catalog-item-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.catalog-item-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.catalog-item-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.catalog-item-image{object-fit:cover;width:100%;height:200px}.catalog-item-content{padding:20px}.catalog-item-content h3{color:#0f172a;margin-bottom:8px;font-size:18px;font-weight:600}.catalog-item-description{color:#64748b;margin-bottom:12px;font-size:14px;line-height:1.5}.catalog-item-meta{gap:8px;font-size:12px;display:flex}.catalog-item-type,.catalog-item-cuisine{color:#475569;background:#f1f5f9;border-radius:6px;padding:4px 10px}.search-loading{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:80px 24px;display:flex}.search-loading .loading-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.search-error{text-align:center;color:#dc2626;padding:80px 24px}.search-empty{text-align:center;padding:80px 24px}.search-empty-message{color:#0f172a;margin-bottom:8px;font-size:18px;font-weight:500}.search-empty-hint{color:#64748b;font-size:14px}.compare-page-empty,.compare-empty,.deliver-now-empty-cart{text-align:center;color:#64748b;padding:80px 24px;font-size:16px}.compare-loading{text-align:center;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:100px 24px;font-size:16px;animation:.6s ease-out fadeIn}.cart-page-loading{text-align:center;color:#64748b;padding:80px 24px;font-size:16px}.compare-options-list{flex-direction:column;gap:16px;display:flex}.compare-option-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.compare-option-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.compare-option-logo{object-fit:contain;width:48px;height:48px}.compare-option-header h3{color:#0f172a;font-size:20px;font-weight:600}.compare-option-details{flex-direction:column;gap:8px;display:flex}.compare-option-item{color:#475569;font-size:16px}.compare-option-price{color:#0f172a;align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.compare-option-breakdown{color:#64748b;flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.compare-option-link{color:#fff;text-align:center;background:#0f172a;border-radius:8px;margin-top:12px;padding:10px 16px;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-block}.compare-option-link:hover{background:#1e293b}.deliver-now-subtitle{color:#64748b;font-size:16px}.deliver-now-search-section{max-width:600px;margin:32px auto 0}.deliver-now-results{flex-direction:column;gap:16px;margin-top:24px;display:flex}.deliver-now-result-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:16px;padding:20px;transition:all .2s;display:flex}.deliver-now-result-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a}.result-item-image{object-fit:cover;border-radius:8px;width:80px;height:80px}.result-item-info h3{color:#0f172a;margin-bottom:4px;font-size:16px;font-weight:600}.result-item-info p{color:#64748b;font-size:14px}.deliver-now-content{flex-direction:column;gap:32px;display:flex}.deliver-now-cart-section h2{color:#0f172a;margin-bottom:8px;font-size:24px;font-weight:600}.deliver-now-cart-section p{color:#64748b;margin-bottom:24px}.results-page{background:#fff;flex-direction:column;min-height:100vh;display:flex}.results-container{flex:1;max-width:1280px;margin:0 auto;padding:48px 24px}.results-header{margin-bottom:32px}.results-header h1{color:#0f172a;letter-spacing:-1px;margin-bottom:8px;font-size:40px;font-weight:700}.results-subtitle{color:#64748b;font-size:16px}.results-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.results-filters{flex-wrap:wrap;gap:12px;display:flex}.results-sort{align-items:center;gap:12px;display:flex}.results-sort label{color:#0f172a;font-size:14px;font-weight:500}.sort-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 16px;font-size:14px;transition:border-color .15s}.sort-select:focus{border-color:#0f172a}.results-list{flex-direction:column;gap:16px;display:flex}.results-loading,.results-error,.results-empty{text-align:center;color:#64748b;padding:80px 24px;font-size:16px}.option-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .2s;box-shadow:0 1px 3px #0000000d}.option-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #00000014}.option-card-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.option-card-logo{object-fit:contain;border-radius:8px;width:56px;height:56px}.option-card-platform-info{flex:1}.option-card-platform-name{color:#0f172a;margin-bottom:8px;font-size:20px;font-weight:600}.option-card-meta{color:#64748b;flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.option-rating,.option-delivery-time,.option-category{align-items:center;display:inline-flex}.option-card-content{flex-direction:column;gap:16px;display:flex}.option-item-name{color:#0f172a;font-size:16px;font-weight:500}.option-price-breakdown{background:#f8fafc;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex}.price-row{color:#475569;justify-content:space-between;font-size:14px;display:flex}.price-row.total-row{border-top:1px solid #e2e8f0;margin-top:4px;padding-top:12px}.price-label{color:#64748b}.price-value{color:#0f172a;font-weight:500}.total-price{color:#0f172a;font-size:18px;font-weight:700}.option-select-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:background-color .15s}.option-select-btn:hover{background:#1e293b}.option-page{background:#fff;flex-direction:column;min-height:100vh;display:flex}.option-container{flex:1;max-width:800px;margin:0 auto;padding:48px 24px}.option-header{margin-bottom:32px}.option-header h1{color:#0f172a;letter-spacing:-1px;margin-top:16px;font-size:40px;font-weight:700}.back-btn{color:#0f172a;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s}.back-btn:hover{background:#f8fafc;border-color:#cbd5e1}.option-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000000d}.option-summary-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:24px;display:flex}.option-summary-logo{object-fit:contain;border-radius:8px;width:64px;height:64px}.option-summary-platform h2{color:#0f172a;margin-bottom:8px;font-size:24px;font-weight:700}.option-summary-meta{color:#64748b;flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.option-summary-item{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.option-summary-item h3{color:#0f172a;font-size:20px;font-weight:600}.option-category-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500}.option-price-summary{margin-bottom:32px}.option-price-summary h3{color:#0f172a;margin-bottom:16px;font-size:18px;font-weight:600}.price-summary-list{background:#f8fafc;border-radius:8px;flex-direction:column;gap:12px;padding:20px;display:flex}.price-summary-row{color:#475569;justify-content:space-between;font-size:15px;display:flex}.price-summary-row.total-row{color:#0f172a;border-top:1px solid #e2e8f0;margin-top:4px;padding-top:12px;font-size:18px;font-weight:600}.total-amount{color:#0f172a;font-size:24px;font-weight:700}.option-actions{text-align:center}.option-redirect-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;width:100%;margin-bottom:16px;padding:16px 32px;font-size:18px;font-weight:600;transition:background-color .15s}.option-redirect-btn:hover:not(:disabled){background:#1e293b}.option-redirect-btn:disabled{opacity:.6;cursor:not-allowed}.option-redirect-note{color:#64748b;font-size:14px;line-height:1.6}.option-loading,.option-error{text-align:center;color:#64748b;padding:80px 24px;font-size:16px}.app-footer{background:#fff;border-top:1px solid #e5e7eb;width:100%;margin-top:auto}.footer-container{max-width:var(--content-max-width,1280px);padding:0 var(--content-padding-x,24px);margin:0 auto}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding:48px 0 24px;display:grid}@media (max-width:1024px){.footer-content{grid-template-columns:1fr 1fr 1fr;gap:40px}}@media (max-width:768px){.footer-content{grid-template-columns:1fr 1fr;gap:32px;padding:48px 24px 32px}}@media (max-width:640px){.footer-content{grid-template-columns:1fr;gap:32px;padding:40px 24px 24px}}.footer-section{flex-direction:column;display:flex}.footer-brand{max-width:300px}.footer-brand-name{color:#0f172a;letter-spacing:-.5px;margin-bottom:12px;font-size:24px;font-weight:700}.footer-brand-tagline{color:#64748b;margin:0;font-size:14px;line-height:1.6}.footer-section-title{color:#0f172a;letter-spacing:.2px;margin-bottom:16px;font-size:14px;font-weight:600}.footer-links{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-link{color:#64748b;font-size:14px;text-decoration:none;transition:color .15s;display:inline-block}.footer-link:hover{color:#0f172a}.footer-copyright-section{text-align:center;border-top:1px solid #e5e7eb;padding:24px 0 32px}.footer-copyright{color:#64748b;margin:0;font-size:13px}.home-catalog-section{margin-top:80px;padding-top:48px}.home-catalog-section h2{color:#0f172a;letter-spacing:-.5px;margin-bottom:32px;font-size:32px;font-weight:700}.catalog-loading,.catalog-empty{text-align:center;color:#64748b;padding:80px 24px;font-size:16px}.home-tabs-section{background:#f8fafc;border-top:1px solid #e2e8f0;max-width:1400px;margin-top:0;margin-left:auto;margin-right:auto;padding:100px 24px;position:relative}.home-tabs-section:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#e2e8f0 10% 90%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.tabs-section-header{text-align:center;margin-bottom:48px;padding:0 24px;animation:.8s ease-out .5s both fadeInUp}.tabs-section-title{color:var(--color-primary);letter-spacing:-1px;margin-bottom:16px;font-size:clamp(32px,5vw,42px);font-weight:700}.tabs-section-subtitle{color:var(--color-gray-600);max-width:600px;margin:0 auto;font-size:17px;line-height:1.6}.section-content-wrapper{max-width:var(--content-max-width,1280px);padding-left:var(--content-padding-x,24px);padding-right:var(--content-padding-x,24px);margin-left:auto;margin-right:auto}.section-loading,.section-empty{text-align:center;color:#64748b;padding:80px 24px;font-size:16px}.section-empty-note{color:#94a3b8;max-width:500px;margin-top:12px;margin-left:auto;margin-right:auto;font-size:13px}.section-empty-hint{color:#94a3b8;max-width:420px;margin-top:8px;margin-left:auto;margin-right:auto;font-size:14px}.section-footer-note{text-align:center;color:#64748b;border-top:1px solid #e5e7eb;margin-top:40px;padding:32px 0 0;font-size:.9375rem}.section-footer-note p{color:#64748b;margin:0 0 24px;font-weight:500}.section-footer-cta{justify-content:center;align-items:center;margin-top:24px;display:flex}.section-footer-link{color:var(--color-primary);transition:all var(--transition-base);font-weight:600;text-decoration:none}.section-footer-link:hover{color:var(--color-accent);text-decoration:none}.tabs-section-full-width{background:#fff;width:100%;padding:0}.tabs-container{background:#fff;border-radius:16px;width:100%;max-width:100%;animation:.8s ease-out .6s both fadeInUp;overflow:hidden;box-shadow:0 1px 3px #0000001a}.tabs-header{scrollbar-width:none;background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:0;padding:0;display:flex;overflow-x:auto}.tabs-header::-webkit-scrollbar{display:none}.tab-button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;min-width:150px;padding:20px 24px;font-size:16px;font-weight:600;transition:all .3s;position:relative}.tab-button:hover{color:#0f172a;background:#0f172a05}.tab-button.active{color:#0f172a;background:#fff;border-bottom-color:#0f172a}.tab-button.active:after{content:"";background:#fff;height:1px;position:absolute;bottom:-1px;left:0;right:0}.tabs-content{padding:40px var(--content-padding-x,24px);min-height:360px;animation:.4s ease-out fadeIn}@media (max-width:768px){.tabs-content{padding:32px var(--content-padding-x,20px)}.tab-button{min-width:120px;padding:16px 20px;font-size:14px}.tabs-section-title{font-size:1.5rem}.tabs-section-subtitle{font-size:.9375rem}}.recipe-card-modern{background:var(--color-white);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out both fadeInUp;display:flex;position:relative;overflow:visible}.recipe-card-image-wrapper-modern{border-radius:12px 12px 0 0;overflow:hidden}.recipe-card-modern:first-child{animation-delay:.1s}.recipe-card-modern:nth-child(2){animation-delay:.15s}.recipe-card-modern:nth-child(3){animation-delay:.2s}.recipe-card-modern:nth-child(4){animation-delay:.25s}.recipe-card-modern:nth-child(5){animation-delay:.3s}.recipe-card-modern:nth-child(6){animation-delay:.35s}.recipe-card-modern:hover{box-shadow:var(--shadow-xl);border-color:var(--color-accent);transform:translateY(-4px)}.recipe-card-modern:before{content:"";background:var(--gradient-accent);transform-origin:0;z-index:1;height:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.recipe-card-modern:hover:before{transform:scaleX(1)}.recipe-card-image-wrapper-modern{background:var(--color-gray-50);flex-shrink:0;width:100%;height:180px;position:relative;overflow:hidden}.recipe-card-image-modern{object-fit:cover;width:100%;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1)}.recipe-card-modern:hover .recipe-card-image-modern{transform:scale(1.05)}.recipe-card-cuisine-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:2;background:#0f172ad9;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}.recipe-card-content-modern{flex-direction:column;flex:1;gap:12px;min-height:0;padding:20px;display:flex}.recipe-card-name-modern{color:var(--color-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;margin:0;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.recipe-card-description-modern{color:var(--color-gray-600);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.recipe-card-info-modern{flex-direction:column;gap:10px;margin-top:auto;display:flex}.recipe-ingredients-badge{color:var(--color-gray-600);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.recipe-ingredients-badge svg{color:var(--color-accent);flex-shrink:0}.recipe-tags-modern{flex-wrap:wrap;gap:6px;display:flex}.recipe-tag-modern{color:var(--color-gray-600);background:var(--color-gray-50);border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500}.recipe-card-actions-modern{gap:10px;margin-top:8px;display:flex}.recipe-card-btn-modern{text-align:center;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.recipe-card-btn-primary-modern{background:var(--color-primary);color:#fff}.recipe-card-btn-primary-modern:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.recipe-card-btn-primary-modern:disabled{opacity:.6;cursor:not-allowed}.recipe-card-btn-secondary-modern{color:var(--color-primary);border:1.5px solid var(--color-gray-300);background:#fff}.recipe-card-btn-secondary-modern:hover{background:var(--color-gray-50);border-color:var(--color-primary);color:var(--color-primary)}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.recipes-section-modern{width:100%;padding:0}.recipes-section-header{border-bottom:1px solid var(--color-gray-200);margin-bottom:32px;padding-bottom:24px}.recipes-header-content{max-width:100%}.recipes-section-title{color:var(--color-primary);margin:0 0 8px;font-size:28px;font-weight:700;line-height:1.2}.recipes-section-subtitle{color:var(--color-gray-600);max-width:600px;margin:0;font-size:15px;line-height:1.5}.recipe-details-expanded{border-top:1px solid var(--color-gray-200);background:var(--color-gray-50);padding:20px;animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}.recipe-details-content{flex-direction:column;gap:20px;display:flex}.recipe-details-title{color:var(--color-primary);margin:0;font-size:18px;font-weight:600}.recipe-details-section{flex-direction:column;gap:12px;display:flex}.recipe-details-subtitle{color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px;font-weight:600}.recipe-full-description{color:var(--color-gray-600);margin:0;font-size:14px;line-height:1.6}.recipe-ingredients-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.recipe-ingredient-item{border:1px solid var(--color-gray-200);background:#fff;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.recipe-ingredient-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.ingredient-quantity{color:var(--color-primary);min-width:60px;font-size:13px;font-weight:600}.ingredient-name{color:var(--color-gray-700);flex:1;font-size:14px}.ingredient-brand{color:var(--color-gray-500);font-size:12px;font-style:italic}.recipe-video-link,.recipe-guide-link{border:1.5px solid var(--color-gray-300);color:var(--color-primary);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.recipe-video-link:hover,.recipe-guide-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.recipe-detail-page{background:var(--color-white);flex-direction:column;min-height:100vh;display:flex}.recipe-detail-container{flex-direction:column;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:32px 24px;display:flex}.recipe-detail-layout{grid-template-columns:420px 1fr;align-items:start;gap:40px;display:grid}.recipe-detail-left{flex-direction:column;gap:20px;height:fit-content;display:flex;position:sticky;top:100px}.recipe-detail-right{flex-direction:column;gap:24px;display:flex}.recipe-detail-loading,.recipe-detail-error{text-align:center;color:var(--color-gray-600);padding:80px 24px}.recipe-detail-error{color:var(--color-error)}.recipe-detail-image-wrapper{border-radius:var(--radius-lg);background:var(--color-gray-50);width:100%;height:320px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.recipe-detail-image{object-fit:cover;width:100%;height:100%}.recipe-detail-cuisine-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#0f172ad9;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;position:absolute;top:16px;right:16px}.recipe-detail-info{flex-direction:column;gap:12px;display:flex}.recipe-detail-title{color:var(--color-primary);letter-spacing:-.5px;margin:0;font-size:32px;font-weight:700;line-height:1.2}.recipe-detail-description{color:var(--color-gray-600);margin:0;font-size:15px;line-height:1.5}.recipe-detail-tags{flex-wrap:wrap;gap:8px;display:flex}.recipe-detail-tag{color:var(--color-gray-700);background:var(--color-gray-100);border-radius:var(--radius-full);padding:5px 12px;font-size:12px;font-weight:500}.recipe-detail-resources{flex-direction:column;gap:10px;margin-top:8px;display:flex}.recipe-resource-link{border:1.5px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-primary);transition:all var(--transition-base);background:#fff;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.recipe-resource-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.recipe-detail-ingredients-section{flex-direction:column;gap:16px;display:flex}.recipe-detail-section-header{border-bottom:1.5px solid var(--color-gray-200);flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.recipe-detail-section-title{color:var(--color-primary);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.recipe-detail-select-actions{gap:12px;display:flex}.recipe-select-all-btn,.recipe-deselect-all-btn{border:1.5px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;transition:all var(--transition-base);background:#fff;padding:8px 16px;font-size:13px;font-weight:500}.recipe-select-all-btn:hover:not(:disabled),.recipe-deselect-all-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.recipe-select-all-btn:disabled,.recipe-deselect-all-btn:disabled{opacity:.4;cursor:not-allowed}.recipe-detail-ingredients-list{flex-direction:column;gap:8px;max-height:500px;padding-right:8px;display:flex;overflow-y:auto}.recipe-ingredient-row{border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;box-shadow:var(--shadow-xs);background:#fff;padding:12px 16px}.recipe-ingredient-row:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.recipe-ingredient-row.selected{border-color:var(--color-primary);background:var(--color-gray-50);box-shadow:var(--shadow-xs)}.recipe-ingredient-row.unavailable{opacity:.6;cursor:not-allowed}.ingredient-checkbox-label{cursor:pointer;align-items:center;gap:12px;width:100%;margin:0;display:flex}.ingredient-checkbox{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary);flex-shrink:0}.ingredient-checkbox:disabled{cursor:not-allowed;opacity:.5}.ingredient-row-content{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.ingredient-quantity-row{color:var(--color-primary);flex-shrink:0;min-width:80px;font-size:14px;font-weight:600}.ingredient-name-row{color:var(--color-gray-800);flex:1;min-width:0;font-size:15px;font-weight:500}.ingredient-brand-row{color:var(--color-gray-500);flex-shrink:0;font-size:13px;font-style:italic}.ingredient-unavailable-badge{color:var(--color-error);background:#fee2e2;border-radius:12px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:500}.recipe-detail-actions-section{border-top:1.5px solid var(--color-gray-200);padding-top:16px}.recipe-add-selected-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-base);box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:600;display:flex}.recipe-add-selected-btn:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.recipe-add-selected-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:1024px){.recipe-detail-layout{grid-template-columns:1fr;gap:32px}.recipe-detail-left{position:static}.recipe-detail-image-wrapper{height:280px}}@media (max-width:768px){.recipe-detail-container{padding:24px 16px}.recipe-detail-layout{gap:24px}.recipe-detail-image-wrapper{height:240px}.recipe-detail-title{font-size:28px}.recipe-detail-description{font-size:14px}.recipe-detail-section-header{flex-direction:column;align-items:flex-start;gap:12px}.recipe-detail-select-actions{gap:10px;width:100%;display:flex}.recipe-select-all-btn,.recipe-deselect-all-btn{flex:1}.recipe-detail-ingredients-list{max-height:400px}.ingredient-row-content{flex-direction:column;align-items:flex-start;gap:6px}.ingredient-quantity-row{min-width:auto}}.recipe-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm);flex-direction:column;width:100%;max-width:240px;animation:.6s ease-out both fadeInUp;display:flex;position:relative;overflow:hidden}.recipe-card:first-child{animation-delay:.1s}.recipe-card:nth-child(2){animation-delay:.15s}.recipe-card:nth-child(3){animation-delay:.2s}.recipe-card:nth-child(4){animation-delay:.25s}.recipe-card:nth-child(5){animation-delay:.3s}.recipe-card:nth-child(6){animation-delay:.35s}.recipe-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-accent);transform:translateY(-6px)scale(1.02)}.recipe-card:before{content:"";background:var(--gradient-accent);transform-origin:0;height:4px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.recipe-card:hover:before{transform:scaleX(1)}.recipe-card-image-wrapper{background:var(--color-gray-50);width:100%;height:160px;position:relative;overflow:hidden}.recipe-card-image{object-fit:cover;width:100%;height:100%}.recipe-card-content{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex}.recipe-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.recipe-card-name{color:var(--color-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-height:40px;margin:0;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.recipe-card-cuisine{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.recipe-card-description{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.recipe-card-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.recipe-ingredients-count{color:#64748b;font-size:13px;font-weight:500}.recipe-tags{flex-wrap:wrap;gap:6px;display:flex}.recipe-tag{color:#475569;background:#f8fafc;border-radius:4px;padding:3px 8px;font-size:11px}.recipe-card-actions{gap:12px;margin-top:12px;display:flex}.recipe-card-btn{text-align:center;cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s}.recipe-card-btn-primary{color:#fff;background:#0f172a}.recipe-card-btn-primary:hover:not(:disabled){background:#1e293b}.recipe-card-btn-primary:disabled{opacity:.6;cursor:not-allowed}.recipe-card-btn-secondary{color:#0f172a;background:#fff;border:2px solid #0f172a}.recipe-card-btn-secondary:hover{background:#f8fafc}.recipe-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:8px 0;display:grid}@media (max-width:768px){.recipe-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}}.rides-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:48px 32px}.rides-card.placeholder{background:#f8fafc;border:2px dashed #cbd5e1}.rides-card-title{color:#0f172a;margin-bottom:12px;font-size:24px;font-weight:600}.rides-card-description{color:#64748b;margin-bottom:16px;font-size:16px}.rides-placeholder-note{color:#94a3b8;margin-top:24px;font-size:14px;font-style:italic}.rides-section{padding:24px 0}.rides-info-header{text-align:center;margin-bottom:32px}.rides-section-title{color:#0f172a;margin-bottom:8px;font-size:28px;font-weight:700}.rides-section-description{color:#64748b;max-width:600px;margin:0 auto;font-size:16px}.rides-section-loading,.rides-section-empty{text-align:center;color:#64748b;padding:60px 24px}.rides-section-note{color:#94a3b8;margin-top:12px;font-size:14px}.delivery-services-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:32px;display:grid}.delivery-service-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.delivery-service-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.service-logo-wrapper{background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:16px;display:flex;overflow:hidden}.service-logo{object-fit:contain;width:100%;height:100%;padding:8px}.service-content{flex-direction:column;gap:16px;display:flex}.service-name{color:#0f172a;margin:0;font-size:20px;font-weight:600}.service-type{color:#64748b;margin:-12px 0 0;font-size:14px}.service-pricing{background:#f8fafc;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex}.pricing-item{justify-content:space-between;align-items:center;display:flex}.pricing-label{color:#64748b;font-size:14px}.pricing-value{color:#0f172a;font-size:14px;font-weight:600}.service-details{border-top:1px solid #e2e8f0;flex-direction:column;gap:8px;padding-top:12px;display:flex}.detail-item{justify-content:space-between;align-items:center;font-size:13px;display:flex}.detail-label{color:#64748b}.detail-value{color:#0f172a;font-weight:500}.section-info-banner{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px;margin-bottom:32px;padding:24px}.info-banner-content{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:center;gap:24px;display:grid}.info-stat{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.info-stat-cuisines{flex-flow:wrap;grid-column:1/-1;justify-content:center;gap:8px}.stat-value{color:#0f172a;font-size:32px;font-weight:700;line-height:1}.stat-value-small{color:#475569;font-size:14px;font-weight:500}.products-stats-banner{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;margin-top:32px;padding:24px;display:grid}.products-stat-item{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.products-stat-value{color:#0f172a;font-size:36px;font-weight:700;line-height:1}.products-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.products-platforms-preview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:32px 0;padding:32px}.platforms-preview-title{color:#0f172a;letter-spacing:-.3px;margin-bottom:20px;font-size:18px;font-weight:600}.platforms-preview-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;display:grid}.platform-preview-item{background:#f8fafc;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:16px;transition:all .2s;display:flex}.platform-preview-item:hover{background:#f1f5f9;transform:translateY(-2px)}.retailers-carousel-section{margin:32px 0;padding:0}.retailers-carousel-section-main{background:#fff;width:100%;padding:20px 32px}.retailers-carousel-container{width:100%;padding:20px 0;position:relative}.retailers-carousel-wrapper{width:100%;position:relative;overflow:hidden}.retailers-carousel-track{will-change:transform;width:100%;display:flex}.retailers-carousel-item{flex-direction:column;flex:0 0 16.6667%;justify-content:center;align-items:center;min-width:0;padding:12px 16px;display:flex}.retailers-carousel-logo-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:140px;height:90px;margin-bottom:8px;padding:12px;transition:all .3s;display:flex}.retailers-carousel-logo-wrapper:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 4px 12px #00000014}.retailers-carousel-logo{object-fit:contain;object-position:center;width:100%;height:100%}.retailers-carousel-name{color:#0f172a;text-align:center;font-size:14px;font-weight:500;line-height:1.4}.retailers-carousel-indicators{justify-content:center;gap:8px;margin-top:16px;padding:0 16px;display:flex}.retailers-carousel-indicator{cursor:pointer;background:#cbd5e1;border-radius:50%;width:8px;height:8px;transition:all .3s}.retailers-carousel-indicator.active{background:#3b82f6;border-radius:4px;width:24px}.retailers-carousel-empty{text-align:center;color:#64748b;padding:80px 24px;font-size:16px}@media (max-width:1024px){.retailers-carousel-item{flex:0 0 25%}}@media (max-width:768px){.retailers-carousel-item{flex:0 0 33.3333%}.retailers-carousel-logo-wrapper{max-width:140px;height:100px;padding:12px}.retailers-carousel-name{font-size:13px}}@media (max-width:640px){.retailers-carousel-item{flex:0 0 50%}.retailers-carousel-logo-wrapper{max-width:120px;height:90px;padding:10px}.retailers-carousel-name{font-size:12px}.retailers-carousel-container{padding:32px 0}}.platform-preview-logo{object-fit:contain;border-radius:6px;width:48px;height:48px}.platform-preview-name{color:#0f172a;text-align:center;font-size:13px;font-weight:500}.platform-preview-rating{color:#64748b;font-size:11px}.cart-recipe-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:16px}.cart-recipe-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.cart-recipe-name{color:#0f172a;margin:0;font-size:16px;font-weight:600}.remove-recipe-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.remove-recipe-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.cart-recipe-items{flex-direction:column;gap:12px;display:flex}.cart-item-nested{background:#fff;border-radius:8px;margin-left:16px;padding:12px}.cart-item-nested .cart-item-name{font-size:14px;font-weight:500}.form-section-divider{border-top:1px solid #e2e8f0;margin-top:32px;margin-bottom:20px;padding-top:24px}.form-section-divider h3{color:#0f172a;margin-bottom:8px;font-size:18px;font-weight:600}.form-section-description{color:#64748b;margin-top:4px;font-size:14px}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.platforms-loading{text-align:center;color:#64748b;padding:24px;font-size:14px}.preferred-stores-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:24px;display:grid}.preferred-store-option{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;padding:16px;transition:all .15s;display:flex}.preferred-store-option:hover{background:#f8fafc;border-color:#cbd5e1}.preferred-store-option.selected{background:#f8fafc;border-color:#0f172a}.preferred-store-checkbox{display:none}.preferred-store-logo{object-fit:contain;border-radius:4px;width:48px;height:48px;margin-bottom:8px}.preferred-store-name{color:#0f172a;text-align:center;font-size:13px;font-weight:500;line-height:1.4}.consumer-page,.retailer-page{background:#fff;min-height:100vh}.consumer-hero,.retailer-hero{text-align:center;background:linear-gradient(135deg,#fff 0%,#f8fafc 50%,#f1f5f9 100%);padding:120px 24px 80px}.consumer-hero-content,.retailer-hero-content{max-width:900px;margin:0 auto}.consumer-hero-title,.retailer-hero-title{color:#0f172a;letter-spacing:-1px;margin-bottom:24px;font-size:48px;font-weight:700;line-height:1.2}.consumer-hero-subtitle,.retailer-hero-subtitle{color:#64748b;max-width:700px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:20px;line-height:1.7}.consumer-hero-cta,.retailer-hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.features-grid{grid-template-columns:repeat(2,1fr);gap:32px;max-width:900px;margin-top:48px;margin-left:auto;margin-right:auto;display:grid}@media (max-width:768px){.features-grid{grid-template-columns:1fr;max-width:500px}}.feature-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer;flex-direction:column;min-height:240px;padding:40px 32px;animation:.6s ease-out both fadeInUp;display:flex;position:relative}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-accent);transform:translateY(-8px)scale(1.02)}.feature-card:before{content:"";background:var(--gradient-accent);transform-origin:0;height:4px;transition:transform var(--transition-base);border-radius:var(--radius-xl)var(--radius-xl)0 0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.feature-title{color:#0f172a;margin-bottom:12px;font-size:18px;font-weight:600}.feature-description{color:#64748b;margin:0;font-size:15px;line-height:1.6}.info-section-alt{background:#f8fafc}.disclaimer-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px;display:grid}.disclaimer-card{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #fbbf24;border-radius:12px;padding:24px}.disclaimer-icon{color:#f59e0b;width:32px;height:32px;margin-bottom:12px}.disclaimer-title{color:#0f172a;margin-bottom:8px;font-size:16px;font-weight:600}.disclaimer-text{color:#64748b;margin:0;font-size:14px;line-height:1.6}.problem-solution-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px;display:grid}.problem-card{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #0f172a;border-radius:12px;padding:32px}.problem-title{color:#0f172a;margin-bottom:12px;font-size:18px;font-weight:600}.problem-description{color:#64748b;margin:0;font-size:15px;line-height:1.6}.consumer-cta-section,.retailer-cta-section{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);padding:80px 24px}.consumer-cta-content,.retailer-cta-content{max-width:700px;margin:0 auto}.consumer-cta-title,.retailer-cta-title{color:#fff;letter-spacing:-1px;margin-bottom:16px;font-size:40px;font-weight:700}.consumer-cta-subtitle,.retailer-cta-subtitle{color:#cbd5e1;margin-bottom:32px;font-size:18px;line-height:1.6}.consumer-cta-buttons,.retailer-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px;display:flex}.consumer-cta-disclaimer,.retailer-cta-note{color:#94a3b8;margin-top:24px;font-size:13px;font-style:italic}@media (max-width:768px){.consumer-hero-title,.retailer-hero-title{font-size:36px}.consumer-hero-subtitle,.retailer-hero-subtitle{font-size:18px}.consumer-hero,.retailer-hero{padding:80px 24px 60px}.features-grid,.disclaimer-grid,.problem-solution-grid{grid-template-columns:1fr;gap:24px}.consumer-cta-title,.retailer-cta-title{font-size:32px}.navigation-center-group{flex-direction:column;order:3;gap:16px;width:100%;margin-top:16px;position:static;transform:none}.navigation-container{flex-wrap:wrap;gap:16px;height:auto;padding:16px 24px}.navigation-logo{margin-right:auto}.navigation-actions{margin-left:0}}.modal-overlay{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-title{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.modal-close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex}.modal-close-btn:hover{color:#0f172a;background:#f1f5f9}.modal-body{padding:24px}.clear-cart-modal-content{flex-direction:column;gap:24px;display:flex}.clear-cart-modal-message{color:#0f172a;margin:0;font-size:16px;line-height:1.6}.clear-cart-modal-actions{justify-content:flex-end;gap:12px;display:flex}.clear-cart-modal-cancel-btn{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.clear-cart-modal-cancel-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.clear-cart-modal-confirm-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.clear-cart-modal-confirm-btn:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc262633}.modal-form{flex-direction:column;gap:20px;display:flex}.modal-description{color:#64748b;margin-bottom:8px;font-size:14px;line-height:1.6}.modal-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .15s}.modal-btn-primary{color:#fff;background:#0f172a}.modal-btn-primary:hover:not(:disabled){background:#1e293b}.modal-btn-primary:disabled{opacity:.6;cursor:not-allowed}.modal-btn-secondary{color:#0f172a;background:#fff;border:1px solid #e2e8f0}.modal-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.logout-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-block}.logout-btn:hover{color:#0f172a;background-color:#f1f5f9}@media (max-width:768px){.modal-content{max-width:100%;margin:16px}.modal-header,.modal-body{padding:20px}.modal-actions{flex-direction:column-reverse}.modal-btn{width:100%}}.cart-page{background:#fff;flex-direction:column;min-height:100vh;display:flex}.cart-page-main{flex:1;padding:80px 32px 120px}.cart-page-container{width:100%;max-width:1200px;margin:0 auto}.cart-history-page{flex-direction:column;min-height:100vh;display:flex}.cart-history-main{flex:1;padding:80px 32px 120px}.cart-history-container{width:100%;max-width:900px;margin:0 auto}.cart-history-title{color:var(--color-primary);letter-spacing:-.5px;margin:0 0 8px;font-size:clamp(28px,4vw,40px);font-weight:700}.cart-history-subtitle{color:var(--color-gray-500);margin:0 0 32px;font-size:16px}.cart-history-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.cart-history-header-row .cart-history-title{margin-bottom:8px}.cart-history-header-row .cart-history-subtitle{margin-bottom:0}.cart-history-refresh-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}.cart-history-refresh-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.cart-history-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.cart-history-loading,.cart-history-error,.cart-history-empty{text-align:center;color:var(--color-gray-600);padding:48px 24px}.cart-history-empty-hint{color:var(--color-gray-500);margin-top:8px;font-size:14px}.cart-history-cta{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);transition:all var(--transition-base);margin-top:20px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-block}.cart-history-cta:hover{background:var(--color-primary-light);transform:translateY(-1px)}.cart-history-list{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.cart-history-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base);padding:20px 24px}.cart-history-card:hover{box-shadow:var(--shadow-md)}.cart-history-card-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.cart-history-date{color:var(--color-gray-700);font-size:14px;font-weight:600}.cart-history-cheapest{color:var(--color-gray-500);font-size:13px}.cart-history-savings{color:var(--color-success);font-weight:500}.cart-history-items-preview{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.cart-history-item-name{color:var(--color-gray-700);background:var(--color-gray-100);border-radius:var(--radius-sm);padding:4px 10px;font-size:14px}.cart-history-more{color:var(--color-gray-500);font-size:13px}.cart-history-platforms{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.cart-history-platform-badge{color:var(--color-gray-600);background:var(--color-gray-50);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px}.cart-history-selected{color:var(--color-gray-500);margin:0;font-size:13px}.cart-history-compare-again{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-block}.cart-history-compare-again:hover{background:#f8fafc;border-color:#cbd5e1}.cart-page-title{color:#0f172a;letter-spacing:-.5px;margin:0 0 6px;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.25}.cart-page-hero{color:#475569;margin:0 0 28px;font-size:1rem;font-weight:500;line-height:1.5}.cart-page-header-block{margin-bottom:24px}.cart-page-actions{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:28px;display:flex}.cart-compare-btn{color:#fff;background:#0f172a;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cart-compare-btn:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a26}.cart-clear-btn{color:#dc2626;cursor:pointer;background:#fff;border:1.5px solid #dc2626;border-radius:8px;justify-content:center;align-items:center;padding:14px 28px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.cart-clear-btn:hover{color:#fff;background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc262626}.cart-empty-state{flex-direction:column;min-height:60vh;display:flex;position:relative}.cart-empty-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:80px 24px;display:flex}.cart-empty-message{color:#64748b;letter-spacing:-.5px;margin:0 0 12px;font-size:clamp(24px,3vw,32px);font-weight:600}.cart-empty-description{color:#94a3b8;max-width:500px;margin:0;font-size:16px;line-height:1.6}.cart-empty-bottom{padding:0;position:absolute;bottom:0;left:0}.cart-empty-cta-text{color:#64748b;max-width:400px;margin:0 0 20px;font-size:15px;line-height:1.6}.cart-browse-btn{color:#fff;background:#0f172a;border-radius:8px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.cart-browse-btn:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a26}.contact-page{background:#fff;flex-direction:column;min-height:100vh;display:flex}.contact-page-main{flex:1;padding:80px 32px 120px}.contact-page-container{width:100%;max-width:800px;margin:0 auto}.contact-page-header{text-align:center;margin-bottom:56px}.contact-page-title{color:#0f172a;letter-spacing:-1.5px;margin:0 0 16px;font-size:clamp(36px,5vw,48px);font-weight:700;line-height:1.2}.contact-page-subtitle{color:#64748b;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.contact-page-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:48px}.contact-form{flex-direction:column;gap:24px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:#0f172a;margin:0;font-size:14px;font-weight:600}.form-label .required{color:#dc2626}.form-input,.form-select,.form-textarea{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0f172a;outline:none;box-shadow:0 0 0 3px #0f172a1a}.form-textarea{resize:vertical;min-height:120px}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230f172a' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.form-actions{justify-content:flex-end;margin-top:8px;display:flex}.contact-submit-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;min-width:160px;padding:14px 32px;font-size:15px;font-weight:600;transition:all .2s}.contact-submit-btn:hover:not(:disabled){background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a26}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-success{color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:16px;font-size:14px}.form-error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:16px;font-size:14px}@media (max-width:768px){.contact-page-main{padding:60px 24px 80px}.contact-page-content{padding:32px 24px}.contact-page-header{margin-bottom:40px}}.legal-page{background:#fff;flex-direction:column;min-height:100vh;display:flex}.legal-page-main{flex:1;padding:80px 32px 120px}.legal-page-container{width:100%;max-width:900px;margin:0 auto}.legal-page-title{color:#0f172a;letter-spacing:-1.5px;margin:0 0 16px;font-size:clamp(36px,5vw,48px);font-weight:700;line-height:1.2}.legal-page-updated{color:#64748b;border-bottom:1px solid #e2e8f0;margin:0 0 48px;padding-bottom:24px;font-size:14px}.legal-content{flex-direction:column;gap:40px;display:flex}.legal-section{flex-direction:column;gap:16px;display:flex}.legal-section h2{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.legal-section h3{color:#0f172a;letter-spacing:-.3px;margin:24px 0 12px;font-size:18px;font-weight:600}.legal-section p{color:#475569;margin:0;font-size:16px;line-height:1.7}.legal-section ul{flex-direction:column;gap:12px;margin:16px 0;padding-left:24px;display:flex}.legal-section li{color:#475569;font-size:16px;line-height:1.7}.legal-section li strong{color:#0f172a;font-weight:600}.legal-link{color:#0f172a;text-underline-offset:3px;text-decoration:underline;transition:color .2s}.legal-link:hover{color:#475569}@media (max-width:768px){.legal-page-main{padding:60px 24px 80px}.legal-content{gap:32px}.legal-section h2{font-size:22px}.legal-section h3{font-size:17px}.legal-section p,.legal-section li{font-size:15px}}.profile-page{background:#f8fafc;flex-direction:column;min-height:100vh;display:flex}.profile-page-main{flex:1;padding:40px 24px 80px}.profile-container{max-width:900px;margin:0 auto}.profile-header{margin-bottom:40px}.profile-header h1{color:#0f172a;letter-spacing:-1px;font-size:36px;font-weight:700}.profile-sections{flex-direction:column;gap:32px;display:flex}.profile-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:32px}.profile-section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.profile-section-title{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.profile-section-content{margin-top:24px}.profile-edit-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.profile-edit-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.profile-logout-btn{color:var(--color-error,#dc2626);cursor:pointer;background:#dc26260f;border:1px solid #dc262640;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.profile-logout-btn:hover{background:#dc26261a;border-color:#dc262666}.profile-link-btn{color:var(--color-primary);font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.profile-link-btn:hover{color:var(--color-primary-light)}.profile-muted{color:var(--color-gray-500);margin:0;font-size:14px;line-height:1.5}.profile-cart-history-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.profile-cart-history-item{background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.profile-cart-history-date{color:var(--color-gray-700);font-weight:600}.profile-cart-history-retailer{color:var(--color-gray-600)}.profile-cart-history-savings{color:var(--color-success);margin-left:auto;font-weight:500}.profile-budget-display{padding:16px 0 0}.profile-budget-amount{color:var(--color-primary);margin:0 0 4px;font-size:20px;font-weight:700}.profile-budget-type{color:var(--color-gray-500);font-size:14px;font-weight:500}.profile-budget-period{color:var(--color-gray-500);margin:0;font-size:14px}.profile-error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:14px}.profile-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.profile-info-item{flex-direction:column;gap:8px;display:flex}.profile-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.profile-value{color:#0f172a;font-size:16px;font-weight:500}.profile-address{flex-direction:column;gap:8px;display:flex}.profile-address-line{color:#0f172a;font-size:16px;line-height:1.6}.profile-empty{color:#94a3b8;font-size:14px;font-style:italic}.profile-stores-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.profile-store-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:20px;transition:all .15s;display:flex}.profile-store-card:hover{background:#fff;border-color:#cbd5e1}.profile-store-logo{object-fit:contain;border-radius:8px;width:64px;height:64px}.profile-store-logo-placeholder{color:#64748b;background:#e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;display:flex}.profile-store-name{color:#0f172a;text-align:center;font-size:14px;font-weight:600}.profile-loading,.profile-error{text-align:center;color:#64748b;padding:80px 24px}.profile-error{color:#ef4444}.profile-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;margin-top:16px;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .15s}.profile-btn:hover{background:#1e293b}.profile-link{color:#64748b;border-radius:8px;justify-content:center;align-items:center;padding:10px;text-decoration:none;transition:background-color .15s;display:flex;position:relative}.profile-link:hover{color:#0f172a;background-color:#f1f5f9}.profile-icon-svg{width:20px;height:20px}@media (max-width:768px){.cart-page-main{padding:60px 24px 80px}.cart-page-title{margin-bottom:48px}.cart-empty-state{min-height:50vh}.cart-empty-center{padding:60px 24px}.cart-empty-bottom{margin-top:48px;position:relative}.cart-page-header{flex-direction:column;align-items:flex-start;gap:16px}.profile-info-grid{grid-template-columns:1fr}.profile-stores-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.hero-full-width{padding:100px 24px 80px}.hero-stats-full{gap:32px}.stats-content{gap:40px}.explore-section-full{padding:64px 24px}.recipe-list-full{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.product-list-ready-to-stock{grid-template-columns:repeat(2,1fr);gap:12px}}.home-page-modern{background:#fff;width:100%;min-height:100vh}.home-page-modern .main-full-width{width:100%;margin:0;padding:0}.hero-full-width{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border-bottom:1px solid #e5e7eb;width:100%;margin-bottom:0;padding:140px 32px 100px;position:relative}.hero-container-full{width:100%;max-width:1400px;margin:0 auto}.hero-content-full{text-align:center;max-width:900px;margin:0 auto}.hero-title-full{letter-spacing:-3px;color:#0f172a;text-shadow:0 4px 20px #0f172a1a;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 20px;width:100%;min-height:100px;margin:0 auto 32px;font-size:clamp(48px,8vw,84px);font-weight:800;line-height:1.1;animation:.8s ease-out fadeInUp;display:flex}.title-word-full{white-space:nowrap;transition:color .3s;display:inline-block}.typing-cursor-full{color:#0f172a;vertical-align:baseline;margin-left:4px;font-size:clamp(48px,8vw,84px);font-weight:400;animation:1s infinite blink;display:inline-block}.hero-subtitle-full{color:#475569;max-width:700px;margin:0 auto 48px;font-size:clamp(18px,2.5vw,22px);font-weight:400;line-height:1.7;animation:.8s ease-out .2s both fadeInUp}.hero-search-full{max-width:800px;margin:0 auto 48px;animation:.8s ease-out .3s both fadeInUp}.hero-stats-full{flex-wrap:wrap;justify-content:center;gap:64px;margin-top:48px;animation:.8s ease-out .4s both fadeInUp;display:flex}.hero-stat-item{flex-direction:column;align-items:center;gap:8px;display:flex}.hero-stat-number{color:#0f172a;font-size:36px;font-weight:700;line-height:1}.explore-section-full{background:#fff;width:100%;padding:100px 32px}.explore-container-full{width:100%;max-width:1400px;margin:0 auto}.explore-header-full{text-align:center;margin-bottom:64px}.explore-title-full{color:#0f172a;letter-spacing:-1.5px;margin-bottom:16px;font-size:clamp(36px,5vw,48px);font-weight:700}.explore-subtitle-full{color:#64748b;max-width:700px;margin:0 auto;font-size:clamp(16px,2vw,18px);line-height:1.6}.product-list-ready-to-stock{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));width:100%;max-width:100%;padding:0;display:grid}.grocery-section-by-category{background:var(--color-white)}.grocery-section-by-category .grocery-section-header{margin-bottom:var(--space-8);text-align:left}.grocery-section-by-category .grocery-section-title{color:var(--color-primary);letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;line-height:1.25}.grocery-section-by-category .product-grid-by-category{gap:var(--space-5);grid-template-columns:repeat(6,1fr);width:100%;padding:0;display:grid}.grocery-section-by-category .product-card{border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-xs)}.grocery-section-by-category .product-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300);transform:translateY(-2px)}.grocery-section-by-category .product-card-image-wrapper{background:var(--color-gray-50);height:140px}.grocery-section-by-category .product-card-content{padding:var(--space-3);gap:var(--space-2)}.grocery-section-by-category .product-card-actions{border-top:1px solid var(--color-gray-100);padding-top:var(--space-2);gap:var(--space-2);margin-top:auto}.grocery-section-by-category .product-card-btn{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);font-size:.75rem;font-weight:600}.grocery-section-by-category .product-card-btn-primary{background:var(--gradient-primary);color:var(--color-white)}.grocery-section-by-category .product-card-btn-secondary{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.grocery-section-by-category .section-footer-note{border-top:1px solid var(--color-gray-200);padding-top:var(--space-5);padding-bottom:var(--space-2);margin-top:var(--space-6);margin-bottom:0}.grocery-section-by-category .section-footer-note p{color:var(--color-gray-600);margin-bottom:var(--space-3);font-size:.875rem}.grocery-section-by-category .section-footer-cta{margin-top:var(--space-3);margin-bottom:0}@media (min-width:769px) and (max-width:1024px){.grocery-section-by-category .product-grid-by-category{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.grocery-section-by-category .product-grid-by-category{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.grocery-section-by-category .grocery-section-title{font-size:1.25rem}}.recipe-list-full{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;width:100%;max-width:100%;padding:0;display:grid}@media (max-width:640px){.product-list-ready-to-stock{gap:var(--space-4)}}@media (min-width:640px){.recipe-list-full{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.recipes-section-title{font-size:32px}.recipes-section-subtitle{font-size:16px}}@media (min-width:1024px){.recipe-list-full{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}.recipes-section-title{font-size:36px}}@media (min-width:1280px){.recipe-list-full{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px}}@media (min-width:1536px){.recipe-list-full{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:36px}}@media (max-width:640px){.recipes-section-header{margin-bottom:24px;padding-bottom:20px}.recipes-section-title{font-size:24px}.recipes-section-subtitle{font-size:14px}}.stats-bar{background:#f8fafc;border-bottom:1px solid #e5e7eb;border-radius:0;width:100%;margin-bottom:40px;padding:40px 32px}.stats-content{flex-wrap:wrap;justify-content:center;gap:64px;max-width:1200px;margin:0 auto;display:flex}.stat-item{flex-direction:column;align-items:center;gap:8px;display:flex}.stat-number{color:#0f172a;font-size:42px;font-weight:700;line-height:1}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:500}.home-page-playful{background:#fff;width:100%;min-height:100vh;overflow-x:hidden}.home-page-playful .main-full-width{width:100%;margin:0;padding:0}.hero-playful{background:linear-gradient(135deg,#f8fafc 0%,#fff 50%,#f8fafc 100%);border-bottom:1px solid #e5e7eb;width:100%;margin-bottom:0;padding:120px 32px 100px;position:relative;overflow:hidden}.hero-bg-elements{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.bg-circle{opacity:.6;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.bg-circle-1{background:radial-gradient(circle,#0f172a0d 0%,#0000 70%);width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.bg-circle-2{background:radial-gradient(circle,#0f172a0a 0%,#0000 70%);width:300px;height:300px;animation-delay:5s;top:50%;right:-50px}.bg-circle-3{background:radial-gradient(circle,#0f172a08 0%,#0000 70%);width:250px;height:250px;animation-delay:10s;bottom:-50px;left:30%}.hero-container-playful{z-index:1;width:100%;max-width:1200px;margin:0 auto;position:relative}.hero-content-playful{text-align:center;animation:.8s ease-out fadeInUp}.hero-headline-wrapper{justify-content:center;align-items:center;min-height:120px;margin-bottom:32px;display:flex}.hero-title-playful{letter-spacing:-2.5px;color:#0f172a;text-shadow:0 4px 20px #0f172a14;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 16px;margin:0;font-size:clamp(42px,8vw,80px);font-weight:800;line-height:1.2;display:flex}.word-display{text-align:left;min-width:200px;display:inline-block}.word-complete{animation:.5s ease-out slideInWord;display:inline-block}.typing-cursor-playful{color:#0f172a;vertical-align:baseline;margin-left:4px;font-size:clamp(42px,8vw,80px);font-weight:400;animation:1s infinite blink;display:inline-block}@keyframes slideInWord{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle-playful{color:#475569;max-width:700px;margin:0 auto 48px;font-size:clamp(18px,2.5vw,22px);font-weight:400;line-height:1.7;animation:.8s ease-out .2s both fadeInUp}.hero-search-playful{transform-origin:50%;max-width:800px;margin:0 auto 56px;animation:.8s ease-out .3s both fadeInUp}.hero-search-playful:hover{animation:2s ease-in-out infinite pulseSearch}@keyframes pulseSearch{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.hero-stats-playful{flex-wrap:wrap;justify-content:center;gap:64px;margin-bottom:48px;display:flex}.hero-stat-item{opacity:0;flex-direction:column;align-items:center;gap:8px;animation:.6s ease-out forwards fadeInUp;display:flex}.hero-stat-item.animated-stat{animation:.8s cubic-bezier(.68,-.55,.265,1.55) forwards bounceIn}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)translateY(30px)}50%{opacity:1;transform:scale(1.1)translateY(-5px)}70%{transform:scale(.95)translateY(2px)}to{opacity:1;transform:scale(1)translateY(0)}}.hero-stat-number{color:#0f172a;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#0f172a 0%,#475569 100%);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:700;line-height:1}.hero-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:500}.hero-help-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e5e7eb80;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:40px;max-width:900px;margin:0 auto;padding:32px;animation:.8s ease-out .5s both fadeInUp;display:flex}.help-item{color:#475569;align-items:center;gap:10px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.help-item svg{color:#0f172a;transition:transform .3s}.help-item:hover{color:#0f172a;transform:translateY(-2px)}.help-item:hover svg{transform:scale(1.1)rotate(5deg)}.explore-section-playful{background:#fff;width:100%;padding:100px 32px;position:relative}.explore-container-playful{width:100%;max-width:1400px;margin:0 auto}.explore-header-playful{text-align:center;margin-bottom:64px;animation:.8s ease-out fadeInUp}.explore-title-playful{color:#0f172a;letter-spacing:-1.5px;margin-bottom:16px;font-size:clamp(36px,5vw,48px);font-weight:700;display:inline-block;position:relative}.explore-title-playful:after{content:"";background:linear-gradient(90deg,#0000,#0f172a,#0000);border-radius:2px;width:60px;height:4px;animation:1s ease-out expandLine;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}@keyframes expandLine{0%{width:0}to{width:60px}}.explore-subtitle-playful{color:#64748b;max-width:700px;margin:0 auto;font-size:clamp(16px,2vw,18px);line-height:1.6}@keyframes fadeInUpScale{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#0f172a;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.8s linear infinite spin}.section-loading{color:#64748b;flex-direction:column;align-items:center;padding:64px 24px;font-size:15px;display:flex}@media (max-width:768px){.hero-playful{padding:100px 24px 80px}.hero-stats-playful{gap:32px}.hero-help-section{flex-direction:column;gap:20px;padding:24px}.explore-section-playful{padding:64px 24px}.bg-circle-1{width:250px;height:250px}.bg-circle-2{width:200px;height:200px}.bg-circle-3{width:150px;height:150px}}.home-page.home-page-brand{background:var(--color-white);width:100%;min-height:100vh;overflow-x:hidden}.home-page-brand .main-full-width{width:100%;margin:0;padding:0}.hero-home{width:100%;padding:80px var(--content-padding-x,24px)64px;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);text-align:center}.hero-home-inner{max-width:min(640px,var(--content-max-width,1280px));margin:0 auto}.hero-home-title{color:var(--color-primary);letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(2rem,5vw,2.75rem);font-weight:700;line-height:1.2}.hero-home-cursor{margin-left:2px;animation:1s step-end infinite hero-cursor-blink;display:inline-block}@keyframes hero-cursor-blink{50%{opacity:0}}.hero-home-subtitle{color:var(--color-gray-600);margin:0 0 8px;font-size:clamp(1rem,2vw,1.125rem);line-height:1.6}.hero-home-disclaimer{color:var(--color-gray-500);max-width:520px;margin:0 auto 32px;font-size:.8125rem;line-height:1.5}.hero-home-search{max-width:560px;margin:0 auto}.home-products-section{width:100%;padding:var(--section-padding-y,64px)var(--content-padding-x,24px)var(--section-padding-y,48px);background:var(--color-white)}.home-products-section .tabs-container{max-width:var(--content-max-width,1280px);margin:0 auto}.home-page-trust{background:#fff;width:100%;min-height:100vh;overflow-x:hidden}.home-page-trust .main-full-width{width:100%;margin:0;padding:0}.hero-trust{background:#fafbfc;border-bottom:1px solid #e5e7eb;width:100%;margin-bottom:0;padding:140px 32px 120px;position:relative}.hero-container-trust{width:100%;max-width:900px;margin:0 auto}.hero-content-trust{text-align:center;animation:.6s ease-out fadeIn}.hero-title-trust{letter-spacing:-1.5px;color:#0f172a;flex-wrap:wrap;justify-content:center;align-items:baseline;max-width:800px;min-height:1.2em;margin:0 auto 24px;font-size:clamp(40px,6vw,56px);font-weight:600;line-height:1.2;display:inline-flex}.hero-title-part{display:inline-block}.hero-title-part-grey{color:#475569}.hero-title-part-dark-grey{color:#475569;display:inline-block}.hero-title-part-light-grey{color:#94a3b8;display:inline-block}.typing-cursor-trust{color:#64748b;vertical-align:baseline;margin-left:2px;font-weight:400;animation:1s infinite blink-cursor;display:inline-block}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}.hero-subtitle-trust{color:#475569;max-width:700px;margin:0 auto 40px;font-size:clamp(17px,2.2vw,20px);font-weight:400;line-height:1.7}.hero-search-trust{max-width:700px;margin:0 auto;animation:.6s ease-out .2s both fadeIn}.hero-trust-indicators{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e5e7eb80;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:48px;max-width:900px;margin-bottom:56px;margin-left:auto;margin-right:auto;padding:32px;animation:.6s ease-out .3s both fadeIn;display:flex}.trust-item{color:#475569;align-items:center;gap:10px;font-size:14px;font-weight:500;transition:color .2s;display:flex}.trust-item svg{color:#64748b;transition:color .2s}.trust-item:hover,.trust-item:hover svg{color:#0f172a}.hero-stats-trust{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:center;gap:64px;padding-top:48px;animation:.6s ease-out .4s both fadeIn;display:flex}.hero-stat-item-trust{flex-direction:column;align-items:center;gap:8px;display:flex}.hero-stat-number-trust{color:#0f172a;font-size:36px;font-weight:600;line-height:1}.hero-stat-label-trust{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.how-it-works-trust{background:#fff;width:100%;padding:100px 32px;position:relative}.how-it-works-container{max-width:1200px;margin:0 auto}.how-it-works-header{text-align:center;margin-bottom:64px}.how-it-works-title{color:#0f172a;letter-spacing:-1px;margin:0 0 16px;font-size:clamp(32px,4vw,42px);font-weight:700}.how-it-works-subtitle{color:#64748b;max-width:650px;margin:0 auto;font-size:17px;line-height:1.6}.how-it-works-steps{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:0;display:flex;position:relative}.step-item-trust{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-width:280px;max-width:320px;padding:48px 32px;transition:all .3s;display:flex;position:relative}.step-item-trust:not(:first-child){border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.step-item-trust:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.step-item-trust:hover{z-index:2;border-color:#cbd5e1;box-shadow:0 8px 24px #0f172a1a}.step-number-wrapper{z-index:1;margin-bottom:24px;position:relative}.step-number-trust{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto;font-size:20px;font-weight:700;transition:all .3s;display:flex}.step-item-trust:hover .step-number-trust{color:#fff;background:#0f172a;border-color:#0f172a;transform:scale(1.05)}.step-icon-trust{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;transition:all .3s;display:flex}.step-item-trust:hover .step-icon-trust{background:#f1f5f9;border-color:#cbd5e1}.step-title-trust{color:#0f172a;letter-spacing:-.3px;margin:0 0 12px;font-size:18px;font-weight:600}.step-description-trust{color:#64748b;flex:1;margin:0;font-size:15px;line-height:1.6}.step-connector{display:none}@media (min-width:1025px){.step-item-trust:not(:last-child):after{content:"";z-index:1;border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:12px solid #e2e8f0;width:0;height:0;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.step-item-trust:not(:last-child):before{content:"";z-index:2;border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:10px solid #fff;width:0;height:0;margin-right:1px;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.step-item-trust:hover:after{border-left-color:#cbd5e1}}@media (max-width:1024px){.how-it-works-steps{flex-direction:column;align-items:center;gap:24px}.step-item-trust{border-left:1px solid #e2e8f0;width:100%;max-width:400px;border-radius:12px!important}.step-item-trust:before,.step-item-trust:after{display:none}}@media (max-width:768px){.how-it-works-trust{padding:64px 24px}.how-it-works-header{margin-bottom:48px}.how-it-works-title{margin-bottom:12px;font-size:28px}.how-it-works-subtitle{font-size:16px}.step-item-trust{max-width:100%;padding:40px 24px}.step-description-trust{font-size:14px}}.explore-section-trust{background:#fff;width:100%;padding:80px 32px 100px;position:relative}.explore-container-trust{width:100%;max-width:1400px;margin:0 auto}.explore-header-trust{text-align:center;margin-bottom:56px}.explore-title-trust{color:#0f172a;letter-spacing:-1.2px;margin-bottom:16px;font-size:clamp(36px,4vw,44px);font-weight:700}.explore-subtitle-trust{color:#64748b;max-width:700px;margin:0 auto;font-size:18px;line-height:1.7}.compare-card-footer{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.checkout-disclaimer{color:#64748b;text-align:center;margin-top:12px;font-size:12px;line-height:1.5}.comparison-footer-disclaimer{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-top:48px;padding:24px}.comparison-footer-disclaimer p{color:#64748b;text-align:center;margin:0 0 8px;font-size:13px;line-height:1.6}.comparison-footer-disclaimer p:last-child{margin-bottom:0}.compare-card.lowest-total{background:#fff;border:2px solid #e2e8f0}.compare-card.lowest-total:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.compare-select-btn{color:#fff;cursor:pointer;text-align:center;background:#0f172a;border:none;border-radius:8px;width:100%;padding:14px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.compare-select-btn:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a26}.compare-select-btn:active{transform:translateY(0)}@media (max-width:1024px){@media (max-width:1400px){.compare-grid{grid-template-columns:repeat(2,1fr);gap:24px}}}@media (max-width:768px){.cart-price-comparison{padding:32px 20px}.compare-title{letter-spacing:-.8px;font-size:32px}.compare-subtitle{font-size:15px}.delivery-type-tabs{margin-bottom:32px}.delivery-tab{padding:10px 24px;font-size:14px}.compare-grid{grid-template-columns:1fr;gap:20px}.compare-card{padding:24px}.compare-card-logo{width:48px;height:48px}.compare-card-name{font-size:18px}.compare-total{padding:20px}.compare-total-value{font-size:28px}.hero-trust{padding:100px 24px 80px}.hero-trust-indicators{flex-direction:column;gap:20px;padding:24px}.hero-stats-trust{gap:32px}.explore-section-trust{padding:64px 24px 80px}.explore-header-trust{margin-bottom:48px}.stats-bar{padding:32px 24px}.stats-content{gap:40px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}