:root{--color-golden: #F59E0B;--color-golden-light: #FBBF24;--color-golden-pale: #FEF3C7;--color-saffron: #EA580C;--color-saffron-light: #F97316;--color-maroon: #B91C1C;--color-maroon-dark: #7B2D26;--color-cream: #FFF8EC;--color-cream-deep: #FFF4DC;--color-brown: #78350F;--color-brown-light: #92400E;--color-white: #FFFFFF;--color-green: #16A34A;--color-green-light: #DCFCE7;--color-red: #DC2626;--color-red-light: #FEE2E2;--color-blue: #2563EB;--color-blue-light: #DBEAFE;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--font-display: "Baloo 2", cursive, system-ui, -apple-system, sans-serif;--font-body: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--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;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);--gradient-brand: linear-gradient(135deg, #F59E0B 0%, #EA580C 100%);--gradient-brand-hover: linear-gradient(135deg, #D97706 0%, #C2410C 100%);--gradient-warm: linear-gradient(135deg, #FFF8EC 0%, #FEF3C7 100%);--gradient-hero: linear-gradient(135deg, #78350F 0%, #B91C1C 50%, #EA580C 100%);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--header-height: 72px;--bottom-nav-height: 64px;--max-width: 1280px;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1280px;--z-header: 100;--z-bottom-nav: 100;--z-toast: 200;--z-modal: 300;--z-overlay: 250}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-gray-800);background:var(--color-cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;color:var(--color-gray-900)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{margin-bottom:var(--space-4)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.container{padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 var(--space-8)}}.page-content{min-height:calc(100vh - var(--header-height));padding-top:var(--header-height);padding-bottom:calc(var(--bottom-nav-height) + var(--space-8))}@media(min-width:1024px){.page-content{padding-bottom:var(--space-16)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1.25rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg);border:2px solid transparent;transition:all var(--transition-base);white-space:nowrap;user-select:none;min-height:44px;min-width:44px;line-height:1}.btn:active{transform:scale(.96)}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-sm),0 2px 8px #f59e0b4d}.btn-primary:hover{background:var(--gradient-brand-hover);box-shadow:var(--shadow-md),0 4px 12px #f59e0b66;transform:translateY(-1px)}.btn-secondary{background:var(--color-white);color:var(--color-gray-700);border-color:var(--color-gray-300)}.btn-secondary:hover{border-color:var(--color-golden);color:var(--color-saffron);background:var(--color-golden-pale)}.btn-outline{background:transparent;color:var(--color-saffron);border-color:var(--color-saffron)}.btn-outline:hover{background:var(--color-saffron);color:#fff}.btn-whatsapp{background:#25d366;color:#fff}.btn-whatsapp:hover{background:#1da851;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-sm{padding:.375rem .875rem;font-size:var(--text-xs);min-height:36px}.btn-lg{padding:.75rem 2rem;font-size:var(--text-base);min-height:52px;border-radius:var(--radius-xl)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-body{padding:var(--space-4)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-gray-700);margin-bottom:var(--space-1)}.form-input{width:100%;padding:.625rem .875rem;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--text-base);background:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:44px}.form-input:focus{outline:none;border-color:var(--color-golden);box-shadow:0 0 0 3px #f59e0b26}.form-input::placeholder{color:var(--color-gray-400)}.form-input.error{border-color:var(--color-red)}.form-error{font-size:var(--text-xs);color:var(--color-red);margin-top:var(--space-1)}.form-hint{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:var(--space-1)}.form-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm)}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-golden);cursor:pointer}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.badge-sale{background:var(--color-red);color:#fff}.badge-stock{background:var(--color-green-light);color:var(--color-green)}.badge-stock.out{background:var(--color-red-light);color:var(--color-red)}.badge-pending{background:#fef3c7;color:#92400e}.badge-confirmed{background:#dbeafe;color:#1d4ed8}.badge-preparing{background:#e0e7ff;color:#4338ca}.badge-ready{background:#d1fae5;color:#047857}.badge-delivered{background:var(--color-green-light);color:var(--color-green)}.badge-cancelled{background:var(--color-red-light);color:var(--color-red)}.badge-cart{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;background:var(--color-saffron);color:#fff;font-size:11px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.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:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-text.sm{width:40%}.skeleton-text.md{width:60%}.skeleton-text.lg{width:80%}.skeleton-title{height:1.5em;width:50%;margin-bottom:var(--space-3)}.skeleton-img{width:100%;aspect-ratio:1}.skeleton-card{border-radius:var(--radius-xl);overflow:hidden}.skeleton-card .skeleton-body{padding:var(--space-4)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-8)}.pagination-btn{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;border:2px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-600);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){border-color:var(--color-golden);color:var(--color-saffron)}.pagination-btn.active{background:var(--gradient-brand);color:#fff;border-color:transparent}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.toggle-wrap{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0}.toggle-label{font-size:var(--text-sm);color:var(--color-gray-700)}.toggle{position:relative;width:44px;height:24px;background:var(--color-gray-300);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast)}.toggle.active{background:var(--color-golden)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:var(--shadow-xs)}.toggle.active:after{transform:translate(20px)}.toast-container{position:fixed;top:calc(var(--header-height) + var(--space-4));right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}@media(max-width:640px){.toast-container{top:var(--space-4);left:var(--space-4);right:var(--space-4)}}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border-left:4px solid var(--color-gray-400);animation:toast-in .3s ease forwards;pointer-events:auto;min-width:280px;max-width:400px}.toast.toast-success{border-left-color:var(--color-green)}.toast.toast-error{border-left-color:var(--color-red)}.toast.toast-info{border-left-color:var(--color-blue)}.toast.removing{animation:toast-out .3s ease forwards}.toast-message{font-size:var(--text-sm);color:var(--color-gray-700);flex:1}.toast-close{font-size:var(--text-lg);color:var(--color-gray-400);padding:2px;line-height:1}.toast-close:hover{color:var(--color-gray-600)}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fade-in .2s ease}.modal{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);max-width:400px;width:100%;box-shadow:var(--shadow-xl);animation:modal-in .3s ease}.modal-title{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-4)}.modal-body{margin-bottom:var(--space-6);color:var(--color-gray-600);font-size:var(--text-sm)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-4);text-align:center}.empty-state-icon{width:80px;height:80px;margin-bottom:var(--space-6);color:var(--color-gray-300)}.empty-state-title{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-2)}.empty-state-text{color:var(--color-gray-500);margin-bottom:var(--space-6);max-width:320px}.price-tag{display:inline-flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-body)}.price-current{font-size:var(--text-xl);font-weight:700;color:var(--color-saffron)}.price-original{font-size:var(--text-sm);color:var(--color-gray-400);text-decoration:line-through}.price-discount{font-size:var(--text-xs);font-weight:600;color:var(--color-red);background:var(--color-red-light);padding:2px 6px;border-radius:var(--radius-sm)}.qty-stepper{display:inline-flex;align-items:center;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.qty-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:600;color:var(--color-gray-600);transition:all var(--transition-fast)}.qty-btn:hover{background:var(--color-gray-100);color:var(--color-saffron)}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-value{width:48px;text-align:center;font-weight:600;font-size:var(--text-base);border-left:2px solid var(--color-gray-200);border-right:2px solid var(--color-gray-200);padding:var(--space-2) 0}.section-heading{text-align:center;margin-bottom:var(--space-10)}.section-heading h2{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-gray-900);margin-bottom:var(--space-2)}.section-heading p{color:var(--color-gray-500);font-size:var(--text-base);margin:0}.section-heading .accent-line{width:60px;height:4px;background:var(--gradient-brand);border-radius:var(--radius-full);margin:var(--space-3) auto 0}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:capitalize}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast);min-height:36px;white-space:nowrap}.chip:hover{border-color:var(--color-golden);color:var(--color-saffron)}.chip.active{background:var(--color-golden);border-color:var(--color-golden);color:#fff}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal.visible:nth-child(2){transition-delay:.1s}.reveal.visible:nth-child(3){transition-delay:.2s}.reveal.visible:nth-child(4){transition-delay:.3s}.reveal.visible:nth-child(5){transition-delay:.4s}.reveal.visible:nth-child(6){transition-delay:.5s}@keyframes fly-in{0%{transform:scale(1);opacity:1}50%{transform:scale(.8) translateY(-20px);opacity:.8}to{transform:scale(0) translateY(-40px);opacity:0}}@keyframes cart-bump{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes success-check{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 12px #f59e0b00}}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-gray-100);z-index:var(--z-header);transition:box-shadow var(--transition-base)}.header.scrolled{box-shadow:var(--shadow-md)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.header-logo{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-brown);flex-shrink:0}.header-logo img{width:40px;height:40px;border-radius:var(--radius-md)}.header-nav{display:none;align-items:center;gap:var(--space-6)}@media(min-width:1024px){.header-nav{display:flex}}.header-nav a{font-size:var(--text-sm);font-weight:500;color:var(--color-gray-600);transition:color var(--transition-fast);position:relative}.header-nav a:hover,.header-nav a.active{color:var(--color-saffron)}.header-nav a.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--color-golden);border-radius:var(--radius-full)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.header-search{display:none}@media(min-width:1024px){.header-search{display:block;max-width:260px}.header-search input{font-size:var(--text-sm)}}.header-icon-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-gray-600);transition:all var(--transition-fast)}.header-icon-btn:hover{background:var(--color-gray-100);color:var(--color-saffron)}.header-icon-btn svg{width:22px;height:22px}.mobile-menu-btn{display:flex;width:40px;height:40px;align-items:center;justify-content:center;color:var(--color-gray-700)}@media(min-width:1024px){.mobile-menu-btn{display:none}}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-overlay);animation:fade-in .2s ease}.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--color-white);z-index:calc(var(--z-overlay) + 1);padding:var(--space-6);animation:slide-in-left .3s ease;overflow-y:auto}.mobile-menu-close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-gray-500)}.mobile-menu-close:hover{background:var(--color-gray-100)}.mobile-menu a{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:500;color:var(--color-gray-700);border-radius:var(--radius-lg);margin-bottom:var(--space-1);transition:all var(--transition-fast)}.mobile-menu a:hover,.mobile-menu a.active{background:var(--color-golden-pale);color:var(--color-saffron)}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.announcement-bar{background:var(--gradient-hero);color:#fff;text-align:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:var(--color-white);border-top:1px solid var(--color-gray-100);display:flex;align-items:center;justify-content:space-around;z-index:var(--z-bottom-nav);padding-bottom:env(safe-area-inset-bottom,0)}@media(min-width:1024px){.bottom-nav{display:none}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-gray-400);font-size:10px;font-weight:500;min-width:44px;min-height:44px;flex:1 1 auto;position:relative;transition:color var(--transition-fast);background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.bottom-nav-item svg{width:22px;height:22px}.bottom-nav-item.active{color:var(--color-saffron)}.bottom-nav-item .badge-cart{top:2px;right:2px}@media(min-width:768px){.bottom-nav-more{display:none}}.more-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-overlay);animation:fade-in .2s ease}.more-drawer{position:fixed;bottom:0;left:0;right:0;max-height:82vh;background:var(--color-gray-900);color:var(--color-gray-300);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;z-index:calc(var(--z-overlay) + 1);padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom,0));overflow-y:auto;animation:slide-up .3s ease}.more-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-800)}.more-drawer-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-white)}.more-drawer-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-gray-400);transition:background var(--transition-fast)}.more-drawer-close:hover{background:var(--color-gray-800);color:var(--color-white)}.more-drawer-content .footer-grid{gap:var(--space-6);margin-bottom:var(--space-6)}.more-drawer-content .footer-bottom{font-size:var(--text-xs)}.hero-home{opacity:1!important;transform:none!important}.hero-section{position:relative;overflow:hidden;min-height:440px;display:flex;align-items:center;background:linear-gradient(135deg,#fff3dd 0%,#f4c77d 100%)}@media(min-width:768px){.hero-section{min-height:520px}}.hero-carousel{position:relative;width:100%;min-height:440px}@media(min-width:768px){.hero-carousel{min-height:520px}}.hero-slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transition:opacity .8s ease;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.72)}.hero-slide-content{position:relative;z-index:1;padding:var(--space-8) 0;width:100%}.hero-slide-content .container{max-width:var(--max-width)}.hero-subtitle{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--color-golden-light);margin-bottom:var(--space-4)}.hero-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;color:#fff;line-height:1.1;margin-bottom:var(--space-4);max-width:600px}@media(min-width:768px){.hero-title{font-size:var(--text-5xl)}}.hero-desc{font-size:var(--text-lg);color:#fffc;margin-bottom:var(--space-8);max-width:500px}.hero-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap}@media(max-width:640px){.hero-title{font-size:var(--text-3xl)}.hero-desc{font-size:var(--text-base);margin-bottom:var(--space-6)}.hero-slide-content{padding:var(--space-6) 0}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%;justify-content:center}}.hero-dots{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);display:flex;gap:var(--space-2);z-index:2}.hero-dot{width:10px;height:10px;border-radius:50%;background:#fff6;transition:all var(--transition-base);cursor:pointer}.hero-dot.active{background:var(--color-golden);width:28px;border-radius:var(--radius-full)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-6)}@media(max-width:640px){.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}.product-card{background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base);position:relative}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-card-img{position:relative;aspect-ratio:1;overflow:hidden;background:var(--color-gray-100)}.product-card-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card-img img{transform:scale(1.05)}.product-card-badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.product-card-wishlist{position:absolute;top:var(--space-3);right:var(--space-3);width:36px;height:36px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.product-card-wishlist:hover{color:var(--color-red);transform:scale(1.1)}.product-card-wishlist.active{color:var(--color-red)}.product-card-wishlist svg{width:18px;height:18px}.product-card-oos{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center}.product-card-oos span{background:var(--color-gray-900);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;transform:rotate(-15deg)}.product-card-body{padding:var(--space-3) var(--space-4) var(--space-4)}.product-card-category{font-size:var(--text-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.product-card-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-unit{font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:var(--space-2)}.product-card-price{margin-bottom:var(--space-3)}.product-card-cart-btn{width:100%;padding:var(--space-2);background:var(--color-golden-pale);color:var(--color-saffron);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-fast);min-height:40px}.product-card-cart-btn:hover{background:var(--color-golden);color:#fff}.product-card-cart-btn.added{background:var(--color-green);color:#fff}.product-card-cart-btn svg{width:16px;height:16px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-6)}@media(max-width:640px){.categories-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}.category-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-4);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-base);cursor:pointer}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.category-card-img{width:64px;height:64px;margin:0 auto var(--space-3);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-golden-pale);display:flex;align-items:center;justify-content:center}.category-card-img img{width:100%;height:100%;object-fit:cover}.category-card-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-1)}.category-card-count{font-size:var(--text-xs);color:var(--color-gray-500)}.shop-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:1024px){.shop-layout{grid-template-columns:250px 1fr}}.shop-sidebar{display:none}@media(min-width:1024px){.shop-sidebar{display:block}}.shop-mobile-filters{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--space-4)}@media(min-width:1024px){.shop-mobile-filters{display:none}}.filter-panel{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);position:sticky;top:calc(var(--header-height) + var(--space-4))}.filter-section{margin-bottom:var(--space-5)}.filter-section:last-child{margin-bottom:0}.filter-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-3);color:var(--color-gray-900)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sort-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.result-count{font-size:var(--text-sm);color:var(--color-gray-500)}.sort-select{padding:var(--space-2) var(--space-3);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--text-sm);background:var(--color-white);min-height:40px}.product-detail-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:768px){.product-detail-layout{grid-template-columns:1fr 1fr}}@media(min-width:768px){.product-gallery{position:sticky;top:calc(var(--header-height) + var(--space-4))}}.product-gallery-main{width:100%;aspect-ratio:1;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-gray-100);margin-bottom:var(--space-3)}.product-gallery-main img{width:100%;height:100%;object-fit:cover}.product-gallery-thumbs{display:flex;gap:var(--space-2)}.product-gallery-thumb{width:64px;height:64px;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--color-gray-200);cursor:pointer;transition:border-color var(--transition-fast);flex-shrink:0}.product-gallery-thumb.active{border-color:var(--color-golden)}.product-gallery-thumb img{width:100%;height:100%;object-fit:cover}.product-info h1{font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-2)}.product-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.product-price-row{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4)}.product-desc{color:var(--color-gray-600);line-height:1.7;margin-bottom:var(--space-4)}.product-ingredients{padding:var(--space-4);background:var(--color-cream-deep);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.product-ingredients h4{font-size:var(--text-sm);margin-bottom:var(--space-2);color:var(--color-brown)}.product-ingredients p{color:var(--color-gray-600);font-size:var(--text-sm);margin:0}.product-actions{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.cart-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:768px){.cart-layout{grid-template-columns:1fr 380px}}.cart-items{display:flex;flex-direction:column;gap:var(--space-4)}.cart-item{display:grid;grid-template-columns:80px 1fr;gap:var(--space-4);background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);align-items:center}@media(min-width:640px){.cart-item{grid-template-columns:100px 1fr auto}}.cart-item-img{width:80px;height:80px;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-gray-100)}@media(min-width:640px){.cart-item-img{width:100px;height:100px}}.cart-item-img img{width:100%;height:100%;object-fit:cover}.cart-item-info{min-width:0}.cart-item-name{font-weight:600;font-size:var(--text-base);margin-bottom:var(--space-1)}.cart-item-unit{font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:var(--space-2)}.cart-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.cart-item-price{font-weight:700;color:var(--color-saffron)}.cart-item-remove{font-size:var(--text-xs);color:var(--color-gray-400);transition:color var(--transition-fast)}.cart-item-remove:hover{color:var(--color-red)}.cart-summary{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}@media(min-width:768px){.cart-summary{position:sticky;top:calc(var(--header-height) + var(--space-4))}}.cart-summary h3{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-100)}.cart-summary-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm)}.cart-summary-row.total{font-weight:700;font-size:var(--text-lg);color:var(--color-gray-900);border-top:2px solid var(--color-gray-200);padding-top:var(--space-3);margin-top:var(--space-2)}.cart-summary-row.savings{color:var(--color-green)}.cart-summary-note{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:var(--space-4);padding:var(--space-3);background:var(--color-golden-pale);border-radius:var(--radius-md)}.cart-coupon{margin:var(--space-4) 0;display:flex;gap:var(--space-2)}.cart-coupon input{flex:1;min-width:0}.checkout-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:768px){.checkout-layout{grid-template-columns:1fr 400px}}.checkout-steps{display:flex;flex-direction:column;gap:var(--space-6)}.checkout-step{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.checkout-step-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.checkout-step-num{width:32px;height:32px;border-radius:50%;background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;flex-shrink:0}.checkout-step-num.done{background:var(--color-green)}.checkout-step-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.checkout-review-items{display:flex;flex-direction:column;gap:var(--space-3)}.checkout-review-item{display:grid;grid-template-columns:50px 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-lg)}.checkout-review-item img{width:50px;height:50px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-gray-100)}.checkout-note{margin-top:var(--space-4);padding:var(--space-4);background:#fff7ed;border:1px solid #FDBA74;border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-brown)}.order-confirm{max-width:600px;margin:0 auto;text-align:center}.order-confirm-icon{width:80px;height:80px;margin:0 auto var(--space-6);background:var(--color-green-light);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:success-check .5s ease}.order-confirm-icon svg{width:40px;height:40px;color:var(--color-green)}.order-details-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);text-align:left;margin-bottom:var(--space-6)}.tracking-timeline{position:relative;padding-left:var(--space-8)}.tracking-line{position:absolute;left:14px;top:0;bottom:0;width:2px;background:var(--color-gray-200)}.tracking-step{position:relative;padding-bottom:var(--space-6)}.tracking-step:last-child{padding-bottom:0}.tracking-dot{position:absolute;left:calc(-1 * var(--space-8) + 8px);top:2px;width:14px;height:14px;border-radius:50%;background:var(--color-gray-300);border:2px solid var(--color-white);z-index:1}.tracking-step.active .tracking-dot{background:var(--color-golden);width:18px;height:18px;left:calc(-1 * var(--space-8) + 6px)}.tracking-step.completed .tracking-dot{background:var(--color-green)}.tracking-step.cancelled .tracking-dot{background:var(--color-red)}.tracking-label{font-size:var(--text-sm);font-weight:500;color:var(--color-gray-700)}.tracking-time{font-size:var(--text-xs);color:var(--color-gray-400);margin-top:2px}.tracking-step.active .tracking-label{color:var(--color-gray-900);font-weight:600}.tracking-step.cancelled .tracking-label{color:var(--color-red)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4)}.auth-card{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--space-8);width:100%;max-width:420px;box-shadow:var(--shadow-xl)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-header img{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:var(--radius-lg)}.auth-header h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-2)}.auth-header p{color:var(--color-gray-500);font-size:var(--text-sm);margin:0}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-gray-500)}.auth-footer a{color:var(--color-saffron);font-weight:600}.account-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:1024px){.account-layout{grid-template-columns:240px 1fr}}.account-sidebar{display:flex;flex-direction:row;overflow-x:auto;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-gray-200)}@media(min-width:1024px){.account-sidebar{flex-direction:column;border-bottom:none;border-right:1px solid var(--color-gray-200);padding-bottom:0;padding-right:var(--space-6);overflow-x:visible}}.account-nav-btn{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-600);white-space:nowrap;transition:all var(--transition-fast)}.account-nav-btn:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.account-nav-btn.active{background:var(--color-golden-pale);color:var(--color-saffron);font-weight:600}.account-panel{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.order-list{display:flex;flex-direction:column;gap:var(--space-4)}.order-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width:640px){.order-card{flex-direction:row;align-items:center;justify-content:space-between}}.order-card-info{display:flex;flex-direction:column;gap:var(--space-1)}.order-card-number{font-weight:600;font-size:var(--text-base)}.order-card-date{font-size:var(--text-xs);color:var(--color-gray-500)}.order-card-amount{font-weight:700;color:var(--color-saffron)}.footer{display:none;background:var(--color-gray-900);color:var(--color-gray-300);padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-16)}@media(min-width:768px){.footer{display:block}}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-bottom:var(--space-10)}@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand h3{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-white);margin-bottom:var(--space-3)}.footer-brand p{font-size:var(--text-sm);line-height:1.7;color:var(--color-gray-400);max-width:320px}.footer-col h4{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-white);margin-bottom:var(--space-4)}.footer-col a{display:block;padding:var(--space-1) 0;font-size:var(--text-sm);color:var(--color-gray-400);transition:color var(--transition-fast)}.footer-col a:hover{color:var(--color-golden)}.footer-social{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.footer-social a{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-gray-800);display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);transition:all var(--transition-fast)}.footer-social a:hover{background:var(--color-golden);color:#fff}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--color-gray-800);text-align:center;font-size:var(--text-sm);color:var(--color-gray-500)}.why-us-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6)}.why-us-item{text-align:center;padding:var(--space-6)}.why-us-icon{width:60px;height:60px;margin:0 auto var(--space-4);background:var(--color-golden-pale);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-saffron)}.why-us-icon svg{width:28px;height:28px}.why-us-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.why-us-text{font-size:var(--text-sm);color:var(--color-gray-500)}.about-hero{background:var(--gradient-hero);color:#fff;padding:var(--space-16) 0;text-align:center}.about-hero h1{font-family:var(--font-display);font-size:var(--text-4xl);color:#fff;margin-bottom:var(--space-4)}.about-hero p{color:#fffc;max-width:600px;margin:0 auto}.about-content{max-width:700px;margin:0 auto;padding:var(--space-12) var(--space-4)}.about-content h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-top:var(--space-8);margin-bottom:var(--space-4)}.about-content p{color:var(--color-gray-600);line-height:1.8}.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:768px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-info-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.contact-info-item{display:flex;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-6)}.contact-info-item:last-child{margin-bottom:0}.contact-info-icon{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-golden-pale);display:flex;align-items:center;justify-content:center;color:var(--color-saffron);flex-shrink:0}.contact-info-icon svg{width:20px;height:20px}.contact-info-label{font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:2px}.contact-info-value{font-weight:500;font-size:var(--text-sm)}.page-404{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-8)}.page-404 h1{font-family:var(--font-display);font-size:8rem;color:var(--color-golden);line-height:1}.page-404 h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-4)}.page-404 p{color:var(--color-gray-500);margin-bottom:var(--space-8)}.search-bar{position:relative;max-width:400px}.search-bar input{width:100%;padding:.5rem .875rem .5rem 2.5rem;border:2px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--text-sm);background:var(--color-white);transition:all var(--transition-fast);min-height:40px}.search-bar input:focus{outline:none;border-color:var(--color-golden);box-shadow:0 0 0 3px #f59e0b26}.search-bar svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-gray-400)}.newsletter-cta{background:var(--gradient-brand);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-8);text-align:center;color:#fff;overflow:hidden;position:relative}.newsletter-cta h2{color:#fff;font-family:var(--font-display);font-size:var(--text-3xl);margin-bottom:var(--space-3)}.newsletter-cta p{color:#ffffffd9;margin-bottom:var(--space-6);max-width:500px;margin-left:auto;margin-right:auto}.spinner{width:32px;height:32px;border:3px solid var(--color-gray-200);border-top-color:var(--color-golden);border-radius:50%;animation:spin .8s linear infinite}.spinner.lg{width:48px;height:48px;border-width:4px}.spinner.sm{width:20px;height:20px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{display:flex;align-items:center;justify-content:center;min-height:400px}.filter-drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-overlay);animation:fade-in .2s ease}.filter-drawer{position:fixed;bottom:0;left:0;right:0;max-height:80vh;background:var(--color-white);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;z-index:calc(var(--z-overlay) + 1);padding:var(--space-6);overflow-y:auto;animation:slide-up .3s ease}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filter-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.filter-drawer-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.price-range{display:flex;align-items:center;gap:var(--space-2)}.price-range input{width:100%;padding:var(--space-2);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center}.price-range input:focus{border-color:var(--color-golden);outline:none}.price-range span{color:var(--color-gray-400);font-size:var(--text-sm)}

.about-content .about-quote{font-style:italic;font-weight:600;text-align:center;margin:1.5rem auto;max-width:760px;}
/* V20 clean About page + official logo */
.header-logo img{width:44px;height:44px;object-fit:cover;border-radius:10px}
.about-content{max-width:820px}
.about-story p{margin:0 0 1.1rem;color:var(--color-gray-600);line-height:1.8}
.about-story h2{margin-top:2rem;margin-bottom:.65rem}
.about-story blockquote{margin:1.6rem 0;padding:1rem 1.25rem;border-left:4px solid var(--color-golden);background:#fff8ec;border-radius:0 12px 12px 0;color:var(--color-brown);font-weight:600}
.about-signoff{text-align:center;margin-top:2.5rem!important;padding-top:1.5rem;border-top:1px solid #eadfce}

/* V23 polished image-only hero slider */
.hero-home{margin:0!important;padding:0!important;line-height:0}
.hero-section{margin:0!important;padding:0!important;min-height:clamp(260px,36vw,520px)!important}
.hero-carousel{min-height:inherit!important}
.hero-slide{align-items:stretch!important}
.hero-slide-bg{filter:none!important;background-color:#f7f2e8}
.hero-slide-bg-desktop{display:block}
.hero-slide-bg-mobile{display:none}
.hero-slide-content,.hero-buttons,.hero-dots,.hero-dot{display:none!important}
@media (max-width:760px){
  .page-content{padding-top:var(--header-height)!important}
  .hero-section{min-height:0!important;height:auto!important}
  .hero-carousel{min-height:0!important;height:auto!important;aspect-ratio:1080/850}
  .hero-slide{position:absolute;inset:0}
  .hero-slide-bg-desktop{display:block}
  .hero-slide-bg-mobile{display:none}
  .hero-slide:has(.hero-slide-bg-mobile) .hero-slide-bg-desktop{display:none}
  .hero-slide:has(.hero-slide-bg-mobile) .hero-slide-bg-mobile{display:block}
  .hero-slide-bg{background-size:cover!important;background-position:center!important}
}
@media (min-width:761px){
  .hero-carousel{min-height:clamp(300px,36vw,520px)!important}
}

/* V24 hero: keep title/subtitle/buttons, remove card-like boxes and arrow/dot controls */
.hero-home{margin-top:calc(-1 * var(--header-height));position:relative;z-index:0}
.hero-section{margin:0!important;padding:0!important;border-radius:0!important;min-height:clamp(440px,36vw,520px)!important;background:none!important}
.hero-carousel{position:relative;width:100%;min-height:inherit}
.hero-slide-content{display:block!important;position:relative;z-index:2;width:100%;padding:var(--space-8) 0!important}
.hero-copy{max-width:650px;text-align:left}
.hero-subtitle{font-size:var(--text-lg);font-weight:600;color:#fff;margin-bottom:var(--space-2);text-shadow:0 2px 12px rgba(0,0,0,.28)}
.hero-title{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.3)}
.hero-desc{color:rgba(255,255,255,.94)!important;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.hero-buttons{display:flex!important;flex-direction:row!important;gap:var(--space-4);flex-wrap:wrap}
.hero-explore-btn{border-color:rgba(255,255,255,.5)!important;color:#fff!important;background:rgba(255,255,255,.12)!important;backdrop-filter:blur(4px)}
.hero-slide-bg{filter:brightness(.72)!important}
.hero-dots,.hero-dot{display:none!important}
.hero-section>*,.hero-slide{border-radius:0!important}
@media(max-width:767px){.hero-home{margin-top:calc(-1 * var(--header-height))}.hero-section{min-height:440px!important}.hero-slide-bg{background-position:center!important}.hero-slide-content{padding:var(--space-6) var(--space-4)!important}.hero-copy{max-width:100%;padding-top:var(--space-10)}.hero-subtitle{font-size:var(--text-base)}.hero-title{font-size:var(--text-3xl)!important;max-width:100%}.hero-desc{font-size:var(--text-base)!important;margin-bottom:var(--space-6)!important}.hero-buttons{flex-direction:row!important}.hero-buttons .btn{width:auto!important;min-height:48px}.hero-slide-bg-desktop{display:block}.hero-slide-bg-mobile{display:none}.hero-slide:has(.hero-slide-bg-mobile) .hero-slide-bg-desktop{display:none}.hero-slide:has(.hero-slide-bg-mobile) .hero-slide-bg-mobile{display:block}}

/* V25 HERO FINAL FIX — full-width overlay hero, no cards, no blank gaps */
body:has(.hero-home) .page-content{padding-top:0!important;}
body:has(.hero-home) .hero-home{margin:0!important;padding:0!important;height:auto!important;line-height:normal!important;position:relative!important;}
body:has(.hero-home) .hero-section{width:100%!important;height:clamp(420px,36.46vw,520px)!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:hidden!important;display:block!important;}
body:has(.hero-home) .hero-carousel{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}
body:has(.hero-home) .hero-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:hidden!important;}
body:has(.hero-home) .hero-slide-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background-color:transparent!important;background-size:cover!important;background-position:center!important;filter:brightness(.72)!important;}
body:has(.hero-home) .hero-slide-content{position:relative!important;z-index:2!important;width:100%!important;height:auto!important;margin:0!important;padding:2rem 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
body:has(.hero-home) .hero-copy{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;}
body:has(.hero-home) .hero-buttons{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
body:has(.hero-home) .hero-dots,body:has(.hero-home) .hero-dot{display:none!important;}
body:has(.hero-home) .hero-section + section{padding-top:2rem!important;}
@media(max-width:767px){
 body:has(.hero-home) .hero-section{height:420px!important;min-height:420px!important;}
 body:has(.hero-home) .hero-slide-content{padding:1.5rem 0!important;}
 body:has(.hero-home) .hero-copy{max-width:100%!important;}
 body:has(.hero-home) .hero-buttons{flex-direction:row!important;gap:.75rem!important;}
 body:has(.hero-home) .hero-buttons .btn{width:auto!important;min-height:48px!important;}
 body:has(.hero-home) .hero-section + section{padding-top:2rem!important;}
}