:root{--green:#043a2c;--deep:#001c15;--lime:#91d000;--cream:#f4f1e9;--ink:#10261d;--white:#fff;--muted:#b9c7c0;--serif:'Playfair Display',serif;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--cream);overflow-x:hidden}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(145,208,0,.12),transparent 65%);transform:translate(-50%,-50%);z-index:0}.nav-wrap{position:fixed;top:0;left:0;width:100%;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;z-index:50;color:white;background:linear-gradient(180deg,rgba(0,20,15,.8),transparent);backdrop-filter:blur(4px)}.brand img,footer img{width:185px;height:58px;object-fit:contain;mix-blend-mode:screen}.desktop-nav{display:flex;gap:34px}.desktop-nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:600;position:relative}.desktop-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-12px;height:2px;background:var(--lime);transition:.3s}.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}.nav-actions{display:flex;align-items:center;gap:16px}.icon-btn,.menu-btn{border:0;background:transparent;color:white;font-size:24px;cursor:pointer}.bag{position:relative}.bag span{position:absolute;right:-8px;top:-9px;width:17px;height:17px;border-radius:50%;background:var(--lime);font:700 10px var(--sans);display:grid;place-items:center}.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:44% 48% 8%;align-items:center;padding:110px 4.5vw 55px;background:radial-gradient(circle at 72% 45%,#0d5037 0,#032d22 28%,#001b14 62%,#00100c 100%);color:white;overflow:hidden}.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:20%;background:linear-gradient(transparent,rgba(0,8,6,.65))}.hero-noise{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45}.orb-a{width:360px;height:360px;background:#70a900;right:8%;top:18%}.orb-b{width:300px;height:300px;background:#c68a00;right:30%;bottom:-15%}.hero-copy,.hero-stage,.hero-index{position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:700;color:var(--lime)}.eyebrow.dark{color:#6f9d09}.hero h1,.promise h2,.section-head h2,.science h2,.texture h2,.shop h2,.modal h2{font-family:var(--serif);font-weight:700;line-height:.9;margin:18px 0 24px}.hero h1{font-size:clamp(72px,7vw,128px)}.hero h1 em{font-style:normal;color:var(--lime)}.hero-copy>p{font-size:18px;line-height:1.7;max-width:590px;color:#e0e8e4}.hero-cta{display:flex;gap:18px;margin:34px 0 46px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:14px;padding:15px 23px;border-radius:999px;text-decoration:none;font-weight:700;font:700 15px var(--sans);cursor:pointer;transition:.25s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--lime);color:#173000;box-shadow:0 10px 30px rgba(145,208,0,.2)}.btn.ghost{background:transparent;color:white;border-color:rgba(255,255,255,.3)}.btn.outline{color:var(--green);border-color:#7eaa20}.btn.light{background:white;color:var(--green)}.play{width:26px;height:26px;border:1px solid white;border-radius:50%;display:grid;place-items:center;font-size:9px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);max-width:620px}.benefits div{border-right:1px solid rgba(255,255,255,.12);padding:0 18px}.benefits div:first-child{padding-left:0}.benefits b,.benefits small{display:block}.benefits b{color:var(--lime);font-size:17px}.benefits small{font-size:12px;margin-top:6px;color:#d3ddd8}.hero-stage{height:76vh;display:grid;place-items:center;perspective:1200px}.hero-pack{width:min(68%,550px);max-height:85%;object-fit:contain;filter:drop-shadow(0 50px 40px rgba(0,0,0,.35));transform:rotate(4deg) translateY(0);animation:float 5s ease-in-out infinite;transition:.6s}.product-halo{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(145,208,0,.24),transparent 66%);filter:blur(14px)}.fruit-piece{position:absolute;width:150px;height:120px;overflow:hidden;filter:drop-shadow(0 18px 16px rgba(0,0,0,.35));animation:drift 6s ease-in-out infinite}.fruit-piece img{width:450px;height:300px;object-fit:cover;transform:scale(1.4)}.fp1{left:1%;top:19%;transform:rotate(-17deg)}.fp2{right:1%;top:25%;transform:rotate(19deg);animation-delay:-1.4s}.fp3{right:12%;bottom:12%;transform:rotate(-8deg);animation-delay:-2.7s}.crumbs{position:absolute;inset:0;background-image:radial-gradient(circle,#d9b33b 1px,transparent 2px);background-size:37px 33px;opacity:.28;mask-image:radial-gradient(circle,black,transparent 70%)}.hero-index{display:grid;justify-items:center;gap:16px}.hero-index strong{color:var(--lime);font-size:22px}.dots{display:grid;gap:13px}.dot{width:8px;height:8px;border:0;border-radius:50%;background:rgba(255,255,255,.75);cursor:pointer}.dot.active{height:28px;border-radius:8px;background:var(--lime)}.scroll-hint{position:absolute;z-index:4;bottom:21px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#adc0b7}.scroll-hint span{display:block;text-align:center;font-size:20px;margin-top:6px}.section-pad{padding:110px 5vw}.promise{display:grid;grid-template-columns:35% 65%;gap:70px;align-items:center}.promise h2,.section-head h2,.texture h2{font-size:clamp(46px,5vw,80px);color:var(--green)}.promise p,.section-head p,.texture p{font-size:17px;line-height:1.7;color:#53655d;max-width:560px}.feature-card{min-height:520px;border-radius:38px;background:var(--deep);overflow:hidden;display:grid;grid-template-columns:56% 44%;color:white;box-shadow:0 30px 80px rgba(5,45,33,.18)}.feature-image{position:relative;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.feature-card:hover img{transform:scale(1.04)}.round-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:0;background:var(--lime);color:white;font-size:22px}.feature-text{padding:70px 46px;display:flex;flex-direction:column;justify-content:center}.feature-text span{color:var(--lime);text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:12px}.feature-text h3{font:700 54px/1 var(--serif);margin:22px 0}.feature-text p{line-height:1.7;color:#d5dfda}.flavours{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:65px}.flavour-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.flavour-card{border-radius:26px;padding:24px 18px 25px;text-align:center;min-height:490px;display:flex;flex-direction:column;align-items:center;transition:.35s;overflow:hidden}.flavour-card:hover{transform:translateY(-9px);box-shadow:0 24px 50px rgba(4,58,44,.12)}.flavour-card img{width:100%;height:280px;object-fit:contain;filter:drop-shadow(0 22px 18px rgba(0,0,0,.13));transition:.35s}.flavour-card:hover img{transform:scale(1.05) rotate(2deg)}.flavour-card h3{font:700 30px var(--serif);margin:8px 0}.flavour-card p{font-size:14px;color:#67746e;min-height:42px}.flavour-card button{border:0;background:transparent;font-weight:700;color:var(--green);cursor:pointer}.mango{background:#fff2cf}.pineapple{background:#f7f5b8}.guava{background:#e9f2dc}.banana{background:#f8ead1}.jackfruit{background:#f5dfba}.science{min-height:850px;background:#00291f;color:white;display:grid;grid-template-columns:42% 58%;align-items:center;padding:100px 5vw;overflow:hidden}.science-copy{padding-right:60px}.science h2,.shop h2{font-size:clamp(60px,6vw,105px)}.science p,.shop p{font-size:18px;line-height:1.7;color:#c7d5cf;margin-bottom:30px}.science-visual{position:relative;height:650px;display:grid;place-items:center}.science-visual>img{width:68%;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 40px 90px rgba(0,0,0,.45);z-index:2}.ring{position:absolute;border:1px solid rgba(145,208,0,.45);border-radius:50%;animation:spin 22s linear infinite}.r1{width:78%;aspect-ratio:1}.r2{width:95%;aspect-ratio:1;animation-direction:reverse}.science-step{position:absolute;z-index:3;width:160px;padding:14px 16px;border-radius:14px;background:rgba(0,20,15,.72);border:1px solid rgba(145,208,0,.3);backdrop-filter:blur(10px)}.science-step b,.science-step span{display:block}.science-step b{color:var(--lime);font-size:12px}.science-step span{font-size:14px;margin-top:5px}.s1{left:1%;top:18%}.s2{right:1%;top:22%}.s3{left:2%;bottom:18%}.s4{right:0;bottom:14%}.texture{display:grid;grid-template-columns:55% 45%;gap:70px;align-items:center}.texture-image{height:650px;border-radius:34px;overflow:hidden}.texture-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.texture-image:hover img{transform:scale(1.06)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}.stat-row strong,.stat-row span{display:block}.stat-row strong{font:700 47px var(--serif);color:#79a900}.stat-row span{font-size:13px;color:#63726b}.shop{background:linear-gradient(135deg,#051b14,#064d37);color:white;display:grid;grid-template-columns:43% 57%;align-items:center;min-height:720px;overflow:hidden}.shop-products{height:560px;display:flex;align-items:center;justify-content:center}.shop-products img{width:25%;height:80%;object-fit:contain;filter:drop-shadow(0 35px 28px rgba(0,0,0,.35));margin-left:-8%;transition:.4s}.shop-products img:nth-child(1){transform:rotate(-10deg) translateY(30px)}.shop-products img:nth-child(2){transform:rotate(-3deg) translateY(-25px)}.shop-products img:nth-child(3){transform:rotate(5deg) translateY(15px)}.shop-products img:nth-child(4){transform:rotate(11deg) translateY(-5px)}.shop-products:hover img{margin-left:-6%}footer{background:#00100c;color:#dbe5e0;padding:70px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}footer p{font:600 24px var(--serif)}footer div{display:flex;justify-content:end;gap:25px}footer a{color:white;text-decoration:none}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;color:#82968c}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}.delay-4{transition-delay:.42s}.modal{position:fixed;inset:0;background:rgba(0,15,11,.84);z-index:100;display:none;place-items:center;padding:24px;backdrop-filter:blur(14px)}.modal.open{display:grid}.modal-card{width:min(800px,100%);background:#f7f4eb;border-radius:28px;padding:42px;position:relative}.modal-card>button{position:absolute;right:22px;top:15px;background:transparent;border:0;font-size:34px}.fake-video{height:360px;border-radius:20px;margin-top:25px;background:radial-gradient(circle at 50% 45%,#397e31,#002219 68%);display:grid;place-items:center;color:white}.fake-play{width:80px;height:80px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:28px}.fake-video span{position:absolute;margin-top:190px;font:700 36px var(--serif)}@keyframes float{50%{transform:rotate(2deg) translateY(-18px)}}@keyframes drift{50%{translate:0 -18px;rotate:8deg}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.desktop-nav{display:none}.hero{grid-template-columns:48% 52%;padding-top:100px}.hero-index{display:none}.hero h1{font-size:74px}.flavour-grid{grid-template-columns:repeat(3,1fr)}.promise{grid-template-columns:1fr}.science{grid-template-columns:1fr}.science-copy{padding-right:0}.texture{grid-template-columns:1fr}.shop{grid-template-columns:1fr}.shop-products{height:420px}}@media(max-width:720px){.nav-wrap{height:68px;padding:0 18px}.brand img{width:132px}.nav-actions .icon-btn{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:115px 22px 55px}.hero-copy{order:1}.hero-stage{order:0;height:49vh}.hero h1{font-size:58px}.hero-copy>p{font-size:16px}.benefits{grid-template-columns:repeat(2,1fr);gap:18px}.benefits div{border:0;padding:0}.fruit-piece{width:90px;height:70px}.section-pad{padding:75px 22px}.promise{gap:35px}.feature-card{grid-template-columns:1fr}.feature-image{min-height:330px}.feature-text{padding:38px 30px}.section-head{display:block}.flavour-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px}.flavour-card{min-width:78vw;scroll-snap-align:center}.science{padding:80px 22px;min-height:auto}.science-visual{height:510px}.science-visual>img{width:72%}.science-step{width:130px}.texture{gap:36px}.texture-image{height:430px}.stat-row strong{font-size:34px}.shop{padding:80px 22px}.shop-products{height:300px}.shop-products img{height:100%;width:34%;margin-left:-13%}footer{grid-template-columns:1fr}footer div{justify-content:start}footer small{grid-column:auto}.cursor-glow{display:none}}

/* Version 2: cinematic product film */
.cinematic-film{height:170vh;position:relative;background:#00120d;color:#fff}.film-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;align-items:center}.film-video{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;filter:saturate(1.08) contrast(1.08) brightness(.78);transform:scale(1.03);transition:filter .5s}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,18,13,.92) 0%,rgba(0,18,13,.62) 38%,rgba(0,18,13,.12) 72%,rgba(0,18,13,.3) 100%),linear-gradient(0deg,rgba(0,10,7,.7),transparent 45%)}.film-grain{position:absolute;inset:0;opacity:.1;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.film-copy{position:relative;z-index:3;width:min(640px,86vw);margin-left:6vw}.film-copy h2{font:700 clamp(64px,7.3vw,128px)/.88 var(--serif);margin:20px 0 28px}.film-copy h2 em{font-style:normal;color:var(--lime)}.film-copy p{max-width:520px;font-size:19px;line-height:1.7;color:#d7e2dc}.film-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.film-caption{position:absolute;z-index:3;right:4.5vw;bottom:4.5vh;text-align:right}.film-caption span,.film-caption small{display:block}.film-caption span{font:700 23px var(--serif)}.film-caption small{margin-top:6px;color:#c5d2cc}.modal-film{display:block;width:100%;max-height:65vh;object-fit:contain;background:#00120d;border-radius:20px;margin-top:24px}.film-modal-card{width:min(920px,100%)}
@media(max-width:720px){.cinematic-film{height:135vh}.film-video{inset:0;width:100%;height:100%;object-position:center}.film-shade{background:linear-gradient(0deg,rgba(0,18,13,.94) 0%,rgba(0,18,13,.58) 60%,rgba(0,18,13,.15) 100%)}.film-copy{align-self:end;margin:0 22px 12vh;width:auto}.film-copy h2{font-size:52px}.film-copy p{font-size:16px}.film-caption{display:none}.film-actions .btn{width:100%;justify-content:center}.film-modal-card{padding:26px 18px}}


/* Version 2.1 — faithful white packaging and consistent flavour fronts */
.flavour-card{
  background:linear-gradient(180deg,#ffffff 0%,#faf9f5 100%)!important;
  border:1px solid rgba(4,58,44,.08);
}
.flavour-card img{
  width:92%;
  height:300px;
  filter:drop-shadow(0 20px 18px rgba(0,0,0,.14));
}
.hero-pack{
  width:min(70%,560px);
  filter:drop-shadow(0 50px 42px rgba(0,0,0,.42));
}
.shop-products img{
  filter:drop-shadow(0 35px 30px rgba(0,0,0,.38));
}
@media(max-width:720px){
  .flavour-card img{height:310px;width:88%}
}

/* Version 2.2 — immersive flavour destination sections */
.flavour-card a{appearance:none;border:0;background:transparent;color:var(--ink);font:700 14px var(--sans);padding:0;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:gap .25s,color .25s}
.flavour-card:hover a{gap:14px;color:#4e8500}
.flavour-card{transition:transform .35s,box-shadow .35s,border-color .35s}
.flavour-card:hover{transform:translateY(-10px);box-shadow:0 28px 55px rgba(15,45,33,.12);border-color:rgba(109,165,0,.25)}
.flavour-card:hover img{transform:translateY(-7px) scale(1.025)}
.flavour-card img{transition:transform .4s}
.flavour-experiences{background:#061f17}
.flavour-experience{min-height:92vh;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(480px,1.15fr);align-items:center;gap:5vw;padding:110px 7vw;position:relative;overflow:hidden;isolation:isolate;color:#fff;scroll-margin-top:78px}
.flavour-experience.reverse{grid-template-columns:minmax(480px,1.15fr) minmax(320px,.85fr)}
.flavour-experience.reverse .experience-copy{order:2}.flavour-experience.reverse .experience-visual{order:1}
.flavour-experience:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 72% 48%,rgba(255,255,255,.14),transparent 28%),linear-gradient(120deg,rgba(0,0,0,.38),transparent 58%)}
.flavour-experience:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(110px);opacity:.38;right:-170px;bottom:-220px;z-index:-1;background:currentColor}
.mango-world{background:linear-gradient(135deg,#1d2b09,#6f4b05 58%,#c3830c);color:#efb321}
.pineapple-world{background:linear-gradient(135deg,#fff8d6,#f5d764 55%,#e7a622);color:#745800}
.guava-world{background:linear-gradient(135deg,#062b20,#235d42 58%,#70a64d);color:#b9dc78}
.banana-world{background:linear-gradient(135deg,#fff9e9,#f5e2ae 58%,#d3ad58);color:#73521e}
.jackfruit-world{background:linear-gradient(135deg,#2e1907,#704008 56%,#d88913);color:#ffc04a}
.pineapple-world,.banana-world{color:var(--ink)}
.experience-copy{position:relative;z-index:3;max-width:610px}
.experience-copy .eyebrow{color:currentColor}.experience-copy .eyebrow.dark{color:#466000}
.experience-copy h2{font:700 clamp(58px,6.5vw,112px)/.9 var(--serif);letter-spacing:-.035em;margin:18px 0 28px;color:#fff}
.pineapple-world .experience-copy h2,.banana-world .experience-copy h2{color:#153124}
.experience-copy p{font-size:19px;line-height:1.75;max-width:590px;color:rgba(255,255,255,.82)}
.pineapple-world .experience-copy p,.banana-world .experience-copy p{color:rgba(16,38,29,.76)}
.experience-tags{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 38px}
.experience-tags span{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:10px 15px;background:rgba(255,255,255,.08);font-size:13px;font-weight:700;backdrop-filter:blur(8px)}
.pineapple-world .experience-tags span,.banana-world .experience-tags span{border-color:rgba(16,38,29,.18);background:rgba(255,255,255,.4)}
.experience-visual{height:min(72vh,720px);min-height:520px;position:relative;border-radius:38px;overflow:hidden;background:#f7f5ed;box-shadow:0 50px 90px rgba(0,0,0,.32)}
.experience-fruit{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.03)}
.experience-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 42%),linear-gradient(0deg,rgba(0,0,0,.16),transparent 45%)}
.experience-pack{position:absolute;z-index:2;right:4%;bottom:-2%;width:48%;height:86%;object-fit:contain;filter:drop-shadow(0 32px 30px rgba(0,0,0,.35));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.flavour-experience.reverse .experience-pack{right:auto;left:4%}
.experience-visual:hover .experience-pack{transform:translateY(-10px) rotate(2deg) scale(1.025)}
@media(max-width:1000px){.flavour-experience,.flavour-experience.reverse{grid-template-columns:1fr;min-height:auto;padding:90px 6vw;gap:48px}.flavour-experience.reverse .experience-copy,.flavour-experience.reverse .experience-visual{order:initial}.experience-visual{height:610px}}
@media(max-width:720px){.flavour-experience,.flavour-experience.reverse{padding:74px 22px}.experience-copy h2{font-size:53px}.experience-copy p{font-size:16px}.experience-visual{height:480px;min-height:0;border-radius:24px}.experience-pack{width:56%;height:84%;right:-2%}.flavour-experience.reverse .experience-pack{left:-2%}.experience-tags{margin:24px 0 30px}}

/* Refined floating navigation and transparent brand mark */
.nav-wrap{
  top:0;
  left:0;
  width:100%;
  transition:top .35s ease,left .35s ease,width .35s ease,height .35s ease,padding .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease,border-radius .35s ease;
  border:1px solid transparent;
}
.brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  padding:0;
  border-radius:0;
  background:transparent;
}
.brand img,footer img{
  width:185px;
  height:auto;
  max-height:58px;
  object-fit:contain;
  mix-blend-mode:normal;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.16));
  transition:width .35s ease,filter .35s ease,transform .35s ease;
}
.brand:hover img{transform:translateY(-1px);filter:drop-shadow(0 7px 16px rgba(0,0,0,.22))}
.nav-wrap.scrolled{
  top:12px;
  left:2.2vw;
  width:95.6vw;
  height:68px;
  padding:0 24px;
  border-radius:22px;
  background:rgba(0,28,21,.78);
  border-color:rgba(255,255,255,.10);
  box-shadow:0 14px 38px rgba(0,13,10,.24);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
}
.nav-wrap.scrolled .brand img{width:158px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.22))}
.nav-wrap.scrolled .desktop-nav a{color:rgba(255,255,255,.92)}
.nav-wrap.scrolled .icon-btn,.nav-wrap.scrolled .menu-btn{color:#fff}
footer img{width:180px}
@media(max-width:720px){
  .brand img{width:142px;max-height:48px}
  .nav-wrap.scrolled{top:8px;left:10px;width:calc(100% - 20px);height:58px;padding:0 14px;border-radius:18px}
  .nav-wrap.scrolled .brand img{width:126px}
}


/* Version 2.4 — premium golden floating fruit */
.hero .fruit-piece{
  overflow:visible;
  width:clamp(105px,10vw,165px);
  height:auto;
  filter:
    drop-shadow(0 18px 18px rgba(0,0,0,.38))
    drop-shadow(0 0 18px rgba(255,181,38,.16));
  opacity:.98;
}
.hero .fruit-piece img{
  width:100%;
  height:auto;
  object-fit:contain;
  transform:none;
  filter:saturate(1.12) contrast(1.08) brightness(1.04);
}
.hero .fp1{left:3%;top:16%;transform:rotate(-14deg)}
.hero .fp2{right:1%;top:23%;transform:rotate(17deg)}
.hero .fp3{right:10%;bottom:10%;transform:rotate(-7deg)}
.hero .crumbs{
  background-image:
    radial-gradient(circle, rgba(255,205,82,.95) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(224,141,20,.72) 0 1.2px, transparent 2px);
  background-size:39px 35px,57px 49px;
  background-position:0 0,19px 13px;
  opacity:.22;
  filter:none;
}
@media(max-width:720px){
  .hero .fruit-piece{width:82px}
}


/* Version 2.5 — landing page rebuilt to match the approved premium concept */
.anchor-offset{display:block;scroll-margin-top:90px}
.nav-wrap{height:76px;padding:0 5vw;background:linear-gradient(180deg,rgba(0,10,7,.92),rgba(0,10,7,.22) 72%,transparent);backdrop-filter:none}
.brand img{width:178px;max-height:54px}
.desktop-nav{gap:38px}
.desktop-nav a{font-size:14px}
.nav-actions{gap:18px}.icon-btn{width:28px;height:28px;padding:2px;display:grid;place-items:center}.icon-btn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.menu-btn{display:none}
.hero{min-height:100vh;grid-template-columns:42% 50% 8%;padding:102px 4.2vw 28px;background:radial-gradient(circle at 72% 42%,#133f27 0,#071d14 33%,#020b08 69%,#010705 100%)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 48%),radial-gradient(circle at 75% 80%,rgba(139,101,27,.18),transparent 30%);z-index:0}
.hero:after{height:17%;background:linear-gradient(transparent,rgba(0,0,0,.5))}
.hero-noise{opacity:.045}.orb-a{background:#4f7c13;opacity:.18;right:16%;top:22%}.orb-b{background:#b3780a;opacity:.18;right:22%;bottom:-18%}
.hero-copy{padding-left:6.5vw}.hero h1{font-size:clamp(76px,7.05vw,122px);letter-spacing:-.045em;margin:14px 0 24px}.hero-copy>p{font-size:17px;line-height:1.52;max-width:470px;color:#f0f2f0}.hero-cta{margin:27px 0 0}.hero .btn{padding:13px 22px}.hero .btn.ghost{border-color:transparent;padding-left:2px}.hero .btn.ghost .play{width:43px;height:43px;margin-right:2px}.benefits{display:none}
.hero-stage{height:79vh;align-self:end}.hero-stage:after{content:"";position:absolute;left:11%;right:-2%;bottom:0;height:13%;background:linear-gradient(180deg,#302a20,#161511);clip-path:polygon(10% 0,92% 0,100% 100%,0 100%);filter:drop-shadow(0 -7px 18px rgba(0,0,0,.45));z-index:-1}.hero-pack{width:min(66%,520px);max-height:80%;transform:rotate(0deg);animation:floatSoft 5.8s ease-in-out infinite;filter:drop-shadow(0 44px 34px rgba(0,0,0,.5))}.product-halo{width:62%;background:radial-gradient(circle,rgba(160,190,60,.12),transparent 67%)}
.hero .fruit-piece{width:clamp(90px,8.3vw,140px)}.hero .fp1{left:2%;top:18%;transform:rotate(-16deg)}.hero .fp2{right:1%;top:21%;transform:rotate(16deg)}.hero .fp3{right:8%;bottom:13%;transform:rotate(-8deg)}.hero .crumbs{opacity:.30;background-size:31px 29px,47px 42px;mask-image:radial-gradient(circle at 56% 48%,black 0 36%,transparent 75%)}
.hero-index{position:absolute;left:4.2vw;top:46%;transform:translateY(-50%);z-index:4;justify-items:start}.hero-index strong{font-size:18px}.dots{gap:12px}.dot{width:8px;height:8px}.dot.active{height:8px;background:#fff;box-shadow:0 0 0 3px rgba(145,208,0,.2)}
.social-rail{position:absolute;right:2.7vw;top:48%;transform:translateY(-50%);z-index:4;display:grid;gap:22px}.social-rail a{color:#fff;text-decoration:none;font-weight:700;font-size:18px;width:24px;text-align:center;opacity:.92}.scroll-hint{bottom:26px;left:49%;font-size:10px;color:#d3dbd6}.scroll-hint span{font-size:16px}
@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

.cinematic-film{height:42vh;min-height:310px;background:#150b04}.film-sticky{position:relative;height:100%;min-height:310px;display:block}.film-video{inset:0;width:100%;height:100%;object-position:center 46%;transform:scale(1.02);filter:saturate(1.12) contrast(1.08) brightness(.68)}.film-shade{background:linear-gradient(90deg,rgba(18,8,2,.94) 0%,rgba(23,10,3,.76) 30%,rgba(15,5,1,.1) 58%,rgba(8,3,1,.36) 100%),linear-gradient(0deg,rgba(7,2,0,.38),transparent 55%)}.film-grain{opacity:.055}.film-copy{position:absolute;left:7.5vw;top:50%;transform:translateY(-50%);margin:0;width:min(420px,40vw)}.film-copy .eyebrow{font-size:10px}.film-copy h2{font-size:clamp(42px,4.4vw,72px);line-height:.94;margin:13px 0 12px}.film-copy h2 em{color:#fff}.film-copy p{font-size:14px;color:#fff;margin:0}.film-actions{margin-top:18px}.story-play{border:0;background:transparent;color:#fff;font:600 13px var(--sans);display:flex;align-items:center;gap:10px;cursor:pointer}.story-play span{width:38px;height:38px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center;font-size:10px}.film-index{position:absolute;right:3.2vw;top:50%;transform:translateY(-50%);z-index:3;color:var(--lime);display:grid;justify-items:center;gap:9px}.film-index strong{font-size:18px}.film-index i{width:7px;height:7px;background:#fff;border-radius:50%}.sound-toggle{position:absolute;right:3.2vw;bottom:22px;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.15);color:#fff;font-size:22px}.film-caption{display:none}

.flavours{background:#f7f5ef;padding-top:28px;padding-bottom:34px}.section-head{position:relative;justify-content:center;text-align:center;margin-bottom:10px;align-items:center}.flavour-title .eyebrow{font-size:10px}.flavour-title h2{font-size:clamp(36px,3.6vw,58px);margin:4px 0 2px;line-height:1;color:#123526}.flavour-title p{font-size:12px;margin:0 auto;color:#344e42}.flavour-view{position:absolute;right:0;top:50%;transform:translateY(-50%);padding:10px 18px;font-size:12px;background:rgba(255,255,255,.6)}.flavour-grid{gap:6px;align-items:end}.flavour-card{background:transparent!important;border:0!important;border-radius:0;padding:0 6px 2px;min-height:330px;box-shadow:none!important;overflow:visible}.flavour-card:hover{transform:translateY(-5px);box-shadow:none}.flavour-card img{width:100%;height:270px;filter:drop-shadow(0 18px 12px rgba(0,0,0,.14))}.flavour-card h3{font:600 16px var(--sans);margin:4px 0 0;color:#111}.flavour-card a{font-size:0;height:8px;margin-top:2px}.flavour-card a:after{content:"";display:block;width:28px;height:2px;background:#92c520;transition:width .25s}.flavour-card:hover a:after{width:46px}.flavour-card p{display:none}

@media(max-width:1050px){.desktop-nav{gap:20px}.hero-copy{padding-left:4vw}.hero h1{font-size:74px}.flavour-card img{height:230px}}
@media(max-width:820px){.desktop-nav{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding:105px 22px 44px}.hero-copy{padding-left:0;text-align:center}.hero-copy>p{margin-inline:auto}.hero-cta{justify-content:center}.hero-stage{height:520px}.hero-index{left:18px;top:64%}.social-rail{display:none}.scroll-hint{display:none}.cinematic-film{height:58vh}.film-copy{left:24px;width:75vw}.flavours{padding:30px 18px}.flavour-view{position:static;transform:none;margin-top:12px}.section-head{display:flex;flex-direction:column}.flavour-grid{grid-template-columns:repeat(2,1fr);gap:24px}.flavour-card{min-height:360px}.flavour-card img{height:300px}}
@media(max-width:520px){.hero h1{font-size:58px}.hero-stage{height:430px}.hero-pack{width:76%}.hero .fruit-piece{width:70px}.flavour-grid{grid-template-columns:1fr}.flavour-card{min-height:430px}.flavour-card img{height:370px}.cinematic-film{height:64vh}.film-copy h2{font-size:48px}}


/* Version 2.6 — naturally shaped, clean golden mango pieces */
.hero .fruit-piece{
  width:clamp(94px,8.7vw,150px);
  height:auto;
  overflow:visible;
  opacity:1;
  z-index:3;
  filter:drop-shadow(0 18px 16px rgba(0,0,0,.42)) drop-shadow(0 0 14px rgba(241,151,25,.16));
  will-change:transform;
}
.hero .fruit-piece img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  transform:none;
  filter:saturate(1.06) contrast(1.04) brightness(1.03);
}
.hero .fp1{left:4%;top:15%;transform:rotate(-18deg);animation-delay:-.6s}
.hero .fp2{right:0%;top:17%;transform:rotate(18deg);animation-delay:-1.5s}
.hero .fp3{left:8%;bottom:18%;transform:rotate(12deg);animation-delay:-2.5s}
.hero .fp4{right:4%;bottom:25%;transform:rotate(-14deg);animation-delay:-3.4s}
.hero .crumbs{
  background-image:
    radial-gradient(circle,rgba(255,185,47,.95) 0 1px,transparent 1.7px),
    radial-gradient(circle,rgba(225,121,18,.72) 0 1.15px,transparent 1.9px);
  background-size:34px 31px,53px 47px;
  opacity:.25;
  filter:none;
  mask-image:radial-gradient(circle at 55% 47%,black 0 32%,transparent 73%);
}
@media(max-width:720px){
  .hero .fruit-piece{width:72px}
  .hero .fp1{left:0;top:16%}.hero .fp2{right:-2%;top:20%}.hero .fp3{left:2%;bottom:18%}
  .hero .fp4{right:1%;bottom:26%}
}

/* Version 2.7 — international markets and geo-aware experience */
.region-trigger{display:flex;align-items:center;gap:.38rem;min-height:40px;padding:.45rem .68rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);color:#fff;font:600 .72rem/1 "DM Sans",sans-serif;cursor:pointer;backdrop-filter:blur(12px);transition:.25s ease}
.region-trigger:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}
.region-flag{font-size:1rem}.region-currency{opacity:.62}.region-chevron{font-size:.8rem;opacity:.7}
.global-market{background:#f3f0e8;color:#102c22;display:grid;gap:2.1rem}
.global-copy{max-width:720px}.global-copy h2{font-family:"Playfair Display",serif;font-size:clamp(2.7rem,5vw,5.8rem);line-height:.94;margin:.5rem 0 1rem}.global-copy p{max-width:670px;color:#587065}
.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.market-card{position:relative;text-align:left;padding:1.35rem;border:1px solid rgba(8,60,50,.15);border-radius:22px;background:rgba(255,255,255,.56);color:#12352a;cursor:pointer;transition:.25s ease;min-height:150px}
.market-card:hover,.market-card.active{transform:translateY(-4px);border-color:#78a900;background:#fff;box-shadow:0 18px 40px rgba(27,58,46,.09)}
.market-card.active:after{content:"Selected";position:absolute;right:1rem;top:1rem;background:#e8f5c7;color:#386000;padding:.3rem .55rem;border-radius:999px;font-size:.65rem;font-style:normal}
.market-card span{font-size:1.8rem;display:block;margin-bottom:1.1rem}.market-card strong,.market-card small,.market-card em{display:block}.market-card strong{font-size:1rem}.market-card small{color:#6c7c74;margin-top:.3rem}.market-card em{font-style:normal;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#78a900;margin-top:.7rem}
.market-status{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:#0b3127;color:#fff;border-radius:18px}
.status-dot{width:10px;height:10px;border-radius:50%;background:#9bd10e;box-shadow:0 0 0 6px rgba(155,209,14,.15)}
.market-status p{display:grid;gap:.2rem;margin:0;flex:1}.market-status p span{color:rgba(255,255,255,.65);font-size:.82rem}.text-button{border:0;background:transparent;color:#b9e44f;font-weight:700;cursor:pointer}
.localized-shop{display:grid;gap:.8rem;width:min(620px,100%)}
.mini-product{display:grid;grid-template-columns:86px 1fr 44px;align-items:center;gap:1rem;padding:.7rem 1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);border-radius:20px}
.mini-product img{width:76px;height:92px;object-fit:contain;filter:drop-shadow(0 8px 9px rgba(0,0,0,.2))}
.mini-product div{display:grid;gap:.25rem}.mini-product div span{color:rgba(255,255,255,.7)}.mini-product div strong{font-size:1.08rem}
.mini-product button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:1.35rem;cursor:pointer}.mini-product button:hover{background:#9bd10e;color:#0b241c}
.delivery-chip{display:inline-flex;align-items:center;gap:.6rem;margin-top:1rem;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.78rem}.delivery-chip span{color:#a7dc20}
.region-panel{position:fixed;inset:0;z-index:1200;visibility:hidden;pointer-events:none}.region-panel.open{visibility:visible;pointer-events:auto}
.region-backdrop{position:absolute;inset:0;border:0;background:rgba(0,15,10,.65);opacity:0;transition:.3s;backdrop-filter:blur(5px)}.region-panel.open .region-backdrop{opacity:1}
.region-drawer{position:absolute;right:0;top:0;height:100%;width:min(470px,100%);padding:2rem;background:#f6f4ee;color:#143229;transform:translateX(102%);transition:.35s cubic-bezier(.22,.8,.2,1);overflow-y:auto}.region-panel.open .region-drawer{transform:none}
.region-drawer-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.region-drawer h2{font-family:"Playfair Display",serif;font-size:2.4rem;margin:.4rem 0}.drawer-close{border:0;background:#e6e7e1;width:42px;height:42px;border-radius:50%;font-size:1.4rem;cursor:pointer}
.region-drawer>p{color:#66766f;line-height:1.55}.region-options{display:grid;gap:.7rem;margin:1.5rem 0}
.region-options button{display:grid;grid-template-columns:42px 1fr 24px;align-items:center;text-align:left;gap:.8rem;padding:1rem;border:1px solid #d8ddd7;border-radius:16px;background:#fff;color:#17352c;cursor:pointer}
.region-options button>span{font-size:1.4rem}.region-options button div{display:grid;gap:.2rem}.region-options button small{color:#738078}.region-options button i{font-style:normal;opacity:0;color:#6b9700}
.region-options button.active{border-color:#7faf09;box-shadow:0 0 0 3px rgba(127,175,9,.12)}.region-options button.active i{opacity:1}
.language-setting{display:grid;gap:.5rem;margin:1rem 0 1.5rem}.language-setting select{border:1px solid #d4d9d2;border-radius:13px;padding:.85rem;background:#fff;font:inherit}
.region-save{width:100%;justify-content:center}.privacy-note{display:block;text-align:center;margin-top:.8rem;color:#849087}
.geo-prompt{position:fixed;z-index:1150;left:50%;bottom:24px;transform:translate(-50%,20px);width:min(720px,calc(100% - 28px));display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.9rem;padding:1rem 1.2rem;background:#fff;color:#17352c;border-radius:18px;box-shadow:0 22px 70px rgba(0,20,14,.28);opacity:0;animation:geoIn .45s .4s forwards}
.geo-prompt[hidden]{display:none}.geo-prompt>span{font-size:1.8rem}.geo-prompt div{display:grid;gap:.2rem}.geo-prompt small{color:#6a7a72}.geo-prompt button{border:0;border-radius:999px;padding:.7rem .95rem;font-weight:700;cursor:pointer}.geo-prompt button:first-of-type{background:#83b500;color:#fff}.geo-prompt button:last-child{background:#edf0ea;color:#264438}
@keyframes geoIn{to{opacity:1;transform:translate(-50%,0)}}
.site-toast{position:fixed;right:22px;bottom:22px;z-index:1300;padding:.85rem 1rem;border-radius:14px;background:#102e25;color:#fff;box-shadow:0 15px 45px rgba(0,0,0,.22);opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.site-toast.show{opacity:1;transform:none}
html[dir="rtl"] body{direction:rtl}html[dir="rtl"] .hero-copy,html[dir="rtl"] .shop-copy,html[dir="rtl"] .global-copy{text-align:right}html[dir="rtl"] .region-drawer{right:auto;left:0;transform:translateX(-102%)}html[dir="rtl"] .region-panel.open .region-drawer{transform:none}html[dir="rtl"] .market-card,html[dir="rtl"] .region-options button{text-align:right}
@media(max-width:980px){.region-code,.region-currency,.region-chevron{display:none}.region-trigger{padding:.4rem}.market-grid{grid-template-columns:1fr}}
@media(max-width:680px){.geo-prompt{grid-template-columns:auto 1fr}.geo-prompt button:first-of-type,.geo-prompt button:last-child{grid-column:1/3}.market-status{align-items:flex-start;flex-wrap:wrap}.market-status .text-button{width:100%;text-align:left;padding:.4rem 0}.mini-product{grid-template-columns:70px 1fr 40px}.mini-product img{width:62px;height:78px}}

/* Version 3.0 — stable premium global and local-social experience */
.premium-region-trigger{min-width:185px;justify-content:flex-start;gap:.48rem;padding:.55rem .78rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.country-orb{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(166,215,48,.13);color:#bce957;font-weight:800}.region-country{font-size:.72rem;font-weight:700;white-space:nowrap}.region-separator{opacity:.35}.premium-region-trigger .region-currency{opacity:.72}.premium-region-trigger .region-chevron{margin-left:auto}
.market-contact-preview{display:grid;gap:.18rem;margin-top:.9rem;padding-top:.75rem;border-top:1px solid rgba(15,58,45,.1);font-size:.68rem;color:#64766e}.market-card.active .market-contact-preview{color:#426258}
.market-initial{display:grid!important;place-items:center;width:40px;height:40px;margin:0!important;border-radius:50%;background:#eaf1df;color:#3f6515;font-size:.7rem!important;font-weight:800}.region-options button.active .market-initial{background:#163b2d;color:#c8eb6b}
.regional-contact{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,5vw,6rem);align-items:center;background:#0c3026;color:#fff}.regional-contact-copy h2{font-family:"Playfair Display",serif;font-size:clamp(3rem,5vw,6rem);line-height:.95;margin:.5rem 0 1rem}.regional-contact-copy p{max-width:550px;color:rgba(255,255,255,.68)}
.regional-contact-card{padding:clamp(1.3rem,3vw,2.4rem);border:1px solid rgba(255,255,255,.14);border-radius:26px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px)}.contact-market{display:block;color:#a8d93c;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:800}.contact-email{display:block;margin:.8rem 0 1.4rem;color:#fff;font-family:"Playfair Display",serif;font-size:clamp(1.35rem,3vw,2.3rem);text-decoration:none;overflow-wrap:anywhere}.regional-socials{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.regional-socials a{display:grid;gap:.22rem;padding:1rem;border-radius:16px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none}.regional-socials a span{color:rgba(255,255,255,.55);font-size:.72rem}.regional-socials a strong{font-size:.88rem}.regional-socials a[hidden]{display:none}.regional-contact-card>small{color:rgba(255,255,255,.55)}
.global-footer{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2rem;padding:4rem clamp(1.5rem,5vw,6rem);background:#071f18;color:#fff}.footer-brand img{width:140px}.footer-brand p{max-width:250px;color:rgba(255,255,255,.6)}.footer-links{display:grid;align-content:start;gap:.65rem}.footer-links strong{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#a8d93c}.footer-links a,.footer-links button{padding:0;border:0;background:transparent;text-align:left;color:rgba(255,255,255,.72);text-decoration:none;font:inherit;cursor:pointer}.footer-links a:hover,.footer-links button:hover{color:#fff}.global-footer>small{grid-column:1/-1;color:rgba(255,255,255,.38);padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}
@media(max-width:1050px){.premium-region-trigger{min-width:auto}.region-country{display:none}.region-separator{display:none}.global-footer{grid-template-columns:1fr 1fr}.regional-contact{grid-template-columns:1fr}}
@media(max-width:680px){.premium-region-trigger .region-currency,.premium-region-trigger .region-chevron{display:none}.premium-region-trigger{padding:.35rem}.regional-socials{grid-template-columns:1fr}.global-footer{grid-template-columns:1fr}.global-footer>small{grid-column:1}.regional-contact-card{padding:1.1rem}}


/* Version 3.1 — global presence, regional offices and dynamic contact system */
.global-presence{
  background:#f2efe7;
  color:#123229;
  display:grid;
  gap:2.2rem;
  overflow:hidden;
}
.global-presence-head{max-width:840px}
.global-presence-head h2{
  font-family:"Playfair Display",serif;
  font-size:clamp(2.9rem,5.4vw,6.4rem);
  line-height:.93;
  margin:.55rem 0 1rem;
}
.global-presence-head p{max-width:760px;color:#5c7168;font-size:1.02rem;line-height:1.7}

.journey-stage{
  position:relative;
  min-height:570px;
  border-radius:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 43%,rgba(127,174,12,.16),transparent 25%),
    radial-gradient(circle at 15% 10%,rgba(255,255,255,.08),transparent 24%),
    linear-gradient(145deg,#071b14,#0b3126 55%,#0a241c);
  box-shadow:0 28px 80px rgba(11,43,33,.18);
}
.journey-stage:after{
  content:"";
  position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(190,224,100,.25) 0 1px,transparent 1.6px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);
  opacity:.16;
}
.journey-globe{
  position:absolute;
  left:50%;top:50%;
  width:min(430px,54vw);aspect-ratio:1;
  transform:translate(-50%,-52%);
  border-radius:50%;
  border:1px solid rgba(191,226,114,.22);
  background:
    radial-gradient(circle at 35% 26%,rgba(255,255,255,.22),transparent 16%),
    radial-gradient(circle at 65% 66%,rgba(137,188,37,.24),transparent 28%),
    linear-gradient(145deg,rgba(32,88,67,.74),rgba(5,35,26,.85));
  box-shadow:inset -40px -30px 70px rgba(0,0,0,.35),0 0 90px rgba(114,167,21,.12);
}
.globe-line{position:absolute;inset:13%;border:1px solid rgba(196,229,124,.2);border-radius:50%}
.line-a{transform:rotate(90deg) scaleX(.44)}
.line-b{transform:rotate(25deg) scaleX(.55)}
.line-c{transform:rotate(-35deg) scaleY(.48)}
.globe-shine{position:absolute;inset:9%;border-radius:50%;border-top:1px solid rgba(255,255,255,.25);transform:rotate(-18deg)}
.route{position:absolute;height:2px;transform-origin:left center;z-index:3}
.route:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(171,220,62,.08),#b4df4d,rgba(171,220,62,.1));
  box-shadow:0 0 18px rgba(174,220,61,.65);
}
.route span{position:absolute;width:8px;height:8px;border-radius:50%;background:#d4f580;top:-3px;animation:routeTravel 3.5s linear infinite;box-shadow:0 0 14px #c4ee65}
.route-uae{left:30%;top:54%;width:29%;transform:rotate(-17deg)}
.route-usa{left:29%;top:54%;width:44%;transform:rotate(19deg)}
.route-usa span{animation-delay:1.5s}
@keyframes routeTravel{from{left:0;opacity:0}12%{opacity:1}88%{opacity:1}to{left:100%;opacity:0}}

.journey-node{
  position:absolute;z-index:5;
  display:grid;gap:.15rem;
  min-width:145px;padding:1rem 1.05rem;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;background:rgba(6,33,24,.68);color:#fff;text-align:left;
  backdrop-filter:blur(14px);cursor:pointer;transition:.25s ease;
}
.journey-node:hover,.journey-node.active{transform:translateY(-5px);border-color:#a9d83b;background:rgba(12,53,39,.92)}
.journey-node small{color:#a9d83b;text-transform:uppercase;letter-spacing:.1em;font-size:.57rem}
.journey-node strong{font-family:"Playfair Display",serif;font-size:1.3rem}
.journey-node em{font-style:normal;color:rgba(255,255,255,.6);font-size:.72rem}
.node-pulse{position:absolute;left:-10px;top:50%;width:14px;height:14px;border-radius:50%;background:#a9d83b;box-shadow:0 0 0 7px rgba(169,216,59,.14)}
.origin{left:8%;top:44%}.dubai{right:8%;top:24%}.sheridan{right:7%;bottom:14%}
.journey-caption{position:absolute;left:4%;bottom:5%;z-index:4;color:#fff;max-width:330px}
.journey-caption span{color:#a9d83b;text-transform:uppercase;letter-spacing:.14em;font-size:.64rem;font-weight:800}
.journey-caption p{color:rgba(255,255,255,.64);line-height:1.55}

.global-presence .market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.global-presence .market-card .market-code{
  display:grid;place-items:center;width:42px;height:42px;border-radius:50%;
  background:#e5edd5;color:#3e6411;font-size:.68rem;font-weight:900;letter-spacing:.08em;margin-bottom:1rem;
}
.global-presence .market-card.active .market-code{background:#173b2d;color:#c4ea67}

.regional-contact{
  background:#fbfaf6;color:#17362c;
  display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center;
}
.regional-contact-copy h2{
  font-family:"Playfair Display",serif;
  font-size:clamp(3rem,5vw,5.8rem);line-height:.95;margin:.55rem 0 1rem;
}
.regional-contact-copy>p{max-width:620px;color:#687970;line-height:1.65}
.office-identity{display:grid;gap:.22rem;margin:1.7rem 0;padding-left:1rem;border-left:3px solid #8db923}
.office-identity small{text-transform:uppercase;letter-spacing:.12em;color:#7a9e1f;font-weight:800;font-size:.65rem}
.office-identity strong{font-size:1.05rem}.office-identity span{color:#66766f}
.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.contact-action{display:grid;gap:.18rem;padding:1rem 1.05rem;border-radius:16px;text-decoration:none;transition:.25s ease}
.contact-action span{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.primary-contact{background:#173a2d;color:#fff}
.whatsapp-contact{background:#e9f4db;color:#24562c;border:1px solid #d2e5ba}
.contact-action:hover{transform:translateY(-3px)}
.regional-social{padding:1.25rem;border-radius:28px;background:#102f25;color:#fff;box-shadow:0 25px 70px rgba(12,48,36,.16)}
.local-market-badge{display:flex;align-items:center;gap:.9rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}
.local-market-badge>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#b0dd45;color:#17382c;font-weight:900}
.local-market-badge div{display:grid}.local-market-badge small{color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.1em;font-size:.6rem}
.local-market-badge strong{font-family:"Playfair Display",serif;font-size:1.45rem}
.social-contact-list{display:grid;gap:.65rem;padding:1rem 0}
.social-contact-list>a,.pending-social{display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:.8rem;padding:.8rem;border-radius:14px;color:#fff;text-decoration:none;background:rgba(255,255,255,.06)}
.social-contact-list>a:hover{background:rgba(255,255,255,.11)}
.social-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(185,229,78,.14);color:#c2ec5e;font-weight:800}
.social-contact-list div div{display:grid}.social-contact-list small{color:rgba(255,255,255,.55)}.social-contact-list b{font-weight:400;color:#bce650}
.office-note{padding:1rem;background:rgba(255,255,255,.05);border-radius:16px}
.office-note span{color:#b8e04f;text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;font-weight:800}.office-note p{color:rgba(255,255,255,.62);font-size:.82rem;line-height:1.55}

.global-footer{background:#071b14;color:#fff;padding:4rem max(5vw,28px) 1.5rem}
.footer-brand{display:grid;gap:.9rem;max-width:330px}.footer-brand img{width:160px}.footer-brand p{color:rgba(255,255,255,.62)}
.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin:3rem 0}
.footer-columns>div{display:grid;align-content:start;gap:.7rem}.footer-columns span{color:#b8df51;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;font-weight:800}
.footer-columns a,.footer-columns button{border:0;background:transparent;color:rgba(255,255,255,.72);text-decoration:none;text-align:left;padding:0;font:inherit;cursor:pointer}
.footer-columns a:hover,.footer-columns button:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:1rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.1)}
.footer-bottom small,.footer-bottom a{color:rgba(255,255,255,.46);text-decoration:none}

@media(max-width:980px){
  .journey-stage{min-height:620px}.origin{left:6%;top:42%}.dubai{right:4%;top:18%}.sheridan{right:4%;bottom:10%}
  .regional-contact{grid-template-columns:1fr;gap:2rem}
  .footer-columns{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .journey-stage{min-height:720px}.journey-globe{width:360px;max-width:88vw;top:39%}
  .journey-node{min-width:126px;padding:.8rem}.origin{left:7%;top:47%}.dubai{right:4%;top:16%}.sheridan{right:4%;bottom:15%}
  .journey-caption{left:6%;bottom:4%;max-width:250px}
  .route-uae{left:29%;top:47%;width:40%}.route-usa{left:26%;top:48%;width:48%}
  .global-presence .market-grid{grid-template-columns:1fr}
  .contact-actions{grid-template-columns:1fr}
  .footer-columns{grid-template-columns:1fr 1fr;gap:1.6rem}
  .footer-bottom{flex-direction:column}
}

/* Version 3.1.1 — corrected market selector and stable switching */
.market-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.42rem;
  min-width:112px;
  padding:.58rem .76rem;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
  backdrop-filter:blur(14px);
  cursor:pointer;
  transition:background .2s ease,transform .2s ease,border-color .2s ease;
}
.market-pill:hover{
  background:rgba(255,255,255,.14);
  border-color:rgba(191,229,92,.34);
  transform:translateY(-1px);
}
.market-pill .region-code{
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
}
.market-pill .region-currency{
  font-size:.72rem;
  font-weight:650;
  color:rgba(255,255,255,.72);
}
.market-pill .region-chevron{
  margin-left:.1rem;
  color:#bce45c;
  font-size:.72rem;
}
.nav-wrap.scrolled .market-pill,
.nav.scrolled .market-pill{
  background:rgba(9,42,32,.78);
}
@media(max-width:760px){
  .market-pill{min-width:auto;padding:.48rem .58rem;gap:.32rem}
  .market-pill .region-chevron{display:none}
}

/* Version 3.2 — premium market-aware shop */
.premium-shop{background:#0a251c;color:#fff;display:grid;gap:2rem;overflow:hidden}
.shop-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end}
.shop-heading h2{font-family:"Playfair Display",serif;font-size:clamp(3rem,5.8vw,6.5rem);line-height:.92;margin:.5rem 0 0}
.shop-heading-copy{display:grid;gap:1.2rem}.shop-heading-copy>p{color:rgba(255,255,255,.62);line-height:1.65}
.shop-market-chip{display:flex;align-items:center;gap:.8rem;width:max-content;padding:.62rem .85rem;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.06)}
.shop-market-chip>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#b4dd4e;color:#17382b;font-weight:900;font-size:.68rem}
.shop-market-chip div{display:grid}.shop-market-chip small{color:rgba(255,255,255,.48);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}
.shop-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1)}
.size-legend{display:flex;gap:1rem;flex-wrap:wrap}.size-legend span{color:rgba(255,255,255,.6);font-size:.78rem}.size-legend b{color:#fff}
.shop-cart-button{display:flex;align-items:center;gap:.7rem;border:0;border-radius:999px;padding:.65rem .75rem .65rem 1rem;background:#b1dc45;color:#17382b;font-weight:800;cursor:pointer}
.shop-cart-button strong{display:grid;place-items:center;min-width:29px;height:29px;border-radius:50%;background:#17382b;color:#fff}

.product-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}
.shop-product-card{display:grid;grid-template-columns:44% 56%;min-height:390px;border:1px solid rgba(255,255,255,.11);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.055);transition:.28s ease}
.shop-product-card:hover{transform:translateY(-5px);border-color:rgba(184,226,81,.34);box-shadow:0 28px 60px rgba(0,0,0,.18)}
.shop-product-card:last-child{grid-column:1/-1;grid-template-columns:32% 68%}
.shop-product-visual{position:relative;display:grid;place-items:center;min-height:100%;overflow:hidden}
.shop-product-visual:after{content:"";position:absolute;inset:auto 12% 8%;height:16%;border-radius:50%;background:rgba(0,0,0,.18);filter:blur(18px)}
.shop-product-visual img{position:relative;z-index:2;width:74%;max-height:300px;object-fit:contain;filter:drop-shadow(0 20px 22px rgba(0,0,0,.25));transition:.32s ease}
.shop-product-card:hover .shop-product-visual img{transform:translateY(-7px) rotate(-1deg)}
.mango-shop-bg{background:radial-gradient(circle at 55% 40%,#f5ce66,#d69a2a)}
.pineapple-shop-bg{background:radial-gradient(circle at 55% 40%,#f1d86c,#be9a24)}
.guava-shop-bg{background:radial-gradient(circle at 55% 40%,#d9e7b5,#8ca958)}
.banana-shop-bg{background:radial-gradient(circle at 55% 40%,#f4e8b4,#d3b95e)}
.jackfruit-shop-bg{background:radial-gradient(circle at 55% 40%,#e8bd66,#ac7522)}
.product-badge{position:absolute;left:1rem;top:1rem;z-index:3;padding:.38rem .62rem;border-radius:999px;background:rgba(255,255,255,.8);color:#17362c;font-size:.6rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900;backdrop-filter:blur(8px)}
.shop-product-info{display:flex;flex-direction:column;justify-content:space-between;gap:1.4rem;padding:1.55rem}
.shop-product-info>div:first-child>small{color:#b2dc4d;text-transform:uppercase;letter-spacing:.11em;font-size:.6rem;font-weight:800}
.shop-product-info h3{font-family:"Playfair Display",serif;font-size:2rem;margin:.35rem 0 .55rem}
.shop-product-info p{color:rgba(255,255,255,.58);font-size:.86rem;line-height:1.55}
.shop-product-buy{display:grid;gap:1rem}
.pack-options{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.pack-option{display:flex;justify-content:space-between;gap:.5rem;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:transparent;color:#fff;cursor:pointer}
.pack-option small{color:rgba(255,255,255,.5)}.pack-option.active{border-color:#b2dc4d;background:rgba(178,220,77,.12)}
.pack-option[hidden]{display:none}.pack-option:disabled{opacity:.34;cursor:not-allowed}
.price-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.product-price{font-size:1.12rem}
.add-product{border:0;border-radius:999px;background:#b2dc4d;color:#17382b;padding:.72rem 1rem;font-weight:900;cursor:pointer}
.add-product:hover{background:#c9ee6d}
.fulfilment-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);border-radius:20px;overflow:hidden}
.fulfilment-preview>div{display:grid;gap:.28rem;padding:1.2rem;background:#0d3024}.fulfilment-preview span{color:#acd440;font-size:.65rem;font-weight:900}.fulfilment-preview small{color:rgba(255,255,255,.5)}

.cart-shell,.checkout-shell{position:fixed;inset:0;z-index:1400;visibility:hidden;pointer-events:none}
.cart-shell.open,.checkout-shell.open{visibility:visible;pointer-events:auto}
.cart-backdrop,.checkout-backdrop{position:absolute;inset:0;border:0;background:rgba(0,15,10,.72);backdrop-filter:blur(7px);opacity:0;transition:.3s}
.cart-shell.open .cart-backdrop,.checkout-shell.open .checkout-backdrop{opacity:1}
.cart-drawer{position:absolute;right:0;top:0;width:min(500px,100%);height:100%;padding:1.5rem;background:#f7f5ee;color:#17362c;transform:translateX(102%);transition:.35s cubic-bezier(.22,.8,.2,1);overflow-y:auto}
.cart-shell.open .cart-drawer{transform:none}
.cart-head,.checkout-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.cart-head h2,.checkout-head h2{font-family:"Playfair Display",serif;font-size:2.5rem;margin:.3rem 0}
.cart-market-line{display:flex;align-items:center;gap:.8rem;padding:.85rem;margin:1rem 0;border-radius:14px;background:#e9eedf}.cart-market-line>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#173b2d;color:#c6e96d;font-weight:900}.cart-market-line p{display:grid}.cart-market-line small{color:#718078}
.cart-items{display:grid;gap:.7rem}
.cart-item{display:grid;grid-template-columns:62px 1fr auto;gap:.8rem;align-items:center;padding:.75rem;border:1px solid #dde1da;border-radius:16px;background:#fff}
.cart-item img{width:58px;height:70px;object-fit:contain}.cart-item-info{display:grid;gap:.22rem}.cart-item-info small{color:#78847d}
.cart-item-controls{display:flex;align-items:center;gap:.45rem}.cart-item-controls button{width:28px;height:28px;border-radius:50%;border:1px solid #d5dbd3;background:#fff;cursor:pointer}
.remove-cart-item{border:0!important;color:#8a3c32;background:transparent!important;width:auto!important}
.cart-empty{display:grid;justify-items:center;text-align:center;gap:.5rem;padding:4rem 1rem;color:#738079}.cart-empty>span{font-size:2rem}.cart-empty strong{color:#1c3a30}
.cart-summary{display:grid;gap:1rem;margin-top:1.2rem;padding-top:1.1rem;border-top:1px solid #d9ded7}.cart-summary>div{display:flex;justify-content:space-between;font-size:1.12rem}.cart-summary small{color:#7a867f;line-height:1.5}
.checkout-main-button,.pay-button{border:0;border-radius:999px;padding:.92rem 1rem;background:#7fae08;color:#fff;font-weight:900;cursor:pointer}

.checkout-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%) scale(.98);width:min(1120px,calc(100% - 28px));max-height:92vh;overflow-y:auto;padding:1.7rem;border-radius:28px;background:#f7f5ee;color:#17362c;opacity:0;transition:.3s}
.checkout-shell.open .checkout-panel{opacity:1;transform:translate(-50%,-50%) scale(1)}
.checkout-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:2rem;margin-top:1rem}
.checkout-form-area{display:grid;gap:1rem}.checkout-step{display:flex;align-items:center;gap:.8rem;margin-top:.5rem}.checkout-step>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#173b2d;color:#c4e96b;font-weight:900}.checkout-step div{display:grid}.checkout-step small{color:#75827b}
.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.checkout-fields label:first-child{grid-column:1/-1}.checkout-fields label{display:grid;gap:.35rem;font-size:.72rem;font-weight:800}.checkout-fields input{width:100%;padding:.8rem;border:1px solid #d5dbd3;border-radius:12px;background:#fff;font:inherit}
.fulfilment-options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.fulfilment-card,.payment-card{position:relative;display:grid;gap:.25rem;padding:1rem;border:1px solid #d5dbd3;border-radius:16px;background:#fff;cursor:pointer}.fulfilment-card.active,.payment-card.active{border-color:#7ca900;box-shadow:0 0 0 3px rgba(124,169,0,.1)}.fulfilment-card input,.payment-card input{position:absolute;right:1rem;top:1rem}.fulfilment-card span{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#769d18;font-weight:900}.fulfilment-card small,.payment-card small{color:#79857e;line-height:1.4}
.payment-options{display:grid;gap:.7rem}.payment-card{grid-template-columns:42px 1fr;align-items:center}.payment-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e7efda;color:#4f7500;font-weight:900}.payment-card div{display:grid}
.checkout-notice{padding:.9rem 1rem;border-radius:14px;background:#fff4d9;border:1px solid #eddda9}.checkout-notice p{margin:.3rem 0 0;color:#776b49;font-size:.78rem;line-height:1.5}.checkout-notice code{font-size:.72rem}
.checkout-order{align-self:start;position:sticky;top:0;display:grid;gap:1rem;padding:1.2rem;border-radius:20px;background:#0c3024;color:#fff}.checkout-order .eyebrow{color:#b9e154}.checkout-order-item{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.checkout-order-item small{display:block;color:rgba(255,255,255,.5)}.checkout-total{display:flex;justify-content:space-between;font-size:1.16rem}.pay-button{background:#b3dd4e;color:#17382b}.checkout-terms{font-size:.68rem;color:rgba(255,255,255,.45);text-align:center}

@media(max-width:980px){.shop-heading{grid-template-columns:1fr}.product-shop-grid{grid-template-columns:1fr}.shop-product-card,.shop-product-card:last-child{grid-column:auto;grid-template-columns:40% 60%}.checkout-layout{grid-template-columns:1fr}.checkout-order{position:static}}
@media(max-width:680px){.shop-product-card,.shop-product-card:last-child{grid-template-columns:1fr}.shop-product-visual{min-height:260px}.shop-product-visual img{height:220px;width:auto}.fulfilment-preview{grid-template-columns:1fr}.checkout-fields,.fulfilment-options{grid-template-columns:1fr}.checkout-fields label:first-child{grid-column:auto}.checkout-panel{padding:1rem}.size-legend{display:none}}

/* Version 3.3 — functional search, account, navigation bag and completed order flow */
.search-shell,.account-shell,.order-success-shell{position:fixed;inset:0;z-index:1500;visibility:hidden;pointer-events:none}
.search-shell.open,.account-shell.open,.order-success-shell.open{visibility:visible;pointer-events:auto}
.utility-backdrop{position:absolute;inset:0;border:0;background:rgba(0,15,10,.72);backdrop-filter:blur(8px);opacity:0;transition:.28s}
.search-shell.open .utility-backdrop,.account-shell.open .utility-backdrop,.order-success-shell.open .utility-backdrop{opacity:1}
.search-panel,.account-panel,.order-success-panel{position:absolute;left:50%;top:50%;width:min(620px,calc(100% - 28px));max-height:90vh;overflow-y:auto;padding:1.5rem;border-radius:26px;background:#f7f5ee;color:#17362c;box-shadow:0 34px 100px rgba(0,0,0,.3);opacity:0;transform:translate(-50%,-46%) scale(.98);transition:.3s}
.search-shell.open .search-panel,.account-shell.open .account-panel,.order-success-shell.open .order-success-panel{opacity:1;transform:translate(-50%,-50%) scale(1)}
.utility-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.utility-head h2{font-family:"Playfair Display",serif;font-size:2.6rem;margin:.3rem 0 1rem}
.search-field{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border:1px solid #d6dbd3;border-radius:15px;background:#fff}.search-field svg{width:21px;fill:none;stroke:#577066;stroke-width:1.7}.search-field input{width:100%;border:0;outline:0;background:transparent;font:inherit}
.search-results{display:grid;gap:.65rem;margin-top:1rem}.search-results button{display:grid;gap:.22rem;text-align:left;padding:1rem;border:1px solid #dde1da;border-radius:15px;background:#fff;color:#17362c;cursor:pointer}.search-results button:hover{border-color:#83ad17;background:#f3f7ea}.search-results small{color:#75827a}
.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:.3rem;border-radius:999px;background:#e7ebe4}.account-tabs button{border:0;border-radius:999px;padding:.7rem;background:transparent;color:#5f7068;font-weight:800;cursor:pointer}.account-tabs button.active{background:#fff;color:#17362c;box-shadow:0 4px 16px rgba(0,0,0,.07)}
.account-form{display:grid;gap:.85rem;margin-top:1rem}.account-form label{display:grid;gap:.35rem;font-size:.73rem;font-weight:800}.account-form input,.delivery-address-field textarea{width:100%;padding:.82rem;border:1px solid #d4dad2;border-radius:12px;background:#fff;font:inherit;resize:vertical}.account-form small{color:#7b8780;line-height:1.45;text-align:center}
.account-primary,.account-secondary{border:0;border-radius:999px;padding:.9rem 1rem;font-weight:900;cursor:pointer}.account-primary{background:#7da900;color:#fff}.account-secondary{background:#e5eae2;color:#29443a}
.account-profile{display:grid;justify-items:center;text-align:center;gap:.7rem}.profile-avatar{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#173b2d;color:#c4eb69;font-family:"Playfair Display",serif;font-size:2rem}.account-profile h3{font-family:"Playfair Display",serif;font-size:2rem;margin:.2rem 0}.account-profile p{color:#718078}
.profile-orders{width:100%;display:grid;gap:.65rem;margin:1rem 0;text-align:left}.profile-orders>span{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#729518;font-weight:900}.profile-order{display:flex;justify-content:space-between;gap:1rem;padding:.8rem;border:1px solid #dce1d9;border-radius:13px;background:#fff}.profile-order small{display:block;color:#77847d}
.account-trigger.signed-in{position:relative;border-color:#b8df51}.account-trigger.signed-in:after{content:"";position:absolute;right:2px;bottom:2px;width:7px;height:7px;border-radius:50%;background:#b8df51}
.order-success-panel{width:min(510px,calc(100% - 28px));text-align:center;display:grid;justify-items:center}.success-mark{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#e7f3d6;color:#5f9000;font-size:1.8rem;font-weight:900}.order-success-panel h2{font-family:"Playfair Display",serif;font-size:3rem;margin:.4rem 0}.order-success-panel>p{color:#6d7b74;line-height:1.6}.success-reference{display:grid;gap:.2rem;width:100%;padding:1rem;margin:1rem 0;border-radius:14px;background:#173b2d;color:#fff}.success-reference small{color:#bce164;text-transform:uppercase;letter-spacing:.1em}.success-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;width:100%;margin-bottom:.9rem}.success-actions a{padding:.8rem;border-radius:999px;text-decoration:none;font-weight:800}.success-actions a:first-child{background:#dff0d4;color:#285b31}.success-actions a:last-child{background:#e7ebe4;color:#29443a}
.delivery-address-field{grid-column:1/-1}
@media(max-width:680px){.search-panel,.account-panel,.order-success-panel{padding:1rem}.success-actions{grid-template-columns:1fr}}


/* Version 3.4.1 — shopping bag checkout visibility fix */
.cart-empty[hidden],
.cart-summary[hidden]{
  display:none !important;
}
.cart-drawer{
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.cart-items{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  padding-right:.2rem;
}
.cart-empty{
  flex:1 1 auto;
}
.cart-summary{
  position:sticky;
  bottom:0;
  z-index:5;
  flex:0 0 auto;
  margin-top:auto;
  padding:1rem 0 .15rem;
  background:linear-gradient(to bottom,rgba(247,245,238,.88),#f7f5ee 20%);
  box-shadow:0 -18px 28px rgba(247,245,238,.96);
}
.checkout-main-button{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:50px;
  font-size:.92rem;
}
@media(max-width:680px){
  .cart-drawer{padding:1rem}
  .cart-summary{padding-bottom:.5rem}
}