:root{--color-primary-orange:#E8930C;--color-primary-yellow:#FFD93D;--color-accent-green:#4CAF50;--color-deep-green:#1B5E20;--color-cream:#FFF8E7;--color-cream-dark:#F5E6C8;--color-kraft:#C4A35A;--color-white:#FFFFFF;--color-dark:#2C2C2C;--color-gray:#666666;--color-gray-light:#999999;--color-border:#E8E0D0;--gradient-hero:linear-gradient(135deg,#FF8C00 0%,#FFD93D 50%,#FF6B00 100%);--gradient-warm:linear-gradient(180deg,#FFF8E7 0%,#FFE4B5 100%);--gradient-card:linear-gradient(145deg,rgba(255,255,255,0.9) 0%,rgba(255,248,231,0.9) 100%);--gradient-cta:linear-gradient(135deg,#E8930C 0%,#F5A623 100%);--gradient-green:linear-gradient(135deg,#4CAF50 0%,#2E7D32 100%);--font-primary:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif;--font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-hero:clamp(2.5rem,5vw,4.5rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.07);--shadow-lg:0 10px 25px rgba(0,0,0,0.1);--shadow-xl:0 20px 40px rgba(0,0,0,0.12);--shadow-glow:0 0 30px rgba(255,107,0,0.3);--shadow-card:0 4px 20px rgba(0,0,0,0.08);--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;--transition-bounce:500ms cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-tooltip:600;--container-max:1280px;--container-padding:1.5rem}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-dark);background-color: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%;height:auto}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-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-dark)}.heading-hero{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);letter-spacing:-0.02em}.heading-1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold)}.heading-2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.heading-3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold)}.heading-4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.text-lg{font-size:var(--font-size-lg)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-muted{color:var(--color-gray)}.text-center{text-align:center}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.container-fluid{width:100%;padding-left:var(--container-padding);padding-right:var(--container-padding)}.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}.section-lg{padding-top:var(--space-24);padding-bottom:var(--space-24)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background:var(--gradient-cta);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-secondary{background:var(--color-white);color:var(--color-primary-orange);border:2px solid var(--color-primary-orange)}.btn-secondary:hover{background:var(--color-primary-orange);color:var(--color-white)}.btn-green{background:var(--gradient-green);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-green:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-ghost{background:transparent;color:var(--color-dark)}.btn-ghost:hover{background:rgba(0,0,0,0.05)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-full)}.card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden;transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-image{position:relative;overflow:hidden;aspect-ratio:1}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card-image img{transform:scale(1.05)}.product-image-clean{width:100%;height:100%;object-fit:contain !important;mix-blend-mode:multiply;transform:scale(0.85) !important;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.card:hover .product-image-clean,.product-card:hover .product-image-clean{transform:scale(1.0) !important}.card-body{padding:var(--space-5)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-gray);margin-bottom:var(--space-3)}.card-price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-orange)}.card-badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--color-primary-orange);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full)}.card-wishlist{position:absolute;top:var(--space-3);right:var(--space-3);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-fast)}.card-wishlist:hover{transform:scale(1.1)}.card-wishlist.active{background:var(--color-primary-orange);color:var(--color-white)}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:rgba(255,248,231,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);transition:all var(--transition-normal)}.header.scrolled{box-shadow:var(--shadow-md)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:80px}.logo{display:flex;align-items:center;gap:var(--space-2)}.logo img{height:75px;width:auto}.logo-text{font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-orange)}.nav-menu{display:flex;align-items:center;gap:var(--space-8)}.nav-link{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-dark);transition:color var(--transition-fast);position:relative}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary-orange);transition:width var(--transition-normal)}.nav-link:hover,.nav-link.active{color:var(--color-primary-orange)}.nav-link:hover::after,.nav-link.active::after{width:100%}.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:200px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-3);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.nav-dropdown-item{display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:background var(--transition-fast)}.nav-dropdown-item:hover{background:var(--color-cream)}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.header-icon{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast)}.header-icon:hover{background:rgba(255,107,0,0.1)}.header-icon svg{width:24px;height:24px;stroke:var(--color-dark)}.header-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-orange);color:var(--color-white);font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);padding:0 4px}.menu-toggle{display:none;flex-direction:column;gap:5px;width:28px;cursor:pointer}.menu-toggle span{display:block;width:100%;height:2px;background:var(--color-dark);transition:all var(--transition-normal)}@media (max-width:1023px){.nav-menu{position:fixed;top:80px;left:0;right:0;height:calc(100dvh - 80px);min-height:calc(100vh - 80px);background:var(--color-cream);backdrop-filter:blur(14px);flex-direction:column;align-items:flex-start;padding:var(--space-8) var(--container-padding) var(--space-12);gap:var(--space-5);overflow-y:auto;transform:translateX(-100%);transition:transform var(--transition-normal);z-index:calc(var(--z-fixed) - 1);box-shadow:var(--shadow-xl)}.nav-menu.active{transform:translateX(0)}.menu-toggle{display:flex}.nav-link{font-size:var(--font-size-lg)}.nav-dropdown,.nav-dropdown .nav-link{width:100%}.nav-dropdown-menu{position:static;min-width:0;width:100%;margin-top:var(--space-3);padding:var(--space-2) 0 0 var(--space-4);background:transparent;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none}.nav-dropdown:hover .nav-dropdown-menu{transform:none}.nav-dropdown-item{padding:var(--space-2) 0;color:var(--color-gray)}}@media (max-width:380px){.logo img{height:64px}.header-actions{gap:var(--space-2)}.header-actions .btn{padding-inline:var(--space-3);font-size:var(--font-size-xs)}.header-icon{width:40px;height:40px}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:120px;overflow:hidden;background:var(--gradient-warm)}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.hero-bg-pattern{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(255,217,61,0.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,0,0.2) 0%,transparent 40%),radial-gradient(circle at 60% 60%,rgba(76,175,80,0.15) 0%,transparent 30%)}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero-initiative-wrap{position:relative;z-index:1;display:flex;justify-content:center;margin-bottom:var(--space-6)}.hero-initiative{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-deep-green);letter-spacing:0.04em;text-align:center}.hero-text{max-width:600px}.hero-tagline{display:inline-block;padding:var(--space-3) var(--space-5);background:rgba(255,107,0,0.16);border:1px solid rgba(255,107,0,0.18);color:var(--color-primary-orange);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);box-shadow:0 10px 24px rgba(255,107,0,0.12);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.hero-title{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:var(--space-6)}.hero-title span{background:var(--gradient-cta);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--font-size-lg);color:var(--color-gray);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8)}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8)}.hero-hotline{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);max-width:320px;margin-top:var(--space-4);margin-bottom:var(--space-8)}.hero-hotline-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gradient-green);border-radius:var(--radius-full)}.hero-hotline-icon svg{width:24px;height:24px;stroke:var(--color-white)}.hero-hotline-text{font-size:var(--font-size-sm);color:var(--color-gray)}.hero-hotline-number{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-deep-green)}.hero-image{position:relative}.hero-image img{width:100%;height:auto;animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-floating-badge{position:absolute;padding:var(--space-4) var(--space-5);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:float 4s ease-in-out infinite}.hero-floating-badge.badge-1{top:10%;right:10%;animation-delay:0s}.hero-floating-badge.badge-2{bottom:20%;left:0;animation-delay:1s}.hero-floating-badge.badge-4{top:42%;right:4%;max-width:220px;animation-delay:1.5s;z-index:2}.hero-floating-badge.badge-3{bottom:10%;right:20%;animation-delay:2s}.hero-philosophy-strip{background:linear-gradient(180deg,rgba(255,243,210,0.6) 0%,rgba(255,248,231,0.3) 100%);padding:var(--space-8) 0;text-align:center}.hero-philosophy-text{font-size:var(--font-size-base);font-style:italic;color:#5B7553;line-height:1.8;max-width:620px;margin:0 auto;opacity:0.85}@media (max-width:1023px){.hero{min-height:auto;align-items:flex-start;padding-top:110px;padding-bottom:var(--space-10)}.hero-initiative-wrap{margin-bottom:var(--space-4)}.hero-initiative{max-width:320px}.hero-content{grid-template-columns:1fr;text-align:center;gap:var(--space-8)}.hero-text{max-width:100%}.hero-cta{justify-content:center}.hero-image{max-width:340px;margin:0 auto}.hero-floating-badge{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm)}.hero-floating-badge .text-sm{font-size:var(--font-size-xs)}.hero-floating-badge.badge-4{top:40%;right:3%;max-width:150px}}@media (max-width:639px){.hero{padding-top:100px}.hero-content{gap:var(--space-6)}.hero-title{font-size:clamp(2.7rem,14vw,4rem);margin-bottom:var(--space-5)}.hero-description{font-size:var(--font-size-base);line-height:1.65;margin-bottom:var(--space-6)}.hero-tagline{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);margin-bottom:var(--space-5)}.hero-cta{gap:var(--space-3);margin-bottom:var(--space-6)}.hero-cta .btn{width:100%;max-width:320px}.hero-hotline{margin-left:auto;margin-right:auto;margin-bottom:var(--space-4)}.hero-image{max-width:310px}.hero-floating-badge.badge-1{top:5%;right:0}.hero-floating-badge.badge-2{bottom:24%;left:0}.hero-floating-badge.badge-3{bottom:5%;right:8%}.hero-floating-badge.badge-4{top:43%;right:-2%;max-width:135px}.hero-philosophy-strip{padding:var(--space-6) 0}}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-12)}.section-label{display:inline-block;padding:var(--space-2) var(--space-4);background:rgba(255,107,0,0.1);color:var(--color-primary-orange);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.section-label.section-label-highlight{padding:var(--space-3) var(--space-5);background:rgba(255,107,0,0.16);border:1px solid rgba(255,107,0,0.18);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);box-shadow:0 10px 24px rgba(255,107,0,0.12)}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.about-highlight-line{padding:0;background:transparent;border:0;box-shadow:none}.about-highlight-line>span:last-child{padding:0.18rem 0.4rem;border-radius:0.35rem;background:rgba(255,214,102,0.82);-webkit-box-decoration-break:clone;box-decoration-break:clone}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-gray);line-height:var(--line-height-relaxed)}.social-inline-link{display:inline-flex;align-items:center;gap:0.45rem;color:var(--color-primary-orange);font-weight:600;white-space:nowrap}.social-inline-link svg{width:1.1em;height:1.1em;flex-shrink:0}.product-card{background:#FFF9E6;border-radius:24px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:all var(--transition-normal);padding:16px;cursor:pointer}.product-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}.product-image{position:relative;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#f8f5eb 0%,#fff9e6 100%);border-radius:16px}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-image img{transform:scale(1.05)}.product-actions{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:var(--space-2);opacity:0;transform:translateY(10px);transition:all var(--transition-normal)}.product-card:hover .product-actions{opacity:1;transform:translateY(0)}.product-info{padding:16px 8px 8px 8px;text-align:left}.product-variety{font-size:11px;font-weight:600;color:#5B7553;text-transform:uppercase;letter-spacing:0.6px;margin-bottom:4px}.product-name{font-size:18px;font-weight:700;color:#3D5A3D;margin-bottom:4px;line-height:1.3}.product-origin{font-size:13px;color:#888;margin-bottom:12px}.product-footer{display:flex;flex-direction:column;gap:12px}.product-price{font-family:var(--font-primary);font-size:18px;font-weight:700;color:#5B7553}.product-unit{font-size:13px;font-weight:400;color:#888}.product-card .btn-primary{background:#FF6B00;color:white;border:none;border-radius:24px;padding:12px 24px;font-size:14px;font-weight:600;width:100%;transition:all 0.3s}.product-card .btn-primary:hover{background:#e65100;transform:translateY(-2px)}.card-size-selector{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.card-size-btn{padding:6px 12px;border:1px solid #E5E5E5;background:white;border-radius:16px;font-size:12px;font-weight:500;color:#666;cursor:pointer;transition:all 0.2s}.card-size-btn:hover{border-color:#FF6B00;color:#FF6B00}.card-size-btn.active{background:#FF6B00;border-color:#FF6B00;color:white}.taste-profile{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.taste-tag{padding:4px 10px;background:rgba(107,127,91,0.1);border-radius:12px;font-size:11px;font-weight:500;color:#5B7553}.card-badge{position:absolute;top:12px;left:12px;padding:6px 14px;background:#FF6B00;color:white;font-size:11px;font-weight:600;border-radius:20px;z-index:10}.card-wishlist{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.9);border-radius:50%;border:none;cursor:pointer;transition:all 0.3s;z-index:10}.card-wishlist:hover,.card-wishlist.active{background:#FF6B00;color:white}.card-wishlist svg{width:18px;height:18px}#wishlist-items .product-card .btn-primary{background:#FF6B00;color:white}#wishlist-items .product-card .btn-primary:hover{background:#e65100;transform:translateY(-2px)}.features{background:var(--color-white)}.feature-card{padding:var(--space-8);background:var(--color-cream);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{width:72px;height:72px;margin:0 auto var(--space-5);display:flex;align-items:center;justify-content:center;background:var(--gradient-cta);border-radius:var(--radius-xl)}.feature-icon svg{width:36px;height:36px;stroke:var(--color-white)}.feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.feature-text{font-size:var(--font-size-sm);color:var(--color-gray);line-height:var(--line-height-relaxed)}.footer{background:var(--color-dark);color:var(--color-white);padding-top:var(--space-16)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-10);padding-bottom:var(--space-12);border-bottom:1px solid rgba(255,255,255,0.1)}.footer-brand p{color:rgba(255,255,255,0.7);margin:var(--space-4) 0;line-height:var(--line-height-relaxed)}.footer-logo{height:90px;width:auto}.footer-social{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.footer-social a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border-radius:var(--radius-full);transition:all var(--transition-fast)}.footer-social a:hover{background:var(--color-primary-orange);transform:translateY(-2px)}.footer-social svg{width:20px;height:20px;fill:var(--color-white)}.footer-heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-6)}.footer-links{display:flex;flex-direction:column;gap:var(--space-3)}.footer-links a{color:rgba(255,255,255,0.7);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary-orange)}.footer-contact-item{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);color:rgba(255,255,255,0.7);font-size:var(--font-size-sm)}.footer-contact-item svg{width:20px;height:20px;stroke:var(--color-primary-orange);flex-shrink:0;margin-top:2px}.footer-bottom{padding:var(--space-6) 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.footer-copyright{color:rgba(255,255,255,0.5);font-size:var(--font-size-sm)}.footer-legal{display:flex;gap:var(--space-6)}.footer-legal a{color:rgba(255,255,255,0.5);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--color-primary-orange)}@media (max-width:1023px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:639px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-dark);margin-bottom:var(--space-2)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-4);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary-orange);box-shadow:0 0 0 3px rgba(255,107,0,0.15)}.form-textarea{min-height:120px;resize:vertical}.newsletter{background:var(--gradient-hero);padding:var(--space-16) 0}.newsletter-content{max-width:600px;margin:0 auto;text-align:center}.newsletter-title{font-size:var(--font-size-3xl);color:var(--color-white);margin-bottom:var(--space-4)}.newsletter-text{color:rgba(255,255,255,0.9);margin-bottom:var(--space-8)}.newsletter-form{display:flex;gap:var(--space-3);max-width:450px;margin:0 auto}.newsletter-input{flex:1;padding:var(--space-4) var(--space-5);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base)}.newsletter-input:focus{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,0.3)}.newsletter-btn{padding:var(--space-4) var(--space-6);background:var(--color-dark);color:var(--color-white);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.newsletter-btn:hover{background:var(--color-deep-green);transform:translateY(-2px)}@media (max-width:639px){.newsletter-form{flex-direction:column}}.fade-in{opacity:0;transform:translateY(30px);transition:all 0.6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translateX(-50px);transition:all 0.6s ease-out}.slide-in-left.visible{opacity:1;transform:translateX(0)}.slide-in-right{opacity:0;transform:translateX(50px);transition:all 0.6s ease-out}.slide-in-right.visible{opacity:1;transform:translateX(0)}.scale-in{opacity:0;transform:scale(0.9);transition:all 0.6s ease-out}.scale-in.visible{opacity:1;transform:scale(1)}.stagger-1{transition-delay:0.1s}.stagger-2{transition-delay:0.2s}.stagger-3{transition-delay:0.3s}.stagger-4{transition-delay:0.4s}.stagger-5{transition-delay:0.5s}.stagger-6{transition-delay:0.6s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none !important}.visible{visibility:visible}.invisible{visibility:hidden}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.mb-0{margin-bottom:0}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.w-full{width:100%}.h-full{height:100%}.rounded-full{border-radius:var(--radius-full)}.bg-white{background-color:var(--color-white)}.bg-cream{background-color:var(--color-cream)}.bg-dark{background-color:var(--color-dark)}.text-orange{color:var(--color-primary-orange)}.text-green{color:var(--color-accent-green)}.text-white{color:var(--color-white)}.whatsapp-float{position:fixed;bottom:30px;left:30px;width:60px;height:60px;background:linear-gradient(135deg,#25D366 0%,#128C7E 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.4);z-index:var(--z-fixed);transition:all var(--transition-normal);animation:whatsapp-pulse 2s infinite}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(37,211,102,0.5)}.whatsapp-float svg{width:32px;height:32px;fill:white}.whatsapp-tooltip{position:absolute;left:70px;background:var(--color-dark);color:white;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.whatsapp-float:hover .whatsapp-tooltip{opacity:1;visibility:visible}@media (max-width:639px){.whatsapp-float{width:52px;height:52px;left:16px;bottom:16px}.whatsapp-float svg{width:28px;height:28px}.whatsapp-tooltip{display:none}body.menu-open .whatsapp-float,body.product-page .whatsapp-float,body.cart-page .whatsapp-float,body.checkout-page .whatsapp-float{display:none}}@keyframes whatsapp-pulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,0.4)}50%{box-shadow:0 4px 30px rgba(37,211,102,0.6)}}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--gradient-cta);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:var(--z-fixed);opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-normal)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.back-to-top svg{width:24px;height:24px;color:white}@media (max-width:639px){.back-to-top{width:44px;height:44px;right:16px;bottom:16px}}.quick-view-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.quick-view-modal.active{opacity:1;visibility:visible}.quick-view-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px)}.quick-view-content{position:relative;background:var(--color-white);border-radius:var(--radius-2xl);max-width:900px;width:90%;max-height:90vh;overflow:auto;box-shadow:var(--shadow-xl);transform:scale(0.9);transition:transform var(--transition-normal)}.quick-view-modal.active .quick-view-content{transform:scale(1)}.quick-view-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;background:var(--color-cream);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:24px;z-index:1;transition:all var(--transition-fast)}.quick-view-close:hover{background:var(--color-primary-orange);color:white}.quick-view-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}@media (max-width:768px){.quick-view-body{grid-template-columns:1fr}}.quick-view-image{aspect-ratio:1;background:var(--color-cream);border-radius:var(--radius-xl) 0 0 var(--radius-xl);overflow:hidden}.quick-view-image img{width:100%;height:100%;object-fit:cover}.quick-view-details{padding:var(--space-8)}.quick-view-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-accent-green);color:white;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);margin-bottom:var(--space-3)}.quick-view-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.quick-view-origin{color:var(--color-gray);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.quick-view-description{color:var(--color-gray);line-height:1.7;margin-bottom:var(--space-4)}.quick-view-meta{padding:var(--space-4);background:var(--color-cream);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.quick-view-meta p{font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.quick-view-meta p:last-child{margin-bottom:0}.quick-view-price{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-orange);margin-bottom:var(--space-6)}.quick-view-unit{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-gray)}.quick-view-actions{display:flex;gap:var(--space-4)}.countdown{display:flex;gap:var(--space-4);justify-content:center}.countdown-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--color-white);border-radius:var(--radius-xl);min-width:80px;box-shadow:var(--shadow-card)}.countdown-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-orange);line-height:1}.countdown-label{font-size:var(--font-size-xs);color:var(--color-gray);text-transform:uppercase;letter-spacing:0.5px;margin-top:var(--space-1)}.countdown-ended{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent-green)}.toast-container{position:fixed;top:100px;right:20px;z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--space-3)}.toast{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:toast-slide-in 0.3s ease;min-width:280px;max-width:400px}@keyframes toast-slide-in{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast.success{border-left:4px solid var(--color-accent-green)}.toast.info{border-left:4px solid #2196F3}.toast.warning{border-left:4px solid #FF9800}.toast.error{border-left:4px solid #F44336}.toast-close{margin-left:auto;font-size:20px;color:var(--color-gray);cursor:pointer;padding:0;background:none;border:none}.toast-close:hover{color:var(--color-dark)}.page-transition-layer{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--gradient-cta);z-index:9999;transform:translateX(-100%);transition:transform 0.3s ease-in-out}.page-transition-layer.active{transform:translateX(0)}img[data-src]{opacity:0;transition:opacity var(--transition-normal)}img.loaded{opacity:1}.checkout-steps{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.checkout-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.checkout-step-number{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);transition:all var(--transition-normal)}.checkout-step.active .checkout-step-number{background:var(--gradient-cta);color:white}.checkout-step.completed .checkout-step-number{background:var(--color-accent-green);color:white}.checkout-step-label{font-size:var(--font-size-sm);color:var(--color-gray)}.checkout-step.active .checkout-step-label,.checkout-step.completed .checkout-step-label{color:var(--color-dark);font-weight:var(--font-weight-medium)}.checkout-step-line{width:60px;height:2px;background:var(--color-border)}.checkout-step-line.completed{background:var(--color-accent-green)}.checkout-grid{display:grid;grid-template-columns:1fr 400px;gap:var(--space-12)}@media (max-width:1024px){.checkout-grid{grid-template-columns:1fr}}@media (max-width:640px){.checkout-steps{justify-content:space-between;gap:var(--space-2)}.checkout-step{min-width:58px}.checkout-step-number{width:34px;height:34px;font-size:var(--font-size-sm)}.checkout-step-label{font-size:var(--font-size-xs)}.checkout-step-line{flex:1;width:auto;min-width:20px}}.checkout-section{margin-bottom:var(--space-8)}.checkout-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border)}.checkout-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width:640px){.checkout-form-row{grid-template-columns:1fr}}.form-hint{font-size:var(--font-size-xs);color:var(--color-gray);margin-top:var(--space-1)}.payment-options{display:flex;flex-direction:column;gap:var(--space-3)}.payment-option{cursor:pointer}.payment-option input{display:none}.payment-option-content{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.payment-option input:checked+.payment-option-content{border-color:var(--color-primary-orange);background:rgba(255,107,0,0.05)}.payment-option-icon{font-size:24px;width:40px;text-align:center}.order-summary{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);position:sticky;top:100px}.order-summary-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.order-summary-totals{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.summary-total{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border-top:2px solid var(--color-dark);margin-top:var(--space-2);padding-top:var(--space-4)}.hero-dispatch-notice{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,107,0,0.12);border:1px solid rgba(255,107,0,0.3);color:var(--color-primary-orange);padding:0.5rem 1.25rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-6);animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,100%{border-color:rgba(255,107,0,0.3)}50%{border-color:rgba(255,107,0,0.7)}}.fear-factor-section{background:linear-gradient(135deg,#1a0000 0%,#3d0000 40%,#5c1010 100%);padding:var(--space-16) 0;position:relative;overflow:hidden}.fear-factor-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ff0000' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:0.5}.fear-factor-content{display:grid;grid-template-columns:1fr 350px;gap:var(--space-10);align-items:start;position:relative;z-index:1}@media (max-width:768px){.fear-factor-content{grid-template-columns:1fr;gap:var(--space-6)}.fear-factor-content>*{min-width:0}.fear-factor-btn,.fear-factor-cta-card .btn{width:100%;white-space:normal;text-align:center}}.fear-factor-badge{display:inline-block;background:#e53935;color:white;padding:0.4rem 1.2rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:var(--space-4);animation:flash-badge 2s ease-in-out infinite}@keyframes flash-badge{0%,100%{opacity:1}50%{opacity:0.7}}.fear-factor-title{font-family:var(--font-primary);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:var(--font-weight-bold);color:#fff;line-height:1.3;margin-bottom:var(--space-3)}.fear-factor-date{color:#e53935;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.fear-factor-text{color:rgba(255,255,255,0.85);font-size:var(--font-size-base);line-height:1.8;margin-bottom:var(--space-4)}.fear-factor-btn{background:#e53935;color:white !important;padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);font-weight:var(--font-weight-semibold);margin-top:var(--space-4);transition:all var(--transition-normal)}.fear-factor-btn:hover{background:#c62828;transform:translateY(-2px);box-shadow:0 8px 25px rgba(229,57,53,0.4)}.fear-factor-cta-card{background:linear-gradient(135deg,#fff8e7 0%,#fff3d0 100%);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;box-shadow:0 20px 40px rgba(0,0,0,0.3);border:2px solid var(--color-primary-orange)}.fear-factor-cta-card h3{font-size:var(--font-size-xl);color:var(--color-deep-green);margin:var(--space-3) 0}.fear-factor-cta-card p{color:var(--color-gray);font-size:var(--font-size-sm);margin-bottom:var(--space-4);line-height:1.6}.warning-article-layout{display:grid;grid-template-columns:1fr 350px;gap:var(--space-10);align-items:start}@media (max-width:768px){.warning-article-layout{grid-template-columns:1fr}}.warning-article h2{color:#c62828;margin:var(--space-8) 0 var(--space-4);font-size:var(--font-size-2xl)}.warning-article h3{color:var(--color-dark);margin:var(--space-6) 0 var(--space-3)}.warning-article p{line-height:1.8;margin-bottom:var(--space-4);color:var(--color-gray)}.warning-article ul{list-style:none;padding:0;margin:var(--space-4) 0}.warning-article ul li{display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:0.75rem;color:var(--color-gray);line-height:1.6}.warning-callout{background:#fff3f3;border-left:4px solid #e53935;padding:var(--space-6);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin:var(--space-6) 0}.warning-callout p{color:#c62828;font-weight:var(--font-weight-medium)}.commissioner-letter-img{width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:3px solid var(--color-border)}.warning-sidebar-sticky{position:sticky;top:100px}
@media (min-width:1024px){.hero{min-height:100svh;padding-top:clamp(5.75rem,11vh,7.5rem)}.hero-initiative-wrap{margin-bottom:clamp(1rem,2vh,1.5rem)}.hero-initiative{display:inline-flex;align-items:center;justify-content:center;padding:.45rem 1.25rem;background:rgba(76,175,80,.1);border:1px solid rgba(27,94,32,.16);border-radius:var(--radius-full);box-shadow:0 10px 26px rgba(27,94,32,.08);font-size:clamp(1rem,1.15vw,1.18rem);font-weight:var(--font-weight-bold);letter-spacing:.055em}.hero-content{gap:clamp(2rem,4vw,4rem)}.hero-text{max-width:min(600px,48vw)}.hero-image{justify-self:center;width:100%;max-width:min(49vw,650px)}.hero-image img{width:min(100%,calc(100svh - 10rem));max-height:min(58vw,calc(100svh - 12.5rem));object-fit:contain;margin-inline:auto}}@media (min-width:1024px) and (max-height:820px){.hero{align-items:flex-start;padding-top:92px}.hero .container{padding-top:1rem}.hero-content{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:center}.hero-initiative-wrap{margin-bottom:.75rem}.hero-initiative{padding:.4rem 1.05rem;font-size:.98rem}.hero-tagline{padding:.75rem 1.3rem;margin-bottom:1rem}.hero-title{font-size:clamp(3.1rem,4.7vw,3.9rem);line-height:1.02;margin-bottom:1rem}.hero-description{font-size:1rem;line-height:1.58;margin-bottom:1.25rem}.hero-cta{margin-bottom:1rem}.hero-hotline{max-width:300px;padding:.7rem .9rem;margin-top:.25rem;margin-bottom:0}.hero-hotline-icon{width:42px;height:42px}.hero-image{max-width:min(48vw,520px);transform:translateY(-.25rem)}.hero-image img{max-height:calc(100svh - 180px)}.hero-floating-badge{padding:.75rem 1rem;border-radius:1rem}.hero-floating-badge.badge-1{top:6%;right:5%}.hero-floating-badge.badge-2{bottom:17%}.hero-floating-badge.badge-3{right:18%;bottom:2%}.hero-floating-badge.badge-4{top:42%;right:1%;max-width:200px}}@media (min-width:1024px) and (max-height:700px){.hero-title{font-size:clamp(2.85rem,4.2vw,3.45rem)}.hero-description{font-size:.95rem;line-height:1.5;margin-bottom:1rem}.hero-hotline{display:none}.hero-image{max-width:min(45vw,470px)}.hero-image img{max-height:calc(100svh - 165px)}}