@import"https://fonts.googleapis.com/css2?family=Arvo:wght@700&family=Fredoka:wght@400;600;700;800&family=Nunito:wght@400;600;700&family=Nosifer&family=Lilita+One&family=Luckiest+Guy&display=swap";@import"https://fonts.googleapis.com/css2?family=Nosifer&family=Lilita+One&family=Outfit:wght@400;600;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Lilita+One&family=Fredoka:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Lilita+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700;800&family=Nosifer&family=Lilita+One&display=swap";:root{--choco: #3b2316;--cream: #fff6e6;--vanilla: #fffdf7;--orange: #ff8a00;--orange-soft: #ffb74a;--pink: #ff7aa8;--yellow: #ffd569;--mint: #bfe7d4;--sky: #bfe4f7}*,*:before,*:after{box-sizing:border-box}body{overflow-x:hidden}.home{background:linear-gradient(135deg,#6ec1d6,#7fb3d4,#9aa7d8,#b79bd8,#d7dce5);background-size:200% 200%;animation:gradientMove 8s ease infinite;font-family:Nunito,sans-serif;color:var(--choco);overflow-x:hidden}.main-header{position:absolute;top:0;left:0;width:100%;z-index:100;height:270px;display:flex;justify-content:center;align-items:flex-start;padding:0 6vw;background-image:url(/assets/images/header-drip.png);background-repeat:repeat-x;background-size:auto 90%;background-position:top center}.header-link{display:flex;align-items:center;justify-content:center;height:100%;padding:0 16px;color:#4e342e;font-family:Nosifer,cursive;font-size:18px;text-decoration:none;transition:transform .2s ease}.promo-strip{margin:18px 6vw 26px;background:#2f1b15;color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 18px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;position:relative;z-index:3}.promo-dot{width:6px;height:6px;border-radius:50%;background:#ffb74a}.popular-section{padding:90px 0 0;width:100%;position:relative}.popular-section:before{content:"";position:absolute;left:0;right:0;top:-1px;height:96px;background:var(--vanilla);z-index:2;pointer-events:none;clip-path:polygon(0 0,0 58%,4% 28%,8% 70%,12% 18%,16% 62%,20% 24%,24% 68%,28% 32%,32% 76%,36% 26%,40% 60%,44% 20%,48% 74%,52% 30%,56% 66%,60% 22%,64% 72%,68% 36%,72% 64%,76% 18%,80% 70%,84% 28%,88% 62%,92% 24%,96% 68%,100% 34%,100% 0)}.popular-section .section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;width:100%;padding:0;gap:20px;max-width:none;text-align:left;position:relative;z-index:3}.popular-section .popular-title-wrapper{display:flex;align-items:center;gap:12px;flex-shrink:0;width:fit-content;max-width:none;margin-top:0}.popular-section .popular-scoop-head h2{font-family:Lilita One,cursive;text-transform:uppercase;font-size:clamp(2.8rem,3.2vw,3.5rem);color:var(--choco);letter-spacing:1.5px;margin:0;line-height:1}.popular-section .title-dash{font-family:Lilita One,cursive;font-size:2.2rem;color:var(--choco);line-height:1}.popular-section .popular-heart{width:75px;display:block}.popular-section .hero-btn.ghost{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:80px;margin-top:0;padding:12px 28px;font-size:1.1rem;font-family:Fredoka,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;color:#2b1b18;background:#fffaf5;border:3px solid #2b1b18;border-radius:22px;box-shadow:4px 4px #2b1b18;transition:all .15s ease}.popular-section .hero-btn.ghost:hover{transform:translate(2px,2px);box-shadow:2px 2px #2b1b18}.popular-section .hero-btn.ghost:active{transform:translate(4px,4px);box-shadow:0 0 #2b1b18}.popular-wrapper{overflow-x:scroll;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;width:100%;position:relative;cursor:grab;z-index:3}.popular-wrapper::-webkit-scrollbar{display:none}.popular-wrapper:active{cursor:grabbing}.popular-track{display:flex;gap:40px;width:max-content;will-change:transform;align-items:flex-end;padding:20px 0 10px}.popular-item{display:flex;flex-direction:column;align-items:center;gap:14px;flex:0 0 calc((100vw - 120px)/5);max-width:calc((100vw - 120px)/5);cursor:pointer}.popular-card{width:100%;background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important;position:relative;transition:none}.popular-card:after,.popular-card:before{display:none!important}.popular-card:hover{transform:none!important;box-shadow:none!important}.popular-image{background:transparent!important;border:none!important;border-radius:0!important;padding:0;min-height:300px;width:100%;display:grid;place-items:center}.popular-image img{width:240px;max-width:240px;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 10px 18px rgba(59,35,22,.18));transition:transform .38s cubic-bezier(.34,1.56,.64,1),filter .38s ease;will-change:transform,filter}.popular-item:hover .popular-image img{transform:scale(1.22) translateY(-10px);filter:drop-shadow(0 26px 32px rgba(59,35,22,.3))}.popular-name{font-family:Fredoka,sans-serif;font-weight:700;font-size:1.05rem;text-transform:uppercase;text-align:center;color:#2a1810;letter-spacing:.8px;line-height:1.3}@media (max-width: 768px){.section-head{flex-direction:column;align-items:flex-start;gap:15px}.hero-btn.ghost{margin-right:0;align-self:flex-start}.popular-track{padding-left:10px;padding-right:10px}}.flavor-strip{max-width:min(1400px,92%);margin:70px auto;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;position:relative;overflow:visible}.strip-item{padding:35px 40px}.strip-title{border-right:1px solid #2b2b2b}.strip-highlight{border-right:1px solid #2b2b2b;text-align:center}.strip-title h3{font-size:28px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#2a1810}.strip-highlight p{font-size:16px;line-height:1.6;max-width:520px;margin:auto;color:#2a1810}.strip-reviews{display:flex;align-items:center;gap:16px}.review-avatars{display:flex;align-items:center}.review-avatars img{width:42px;height:42px;border-radius:50%;border:3px solid #fff;margin-left:-12px}.review-avatars img:first-child{margin-left:0}.review-copy{display:flex;flex-direction:column}.reviews-number{font-size:20px;font-weight:700;color:#2a1810;border:2px solid #2a1810;border-radius:999px;padding:6px 18px;display:inline-flex;align-items:center;justify-content:center;line-height:1;margin-bottom:4px}.reviews-text{font-size:14px;color:#2a1810}.strip-strawberries{position:absolute;left:25%;bottom:-40px;transform:translate(-50%);z-index:3}.strip-strawberries img{width:120px;transform:rotate(-6deg);filter:drop-shadow(0 10px 12px rgba(0,0,0,.15))}.feature-art-section{padding:80px 6vw 120px;overflow:hidden}.art-collage-container{max-width:1500px;margin:0 auto;position:relative;min-height:650px}.art-img,.art-title-group,.art-footer-detail,.squiggle,.sprinkle{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.art-title-group{position:absolute;width:max-content;top:-5%;left:50%;transform:translate(-50%);z-index:10;text-align:left}.title-row-upper,.title-row-lower{display:flex;align-items:center;gap:-10px}.title-row-lower{margin-left:140px;margin-top:-20px}.art-title-group h1{font-family:Lilita One,cursive;font-size:clamp(3rem,6vw,5rem);color:#3b2316;margin:0;line-height:.9}.art-title-group h1 span{display:inline-block}.pink-heart-doodle{width:clamp(60px,18vw,120px);transform:rotate(-10deg)}.cone-doodle{width:clamp(40px,7vw,140px);transform:translateY(-10px)}.art-img{position:absolute;border-radius:28px;overflow:hidden;box-shadow:0 20px 40px #00000026;transition:transform .4s ease}.art-img:hover{transform:translateY(-10px) scale(1.02)}.art-img img{width:100%;height:100%;object-fit:cover;display:block}.img-peanuts{left:5%;top:15%;width:260px;height:340px}.img-lime{right:-3%;top:-2%;width:300px;height:380px;z-index:5}.img-spread{bottom:5%;left:52%;transform:translate(-50%);width:520px;height:360px;z-index:4}.art-footer-detail{position:absolute;bottom:8%;left:4%;display:flex;align-items:center;gap:15px;z-index:20}.mini-scoop{width:100px}.detail-text{display:flex;flex-direction:column}.with-text{font-weight:900;font-size:1.1rem;color:#3b2316}.essence-text{font-weight:900;font-size:1.6rem;color:#122132;background:linear-gradient(to right,#ffbedc,#ffbedc);background-size:100% 20%;background-repeat:no-repeat;background-position:0 95%}.art-doodles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15}.squiggle{position:absolute;width:60px;height:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30' viewBox='0 0 60 30'%3E%3Cpath d='M0 15 Q 15 0, 30 15 T 60 15' fill='none' stroke='%233b2316' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.sq-1,.sq-2{right:26%;bottom:25%}.sprinkle{position:absolute;width:14px;height:5px;background:#3b2316;border-radius:999px;opacity:.8}.sp-1{right:10%;bottom:15%;transform:rotate(45deg)}.sp-2{right:8%;bottom:20%;transform:rotate(-30deg)}.sp-3{right:12%;bottom:10%;transform:rotate(15deg)}.art-img,.art-title-group,.art-footer-detail{contain:layout paint}.exotic-section{padding:60px 5%;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}.exotic-section .exotic-head{display:flex;align-items:center;justify-content:flex-start;gap:18px;margin-bottom:30px;width:100%;padding:0}.exotic-section .exotic-head-left{display:flex;align-items:center;gap:14px;flex:0 0 auto;margin-right:auto}.exotic-section .exotic-head h2{font-family:Lilita One,cursive!important;font-size:clamp(2.5rem,5vw,4.5rem)!important;text-transform:uppercase;color:#2a1810;margin:0;white-space:nowrap;letter-spacing:2px;line-height:1}.exotic-section .exotic-head-line{flex:1;height:2px;background:#ffffffa6;min-width:120px}.exotic-section .exotic-nav{display:flex;gap:12px;z-index:100}.exotic-section .circle-btn{width:60px;height:60px;border-radius:50%;border:3px solid #2a1810;background:#fff;display:grid;place-items:center;font-size:1.8rem;cursor:pointer;box-shadow:4px 4px #2a1810;transition:all .2s ease;font-weight:800}.exotic-row{display:flex;align-items:flex-end;justify-content:flex-start;gap:40px;flex-wrap:nowrap;padding:20px 10px 40px;width:max-content}.exotic-row::-webkit-scrollbar{display:none}.exotic-badge-container{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:15px}.exotic-badge-container.violet .exotic-label{color:#4b1a99}.exotic-badge-container.pink .exotic-label{color:#b3368a}.exotic-badge-container.orange .exotic-label{color:#4d2319}.exotic-badge-container.olive .exotic-label{color:#2a1810}.exotic-badge-container.teal .exotic-label{color:#1d6a6a}.exotic-badge{position:relative;width:300px;height:300px;flex-shrink:0}.exotic-badge:hover{transform:scale(1.05)}@keyframes rotate-anti{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.exotic-rotator{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:rotate-anti 25s linear infinite}.exotic-badge:hover .exotic-rotator{animation-play-state:paused}.exotic-shape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}@keyframes vortex-rotate{0%{transform:rotate(0) scale(1.5)}to{transform:rotate(360deg) scale(1.5)}}@keyframes grid-shift{0%{background-position:0 0}to{background-position:30px 30px}}@keyframes sun-rotate{0%{transform:rotate(0) scale(1.2)}to{transform:rotate(360deg) scale(1.2)}}@keyframes grid-slide-right{0%{background-position:0 0}to{background-position:80px 0}}@keyframes palm-fall{0%{background-position:0 0}to{background-position:0 45px}}.exotic-product-img{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:75%;height:auto;object-fit:contain;z-index:20;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));transition:transform .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.exotic-badge:hover .exotic-product-img{transform:translate(-50%) translateY(-12px) scale(1.08)}.exotic-badge.teal .exotic-product-img{transform:translate(-50%) rotate(-45deg)}.exotic-badge.teal:hover .exotic-product-img{transform:translate(-50%) translateY(-12px) rotate(-45deg) scale(1.08)}.exotic-badge.violet .exotic-shape{background:#7828ff;border-radius:48px;border:3px solid #4b1e96;box-shadow:6px 6px #4b1e96;position:relative}.exotic-badge.violet .exotic-shape:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:repeating-conic-gradient(from 0deg,#a880ff 0deg 20deg,transparent 20deg 40deg);animation:vortex-rotate 10s linear infinite;opacity:1}.exotic-badge.violet .exotic-shape:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,transparent 30%,rgba(75,30,150,.4) 100%);pointer-events:none;z-index:2}.exotic-badge.pink .exotic-shape{background-color:#f7a1e0;clip-path:polygon(50% 0%,58% 8%,69% 5%,72% 16%,83% 18%,82% 29%,91% 35%,86% 45%,91% 56%,82% 61%,83% 72%,72% 74%,69% 85%,58% 81%,50% 90%,42% 81%,31% 85%,28% 74%,17% 72%,18% 61%,9% 56%,14% 45%,9% 35%,18% 29%,17% 18%,28% 16%,31% 5%,42% 8%);box-shadow:none;position:relative;z-index:2;overflow:hidden;transform:scale(1.15)}.exotic-badge.pink .exotic-rotator:before{content:"";position:absolute;top:6px;right:-6px;bottom:-6px;left:6px;background-color:#b3368a;clip-path:polygon(50% 0%,58% 8%,69% 5%,72% 16%,83% 18%,82% 29%,91% 35%,86% 45%,91% 56%,82% 61%,83% 72%,72% 74%,69% 85%,58% 81%,50% 90%,42% 81%,31% 85%,28% 74%,17% 72%,18% 61%,9% 56%,14% 45%,9% 35%,18% 29%,17% 18%,28% 16%,31% 5%,42% 8%);z-index:1;transform:scale(1.15)}.exotic-badge.pink .exotic-shape:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background-image:linear-gradient(rgba(140,40,100,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(140,40,100,.15) 1.5px,transparent 1.5px);background-size:55px 85px;transform:rotate(15deg);-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,1) 20%,rgba(0,0,0,0) 85%);mask-image:radial-gradient(circle,#000 20%,#0000 85%);z-index:3;animation:grid-pulse-subtle 6s ease-in-out infinite}@keyframes grid-pulse-subtle{0%,to{opacity:.7;transform:rotate(15deg) scale(1)}50%{opacity:1;transform:rotate(15deg) scale(1.05)}}.exotic-badge.orange .exotic-shape{background:#ff8c2d;border-radius:50%;border:3px solid #4d2319;box-shadow:10px 10px #4d2319;position:relative;overflow:hidden}.exotic-badge.orange .exotic-shape:before{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background:repeating-conic-gradient(from 0deg,#e67616 0deg 20deg,transparent 20deg 40deg);animation:vortex-anti-slow 20s linear infinite;mix-blend-mode:multiply;opacity:.8}.exotic-badge.orange .exotic-shape:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 20%,transparent 20%,rgba(77,26,16,.2) 100%);pointer-events:none}@keyframes vortex-anti-slow{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.exotic-badge.olive .exotic-shape{background-color:#ffde59;border-radius:40px;border:3px solid #2a1810;box-shadow:12px 12px #2a1810;position:relative;overflow:hidden}.exotic-badge.olive .exotic-shape:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,0,0,.2) 2px,transparent 2px),linear-gradient(90deg,rgba(0,0,0,.2) 2px,transparent 2px);background-size:80px 80px;-webkit-mask-image:radial-gradient(circle,black 50%,rgba(0,0,0,0) 90%);mask-image:radial-gradient(circle,#000 50%,#0000 90%);z-index:1;animation:grid-slide-right 2s linear infinite}.exotic-badge.olive .exotic-shape:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 30px #0000000d;pointer-events:none}.exotic-badge.teal{transform:rotate(45deg);margin-left:20px}.exotic-badge.teal:hover{transform:rotate(45deg) scale(1.05)}.exotic-badge.teal .exotic-shape{background-color:#4da4a4;border-radius:45px;border:2px solid #1d6a6a;box-shadow:10px 6px #1d6a6a;position:relative;overflow:hidden;transform:none;width:100%;height:100%}.exotic-badge.teal .exotic-shape:before{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%231d6a6a' fill-opacity='0.15'%3E%3Cpath d='M50 85c0-20 0-40 0-40M50 45c-15-5-25 5-25 5M50 45c15-5 25 5 25 5M50 60c-12-3-20 4-20 4M50 60c12-3 20 4 20 4' stroke='%231d6a6a' stroke-width='4' fill='none'/%3E%3C/svg%3E");background-size:45px;background-repeat:repeat;transform:rotate(-45deg);z-index:1;animation:palm-fall 4s linear infinite}.exotic-stamp-wrapper{width:360px;height:380px;display:grid;place-items:center}.exotic-stamp{position:relative;width:360px;height:360px;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg);margin-top:60px;filter:drop-shadow(10px 10px 0px #14532d)}.exotic-stamp:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;background-color:#bef264;clip-path:polygon(50% 0%,58% 8%,69% 5%,72% 16%,83% 18%,82% 29%,91% 35%,86% 45%,91% 56%,82% 61%,83% 72%,72% 74%,69% 85%,58% 81%,50% 90%,42% 81%,31% 85%,28% 74%,17% 72%,18% 61%,9% 56%,14% 45%,9% 35%,18% 29%,17% 18%,28% 16%,31% 5%,42% 8%);z-index:1}.stamp-svg{position:absolute;width:90%;height:90%;z-index:10;animation:rotate-slow 25s linear infinite;pointer-events:none;overflow:visible}.stamp-text{font-family:Montserrat,sans-serif;font-weight:800;font-size:10.5px;fill:#14532d;letter-spacing:1.8px;text-transform:uppercase}.stamp-center{position:relative;z-index:10;text-align:center;color:#14532d;display:flex;flex-direction:column;align-items:center;margin-top:10px}.stamp-center .no-1{font-size:6rem;font-weight:950;font-family:Lilita One,cursive;line-height:.7;letter-spacing:-2px}.stamp-sparkles{position:absolute;width:100%;height:100%;pointer-events:none}.sparkle{position:absolute;color:#14532d;font-size:32px;opacity:.4;filter:blur(.5px)}.s1{top:20%;right:25%}.s2{bottom:25%;right:28%}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.memories-section{position:relative;padding:100px 8% 120px;display:flex;align-items:center;justify-content:space-between;gap:40px}.memories-visual-container{position:relative;width:420px;height:480px}.memories-visual-frame{width:100%;height:100%;border-radius:30px;border:6px solid #2b1b18;position:relative;overflow:hidden;background:#ff8c2d;box-shadow:10px 10px #2b1b18}.memories-sunburst{position:absolute;top:50%;left:50%;width:220%;height:220%;transform:translate(-50%,-50%);z-index:1;border-radius:50%;overflow:hidden}.memories-sunburst:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.15),transparent 60%),linear-gradient(to bottom,#ff7a1a,#ff7a1a 35%,#ff9a2f 45%,#ffc933 65%,#ffc933)}.memories-sunburst:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(#ffffff26,#ffffff26 12deg,#ffffff0d 12deg,#ffffff0d 24deg);animation:sunburstRotate 25s linear infinite}.memories-visual-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 60%);z-index:2}@keyframes sunburstRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.memories-hero-img{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:110%;z-index:10;filter:drop-shadow(2px 0 0 white) drop-shadow(-2px 0 0 white) drop-shadow(0 2px 0 white) drop-shadow(0 -2px 0 white) drop-shadow(10px 10px 20px rgba(0,0,0,.2))}.floating-heart{position:absolute;right:-30px;top:60%;width:100px;z-index:20;animation:heartPop 2.5s ease-in-out infinite}@keyframes heartPop{0%{transform:translateY(0) scale(.8);opacity:.8}30%{transform:translateY(-10px) scale(1.2);opacity:1}60%{transform:translateY(-15px) scale(1)}to{transform:translateY(0) scale(.8);opacity:.8}}.memories-copy{position:relative;flex:1;margin-left:160px;margin-top:-80px}.memories-heading{font-family:Lilita One,cursive;font-size:clamp(3rem,5vw,5.5rem);line-height:1.1;color:#2b1b18;letter-spacing:-1.5px;text-transform:uppercase;margin-bottom:15px}.offer-wrap{position:relative;display:inline-block;margin-left:10px}.offer-choco{position:absolute;top:-90px;right:-200px;width:215px;filter:drop-shadow(0 8px 15px rgba(0,0,0,.2))}.memories-description{font-family:Fredoka,sans-serif;font-size:1.1rem;max-width:500px;margin-bottom:35px}.memories-actions{display:flex;align-items:center;gap:20px}.memories-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fffaf5;border:3px solid #2b1b18;border-radius:22px;font-family:Fredoka,sans-serif;font-weight:800;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;color:#2b1b18;text-decoration:none;box-shadow:4px 4px #2b1b18;transition:all .15s ease}.memories-btn-primary span{font-size:1rem;font-weight:900}.memories-btn-primary:hover{transform:translate(2px,2px);box-shadow:2px 2px #2b1b18}.memories-btn-primary:active{transform:translate(4px,4px);box-shadow:0 0 #2b1b18}.memories-btn-ghost{display:flex;align-items:center;gap:10px;font-family:Fredoka,sans-serif;font-weight:800;font-size:.95rem;text-transform:uppercase;color:#2b1b18;text-decoration:none}.map-marker-container{position:relative;width:40px;height:40px}.map-folded{position:absolute;bottom:5px;width:35px;height:20px;background:#bfe7d4;border:2px solid #2b1b18}.map-pin{position:absolute;top:0;left:10px;width:14px;height:20px;background:#ff5252;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.pin-head{position:absolute;top:50%;left:50%;width:5px;height:5px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}.sweet-section{padding:80px 6vw 240px;text-align:center;position:relative;overflow:hidden}.sweet-heading-wrapper{position:relative;display:inline-block;margin-bottom:80px;z-index:3}.sweet-title{font-family:Luckiest Guy,cursive!important;font-size:clamp(4rem,9vw,7.5rem);letter-spacing:4px;transform:scaleX(1.1);text-transform:uppercase;color:transparent;-webkit-text-stroke:2px #1a1a2e;margin:0;position:relative;z-index:3}.letter{display:inline-block;will-change:transform}.shaving-splatter{position:absolute;top:100%;left:50%;transform:translate(-50%);width:80%;height:140px;pointer-events:none;z-index:2}.shaving{position:absolute;background:#c68e17;border-radius:40% 60% 70% 30%/40% 50% 60%;box-shadow:inset -2px -2px 4px #0003;animation:crumb-bounce 2.5s ease-in-out infinite}@keyframes crumb-bounce{0%,to{transform:translateY(0) rotate(var(--rotate, 0deg))}50%{transform:translateY(calc(var(--dir) * -12px)) rotate(var(--rotate, 0deg))}}.shaving:after{content:"";position:absolute;top:15%;left:15%;width:30%;height:30%;background:#fff6;border-radius:50%}.sweet-row{position:relative;z-index:1;display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.sweet-row img{width:clamp(150px,18vw,220px);filter:drop-shadow(0 12px 20px rgba(59,35,22,.15));will-change:transform}@media (max-width: 768px){html,body,.home{overflow-x:hidden;max-width:100vw}.marco-hero{margin-top:100px;padding:0 3vw 36px}.hero-card{grid-template-columns:1fr;padding:0;gap:0;border-radius:20px;border-width:4px;overflow:hidden;background:radial-gradient(circle at center,#87ceeb 100%,#fffffe)}.hero-visual{order:1;justify-content:center;align-items:flex-end;width:100%;min-height:210px;position:relative;padding:0}.hero-rays{margin-left:0;transform:translate(-50%,-50%);top:-300%;right:-300%;bottom:-300%;left:-300%;position:absolute}.hero-wave{height:120px;top:auto;bottom:-2px;transform:none;position:absolute;z-index:2}.hero-frame{width:100%;max-width:100%;min-height:210px;margin:0;border:none;border-radius:0;box-shadow:none;background:transparent;position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:center}.hero-frame img{width:78%;max-width:240px;position:relative;left:auto;transform:none;object-fit:contain;margin-bottom:-10px;filter:drop-shadow(0 20px 30px rgba(42,24,16,.3))}.hero-floor-shadow{width:50%;bottom:8px}.hero-sprinkles span{width:14px;height:5px}.hero-sprinkles span:nth-child(1){top:75%;left:30%}.hero-sprinkles span:nth-child(2){top:70%;left:60%}.hero-sprinkles span:nth-child(3){top:80%;left:45%}.hero-sprinkles span:nth-child(4){top:72%;left:20%}.hero-sprinkles span:nth-child(5){top:78%;left:70%}.hero-sprinkles span:nth-child(6){top:68%;left:50%}.hero-copy{order:2;position:relative;z-index:4;padding:20px 18px 24px;background:#e2b347;border-top:3px solid #2a1810}.hero-kicker{text-align:center;display:block;font-size:.65rem;letter-spacing:.2em;color:#2a1810bf;margin-bottom:4px}.hero-copy h1{font-size:clamp(1.35rem,6.5vw,2.1rem);text-align:center;margin:6px 0 8px;line-height:1.35;padding-left:40px;letter-spacing:.08em;color:#fff;text-shadow:-2px -2px 0 #2a1810,2px -2px 0 #2a1810,-2px 2px 0 #2a1810,2px 2px 0 #2a1810,0 4px 12px rgba(42,24,16,.3)}.hero-copy p{text-align:center;font-size:.84rem;margin:0 auto;max-width:280px;color:#2a1810d9}.hero-actions{justify-content:center;flex-wrap:wrap;gap:8px;margin-top:14px}.hero-btn{font-size:.74rem;padding:9px 16px;box-shadow:4px 4px #2a1810}.popular-section{padding:0 3vw 50px}.popular-section{padding-top:72px}.popular-section:before{height:72px}.popular-section .section-head{margin-bottom:14px;display:grid!important;grid-template-columns:1fr auto;align-items:center!important;justify-content:space-between!important;gap:10px}.popular-section .popular-title-wrapper{gap:6px;min-width:0;flex:1 1 auto;width:100%}.popular-section .popular-scoop-head h2{font-size:clamp(1.1rem,3.5vw,1.15rem);letter-spacing:.35px;white-space:normal!important}.popular-section .popular-heart{width:42px}.popular-section .title-dash{font-size:1.1rem}.popular-card{min-width:155px;padding:12px;border-radius:14px;border-width:2.5px}.popular-image{min-height:120px;padding:8px;border-radius:10px}.popular-image img{max-width:100px}.popular-name{font-size:.78rem}.popular-track{gap:14px}.popular-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.popular-section .hero-btn.ghost{margin-right:0!important;margin-top:0!important;font-size:.65rem;padding:8px 12px;box-shadow:3px 3px #2a1810;white-space:nowrap;align-self:center}.popular-item{gap:18px;flex:0 0 calc((100vw - 100px) / 3);max-width:calc((100vw - 100px) / 3);cursor:pointer}.flavor-strip{grid-template-columns:1fr;margin:40px 3vw;max-width:100%}.strip-title{border-right:none;border-bottom:1px solid #2b2b2b;padding:22px 20px 18px;text-align:center}.strip-highlight{border-right:none;border-bottom:1px solid #2b2b2b;text-align:center;padding:22px 20px}.strip-item{padding:22px 20px}.strip-title h3{font-size:20px}.strip-highlight p{font-size:14px;max-width:100%}.strip-reviews{justify-content:center;gap:12px}.review-avatars img{width:36px;height:36px}.reviews-number{font-size:17px;padding:5px 14px}.strip-strawberries img{width:80px;height:auto!important}.feature-art-section{padding:44px 3vw 60px}.art-collage-container{display:flex;flex-direction:column;align-items:center;min-height:auto;gap:20px;position:relative}.art-title-group{position:static;transform:none!important;text-align:center;width:100%;order:0;margin-top:-10px}.title-row-upper,.title-row-lower{justify-content:center;gap:8px;padding-bottom:10px}.title-row-upper{margin-left:60px}.title-row-lower{margin-left:-30px;margin-top:-10px}.art-title-group h1{font-size:clamp(2rem,8vw,3rem)}.pink-heart-doodle{width:55px}.cone-doodle{width:45px}.art-img{position:static;transform:none!important;width:100%;max-width:360px;border-radius:18px;overflow:hidden}.art-img img{height:auto!important;object-fit:cover}.img-peanuts{order:1;min-height:220px;height:auto}.img-lime{order:2;min-height:220px;height:auto}.img-spread{order:3;min-height:200px;height:auto;left:0}.art-footer-detail{position:static;transform:none!important;order:4;justify-content:center;gap:12px;margin-top:4px;margin-left:-140px}.mini-scoop{width:50px}.with-text{font-size:.8rem}.essence-text{font-size:1.1rem}.art-doodles{display:none}.exotic-section{padding:44px 0 50px;min-height:auto;height:auto!important;overflow:hidden}.exotic-section .exotic-head{padding:0 4vw;flex-wrap:nowrap;gap:8px;margin-bottom:18px;justify-content:flex-start}.exotic-section .exotic-head-left{gap:8px;min-width:0}.exotic-section .exotic-head-line{display:none}.exotic-section .exotic-head h2{font-size:clamp(1rem,4.7vw,1.4rem)!important;white-space:nowrap!important}.exotic-section .exotic-nav{gap:6px}.exotic-section .circle-btn{width:38px;height:38px;font-size:1rem;box-shadow:2px 2px #2a1810}.exotic-row{display:flex!important;flex-wrap:nowrap!important;overflow:visible;gap:20px;padding:16px 4vw 30px;width:max-content;align-items:flex-end;justify-content:flex-start}.exotic-row::-webkit-scrollbar{display:none}.exotic-badge-container{flex-shrink:0;gap:10px}.exotic-badge{width:200px;height:200px}.exotic-badge.teal{transform:rotate(45deg);margin:0}.exotic-badge.teal:hover{transform:rotate(45deg) scale(1.05)}.exotic-stamp-wrapper{width:200px;height:220px;flex-shrink:0;display:grid;place-items:center}.exotic-stamp{width:240px;height:240px}.stamp-center .no-1{font-size:4rem}.memories-section{flex-direction:column;align-items:center;text-align:center;padding:56px 5% 70px;gap:40px}.memories-visual-container{width:100%;max-width:300px;height:360px}.memories-visual-frame{border-width:5px;box-shadow:8px 8px #2b1b18;border-radius:24px}.memories-hero-img{width:100%;height:100%;object-fit:cover;border-radius:18px}.floating-heart{width:70px;right:-15px;top:58%}.memories-copy{margin-left:0;margin-top:0;width:100%}.memories-heading{font-size:clamp(1.8rem,6.8vw,2.5rem);text-align:center;letter-spacing:-.5px;line-height:1.1}.offer-choco{width:120px;top:-50px;right:-80px}.memories-description{text-align:center;font-size:.95rem;max-width:380px;margin:0 auto 28px}.memories-actions{flex-direction:column;align-items:center;justify-content:center;gap:14px}.memories-btn-primary{padding:10px 22px;font-size:.88rem}.memories-btn-ghost{font-size:.88rem}.sweet-section{padding:36px 3vw 90px}.sweet-heading-wrapper{margin-bottom:55px}.sweet-title{font-size:clamp(1.8rem,8vw,3rem);letter-spacing:1.5px;transform:scaleX(1.02);-webkit-text-stroke:1.2px #1a1a2e}.shaving-splatter{width:95%;height:110px}.sweet-row{gap:14px;flex-wrap:wrap;justify-content:center}.sweet-row img{width:clamp(80px,20vw,130px);height:auto!important;object-fit:contain}h1,h2,h3,p{word-break:break-word;overflow-wrap:break-word}}@media (max-width: 480px){.marco-hero{padding:0 3vw 32px}.hero-card{border-radius:16px}.hero-visual,.hero-frame{min-height:190px}.hero-frame img{width:76%;max-width:210px}.hero-copy h1{font-size:clamp(1.05rem,6vw,1.45rem)!important}.hero-copy{padding:18px 12px 20px}.hero-btn{font-size:.68rem;padding:8px 12px}.art-title-group h1{font-size:clamp(1.7rem,9vw,2.4rem)}.art-img img{height:auto!important;object-fit:cover}.exotic-badge{width:150px;height:150px}.exotic-badge.teal{transform:rotate(45deg);margin:0}.exotic-stamp{width:180px;height:180px}.stamp-center .no-1{font-size:3rem}.stamp-svg{width:80%;height:80%}.memories-section{padding:44px 4% 56px;gap:28px}.memories-visual-container{max-width:260px;height:310px}.memories-heading{font-size:clamp(1.45rem,7.8vw,2rem)}.offer-choco{width:95px;top:-42px;right:-85px}.floating-heart{width:58px;right:-10px}.sweet-section{padding:44px 3vw 70px}.sweet-heading-wrapper{margin-bottom:44px}.sweet-title{font-size:clamp(1.3rem,8vw,2rem);letter-spacing:1.2px;transform:scaleX(1)}.sweet-row img{width:clamp(70px,22vw,110px)}.shaving-splatter{height:90px}}.hero-slider-section{padding:0;margin-top:0;position:relative;z-index:5;width:100%}.hero-slider-container{position:relative;height:100vh;width:100%;border-radius:0;overflow:hidden}.hero-slider-container:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:110px;background:var(--vanilla, #fffdf7);z-index:6;pointer-events:none;clip-path:polygon(0 42%,4% 30%,8% 55%,12% 22%,16% 68%,20% 36%,24% 62%,28% 28%,32% 70%,36% 40%,40% 66%,44% 24%,48% 72%,52% 34%,56% 63%,60% 26%,64% 67%,68% 38%,72% 60%,76% 20%,80% 64%,84% 32%,88% 58%,92% 26%,96% 52%,100% 36%,100% 100%,0 100%)}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:270px 8vw 120px}.hero-slide-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;width:100%;max-width:1400px;margin:0 auto}.hero-slide-text{max-width:650px;display:flex;flex-direction:column}.hero-slider-since{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:.4em;font-size:.85rem;text-transform:uppercase;display:block;margin-bottom:10px}.hero-slider-title{font-family:Outfit,Fredoka,sans-serif;font-size:clamp(3rem,5vw,4.5rem);font-weight:800;color:#fff;line-height:1.1;margin-bottom:25px;text-transform:uppercase;text-shadow:0 8px 30px rgba(0,0,0,.1)}.hero-slider-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:45px;max-width:480px;font-weight:500}.hero-slider-btn{display:inline-flex;align-items:center;padding:18px 40px;border-radius:999px;color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.95rem;box-shadow:0 10px 30px #00000026;transition:all .4s ease;margin-bottom:60px}.hero-slider-btn:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0003}.hero-slide-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-slide-img{max-width:550px;width:110%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 50px rgba(0,0,0,.15));z-index:2}.hero-slide-blob{position:absolute;width:140%;height:140%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;filter:blur(80px);z-index:1}.hero-slider-dots{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.hero-dot{width:10px;height:10px;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:all .3s ease;padding:0}.hero-dot.active{background:#fff;transform:scale(1.4)}@media (max-width: 1024px){.hero-slide-content{grid-template-columns:1fr;text-align:center;gap:30px}.hero-slide-text{align-items:center;margin:0 auto;order:2}.hero-slide-visual{order:1}.hero-slide-img{max-width:400px}}@media (max-width: 768px){.hero-slider-section{padding:0;margin-top:0}.hero-slider-container{height:auto;min-height:calc(100svh - 24px);border-radius:0;padding:0 0 110px}.hero-slider-container:after{height:78px}.hero-slide{align-items:center;padding:0 6vw}.hero-slide-content{gap:6px;padding-top:85px;align-content:flex-start}.hero-slide-text{align-items:center;text-align:center;max-width:100%}.hero-slider-since{margin-bottom:14px;font-size:.72rem;letter-spacing:.32em}.hero-slider-title{font-size:clamp(1.6rem,7vw,2.2rem);margin-bottom:8px}.hero-slider-subtitle{font-size:.88rem;line-height:1.4;margin-bottom:18px;max-width:95%}.hero-slider-dots{bottom:26px;gap:10px}.hero-slider-btn{margin-bottom:0;padding:14px 28px;font-size:.82rem;letter-spacing:.08em}.hero-slide-visual{width:100%;min-height:140px;padding-top:0}.hero-slide-img{max-width:170px;width:60%}.hero-dot{width:9px;height:9px}}.footer-container{background:#fff;color:#4e342e;padding:36px 6vw 20px;position:relative}.footer-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:160px;background-image:url(/assets/images/header-drip.png);background-repeat:repeat-x;background-size:auto 100%;background-position:top center;transform:scaleY(-1);transform-origin:top center;pointer-events:none;z-index:1}.footer-inner,.footer-bottom{position:relative;z-index:2}.footer-inner{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:10px;align-items:start}.footer-brand p{color:#4e342e;margin:12px 0 0 20px;line-height:1.45;max-width:320px}.footer-logo{width:200px;margin-left:20px;max-width:100%;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18));transition:transform .2s ease}.footer-logo:hover{transform:scale(1.05)}.footer-column h3{margin:0 0 12px;font-size:1rem}.footer-column a,.footer-column span{display:block;color:#4e342e;text-decoration:none;margin-bottom:6px;font-size:.9rem;transition:color .2s ease}.footer-column a:hover{color:#4e342e}.footer-social{display:flex;gap:12px;margin-top:8px}.footer-social a{width:36px;height:36px;border-radius:50%;background:#ffffff2e;display:inline-flex;align-items:center;justify-content:center;color:#4e342e;transition:transform .2s ease,background .2s ease}.footer-social a:hover{transform:translateY(-2px);background:#ffffff52}.footer-social svg{width:18px;height:18px}.footer-bottom{margin-top:22px;border-top:1px solid rgba(255,255,255,.2);padding-top:12px;text-align:center;color:#4e342e;font-size:.9rem}@media (max-width: 1000px){.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.footer-container{padding:52px 5vw 18px}.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;text-align:center;gap:18px}.footer-brand,.footer-column:last-child{grid-column:1 / -1}.footer-brand{display:flex;flex-direction:column;align-items:center}.footer-logo{width:150px;margin-left:0}.footer-brand p{margin-left:0;max-width:320px;text-align:center;margin-top:10px}.footer-column{width:100%}.footer-column h3,.footer-column a,.footer-column span{text-align:center}.footer-column:nth-child(2),.footer-column:nth-child(3){align-self:start}.footer-social{justify-content:center}}:root{--noto-blue: #5D8BF1;--noto-pink: #F5638E;--noto-bg: #ffffff;--noto-card-bg: #f9f9f9;--noto-text: #222222;--noto-border: rgba(0, 0, 0, .08)}.product-page{min-height:100vh;background:var(--noto-bg);color:var(--noto-text);font-family:Outfit,Poppins,sans-serif;position:relative;padding-top:200px}.product-hero{padding:80px 6vw 40px;text-align:center;background:#fff}.hero-eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--noto-blue);font-size:.9rem;margin-bottom:8px}.product-hero h1{font-size:clamp(2.5rem,5vw,4rem);margin:0 0 10px;color:var(--noto-text);font-weight:800;text-transform:uppercase;letter-spacing:1px}.hero-subtitle{font-size:1.1rem;margin:0 auto;max-width:600px;color:#666;font-weight:400}.ultra-compact-bar{max-width:1200px;margin:40px auto 0;display:flex;gap:20px;align-items:center;padding:15px 20px;border-bottom:1px solid var(--noto-border);background:#fff}.search-box-wrapper{flex:0 0 280px;position:relative}.search-input{width:100%;padding:12px 12px 12px 42px;border-radius:99px;border:1px solid var(--noto-border);background:#fdfdfd;font-size:.95rem;color:var(--noto-text);outline:none;transition:all .3s ease}.search-input:focus{border-color:var(--noto-blue);box-shadow:0 0 0 3px #5d8bf11a}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#888}.category-scroller{flex:1;overflow-x:auto;display:flex;justify-content:center}.category-pills{display:flex;gap:12px}.category-pill{white-space:nowrap;padding:8px 20px;border-radius:99px;border:1px solid var(--noto-border);background:#fff;color:#444;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.category-pill:hover{border-color:var(--noto-blue);color:var(--noto-blue)}.category-pill.active{background:var(--noto-blue);border-color:var(--noto-blue);color:#fff}.filter-select-group{display:flex;gap:12px}.filter-select{padding:8px 16px;border-radius:99px;border:1px solid var(--noto-border);background:#fff;color:var(--noto-text);font-weight:600;font-size:.85rem;cursor:pointer;outline:none}.filter-select:focus{border-color:var(--noto-blue)}.product-sections{padding:40px 6vw 100px;display:flex;flex-direction:column;gap:60px}.product-section-block{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;background:transparent!important;padding:0!important;box-shadow:none!important}.section-visible{opacity:1;transform:translateY(0)}.section-header{margin-bottom:30px;display:flex;align-items:center;gap:20px}.popular-cups{display:inline-flex;align-items:center;gap:6px;color:var(--noto-blue);flex-shrink:0}.popular-cup-icon{width:22px;height:22px;fill:currentColor}.section-header h2{font-size:1.4rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--noto-text);margin:0}.section-divider{flex:1;height:1px;background:var(--noto-border)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.product-card{display:flex;flex-direction:column;background:#fff;border:none!important;border-radius:0!important;box-shadow:none!important;text-align:center;transition:transform .3s ease}.product-card:hover{transform:translateY(-8px)}.product-card .product-image{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:30px;margin-bottom:20px;position:relative;overflow:hidden}.product-card .product-image img{width:85%;height:auto;object-fit:contain;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.product-card:hover .product-image img{transform:scale(1.1)}.product-card .product-badge{position:absolute;top:12px;left:12px;background:var(--noto-pink);color:#fff;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:800;text-transform:uppercase;z-index:2}.product-card .product-info{padding:0;background:transparent}.product-card .product-details{display:flex;flex-direction:column;gap:4px;margin-bottom:18px;align-items:center}.product-card .product-name{font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:var(--noto-text);text-decoration:none;display:block}.product-card:hover .product-name{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--noto-blue)}.product-card .product-size{font-size:.85rem;color:#777;margin:0;font-weight:500}.product-card .product-price{font-size:1rem;font-weight:600;color:var(--noto-text);margin-top:4px}.product-card .add-to-cart-btn{background:var(--noto-blue);color:#fff;border-radius:99px;width:100%;padding:12px 24px;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:none;box-shadow:0 4px 15px #5d8bf133;cursor:pointer;transition:all .2s ease}.product-card .add-to-cart-btn:hover{background:#4777e0;transform:scale(1.02)}.product-card .qty-incrementer{background:#fff;border:1px solid var(--noto-blue);border-radius:99px;padding:2px;display:flex;align-items:center;justify-content:space-between;width:100%}.product-card .qty-btn{width:34px;height:34px;border-radius:50%;background:var(--noto-blue);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.product-card .qty-btn:hover{background:#4777e0;transform:scale(1.1)}.product-card .qty-input-field{font-size:1rem;font-weight:800;color:var(--noto-text);width:40px;border:none;background:transparent;text-align:center;outline:none}.product-card .qty-input-field::-webkit-outer-spin-button,.product-card .qty-input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.distributor-cta{margin:0 6vw 90px;border-radius:32px;padding:80px 6vw;background:var(--noto-card-bg);text-align:center}.cta-content h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:20px}.cta-button{background:var(--noto-blue);color:#fff;padding:16px 36px;border-radius:99px;font-weight:800;text-decoration:none;display:inline-block;transition:all .3s ease}.no-results{text-align:center;padding:80px 0}.back-to-top{position:fixed;bottom:30px;right:30px;background:var(--noto-blue);color:#fff;border-radius:50%;width:50px;height:50px;border:none;cursor:pointer;z-index:1000}@media (max-width: 1100px){.product-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width: 900px){.product-hero{padding:40px 4vw 20px}.ultra-compact-bar{flex-direction:column;gap:12px;padding:15px;border-radius:12px;margin-top:20px;border-bottom:none;border:1px solid var(--noto-border)}.search-box-wrapper{flex:none;width:100%}.category-scroller{width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:5px}.category-pills{padding:0}.filter-select-group{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-select{width:100%}}@media (max-width: 768px){.product-page{padding-top:140px}.product-grid{grid-template-columns:repeat(2,1fr);gap:15px}.product-hero h1{font-size:2.2rem}.product-card .product-image{padding:15px;margin-bottom:12px}.product-card .product-details{margin-bottom:12px}.product-card .product-name{font-size:.95rem}.product-card .product-price{font-size:.9rem}.product-card .add-to-cart-btn{padding:10px 16px;font-size:.75rem}.product-card .qty-incrementer{padding:2px}.product-card .qty-btn{width:30px;height:30px}.product-card .qty-input-field{font-size:.9rem;width:30px}}@media (max-width: 480px){.product-sections{padding:20px 4vw 60px}.product-grid{gap:10px}.section-header h2{font-size:1rem}.popular-cup-icon{width:18px;height:18px}}.product-section-block .popular-heart{width:75px;display:block;height:auto}@media (max-width: 768px){.product-section-block .popular-heart{width:42px}}:root{--primary-brand: #3b2316;--secondary-brand: #5d4037;--accent-orange: #ff8a00;--bg-light: #f8f9fa;--cream: #fff6e6;--text-dark: #1b2a3a;--text-muted: #6b7280}.distributor-page{min-height:100vh;background:linear-gradient(135deg,#6ec1d6,#7fb3d4,#9aa7d8,#b79bd8,#d7dce5);background-size:200% 200%;animation:gradientMove 8s ease infinite;color:var(--text-dark);font-family:Poppins,sans-serif;letter-spacing:-.02em;overflow-x:hidden}.distributor-page *,.distributor-page *:before,.distributor-page *:after{box-sizing:border-box}.distributor-hero{padding:250px 6vw 80px;text-align:center;background:transparent;position:relative;border-bottom:1px solid rgba(255,255,255,.28)}.hero-eyebrow{text-transform:uppercase;letter-spacing:.3em;font-weight:800;color:var(--accent-orange);font-size:.75rem;margin-bottom:20px}.distributor-hero h1{font-family:Lilita One,cursive;font-size:clamp(1.6rem,3.5vw,2.8rem);color:var(--primary-brand);white-space:nowrap;margin:0 auto 20px;line-height:1.3;letter-spacing:.02em;max-width:100%;overflow:visible}.hero-subtitle{font-size:1.25rem;margin:0 auto;max-width:650px;color:var(--text-muted);font-weight:400}.distributor-container{max-width:1280px;margin:0 auto;padding:60px 6vw 120px;display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:start;width:100%}.distributor-form-section{padding:0;min-width:0}.form-card{background:#fff;border-radius:32px;padding:40px 42px;box-shadow:0 10px 40px #0000000a;border:1px solid rgba(0,0,0,.05);width:100%;min-width:0}.form-card h2{font-family:Lilita One,cursive;font-size:2rem;margin:0 0 12px;color:var(--primary-brand)}.form-intro{margin:0 0 28px;color:var(--text-muted);font-size:1rem}.distributor-form{display:flex;flex-direction:column;gap:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 28px}.form-field{display:flex;flex-direction:column;gap:12px}.form-field-label{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.2em;color:#9ca3af;margin-left:4px}.form-field input,.form-field select,.form-field textarea{width:100%;max-width:100%;background:#fff;border:1px solid rgba(59,35,22,.12);border-radius:20px;padding:14px 18px;font-size:.95rem;font-family:inherit;color:var(--text-dark);transition:all .2s ease}.form-field textarea{min-height:112px;resize:vertical}.form-field input::placeholder{color:#cbd5e1}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--primary-brand);box-shadow:0 0 0 4px #3b23160d}.form-error{color:#ef4444;font-size:.75rem;font-weight:600;margin-top:6px;margin-left:4px}.radio-group{display:flex;gap:18px;align-items:center;padding:4px 0}.radio-group label{display:inline-flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;color:var(--text-dark)}.form-submit{background:var(--primary-brand);color:#fff;border:none;border-radius:20px;padding:18px 36px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px #3b231633;display:flex;align-items:center;justify-content:center;gap:12px;align-self:flex-start}.form-submit:hover{transform:translateY(-3px);box-shadow:0 15px 35px #3b23164d;background:#4a2d1d}.form-success{padding:40px;border-radius:32px;background:#fff;color:var(--primary-brand);text-align:center;box-shadow:0 10px 40px #0000000a;font-weight:700;font-size:1.25rem;border:2px solid var(--cream)}.distributor-sidebar{position:sticky;top:140px;display:flex;flex-direction:column;gap:24px;min-width:0}.sidebar-card{background:#fff;border-radius:28px;padding:30px;border:1px solid rgba(0,0,0,.05);width:100%;min-width:0}.sidebar-card h3{font-size:1.1rem;font-weight:700;margin-bottom:20px;color:var(--primary-brand)}.benefit-item{display:flex;gap:16px;margin-bottom:20px;min-width:0}.benefit-icon{width:44px;height:44px;background:var(--cream);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-brand)}.benefit-text h4{font-size:.9rem;font-weight:700;margin-bottom:4px;overflow-wrap:anywhere}.benefit-text p{font-size:.8rem;color:var(--text-muted);line-height:1.4;overflow-wrap:anywhere}.trust-badge{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#3b231608;border-radius:16px;font-size:.8rem;font-weight:700;color:#9ca3af}@media (max-width: 1100px){.distributor-container{grid-template-columns:1fr;gap:40px}.distributor-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.sidebar-card{flex:1;min-width:300px}}@media (max-width: 780px){.distributor-page{letter-spacing:-.01em}.form-grid{grid-template-columns:1fr}.form-submit{width:100%}.distributor-hero{padding:180px 6vw 48px}.hero-eyebrow{font-size:.7rem;letter-spacing:.25em;margin-bottom:14px}.distributor-hero h1{font-size:clamp(1.4rem,6vw,2rem);white-space:nowrap;margin-bottom:14px}.hero-subtitle{font-size:1rem;line-height:1.6;max-width:520px}.form-card{padding:26px;border-radius:24px}.form-card h2{font-size:1.6rem}.form-intro{margin-bottom:28px;font-size:.95rem}.form-field input,.form-field select,.form-field textarea{padding:10px 16px;font-size:.9rem;border-radius:16px}.distributor-container{padding:36px 16px 120px;gap:28px}.distributor-sidebar{flex-direction:column;gap:18px}.sidebar-card{min-width:0;padding:22px;border-radius:22px}.benefit-item{gap:12px;margin-bottom:16px}.benefit-icon{width:38px;height:38px;border-radius:10px}.benefit-text h4{font-size:.85rem}.benefit-text p{font-size:.78rem}.trust-badge{padding:14px 16px;font-size:.75rem;gap:10px;flex-wrap:wrap}.radio-group{gap:16px;flex-wrap:wrap}.radio-group label{min-width:0}}@media (max-width: 768px){.distributor-hero{padding:170px 6vw 60px}.distributor-hero h1{font-size:clamp(1.3rem,5vw,1.8rem);white-space:nowrap}.hero-subtitle{font-size:.95rem}.form-card{padding:22px}.sidebar-card{padding:20px}.benefit-item{align-items:flex-start}.trust-badge{width:100%}}@media (max-width: 520px){.distributor-hero{padding:160px 6vw 40px}.distributor-hero h1{font-size:clamp(1.7rem,9vw,2.5rem);white-space:nowrap}.hero-subtitle{font-size:.95rem}.form-card{padding:22px}.sidebar-card{padding:20px}.benefit-item{align-items:flex-start}.trust-badge{width:100%}}:root{--primary-brand: #3b2316;--accent-gold: #ffb800;--accent-red: #8b2c2c;--bg-cream: #fff9f0;--text-muted: #6b7280}.about-page{min-height:100vh;background:linear-gradient(135deg,#e9bff072,#d2e4ef,#cadfee,#f9d0fa,#d7dce5);background-size:200% 200%;animation:gradientMove 8s ease infinite;font-family:Poppins,sans-serif;color:var(--primary-brand)}.about-hero{height:100vh;min-height:700px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat}.about-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#3b231673,#3b231600 60%,#fff)}.hero-content{position:relative;z-index:5;text-align:center;max-width:900px;padding:0 6vw}.hero-eyebrow{text-transform:uppercase;letter-spacing:.3em;font-weight:800;font-size:.85rem;color:#fff;margin-bottom:24px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.about-hero h1{font-family:Lilita One,cursive;font-size:clamp(2.5rem,8vw,5rem);color:#fff;-webkit-text-stroke:2px #5d4037;line-height:1.1;max-width:900px;margin:0 auto;text-shadow:0 4px 20px rgba(0,0,0,.2)}.legacy-section{padding:120px 6vw;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.legacy-image-wrap{position:relative}.legacy-img{width:100%;border-radius:40px;box-shadow:0 25px 60px #3b231626;display:block}.legacy-badge{display:none}.legacy-content h2{font-family:Lilita One,cursive;font-size:3.5rem;margin-bottom:30px;line-height:1.1}.legacy-content p{font-size:1.15rem;line-height:1.8;color:var(--text-muted);margin-bottom:24px}.pillars-section{padding:10px 6vw}.section-head{text-align:center;max-width:700px;margin:0 auto 80px}.section-head h2{font-family:Lilita One,cursive;font-size:3rem;margin-bottom:16px}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto}.pillar-card{background:#fff;padding:60px 40px;border-radius:32px;text-align:center;box-shadow:0 10px 30px #3b23160d;transition:transform .3s ease}.pillar-card:hover{transform:translateY(-10px)}.pillar-icon{width:80px;height:80px;background:#3b231608;border-radius:24px;display:flex;align-items:center;justify-content:center;color:var(--primary-brand);margin:0 auto 30px}.pillar-card h3{font-size:1.25rem;font-weight:700;margin-bottom:16px}.pillar-card p{font-size:.95rem;color:var(--text-muted);line-height:1.6}.stats-parallax{padding:50px 6vw;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:10px;max-width:1000px;margin:0 auto}.stat-item h3{font-size:clamp(3rem,7vw,5rem);margin-bottom:8px;font-family:Lilita One,cursive;color:transparent;-webkit-text-stroke:2px white;letter-spacing:2px}.stat-item p{font-size:1.1rem;color:#fff;font-weight:500;text-transform:uppercase;letter-spacing:1px}.quality-standards{padding:50px 6vw;text-align:center;border-bottom:1px solid rgba(0,0,0,.05)}.quality-standards h4{text-transform:uppercase;letter-spacing:.3em;font-weight:800;font-size:.9rem;opacity:.7;margin-bottom:40px}.standards-logos{display:flex;justify-content:center;align-items:center;gap:80px;flex-wrap:wrap}.fssai-logo{height:120px;width:auto}.quality-mark{height:90px;width:auto}.partner-cta{margin:80px 6vw 120px;background:var(--primary-brand);border-radius:40px;padding:80px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;position:relative;overflow:hidden}.partner-cta-content{position:relative;z-index:2}.partner-cta h2{font-family:Lilita One,cursive;font-size:3rem;margin-bottom:24px;max-width:600px}.partner-cta p{font-size:1.1rem;opacity:.8;margin-bottom:40px;max-width:500px}.partner-btn{background:#fff;color:var(--primary-brand);padding:20px 48px;border-radius:999px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;transition:all .3s ease;box-shadow:0 10px 25px #0003}.partner-btn:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000004d}.presence-section{padding:100px 6vw;text-align:center;background:#ffffff73;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:60px;margin:40px 6vw 100px;box-shadow:0 20px 50px #3b231614}.presence-head{margin-bottom:60px}.presence-head h2{font-family:Lilita One,cursive;font-size:clamp(2.5rem,6vw,3.8rem);margin-bottom:24px;color:var(--primary-brand)}.presence-head p{font-size:1.15rem;color:var(--text-muted);max-width:800px;margin:0 auto;line-height:1.6}.city-pill-container{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;max-width:1200px;margin:0 auto}.city-pill-item{display:flex;align-items:center;gap:10px;background:#fff;color:var(--primary-brand);padding:16px 32px;border-radius:999px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.88rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #3b23160f;border:1.5px solid rgba(59,35,22,.1)}.city-pill-item:hover{transform:translateY(-8px) scale(1.03);background:var(--primary-brand);color:#fff;box-shadow:0 15px 35px #3b231633;border-color:var(--primary-brand)}.pill-marker{width:6px;height:6px;background:#ff8a00;border-radius:50%;transition:transform .4s ease}.city-pill-item:hover .pill-marker{transform:scale(2.5);background:#fff}@media (max-width: 768px){.presence-section{padding:60px 5vw;border-radius:40px;margin:20px 4vw 80px}.presence-head h2{font-size:2.2rem}.presence-head p{font-size:1rem}.city-pill-item{padding:12px 24px;font-size:.8rem}}@media (max-width: 1000px){.legacy-section{grid-template-columns:1fr;gap:60px}.pillar-grid,.stats-grid{grid-template-columns:1fr}}@media (max-width: 600px){.partner-cta{padding:40px 20px}.partner-cta h2{font-size:2rem}}:root{--primary-brand: #3b2316;--accent-orange: #ff8a00;--cream: #fff6e6;--text-dark: #1b2a3a;--text-muted: #6b7280}.contact-page{min-height:100vh;background:linear-gradient(135deg,#6ec1d6,#7fb3d4,#9aa7d8,#b79bd8,#d7dce5);background-size:200% 200%;animation:gradientMove 8s ease infinite;color:var(--text-dark);font-family:Poppins,sans-serif;letter-spacing:-.02em;overflow-x:hidden}.contact-page *,.contact-page *:before,.contact-page *:after{box-sizing:border-box}.contact-hero{padding:250px 6vw 80px;text-align:center;border-bottom:1px solid rgba(255,255,255,.28)}.contact-title{font-family:Lilita One,cursive;font-size:clamp(1.6rem,3.5vw,2.8rem);color:var(--primary-brand);white-space:nowrap;margin:0 auto 20px;line-height:1.3;letter-spacing:.02em;max-width:100%;overflow:visible}.contact-subtitle{font-size:1.25rem;margin:0 auto;max-width:650px;color:var(--text-muted);line-height:1.65}.contact-content{max-width:1280px;margin:0 auto;padding:60px 6vw 120px}.contact-container{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:start}.contact-form-section,.contact-sidebar{min-width:0}.contact-panel{width:100%;min-width:0;background:#fff;border-radius:32px;padding:32px;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 40px #0000000a}.contact-form-card{padding:50px}.contact-form-card h2{font-family:Lilita One,cursive;font-size:2rem;margin:0 0 12px;color:var(--primary-brand)}.contact-intro{margin:0 0 40px;color:var(--text-muted);font-size:1rem}.contact-form{display:flex;flex-direction:column;gap:32px}.contact-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 32px}.contact-form-field{display:flex;flex-direction:column;gap:12px;min-width:0}.contact-form-field-full{grid-column:1 / -1}.contact-form-label{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.2em;color:#9ca3af;margin-left:4px}.form-input{width:100%;max-width:100%;background:#fff;border:1px solid rgba(59,35,22,.12);border-radius:20px;padding:16px 20px;font-size:.95rem;font-family:inherit;color:var(--text-dark);transition:all .2s ease;outline:none}.form-input::placeholder{color:#cbd5e1}.form-input:focus{border-color:var(--primary-brand);box-shadow:0 0 0 4px #3b23160d}.contact-form-textarea{min-height:132px;resize:vertical}.contact-submit{background:var(--primary-brand);color:#fff;border:none;border-radius:20px;padding:20px 40px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px #3b231633;display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.contact-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 35px #3b23164d;background:#4a2d1d}.contact-submit:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}.contact-success{margin-top:24px;padding:20px;border-radius:24px;background:#fff;color:var(--primary-brand);text-align:center;box-shadow:0 10px 40px #0000000a;font-weight:700;border:2px solid var(--cream)}.contact-sidebar{position:sticky;top:140px;display:flex;flex-direction:column;gap:24px}.contact-side-card h3{font-size:1.1rem;font-weight:700;margin-bottom:20px;color:var(--primary-brand)}.contact-benefit-item{display:flex;gap:16px;margin-bottom:20px;min-width:0}.contact-benefit-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-brand)}.contact-benefit-icon-amber{background:var(--cream)}.contact-benefit-icon-blue{background:#eef6ff;color:#2f6db3}.contact-benefit-text h4{font-size:.9rem;font-weight:700;margin:0 0 4px;color:var(--text-dark)}.contact-benefit-text p{margin:0;font-size:.8rem;line-height:1.5;color:var(--text-muted)}.contact-link{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:var(--primary-brand);text-decoration:none}.contact-link:hover{color:var(--accent-orange)}.contact-trust-badge{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#3b231608;border-radius:16px;font-size:.8rem;font-weight:700;color:#64748b;margin-top:12px}.contact-map-section{margin-top:56px}.contact-map-card{width:100%;aspect-ratio:21 / 8;border-radius:40px;overflow:hidden;border:8px solid #ffffff;background:#fff;box-shadow:0 18px 40px #00000014}@media (max-width: 1100px){.contact-container{grid-template-columns:1fr;gap:40px}.contact-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.contact-side-card{flex:1;min-width:300px}.contact-form-grid{grid-template-columns:1fr;gap:20px}.contact-form-field-full{grid-column:auto}.contact-map-card{aspect-ratio:16 / 7}}@media (max-width: 780px){.contact-page{letter-spacing:-.01em}.contact-hero{padding:180px 6vw 60px}.contact-title{font-size:clamp(1.4rem,6vw,2rem);white-space:nowrap;margin-bottom:14px}.contact-subtitle{font-size:1rem;line-height:1.6;max-width:520px}.contact-content{padding:36px 16px 120px}.contact-panel{padding:22px;border-radius:22px}.contact-form-card{padding:26px;border-radius:24px}.contact-form-card h2{font-size:1.6rem}.contact-intro{margin-bottom:28px;font-size:.95rem}.contact-sidebar{flex-direction:column;gap:18px}.contact-side-card{min-width:0}.contact-benefit-item{gap:12px;margin-bottom:16px}.contact-benefit-icon{width:38px;height:38px;border-radius:10px}.contact-benefit-text h4{font-size:.85rem}.contact-benefit-text p{font-size:.78rem}.contact-trust-badge{padding:14px 16px;font-size:.75rem;gap:10px;flex-wrap:wrap}.contact-form{gap:24px}.contact-form-grid{gap:18px}.form-input{padding:10px 16px;font-size:.9rem;border-radius:16px}.contact-submit{padding:18px 24px;border-radius:18px;font-size:.92rem}.contact-success{border-radius:20px;padding:18px;font-size:.95rem}.contact-map-section{margin-top:3.5rem}.contact-map-card{aspect-ratio:2 / 3;border-width:4px;border-radius:24px}}@media (max-width: 520px){.contact-hero{padding:160px 6vw 40px}.contact-title{font-size:clamp(1.2rem,5vw,1.6rem);white-space:nowrap}.contact-subtitle{font-size:.95rem}.contact-form-card{padding:22px}.contact-panel{padding:20px}.contact-benefit-item{align-items:flex-start}.contact-trust-badge{width:100%}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.service-area-page{background:#fff;min-height:100vh}.section-padding{padding:30px 0}.area-hero{background:linear-gradient(135deg,#f0f7ff,#fff);padding:210px 20px 20px;text-align:center;position:relative;overflow:hidden}.area-hero:before{content:"🍦";position:absolute;top:10%;left:5%;font-size:8rem;opacity:.1;transform:rotate(-15deg)}.area-hero:after{content:"🌸";position:absolute;bottom:10%;right:5%;font-size:6rem;opacity:.1;transform:rotate(15deg)}.area-eyebrow{color:#0070f3;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;margin-bottom:15px}.area-hero h1{font-size:clamp(2.5rem,8vw,4rem);font-family:Lilita One,cursive;color:#1a1a1a;line-height:1.1;margin-bottom:20px;max-width:900px;margin-inline:auto}.area-subtitle{font-size:1.25rem;color:#64748b;max-width:600px;margin-inline:auto}.container{max-width:1200px;margin-inline:auto;padding:0 20px}.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.area-text-box h2{font-size:2.2rem;margin-bottom:25px;color:#1a1a1a}.area-text-box p{font-size:1.1rem;line-height:1.7;color:#4b5563;margin-bottom:20px}.area-cta-group{display:flex;gap:15px;margin-top:30px}.btn-primary{background:#0070f3;color:#fff;padding:14px 28px;border-radius:50px;font-weight:600;text-decoration:none;transition:transform .2s}.btn-ghost{border:2px solid #0070f3;color:#0070f3;padding:12px 26px;border-radius:50px;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.btn-primary:hover{transform:scale(1.05)}.btn-ghost:hover{background:#0070f3;color:#fff}.area-image-box img{width:100%;height:auto;border-radius:30px}.area-flavors{background:#f8fafc;padding:60px 20px 220px;text-align:center}.area-flavors h3{margin-bottom:30px;font-size:1.8rem;color:#1a1a1a}.flavor-pills{display:flex;flex-wrap:nowrap;justify-content:center;gap:12px;margin-inline:auto;overflow-x:auto;padding:10px 4px;-ms-overflow-style:none;scrollbar-width:none}.flavor-pills::-webkit-scrollbar{display:none}.flavor-pill{padding:12px 24px;border-radius:50px;font-weight:700;font-size:.95rem;color:#2a1b18;background:#fff;border:3px solid #2a1b18;box-shadow:4px 4px #2a1b18;white-space:nowrap;flex-shrink:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:default;display:flex;align-items:center;gap:8px}.flavor-pill:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 24px #0000001a}.blackcurrant{background:#fdf2ff;border-color:#9333ea;color:#7e22ce}.mango{background:#fffbeb;border-color:#f59e0b;color:#d97706}.mishti{background:#fff1f2;border-color:#f43f5e;color:#e11d48}.vanilla{background:#fdfcf8;border-color:#d97706;color:#b45309}.cookies{background:#f8fafc;border-color:#475569;color:#334155}.blackcurrant:hover{background:#9333ea;color:#fff}.mango:hover{background:#f59e0b;color:#fff}.mishti:hover{background:#f43f5e;color:#fff}.vanilla:hover{background:#d97706;color:#fff}.cookies:hover{background:#475569;color:#fff}@media (max-width: 768px){.area-grid{grid-template-columns:1fr;gap:40px}.area-text-box{order:2}.area-image-box{order:1}.area-hero{padding:150px 20px 20px}.area-cta-group{flex-direction:column}.flavor-pills{justify-content:flex-start;padding-left:20px}}:root{--choco: #3b2316;--cream: #fff6e6;--orange: #ff8a00}.main-header{position:absolute;top:0;left:0;width:100%;z-index:50;height:270px;display:flex;justify-content:center;align-items:flex-start;padding:0 6vw;background-image:url(/assets/images/header-drip.png);background-repeat:repeat-x;background-size:auto 90%;background-position:top center}.header-center{display:flex;align-items:center;justify-content:center;gap:2.5vw;width:100%;margin-top:-30px}.main-header .logo{width:300px;object-fit:contain;position:relative;top:-5px;filter:drop-shadow(0px 4px 10px rgba(0,0,0,.1))}.header-link{display:flex;align-items:center;justify-content:center;height:100%;padding:0 16px;color:#2c3e50;font-family:Fredoka,sans-serif;font-size:17px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;text-decoration:none;transition:transform .2s ease}.header-link:hover{transform:translateY(2px)}.floating-cart{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:3px solid #2a1810;width:60px;height:60px;border-radius:20px;display:flex;align-items:center;justify-content:center;position:fixed;top:35px;right:3vw;cursor:pointer;box-shadow:6px 6px #2a1810;transition:all .2s ease;z-index:999}.floating-cart:hover{transform:translate(2px,2px);box-shadow:3px 3px #2a1810}.cart-badge{position:absolute;top:-8px;right:-8px;background:#ff4081;color:#fff;min-width:24px;height:24px;border-radius:12px;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:3px solid #2a1810;padding:0 4px}.mobile-header{display:none;position:absolute;top:0;left:0;width:100%;z-index:100;height:80px;padding:0 5vw;align-items:center;justify-content:space-between;background-image:url(/assets/images/header-drip.png);background-repeat:repeat-x;background-size:auto 100%;background-position:top center}.mobile-logo{width:110px;object-fit:top;margin-top:-50px}.hamburger{width:35px;height:35px;background:#fff;border:3px solid #2a1810;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-top:-60px;cursor:pointer;box-shadow:4px 4px #2a1810}.hamburger span{width:22px;height:3px;background:#2a1810;border-radius:999px;transition:.3s}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#2a181073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:400;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.visible{opacity:1;pointer-events:all}.sidebar-drawer{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:min(80vw,300px);height:100dvh;background:var(--cream);border-left:3px solid #2a1810;box-shadow:-8px 0 30px #2a181033;z-index:500;transform:translate(110%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:0}.sidebar-drawer.open{transform:translate(0)}.sidebar-close{align-self:flex-end;margin:16px 16px 0 0;width:36px;height:36px;background:#2a1810;color:var(--cream);border:none;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:2px 2px #ff8a00}.sidebar-logo-wrap{display:flex;justify-content:center;padding:20px 24px 24px;border-bottom:2px dashed rgba(42,24,16,.2)}.sidebar-logo{width:140px;object-fit:contain}.sidebar-links{display:flex;flex-direction:column;padding:18px 0;flex:1}.sidebar-link{font-family:Fredoka,sans-serif;font-size:15px;font-weight:600;color:#2c3e50;text-transform:uppercase;letter-spacing:1.2px;text-decoration:none;padding:16px 28px;border-bottom:1.5px solid rgba(42,24,16,.1);display:flex;align-items:center;gap:12px;transition:background .15s ease,padding-left .2s ease}.sidebar-link:before{content:"🍦";font-size:16px;flex-shrink:0}.sidebar-link.cart-link:before{content:"🛒"}.sidebar-link:hover{background:#ff8a0014;padding-left:36px}.sidebar-footer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 24px;border-top:2px dashed rgba(42,24,16,.2);font-family:Fredoka,sans-serif;font-size:.85rem;color:#2a181099;text-align:center}.main-content-wrapper{padding-top:160px;min-height:100vh}@media (max-width: 768px){.desktop-header{display:none}.mobile-header{display:flex;height:120px}.main-content-wrapper{padding-top:120px}.floating-cart{right:75px;top:20px;width:52px;height:52px}.header-link{font-size:14px}.main-header .logo{width:150px}}.app-shell{position:relative}.pattern-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.pattern-item{position:absolute;animation:pattern-float 10s ease-in-out infinite}.pattern-item svg{width:100%;height:100%;fill:none;stroke:#ffffff26;stroke-width:1.5px}.pattern-large{width:100px;height:100px}.pattern-small{width:60px;height:60px}.pattern-faint{opacity:.06}.pattern-soft{opacity:.1}.pattern-item:nth-child(odd){animation-duration:11s}.pattern-item:nth-child(3n){animation-duration:9s}.pattern-item:nth-child(4n){animation-duration:12s}.home,.about-page,.distributor-page,.product-page,.contact-page,.login-page{position:relative;z-index:1}@keyframes pattern-float{0%{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}to{transform:translateZ(0)}}