:root{--primary: #4A0404;--primary-dark: #2d0202;--secondary: #FF9966;--accent: #FF7043;--accent-hover: #F4511E;--highlight: #FFD180;--dark: #3E2723;--text: #4A0404;--light-bg: #FFF8F0;--bg-cream: #FFF3E0;--white: #ffffff;--glass: rgba(255, 255, 255, .75);--glass-border: rgba(255, 153, 102, .3);--glow-primary: rgba(255, 112, 67, .3);--shadow-soft: 0 10px 40px -10px rgba(74, 4, 4, .08);--shadow-solar: 0 15px 35px -10px rgba(255, 153, 102, .3);--shadow-deep: 0 30px 60px -12px rgba(62, 39, 35, .15);--radius: 24px;--bg-footer: #032d20;--transition: all .5s cubic-bezier(.25, .46, .45, .94)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;line-height:1.6;color:var(--text);background:var(--white);overflow-x:hidden}h1,h2,h3,h4,.logo{font-family:Fraunces,serif;letter-spacing:-.01em;font-variation-settings:"SOFT" 100}.container{max-width:1280px;margin:0 auto;padding:0 5%}.section{padding:6rem 0;position:relative;content-visibility:auto;contain-intrinsic-size:1px 500px}.section-heading{font-size:clamp(2.5rem,5vw,3.5rem);color:var(--primary);margin-bottom:1rem;position:relative;display:inline-block}.section-heading:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--accent),var(--secondary));border-radius:2px}.section-subtitle{color:var(--text);font-size:1.1rem;margin-top:1.5rem;max-width:700px;margin-left:auto;margin-right:auto}.text-center{text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-soft{0%{box-shadow:0 0 #ff910099}70%{box-shadow:0 0 0 15px #ff910000}to{box-shadow:0 0 #ff910000}}@keyframes slideDownHeader{0%{transform:translate(-50%,-100px);opacity:0}to{transform:translate(-50%);opacity:1}}.animate-on-scroll{opacity:0;transform:translateY(30px) rotateX(10deg);transition:opacity 1.2s cubic-bezier(.22,1,.36,1),transform 1.2s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.animate-on-scroll.visible{opacity:1;transform:translateY(0) rotateX(0)}.btn{display:inline-block;padding:1rem 2.5rem;border-radius:50px;font-weight:700;cursor:pointer;transition:var(--transition);text-align:center;position:relative;overflow:hidden;text-decoration:none}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 25px var(--glow-primary)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px var(--glow-primary)}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:transparent}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}.btn-pulse{animation:pulse-soft 2s infinite}.header{position:fixed;top:25px;left:50%;transform:translate(-50%);width:92%;max-width:1200px;z-index:1000;padding:.6rem 2.5rem;background:var(--glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:100px;box-shadow:var(--shadow-soft);animation:slideDownHeader 1s cubic-bezier(.22,1,.36,1);transition:all .4s cubic-bezier(.22,1,.36,1);will-change:transform,background,box-shadow,top;height:auto}.header.is-scrolled{top:15px;background:#ffffffe6;box-shadow:var(--shadow-deep);padding:.5rem 2.5rem;width:90%}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:Playfair Display,serif;font-weight:800;font-size:1.8rem;color:var(--primary);display:flex;align-items:center;gap:.5rem;text-decoration:none;position:relative;width:140px;height:60px}.logo-img{height:80px;width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:contain;border-radius:50%;border:none!important;box-shadow:none!important;outline:none!important;transition:var(--transition);z-index:1001}.logo:hover .logo-img{transform:translate(-50%,-50%) scale(1.1) rotate(5deg)}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-link{font-weight:600;color:var(--primary);font-size:.95rem;position:relative;text-decoration:none;padding:.5rem 1rem;border-radius:50px;transition:var(--transition)}.nav-link:hover{color:var(--primary-dark);background:#d9ed924d}.nav-link:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--accent);transition:width .3s ease;border-radius:2px}.nav-link:hover:after{width:20px}.menu-toggle{display:none;font-size:1.5rem;color:var(--primary);cursor:pointer}.footer{background:var(--bg-footer);color:#aaa;padding:5rem 0 2rem;content-visibility:visible}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:3rem}.footer-col h4{color:#fff;margin-bottom:1.5rem;font-family:Plus Jakarta Sans,sans-serif;position:relative;display:inline-block}.footer-col h4:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:var(--accent);border-radius:2px}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:1rem;transition:var(--transition)}.footer-col ul li:hover{transform:translate(5px)}.footer-col a{color:#aaa;text-decoration:none}.footer-col a:hover{color:var(--accent)}.footer-col p{line-height:1.8}.footer-social{display:flex;gap:1rem;margin-top:1.5rem}.footer-social a{width:45px;height:45px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition)}.footer-social a:hover{background:var(--accent);transform:translateY(-5px)}.footer-bottom{border-top:1px solid #333;padding-top:2rem;text-align:center;font-size:.9rem}.footer-logo-img{position:relative;top:auto;left:auto;right:auto;bottom:auto;transform:none;height:160px;margin-bottom:2rem;display:inline-block;border:none!important;box-shadow:none!important;transition:transform .4s ease,opacity .4s ease}.footer-col .logo:hover .footer-logo-img{transform:scale(1.05)}.whatsapp-float{position:fixed;bottom:30px;right:30px;width:70px;height:70px;background:var(--primary);border:2px solid var(--secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--secondary);font-size:2rem;box-shadow:var(--shadow-deep);z-index:999;animation:pulse-soft 2s infinite;transition:var(--transition);text-decoration:none}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 10px 40px #25d36699}@media (max-width: 968px){.nav-menu{display:none}.menu-toggle{display:block}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 576px){.footer-grid{grid-template-columns:1fr}.whatsapp-float{width:60px;height:60px;font-size:1.7rem;bottom:20px;right:20px}}.skip-to-content{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:1rem 2rem;border-radius:0 0 12px 12px;font-weight:700;z-index:10000;text-decoration:none;transition:top .3s ease}.skip-to-content:focus{top:0;outline:3px solid var(--accent);outline-offset:2px}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.menu-toggle{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:8px}.menu-toggle:hover{background:#0000000d}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.floating-item{display:none}}@media (prefers-contrast: high){:root{--glass: rgba(255, 255, 255, .95);--shadow-soft: 0 0 0 2px var(--primary)}}@media (max-width: 768px){html,body{overflow-x:hidden;max-width:100vw}.container{padding:0 4%;max-width:100%}.header{width:96%;padding:.5rem 1rem;top:10px;border-radius:50px}.header.is-scrolled{width:96%;padding:.4rem 1rem}.logo{width:100px;height:50px}.logo-img{height:60px}.hero{padding-top:100px;padding-bottom:60px}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-text-area{order:1}.hero-visual-area{order:2;transform:none!important}.hero h1{font-size:2.2rem;line-height:1.2}.hero p{font-size:1rem;margin:0 auto 2rem}.hero-buttons{flex-direction:column;align-items:center;gap:1rem}.hero-buttons .btn{width:100%;max-width:280px;padding:.9rem 1.5rem;font-size:.95rem}.hero-gallery{height:280px;margin:0 auto;max-width:100%}.gallery-main{transform:none;border-radius:12px}.hero-badges{position:relative!important;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:1.5rem;padding:0 1rem}.badge-item{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;padding:.6rem 1rem;font-size:.85rem}.floating-item{font-size:1.5rem!important;opacity:.3}.floating-item:nth-child(n+5){display:none}.whatsapp-float{width:55px;height:55px;font-size:1.5rem;bottom:15px;right:15px}.floating-cart-btn{bottom:80px;right:15px;width:55px;height:55px;font-size:1.3rem}.section{padding:3rem 0}.section-heading{font-size:1.8rem}.section-subtitle{font-size:.95rem;padding:0 1rem}.steps-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.step-card{padding:2rem 1.5rem}.step-number{width:55px;height:55px;font-size:1.4rem}.features-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.feature-item{padding:1.5rem}.feature-icon{width:60px;height:60px;font-size:1.5rem}.promise-section{grid-template-columns:1fr;gap:2rem}.promise-item{padding:1rem;gap:1rem}.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.review-card{padding:1.5rem}.cta-banner{padding:4rem 0}.cta-banner h2{font-size:1.8rem;padding:0 1rem}.cta-banner p{font-size:1rem;padding:0 1rem}.cta-banner .btn{padding:1rem 2rem;font-size:1rem}.footer{padding:3rem 0 1.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-col h4:after{left:50%;transform:translate(-50%)}.footer-social{justify-content:center}.footer-logo-img{height:120px}.shop-section{padding-top:100px}.shop-header h1{font-size:1.8rem}.shop-header p{font-size:.95rem}.category-filters{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:.5rem;padding:.75rem;margin:0 -4%;padding-left:4%;padding-right:4%;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.category-filters::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;padding:.6rem 1rem;font-size:.85rem;min-height:44px}.products-grid{grid-template-columns:1fr 1fr;gap:1rem}.product-card{border-radius:12px}.product-image-wrapper{height:140px}.product-info{padding:1rem;gap:.5rem}.product-name{font-size:1rem;line-height:1.2}.current-price{font-size:1.2rem}.price-per-kg{font-size:.75rem}.qty-dropdown{padding:.6rem .8rem;font-size:.9rem;min-height:44px}.add-to-cart-btn{padding:.8rem;font-size:.9rem;min-height:44px;border-radius:10px}.inline-qty-controls{padding:.5rem .8rem;gap:.3rem}.qty-stepper-btn{width:44px;height:44px;min-width:44px}.qty-count-display{font-size:.9rem;min-width:50px}.cart-section{padding-top:100px}.cart-header{flex-direction:column;align-items:flex-start;gap:.8rem}.cart-header h1{font-size:1.6rem}.continue-shopping{font-size:.9rem}.cart-layout{grid-template-columns:1fr;gap:1.5rem}.cart-items-container{padding:1rem;border-radius:12px}.cart-item{grid-template-columns:60px 1fr;gap:.8rem;padding:1rem 0;position:relative}.cart-item-image-wrapper,.cart-item img{width:60px;height:60px}.item-details h3{font-size:.95rem}.item-variant{font-size:.8rem}.item-quantity{grid-column:1 / -1;justify-self:start;margin-top:.5rem}.qty-btn-sm{width:36px;height:36px;min-width:36px}.qty-count{font-size:1rem;min-width:50px}.item-total{position:absolute;top:1rem;right:2.5rem;font-size:1rem}.remove-item-btn{position:absolute;top:.8rem;right:0;width:32px;height:32px}.cart-summary{position:relative;top:0;padding:1rem;border-radius:12px}.cart-summary h3{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.8rem}.summary-row{font-size:.95rem}.total-row{font-size:1.2rem}.whatsapp-btn{padding:1rem;font-size:1rem;min-height:50px}.order-info{flex-direction:column;gap:.6rem;align-items:center}.info-item{font-size:.8rem}.clear-cart-btn{padding:.7rem;font-size:.85rem}.empty-cart{padding:3rem 1.5rem}.empty-cart-icon{width:80px;height:80px}.empty-cart-icon i{font-size:2.5rem}.empty-cart h2{font-size:1.4rem}.empty-cart p{font-size:1rem}.toast-notification{left:10px;right:10px;transform:translateY(100px);padding:.8rem 1rem;font-size:.9rem;border-radius:10px}.toast-notification.show{transform:translateY(0)}}@media (max-width: 480px){.header{padding:.4rem .8rem;top:8px}.logo{width:80px;height:45px}.logo-img{height:50px}.hero{padding-top:90px;padding-bottom:40px}.hero h1{font-size:1.8rem}.hero p{font-size:.95rem}.hero-gallery{height:220px}.badge-item{padding:.5rem .8rem;font-size:.75rem}.section{padding:2.5rem 0}.section-heading{font-size:1.5rem}.section-subtitle{font-size:.9rem}.products-grid{grid-template-columns:1fr;gap:1rem}.product-image-wrapper{height:180px}.product-info{padding:1.2rem}.product-name{font-size:1.1rem}.current-price{font-size:1.4rem}.btn{padding:.8rem 1.5rem;font-size:.9rem}.btn-primary{animation:none}.cart-item{gap:.6rem}.cart-item-image-wrapper,.cart-item img{width:55px;height:55px}.item-details h3{font-size:.9rem}.qty-btn-sm{width:40px;height:40px}.footer-logo-img{height:100px}.footer-col p{font-size:.9rem}}@media (max-width: 360px){.header{padding:.3rem .6rem}.logo{width:70px;height:40px}.logo-img{height:45px}.hero h1{font-size:1.6rem}.hero-gallery{height:180px}.section-heading{font-size:1.3rem}.products-grid{gap:.8rem}.product-info{padding:1rem}.product-name{font-size:1rem}.filter-btn{padding:.5rem .8rem;font-size:.8rem}}@media (max-width: 768px) and (orientation: landscape){.hero{min-height:auto;padding-top:100px;padding-bottom:40px}.hero-gallery{height:200px}.floating-item{display:none!important}}@media (hover: none) and (pointer: coarse){.product-card:hover,.step-card:hover,.feature-item:hover,.review-card:hover,.promise-item:hover{transform:none}button,.btn,a,input,select{min-height:44px}}
