AGT Al-Aswadi \u2014 The World’s Finest Organic Tea \u00b7 Bahrain<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..600&family=Hanken+Grotesk:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n:root{\n --cream:#F3EBDC;\n --cream-2:#EADFCB;\n --paper:#FBF6EC;\n --green:#16352A;\n --green-2:#1F4A39;\n --green-3:#2E6049;\n --gold:#C49A3A;\n --gold-2:#E0B85B;\n --terra:#9A5333;\n --ink:#15170F;\n --muted:#5C6253;\n --line:rgba(22,53,42,.16);\n --shadow:0 22px 60px -28px rgba(22,53,42,.55);\n --serif:'Fraunces',Georgia,serif;\n --sans:'Hanken Grotesk',system-ui,sans-serif;\n}\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{\n font-family:var(--sans);\n background:var(--cream);\n color:var(--ink);\n overflow-x:hidden;\n -webkit-font-smoothing:antialiased;\n}\n::selection{background:var(--gold);color:var(--green)}\nimg{max-width:100%;display:block}\na{color:inherit;text-decoration:none}\n\n\/* ---------- grain overlay ---------- *\/\n.grain{position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:.045;mix-blend-mode:multiply}\n\n\/* ---------- falling leaves canvas ---------- *\/\n#leafCanvas{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.5}\n\n\/* ---------- custom cursor ---------- *\/\n.cursor-dot{position:fixed;top:0;left:0;width:9px;height:9px;border-radius:50%;background:var(--gold);\n z-index:9999;pointer-events:none;transform:translate(-50%,-50%);transition:transform .15s ease, background .2s}\n.cursor-ring{position:fixed;top:0;left:0;width:40px;height:40px;border:1.5px solid rgba(22,53,42,.4);border-radius:50%;\n z-index:9998;pointer-events:none;transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .25s,opacity .25s}\n.cursor-ring.grow{width:74px;height:74px;border-color:var(--gold)}\n@media(max-width:900px){.cursor-dot,.cursor-ring{display:none}}\n\n\/* ---------- announcement ---------- *\/\n.announce{background:var(--green);color:var(--cream);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;\n text-align:center;padding:9px 16px;font-weight:500;position:relative;z-index:60}\n.announce b{color:var(--gold-2)}\n\n\/* ---------- header ---------- *\/\nheader{position:sticky;top:0;z-index:50;background:rgba(243,235,220,.82);backdrop-filter:blur(14px);\n border-bottom:1px solid var(--line);transition:padding .3s}\n.nav{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;\n padding:20px 30px;transition:padding .3s}\nheader.shrink .nav{padding:11px 30px}\n.brand{display:flex;align-items:center;gap:12px;cursor:pointer}\n.brand .mark{width:42px;height:42px;flex:none}\n.brand .txt b{font-family:var(--serif);font-weight:600;font-size:1.18rem;letter-spacing:.02em;color:var(--green);display:block;line-height:1}\n.brand .txt span{font-size:.6rem;letter-spacing:.34em;text-transform:uppercase;color:var(--terra);font-weight:600}\n.menu{display:flex;gap:34px;list-style:none}\n.menu a{font-size:.82rem;font-weight:500;letter-spacing:.04em;color:var(--green);position:relative;padding:4px 0}\n.menu a::after{content:\"\";position:absolute;left:0;bottom:-2px;width:0;height:1.5px;background:var(--gold);transition:width .3s}\n.menu a:hover::after{width:100%}\n.nav-right{display:flex;align-items:center;gap:20px}\n.icon-btn{background:none;border:none;cursor:pointer;color:var(--green);display:flex;align-items:center;position:relative}\n.icon-btn svg{width:23px;height:23px}\n.cart-count{position:absolute;top:-8px;right:-9px;background:var(--gold);color:var(--green);font-size:.62rem;\n font-weight:700;width:17px;height:17px;border-radius:50%;display:grid;place-items:center}\n.burger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer}\n.burger span{width:24px;height:2px;background:var(--green);transition:.3s}\n\n\/* ---------- hero ---------- *\/\n.hero{position:relative;min-height:92vh;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;\n gap:30px;max-width:1320px;margin:0 auto;padding:60px 30px 40px;z-index:2}\n.hero-bg{position:absolute;inset:0;z-index:-1;background:\n radial-gradient(900px 600px at 78% 35%, rgba(196,154,58,.18), transparent 60%),\n radial-gradient(700px 500px at 12% 80%, rgba(46,96,73,.14), transparent 60%);}\n.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;\n color:var(--terra);font-weight:600;margin-bottom:24px}\n.eyebrow::before{content:\"\";width:34px;height:1px;background:var(--terra)}\n.hero h1{font-family:var(--serif);font-weight:340;font-size:clamp(2.7rem,5.4vw,4.7rem);line-height:1.02;\n color:var(--green);letter-spacing:-.01em;margin-bottom:22px}\n.hero h1 em{font-style:italic;color:var(--gold);font-weight:380}\n.hero p.lead{font-size:1.05rem;color:var(--muted);max-width:440px;line-height:1.7;margin-bottom:34px}\n.hero-cta{display:flex;gap:16px;flex-wrap:wrap}\n.btn{position:relative;overflow:hidden;border:none;cursor:pointer;font-family:var(--sans);font-weight:600;\n font-size:.86rem;letter-spacing:.05em;padding:16px 32px;border-radius:40px;display:inline-flex;align-items:center;\n gap:9px;transition:transform .3s, color .4s;z-index:1}\n.btn svg{width:17px;height:17px}\n.btn-primary{background:var(--green);color:var(--cream)}\n.btn-primary::before{content:\"\";position:absolute;inset:0;z-index:-1;background:var(--gold);\n transform:translateY(101%);transition:transform .45s cubic-bezier(.7,0,.2,1)}\n.btn-primary:hover{color:var(--green);transform:translateY(-3px)}\n.btn-primary:hover::before{transform:translateY(0)}\n.btn-ghost{background:transparent;color:var(--green);border:1.5px solid var(--green)}\n.btn-ghost:hover{background:var(--green);color:var(--cream);transform:translateY(-3px)}\n.hero-stats{display:flex;gap:34px;margin-top:46px}\n.hero-stats div b{font-family:var(--serif);font-size:1.9rem;color:var(--green);display:block;line-height:1}\n.hero-stats div span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}\n\n\/* hero teacup visual *\/\n.hero-visual{position:relative;display:grid;place-items:center;min-height:480px}\n.cup-stage{position:relative;width:340px;height:430px}\n.disc{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:380px;height:380px;border-radius:50%;\n background:radial-gradient(circle at 38% 32%, #2E6049, #16352A 72%);box-shadow:var(--shadow), inset 0 0 60px rgba(0,0,0,.35);}\n.disc::after{content:\"\";position:absolute;inset:14px;border-radius:50%;border:1px solid rgba(224,184,91,.4)}\n.float-leaf{position:absolute;width:46px;opacity:.9;filter:drop-shadow(0 8px 12px rgba(0,0,0,.3));animation:bob 6s ease-in-out infinite}\n.float-leaf.l1{top:8%;left:6%;animation-delay:0s}\n.float-leaf.l2{bottom:10%;right:4%;width:36px;animation-delay:-2s}\n.float-leaf.l3{top:20%;right:0;width:28px;animation-delay:-4s}\n@keyframes bob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-16px) rotate(8deg)}}\n\n\/* steam shared component *\/\n.steam{position:absolute;left:50%;transform:translateX(-50%);width:120px;height:200px;pointer-events:none;z-index:5}\n.steam .puff{position:absolute;bottom:0;left:50%;width:60px;height:60px;border-radius:50%;\n background:radial-gradient(circle, rgba(255,255,255,.9), rgba(255,255,255,0) 68%);\n filter:blur(9px);opacity:0;transform:translateX(-50%)}\n.cup-stage .steam{bottom:300px}\n.cup-stage .steam .puff{animation:rise 4.2s linear infinite}\n.cup-stage .steam .puff:nth-child(1){--dx:-26px;animation-delay:0s}\n.cup-stage .steam .puff:nth-child(2){--dx:22px;animation-delay:-1.4s;width:48px;height:48px}\n.cup-stage .steam .puff:nth-child(3){--dx:-8px;animation-delay:-2.8s;width:70px;height:70px}\n.cup-stage .steam .puff:nth-child(4){--dx:14px;animation-delay:-3.6s;width:40px;height:40px}\n@keyframes rise{\n 0%{transform:translate(-50%,0) scale(.5);opacity:0}\n 18%{opacity:.7}\n 70%{opacity:.45}\n 100%{transform:translate(calc(-50% + var(--dx,0px)),-185px) scale(2);opacity:0}\n}\n\n\/* ---------- marquee ---------- *\/\n.marquee{background:var(--green);color:var(--cream);padding:18px 0;overflow:hidden;position:relative;z-index:3}\n.marquee-track{display:flex;gap:60px;white-space:nowrap;width:max-content;animation:scroll 28s linear infinite}\n.marquee:hover .marquee-track{animation-play-state:paused}\n.marquee span{font-family:var(--serif);font-size:1.25rem;font-style:italic;display:inline-flex;align-items:center;gap:60px}\n.marquee span::after{content:\"\u2726\";color:var(--gold);font-style:normal;font-size:.8rem}\n@keyframes scroll{to{transform:translateX(-50%)}}\n\n\/* ---------- section base ---------- *\/\nsection{position:relative;z-index:2}\n.wrap{max-width:1320px;margin:0 auto;padding:0 30px}\n.sec-head{text-align:center;max-width:620px;margin:0 auto 56px}\n.sec-tag{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--terra);font-weight:600;margin-bottom:14px;display:block}\n.sec-head h2{font-family:var(--serif);font-weight:340;font-size:clamp(2rem,4vw,3rem);color:var(--green);line-height:1.06}\n.sec-head h2 em{font-style:italic;color:var(--gold)}\n.sec-head p{margin-top:16px;color:var(--muted);font-size:1rem;line-height:1.7}\n\n\/* ---------- categories ---------- *\/\n.cats{padding:100px 0 30px}\n.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}\n.cat{position:relative;border-radius:18px;padding:30px 18px 26px;text-align:center;cursor:pointer;\n background:var(--paper);border:1px solid var(--line);transition:transform .4s, box-shadow .4s;overflow:hidden}\n.cat::before{content:\"\";position:absolute;inset:0;background:linear-gradient(160deg,var(--green-3),var(--green));\n opacity:0;transition:opacity .4s;z-index:0}\n.cat:hover{transform:translateY(-8px);box-shadow:var(--shadow)}\n.cat:hover::before{opacity:1}\n.cat svg,.cat h4,.cat span{position:relative;z-index:1;transition:color .4s}\n.cat svg{width:48px;height:48px;margin:0 auto 16px;color:var(--green)}\n.cat h4{font-family:var(--serif);font-size:1.1rem;color:var(--green);font-weight:500}\n.cat span{font-size:.72rem;color:var(--muted);letter-spacing:.06em}\n.cat:hover svg{color:var(--gold-2)}\n.cat:hover h4{color:var(--cream)}\n.cat:hover span{color:var(--cream-2)}\n\n\/* ---------- products ---------- *\/\n.shop{padding:90px 0 110px}\n.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}\n.card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:20px;\n padding:26px 22px 24px;transition:transform .45s,box-shadow .45s;overflow:visible}\n.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}\n.card .badge{position:absolute;top:16px;left:16px;background:var(--gold);color:var(--green);font-size:.62rem;\n font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:30px;z-index:8}\n.card .fav{position:absolute;top:14px;right:14px;background:none;border:none;cursor:pointer;color:var(--muted);z-index:8}\n.card .fav svg{width:20px;height:20px}\n.card .fav.on{color:var(--terra)}\n.tin-stage{position:relative;height:230px;display:grid;place-items:center;margin-bottom:18px}\n.tin{width:150px;filter:drop-shadow(0 18px 22px rgba(22,53,42,.28));transition:transform .5s}\n.card:hover .tin{transform:translateY(-6px) scale(1.03)}\n\/* product steam *\/\n.card .steam{bottom:160px;height:170px}\n.card .steam .puff{animation:rise 4s linear infinite;animation-play-state:paused}\n.card.is-steaming .steam .puff{animation-play-state:running}\n.card .steam .puff:nth-child(1){--dx:-24px;animation-delay:0s}\n.card .steam .puff:nth-child(2){--dx:20px;animation-delay:-1.3s;width:46px;height:46px}\n.card .steam .puff:nth-child(3){--dx:-6px;animation-delay:-2.6s;width:66px;height:66px}\n.card .steam .puff:nth-child(4){--dx:14px;animation-delay:-3.3s;width:38px;height:38px}\n.card .steam .puff:nth-child(5){--dx:-16px;animation-delay:-0.7s;width:52px;height:52px}\n.p-type{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--terra);font-weight:600}\n.card h3{font-family:var(--serif);font-size:1.22rem;color:var(--green);font-weight:500;margin:6px 0 4px;line-height:1.15}\n.p-notes{font-size:.8rem;color:var(--muted);line-height:1.5;margin-bottom:14px;min-height:36px}\n.p-foot{display:flex;align-items:center;justify-content:space-between}\n.p-price{font-family:var(--serif);font-size:1.25rem;color:var(--green);font-weight:600}\n.p-price small{font-size:.75rem;color:var(--muted);font-weight:400}\n.add{background:var(--green);color:var(--cream);border:none;cursor:pointer;border-radius:30px;font-family:var(--sans);\n font-weight:600;font-size:.78rem;padding:11px 18px;display:inline-flex;align-items:center;gap:7px;transition:.3s}\n.add svg{width:15px;height:15px}\n.add:hover{background:var(--gold);color:var(--green)}\n.stars{display:flex;gap:2px;color:var(--gold);margin-bottom:10px}\n.stars svg{width:14px;height:14px}\n\n\/* ---------- story (split) ---------- *\/\n.story{padding:110px 0;background:linear-gradient(170deg,var(--green),var(--green-2));color:var(--cream);position:relative;overflow:hidden}\n.story::before{content:\"\";position:absolute;top:-120px;right:-120px;width:420px;height:420px;border-radius:50%;\n background:radial-gradient(circle,rgba(196,154,58,.22),transparent 65%)}\n.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative;z-index:2}\n.story .sec-tag{color:var(--gold-2)}\n.story h2{font-family:var(--serif);font-weight:340;font-size:clamp(2rem,4vw,3rem);line-height:1.08;margin-bottom:24px}\n.story h2 em{font-style:italic;color:var(--gold-2)}\n.story p{color:rgba(243,235,220,.82);line-height:1.85;font-size:1.02rem;margin-bottom:18px;max-width:520px}\n.story-points{list-style:none;margin-top:30px;display:grid;gap:16px}\n.story-points li{display:flex;gap:14px;align-items:flex-start;font-size:.95rem}\n.story-points svg{width:22px;height:22px;color:var(--gold-2);flex:none;margin-top:1px}\n.crest{position:relative;display:grid;place-items:center}\n.crest-ring{width:380px;height:380px;border-radius:50%;border:1px solid rgba(224,184,91,.35);display:grid;place-items:center;\n background:radial-gradient(circle at 40% 35%,rgba(46,96,73,.7),rgba(15,35,28,.9));box-shadow:inset 0 0 80px rgba(0,0,0,.5)}\n.crest-inner{text-align:center}\n.crest-inner b{font-family:var(--serif);font-size:5rem;color:var(--gold-2);display:block;line-height:1}\n.crest-inner span{letter-spacing:.3em;text-transform:uppercase;font-size:.72rem;color:var(--cream-2)}\n.crest .orbit{position:absolute;inset:0;animation:spin 40s linear infinite}\n@keyframes spin{to{transform:rotate(360deg)}}\n.orbit .seed{position:absolute;top:-6px;left:50%;width:12px;height:12px;background:var(--gold);border-radius:50%;transform:translateX(-50%)}\n\n\/* ---------- ritual \/ steps ---------- *\/\n.ritual{padding:110px 0}\n.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;counter-reset:step}\n.step{position:relative;padding-top:60px}\n.step::before{counter-increment:step;content:\"0\" counter(step);font-family:var(--serif);font-size:3rem;color:var(--gold);\n opacity:.35;position:absolute;top:-6px;left:0;font-weight:600}\n.step h4{font-family:var(--serif);font-size:1.3rem;color:var(--green);margin-bottom:10px;font-weight:500}\n.step p{font-size:.9rem;color:var(--muted);line-height:1.65}\n.step .bar{width:46px;height:3px;background:var(--gold);margin-bottom:18px;border-radius:3px}\n\n\/* ---------- testimonials ---------- *\/\n.testi{padding:100px 0;background:var(--cream-2)}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n.quote{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:32px 28px;position:relative}\n.quote .mark{font-family:var(--serif);font-size:4rem;color:var(--gold);line-height:.6;opacity:.55}\n.quote p{font-size:1rem;line-height:1.7;color:var(--ink);margin:8px 0 20px;font-style:italic;font-family:var(--serif);font-weight:340}\n.quote .who{display:flex;align-items:center;gap:12px}\n.quote .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--green-3),var(--gold));\n display:grid;place-items:center;color:var(--cream);font-weight:700;font-family:var(--serif)}\n.quote .who b{font-size:.92rem;color:var(--green);display:block}\n.quote .who span{font-size:.74rem;color:var(--muted)}\n\n\/* ---------- instagram ---------- *\/\n.insta{padding:100px 0}\n.ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:40px}\n.ig-cell{aspect-ratio:1;border-radius:14px;overflow:hidden;position:relative;cursor:pointer;\n display:grid;place-items:center;border:1px solid var(--line)}\n.ig-cell .ig-art{position:absolute;inset:0;z-index:0}\n.ig-cell svg.tealeaf{position:relative;z-index:1;width:42%;color:rgba(255,255,255,.92);transition:transform .5s}\n.ig-cell:hover svg.tealeaf{transform:scale(1.15) rotate(8deg)}\n.ig-cell::after{content:\"\";position:absolute;inset:0;background:rgba(22,53,42,.0);transition:.4s;z-index:2}\n.ig-cell:hover::after{background:rgba(22,53,42,.45)}\n.ig-cell .ig-ico{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:.4s;z-index:3;color:#fff}\n.ig-cell:hover .ig-ico{opacity:1}\n.ig-cell .ig-ico svg{width:32px;height:32px}\n.ig-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}\n.ig-handle{display:flex;align-items:center;gap:16px}\n.ig-av{width:64px;height:64px;border-radius:50%;padding:3px;background:linear-gradient(45deg,var(--gold),var(--terra),var(--green-3));}\n.ig-av div{width:100%;height:100%;border-radius:50%;background:var(--green);display:grid;place-items:center;color:var(--gold-2);font-family:var(--serif);font-weight:600;font-size:1.3rem}\n.ig-handle b{font-size:1.1rem;color:var(--green);display:block}\n.ig-handle .nums{font-size:.82rem;color:var(--muted);display:flex;gap:16px;margin-top:4px}\n.ig-handle .nums b{display:inline;font-size:.82rem}\n\n\/* ---------- newsletter ---------- *\/\n.news{padding:90px 0}\n.news-box{background:linear-gradient(150deg,var(--green),var(--green-2));border-radius:28px;padding:64px 40px;\n text-align:center;position:relative;overflow:hidden;color:var(--cream)}\n.news-box .steam{bottom:auto;top:-30px;left:14%;opacity:.5}\n.news-box h2{font-family:var(--serif);font-weight:340;font-size:clamp(1.8rem,3.6vw,2.7rem);margin-bottom:14px}\n.news-box h2 em{font-style:italic;color:var(--gold-2)}\n.news-box p{color:rgba(243,235,220,.8);max-width:460px;margin:0 auto 30px;line-height:1.7}\n.news-form{display:flex;gap:10px;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center}\n.news-form input{flex:1;min-width:220px;border:none;border-radius:40px;padding:15px 22px;font-family:var(--sans);font-size:.9rem;background:var(--paper);color:var(--ink)}\n.news-form input:focus{outline:2px solid var(--gold)}\n\n\/* ---------- footer ---------- *\/\nfooter{background:var(--green);color:var(--cream);padding:70px 0 0}\n.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px}\n.foot-brand .mark{width:46px;height:46px;margin-bottom:16px}\n.foot-brand p{color:rgba(243,235,220,.7);line-height:1.7;font-size:.92rem;max-width:300px;margin-bottom:20px}\n.foot h5{font-family:var(--serif);font-size:1.05rem;color:var(--gold-2);margin-bottom:18px;font-weight:500}\n.foot ul{list-style:none;display:grid;gap:11px}\n.foot ul a{font-size:.88rem;color:rgba(243,235,220,.78);transition:.3s}\n.foot ul a:hover{color:var(--gold-2);padding-left:5px}\n.contact-line{display:flex;gap:11px;align-items:flex-start;font-size:.88rem;color:rgba(243,235,220,.85);margin-bottom:13px}\n.contact-line svg{width:18px;height:18px;color:var(--gold-2);flex:none;margin-top:2px}\n.socials{display:flex;gap:12px;margin-top:22px}\n.socials a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(224,184,91,.4);display:grid;place-items:center;color:var(--cream);transition:.3s}\n.socials a:hover{background:var(--gold);color:var(--green);transform:translateY(-3px)}\n.socials svg{width:20px;height:20px}\n.foot-bottom{border-top:1px solid rgba(224,184,91,.18);margin-top:54px;padding:26px 0;text-align:center;\n font-size:.78rem;color:rgba(243,235,220,.55);letter-spacing:.04em}\n.foot-bottom b{color:var(--gold-2)}\n\n\/* ---------- cart drawer ---------- *\/\n.overlay{position:fixed;inset:0;background:rgba(15,23,15,.5);z-index:120;opacity:0;visibility:hidden;transition:.35s}\n.overlay.open{opacity:1;visibility:visible}\n.drawer{position:fixed;top:0;right:0;height:100%;width:400px;max-width:90vw;background:var(--paper);z-index:130;\n transform:translateX(100%);transition:transform .4s cubic-bezier(.7,0,.2,1);display:flex;flex-direction:column}\n.drawer.open{transform:translateX(0)}\n.drawer-head{padding:24px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}\n.drawer-head h3{font-family:var(--serif);font-size:1.3rem;color:var(--green);font-weight:500}\n.drawer-head button{background:none;border:none;cursor:pointer;color:var(--green)}\n.drawer-head svg{width:24px;height:24px}\n.drawer-body{flex:1;overflow-y:auto;padding:20px 26px}\n.cart-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}\n.cart-item .ci-img{width:58px;height:58px;border-radius:12px;background:var(--cream-2);display:grid;place-items:center;flex:none}\n.cart-item .ci-img svg{width:34px}\n.cart-item .ci-info{flex:1}\n.cart-item .ci-info b{font-family:var(--serif);font-size:.96rem;color:var(--green);display:block}\n.cart-item .ci-info span{font-size:.78rem;color:var(--muted)}\n.qty{display:inline-flex;align-items:center;gap:10px;margin-top:6px}\n.qty button{width:24px;height:24px;border-radius:6px;border:1px solid var(--line);background:var(--cream);cursor:pointer;color:var(--green);font-weight:700}\n.ci-price{font-family:var(--serif);font-weight:600;color:var(--green)}\n.empty{text-align:center;color:var(--muted);padding:60px 0;font-style:italic;font-family:var(--serif)}\n.drawer-foot{padding:22px 26px;border-top:1px solid var(--line)}\n.drawer-foot .tot{display:flex;justify-content:space-between;margin-bottom:16px;font-family:var(--serif);font-size:1.2rem;color:var(--green)}\n.drawer-foot .btn{width:100%;justify-content:center}\n.free-note{font-size:.74rem;color:var(--terra);text-align:center;margin-top:12px;letter-spacing:.04em}\n\n\/* ---------- reveal ---------- *\/\n.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1)}\n.reveal.in{opacity:1;transform:none}\n\n\/* ---------- mobile ---------- *\/\n@media(max-width:1080px){\n .cat-grid{grid-template-columns:repeat(3,1fr)}\n .prod-grid{grid-template-columns:repeat(2,1fr)}\n .steps{grid-template-columns:repeat(2,1fr);gap:40px}\n .testi-grid{grid-template-columns:1fr}\n .ig-grid{grid-template-columns:repeat(3,1fr)}\n .foot-grid{grid-template-columns:1fr 1fr;gap:34px}\n}\n@media(max-width:820px){\n .menu{position:fixed;inset:0 0 0 30%;background:var(--green);flex-direction:column;justify-content:center;\n align-items:center;gap:30px;transform:translateX(100%);transition:.4s;z-index:55}\n .menu.open{transform:none}\n .menu a{color:var(--cream);font-size:1.1rem}\n .burger{display:flex}\n .hero{grid-template-columns:1fr;min-height:auto;padding-top:40px;text-align:center}\n .eyebrow{margin-inline:auto}\n .hero p.lead{margin-inline:auto}\n .hero-cta,.hero-stats{justify-content:center}\n .hero-visual{order:-1;min-height:380px}\n .story-grid{grid-template-columns:1fr;gap:50px}\n .crest-ring{width:300px;height:300px}\n}\n@media(max-width:560px){\n .cat-grid{grid-template-columns:1fr 1fr}\n .prod-grid{grid-template-columns:1fr}\n .ig-grid{grid-template-columns:repeat(2,1fr)}\n .foot-grid{grid-template-columns:1fr}\n .nav{padding:16px 20px}.wrap{padding:0 20px}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<svg class=\"grain\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.9\" numOctaves=\"3\"\/><\/filter><rect width=\"100%\" height=\"100%\" filter=\"url(#n)\"\/><\/svg>\n<canvas id=\"leafCanvas\"><\/canvas>\n<div class=\"cursor-ring\"><\/div><div class=\"cursor-dot\"><\/div>\n\n\n<div class=\"announce\">\ud83d\ude9a Free delivery across <b>Bahrain<\/b> on orders above BD 15 \u00b7 Sole authorised distributor of the world’s finest organic tea<\/div>\n\n\n<header id=\"header\">\n <nav class=\"nav\">\n <div class=\"brand\" onclick=\"scrollTo({top:0,behavior:'smooth'})\">\n <svg class=\"mark\" viewBox=\"0 0 64 64\" fill=\"none\">\n <circle cx=\"32\" cy=\"32\" r=\"30\" stroke=\"#C49A3A\" stroke-width=\"2\"\/>\n <path d=\"M32 14c-8 6-12 13-12 20a12 12 0 0024 0c0-7-4-14-12-20z\" fill=\"#16352A\"\/>\n <path d=\"M32 20v26\" stroke=\"#C49A3A\" stroke-width=\"1.6\"\/>\n <path d=\"M32 30c-4-2-7-1-9 1M32 36c4-2 7-1 9 1\" stroke=\"#C49A3A\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\n <\/svg>\n <div class=\"txt\"><b>AGT Al-Aswadi<\/b><span>Organic Tea \u00b7 Bahrain<\/span><\/div>\n <\/div>\n <ul class=\"menu\" id=\"menu\">\n <li><a href=\"#shop\">Shop<\/a><\/li>\n <li><a href=\"#cats\">Collections<\/a><\/li>\n <li><a href=\"#story\">Our Story<\/a><\/li>\n <li><a href=\"#ritual\">The Ritual<\/a><\/li>\n <li><a href=\"#insta\">Instagram<\/a><\/li>\n <\/ul>\n <div class=\"nav-right\">\n <button class=\"icon-btn\" aria-label=\"search\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4-4\" stroke-linecap=\"round\"\/><\/svg>\n <\/button>\n <button class=\"icon-btn\" id=\"cartBtn\" aria-label=\"cart\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M6 6h15l-1.5 9h-12L6 6zM6 6L5 3H3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"9\" cy=\"20\" r=\"1.4\"\/><circle cx=\"18\" cy=\"20\" r=\"1.4\"\/><\/svg>\n <span class=\"cart-count\" id=\"cartCount\">0<\/span>\n <\/button>\n <button class=\"burger\" id=\"burger\"><span><\/span><span><\/span><span><\/span><\/button>\n <\/div>\n <\/nav>\n<\/header>\n\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-text\">\n <span class=\"eyebrow\">Sourced at origin \u00b7 Brewed in Bahrain<\/span>\n <h1>The world’s finest <em>organic tea<\/em>, carried to your cup.<\/h1>\n <p class=\"lead\">AGT Al-Aswadi hand-selects single-estate leaves from the best gardens on earth \u2014 then delivers them fresh to every doorstep across the Kingdom of Bahrain.<\/p>\n <div class=\"hero-cta\">\n <button class=\"btn btn-primary\" onclick=\"document.getElementById('shop').scrollIntoView({behavior:'smooth'})\">\n Explore the Collection\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/button>\n <a class=\"btn btn-ghost\" href=\"#story\">Our Story<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div><b>7.1K+<\/b><span>Community<\/span><\/div>\n <div><b>40+<\/b><span>Estate Teas<\/span><\/div>\n <div><b>100%<\/b><span>Organic<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"cup-stage\">\n <div class=\"steam\"><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><\/div>\n <div class=\"disc\"><\/div>\n \n <svg viewBox=\"0 0 320 320\" style=\"position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:300px;z-index:4\" fill=\"none\">\n <ellipse cx=\"150\" cy=\"118\" rx=\"92\" ry=\"26\" fill=\"#0E2620\"\/>\n <ellipse cx=\"150\" cy=\"114\" rx=\"84\" ry=\"22\" fill=\"#7A4A1E\"\/>\n <ellipse cx=\"150\" cy=\"112\" rx=\"78\" ry=\"18\" fill=\"#A9692B\"\/>\n <path d=\"M58 116c4 70 26 118 92 118s88-48 92-118\" fill=\"#F3EBDC\"\/>\n <path d=\"M58 116c4 70 26 118 92 118s88-48 92-118\" stroke=\"#C49A3A\" stroke-width=\"2\"\/>\n <path d=\"M242 132c30-6 42 12 34 34-7 18-26 22-40 18\" stroke=\"#F3EBDC\" stroke-width=\"14\" stroke-linecap=\"round\"\/>\n <path d=\"M242 132c30-6 42 12 34 34-7 18-26 22-40 18\" stroke=\"#C49A3A\" stroke-width=\"2\" fill=\"none\"\/>\n <ellipse cx=\"150\" cy=\"270\" rx=\"70\" ry=\"14\" fill=\"#0E2620\" opacity=\".35\"\/>\n <path d=\"M120 110q12-22 30-10M150 102q14-18 30-6\" stroke=\"#16352A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <\/svg>\n <svg class=\"float-leaf l1\" viewBox=\"0 0 40 40\" fill=\"#2E6049\"><path d=\"M20 2C8 8 4 18 4 26a16 16 0 0032 0c0-8-4-18-16-24z\"\/><path d=\"M20 6v26\" stroke=\"#C49A3A\" stroke-width=\"1.5\"\/><\/svg>\n <svg class=\"float-leaf l2\" viewBox=\"0 0 40 40\" fill=\"#C49A3A\"><path d=\"M20 2C8 8 4 18 4 26a16 16 0 0032 0c0-8-4-18-16-24z\"\/><\/svg>\n <svg class=\"float-leaf l3\" viewBox=\"0 0 40 40\" fill=\"#9A5333\"><path d=\"M20 2C8 8 4 18 4 26a16 16 0 0032 0c0-8-4-18-16-24z\"\/><\/svg>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"marquee\">\n <div class=\"marquee-track\">\n <span>Single Estate<\/span><span>Garden Fresh<\/span><span>Ethically Sourced<\/span><span>100% Organic<\/span><span>Delivered in Bahrain<\/span>\n <span>Single Estate<\/span><span>Garden Fresh<\/span><span>Ethically Sourced<\/span><span>100% Organic<\/span><span>Delivered in Bahrain<\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"cats\" id=\"cats\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <span class=\"sec-tag\">Shop By Collection<\/span>\n <h2>Find your <em>perfect brew<\/em><\/h2>\n <p>From bold morning blacks to soothing herbal infusions \u2014 every leaf tells a story of its garden.<\/p>\n <\/div>\n <div class=\"cat-grid\">\n <div class=\"cat reveal\" data-cat=\"Black Tea\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10 18h24l-2 20H12L10 18z\"\/><path d=\"M34 22c6 0 8 8 0 10\" \/><path d=\"M16 12c0-3 3-3 3-6M24 12c0-3 3-3 3-6\" stroke-linecap=\"round\"\/><\/svg>\n <h4>Black Tea<\/h4><span>Bold & Malty<\/span>\n <\/div>\n <div class=\"cat reveal\" data-cat=\"Green Tea\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M24 8C12 16 10 28 14 36c8 4 18 0 22-8 4-10-2-18-12-20z\"\/><path d=\"M16 34C22 28 30 24 36 22\" stroke-linecap=\"round\"\/><\/svg>\n <h4>Green Tea<\/h4><span>Fresh & Grassy<\/span>\n <\/div>\n <div class=\"cat reveal\" data-cat=\"Herbal\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"24\" cy=\"24\" r=\"6\"\/><path d=\"M24 18V6M24 30v12M18 24H6M30 24h12M19 19l-8-8M29 29l8 8M29 19l8-8M19 29l-8 8\" stroke-linecap=\"round\"\/><\/svg>\n <h4>Herbal<\/h4><span>Caffeine Free<\/span>\n <\/div>\n <div class=\"cat reveal\" data-cat=\"Masala Chai\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 20h22v12a8 8 0 01-8 8h-6a8 8 0 01-8-8V20z\"\/><path d=\"M34 24c6 0 7 7 0 9\"\/><path d=\"M18 14c0-3 3-3 3-6M26 14c0-3 3-3 3-6\" stroke-linecap=\"round\"\/><\/svg>\n <h4>Masala Chai<\/h4><span>Spiced & Warming<\/span>\n <\/div>\n <div class=\"cat reveal\" data-cat=\"Wellness\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M24 40s-14-8-14-20a8 8 0 0114-5 8 8 0 0114 5c0 12-14 20-14 20z\"\/><path d=\"M24 22v8M20 26h8\" stroke-linecap=\"round\"\/><\/svg>\n <h4>Wellness<\/h4><span>Turmeric & Tulsi<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"shop\" id=\"shop\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <span class=\"sec-tag\">Bestsellers<\/span>\n <h2>Hover a tin to <em>watch it steep<\/em><\/h2>\n <p>Each blend is packed fresh at origin. Hover over any tea to release its rising steam \u2014 just like a fresh-poured cup.<\/p>\n <\/div>\n <div class=\"prod-grid\" id=\"prodGrid\"><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"story\" id=\"story\">\n <div class=\"wrap\">\n <div class=\"story-grid\">\n <div class=\"reveal\">\n <span class=\"sec-tag\">Our Story<\/span>\n <h2>Bahrain’s gateway to <em>the rarest gardens<\/em> on earth.<\/h2>\n <p>AGT Al-Aswadi began with a single belief: the people of Bahrain deserve tea exactly as it was meant to be tasted \u2014 fresh from the estate, untouched by middlemen, and brewed with intention.<\/p>\n <p>As the Kingdom’s sole authorised distributor, we travel to the world’s most celebrated tea gardens, choose only certified-organic harvests, and carry them home so the leaves reach your cup at their living best.<\/p>\n <ul class=\"story-points\">\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Direct-from-garden sourcing \u2014 no unnecessary middlemen.<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> 100% certified organic, packed fresh at origin.<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Fast, careful delivery to every corner of Bahrain.<\/li>\n <\/ul>\n <\/div>\n <div class=\"crest reveal\">\n <div class=\"orbit\"><span class=\"seed\"><\/span><\/div>\n <div class=\"crest-ring\">\n <div class=\"crest-inner\"><b>AGT<\/b><span>Al-Aswadi<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"ritual\" id=\"ritual\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <span class=\"sec-tag\">The AGT Ritual<\/span>\n <h2>From garden to <em>your golden cup<\/em><\/h2>\n <\/div>\n <div class=\"steps\">\n <div class=\"step reveal\"><div class=\"bar\"><\/div><h4>Hand-Picked<\/h4><p>Only the top two leaves and a bud, plucked at peak freshness by skilled garden hands.<\/p><\/div>\n <div class=\"step reveal\"><div class=\"bar\"><\/div><h4>Packed at Origin<\/h4><p>Sealed within hours of harvest to lock in aroma, antioxidants and character.<\/p><\/div>\n <div class=\"step reveal\"><div class=\"bar\"><\/div><h4>Sourced by AGT<\/h4><p>Imported directly and exclusively for Bahrain \u2014 bypassing the middlemen entirely.<\/p><\/div>\n <div class=\"step reveal\"><div class=\"bar\"><\/div><h4>Brewed by You<\/h4><p>Steep, pour, and let the steam rise. A ritual of calm, delivered to your door.<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"testi\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <span class=\"sec-tag\">Loved Across The Kingdom<\/span>\n <h2>What our <em>tea family<\/em> says<\/h2>\n <\/div>\n <div class=\"testi-grid\">\n <div class=\"quote reveal\"><div class=\"mark\">\u201c<\/div><p>The freshest tea I’ve had in Bahrain. You can actually smell the garden when you open the tin.<\/p><div class=\"who\"><div class=\"av\">N<\/div><div><b>Noor A.<\/b><span>Manama<\/span><\/div><\/div><\/div>\n <div class=\"quote reveal\"><div class=\"mark\">\u201c<\/div><p>Their masala chai is unreal and delivery was next-day. AGT has my whole family hooked.<\/p><div class=\"who\"><div class=\"av\">Y<\/div><div><b>Yousef K.<\/b><span>Riffa<\/span><\/div><\/div><\/div>\n <div class=\"quote reveal\"><div class=\"mark\">\u201c<\/div><p>Finally a source for genuine organic green tea. Quality you can taste in every cup.<\/p><div class=\"who\"><div class=\"av\">S<\/div><div><b>Sara M.<\/b><span>Muharraq<\/span><\/div><\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"insta\" id=\"insta\">\n <div class=\"wrap\">\n <div class=\"ig-head reveal\">\n <div class=\"ig-handle\">\n <a class=\"ig-av\" href=\"https:\/\/www.instagram.com\/agt.alaswadi\" target=\"_blank\"><div>AGT<\/div><\/a>\n <div>\n <b>@agt.alaswadi<\/b>\n <div class=\"nums\"><span><b>454<\/b> posts<\/span><span><b>7,162<\/b> followers<\/span><span><b>1,018<\/b> following<\/span><\/div>\n <\/div>\n <\/div>\n <a class=\"btn btn-primary\" href=\"https:\/\/www.instagram.com\/agt.alaswadi\" target=\"_blank\">\n Follow on Instagram\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"\/><\/svg>\n <\/a>\n <\/div>\n <div class=\"ig-grid\" id=\"igGrid\"><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"news\">\n <div class=\"wrap\">\n <div class=\"news-box reveal\">\n <div class=\"steam\"><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><\/div>\n <h2>Join the <em>AGT tea club<\/em><\/h2>\n <p>Be first to hear about new estate arrivals, brewing rituals and members-only offers across Bahrain.<\/p>\n <div class=\"news-form\">\n <input type=\"email\" id=\"newsEmail\" placeholder=\"Your email address\">\n <button class=\"btn btn-primary\" onclick=\"subscribe()\">Subscribe<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"wrap\">\n <div class=\"foot-grid\">\n <div class=\"foot-brand\">\n <svg class=\"mark\" viewBox=\"0 0 64 64\" fill=\"none\">\n <circle cx=\"32\" cy=\"32\" r=\"30\" stroke=\"#E0B85B\" stroke-width=\"2\"\/>\n <path d=\"M32 14c-8 6-12 13-12 20a12 12 0 0024 0c0-7-4-14-12-20z\" fill=\"#E0B85B\"\/>\n <path d=\"M32 20v26\" stroke=\"#16352A\" stroke-width=\"1.6\"\/>\n <\/svg>\n <p>AGT Al-Aswadi \u2014 the sole authorised distributor of the world’s finest organic tea in the Kingdom of Bahrain.<\/p>\n <div class=\"socials\">\n <a href=\"https:\/\/www.instagram.com\/agt.alaswadi\" target=\"_blank\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"\/><\/svg><\/a>\n <a href=\"https:\/\/www.facebook.com\/AGTalaswadi.3\" target=\"_blank\" aria-label=\"Facebook\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M14 9h3V5h-3c-2.2 0-4 1.8-4 4v2H7v4h3v6h4v-6h3l1-4h-4V9c0-.6.4-1 1-1z\"\/><\/svg><\/a>\n <a href=\"tel:+97334490070\" aria-label=\"Phone\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M5 4h4l2 5-3 2a12 12 0 005 5l2-3 5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2z\" stroke-linejoin=\"round\"\/><\/svg><\/a>\n <\/div>\n <\/div>\n <div class=\"foot\">\n <h5>Shop<\/h5>\n <ul>\n <li><a href=\"#cats\">Black Tea<\/a><\/li>\n <li><a href=\"#cats\">Green Tea<\/a><\/li>\n <li><a href=\"#cats\">Herbal Infusions<\/a><\/li>\n <li><a href=\"#cats\">Masala Chai<\/a><\/li>\n <li><a href=\"#cats\">Wellness Blends<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"foot\">\n <h5>Company<\/h5>\n <ul>\n <li><a href=\"#story\">Our Story<\/a><\/li>\n <li><a href=\"#ritual\">The Ritual<\/a><\/li>\n <li><a href=\"#insta\">Instagram<\/a><\/li>\n <li><a href=\"https:\/\/www.facebook.com\/AGTalaswadi.3\" target=\"_blank\">Facebook<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"foot\">\n <h5>Get In Touch<\/h5>\n <div class=\"contact-line\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M5 4h4l2 5-3 2a12 12 0 005 5l2-3 5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2z\" stroke-linejoin=\"round\"\/><\/svg><a href=\"tel:+97334490070\">+973 3449 0070<\/a><\/div>\n <div class=\"contact-line\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M21 10c0 6-9 12-9 12s-9-6-9-12a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Kingdom of Bahrain<\/span><\/div>\n <div class=\"contact-line\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"\/><\/svg><a href=\"https:\/\/www.instagram.com\/agt.alaswadi\" target=\"_blank\">@agt.alaswadi<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"foot-bottom\">\u00a9 <span id=\"yr\"><\/span> <b>AGT Al-Aswadi<\/b> \u00b7 The finest organic tea, delivered across Bahrain \u00b7 Crafted with care.<\/div>\n <\/div>\n<\/footer>\n\n\n<div class=\"overlay\" id=\"overlay\"><\/div>\n<aside class=\"drawer\" id=\"drawer\">\n <div class=\"drawer-head\">\n <h3>Your Tea Tray<\/h3>\n <button id=\"closeCart\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 6l12 12M18 6L6 18\" stroke-linecap=\"round\"\/><\/svg><\/button>\n <\/div>\n <div class=\"drawer-body\" id=\"drawerBody\"><div class=\"empty\">Your tray is empty \u2014 go add some tea \ud83c\udf43<\/div><\/div>\n <div class=\"drawer-foot\">\n <div class=\"tot\"><span>Total<\/span><span id=\"cartTotal\">BD 0.000<\/span><\/div>\n <button class=\"btn btn-primary\">Checkout<\/button>\n <div class=\"free-note\" id=\"freeNote\">Add BD 15.000 for free Bahrain delivery<\/div>\n <\/div>\n<\/aside>\n\n<script>\ndocument.getElementById('yr').textContent=new Date().getFullYear();\n\n\/* ---------------- products ---------------- *\/\nconst TINS=[\n {n:'Himalayan Spring Green',t:'Green Tea',notes:'Sweet, grassy, delicate florals.',p:6.500,c:'#3F7A4E',badge:'Bestseller',r:5},\n {n:'Assam Estate Breakfast',t:'Black Tea',notes:'Bold, malty, full-bodied morning brew.',p:5.900,c:'#5A2E16',badge:null,r:5},\n {n:'Royal Masala Chai',t:'Masala Chai',notes:'Cardamom, ginger, cinnamon & clove.',p:6.900,c:'#8A4B2E',badge:'New',r:5},\n {n:'Kashmiri Kahwa',t:'Green Tea',notes:'Saffron, almond & rose petals.',p:7.500,c:'#C49A3A',badge:null,r:4},\n {n:'Turmeric Wellness',t:'Wellness',notes:'Golden turmeric, ginger & black pepper.',p:6.200,c:'#D08A23',badge:null,r:5},\n {n:'Moroccan Mint',t:'Green Tea',notes:'Cooling spearmint over gunpowder green.',p:5.600,c:'#2E6049',badge:null,r:4},\n {n:'Chamomile Bloom',t:'Herbal',notes:'Soft, honeyed, caffeine-free calm.',p:5.400,c:'#9aa14a',badge:null,r:5},\n {n:'Earl Grey Citrus',t:'Black Tea',notes:'Bergamot-kissed black with orange peel.',p:6.100,c:'#3a3f6b',badge:'Bestseller',r:5}\n];\n\nfunction tinSVG(c){\n return `<svg class=\"tin\" viewBox=\"0 0 160 220\" fill=\"none\">\n <defs><linearGradient id=\"g${c.replace('#','')}\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n <stop offset=\"0\" stop-color=\"${c}\"\/><stop offset=\"1\" stop-color=\"${shade(c,-28)}\"\/><\/linearGradient><\/defs>\n <ellipse cx=\"80\" cy=\"206\" rx=\"56\" ry=\"11\" fill=\"#16352A\" opacity=\".18\"\/>\n <rect x=\"30\" y=\"44\" width=\"100\" height=\"160\" rx=\"14\" fill=\"url(#g${c.replace('#','')})\"\/>\n <rect x=\"30\" y=\"44\" width=\"100\" height=\"160\" rx=\"14\" stroke=\"${shade(c,-40)}\" stroke-width=\"1.5\"\/>\n <rect x=\"26\" y=\"30\" width=\"108\" height=\"22\" rx=\"8\" fill=\"${shade(c,18)}\"\/>\n <rect x=\"26\" y=\"30\" width=\"108\" height=\"22\" rx=\"8\" stroke=\"${shade(c,-30)}\" stroke-width=\"1.5\"\/>\n <rect x=\"44\" y=\"84\" width=\"72\" height=\"84\" rx=\"6\" fill=\"#F3EBDC\" opacity=\".95\"\/>\n <path d=\"M80 96c-7 4-10 9-10 14a10 10 0 0020 0c0-5-3-10-10-14z\" fill=\"${c}\"\/>\n <path d=\"M80 100v22\" stroke=\"${shade(c,-25)}\" stroke-width=\"1.4\"\/>\n <rect x=\"52\" y=\"150\" width=\"56\" height=\"3\" rx=\"1.5\" fill=\"${c}\"\/>\n <text x=\"80\" y=\"142\" text-anchor=\"middle\" font-family=\"Fraunces,serif\" font-size=\"9\" letter-spacing=\"2\" fill=\"#16352A\">AGT<\/text>\n <rect x=\"40\" y=\"62\" width=\"80\" height=\"2\" fill=\"${shade(c,30)}\" opacity=\".6\"\/>\n <\/svg>`;\n}\nfunction shade(hex,p){let n=parseInt(hex.slice(1),16);let r=(n>>16)+p,g=(n>>8&255)+p,b=(n&255)+p;\n r=Math.max(0,Math.min(255,r));g=Math.max(0,Math.min(255,g));b=Math.max(0,Math.min(255,b));\n return '#'+(0x1000000+(r<<16)+(g<<8)+b).toString(16).slice(1);}\n\nconst grid=document.getElementById('prodGrid');\nTINS.forEach((tea,i)=>{\n const stars=Array(5).fill(0).map((_,k)=>`<svg viewBox=\"0 0 24 24\" fill=\"${k<tea.r?'currentColor':'none'}\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 3l2.6 5.3 5.9.9-4.2 4.1 1 5.8L12 16.9 6.7 19.2l1-5.8L3.5 9.2l5.9-.9z\"\/><\/svg>`).join('');\n const card=document.createElement('div');\n card.className='card reveal';\n card.innerHTML=`\n ${tea.badge?`<span class=\"badge\">${tea.badge}<\/span>`:''}\n <button class=\"fav\" aria-label=\"favourite\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 20s-7-4.3-9.2-9C1.3 8 3 4.5 6.5 4.5c2 0 3.4 1.2 4.2 2.4.8-1.2 2.2-2.4 4.2-2.4 3.5 0 5.2 3.5 3.7 6.5C18.4 15.7 12 20 12 20z\"\/><\/svg><\/button>\n <div class=\"tin-stage\">\n <div class=\"steam\"><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><\/div>\n ${tinSVG(tea.c)}\n <\/div>\n <div class=\"p-type\">${tea.t}<\/div>\n <h3>${tea.n}<\/h3>\n <div class=\"stars\">${stars}<\/div>\n <p class=\"p-notes\">${tea.notes}<\/p>\n <div class=\"p-foot\">\n <div class=\"p-price\">BD ${tea.p.toFixed(3)} <small>\/ 100g<\/small><\/div>\n <button class=\"add\" data-i=\"${i}\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\" stroke-linecap=\"round\"\/><\/svg>Add<\/button>\n <\/div>`;\n grid.appendChild(card);\n\n \/\/ steam hover with 5s persistence\n let timer;\n card.addEventListener('mouseenter',()=>{clearTimeout(timer);card.classList.add('is-steaming');});\n card.addEventListener('mouseleave',()=>{timer=setTimeout(()=>card.classList.remove('is-steaming'),5000);});\n\n card.querySelector('.fav').addEventListener('click',e=>{e.currentTarget.classList.toggle('on');});\n card.querySelector('.add').addEventListener('click',()=>addToCart(i));\n});\n\n\/* ---------------- instagram grid ---------------- *\/\nconst igColors=[['#16352A','#2E6049'],['#9A5333','#C49A3A'],['#2E6049','#3F7A4E'],['#C49A3A','#E0B85B'],['#5A2E16','#9A5333'],['#1F4A39','#16352A'],['#3a3f6b','#2E6049'],['#D08A23','#9A5333'],['#2E6049','#C49A3A'],['#16352A','#5A2E16'],['#9aa14a','#3F7A4E'],['#C49A3A','#9A5333']];\nconst igGrid=document.getElementById('igGrid');\nigColors.forEach(([a,b])=>{\n const cell=document.createElement('a');\n cell.className='ig-cell';cell.href='https:\/\/www.instagram.com\/agt.alaswadi';cell.target='_blank';\n cell.innerHTML=`\n <div class=\"ig-art\" style=\"background:linear-gradient(140deg,${a},${b})\"><\/div>\n <svg class=\"tealeaf\" viewBox=\"0 0 40 40\" fill=\"currentColor\"><path d=\"M20 2C8 8 4 18 4 26a16 16 0 0032 0c0-8-4-18-16-24z\"\/><path d=\"M20 6v26\" stroke=\"rgba(0,0,0,.15)\" stroke-width=\"1.4\"\/><\/svg>\n <div class=\"ig-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"\/><\/svg><\/div>`;\n igGrid.appendChild(cell);\n});\n\n\/* ---------------- cart ---------------- *\/\nlet cart=[];\nconst overlay=document.getElementById('overlay'),drawer=document.getElementById('drawer');\nfunction openCart(){overlay.classList.add('open');drawer.classList.add('open');}\nfunction closeCart(){overlay.classList.remove('open');drawer.classList.remove('open');}\ndocument.getElementById('cartBtn').onclick=openCart;\ndocument.getElementById('closeCart').onclick=closeCart;\noverlay.onclick=closeCart;\n\nfunction addToCart(i){\n const ex=cart.find(c=>c.i===i);\n if(ex)ex.q++;else cart.push({i,q:1});\n renderCart();openCart();\n}\nfunction renderCart(){\n const body=document.getElementById('drawerBody');\n const count=cart.reduce((s,c)=>s+c.q,0);\n document.getElementById('cartCount').textContent=count;\n if(!cart.length){body.innerHTML='<div class=\"empty\">Your tray is empty \u2014 go add some tea \ud83c\udf43<\/div>';}\n else{\n body.innerHTML=cart.map(c=>{const t=TINS[c.i];return `\n <div class=\"cart-item\">\n <div class=\"ci-img\"><svg viewBox=\"0 0 40 40\" fill=\"${t.c}\"><path d=\"M20 4C9 9 6 18 6 25a14 14 0 0028 0c0-7-3-16-14-21z\"\/><\/svg><\/div>\n <div class=\"ci-info\"><b>${t.n}<\/b><span>${t.t}<\/span>\n <div class=\"qty\"><button onclick=\"chg(${c.i},-1)\">\u2212<\/button><span>${c.q}<\/span><button onclick=\"chg(${c.i},1)\">+<\/button><\/div>\n <\/div>\n <div class=\"ci-price\">BD ${(t.p*c.q).toFixed(3)}<\/div>\n <\/div>`;}).join('');\n }\n const total=cart.reduce((s,c)=>s+TINS[c.i].p*c.q,0);\n document.getElementById('cartTotal').textContent='BD '+total.toFixed(3);\n const note=document.getElementById('freeNote');\n note.textContent=total>=15?'\ud83c\udf89 You\\'ve unlocked free Bahrain delivery!':`Add BD ${(15-total).toFixed(3)} for free Bahrain delivery`;\n}\nfunction chg(i,d){const it=cart.find(c=>c.i===i);if(!it)return;it.q+=d;if(it.q<=0)cart=cart.filter(c=>c.i!==i);renderCart();}\n\nfunction subscribe(){\n const e=document.getElementById('newsEmail');\n if(e.value&&e.value.includes('@')){e.value='';alert('Welcome to the AGT Tea Club! \ud83c\udf43');}\n else{e.focus();e.style.outline='2px solid #9A5333';}\n}\n\n\/* ---------------- header shrink + burger ---------------- *\/\nconst header=document.getElementById('header');\naddEventListener('scroll',()=>header.classList.toggle('shrink',scrollY>40));\nconst burger=document.getElementById('burger'),menu=document.getElementById('menu');\nburger.onclick=()=>menu.classList.toggle('open');\nmenu.querySelectorAll('a').forEach(a=>a.onclick=()=>menu.classList.remove('open'));\n\n\/* ---------------- reveal observer ---------------- *\/\nconst io=new IntersectionObserver((es)=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}}),{threshold:.14});\nfunction obs(){document.querySelectorAll('.reveal:not(.in)').forEach(el=>io.observe(el));}\nobs();setTimeout(obs,300);\n\n\/* ---------------- custom cursor ---------------- *\/\nconst dot=document.querySelector('.cursor-dot'),ring=document.querySelector('.cursor-ring');\nlet rx=0,ry=0,dx=0,dy=0;\naddEventListener('mousemove',e=>{dx=e.clientX;dy=e.clientY;dot.style.transform=`translate(${dx}px,${dy}px) translate(-50%,-50%)`;});\n(function loop(){rx+=(dx-rx)*.18;ry+=(dy-ry)*.18;ring.style.transform=`translate(${rx}px,${ry}px) translate(-50%,-50%)`;requestAnimationFrame(loop);})();\ndocument.querySelectorAll('a,button,.cat,.card,.ig-cell').forEach(el=>{\n el.addEventListener('mouseenter',()=>ring.classList.add('grow'));\n el.addEventListener('mouseleave',()=>ring.classList.remove('grow'));\n});\n\n\/* ---------------- falling tea leaves ---------------- *\/\nconst cv=document.getElementById('leafCanvas'),ctx=cv.getContext('2d');\nlet W,H,leaves=[];\nfunction resize(){W=cv.width=innerWidth;H=cv.height=innerHeight;}\nresize();addEventListener('resize',resize);\nconst leafCols=['#3F7A4E','#C49A3A','#9A5333','#2E6049'];\nfor(let i=0;i<16;i++)leaves.push({x:Math.random()*W,y:Math.random()*H,s:6+Math.random()*8,\n vy:.3+Math.random()*.7,vx:(Math.random()-.5)*.5,a:Math.random()*Math.PI,va:(Math.random()-.5)*.03,\n col:leafCols[i%leafCols.length],op:.25+Math.random()*.4});\nfunction drawLeaf(l){ctx.save();ctx.translate(l.x,l.y);ctx.rotate(l.a);ctx.globalAlpha=l.op;ctx.fillStyle=l.col;\n ctx.beginPath();ctx.moveTo(0,-l.s);ctx.quadraticCurveTo(l.s,-l.s*.2,0,l.s);ctx.quadraticCurveTo(-l.s,-l.s*.2,0,-l.s);\n ctx.fill();ctx.restore();}\nfunction anim(){ctx.clearRect(0,0,W,H);leaves.forEach(l=>{l.y+=l.vy;l.x+=l.vx+Math.sin(l.y*.01)*.3;l.a+=l.va;\n if(l.y>H+20){l.y=-20;l.x=Math.random()*W;}drawLeaf(l);});requestAnimationFrame(anim);}\nanim();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>AGT Al-Aswadi \u2014 The World’s Finest Organic Tea \u00b7 Bahrain \ud83d\ude9a Free delivery across Bahrain on orders above BD 15 \u00b7 Sole authorised distributor of the world’s finest organic tea AGT Al-AswadiOrganic Tea \u00b7 Bahrain Shop Collections Our Story The Ritual Instagram 0 Sourced at origin \u00b7 Brewed in Bahrain The world’s finest organic tea, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-103","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/comments?post=103"}],"version-history":[{"count":2,"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/103\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/103\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/media?parent=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":103,"date":"2026-05-30T17:15:43","date_gmt":"2026-05-30T17:15:43","guid":{"rendered":"https:\/\/xn--webbyrvsters-mcbmg.se\/?page_id=103"},"modified":"2026-05-30T17:15:43","modified_gmt":"2026-05-30T17:15:43","slug":"103-2","status":"publish","type":"page","link":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/103-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nAGT Al-Aswadi \u2014 The World’s Finest Organic Tea \u00b7 Bahrain<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..600&family=Hanken+Grotesk:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n:root{\n --cream:#F3EBDC;\n --cream-2:#EADFCB;\n --paper:#FBF6EC;\n --green:#16352A;\n --green-2:#1F4A39;\n --green-3:#2E6049;\n --gold:#C49A3A;\n --gold-2:#E0B85B;\n --terra:#9A5333;\n --ink:#15170F;\n --muted:#5C6253;\n --line:rgba(22,53,42,.16);\n --shadow:0 22px 60px -28px rgba(22,53,42,.55);\n --serif:'Fraunces',Georgia,serif;\n --sans:'Hanken Grotesk',system-ui,sans-serif;\n}\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{\n font-family:var(--sans);\n background:var(--cream);\n color:var(--ink);\n overflow-x:hidden;\n -webkit-font-smoothing:antialiased;\n}\n::selection{background:var(--gold);color:var(--green)}\nimg{max-width:100%;display:block}\na{color:inherit;text-decoration:none}\n\n\/* ---------- grain overlay ---------- *\/\n.grain{position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:.045;mix-blend-mode:multiply}\n\n\/* ---------- falling leaves canvas ---------- *\/\n#leafCanvas{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.5}\n\n\/* ---------- custom cursor ---------- *\/\n.cursor-dot{position:fixed;top:0;left:0;width:9px;height:9px;border-radius:50%;background:var(--gold);\n z-index:9999;pointer-events:none;transform:translate(-50%,-50%);transition:transform .15s ease, background .2s}\n.cursor-ring{position:fixed;top:0;left:0;width:40px;height:40px;border:1.5px solid rgba(22,53,42,.4);border-radius:50%;\n z-index:9998;pointer-events:none;transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .25s,opacity .25s}\n.cursor-ring.grow{width:74px;height:74px;border-color:var(--gold)}\n@media(max-width:900px){.cursor-dot,.cursor-ring{display:none}}\n\n\/* ---------- announcement ---------- *\/\n.announce{background:var(--green);color:var(--cream);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;\n text-align:center;padding:9px 16px;font-weight:500;position:relative;z-index:60}\n.announce b{color:var(--gold-2)}\n\n\/* ---------- header ---------- *\/\nheader{position:sticky;top:0;z-index:50;background:rgba(243,235,220,.82);backdrop-filter:blur(14px);\n border-bottom:1px solid var(--line);transition:padding .3s}\n.nav{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;\n padding:20px 30px;transition:padding .3s}\nheader.shrink .nav{padding:11px 30px}\n.brand{display:flex;align-items:center;gap:12px;cursor:pointer}\n.brand .mark{width:42px;height:42px;flex:none}\n.brand .txt b{font-family:var(--serif);font-weight:600;font-size:1.18rem;letter-spacing:.02em;color:var(--green);display:block;line-height:1}\n.brand .txt span{font-size:.6rem;letter-spacing:.34em;text-transform:uppercase;color:var(--terra);font-weight:600}\n.menu{display:flex;gap:34px;list-style:none}\n.menu a{font-size:.82rem;font-weight:500;letter-spacing:.04em;color:var(--green);position:relative;padding:4px 0}\n.menu a::after{content:\"\";position:absolute;left:0;bottom:-2px;width:0;height:1.5px;background:var(--gold);transition:width .3s}\n.menu a:hover::after{width:100%}\n.nav-right{display:flex;align-items:center;gap:20px}\n.icon-btn{background:none;border:none;cursor:pointer;color:var(--green);display:flex;align-items:center;position:relative}\n.icon-btn svg{width:23px;height:23px}\n.cart-count{position:absolute;top:-8px;right:-9px;background:var(--gold);color:var(--green);font-size:.62rem;\n font-weight:700;width:17px;height:17px;border-radius:50%;display:grid;place-items:center}\n.burger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer}\n.burger span{width:24px;height:2px;background:var(--green);transition:.3s}\n\n\/* ---------- hero ---------- *\/\n.hero{position:relative;min-height:92vh;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;\n gap:30px;max-width:1320px;margin:0 auto;padding:60px 30px 40px;z-index:2}\n.hero-bg{position:absolute;inset:0;z-index:-1;background:\n radial-gradient(900px 600px at 78% 35%, rgba(196,154,58,.18), transparent 60%),\n radial-gradient(700px 500px at 12% 80%, rgba(46,96,73,.14), transparent 60%);}\n.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;\n color:var(--terra);font-weight:600;margin-bottom:24px}\n.eyebrow::before{content:\"\";width:34px;height:1px;background:var(--terra)}\n.hero h1{font-family:var(--serif);font-weight:340;font-size:clamp(2.7rem,5.4vw,4.7rem);line-height:1.02;\n color:var(--green);letter-spacing:-.01em;margin-bottom:22px}\n.hero h1 em{font-style:italic;color:var(--gold);font-weight:380}\n.hero p.lead{font-size:1.05rem;color:var(--muted);max-width:440px;line-height:1.7;margin-bottom:34px}\n.hero-cta{display:flex;gap:16px;flex-wrap:wrap}\n.btn{position:relative;overflow:hidden;border:none;cursor:pointer;font-family:var(--sans);font-weight:600;\n font-size:.86rem;letter-spacing:.05em;padding:16px 32px;border-radius:40px;display:inline-flex;align-items:center;\n gap:9px;transition:transform .3s, color .4s;z-index:1}\n.btn svg{width:17px;height:17px}\n.btn-primary{background:var(--green);color:var(--cream)}\n.btn-primary::before{content:\"\";position:absolute;inset:0;z-index:-1;background:var(--gold);\n transform:translateY(101%);transition:transform .45s cubic-bezier(.7,0,.2,1)}\n.btn-primary:hover{color:var(--green);transform:translateY(-3px)}\n.btn-primary:hover::before{transform:translateY(0)}\n.btn-ghost{background:transparent;color:var(--green);border:1.5px solid var(--green)}\n.btn-ghost:hover{background:var(--green);color:var(--cream);transform:translateY(-3px)}\n.hero-stats{display:flex;gap:34px;margin-top:46px}\n.hero-stats div b{font-family:var(--serif);font-size:1.9rem;color:var(--green);display:block;line-height:1}\n.hero-stats div span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}\n\n\/* hero teacup visual *\/\n.hero-visual{position:relative;display:grid;place-items:center;min-height:480px}\n.cup-stage{position:relative;width:340px;height:430px}\n.disc{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:380px;height:380px;border-radius:50%;\n background:radial-gradient(circle at 38% 32%, #2E6049, #16352A 72%);box-shadow:var(--shadow), inset 0 0 60px rgba(0,0,0,.35);}\n.disc::after{content:\"\";position:absolute;inset:14px;border-radius:50%;border:1px solid rgba(224,184,91,.4)}\n.float-leaf{position:absolute;width:46px;opacity:.9;filter:drop-shadow(0 8px 12px rgba(0,0,0,.3));animation:bob 6s ease-in-out infinite}\n.float-leaf.l1{top:8%;left:6%;animation-delay:0s}\n.float-leaf.l2{bottom:10%;right:4%;width:36px;animation-delay:-2s}\n.float-leaf.l3{top:20%;right:0;width:28px;animation-delay:-4s}\n@keyframes bob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-16px) rotate(8deg)}}\n\n\/* steam shared component *\/\n.steam{position:absolute;left:50%;transform:translateX(-50%);width:120px;height:200px;pointer-events:none;z-index:5}\n.steam .puff{position:absolute;bottom:0;left:50%;width:60px;height:60px;border-radius:50%;\n background:radial-gradient(circle, rgba(255,255,255,.9), rgba(255,255,255,0) 68%);\n filter:blur(9px);opacity:0;transform:translateX(-50%)}\n.cup-stage .steam{bottom:300px}\n.cup-stage .steam .puff{animation:rise 4.2s linear infinite}\n.cup-stage .steam .puff:nth-child(1){--dx:-26px;animation-delay:0s}\n.cup-stage .steam .puff:nth-child(2){--dx:22px;animation-delay:-1.4s;width:48px;height:48px}\n.cup-stage .steam .puff:nth-child(3){--dx:-8px;animation-delay:-2.8s;width:70px;height:70px}\n.cup-stage .steam .puff:nth-child(4){--dx:14px;animation-delay:-3.6s;width:40px;height:40px}\n@keyframes rise{\n 0%{transform:translate(-50%,0) scale(.5);opacity:0}\n 18%{opacity:.7}\n 70%{opacity:.45}\n 100%{transform:translate(calc(-50% + var(--dx,0px)),-185px) scale(2);opacity:0}\n}\n\n\/* ---------- marquee ---------- *\/\n.marquee{background:var(--green);color:var(--cream);padding:18px 0;overflow:hidden;position:relative;z-index:3}\n.marquee-track{display:flex;gap:60px;white-space:nowrap;width:max-content;animation:scroll 28s linear infinite}\n.marquee:hover .marquee-track{animation-play-state:paused}\n.marquee span{font-family:var(--serif);font-size:1.25rem;font-style:italic;display:inline-flex;align-items:center;gap:60px}\n.marquee span::after{content:\"\u2726\";color:var(--gold);font-style:normal;font-size:.8rem}\n@keyframes scroll{to{transform:translateX(-50%)}}\n\n\/* ---------- section base ---------- *\/\nsection{position:relative;z-index:2}\n.wrap{max-width:1320px;margin:0 auto;padding:0 30px}\n.sec-head{text-align:center;max-width:620px;margin:0 auto 56px}\n.sec-tag{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--terra);font-weight:600;margin-bottom:14px;display:block}\n.sec-head h2{font-family:var(--serif);font-weight:340;font-size:clamp(2rem,4vw,3rem);color:var(--green);line-height:1.06}\n.sec-head h2 em{font-style:italic;color:var(--gold)}\n.sec-head p{margin-top:16px;color:var(--muted);font-size:1rem;line-height:1.7}\n\n\/* ---------- categories ---------- *\/\n.cats{padding:100px 0 30px}\n.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}\n.cat{position:relative;border-radius:18px;padding:30px 18px 26px;text-align:center;cursor:pointer;\n background:var(--paper);border:1px solid var(--line);transition:transform .4s, box-shadow .4s;overflow:hidden}\n.cat::before{content:\"\";position:absolute;inset:0;background:linear-gradient(160deg,var(--green-3),var(--green));\n opacity:0;transition:opacity .4s;z-index:0}\n.cat:hover{transform:translateY(-8px);box-shadow:var(--shadow)}\n.cat:hover::before{opacity:1}\n.cat svg,.cat h4,.cat span{position:relative;z-index:1;transition:color .4s}\n.cat svg{width:48px;height:48px;margin:0 auto 16px;color:var(--green)}\n.cat h4{font-family:var(--serif);font-size:1.1rem;color:var(--green);font-weight:500}\n.cat span{font-size:.72rem;color:var(--muted);letter-spacing:.06em}\n.cat:hover svg{color:var(--gold-2)}\n.cat:hover h4{color:var(--cream)}\n.cat:hover span{color:var(--cream-2)}\n\n\/* ---------- products ---------- *\/\n.shop{padding:90px 0 110px}\n.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}\n.card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:20px;\n padding:26px 22px 24px;transition:transform .45s,box-shadow .45s;overflow:visible}\n.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}\n.card .badge{position:absolute;top:16px;left:16px;background:var(--gold);color:var(--green);font-size:.62rem;\n font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:30px;z-index:8}\n.card .fav{position:absolute;top:14px;right:14px;background:none;border:none;cursor:pointer;color:var(--muted);z-index:8}\n.card .fav svg{width:20px;height:20px}\n.card .fav.on{color:var(--terra)}\n.tin-stage{position:relative;height:230px;display:grid;place-items:center;margin-bottom:18px}\n.tin{width:150px;filter:drop-shadow(0 18px 22px rgba(22,53,42,.28));transition:transform .5s}\n.card:hover .tin{transform:translateY(-6px) scale(1.03)}\n\/* product steam *\/\n.card .steam{bottom:160px;height:170px}\n.card .steam .puff{animation:rise 4s linear infinite;animation-play-state:paused}\n.card.is-steaming .steam .puff{animation-play-state:running}\n.card .steam .puff:nth-child(1){--dx:-24px;animation-delay:0s}\n.card .steam .puff:nth-child(2){--dx:20px;animation-delay:-1.3s;width:46px;height:46px}\n.card .steam .puff:nth-child(3){--dx:-6px;animation-delay:-2.6s;width:66px;height:66px}\n.card .steam .puff:nth-child(4){--dx:14px;animation-delay:-3.3s;width:38px;height:38px}\n.card .steam .puff:nth-child(5){--dx:-16px;animation-delay:-0.7s;width:52px;height:52px}\n.p-type{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--terra);font-weight:600}\n.card h3{font-family:var(--serif);font-size:1.22rem;color:var(--green);font-weight:500;margin:6px 0 4px;line-height:1.15}\n.p-notes{font-size:.8rem;color:var(--muted);line-height:1.5;margin-bottom:14px;min-height:36px}\n.p-foot{display:flex;align-items:center;justify-content:space-between}\n.p-price{font-family:var(--serif);font-size:1.25rem;color:var(--green);font-weight:600}\n.p-price small{font-size:.75rem;color:var(--muted);font-weight:400}\n.add{background:var(--green);color:var(--cream);border:none;cursor:pointer;border-radius:30px;font-family:var(--sans);\n font-weight:600;font-size:.78rem;padding:11px 18px;display:inline-flex;align-items:center;gap:7px;transition:.3s}\n.add svg{width:15px;height:15px}\n.add:hover{background:var(--gold);color:var(--green)}\n.stars{display:flex;gap:2px;color:var(--gold);margin-bottom:10px}\n.stars svg{width:14px;height:14px}\n\n\/* ---------- story (split) ---------- *\/\n.story{padding:110px 0;background:linear-gradient(170deg,var(--green),var(--green-2));color:var(--cream);position:relative;overflow:hidden}\n.story::before{content:\"\";position:absolute;top:-120px;right:-120px;width:420px;height:420px;border-radius:50%;\n background:radial-gradient(circle,rgba(196,154,58,.22),transparent 65%)}\n.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative;z-index:2}\n.story .sec-tag{color:var(--gold-2)}\n.story h2{font-family:var(--serif);font-weight:340;font-size:clamp(2rem,4vw,3rem);line-height:1.08;margin-bottom:24px}\n.story h2 em{font-style:italic;color:var(--gold-2)}\n.story p{color:rgba(243,235,220,.82);line-height:1.85;font-size:1.02rem;margin-bottom:18px;max-width:520px}\n.story-points{list-style:none;margin-top:30px;display:grid;gap:16px}\n.story-points li{display:flex;gap:14px;align-items:flex-start;font-size:.95rem}\n.story-points svg{width:22px;height:22px;color:var(--gold-2);flex:none;margin-top:1px}\n.crest{position:relative;display:grid;place-items:center}\n.crest-ring{width:380px;height:380px;border-radius:50%;border:1px solid rgba(224,184,91,.35);display:grid;place-items:center;\n background:radial-gradient(circle at 40% 35%,rgba(46,96,73,.7),rgba(15,35,28,.9));box-shadow:inset 0 0 80px rgba(0,0,0,.5)}\n.crest-inner{text-align:center}\n.crest-inner b{font-family:var(--serif);font-size:5rem;color:var(--gold-2);display:block;line-height:1}\n.crest-inner span{letter-spacing:.3em;text-transform:uppercase;font-size:.72rem;color:var(--cream-2)}\n.crest .orbit{position:absolute;inset:0;animation:spin 40s linear infinite}\n@keyframes spin{to{transform:rotate(360deg)}}\n.orbit .seed{position:absolute;top:-6px;left:50%;width:12px;height:12px;background:var(--gold);border-radius:50%;transform:translateX(-50%)}\n\n\/* ---------- ritual \/ steps ---------- *\/\n.ritual{padding:110px 0}\n.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;counter-reset:step}\n.step{position:relative;padding-top:60px}\n.step::before{counter-increment:step;content:\"0\" counter(step);font-family:var(--serif);font-size:3rem;color:var(--gold);\n opacity:.35;position:absolute;top:-6px;left:0;font-weight:600}\n.step h4{font-family:var(--serif);font-size:1.3rem;color:var(--green);margin-bottom:10px;font-weight:500}\n.step p{font-size:.9rem;color:var(--muted);line-height:1.65}\n.step .bar{width:46px;height:3px;background:var(--gold);margin-bottom:18px;border-radius:3px}\n\n\/* ---------- testimonials ---------- *\/\n.testi{padding:100px 0;background:var(--cream-2)}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n.quote{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:32px 28px;position:relative}\n.quote .mark{font-family:var(--serif);font-size:4rem;color:var(--gold);line-height:.6;opacity:.55}\n.quote p{font-size:1rem;line-height:1.7;color:var(--ink);margin:8px 0 20px;font-style:italic;font-family:var(--serif);font-weight:340}\n.quote .who{display:flex;align-items:center;gap:12px}\n.quote .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--green-3),var(--gold));\n display:grid;place-items:center;color:var(--cream);font-weight:700;font-family:var(--serif)}\n.quote .who b{font-size:.92rem;color:var(--green);display:block}\n.quote .who span{font-size:.74rem;color:var(--muted)}\n\n\/* ---------- instagram ---------- *\/\n.insta{padding:100px 0}\n.ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:40px}\n.ig-cell{aspect-ratio:1;border-radius:14px;overflow:hidden;position:relative;cursor:pointer;\n display:grid;place-items:center;border:1px solid var(--line)}\n.ig-cell .ig-art{position:absolute;inset:0;z-index:0}\n.ig-cell svg.tealeaf{position:relative;z-index:1;width:42%;color:rgba(255,255,255,.92);transition:transform .5s}\n.ig-cell:hover svg.tealeaf{transform:scale(1.15) rotate(8deg)}\n.ig-cell::after{content:\"\";position:absolute;inset:0;background:rgba(22,53,42,.0);transition:.4s;z-index:2}\n.ig-cell:hover::after{background:rgba(22,53,42,.45)}\n.ig-cell .ig-ico{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:.4s;z-index:3;color:#fff}\n.ig-cell:hover .ig-ico{opacity:1}\n.ig-cell .ig-ico svg{width:32px;height:32px}\n.ig-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}\n.ig-handle{display:flex;align-items:center;gap:16px}\n.ig-av{width:64px;height:64px;border-radius:50%;padding:3px;background:linear-gradient(45deg,var(--gold),var(--terra),var(--green-3));}\n.ig-av div{width:100%;height:100%;border-radius:50%;background:var(--green);display:grid;place-items:center;color:var(--gold-2);font-family:var(--serif);font-weight:600;font-size:1.3rem}\n.ig-handle b{font-size:1.1rem;color:var(--green);display:block}\n.ig-handle .nums{font-size:.82rem;color:var(--muted);display:flex;gap:16px;margin-top:4px}\n.ig-handle .nums b{display:inline;font-size:.82rem}\n\n\/* ---------- newsletter ---------- *\/\n.news{padding:90px 0}\n.news-box{background:linear-gradient(150deg,var(--green),var(--green-2));border-radius:28px;padding:64px 40px;\n text-align:center;position:relative;overflow:hidden;color:var(--cream)}\n.news-box .steam{bottom:auto;top:-30px;left:14%;opacity:.5}\n.news-box h2{font-family:var(--serif);font-weight:340;font-size:clamp(1.8rem,3.6vw,2.7rem);margin-bottom:14px}\n.news-box h2 em{font-style:italic;color:var(--gold-2)}\n.news-box p{color:rgba(243,235,220,.8);max-width:460px;margin:0 auto 30px;line-height:1.7}\n.news-form{display:flex;gap:10px;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center}\n.news-form input{flex:1;min-width:220px;border:none;border-radius:40px;padding:15px 22px;font-family:var(--sans);font-size:.9rem;background:var(--paper);color:var(--ink)}\n.news-form input:focus{outline:2px solid var(--gold)}\n\n\/* ---------- footer ---------- *\/\nfooter{background:var(--green);color:var(--cream);padding:70px 0 0}\n.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px}\n.foot-brand .mark{width:46px;height:46px;margin-bottom:16px}\n.foot-brand p{color:rgba(243,235,220,.7);line-height:1.7;font-size:.92rem;max-width:300px;margin-bottom:20px}\n.foot h5{font-family:var(--serif);font-size:1.05rem;color:var(--gold-2);margin-bottom:18px;font-weight:500}\n.foot ul{list-style:none;display:grid;gap:11px}\n.foot ul a{font-size:.88rem;color:rgba(243,235,220,.78);transition:.3s}\n.foot ul a:hover{color:var(--gold-2);padding-left:5px}\n.contact-line{display:flex;gap:11px;align-items:flex-start;font-size:.88rem;color:rgba(243,235,220,.85);margin-bottom:13px}\n.contact-line svg{width:18px;height:18px;color:var(--gold-2);flex:none;margin-top:2px}\n.socials{display:flex;gap:12px;margin-top:22px}\n.socials a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(224,184,91,.4);display:grid;place-items:center;color:var(--cream);transition:.3s}\n.socials a:hover{background:var(--gold);color:var(--green);transform:translateY(-3px)}\n.socials svg{width:20px;height:20px}\n.foot-bottom{border-top:1px solid rgba(224,184,91,.18);margin-top:54px;padding:26px 0;text-align:center;\n font-size:.78rem;color:rgba(243,235,220,.55);letter-spacing:.04em}\n.foot-bottom b{color:var(--gold-2)}\n\n\/* ---------- cart drawer ---------- *\/\n.overlay{position:fixed;inset:0;background:rgba(15,23,15,.5);z-index:120;opacity:0;visibility:hidden;transition:.35s}\n.overlay.open{opacity:1;visibility:visible}\n.drawer{position:fixed;top:0;right:0;height:100%;width:400px;max-width:90vw;background:var(--paper);z-index:130;\n transform:translateX(100%);transition:transform .4s cubic-bezier(.7,0,.2,1);display:flex;flex-direction:column}\n.drawer.open{transform:translateX(0)}\n.drawer-head{padding:24px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}\n.drawer-head h3{font-family:var(--serif);font-size:1.3rem;color:var(--green);font-weight:500}\n.drawer-head button{background:none;border:none;cursor:pointer;color:var(--green)}\n.drawer-head svg{width:24px;height:24px}\n.drawer-body{flex:1;overflow-y:auto;padding:20px 26px}\n.cart-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}\n.cart-item .ci-img{width:58px;height:58px;border-radius:12px;background:var(--cream-2);display:grid;place-items:center;flex:none}\n.cart-item .ci-img svg{width:34px}\n.cart-item .ci-info{flex:1}\n.cart-item .ci-info b{font-family:var(--serif);font-size:.96rem;color:var(--green);display:block}\n.cart-item .ci-info span{font-size:.78rem;color:var(--muted)}\n.qty{display:inline-flex;align-items:center;gap:10px;margin-top:6px}\n.qty button{width:24px;height:24px;border-radius:6px;border:1px solid var(--line);background:var(--cream);cursor:pointer;color:var(--green);font-weight:700}\n.ci-price{font-family:var(--serif);font-weight:600;color:var(--green)}\n.empty{text-align:center;color:var(--muted);padding:60px 0;font-style:italic;font-family:var(--serif)}\n.drawer-foot{padding:22px 26px;border-top:1px solid var(--line)}\n.drawer-foot .tot{display:flex;justify-content:space-between;margin-bottom:16px;font-family:var(--serif);font-size:1.2rem;color:var(--green)}\n.drawer-foot .btn{width:100%;justify-content:center}\n.free-note{font-size:.74rem;color:var(--terra);text-align:center;margin-top:12px;letter-spacing:.04em}\n\n\/* ---------- reveal ---------- *\/\n.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1)}\n.reveal.in{opacity:1;transform:none}\n\n\/* ---------- mobile ---------- *\/\n@media(max-width:1080px){\n .cat-grid{grid-template-columns:repeat(3,1fr)}\n .prod-grid{grid-template-columns:repeat(2,1fr)}\n .steps{grid-template-columns:repeat(2,1fr);gap:40px}\n .testi-grid{grid-template-columns:1fr}\n .ig-grid{grid-template-columns:repeat(3,1fr)}\n .foot-grid{grid-template-columns:1fr 1fr;gap:34px}\n}\n@media(max-width:820px){\n .menu{position:fixed;inset:0 0 0 30%;background:var(--green);flex-direction:column;justify-content:center;\n align-items:center;gap:30px;transform:translateX(100%);transition:.4s;z-index:55}\n .menu.open{transform:none}\n .menu a{color:var(--cream);font-size:1.1rem}\n .burger{display:flex}\n .hero{grid-template-columns:1fr;min-height:auto;padding-top:40px;text-align:center}\n .eyebrow{margin-inline:auto}\n .hero p.lead{margin-inline:auto}\n .hero-cta,.hero-stats{justify-content:center}\n .hero-visual{order:-1;min-height:380px}\n .story-grid{grid-template-columns:1fr;gap:50px}\n .crest-ring{width:300px;height:300px}\n}\n@media(max-width:560px){\n .cat-grid{grid-template-columns:1fr 1fr}\n .prod-grid{grid-template-columns:1fr}\n .ig-grid{grid-template-columns:repeat(2,1fr)}\n .foot-grid{grid-template-columns:1fr}\n .nav{padding:16px 20px}.wrap{padding:0 20px}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<svg class=\"grain\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.9\" numOctaves=\"3\"\/><\/filter><rect width=\"100%\" height=\"100%\" filter=\"url(#n)\"\/><\/svg>\n<canvas id=\"leafCanvas\"><\/canvas>\n<div class=\"cursor-ring\"><\/div><div class=\"cursor-dot\"><\/div>\n\n\n<div class=\"announce\">\ud83d\ude9a Free delivery across <b>Bahrain<\/b> on orders above BD 15 \u00b7 Sole authorised distributor of the world’s finest organic tea<\/div>\n\n\n<header id=\"header\">\n <nav class=\"nav\">\n <div class=\"brand\" onclick=\"scrollTo({top:0,behavior:'smooth'})\">\n <svg class=\"mark\" viewBox=\"0 0 64 64\" fill=\"none\">\n <circle cx=\"32\" cy=\"32\" r=\"30\" stroke=\"#C49A3A\" stroke-width=\"2\"\/>\n <path d=\"M32 14c-8 6-12 13-12 20a12 12 0 0024 0c0-7-4-14-12-20z\" fill=\"#16352A\"\/>\n <path d=\"M32 20v26\" stroke=\"#C49A3A\" stroke-width=\"1.6\"\/>\n <path d=\"M32 30c-4-2-7-1-9 1M32 36c4-2 7-1 9 1\" stroke=\"#C49A3A\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\n <\/svg>\n <div class=\"txt\"><b>AGT Al-Aswadi<\/b><span>Organic Tea \u00b7 Bahrain<\/span><\/div>\n <\/div>\n <ul class=\"menu\" id=\"menu\">\n <li><a href=\"#shop\">Shop<\/a><\/li>\n <li><a href=\"#cats\">Collections<\/a><\/li>\n <li><a href=\"#story\">Our Story<\/a><\/li>\n <li><a href=\"#ritual\">The Ritual<\/a><\/li>\n <li><a href=\"#insta\">Instagram<\/a><\/li>\n <\/ul>\n <div class=\"nav-right\">\n <button class=\"icon-btn\" aria-label=\"search\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4-4\" stroke-linecap=\"round\"\/><\/svg>\n <\/button>\n <button class=\"icon-btn\" id=\"cartBtn\" aria-label=\"cart\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M6 6h15l-1.5 9h-12L6 6zM6 6L5 3H3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"9\" cy=\"20\" r=\"1.4\"\/><circle cx=\"18\" cy=\"20\" r=\"1.4\"\/><\/svg>\n <span class=\"cart-count\" id=\"cartCount\">0<\/span>\n <\/button>\n <button class=\"burger\" id=\"burger\"><span><\/span><span><\/span><span><\/span><\/button>\n <\/div>\n <\/nav>\n<\/header>\n\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-text\">\n <span class=\"eyebrow\">Sourced at origin \u00b7 Brewed in Bahrain<\/span>\n <h1>The world’s finest <em>organic tea<\/em>, carried to your cup.<\/h1>\n <p class=\"lead\">AGT Al-Aswadi hand-selects single-estate leaves from the best gardens on earth \u2014 then delivers them fresh to every doorstep across the Kingdom of Bahrain.<\/p>\n <div class=\"hero-cta\">\n <button class=\"btn btn-primary\" onclick=\"document.getElementById('shop').scrollIntoView({behavior:'smooth'})\">\n Explore the Collection\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/button>\n <a class=\"btn btn-ghost\" href=\"#story\">Our Story<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div><b>7.1K+<\/b><span>Community<\/span><\/div>\n <div><b>40+<\/b><span>Estate Teas<\/span><\/div>\n <div><b>100%<\/b><span>Organic<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"cup-stage\">\n <div class=\"steam\"><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><\/div>\n <div class=\"disc\"><\/div>\n \n <svg viewBox=\"0 0 320 320\" style=\"position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:300px;z-index:4\" fill=\"none\">\n <ellipse cx=\"150\" cy=\"118\" rx=\"92\" ry=\"26\" fill=\"#0E2620\"\/>\n <ellipse cx=\"150\" cy=\"114\" rx=\"84\" ry=\"22\" fill=\"#7A4A1E\"\/>\n <ellipse cx=\"150\" cy=\"112\" rx=\"78\" ry=\"18\" fill=\"#A9692B\"\/>\n <path d=\"M58 116c4 70 26 118 92 118s88-48 92-118\" fill=\"#F3EBDC\"\/>\n <path d=\"M58 116c4 70 26 118 92 118s88-48 92-118\" stroke=\"#C49A3A\" stroke-width=\"2\"\/>\n <path d=\"M242 132c30-6 42 12 34 34-7 18-26 22-40 18\" stroke=\"#F3EBDC\" stroke-width=\"14\" stroke-linecap=\"round\"\/>\n <path d=\"M242 132c30-6 42 12 34 34-7 18-26 22-40 18\" stroke=\"#C49A3A\" stroke-width=\"2\" fill=\"none\"\/>\n <ellipse cx=\"150\" cy=\"270\" rx=\"70\" ry=\"14\" fill=\"#0E2620\" opacity=\".35\"\/>\n <path d=\"M120 110q12-22 30-10M150 102q14-18 30-6\" stroke=\"#16352A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <\/svg>\n <svg class=\"float-leaf l1\" viewBox=\"0 0 40 40\" fill=\"#2E6049\"><path d=\"M20 2C8 8 4 18 4 26a16 16 0 0032 0c0-8-4-18-16-24z\"\/><path d=\"M20 6v26\" stroke=\"#C49A3A\" stroke-width=\"1.5\"\/><\/svg>\n <svg class=\"float-leaf l2\" viewBox=\"0 0 40 40\" fill=\"#C49A3A\"><path d=\"M20 2C8 8 4 18 4 26a16 16 0 0032 0c0-8-4-18-16-24z\"\/><\/svg>\n <svg class=\"float-leaf l3\" viewBox=\"0 0 40 40\" fill=\"#9A5333\"><path d=\"M20 2C8 8 4 18 4 26a16 16 0 0032 0c0-8-4-18-16-24z\"\/><\/svg>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"marquee\">\n <div class=\"marquee-track\">\n <span>Single Estate<\/span><span>Garden Fresh<\/span><span>Ethically Sourced<\/span><span>100% Organic<\/span><span>Delivered in Bahrain<\/span>\n <span>Single Estate<\/span><span>Garden Fresh<\/span><span>Ethically Sourced<\/span><span>100% Organic<\/span><span>Delivered in Bahrain<\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"cats\" id=\"cats\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <span class=\"sec-tag\">Shop By Collection<\/span>\n <h2>Find your <em>perfect brew<\/em><\/h2>\n <p>From bold morning blacks to soothing herbal infusions \u2014 every leaf tells a story of its garden.<\/p>\n <\/div>\n <div class=\"cat-grid\">\n <div class=\"cat reveal\" data-cat=\"Black Tea\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10 18h24l-2 20H12L10 18z\"\/><path d=\"M34 22c6 0 8 8 0 10\" \/><path d=\"M16 12c0-3 3-3 3-6M24 12c0-3 3-3 3-6\" stroke-linecap=\"round\"\/><\/svg>\n <h4>Black Tea<\/h4><span>Bold & Malty<\/span>\n <\/div>\n <div class=\"cat reveal\" data-cat=\"Green Tea\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M24 8C12 16 10 28 14 36c8 4 18 0 22-8 4-10-2-18-12-20z\"\/><path d=\"M16 34C22 28 30 24 36 22\" stroke-linecap=\"round\"\/><\/svg>\n <h4>Green Tea<\/h4><span>Fresh & Grassy<\/span>\n <\/div>\n <div class=\"cat reveal\" data-cat=\"Herbal\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"24\" cy=\"24\" r=\"6\"\/><path d=\"M24 18V6M24 30v12M18 24H6M30 24h12M19 19l-8-8M29 29l8 8M29 19l8-8M19 29l-8 8\" stroke-linecap=\"round\"\/><\/svg>\n <h4>Herbal<\/h4><span>Caffeine Free<\/span>\n <\/div>\n <div class=\"cat reveal\" data-cat=\"Masala Chai\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 20h22v12a8 8 0 01-8 8h-6a8 8 0 01-8-8V20z\"\/><path d=\"M34 24c6 0 7 7 0 9\"\/><path d=\"M18 14c0-3 3-3 3-6M26 14c0-3 3-3 3-6\" stroke-linecap=\"round\"\/><\/svg>\n <h4>Masala Chai<\/h4><span>Spiced & Warming<\/span>\n <\/div>\n <div class=\"cat reveal\" data-cat=\"Wellness\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M24 40s-14-8-14-20a8 8 0 0114-5 8 8 0 0114 5c0 12-14 20-14 20z\"\/><path d=\"M24 22v8M20 26h8\" stroke-linecap=\"round\"\/><\/svg>\n <h4>Wellness<\/h4><span>Turmeric & Tulsi<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"shop\" id=\"shop\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <span class=\"sec-tag\">Bestsellers<\/span>\n <h2>Hover a tin to <em>watch it steep<\/em><\/h2>\n <p>Each blend is packed fresh at origin. Hover over any tea to release its rising steam \u2014 just like a fresh-poured cup.<\/p>\n <\/div>\n <div class=\"prod-grid\" id=\"prodGrid\"><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"story\" id=\"story\">\n <div class=\"wrap\">\n <div class=\"story-grid\">\n <div class=\"reveal\">\n <span class=\"sec-tag\">Our Story<\/span>\n <h2>Bahrain’s gateway to <em>the rarest gardens<\/em> on earth.<\/h2>\n <p>AGT Al-Aswadi began with a single belief: the people of Bahrain deserve tea exactly as it was meant to be tasted \u2014 fresh from the estate, untouched by middlemen, and brewed with intention.<\/p>\n <p>As the Kingdom’s sole authorised distributor, we travel to the world’s most celebrated tea gardens, choose only certified-organic harvests, and carry them home so the leaves reach your cup at their living best.<\/p>\n <ul class=\"story-points\">\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Direct-from-garden sourcing \u2014 no unnecessary middlemen.<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> 100% certified organic, packed fresh at origin.<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Fast, careful delivery to every corner of Bahrain.<\/li>\n <\/ul>\n <\/div>\n <div class=\"crest reveal\">\n <div class=\"orbit\"><span class=\"seed\"><\/span><\/div>\n <div class=\"crest-ring\">\n <div class=\"crest-inner\"><b>AGT<\/b><span>Al-Aswadi<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"ritual\" id=\"ritual\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <span class=\"sec-tag\">The AGT Ritual<\/span>\n <h2>From garden to <em>your golden cup<\/em><\/h2>\n <\/div>\n <div class=\"steps\">\n <div class=\"step reveal\"><div class=\"bar\"><\/div><h4>Hand-Picked<\/h4><p>Only the top two leaves and a bud, plucked at peak freshness by skilled garden hands.<\/p><\/div>\n <div class=\"step reveal\"><div class=\"bar\"><\/div><h4>Packed at Origin<\/h4><p>Sealed within hours of harvest to lock in aroma, antioxidants and character.<\/p><\/div>\n <div class=\"step reveal\"><div class=\"bar\"><\/div><h4>Sourced by AGT<\/h4><p>Imported directly and exclusively for Bahrain \u2014 bypassing the middlemen entirely.<\/p><\/div>\n <div class=\"step reveal\"><div class=\"bar\"><\/div><h4>Brewed by You<\/h4><p>Steep, pour, and let the steam rise. A ritual of calm, delivered to your door.<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"testi\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <span class=\"sec-tag\">Loved Across The Kingdom<\/span>\n <h2>What our <em>tea family<\/em> says<\/h2>\n <\/div>\n <div class=\"testi-grid\">\n <div class=\"quote reveal\"><div class=\"mark\">\u201c<\/div><p>The freshest tea I’ve had in Bahrain. You can actually smell the garden when you open the tin.<\/p><div class=\"who\"><div class=\"av\">N<\/div><div><b>Noor A.<\/b><span>Manama<\/span><\/div><\/div><\/div>\n <div class=\"quote reveal\"><div class=\"mark\">\u201c<\/div><p>Their masala chai is unreal and delivery was next-day. AGT has my whole family hooked.<\/p><div class=\"who\"><div class=\"av\">Y<\/div><div><b>Yousef K.<\/b><span>Riffa<\/span><\/div><\/div><\/div>\n <div class=\"quote reveal\"><div class=\"mark\">\u201c<\/div><p>Finally a source for genuine organic green tea. Quality you can taste in every cup.<\/p><div class=\"who\"><div class=\"av\">S<\/div><div><b>Sara M.<\/b><span>Muharraq<\/span><\/div><\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"insta\" id=\"insta\">\n <div class=\"wrap\">\n <div class=\"ig-head reveal\">\n <div class=\"ig-handle\">\n <a class=\"ig-av\" href=\"https:\/\/www.instagram.com\/agt.alaswadi\" target=\"_blank\"><div>AGT<\/div><\/a>\n <div>\n <b>@agt.alaswadi<\/b>\n <div class=\"nums\"><span><b>454<\/b> posts<\/span><span><b>7,162<\/b> followers<\/span><span><b>1,018<\/b> following<\/span><\/div>\n <\/div>\n <\/div>\n <a class=\"btn btn-primary\" href=\"https:\/\/www.instagram.com\/agt.alaswadi\" target=\"_blank\">\n Follow on Instagram\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"\/><\/svg>\n <\/a>\n <\/div>\n <div class=\"ig-grid\" id=\"igGrid\"><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"news\">\n <div class=\"wrap\">\n <div class=\"news-box reveal\">\n <div class=\"steam\"><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><\/div>\n <h2>Join the <em>AGT tea club<\/em><\/h2>\n <p>Be first to hear about new estate arrivals, brewing rituals and members-only offers across Bahrain.<\/p>\n <div class=\"news-form\">\n <input type=\"email\" id=\"newsEmail\" placeholder=\"Your email address\">\n <button class=\"btn btn-primary\" onclick=\"subscribe()\">Subscribe<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"wrap\">\n <div class=\"foot-grid\">\n <div class=\"foot-brand\">\n <svg class=\"mark\" viewBox=\"0 0 64 64\" fill=\"none\">\n <circle cx=\"32\" cy=\"32\" r=\"30\" stroke=\"#E0B85B\" stroke-width=\"2\"\/>\n <path d=\"M32 14c-8 6-12 13-12 20a12 12 0 0024 0c0-7-4-14-12-20z\" fill=\"#E0B85B\"\/>\n <path d=\"M32 20v26\" stroke=\"#16352A\" stroke-width=\"1.6\"\/>\n <\/svg>\n <p>AGT Al-Aswadi \u2014 the sole authorised distributor of the world’s finest organic tea in the Kingdom of Bahrain.<\/p>\n <div class=\"socials\">\n <a href=\"https:\/\/www.instagram.com\/agt.alaswadi\" target=\"_blank\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"\/><\/svg><\/a>\n <a href=\"https:\/\/www.facebook.com\/AGTalaswadi.3\" target=\"_blank\" aria-label=\"Facebook\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M14 9h3V5h-3c-2.2 0-4 1.8-4 4v2H7v4h3v6h4v-6h3l1-4h-4V9c0-.6.4-1 1-1z\"\/><\/svg><\/a>\n <a href=\"tel:+97334490070\" aria-label=\"Phone\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M5 4h4l2 5-3 2a12 12 0 005 5l2-3 5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2z\" stroke-linejoin=\"round\"\/><\/svg><\/a>\n <\/div>\n <\/div>\n <div class=\"foot\">\n <h5>Shop<\/h5>\n <ul>\n <li><a href=\"#cats\">Black Tea<\/a><\/li>\n <li><a href=\"#cats\">Green Tea<\/a><\/li>\n <li><a href=\"#cats\">Herbal Infusions<\/a><\/li>\n <li><a href=\"#cats\">Masala Chai<\/a><\/li>\n <li><a href=\"#cats\">Wellness Blends<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"foot\">\n <h5>Company<\/h5>\n <ul>\n <li><a href=\"#story\">Our Story<\/a><\/li>\n <li><a href=\"#ritual\">The Ritual<\/a><\/li>\n <li><a href=\"#insta\">Instagram<\/a><\/li>\n <li><a href=\"https:\/\/www.facebook.com\/AGTalaswadi.3\" target=\"_blank\">Facebook<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"foot\">\n <h5>Get In Touch<\/h5>\n <div class=\"contact-line\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M5 4h4l2 5-3 2a12 12 0 005 5l2-3 5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2z\" stroke-linejoin=\"round\"\/><\/svg><a href=\"tel:+97334490070\">+973 3449 0070<\/a><\/div>\n <div class=\"contact-line\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M21 10c0 6-9 12-9 12s-9-6-9-12a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><span>Kingdom of Bahrain<\/span><\/div>\n <div class=\"contact-line\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"\/><\/svg><a href=\"https:\/\/www.instagram.com\/agt.alaswadi\" target=\"_blank\">@agt.alaswadi<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"foot-bottom\">\u00a9 <span id=\"yr\"><\/span> <b>AGT Al-Aswadi<\/b> \u00b7 The finest organic tea, delivered across Bahrain \u00b7 Crafted with care.<\/div>\n <\/div>\n<\/footer>\n\n\n<div class=\"overlay\" id=\"overlay\"><\/div>\n<aside class=\"drawer\" id=\"drawer\">\n <div class=\"drawer-head\">\n <h3>Your Tea Tray<\/h3>\n <button id=\"closeCart\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 6l12 12M18 6L6 18\" stroke-linecap=\"round\"\/><\/svg><\/button>\n <\/div>\n <div class=\"drawer-body\" id=\"drawerBody\"><div class=\"empty\">Your tray is empty \u2014 go add some tea \ud83c\udf43<\/div><\/div>\n <div class=\"drawer-foot\">\n <div class=\"tot\"><span>Total<\/span><span id=\"cartTotal\">BD 0.000<\/span><\/div>\n <button class=\"btn btn-primary\">Checkout<\/button>\n <div class=\"free-note\" id=\"freeNote\">Add BD 15.000 for free Bahrain delivery<\/div>\n <\/div>\n<\/aside>\n\n<script>\ndocument.getElementById('yr').textContent=new Date().getFullYear();\n\n\/* ---------------- products ---------------- *\/\nconst TINS=[\n {n:'Himalayan Spring Green',t:'Green Tea',notes:'Sweet, grassy, delicate florals.',p:6.500,c:'#3F7A4E',badge:'Bestseller',r:5},\n {n:'Assam Estate Breakfast',t:'Black Tea',notes:'Bold, malty, full-bodied morning brew.',p:5.900,c:'#5A2E16',badge:null,r:5},\n {n:'Royal Masala Chai',t:'Masala Chai',notes:'Cardamom, ginger, cinnamon & clove.',p:6.900,c:'#8A4B2E',badge:'New',r:5},\n {n:'Kashmiri Kahwa',t:'Green Tea',notes:'Saffron, almond & rose petals.',p:7.500,c:'#C49A3A',badge:null,r:4},\n {n:'Turmeric Wellness',t:'Wellness',notes:'Golden turmeric, ginger & black pepper.',p:6.200,c:'#D08A23',badge:null,r:5},\n {n:'Moroccan Mint',t:'Green Tea',notes:'Cooling spearmint over gunpowder green.',p:5.600,c:'#2E6049',badge:null,r:4},\n {n:'Chamomile Bloom',t:'Herbal',notes:'Soft, honeyed, caffeine-free calm.',p:5.400,c:'#9aa14a',badge:null,r:5},\n {n:'Earl Grey Citrus',t:'Black Tea',notes:'Bergamot-kissed black with orange peel.',p:6.100,c:'#3a3f6b',badge:'Bestseller',r:5}\n];\n\nfunction tinSVG(c){\n return `<svg class=\"tin\" viewBox=\"0 0 160 220\" fill=\"none\">\n <defs><linearGradient id=\"g${c.replace('#','')}\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n <stop offset=\"0\" stop-color=\"${c}\"\/><stop offset=\"1\" stop-color=\"${shade(c,-28)}\"\/><\/linearGradient><\/defs>\n <ellipse cx=\"80\" cy=\"206\" rx=\"56\" ry=\"11\" fill=\"#16352A\" opacity=\".18\"\/>\n <rect x=\"30\" y=\"44\" width=\"100\" height=\"160\" rx=\"14\" fill=\"url(#g${c.replace('#','')})\"\/>\n <rect x=\"30\" y=\"44\" width=\"100\" height=\"160\" rx=\"14\" stroke=\"${shade(c,-40)}\" stroke-width=\"1.5\"\/>\n <rect x=\"26\" y=\"30\" width=\"108\" height=\"22\" rx=\"8\" fill=\"${shade(c,18)}\"\/>\n <rect x=\"26\" y=\"30\" width=\"108\" height=\"22\" rx=\"8\" stroke=\"${shade(c,-30)}\" stroke-width=\"1.5\"\/>\n <rect x=\"44\" y=\"84\" width=\"72\" height=\"84\" rx=\"6\" fill=\"#F3EBDC\" opacity=\".95\"\/>\n <path d=\"M80 96c-7 4-10 9-10 14a10 10 0 0020 0c0-5-3-10-10-14z\" fill=\"${c}\"\/>\n <path d=\"M80 100v22\" stroke=\"${shade(c,-25)}\" stroke-width=\"1.4\"\/>\n <rect x=\"52\" y=\"150\" width=\"56\" height=\"3\" rx=\"1.5\" fill=\"${c}\"\/>\n <text x=\"80\" y=\"142\" text-anchor=\"middle\" font-family=\"Fraunces,serif\" font-size=\"9\" letter-spacing=\"2\" fill=\"#16352A\">AGT<\/text>\n <rect x=\"40\" y=\"62\" width=\"80\" height=\"2\" fill=\"${shade(c,30)}\" opacity=\".6\"\/>\n <\/svg>`;\n}\nfunction shade(hex,p){let n=parseInt(hex.slice(1),16);let r=(n>>16)+p,g=(n>>8&255)+p,b=(n&255)+p;\n r=Math.max(0,Math.min(255,r));g=Math.max(0,Math.min(255,g));b=Math.max(0,Math.min(255,b));\n return '#'+(0x1000000+(r<<16)+(g<<8)+b).toString(16).slice(1);}\n\nconst grid=document.getElementById('prodGrid');\nTINS.forEach((tea,i)=>{\n const stars=Array(5).fill(0).map((_,k)=>`<svg viewBox=\"0 0 24 24\" fill=\"${k<tea.r?'currentColor':'none'}\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 3l2.6 5.3 5.9.9-4.2 4.1 1 5.8L12 16.9 6.7 19.2l1-5.8L3.5 9.2l5.9-.9z\"\/><\/svg>`).join('');\n const card=document.createElement('div');\n card.className='card reveal';\n card.innerHTML=`\n ${tea.badge?`<span class=\"badge\">${tea.badge}<\/span>`:''}\n <button class=\"fav\" aria-label=\"favourite\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 20s-7-4.3-9.2-9C1.3 8 3 4.5 6.5 4.5c2 0 3.4 1.2 4.2 2.4.8-1.2 2.2-2.4 4.2-2.4 3.5 0 5.2 3.5 3.7 6.5C18.4 15.7 12 20 12 20z\"\/><\/svg><\/button>\n <div class=\"tin-stage\">\n <div class=\"steam\"><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><\/div>\n ${tinSVG(tea.c)}\n <\/div>\n <div class=\"p-type\">${tea.t}<\/div>\n <h3>${tea.n}<\/h3>\n <div class=\"stars\">${stars}<\/div>\n <p class=\"p-notes\">${tea.notes}<\/p>\n <div class=\"p-foot\">\n <div class=\"p-price\">BD ${tea.p.toFixed(3)} <small>\/ 100g<\/small><\/div>\n <button class=\"add\" data-i=\"${i}\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\" stroke-linecap=\"round\"\/><\/svg>Add<\/button>\n <\/div>`;\n grid.appendChild(card);\n\n \/\/ steam hover with 5s persistence\n let timer;\n card.addEventListener('mouseenter',()=>{clearTimeout(timer);card.classList.add('is-steaming');});\n card.addEventListener('mouseleave',()=>{timer=setTimeout(()=>card.classList.remove('is-steaming'),5000);});\n\n card.querySelector('.fav').addEventListener('click',e=>{e.currentTarget.classList.toggle('on');});\n card.querySelector('.add').addEventListener('click',()=>addToCart(i));\n});\n\n\/* ---------------- instagram grid ---------------- *\/\nconst igColors=[['#16352A','#2E6049'],['#9A5333','#C49A3A'],['#2E6049','#3F7A4E'],['#C49A3A','#E0B85B'],['#5A2E16','#9A5333'],['#1F4A39','#16352A'],['#3a3f6b','#2E6049'],['#D08A23','#9A5333'],['#2E6049','#C49A3A'],['#16352A','#5A2E16'],['#9aa14a','#3F7A4E'],['#C49A3A','#9A5333']];\nconst igGrid=document.getElementById('igGrid');\nigColors.forEach(([a,b])=>{\n const cell=document.createElement('a');\n cell.className='ig-cell';cell.href='https:\/\/www.instagram.com\/agt.alaswadi';cell.target='_blank';\n cell.innerHTML=`\n <div class=\"ig-art\" style=\"background:linear-gradient(140deg,${a},${b})\"><\/div>\n <svg class=\"tealeaf\" viewBox=\"0 0 40 40\" fill=\"currentColor\"><path d=\"M20 2C8 8 4 18 4 26a16 16 0 0032 0c0-8-4-18-16-24z\"\/><path d=\"M20 6v26\" stroke=\"rgba(0,0,0,.15)\" stroke-width=\"1.4\"\/><\/svg>\n <div class=\"ig-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"\/><\/svg><\/div>`;\n igGrid.appendChild(cell);\n});\n\n\/* ---------------- cart ---------------- *\/\nlet cart=[];\nconst overlay=document.getElementById('overlay'),drawer=document.getElementById('drawer');\nfunction openCart(){overlay.classList.add('open');drawer.classList.add('open');}\nfunction closeCart(){overlay.classList.remove('open');drawer.classList.remove('open');}\ndocument.getElementById('cartBtn').onclick=openCart;\ndocument.getElementById('closeCart').onclick=closeCart;\noverlay.onclick=closeCart;\n\nfunction addToCart(i){\n const ex=cart.find(c=>c.i===i);\n if(ex)ex.q++;else cart.push({i,q:1});\n renderCart();openCart();\n}\nfunction renderCart(){\n const body=document.getElementById('drawerBody');\n const count=cart.reduce((s,c)=>s+c.q,0);\n document.getElementById('cartCount').textContent=count;\n if(!cart.length){body.innerHTML='<div class=\"empty\">Your tray is empty \u2014 go add some tea \ud83c\udf43<\/div>';}\n else{\n body.innerHTML=cart.map(c=>{const t=TINS[c.i];return `\n <div class=\"cart-item\">\n <div class=\"ci-img\"><svg viewBox=\"0 0 40 40\" fill=\"${t.c}\"><path d=\"M20 4C9 9 6 18 6 25a14 14 0 0028 0c0-7-3-16-14-21z\"\/><\/svg><\/div>\n <div class=\"ci-info\"><b>${t.n}<\/b><span>${t.t}<\/span>\n <div class=\"qty\"><button onclick=\"chg(${c.i},-1)\">\u2212<\/button><span>${c.q}<\/span><button onclick=\"chg(${c.i},1)\">+<\/button><\/div>\n <\/div>\n <div class=\"ci-price\">BD ${(t.p*c.q).toFixed(3)}<\/div>\n <\/div>`;}).join('');\n }\n const total=cart.reduce((s,c)=>s+TINS[c.i].p*c.q,0);\n document.getElementById('cartTotal').textContent='BD '+total.toFixed(3);\n const note=document.getElementById('freeNote');\n note.textContent=total>=15?'\ud83c\udf89 You\\'ve unlocked free Bahrain delivery!':`Add BD ${(15-total).toFixed(3)} for free Bahrain delivery`;\n}\nfunction chg(i,d){const it=cart.find(c=>c.i===i);if(!it)return;it.q+=d;if(it.q<=0)cart=cart.filter(c=>c.i!==i);renderCart();}\n\nfunction subscribe(){\n const e=document.getElementById('newsEmail');\n if(e.value&&e.value.includes('@')){e.value='';alert('Welcome to the AGT Tea Club! \ud83c\udf43');}\n else{e.focus();e.style.outline='2px solid #9A5333';}\n}\n\n\/* ---------------- header shrink + burger ---------------- *\/\nconst header=document.getElementById('header');\naddEventListener('scroll',()=>header.classList.toggle('shrink',scrollY>40));\nconst burger=document.getElementById('burger'),menu=document.getElementById('menu');\nburger.onclick=()=>menu.classList.toggle('open');\nmenu.querySelectorAll('a').forEach(a=>a.onclick=()=>menu.classList.remove('open'));\n\n\/* ---------------- reveal observer ---------------- *\/\nconst io=new IntersectionObserver((es)=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}}),{threshold:.14});\nfunction obs(){document.querySelectorAll('.reveal:not(.in)').forEach(el=>io.observe(el));}\nobs();setTimeout(obs,300);\n\n\/* ---------------- custom cursor ---------------- *\/\nconst dot=document.querySelector('.cursor-dot'),ring=document.querySelector('.cursor-ring');\nlet rx=0,ry=0,dx=0,dy=0;\naddEventListener('mousemove',e=>{dx=e.clientX;dy=e.clientY;dot.style.transform=`translate(${dx}px,${dy}px) translate(-50%,-50%)`;});\n(function loop(){rx+=(dx-rx)*.18;ry+=(dy-ry)*.18;ring.style.transform=`translate(${rx}px,${ry}px) translate(-50%,-50%)`;requestAnimationFrame(loop);})();\ndocument.querySelectorAll('a,button,.cat,.card,.ig-cell').forEach(el=>{\n el.addEventListener('mouseenter',()=>ring.classList.add('grow'));\n el.addEventListener('mouseleave',()=>ring.classList.remove('grow'));\n});\n\n\/* ---------------- falling tea leaves ---------------- *\/\nconst cv=document.getElementById('leafCanvas'),ctx=cv.getContext('2d');\nlet W,H,leaves=[];\nfunction resize(){W=cv.width=innerWidth;H=cv.height=innerHeight;}\nresize();addEventListener('resize',resize);\nconst leafCols=['#3F7A4E','#C49A3A','#9A5333','#2E6049'];\nfor(let i=0;i<16;i++)leaves.push({x:Math.random()*W,y:Math.random()*H,s:6+Math.random()*8,\n vy:.3+Math.random()*.7,vx:(Math.random()-.5)*.5,a:Math.random()*Math.PI,va:(Math.random()-.5)*.03,\n col:leafCols[i%leafCols.length],op:.25+Math.random()*.4});\nfunction drawLeaf(l){ctx.save();ctx.translate(l.x,l.y);ctx.rotate(l.a);ctx.globalAlpha=l.op;ctx.fillStyle=l.col;\n ctx.beginPath();ctx.moveTo(0,-l.s);ctx.quadraticCurveTo(l.s,-l.s*.2,0,l.s);ctx.quadraticCurveTo(-l.s,-l.s*.2,0,-l.s);\n ctx.fill();ctx.restore();}\nfunction anim(){ctx.clearRect(0,0,W,H);leaves.forEach(l=>{l.y+=l.vy;l.x+=l.vx+Math.sin(l.y*.01)*.3;l.a+=l.va;\n if(l.y>H+20){l.y=-20;l.x=Math.random()*W;}drawLeaf(l);});requestAnimationFrame(anim);}\nanim();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>AGT Al-Aswadi \u2014 The World’s Finest Organic Tea \u00b7 Bahrain \ud83d\ude9a Free delivery across Bahrain on orders above BD 15 \u00b7 Sole authorised distributor of the world’s finest organic tea AGT Al-AswadiOrganic Tea \u00b7 Bahrain Shop Collections Our Story The Ritual Instagram 0 Sourced at origin \u00b7 Brewed in Bahrain The world’s finest organic tea, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-103","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/comments?post=103"}],"version-history":[{"count":2,"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/103\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/103\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/media?parent=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}