AGT Al-Aswadi \u2014 Fresh Organic Tea, Delivered in 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=Bricolage+Grotesque:opsz,wght@12..96,300..800&family=Figtree:wght@300..700&family=Instrument+Serif:ital@0;1&display=swap\" rel=\"stylesheet\">\n<style>\n:root{\n --bone:#F2EAD7;\n --cream:#FAF4E6;\n --spruce:#0F3A33;\n --spruce-2:#15564B;\n --ink:#14180F;\n --amber:#E89A2C;\n --amber-2:#F4C065;\n --clay:#C75A39;\n --matcha:#8FA63D;\n --muted:#5B6151;\n --line:rgba(15,58,51,.16);\n --shadow:0 24px 60px -28px rgba(15,58,51,.5);\n --disp:'Bricolage Grotesque',sans-serif;\n --serif:'Instrument Serif',Georgia,serif;\n --body:'Figtree',system-ui,sans-serif;\n --r:24px;\n}\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{font-family:var(--body);background:var(--bone);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}\n::selection{background:var(--amber);color:var(--spruce)}\na{color:inherit;text-decoration:none}\nimg{max-width:100%;display:block}\n\n.grain{position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:.04;mix-blend-mode:multiply}\n.cur{position:fixed;width:14px;height:14px;border-radius:50%;background:var(--clay);z-index:9999;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:multiply;transition:width .25s,height .25s,background .25s}\n.cur.grow{width:54px;height:54px;background:var(--amber)}\n@media(max-width:900px){.cur{display:none}}\n\n\/* scroll progress *\/\n.progress{position:fixed;top:0;left:0;height:3px;background:var(--clay);z-index:9995;width:0}\n\n\/* announce *\/\n.announce{background:var(--spruce);color:var(--cream);text-align:center;padding:9px 16px;font-size:.78rem;font-weight:500;letter-spacing:.02em;position:relative;z-index:60}\n.announce b{color:var(--amber-2)}\n\n\/* header *\/\nheader{position:sticky;top:0;z-index:50;background:rgba(242,234,215,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:padding .3s}\n.nav{max-width:1380px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;transition:padding .3s}\nheader.shrink .nav{padding:11px 32px}\n.brand{display:flex;align-items:center;gap:11px;cursor:pointer}\n.brand .logo{width:40px;height:40px}\n.brand b{font-family:var(--disp);font-weight:700;font-size:1.28rem;letter-spacing:-.02em;color:var(--spruce);line-height:.9}\n.brand b i{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--clay)}\n.menu{display:flex;gap:32px;list-style:none}\n.menu a{font-size:.92rem;font-weight:500;color:var(--ink);position:relative;padding:4px 0}\n.menu a::after{content:\"\";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--clay);transition:.3s;border-radius:2px}\n.menu a:hover::after{width:100%}\n.nav-right{display:flex;align-items:center;gap:16px}\n.pill-btn{background:var(--spruce);color:var(--cream);border:none;cursor:pointer;font-family:var(--body);font-weight:600;font-size:.86rem;padding:11px 20px;border-radius:40px;display:inline-flex;align-items:center;gap:8px;transition:.25s;position:relative}\n.pill-btn:hover{background:var(--clay);transform:translateY(-2px)}\n.pill-btn svg{width:18px;height:18px}\n.cart-count{background:var(--amber);color:var(--spruce);font-size:.66rem;font-weight:800;min-width:18px;height:18px;border-radius:30px;display:grid;place-items:center;padding:0 4px}\n.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}\n.burger span{width:25px;height:2.5px;background:var(--spruce);border-radius:3px;transition:.3s}\n\n\/* buttons *\/\n.btn{border:none;cursor:pointer;font-family:var(--body);font-weight:600;font-size:.96rem;padding:16px 30px;border-radius:44px;display:inline-flex;align-items:center;gap:10px;transition:transform .25s,background .3s,color .3s}\n.btn svg{width:19px;height:19px}\n.btn-amber{background:var(--amber);color:var(--spruce)}\n.btn-amber:hover{background:var(--amber-2);transform:translateY(-3px)}\n.btn-spruce{background:var(--spruce);color:var(--cream)}\n.btn-spruce:hover{background:var(--spruce-2);transform:translateY(-3px)}\n.btn-out{background:transparent;color:var(--spruce);border:2px solid var(--spruce)}\n.btn-out:hover{background:var(--spruce);color:var(--cream);transform:translateY(-3px)}\n\n\/* hero *\/\n.hero{position:relative;max-width:1380px;margin:0 auto;padding:40px 32px 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;z-index:2}\n.hero-l{position:relative;z-index:3}\n.tagrow{display:inline-flex;align-items:center;gap:10px;background:var(--cream);border:1px solid var(--line);padding:7px 16px 7px 8px;border-radius:40px;font-size:.82rem;font-weight:600;color:var(--spruce);margin-bottom:26px}\n.tagrow .dot{width:8px;height:8px;border-radius:50%;background:var(--matcha);box-shadow:0 0 0 4px rgba(143,166,61,.25)}\n.hero h1{font-family:var(--disp);font-weight:600;font-size:clamp(3rem,6.6vw,5.6rem);line-height:.96;letter-spacing:-.03em;color:var(--spruce);margin-bottom:24px}\n.hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--clay);letter-spacing:0}\n.hero p.lead{font-size:1.14rem;color:var(--muted);max-width:440px;line-height:1.65;margin-bottom:32px}\n.hero-cta{display:flex;gap:14px;flex-wrap:wrap}\n.trust{display:flex;gap:30px;margin-top:42px;flex-wrap:wrap}\n.trust div b{font-family:var(--disp);font-size:1.7rem;color:var(--clay);display:block;line-height:1}\n.trust div span{font-size:.8rem;color:var(--muted)}\n\n\/* hero visual *\/\n.hero-r{position:relative;display:grid;place-items:center;min-height:480px}\n.sun{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle at 42% 38%,var(--amber-2),var(--amber) 60%,var(--clay) 110%);box-shadow:var(--shadow)}\n.sticker{position:absolute;top:2%;right:2%;width:128px;height:128px;animation:spin 22s linear infinite;z-index:6}\n.sticker text{font-family:var(--disp);font-size:13.5px;font-weight:700;letter-spacing:2px;fill:var(--spruce)}\n.sticker .badge-bg{fill:var(--cream);stroke:var(--spruce);stroke-width:2}\n.sticker .leaf{fill:var(--clay)}\n@keyframes spin{to{transform:rotate(360deg)}}\n.hero-cup{position:relative;z-index:5;width:330px}\n.steam{position:absolute;left:50%;transform:translateX(-50%);width:120px;height:200px;pointer-events:none;z-index:6}\n.steam .puff{position:absolute;bottom:0;left:50%;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,rgba(255,252,245,.9),rgba(255,252,245,0) 68%);filter:blur(9px);opacity:0;transform:translateX(-50%)}\n.hero-cup .steam{bottom:74%}\n.hero-cup .steam .puff{animation:rise 4.2s linear infinite}\n.hero-cup .steam .puff:nth-child(1){--dx:-24px;animation-delay:0s}\n.hero-cup .steam .puff:nth-child(2){--dx:20px;animation-delay:-1.4s;width:46px;height:46px}\n.hero-cup .steam .puff:nth-child(3){--dx:-6px;animation-delay:-2.8s;width:66px;height:66px}\n.hero-cup .steam .puff:nth-child(4){--dx:14px;animation-delay:-3.6s;width:38px;height:38px}\n@keyframes rise{0%{transform:translate(-50%,0) scale(.5);opacity:0}18%{opacity:.7}70%{opacity:.42}100%{transform:translate(calc(-50% + var(--dx,0px)),-185px) scale(2);opacity:0}}\n\n\/* marquee *\/\n.marquee{background:var(--spruce);color:var(--cream);padding:20px 0;overflow:hidden;position:relative;z-index:3}\n.mq-track{display:flex;gap:40px;white-space:nowrap;width:max-content;animation:scroll 26s linear infinite}\n.marquee:hover .mq-track{animation-play-state:paused}\n.mq-track span{font-family:var(--disp);font-size:1.5rem;font-weight:500;display:inline-flex;align-items:center;gap:40px}\n.mq-track span i{font-family:var(--serif);font-style:italic;color:var(--amber-2)}\n.mq-track span::after{content:\"\u273a\";color:var(--amber);font-size:1rem}\n@keyframes scroll{to{transform:translateX(-50%)}}\n\n\/* section base *\/\nsection{position:relative;z-index:2}\n.wrap{max-width:1380px;margin:0 auto;padding:0 32px}\n.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:44px;flex-wrap:wrap}\n.sec-head .l .tag{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);display:block;margin-bottom:10px}\n.sec-head h2{font-family:var(--disp);font-weight:600;font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1;letter-spacing:-.025em;color:var(--spruce)}\n.sec-head h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--clay)}\n.sec-head .hint{font-size:.88rem;color:var(--muted);display:inline-flex;align-items:center;gap:8px}\n.sec-head .hint svg{width:18px;height:18px;animation:nudge 1.6s ease-in-out infinite}\n@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}\n\n\/* product rail *\/\n.shop{padding:96px 0}\n.rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 32px 30px;margin:0 -32px;cursor:grab;scrollbar-width:none}\n.rail::-webkit-scrollbar{display:none}\n.rail.drag{cursor:grabbing}\n.card{flex:0 0 300px;scroll-snap-align:start;background:var(--cream);border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 24px;position:relative;transition:box-shadow .4s,transform .4s;user-select:none}\n.card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}\n.card .badge{position:absolute;top:16px;left:16px;background:var(--clay);color:var(--cream);font-size:.66rem;font-weight:700;letter-spacing:.04em;padding:5px 11px;border-radius:30px;z-index:8}\n.card .fav{position:absolute;top:13px;right:13px;background:var(--bone);border:none;cursor:pointer;color:var(--muted);z-index:8;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}\n.card .fav svg{width:18px;height:18px}.card .fav.on{color:var(--clay)}\n.tin-stage{position:relative;height:210px;display:grid;place-items:center;margin-bottom:14px;border-radius:18px;overflow:visible}\n.tin-bg{position:absolute;inset:0;border-radius:18px;opacity:.5}\n.tin{width:140px;position:relative;z-index:2;filter:drop-shadow(0 16px 18px rgba(15,58,51,.28));transition:transform .5s}\n.card:hover .tin{transform:translateY(-5px) rotate(-2deg) scale(1.04)}\n.card .steam{bottom:58%;height:150px;z-index:9}\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:-20px;animation-delay:0s}\n.card .steam .puff:nth-child(2){--dx:16px;animation-delay:-1.3s;width:42px;height:42px}\n.card .steam .puff:nth-child(3){--dx:-6px;animation-delay:-2.6s;width:60px;height:60px}\n.card .steam .puff:nth-child(4){--dx:12px;animation-delay:-3.3s;width:34px;height:34px}\n.p-type{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--matcha)}\n.card h3{font-family:var(--disp);font-size:1.3rem;font-weight:600;letter-spacing:-.02em;color:var(--spruce);margin:5px 0 6px}\n.stars{display:flex;gap:2px;color:var(--amber);margin-bottom:9px}.stars svg{width:14px;height:14px}\n.p-notes{font-size:.9rem;color:var(--muted);line-height:1.5;margin-bottom:16px;min-height:40px}\n.p-foot{display:flex;align-items:center;justify-content:space-between}\n.p-price{font-family:var(--disp);font-size:1.32rem;font-weight:700;color:var(--spruce)}\n.p-price small{font-family:var(--body);font-size:.74rem;font-weight:400;color:var(--muted)}\n.add{background:var(--spruce);color:var(--cream);border:none;cursor:pointer;border-radius:40px;font-family:var(--body);font-weight:600;font-size:.84rem;padding:11px 18px;display:inline-flex;align-items:center;gap:7px;transition:.25s}\n.add svg{width:15px;height:15px}.add:hover{background:var(--amber);color:var(--spruce)}\n\n\/* brew lab *\/\n.lab{padding:110px 0;background:var(--spruce);color:var(--cream);position:relative;overflow:hidden}\n.lab::before{content:\"\";position:absolute;top:-140px;right:-120px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(232,154,44,.22),transparent 65%)}\n.lab-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;position:relative;z-index:2}\n.lab .tag{color:var(--amber-2)}\n.lab h2{font-family:var(--disp);font-weight:600;font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1;letter-spacing:-.025em;margin-bottom:16px}\n.lab h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--amber-2)}\n.lab .sub{color:rgba(250,244,230,.75);line-height:1.6;margin-bottom:28px;max-width:440px}\n.lab-cup{position:relative;display:grid;place-items:center;min-height:380px}\n.lab-cup .glow{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(244,192,101,.2),transparent 60%)}\n.lab-steam{position:absolute;left:50%;bottom:62%;transform:translateX(-50%);width:120px;height:170px;z-index:6;transition:opacity .4s}\n.lab-steam .puff{position:absolute;bottom:0;left:50%;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle,rgba(255,252,245,.85),rgba(255,252,245,0) 68%);filter:blur(8px);opacity:0;transform:translateX(-50%);animation:rise 4s linear infinite}\n.lab-steam .puff:nth-child(1){--dx:-20px;animation-delay:0s}\n.lab-steam .puff:nth-child(2){--dx:16px;animation-delay:-1.4s;width:42px;height:42px}\n.lab-steam .puff:nth-child(3){--dx:-4px;animation-delay:-2.7s;width:60px;height:60px}\n.controls{display:grid;gap:22px}\n.type-row{display:flex;gap:10px;flex-wrap:wrap}\n.type-chip{background:rgba(250,244,230,.08);border:1.5px solid rgba(250,244,230,.25);color:var(--cream);cursor:pointer;\n font-family:var(--body);font-weight:600;font-size:.86rem;padding:10px 18px;border-radius:40px;transition:.25s}\n.type-chip.active{background:var(--amber);color:var(--spruce);border-color:var(--amber)}\n.slider-wrap label{display:flex;justify-content:space-between;font-size:.84rem;font-weight:600;margin-bottom:10px;color:rgba(250,244,230,.85)}\n.slider-wrap label b{color:var(--amber-2)}\ninput[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:6px;background:rgba(250,244,230,.2);outline:none}\ninput[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--amber);cursor:pointer;border:3px solid var(--spruce);box-shadow:0 2px 8px rgba(0,0,0,.3)}\ninput[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--amber);cursor:pointer;border:3px solid var(--spruce)}\n.readout{background:rgba(250,244,230,.07);border:1px solid rgba(250,244,230,.16);border-radius:18px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}\n.readout .ro-l b{font-family:var(--disp);font-size:1.2rem;display:block}\n.readout .ro-l span{font-size:.82rem;color:rgba(250,244,230,.65)}\n.readout .ro-flavor{font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--amber-2);text-align:right;max-width:170px;line-height:1.2}\n\n\/* story scroll-steep *\/\n.story{padding:120px 0}\n.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}\n.story .tag{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);display:block;margin-bottom:14px}\n.story h2{font-family:var(--disp);font-weight:600;font-size:clamp(2rem,4.4vw,3.3rem);line-height:1.02;letter-spacing:-.025em;color:var(--spruce);margin-bottom:22px}\n.story h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--clay)}\n.story p{color:var(--muted);line-height:1.8;margin-bottom:18px;max-width:520px;font-size:1.05rem}\n.story-points{list-style:none;margin-top:28px;display:grid;gap:14px}\n.story-points li{display:flex;gap:13px;align-items:center;font-weight:500}\n.story-points svg{width:24px;height:24px;color:var(--matcha);flex:none}\n.steep-cup{position:relative;display:grid;place-items:center;height:440px}\n.steep-svg{width:300px}\n\n\/* bento *\/\n.bento{padding:30px 0 110px}\n.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:18px}\n.box{border-radius:var(--r);padding:26px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}\n.box h4{font-family:var(--disp);font-size:1.3rem;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}\n.box p{font-size:.9rem;line-height:1.45;opacity:.85}\n.box .ic{position:absolute;top:22px;left:22px}.box .ic svg{width:34px;height:34px}\n.box.b1{grid-column:span 2;grid-row:span 2;background:var(--clay);color:var(--cream)}\n.box.b1 h4{font-size:2rem}\n.box.b2{background:var(--amber);color:var(--spruce)}\n.box.b3{background:var(--matcha);color:var(--spruce)}\n.box.b4{grid-column:span 2;background:var(--cream);color:var(--spruce);border:1px solid var(--line)}\n.box.b5{background:var(--spruce);color:var(--cream)}\n.box.b6{background:var(--spruce-2);color:var(--cream)}\n\n\/* testimonials *\/\n.testi{padding:0 0 110px}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}\n.quote{background:var(--cream);border:1px solid var(--line);border-radius:var(--r);padding:30px 28px}\n.quote .stars{margin-bottom:14px}\n.quote p{font-family:var(--serif);font-style:italic;font-size:1.18rem;line-height:1.45;color:var(--ink);margin-bottom:20px}\n.quote .who{display:flex;align-items:center;gap:12px}\n.quote .av{width:42px;height:42px;border-radius:50%;background:var(--spruce);color:var(--amber-2);display:grid;place-items:center;font-family:var(--disp);font-weight:700}\n.quote .who b{font-size:.92rem;color:var(--spruce);display:block}\n.quote .who span{font-size:.78rem;color:var(--muted)}\n\n\/* instagram *\/\n.insta{padding:0 0 110px}\n.ig-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:34px}\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(--amber),var(--clay),var(--matcha))}\n.ig-av div{width:100%;height:100%;border-radius:50%;background:var(--spruce);display:grid;place-items:center;color:var(--amber-2);font-family:var(--disp);font-weight:700;font-size:1.05rem}\n.ig-handle b{font-family:var(--disp);font-size:1.3rem;color:var(--spruce);display:block}\n.ig-handle .nums{font-size:.86rem;color:var(--muted);display:flex;gap:16px;margin-top:3px}\n.ig-handle .nums b{display:inline;font-size:.86rem}\n.ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}\n.ig-cell{aspect-ratio:1;border-radius:18px;overflow:hidden;position:relative;display:grid;place-items:center}\n.ig-cell .art{position:absolute;inset:0}\n.ig-cell svg.leaf{position:relative;z-index:1;width:40%;color:rgba(255,255,255,.92);transition:transform .5s}\n.ig-cell:hover svg.leaf{transform:scale(1.18) rotate(10deg)}\n.ig-cell::after{content:\"\";position:absolute;inset:0;background:rgba(15,58,51,0);transition:.4s;z-index:2}\n.ig-cell:hover::after{background:rgba(15,58,51,.4)}\n.ig-cell .ico{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:.4s;z-index:3;color:#fff}\n.ig-cell:hover .ico{opacity:1}.ig-cell .ico svg{width:30px}\n\n\/* newsletter *\/\n.news{padding:0 0 90px}\n.news-box{background:var(--amber);border-radius:32px;padding:64px 40px;text-align:center;position:relative;overflow:hidden;color:var(--spruce)}\n.news-box .blob{position:absolute;border-radius:50%;background:rgba(199,90,57,.3)}\n.news-box .blob.x1{width:220px;height:220px;top:-80px;left:-60px}\n.news-box .blob.x2{width:180px;height:180px;bottom:-70px;right:-40px;background:rgba(15,58,51,.18)}\n.news-box h2{font-family:var(--disp);font-weight:600;font-size:clamp(1.9rem,4vw,2.9rem);letter-spacing:-.025em;margin-bottom:12px;position:relative}\n.news-box h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--clay)}\n.news-box p{max-width:440px;margin:0 auto 28px;line-height:1.6;position:relative;font-weight:500}\n.news-form{display:flex;gap:10px;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center;position:relative}\n.news-form input{flex:1;min-width:230px;border:2px solid var(--spruce);border-radius:40px;padding:15px 22px;font-family:var(--body);font-size:1rem;background:var(--cream);color:var(--ink)}\n.news-form input:focus{outline:none;border-color:var(--clay)}\n\n\/* footer *\/\nfooter{background:var(--spruce);color:var(--cream);padding:70px 0 0}\n.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:42px}\n.foot-brand .logo{width:46px;height:46px;margin-bottom:16px}\n.foot-brand p{color:rgba(250,244,230,.68);line-height:1.7;max-width:300px;margin-bottom:20px}\n.foot h5{font-family:var(--disp);font-size:1.05rem;font-weight:600;color:var(--amber-2);margin-bottom:18px}\n.foot ul{list-style:none;display:grid;gap:11px}\n.foot ul a{color:rgba(250,244,230,.74);transition:.3s}.foot ul a:hover{color:var(--amber-2);padding-left:5px}\n.contact-line{display:flex;gap:11px;align-items:flex-start;color:rgba(250,244,230,.82);margin-bottom:13px}\n.contact-line svg{width:18px;height:18px;color:var(--amber-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(250,244,230,.25);display:grid;place-items:center;color:var(--cream);transition:.3s}\n.socials a:hover{background:var(--amber);color:var(--spruce);transform:translateY(-3px)}\n.socials svg{width:19px}\n.foot-bottom{border-top:1px solid rgba(250,244,230,.16);margin-top:54px;padding:26px 0;text-align:center;font-size:.82rem;color:rgba(250,244,230,.55)}\n.foot-bottom b{color:var(--amber-2)}\n\n\/* sticky add bar *\/\n.sticky-bar{position:fixed;left:50%;bottom:24px;transform:transly;transform:translateX(-50%) translateY(160%);transition:transform .45s cubic-bezier(.7,0,.2,1);z-index:90;\n background:var(--spruce);color:var(--cream);border-radius:50px;padding:10px 12px 10px 22px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow);max-width:92vw}\n.sticky-bar.show{transform:translateX(-50%) translateY(0)}\n.sticky-bar .sb-info{display:flex;align-items:center;gap:12px}\n.sticky-bar .sb-dot{width:36px;height:36px;border-radius:50%;background:var(--clay);display:grid;place-items:center}\n.sticky-bar .sb-dot svg{width:20px;color:var(--cream)}\n.sticky-bar .sb-info b{font-family:var(--disp);font-size:.96rem}\n.sticky-bar .sb-info span{font-size:.78rem;color:rgba(250,244,230,.7);display:block}\n.sticky-bar .btn{padding:12px 22px;font-size:.88rem}\n@media(max-width:560px){.sticky-bar .sb-info span{display:none}}\n\n\/* cart *\/\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:410px;max-width:90vw;background:var(--bone);z-index:130;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(--disp);font-size:1.4rem;font-weight:600;color:var(--spruce)}\n.drawer-head button{background:none;border:none;cursor:pointer;color:var(--spruce)}.drawer-head svg{width:24px}\n.drawer-body{flex:1;overflow-y:auto;padding:20px 26px}\n.cart-item{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}\n.cart-item .ci-img{width:56px;height:56px;border-radius:14px;background:var(--cream);display:grid;place-items:center;flex:none;border:1px solid var(--line)}\n.cart-item .ci-img svg{width:32px}\n.cart-item .ci-info{flex:1}\n.cart-item .ci-info b{font-family:var(--disp);font-size:1rem;color:var(--spruce);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:7px}\n.qty button{width:24px;height:24px;border-radius:8px;border:1px solid var(--line);background:var(--cream);cursor:pointer;color:var(--spruce);font-weight:700}\n.ci-price{font-family:var(--disp);font-weight:700;color:var(--spruce)}\n.empty{text-align:center;color:var(--muted);padding:60px 0;font-family:var(--serif);font-style:italic;font-size:1.2rem}\n.drawer-foot{padding:24px 26px;border-top:1px solid var(--line)}\n.drawer-foot .tot{display:flex;justify-content:space-between;margin-bottom:16px;font-family:var(--disp);font-size:1.3rem;font-weight:700;color:var(--spruce)}\n.drawer-foot .btn{width:100%;justify-content:center}\n.free-note{font-size:.8rem;color:var(--clay);text-align:center;margin-top:12px;font-weight:600}\n\n\/* reveal *\/\nhtml.anim-ready .reveal{opacity:0;transform:translateY(38px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}\nhtml.anim-ready .reveal.in{opacity:1;transform:none}\n\n\/* responsive *\/\n@media(max-width:1040px){\n .hero{grid-template-columns:1fr;text-align:center}.tagrow,.hero p.lead{margin-inline:auto}.hero-cta,.trust{justify-content:center}.hero-r{order:-1;min-height:400px}\n .lab-grid,.story-grid{grid-template-columns:1fr;gap:48px}.lab-cup{order:-1}\n .bento-grid{grid-template-columns:repeat(2,1fr)}.box.b1,.box.b4{grid-column:span 2}\n .testi-grid{grid-template-columns:1fr}.ig-grid{grid-template-columns:repeat(3,1fr)}.foot-grid{grid-template-columns:1fr 1fr;gap:34px}\n}\n@media(max-width:760px){\n .menu{position:fixed;inset:0 0 0 32%;background:var(--spruce);flex-direction:column;justify-content:center;align-items:center;gap:30px;transform:translateX(100%);transition:.4s;z-index:55}\n .menu.open{transform:none}.menu a{color:var(--cream);font-size:1.1rem}.burger{display:flex}\n}\n@media(max-width:560px){.bento-grid{grid-template-columns:1fr}.box.b1,.box.b4{grid-column:span 1}.ig-grid{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr}.nav{padding:14px 20px}.wrap{padding:0 20px}}\n<\/style>\n<\/head>\n<body>\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<div class=\"cur\"><\/div>\n<div class=\"progress\" id=\"progress\"><\/div>\n\n<div class=\"announce\">\ud83c\udf43 Free delivery across <b>Bahrain<\/b> over BD 15 \u00b7 Fresh organic tea, sourced direct from the world's best gardens<\/div>\n\n<header id=\"header\">\n <nav class=\"nav\">\n <div class=\"brand\" onclick=\"scrollTo({top:0,behavior:'smooth'})\">\n <svg class=\"logo\" viewBox=\"0 0 48 48\" fill=\"none\"><rect width=\"48\" height=\"48\" rx=\"14\" fill=\"#0F3A33\"\/><path d=\"M24 12c-7 5-10 11-10 16a10 10 0 0020 0c0-5-3-11-10-16z\" fill=\"#E89A2C\"\/><path d=\"M24 17v18\" stroke=\"#0F3A33\" stroke-width=\"1.6\"\/><\/svg>\n <b>AGT<br><i>al-aswadi<\/i><\/b>\n <\/div>\n <ul class=\"menu\" id=\"menu\">\n <li><a href=\"#shop\">Shop<\/a><\/li>\n <li><a href=\"#lab\">Brew Lab<\/a><\/li>\n <li><a href=\"#story\">Our Story<\/a><\/li>\n <li><a href=\"#insta\">Gallery<\/a><\/li>\n <\/ul>\n <div class=\"nav-right\">\n <button class=\"pill-btn\" id=\"cartBtn\"><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> Cart <span class=\"cart-count\" id=\"cartCount\">0<\/span><\/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-l\">\n <div class=\"tagrow\"><span class=\"dot\"><\/span> Rated 4.9 by 7,000+ tea lovers in Bahrain<\/div>\n <h1>Tea that tastes like <em>the garden<\/em> it grew in.<\/h1>\n <p class=\"lead\">AGT Al-Aswadi sources certified-organic leaves direct from the world's finest estates \u2014 then delivers them fresh to your door across Bahrain.<\/p>\n <div class=\"hero-cta\">\n <button class=\"btn btn-amber\" onclick=\"document.getElementById('shop').scrollIntoView({behavior:'smooth'})\">Shop the teas <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><\/button>\n <a class=\"btn btn-out\" href=\"#lab\">Build your brew<\/a>\n <\/div>\n <div class=\"trust\">\n <div><b>40+<\/b><span>Estate teas<\/span><\/div>\n <div><b>100%<\/b><span>Certified organic<\/span><\/div>\n <div><b>24h<\/b><span>Bahrain delivery<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"hero-r\">\n <div class=\"sun\"><\/div>\n <svg class=\"sticker\" viewBox=\"0 0 200 200\">\n <defs><path id=\"cp\" d=\"M100,100 m-74,0 a74,74 0 1,1 148,0 a74,74 0 1,1 -148,0\"\/><\/defs>\n <circle class=\"badge-bg\" cx=\"100\" cy=\"100\" r=\"64\"\/>\n <text><textPath href=\"#cp\" startOffset=\"0\">FRESH \u00b7 ORGANIC \u00b7 DELIVERED IN BAHRAIN \u00b7 <\/textPath><\/text>\n <path class=\"leaf\" d=\"M100 78c-9 6-13 13-13 19a13 13 0 0026 0c0-6-4-13-13-19z\"\/>\n <\/svg>\n <div class=\"hero-cup\" id=\"heroCup\">\n <div class=\"steam\"><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><\/div>\n <svg viewBox=\"0 0 320 300\" fill=\"none\">\n <ellipse cx=\"160\" cy=\"120\" rx=\"92\" ry=\"26\" fill=\"#0B2C26\"\/>\n <ellipse cx=\"160\" cy=\"115\" rx=\"82\" ry=\"21\" fill=\"#7A3D14\"\/>\n <ellipse cx=\"160\" cy=\"113\" rx=\"74\" ry=\"17\" fill=\"#A85C1C\"\/>\n <path d=\"M68 118c4 70 28 116 92 116s88-46 92-116\" fill=\"#FAF4E6\"\/>\n <path d=\"M68 118c4 70 28 116 92 116s88-46 92-116\" stroke=\"#0F3A33\" stroke-width=\"3\"\/>\n <path d=\"M252 134c30-6 42 12 34 34-7 18-26 22-40 18\" stroke=\"#FAF4E6\" stroke-width=\"15\" stroke-linecap=\"round\"\/>\n <path d=\"M252 134c30-6 42 12 34 34-7 18-26 22-40 18\" stroke=\"#0F3A33\" stroke-width=\"3\" fill=\"none\"\/>\n <ellipse cx=\"160\" cy=\"272\" rx=\"64\" ry=\"12\" fill=\"#0B2C26\" opacity=\".25\"\/>\n <circle cx=\"160\" cy=\"180\" r=\"20\" fill=\"none\" stroke=\"#E89A2C\" stroke-width=\"3\"\/>\n <path d=\"M160 170c-6 4-8 8-8 11a8 8 0 0016 0c0-3-2-7-8-11z\" fill=\"#E89A2C\"\/>\n <\/svg>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"marquee\"><div class=\"mq-track\">\n <span>Garden Fresh<\/span><span><i>Single Estate<\/i><\/span><span>Ethically Sourced<\/span><span><i>Packed at Origin<\/i><\/span><span>Delivered in Bahrain<\/span>\n <span>Garden Fresh<\/span><span><i>Single Estate<\/i><\/span><span>Ethically Sourced<\/span><span><i>Packed at Origin<\/i><\/span><span>Delivered in Bahrain<\/span>\n<\/div><\/div>\n\n\n<section class=\"shop\" id=\"shop\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <div class=\"l\"><span class=\"tag\">Bestsellers<\/span><h2>Loved in <em>every kitchen<\/em><\/h2><\/div>\n <span class=\"hint\">Drag to explore \u00b7 hover for steam <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><\/span>\n <\/div>\n <\/div>\n <div class=\"rail\" id=\"rail\"><\/div>\n<\/section>\n\n\n<section class=\"lab\" id=\"lab\">\n <div class=\"wrap\">\n <div class=\"lab-grid\">\n <div class=\"reveal\">\n <span class=\"tag\" style=\"font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase\">Interactive Brew Lab<\/span>\n <h2>Build <em>your<\/em> perfect cup.<\/h2>\n <p class=\"sub\">Pick a tea, dial in the strength, and watch your cup brew in real time. When it looks right \u2014 add it to your tray.<\/p>\n <div class=\"controls\">\n <div class=\"type-row\" id=\"typeRow\">\n <button class=\"type-chip active\" data-t=\"green\">Green<\/button>\n <button class=\"type-chip\" data-t=\"black\">Black<\/button>\n <button class=\"type-chip\" data-t=\"chai\">Masala Chai<\/button>\n <button class=\"type-chip\" data-t=\"herbal\">Herbal<\/button>\n <\/div>\n <div class=\"slider-wrap\">\n <label>Strength <b id=\"strengthLbl\">Balanced<\/b><\/label>\n <input type=\"range\" id=\"strength\" min=\"1\" max=\"5\" value=\"3\">\n <\/div>\n <div class=\"slider-wrap\">\n <label>Steep time <b id=\"steepLbl\">3 min<\/b><\/label>\n <input type=\"range\" id=\"steep\" min=\"1\" max=\"6\" value=\"3\">\n <\/div>\n <div class=\"readout\">\n <div class=\"ro-l\"><b id=\"brewName\">Himalayan Green<\/b><span>BD <span id=\"brewPrice\">6.500<\/span> \/ 100g<\/span><\/div>\n <div class=\"ro-flavor\" id=\"brewFlavor\">Sweet, grassy, delicate florals<\/div>\n <\/div>\n <button class=\"btn btn-amber\" onclick=\"addBrew()\">Add this brew <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\" stroke-linecap=\"round\"\/><\/svg><\/button>\n <\/div>\n <\/div>\n <div class=\"lab-cup reveal\">\n <div class=\"glow\"><\/div>\n <div class=\"lab-steam\" id=\"labSteam\"><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><\/div>\n <svg class=\"steep-svg\" viewBox=\"0 0 320 320\" fill=\"none\" style=\"width:300px\">\n <defs><clipPath id=\"cupClip\"><path d=\"M70 130c2 72 28 120 90 120s88-48 90-120z\"\/><\/clipPath><\/defs>\n <path d=\"M252 150c30-6 42 12 34 34-7 18-26 22-40 18\" stroke=\"#FAF4E6\" stroke-width=\"15\" stroke-linecap=\"round\"\/>\n <g clip-path=\"url(#cupClip)\">\n <rect x=\"60\" y=\"130\" width=\"200\" height=\"130\" fill=\"#FAF4E6\"\/>\n <rect id=\"labLiquid\" x=\"60\" y=\"150\" width=\"200\" height=\"120\" fill=\"#8FA63D\"\/>\n <\/g>\n <path d=\"M70 130c2 72 28 120 90 120s88-48 90-120\" fill=\"none\" stroke=\"#FAF4E6\" stroke-width=\"4\"\/>\n <ellipse cx=\"160\" cy=\"130\" rx=\"92\" ry=\"24\" fill=\"none\" stroke=\"#FAF4E6\" stroke-width=\"5\"\/>\n <ellipse cx=\"160\" cy=\"286\" rx=\"58\" ry=\"11\" fill=\"#0B2C26\" opacity=\".3\"\/>\n <\/svg>\n <\/div>\n <\/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=\"tag\">Our Story<\/span>\n <h2>Bahrain's gateway to <em>the world's best gardens.<\/em><\/h2>\n <p>AGT Al-Aswadi started with one belief: people in the Kingdom deserve tea exactly as it was meant to taste \u2014 fresh from the estate, untouched by middlemen, brewed with intention.<\/p>\n <p>As Bahrain's sole authorised distributor, we travel to the most celebrated tea gardens on earth, choose only certified-organic harvests, and bring them home at their freshest.<\/p>\n <ul class=\"story-points\">\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Direct from garden \u2014 no middlemen<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> 100% certified organic, packed at origin<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Fast, careful delivery across Bahrain<\/li>\n <\/ul>\n <\/div>\n <div class=\"steep-cup reveal\" id=\"steepCup\">\n <svg class=\"steep-svg\" viewBox=\"0 0 320 320\" fill=\"none\">\n <defs><clipPath id=\"storyClip\"><path d=\"M70 130c2 72 28 120 90 120s88-48 90-120z\"\/><\/clipPath><\/defs>\n <path d=\"M252 150c30-6 42 12 34 34-7 18-26 22-40 18\" stroke=\"#0F3A33\" stroke-width=\"15\" stroke-linecap=\"round\"\/>\n <g clip-path=\"url(#storyClip)\">\n <rect x=\"60\" y=\"130\" width=\"200\" height=\"130\" fill=\"#FAF4E6\"\/>\n <rect id=\"storyLiquid\" x=\"60\" y=\"250\" width=\"200\" height=\"0\" fill=\"#A85C1C\"\/>\n <\/g>\n <path d=\"M70 130c2 72 28 120 90 120s88-48 90-120\" fill=\"none\" stroke=\"#0F3A33\" stroke-width=\"4\"\/>\n <ellipse cx=\"160\" cy=\"130\" rx=\"92\" ry=\"24\" fill=\"none\" stroke=\"#0F3A33\" stroke-width=\"5\"\/>\n <ellipse cx=\"160\" cy=\"286\" rx=\"58\" ry=\"11\" fill=\"#0B2C26\" opacity=\".25\"\/>\n <text x=\"160\" y=\"200\" text-anchor=\"middle\" font-family=\"Bricolage Grotesque,sans-serif\" font-size=\"15\" font-weight=\"700\" fill=\"#0F3A33\">AGT<\/text>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"bento\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\"><div class=\"l\"><span class=\"tag\">Why AGT<\/span><h2>Small batch. <em>Big difference.<\/em><\/h2><\/div><\/div>\n <div class=\"bento-grid\">\n <div class=\"box b1 reveal\"><div class=\"ic\"><svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"#FAF4E6\" stroke-width=\"2\"><path d=\"M16 4C8 9 6 17 9 23c6 3 12 0 15-6 2-7-2-12-8-13z\"\/><\/svg><\/div><h4>Garden-fresh, always.<\/h4><p>Sealed within hours of harvest so the aroma, colour and antioxidants reach your cup alive.<\/p><\/div>\n <div class=\"box b2 reveal\"><div class=\"ic\"><svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"#0F3A33\" stroke-width=\"2\"><circle cx=\"16\" cy=\"16\" r=\"11\"\/><path d=\"M11 16l3 3 7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><h4>Certified organic<\/h4><p>No pesticides. Ever.<\/p><\/div>\n <div class=\"box b3 reveal\"><div class=\"ic\"><svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"#0F3A33\" stroke-width=\"2\"><path d=\"M5 16h22M19 8l8 8-8 8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><h4>24h delivery<\/h4><p>Across Bahrain.<\/p><\/div>\n <div class=\"box b4 reveal\"><div class=\"ic\"><svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"#0F3A33\" stroke-width=\"2\"><path d=\"M16 28s-11-6-11-15a6 6 0 0111-3 6 6 0 0111 3c0 9-11 15-11 15z\"\/><\/svg><\/div><h4>Loved by 7,000+ tea drinkers<\/h4><p>A growing community across the Kingdom who switched to fresh and never looked back.<\/p><\/div>\n <div class=\"box b5 reveal\"><div class=\"ic\"><svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"#FAF4E6\" stroke-width=\"2\"><path d=\"M16 6v20M9 13l7-7 7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><h4>Direct trade<\/h4><p>Fair to farmers.<\/p><\/div>\n <div class=\"box b6 reveal\"><div class=\"ic\"><svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"#FAF4E6\" stroke-width=\"2\"><path d=\"M6 20h20l-2 8H8z\"\/><path d=\"M26 22c4 0 5 5 0 6\"\/><path d=\"M12 16c0-2 2-2 2-4M18 16c0-2 2-2 2-4\" stroke-linecap=\"round\"\/><\/svg><\/div><h4>40+ blends<\/h4><p>From bold to mellow.<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"testi\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\"><div class=\"l\"><span class=\"tag\">Reviews<\/span><h2>The verdict's <em>in.<\/em><\/h2><\/div><\/div>\n <div class=\"testi-grid\" id=\"testiGrid\"><\/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><b>@agt.alaswadi<\/b><div class=\"nums\"><span><b>454<\/b> posts<\/span><span><b>7,162<\/b> followers<\/span><span><b>1,018<\/b> following<\/span><\/div><\/div>\n <\/div>\n <a class=\"btn btn-spruce\" href=\"https:\/\/www.instagram.com\/agt.alaswadi\" target=\"_blank\">Follow us <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 <\/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=\"blob x1\"><\/div><div class=\"blob x2\"><\/div>\n <h2>Get <em>10% off<\/em> your first order<\/h2>\n <p>Join the AGT list for fresh-arrival alerts, brewing tips and members-only offers across Bahrain.<\/p>\n <div class=\"news-form\"><input type=\"email\" id=\"newsEmail\" placeholder=\"your@email.com\"><button class=\"btn btn-spruce\" onclick=\"subscribe()\">Sign me up<\/button><\/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=\"logo\" viewBox=\"0 0 48 48\" fill=\"none\"><rect width=\"48\" height=\"48\" rx=\"14\" fill=\"#15564B\"\/><path d=\"M24 12c-7 5-10 11-10 16a10 10 0 0020 0c0-5-3-11-10-16z\" fill=\"#F4C065\"\/><path d=\"M24 17v18\" stroke=\"#0F3A33\" stroke-width=\"1.6\"\/><\/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\"><h5>Shop<\/h5><ul><li><a href=\"#shop\">Black Tea<\/a><\/li><li><a href=\"#shop\">Green Tea<\/a><\/li><li><a href=\"#shop\">Herbal<\/a><\/li><li><a href=\"#shop\">Masala Chai<\/a><\/li><li><a href=\"#lab\">Brew Lab<\/a><\/li><\/ul><\/div>\n <div class=\"foot\"><h5>Company<\/h5><ul><li><a href=\"#story\">Our Story<\/a><\/li><li><a href=\"#insta\">Gallery<\/a><\/li><li><a href=\"https:\/\/www.instagram.com\/agt.alaswadi\" target=\"_blank\">Instagram<\/a><\/li><li><a href=\"https:\/\/www.facebook.com\/AGTalaswadi.3\" target=\"_blank\">Facebook<\/a><\/li><\/ul><\/div>\n <div class=\"foot\"><h5>Contact<\/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 Fresh organic tea, delivered across Bahrain.<\/div>\n <\/div>\n<\/footer>\n\n\n<div class=\"sticky-bar\" id=\"stickyBar\">\n <div class=\"sb-info\">\n <div class=\"sb-dot\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 4C9 9 7 16 9 21c5 3 11 0 14-5 2-6-2-11-7-12z\"\/><\/svg><\/div>\n <div><b>Himalayan Green<\/b><span>BD 6.500 \u00b7 bestseller<\/span><\/div>\n <\/div>\n <button class=\"btn btn-amber\" onclick=\"addToCart(0)\">Add to cart<\/button>\n<\/div>\n\n\n<div class=\"overlay\" id=\"overlay\"><\/div>\n<aside class=\"drawer\" id=\"drawer\">\n <div class=\"drawer-head\"><h3>Your tray<\/h3><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><\/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\"><div class=\"tot\"><span>Total<\/span><span id=\"cartTotal\">BD 0.000<\/span><\/div><button class=\"btn btn-spruce\">Checkout<\/button><div class=\"free-note\" id=\"freeNote\">Add BD 15.000 for free Bahrain delivery<\/div><\/div>\n<\/aside>\n\n<script>\ndocument.getElementById('yr').textContent=new Date().getFullYear();\n\nconst TINS=[\n {n:'Himalayan Green',t:'Green Tea',notes:'Sweet, grassy, delicate florals.',p:6.500,c:'#3F7A4E',bg:'#8FA63D',badge:'Bestseller',r:5},\n {n:'Assam Breakfast',t:'Black Tea',notes:'Bold, malty, full-bodied mornings.',p:5.900,c:'#5A2E16',bg:'#A85C1C',badge:null,r:5},\n {n:'Masala Chai',t:'Spiced',notes:'Cardamom, ginger, cinnamon & clove.',p:6.900,c:'#9A5126',bg:'#C7593A',badge:'New',r:5},\n {n:'Kashmiri Kahwa',t:'Green Tea',notes:'Saffron, almond & rose petals.',p:7.500,c:'#C8901E',bg:'#F4C065',badge:null,r:4},\n {n:'Golden Turmeric',t:'Wellness',notes:'Turmeric, ginger & black pepper.',p:6.200,c:'#D08A23',bg:'#E89A2C',badge:null,r:5},\n {n:'Moroccan Mint',t:'Green Tea',notes:'Cooling spearmint over gunpowder.',p:5.600,c:'#2E6049',bg:'#8FA63D',badge:null,r:4},\n {n:'Chamomile Bloom',t:'Herbal',notes:'Soft, honeyed, caffeine-free calm.',p:5.400,c:'#A9A03A',bg:'#E8C04A',badge:null,r:5},\n {n:'Crimson Hibiscus',t:'Herbal',notes:'Tart, ruby-red, vitamin-rich.',p:6.100,c:'#B23A4A',bg:'#C75A39',badge:null,r:4}\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));return '#'+(0x1000000+(r<<16)+(g<<8)+b).toString(16).slice(1);}\nfunction tinSVG(c){const id=c.replace('#','');return `<svg class=\"tin\" viewBox=\"0 0 160 220\" fill=\"none\">\n <defs><linearGradient id=\"g${id}\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"${shade(c,18)}\"\/><stop offset=\"1\" stop-color=\"${shade(c,-28)}\"\/><\/linearGradient><\/defs>\n <ellipse cx=\"80\" cy=\"206\" rx=\"52\" ry=\"10\" fill=\"#0F3A33\" opacity=\".18\"\/>\n <rect x=\"32\" y=\"46\" width=\"96\" height=\"158\" rx=\"16\" fill=\"url(#g${id})\" stroke=\"${shade(c,-40)}\" stroke-width=\"1.5\"\/>\n <rect x=\"28\" y=\"32\" width=\"104\" height=\"20\" rx=\"9\" fill=\"${shade(c,26)}\" stroke=\"${shade(c,-30)}\" stroke-width=\"1.2\"\/>\n <rect x=\"44\" y=\"84\" width=\"72\" height=\"84\" rx=\"10\" fill=\"#FAF4E6\" 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 <text x=\"80\" y=\"142\" text-anchor=\"middle\" font-family=\"Bricolage Grotesque,sans-serif\" font-size=\"10\" font-weight=\"700\" fill=\"#0F3A33\">AGT<\/text>\n <path d=\"M58 150h44\" stroke=\"${c}\" stroke-width=\"2\"\/><\/svg>`;}\n\nconst rail=document.getElementById('rail');\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');card.className='card';\n card.innerHTML=`${tea.badge?`<span class=\"badge\">${tea.badge}<\/span>`:''}\n <button class=\"fav\"><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\"><div class=\"tin-bg\" style=\"background:radial-gradient(circle at 50% 60%,${tea.bg},transparent 70%)\"><\/div>\n <div class=\"steam\"><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><\/div>${tinSVG(tea.c)}<\/div>\n <div class=\"p-type\">${tea.t}<\/div><h3>${tea.n}<\/h3><div class=\"stars\">${stars}<\/div>\n <p class=\"p-notes\">${tea.notes}<\/p>\n <div class=\"p-foot\"><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><\/div>`;\n rail.appendChild(card);\n let t;card.addEventListener('mouseenter',()=>{clearTimeout(t);card.classList.add('is-steaming');});\n card.addEventListener('mouseleave',()=>{t=setTimeout(()=>card.classList.remove('is-steaming'),5000);});\n card.querySelector('.fav').addEventListener('click',e=>{e.stopPropagation();e.currentTarget.classList.toggle('on');});\n card.querySelector('.add').addEventListener('click',e=>{e.stopPropagation();addToCart(i);});\n});\n\n\/* draggable rail *\/\n(function(){let down=false,sx,sl;\n rail.addEventListener('mousedown',e=>{down=true;rail.classList.add('drag');sx=e.pageX;sl=rail.scrollLeft;});\n addEventListener('mouseup',()=>{down=false;rail.classList.remove('drag');});\n rail.addEventListener('mouseleave',()=>{down=false;rail.classList.remove('drag');});\n rail.addEventListener('mousemove',e=>{if(!down)return;e.preventDefault();rail.scrollLeft=sl-(e.pageX-sx)*1.4;});})();\n\n\/* testimonials *\/\nconst REVS=[\n {q:'The freshest tea I have ever had in Bahrain. You can smell the garden when you open the tin.',n:'Noor A.',c:'Manama',a:'N'},\n {q:'Their masala chai is unreal and delivery was next-day. My whole family is hooked.',n:'Yousef K.',c:'Riffa',a:'Y'},\n {q:'Finally a real source for organic green tea. Quality you can taste in every cup.',n:'Sara M.',c:'Muharraq',a:'S'}\n];\ndocument.getElementById('testiGrid').innerHTML=REVS.map(r=>`<div class=\"quote reveal\">\n <div class=\"stars\">${'<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><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>'.repeat(5)}<\/div>\n <p>\u201c${r.q}\u201d<\/p><div class=\"who\"><div class=\"av\">${r.a}<\/div><div><b>${r.n}<\/b><span>${r.c}<\/span><\/div><\/div><\/div>`).join('');\n\n\/* instagram *\/\nconst igC=[['#0F3A33','#15564B'],['#E89A2C','#C7593A'],['#8FA63D','#3F7A4E'],['#C7593A','#E89A2C'],['#15564B','#8FA63D'],['#F4C065','#C8901E'],['#3F7A4E','#0F3A33'],['#C75A39','#9A5126'],['#8FA63D','#E89A2C'],['#0F3A33','#C7593A'],['#A85C1C','#F4C065'],['#15564B','#0F3A33']];\nconst ig=document.getElementById('igGrid');\nigC.forEach(([a,b])=>{const cell=document.createElement('a');cell.className='ig-cell';cell.href='https:\/\/www.instagram.com\/agt.alaswadi';cell.target='_blank';\n cell.innerHTML=`<div class=\"art\" style=\"background:linear-gradient(140deg,${a},${b})\"><\/div>\n <svg class=\"leaf\" 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\"\/><\/svg>\n <div class=\"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 ig.appendChild(cell);});\n\n\/* ---- BREW LAB ---- *\/\nconst BREW={\n green:{name:'Himalayan Green',base:[143,166,61],flavors:['Light, fresh, green','Sweet & grassy','Balanced, floral','Rich, vegetal','Deep, full green'],price:6.500},\n black:{name:'Assam Breakfast',base:[168,92,28],flavors:['Smooth & light','Mellow, malty','Bold & brisk','Strong, malty','Intense, full-bodied'],price:5.900},\n chai:{name:'Masala Chai',base:[199,89,57],flavors:['Gently spiced','Warm & cosy','Balanced spice','Bold & fiery','Intense masala'],price:6.900},\n herbal:{name:'Crimson Hibiscus',base:[178,58,74],flavors:['Soft & subtle','Lightly tart','Balanced ruby','Tart & vivid','Deep & punchy'],price:6.100}\n};\nlet brewType='green';\nconst strengthNames=['Delicate','Light','Balanced','Strong','Bold'];\nfunction updateBrew(){\n const b=BREW[brewType];const s=+document.getElementById('strength').value;const st=+document.getElementById('steep').value;\n const f=0.55+(s-1)*0.11; \/\/ darken with strength\n const rgb=b.base.map(v=>Math.round(v*f));\n document.getElementById('labLiquid').setAttribute('fill',`rgb(${rgb[0]},${rgb[1]},${rgb[2]})`);\n document.getElementById('strengthLbl').textContent=strengthNames[s-1];\n document.getElementById('steepLbl').textContent=st+' min';\n document.getElementById('brewName').textContent=b.name;\n document.getElementById('brewPrice').textContent=b.price.toFixed(3);\n document.getElementById('brewFlavor').textContent=b.flavors[s-1];\n document.getElementById('labSteam').style.opacity=0.3+s*0.14;\n}\ndocument.getElementById('typeRow').addEventListener('click',e=>{const c=e.target.closest('.type-chip');if(!c)return;\n document.querySelectorAll('.type-chip').forEach(x=>x.classList.remove('active'));c.classList.add('active');brewType=c.dataset.t;updateBrew();});\ndocument.getElementById('strength').addEventListener('input',updateBrew);\ndocument.getElementById('steep').addEventListener('input',updateBrew);\nupdateBrew();\nfunction addBrew(){const b=BREW[brewType];const s=document.getElementById('strength').value;\n cart.push({i:-1,q:1,custom:{n:b.name+' \u00b7 '+strengthNames[s-1],t:'Custom brew',p:b.price,c:`rgb(${b.base.join(',')})`}});renderCart();openCart();}\n\n\/* ---- cart ---- *\/\nlet cart=[];const overlay=document.getElementById('overlay'),drawer=document.getElementById('drawer');\nconst openCart=()=>{overlay.classList.add('open');drawer.classList.add('open');},closeCart=()=>{overlay.classList.remove('open');drawer.classList.remove('open');};\ndocument.getElementById('cartBtn').onclick=openCart;document.getElementById('closeCart').onclick=closeCart;overlay.onclick=closeCart;\nfunction item(c){return c.custom?c.custom:TINS[c.i];}\nfunction addToCart(i){const ex=cart.find(c=>c.i===i&&!c.custom);if(ex)ex.q++;else cart.push({i,q:1});renderCart();openCart();}\nfunction renderCart(){const body=document.getElementById('drawerBody');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 body.innerHTML=cart.map((c,idx)=>{const t=item(c);return `<div class=\"cart-item\"><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><div class=\"qty\"><button onclick=\"chg(${idx},-1)\">\u2212<\/button><span>${c.q}<\/span><button onclick=\"chg(${idx},1)\">+<\/button><\/div><\/div>\n <div class=\"ci-price\">BD ${(t.p*c.q).toFixed(3)}<\/div><\/div>`;}).join('');\n const tot=cart.reduce((s,c)=>s+item(c).p*c.q,0);document.getElementById('cartTotal').textContent='BD '+tot.toFixed(3);\n document.getElementById('freeNote').textContent=tot>=15?'\ud83c\udf89 Free Bahrain delivery unlocked!':`Add BD ${(15-tot).toFixed(3)} for free Bahrain delivery`;}\nfunction chg(idx,d){cart[idx].q+=d;if(cart[idx].q<=0)cart.splice(idx,1);renderCart();}\nfunction subscribe(){const e=document.getElementById('newsEmail');if(e.value&&e.value.includes('@')){e.value='';alert('You are in! Check your inbox for 10% off. \ud83c\udf43');}else{e.focus();e.style.borderColor='#C7593A';}}\n\n\/* header + burger *\/\nconst header=document.getElementById('header');addEventListener('scroll',()=>header.classList.toggle('shrink',scrollY>40));\nconst burger=document.getElementById('burger'),menu=document.getElementById('menu');burger.onclick=()=>menu.classList.toggle('open');\nmenu.querySelectorAll('a').forEach(a=>a.onclick=()=>menu.classList.remove('open'));\n\n\/* scroll progress + sticky bar + hero parallax + scroll-steep *\/\nconst prog=document.getElementById('progress'),sbar=document.getElementById('stickyBar'),heroCup=document.getElementById('heroCup');\nconst storyLiquid=document.getElementById('storyLiquid'),steepCup=document.getElementById('steepCup');\nfunction onScroll(){\n const h=document.documentElement;const sc=h.scrollTop,max=h.scrollHeight-h.clientHeight;\n prog.style.width=(sc\/max*100)+'%';\n const footTop=document.querySelector('footer').offsetTop;\n sbar.classList.toggle('show',sc>650&&sc<footTop-700);\n \/\/ scroll-steep: fill cup as story section passes through middle\n if(steepCup){const r=steepCup.getBoundingClientRect();const vh=innerHeight;\n let p=1-(r.top- vh*0.15)\/(vh*0.6);p=Math.max(0,Math.min(1,p));\n const full=120;storyLiquid.setAttribute('height',(full*p).toFixed(1));storyLiquid.setAttribute('y',(250-full*p).toFixed(1));}\n}\naddEventListener('scroll',onScroll,{passive:true});onScroll();\naddEventListener('mousemove',e=>{const x=(e.clientX\/innerWidth-.5),y=(e.clientY\/innerHeight-.5);if(heroCup)heroCup.style.transform=`translate(${x*16}px,${y*16}px)`;});\n\n\/* reveal (robust) *\/\n(function(){const reveals=[...document.querySelectorAll('.reveal')];\n const showAll=()=>reveals.forEach(el=>el.classList.add('in'));\n const showInView=()=>reveals.forEach(el=>{const r=el.getBoundingClientRect();if(r.top<(innerHeight||800)+80&&r.bottom>-80)el.classList.add('in');});\n if('IntersectionObserver' in window){document.documentElement.classList.add('anim-ready');\n const io=new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}}),{threshold:0,rootMargin:'0px 0px -4% 0px'});\n reveals.forEach(el=>io.observe(el));requestAnimationFrame(showInView);\n addEventListener('scroll',showInView,{passive:true});addEventListener('resize',showInView,{passive:true});\n setTimeout(showInView,400);setTimeout(showAll,2500);\n }else showAll();})();\n\n\/* cursor *\/\nconst cur=document.querySelector('.cur');\naddEventListener('mousemove',e=>{cur.style.transform=`translate(${e.clientX}px,${e.clientY}px) translate(-50%,-50%)`;});\ndocument.addEventListener('mouseover',e=>{if(e.target.closest('a,button,.card,.ig-cell,.type-chip,input'))cur.classList.add('grow');else cur.classList.remove('grow');});\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AGT Al-Aswadi \u2014 Fresh Organic Tea, Delivered in Bahrain \ud83c\udf43 Free delivery across Bahrain over BD 15 \u00b7 Fresh organic tea, sourced direct from the world’s best gardens AGTal-aswadi Shop Brew Lab Our Story Gallery Cart 0 Rated 4.9 by 7,000+ tea lovers in Bahrain Tea that tastes like the garden it grew in. AGT […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-135","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/135","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=135"}],"version-history":[{"count":4,"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/135\/revisions"}],"predecessor-version":[{"id":140,"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/135\/revisions\/140"}],"wp:attachment":[{"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/media?parent=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nAGT Al-Aswadi \u2014 Fresh Organic Tea, Delivered in 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=Bricolage+Grotesque:opsz,wght@12..96,300..800&family=Figtree:wght@300..700&family=Instrument+Serif:ital@0;1&display=swap\" rel=\"stylesheet\">\n<style>\n:root{\n --bone:#F2EAD7;\n --cream:#FAF4E6;\n --spruce:#0F3A33;\n --spruce-2:#15564B;\n --ink:#14180F;\n --amber:#E89A2C;\n --amber-2:#F4C065;\n --clay:#C75A39;\n --matcha:#8FA63D;\n --muted:#5B6151;\n --line:rgba(15,58,51,.16);\n --shadow:0 24px 60px -28px rgba(15,58,51,.5);\n --disp:'Bricolage Grotesque',sans-serif;\n --serif:'Instrument Serif',Georgia,serif;\n --body:'Figtree',system-ui,sans-serif;\n --r:24px;\n}\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{font-family:var(--body);background:var(--bone);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}\n::selection{background:var(--amber);color:var(--spruce)}\na{color:inherit;text-decoration:none}\nimg{max-width:100%;display:block}\n\n.grain{position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:.04;mix-blend-mode:multiply}\n.cur{position:fixed;width:14px;height:14px;border-radius:50%;background:var(--clay);z-index:9999;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:multiply;transition:width .25s,height .25s,background .25s}\n.cur.grow{width:54px;height:54px;background:var(--amber)}\n@media(max-width:900px){.cur{display:none}}\n\n\/* scroll progress *\/\n.progress{position:fixed;top:0;left:0;height:3px;background:var(--clay);z-index:9995;width:0}\n\n\/* announce *\/\n.announce{background:var(--spruce);color:var(--cream);text-align:center;padding:9px 16px;font-size:.78rem;font-weight:500;letter-spacing:.02em;position:relative;z-index:60}\n.announce b{color:var(--amber-2)}\n\n\/* header *\/\nheader{position:sticky;top:0;z-index:50;background:rgba(242,234,215,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:padding .3s}\n.nav{max-width:1380px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;transition:padding .3s}\nheader.shrink .nav{padding:11px 32px}\n.brand{display:flex;align-items:center;gap:11px;cursor:pointer}\n.brand .logo{width:40px;height:40px}\n.brand b{font-family:var(--disp);font-weight:700;font-size:1.28rem;letter-spacing:-.02em;color:var(--spruce);line-height:.9}\n.brand b i{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--clay)}\n.menu{display:flex;gap:32px;list-style:none}\n.menu a{font-size:.92rem;font-weight:500;color:var(--ink);position:relative;padding:4px 0}\n.menu a::after{content:\"\";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--clay);transition:.3s;border-radius:2px}\n.menu a:hover::after{width:100%}\n.nav-right{display:flex;align-items:center;gap:16px}\n.pill-btn{background:var(--spruce);color:var(--cream);border:none;cursor:pointer;font-family:var(--body);font-weight:600;font-size:.86rem;padding:11px 20px;border-radius:40px;display:inline-flex;align-items:center;gap:8px;transition:.25s;position:relative}\n.pill-btn:hover{background:var(--clay);transform:translateY(-2px)}\n.pill-btn svg{width:18px;height:18px}\n.cart-count{background:var(--amber);color:var(--spruce);font-size:.66rem;font-weight:800;min-width:18px;height:18px;border-radius:30px;display:grid;place-items:center;padding:0 4px}\n.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}\n.burger span{width:25px;height:2.5px;background:var(--spruce);border-radius:3px;transition:.3s}\n\n\/* buttons *\/\n.btn{border:none;cursor:pointer;font-family:var(--body);font-weight:600;font-size:.96rem;padding:16px 30px;border-radius:44px;display:inline-flex;align-items:center;gap:10px;transition:transform .25s,background .3s,color .3s}\n.btn svg{width:19px;height:19px}\n.btn-amber{background:var(--amber);color:var(--spruce)}\n.btn-amber:hover{background:var(--amber-2);transform:translateY(-3px)}\n.btn-spruce{background:var(--spruce);color:var(--cream)}\n.btn-spruce:hover{background:var(--spruce-2);transform:translateY(-3px)}\n.btn-out{background:transparent;color:var(--spruce);border:2px solid var(--spruce)}\n.btn-out:hover{background:var(--spruce);color:var(--cream);transform:translateY(-3px)}\n\n\/* hero *\/\n.hero{position:relative;max-width:1380px;margin:0 auto;padding:40px 32px 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;z-index:2}\n.hero-l{position:relative;z-index:3}\n.tagrow{display:inline-flex;align-items:center;gap:10px;background:var(--cream);border:1px solid var(--line);padding:7px 16px 7px 8px;border-radius:40px;font-size:.82rem;font-weight:600;color:var(--spruce);margin-bottom:26px}\n.tagrow .dot{width:8px;height:8px;border-radius:50%;background:var(--matcha);box-shadow:0 0 0 4px rgba(143,166,61,.25)}\n.hero h1{font-family:var(--disp);font-weight:600;font-size:clamp(3rem,6.6vw,5.6rem);line-height:.96;letter-spacing:-.03em;color:var(--spruce);margin-bottom:24px}\n.hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--clay);letter-spacing:0}\n.hero p.lead{font-size:1.14rem;color:var(--muted);max-width:440px;line-height:1.65;margin-bottom:32px}\n.hero-cta{display:flex;gap:14px;flex-wrap:wrap}\n.trust{display:flex;gap:30px;margin-top:42px;flex-wrap:wrap}\n.trust div b{font-family:var(--disp);font-size:1.7rem;color:var(--clay);display:block;line-height:1}\n.trust div span{font-size:.8rem;color:var(--muted)}\n\n\/* hero visual *\/\n.hero-r{position:relative;display:grid;place-items:center;min-height:480px}\n.sun{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle at 42% 38%,var(--amber-2),var(--amber) 60%,var(--clay) 110%);box-shadow:var(--shadow)}\n.sticker{position:absolute;top:2%;right:2%;width:128px;height:128px;animation:spin 22s linear infinite;z-index:6}\n.sticker text{font-family:var(--disp);font-size:13.5px;font-weight:700;letter-spacing:2px;fill:var(--spruce)}\n.sticker .badge-bg{fill:var(--cream);stroke:var(--spruce);stroke-width:2}\n.sticker .leaf{fill:var(--clay)}\n@keyframes spin{to{transform:rotate(360deg)}}\n.hero-cup{position:relative;z-index:5;width:330px}\n.steam{position:absolute;left:50%;transform:translateX(-50%);width:120px;height:200px;pointer-events:none;z-index:6}\n.steam .puff{position:absolute;bottom:0;left:50%;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,rgba(255,252,245,.9),rgba(255,252,245,0) 68%);filter:blur(9px);opacity:0;transform:translateX(-50%)}\n.hero-cup .steam{bottom:74%}\n.hero-cup .steam .puff{animation:rise 4.2s linear infinite}\n.hero-cup .steam .puff:nth-child(1){--dx:-24px;animation-delay:0s}\n.hero-cup .steam .puff:nth-child(2){--dx:20px;animation-delay:-1.4s;width:46px;height:46px}\n.hero-cup .steam .puff:nth-child(3){--dx:-6px;animation-delay:-2.8s;width:66px;height:66px}\n.hero-cup .steam .puff:nth-child(4){--dx:14px;animation-delay:-3.6s;width:38px;height:38px}\n@keyframes rise{0%{transform:translate(-50%,0) scale(.5);opacity:0}18%{opacity:.7}70%{opacity:.42}100%{transform:translate(calc(-50% + var(--dx,0px)),-185px) scale(2);opacity:0}}\n\n\/* marquee *\/\n.marquee{background:var(--spruce);color:var(--cream);padding:20px 0;overflow:hidden;position:relative;z-index:3}\n.mq-track{display:flex;gap:40px;white-space:nowrap;width:max-content;animation:scroll 26s linear infinite}\n.marquee:hover .mq-track{animation-play-state:paused}\n.mq-track span{font-family:var(--disp);font-size:1.5rem;font-weight:500;display:inline-flex;align-items:center;gap:40px}\n.mq-track span i{font-family:var(--serif);font-style:italic;color:var(--amber-2)}\n.mq-track span::after{content:\"\u273a\";color:var(--amber);font-size:1rem}\n@keyframes scroll{to{transform:translateX(-50%)}}\n\n\/* section base *\/\nsection{position:relative;z-index:2}\n.wrap{max-width:1380px;margin:0 auto;padding:0 32px}\n.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:44px;flex-wrap:wrap}\n.sec-head .l .tag{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);display:block;margin-bottom:10px}\n.sec-head h2{font-family:var(--disp);font-weight:600;font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1;letter-spacing:-.025em;color:var(--spruce)}\n.sec-head h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--clay)}\n.sec-head .hint{font-size:.88rem;color:var(--muted);display:inline-flex;align-items:center;gap:8px}\n.sec-head .hint svg{width:18px;height:18px;animation:nudge 1.6s ease-in-out infinite}\n@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}\n\n\/* product rail *\/\n.shop{padding:96px 0}\n.rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 32px 30px;margin:0 -32px;cursor:grab;scrollbar-width:none}\n.rail::-webkit-scrollbar{display:none}\n.rail.drag{cursor:grabbing}\n.card{flex:0 0 300px;scroll-snap-align:start;background:var(--cream);border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 24px;position:relative;transition:box-shadow .4s,transform .4s;user-select:none}\n.card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}\n.card .badge{position:absolute;top:16px;left:16px;background:var(--clay);color:var(--cream);font-size:.66rem;font-weight:700;letter-spacing:.04em;padding:5px 11px;border-radius:30px;z-index:8}\n.card .fav{position:absolute;top:13px;right:13px;background:var(--bone);border:none;cursor:pointer;color:var(--muted);z-index:8;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}\n.card .fav svg{width:18px;height:18px}.card .fav.on{color:var(--clay)}\n.tin-stage{position:relative;height:210px;display:grid;place-items:center;margin-bottom:14px;border-radius:18px;overflow:visible}\n.tin-bg{position:absolute;inset:0;border-radius:18px;opacity:.5}\n.tin{width:140px;position:relative;z-index:2;filter:drop-shadow(0 16px 18px rgba(15,58,51,.28));transition:transform .5s}\n.card:hover .tin{transform:translateY(-5px) rotate(-2deg) scale(1.04)}\n.card .steam{bottom:58%;height:150px;z-index:9}\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:-20px;animation-delay:0s}\n.card .steam .puff:nth-child(2){--dx:16px;animation-delay:-1.3s;width:42px;height:42px}\n.card .steam .puff:nth-child(3){--dx:-6px;animation-delay:-2.6s;width:60px;height:60px}\n.card .steam .puff:nth-child(4){--dx:12px;animation-delay:-3.3s;width:34px;height:34px}\n.p-type{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--matcha)}\n.card h3{font-family:var(--disp);font-size:1.3rem;font-weight:600;letter-spacing:-.02em;color:var(--spruce);margin:5px 0 6px}\n.stars{display:flex;gap:2px;color:var(--amber);margin-bottom:9px}.stars svg{width:14px;height:14px}\n.p-notes{font-size:.9rem;color:var(--muted);line-height:1.5;margin-bottom:16px;min-height:40px}\n.p-foot{display:flex;align-items:center;justify-content:space-between}\n.p-price{font-family:var(--disp);font-size:1.32rem;font-weight:700;color:var(--spruce)}\n.p-price small{font-family:var(--body);font-size:.74rem;font-weight:400;color:var(--muted)}\n.add{background:var(--spruce);color:var(--cream);border:none;cursor:pointer;border-radius:40px;font-family:var(--body);font-weight:600;font-size:.84rem;padding:11px 18px;display:inline-flex;align-items:center;gap:7px;transition:.25s}\n.add svg{width:15px;height:15px}.add:hover{background:var(--amber);color:var(--spruce)}\n\n\/* brew lab *\/\n.lab{padding:110px 0;background:var(--spruce);color:var(--cream);position:relative;overflow:hidden}\n.lab::before{content:\"\";position:absolute;top:-140px;right:-120px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(232,154,44,.22),transparent 65%)}\n.lab-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;position:relative;z-index:2}\n.lab .tag{color:var(--amber-2)}\n.lab h2{font-family:var(--disp);font-weight:600;font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1;letter-spacing:-.025em;margin-bottom:16px}\n.lab h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--amber-2)}\n.lab .sub{color:rgba(250,244,230,.75);line-height:1.6;margin-bottom:28px;max-width:440px}\n.lab-cup{position:relative;display:grid;place-items:center;min-height:380px}\n.lab-cup .glow{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(244,192,101,.2),transparent 60%)}\n.lab-steam{position:absolute;left:50%;bottom:62%;transform:translateX(-50%);width:120px;height:170px;z-index:6;transition:opacity .4s}\n.lab-steam .puff{position:absolute;bottom:0;left:50%;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle,rgba(255,252,245,.85),rgba(255,252,245,0) 68%);filter:blur(8px);opacity:0;transform:translateX(-50%);animation:rise 4s linear infinite}\n.lab-steam .puff:nth-child(1){--dx:-20px;animation-delay:0s}\n.lab-steam .puff:nth-child(2){--dx:16px;animation-delay:-1.4s;width:42px;height:42px}\n.lab-steam .puff:nth-child(3){--dx:-4px;animation-delay:-2.7s;width:60px;height:60px}\n.controls{display:grid;gap:22px}\n.type-row{display:flex;gap:10px;flex-wrap:wrap}\n.type-chip{background:rgba(250,244,230,.08);border:1.5px solid rgba(250,244,230,.25);color:var(--cream);cursor:pointer;\n font-family:var(--body);font-weight:600;font-size:.86rem;padding:10px 18px;border-radius:40px;transition:.25s}\n.type-chip.active{background:var(--amber);color:var(--spruce);border-color:var(--amber)}\n.slider-wrap label{display:flex;justify-content:space-between;font-size:.84rem;font-weight:600;margin-bottom:10px;color:rgba(250,244,230,.85)}\n.slider-wrap label b{color:var(--amber-2)}\ninput[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:6px;background:rgba(250,244,230,.2);outline:none}\ninput[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--amber);cursor:pointer;border:3px solid var(--spruce);box-shadow:0 2px 8px rgba(0,0,0,.3)}\ninput[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--amber);cursor:pointer;border:3px solid var(--spruce)}\n.readout{background:rgba(250,244,230,.07);border:1px solid rgba(250,244,230,.16);border-radius:18px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}\n.readout .ro-l b{font-family:var(--disp);font-size:1.2rem;display:block}\n.readout .ro-l span{font-size:.82rem;color:rgba(250,244,230,.65)}\n.readout .ro-flavor{font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--amber-2);text-align:right;max-width:170px;line-height:1.2}\n\n\/* story scroll-steep *\/\n.story{padding:120px 0}\n.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}\n.story .tag{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);display:block;margin-bottom:14px}\n.story h2{font-family:var(--disp);font-weight:600;font-size:clamp(2rem,4.4vw,3.3rem);line-height:1.02;letter-spacing:-.025em;color:var(--spruce);margin-bottom:22px}\n.story h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--clay)}\n.story p{color:var(--muted);line-height:1.8;margin-bottom:18px;max-width:520px;font-size:1.05rem}\n.story-points{list-style:none;margin-top:28px;display:grid;gap:14px}\n.story-points li{display:flex;gap:13px;align-items:center;font-weight:500}\n.story-points svg{width:24px;height:24px;color:var(--matcha);flex:none}\n.steep-cup{position:relative;display:grid;place-items:center;height:440px}\n.steep-svg{width:300px}\n\n\/* bento *\/\n.bento{padding:30px 0 110px}\n.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:18px}\n.box{border-radius:var(--r);padding:26px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}\n.box h4{font-family:var(--disp);font-size:1.3rem;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}\n.box p{font-size:.9rem;line-height:1.45;opacity:.85}\n.box .ic{position:absolute;top:22px;left:22px}.box .ic svg{width:34px;height:34px}\n.box.b1{grid-column:span 2;grid-row:span 2;background:var(--clay);color:var(--cream)}\n.box.b1 h4{font-size:2rem}\n.box.b2{background:var(--amber);color:var(--spruce)}\n.box.b3{background:var(--matcha);color:var(--spruce)}\n.box.b4{grid-column:span 2;background:var(--cream);color:var(--spruce);border:1px solid var(--line)}\n.box.b5{background:var(--spruce);color:var(--cream)}\n.box.b6{background:var(--spruce-2);color:var(--cream)}\n\n\/* testimonials *\/\n.testi{padding:0 0 110px}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}\n.quote{background:var(--cream);border:1px solid var(--line);border-radius:var(--r);padding:30px 28px}\n.quote .stars{margin-bottom:14px}\n.quote p{font-family:var(--serif);font-style:italic;font-size:1.18rem;line-height:1.45;color:var(--ink);margin-bottom:20px}\n.quote .who{display:flex;align-items:center;gap:12px}\n.quote .av{width:42px;height:42px;border-radius:50%;background:var(--spruce);color:var(--amber-2);display:grid;place-items:center;font-family:var(--disp);font-weight:700}\n.quote .who b{font-size:.92rem;color:var(--spruce);display:block}\n.quote .who span{font-size:.78rem;color:var(--muted)}\n\n\/* instagram *\/\n.insta{padding:0 0 110px}\n.ig-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:34px}\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(--amber),var(--clay),var(--matcha))}\n.ig-av div{width:100%;height:100%;border-radius:50%;background:var(--spruce);display:grid;place-items:center;color:var(--amber-2);font-family:var(--disp);font-weight:700;font-size:1.05rem}\n.ig-handle b{font-family:var(--disp);font-size:1.3rem;color:var(--spruce);display:block}\n.ig-handle .nums{font-size:.86rem;color:var(--muted);display:flex;gap:16px;margin-top:3px}\n.ig-handle .nums b{display:inline;font-size:.86rem}\n.ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}\n.ig-cell{aspect-ratio:1;border-radius:18px;overflow:hidden;position:relative;display:grid;place-items:center}\n.ig-cell .art{position:absolute;inset:0}\n.ig-cell svg.leaf{position:relative;z-index:1;width:40%;color:rgba(255,255,255,.92);transition:transform .5s}\n.ig-cell:hover svg.leaf{transform:scale(1.18) rotate(10deg)}\n.ig-cell::after{content:\"\";position:absolute;inset:0;background:rgba(15,58,51,0);transition:.4s;z-index:2}\n.ig-cell:hover::after{background:rgba(15,58,51,.4)}\n.ig-cell .ico{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:.4s;z-index:3;color:#fff}\n.ig-cell:hover .ico{opacity:1}.ig-cell .ico svg{width:30px}\n\n\/* newsletter *\/\n.news{padding:0 0 90px}\n.news-box{background:var(--amber);border-radius:32px;padding:64px 40px;text-align:center;position:relative;overflow:hidden;color:var(--spruce)}\n.news-box .blob{position:absolute;border-radius:50%;background:rgba(199,90,57,.3)}\n.news-box .blob.x1{width:220px;height:220px;top:-80px;left:-60px}\n.news-box .blob.x2{width:180px;height:180px;bottom:-70px;right:-40px;background:rgba(15,58,51,.18)}\n.news-box h2{font-family:var(--disp);font-weight:600;font-size:clamp(1.9rem,4vw,2.9rem);letter-spacing:-.025em;margin-bottom:12px;position:relative}\n.news-box h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--clay)}\n.news-box p{max-width:440px;margin:0 auto 28px;line-height:1.6;position:relative;font-weight:500}\n.news-form{display:flex;gap:10px;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center;position:relative}\n.news-form input{flex:1;min-width:230px;border:2px solid var(--spruce);border-radius:40px;padding:15px 22px;font-family:var(--body);font-size:1rem;background:var(--cream);color:var(--ink)}\n.news-form input:focus{outline:none;border-color:var(--clay)}\n\n\/* footer *\/\nfooter{background:var(--spruce);color:var(--cream);padding:70px 0 0}\n.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:42px}\n.foot-brand .logo{width:46px;height:46px;margin-bottom:16px}\n.foot-brand p{color:rgba(250,244,230,.68);line-height:1.7;max-width:300px;margin-bottom:20px}\n.foot h5{font-family:var(--disp);font-size:1.05rem;font-weight:600;color:var(--amber-2);margin-bottom:18px}\n.foot ul{list-style:none;display:grid;gap:11px}\n.foot ul a{color:rgba(250,244,230,.74);transition:.3s}.foot ul a:hover{color:var(--amber-2);padding-left:5px}\n.contact-line{display:flex;gap:11px;align-items:flex-start;color:rgba(250,244,230,.82);margin-bottom:13px}\n.contact-line svg{width:18px;height:18px;color:var(--amber-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(250,244,230,.25);display:grid;place-items:center;color:var(--cream);transition:.3s}\n.socials a:hover{background:var(--amber);color:var(--spruce);transform:translateY(-3px)}\n.socials svg{width:19px}\n.foot-bottom{border-top:1px solid rgba(250,244,230,.16);margin-top:54px;padding:26px 0;text-align:center;font-size:.82rem;color:rgba(250,244,230,.55)}\n.foot-bottom b{color:var(--amber-2)}\n\n\/* sticky add bar *\/\n.sticky-bar{position:fixed;left:50%;bottom:24px;transform:transly;transform:translateX(-50%) translateY(160%);transition:transform .45s cubic-bezier(.7,0,.2,1);z-index:90;\n background:var(--spruce);color:var(--cream);border-radius:50px;padding:10px 12px 10px 22px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow);max-width:92vw}\n.sticky-bar.show{transform:translateX(-50%) translateY(0)}\n.sticky-bar .sb-info{display:flex;align-items:center;gap:12px}\n.sticky-bar .sb-dot{width:36px;height:36px;border-radius:50%;background:var(--clay);display:grid;place-items:center}\n.sticky-bar .sb-dot svg{width:20px;color:var(--cream)}\n.sticky-bar .sb-info b{font-family:var(--disp);font-size:.96rem}\n.sticky-bar .sb-info span{font-size:.78rem;color:rgba(250,244,230,.7);display:block}\n.sticky-bar .btn{padding:12px 22px;font-size:.88rem}\n@media(max-width:560px){.sticky-bar .sb-info span{display:none}}\n\n\/* cart *\/\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:410px;max-width:90vw;background:var(--bone);z-index:130;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(--disp);font-size:1.4rem;font-weight:600;color:var(--spruce)}\n.drawer-head button{background:none;border:none;cursor:pointer;color:var(--spruce)}.drawer-head svg{width:24px}\n.drawer-body{flex:1;overflow-y:auto;padding:20px 26px}\n.cart-item{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}\n.cart-item .ci-img{width:56px;height:56px;border-radius:14px;background:var(--cream);display:grid;place-items:center;flex:none;border:1px solid var(--line)}\n.cart-item .ci-img svg{width:32px}\n.cart-item .ci-info{flex:1}\n.cart-item .ci-info b{font-family:var(--disp);font-size:1rem;color:var(--spruce);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:7px}\n.qty button{width:24px;height:24px;border-radius:8px;border:1px solid var(--line);background:var(--cream);cursor:pointer;color:var(--spruce);font-weight:700}\n.ci-price{font-family:var(--disp);font-weight:700;color:var(--spruce)}\n.empty{text-align:center;color:var(--muted);padding:60px 0;font-family:var(--serif);font-style:italic;font-size:1.2rem}\n.drawer-foot{padding:24px 26px;border-top:1px solid var(--line)}\n.drawer-foot .tot{display:flex;justify-content:space-between;margin-bottom:16px;font-family:var(--disp);font-size:1.3rem;font-weight:700;color:var(--spruce)}\n.drawer-foot .btn{width:100%;justify-content:center}\n.free-note{font-size:.8rem;color:var(--clay);text-align:center;margin-top:12px;font-weight:600}\n\n\/* reveal *\/\nhtml.anim-ready .reveal{opacity:0;transform:translateY(38px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}\nhtml.anim-ready .reveal.in{opacity:1;transform:none}\n\n\/* responsive *\/\n@media(max-width:1040px){\n .hero{grid-template-columns:1fr;text-align:center}.tagrow,.hero p.lead{margin-inline:auto}.hero-cta,.trust{justify-content:center}.hero-r{order:-1;min-height:400px}\n .lab-grid,.story-grid{grid-template-columns:1fr;gap:48px}.lab-cup{order:-1}\n .bento-grid{grid-template-columns:repeat(2,1fr)}.box.b1,.box.b4{grid-column:span 2}\n .testi-grid{grid-template-columns:1fr}.ig-grid{grid-template-columns:repeat(3,1fr)}.foot-grid{grid-template-columns:1fr 1fr;gap:34px}\n}\n@media(max-width:760px){\n .menu{position:fixed;inset:0 0 0 32%;background:var(--spruce);flex-direction:column;justify-content:center;align-items:center;gap:30px;transform:translateX(100%);transition:.4s;z-index:55}\n .menu.open{transform:none}.menu a{color:var(--cream);font-size:1.1rem}.burger{display:flex}\n}\n@media(max-width:560px){.bento-grid{grid-template-columns:1fr}.box.b1,.box.b4{grid-column:span 1}.ig-grid{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr}.nav{padding:14px 20px}.wrap{padding:0 20px}}\n<\/style>\n<\/head>\n<body>\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<div class=\"cur\"><\/div>\n<div class=\"progress\" id=\"progress\"><\/div>\n\n<div class=\"announce\">\ud83c\udf43 Free delivery across <b>Bahrain<\/b> over BD 15 \u00b7 Fresh organic tea, sourced direct from the world's best gardens<\/div>\n\n<header id=\"header\">\n <nav class=\"nav\">\n <div class=\"brand\" onclick=\"scrollTo({top:0,behavior:'smooth'})\">\n <svg class=\"logo\" viewBox=\"0 0 48 48\" fill=\"none\"><rect width=\"48\" height=\"48\" rx=\"14\" fill=\"#0F3A33\"\/><path d=\"M24 12c-7 5-10 11-10 16a10 10 0 0020 0c0-5-3-11-10-16z\" fill=\"#E89A2C\"\/><path d=\"M24 17v18\" stroke=\"#0F3A33\" stroke-width=\"1.6\"\/><\/svg>\n <b>AGT<br><i>al-aswadi<\/i><\/b>\n <\/div>\n <ul class=\"menu\" id=\"menu\">\n <li><a href=\"#shop\">Shop<\/a><\/li>\n <li><a href=\"#lab\">Brew Lab<\/a><\/li>\n <li><a href=\"#story\">Our Story<\/a><\/li>\n <li><a href=\"#insta\">Gallery<\/a><\/li>\n <\/ul>\n <div class=\"nav-right\">\n <button class=\"pill-btn\" id=\"cartBtn\"><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> Cart <span class=\"cart-count\" id=\"cartCount\">0<\/span><\/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-l\">\n <div class=\"tagrow\"><span class=\"dot\"><\/span> Rated 4.9 by 7,000+ tea lovers in Bahrain<\/div>\n <h1>Tea that tastes like <em>the garden<\/em> it grew in.<\/h1>\n <p class=\"lead\">AGT Al-Aswadi sources certified-organic leaves direct from the world's finest estates \u2014 then delivers them fresh to your door across Bahrain.<\/p>\n <div class=\"hero-cta\">\n <button class=\"btn btn-amber\" onclick=\"document.getElementById('shop').scrollIntoView({behavior:'smooth'})\">Shop the teas <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><\/button>\n <a class=\"btn btn-out\" href=\"#lab\">Build your brew<\/a>\n <\/div>\n <div class=\"trust\">\n <div><b>40+<\/b><span>Estate teas<\/span><\/div>\n <div><b>100%<\/b><span>Certified organic<\/span><\/div>\n <div><b>24h<\/b><span>Bahrain delivery<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"hero-r\">\n <div class=\"sun\"><\/div>\n <svg class=\"sticker\" viewBox=\"0 0 200 200\">\n <defs><path id=\"cp\" d=\"M100,100 m-74,0 a74,74 0 1,1 148,0 a74,74 0 1,1 -148,0\"\/><\/defs>\n <circle class=\"badge-bg\" cx=\"100\" cy=\"100\" r=\"64\"\/>\n <text><textPath href=\"#cp\" startOffset=\"0\">FRESH \u00b7 ORGANIC \u00b7 DELIVERED IN BAHRAIN \u00b7 <\/textPath><\/text>\n <path class=\"leaf\" d=\"M100 78c-9 6-13 13-13 19a13 13 0 0026 0c0-6-4-13-13-19z\"\/>\n <\/svg>\n <div class=\"hero-cup\" id=\"heroCup\">\n <div class=\"steam\"><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><\/div>\n <svg viewBox=\"0 0 320 300\" fill=\"none\">\n <ellipse cx=\"160\" cy=\"120\" rx=\"92\" ry=\"26\" fill=\"#0B2C26\"\/>\n <ellipse cx=\"160\" cy=\"115\" rx=\"82\" ry=\"21\" fill=\"#7A3D14\"\/>\n <ellipse cx=\"160\" cy=\"113\" rx=\"74\" ry=\"17\" fill=\"#A85C1C\"\/>\n <path d=\"M68 118c4 70 28 116 92 116s88-46 92-116\" fill=\"#FAF4E6\"\/>\n <path d=\"M68 118c4 70 28 116 92 116s88-46 92-116\" stroke=\"#0F3A33\" stroke-width=\"3\"\/>\n <path d=\"M252 134c30-6 42 12 34 34-7 18-26 22-40 18\" stroke=\"#FAF4E6\" stroke-width=\"15\" stroke-linecap=\"round\"\/>\n <path d=\"M252 134c30-6 42 12 34 34-7 18-26 22-40 18\" stroke=\"#0F3A33\" stroke-width=\"3\" fill=\"none\"\/>\n <ellipse cx=\"160\" cy=\"272\" rx=\"64\" ry=\"12\" fill=\"#0B2C26\" opacity=\".25\"\/>\n <circle cx=\"160\" cy=\"180\" r=\"20\" fill=\"none\" stroke=\"#E89A2C\" stroke-width=\"3\"\/>\n <path d=\"M160 170c-6 4-8 8-8 11a8 8 0 0016 0c0-3-2-7-8-11z\" fill=\"#E89A2C\"\/>\n <\/svg>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"marquee\"><div class=\"mq-track\">\n <span>Garden Fresh<\/span><span><i>Single Estate<\/i><\/span><span>Ethically Sourced<\/span><span><i>Packed at Origin<\/i><\/span><span>Delivered in Bahrain<\/span>\n <span>Garden Fresh<\/span><span><i>Single Estate<\/i><\/span><span>Ethically Sourced<\/span><span><i>Packed at Origin<\/i><\/span><span>Delivered in Bahrain<\/span>\n<\/div><\/div>\n\n\n<section class=\"shop\" id=\"shop\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <div class=\"l\"><span class=\"tag\">Bestsellers<\/span><h2>Loved in <em>every kitchen<\/em><\/h2><\/div>\n <span class=\"hint\">Drag to explore \u00b7 hover for steam <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><\/span>\n <\/div>\n <\/div>\n <div class=\"rail\" id=\"rail\"><\/div>\n<\/section>\n\n\n<section class=\"lab\" id=\"lab\">\n <div class=\"wrap\">\n <div class=\"lab-grid\">\n <div class=\"reveal\">\n <span class=\"tag\" style=\"font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase\">Interactive Brew Lab<\/span>\n <h2>Build <em>your<\/em> perfect cup.<\/h2>\n <p class=\"sub\">Pick a tea, dial in the strength, and watch your cup brew in real time. When it looks right \u2014 add it to your tray.<\/p>\n <div class=\"controls\">\n <div class=\"type-row\" id=\"typeRow\">\n <button class=\"type-chip active\" data-t=\"green\">Green<\/button>\n <button class=\"type-chip\" data-t=\"black\">Black<\/button>\n <button class=\"type-chip\" data-t=\"chai\">Masala Chai<\/button>\n <button class=\"type-chip\" data-t=\"herbal\">Herbal<\/button>\n <\/div>\n <div class=\"slider-wrap\">\n <label>Strength <b id=\"strengthLbl\">Balanced<\/b><\/label>\n <input type=\"range\" id=\"strength\" min=\"1\" max=\"5\" value=\"3\">\n <\/div>\n <div class=\"slider-wrap\">\n <label>Steep time <b id=\"steepLbl\">3 min<\/b><\/label>\n <input type=\"range\" id=\"steep\" min=\"1\" max=\"6\" value=\"3\">\n <\/div>\n <div class=\"readout\">\n <div class=\"ro-l\"><b id=\"brewName\">Himalayan Green<\/b><span>BD <span id=\"brewPrice\">6.500<\/span> \/ 100g<\/span><\/div>\n <div class=\"ro-flavor\" id=\"brewFlavor\">Sweet, grassy, delicate florals<\/div>\n <\/div>\n <button class=\"btn btn-amber\" onclick=\"addBrew()\">Add this brew <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\" stroke-linecap=\"round\"\/><\/svg><\/button>\n <\/div>\n <\/div>\n <div class=\"lab-cup reveal\">\n <div class=\"glow\"><\/div>\n <div class=\"lab-steam\" id=\"labSteam\"><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><\/div>\n <svg class=\"steep-svg\" viewBox=\"0 0 320 320\" fill=\"none\" style=\"width:300px\">\n <defs><clipPath id=\"cupClip\"><path d=\"M70 130c2 72 28 120 90 120s88-48 90-120z\"\/><\/clipPath><\/defs>\n <path d=\"M252 150c30-6 42 12 34 34-7 18-26 22-40 18\" stroke=\"#FAF4E6\" stroke-width=\"15\" stroke-linecap=\"round\"\/>\n <g clip-path=\"url(#cupClip)\">\n <rect x=\"60\" y=\"130\" width=\"200\" height=\"130\" fill=\"#FAF4E6\"\/>\n <rect id=\"labLiquid\" x=\"60\" y=\"150\" width=\"200\" height=\"120\" fill=\"#8FA63D\"\/>\n <\/g>\n <path d=\"M70 130c2 72 28 120 90 120s88-48 90-120\" fill=\"none\" stroke=\"#FAF4E6\" stroke-width=\"4\"\/>\n <ellipse cx=\"160\" cy=\"130\" rx=\"92\" ry=\"24\" fill=\"none\" stroke=\"#FAF4E6\" stroke-width=\"5\"\/>\n <ellipse cx=\"160\" cy=\"286\" rx=\"58\" ry=\"11\" fill=\"#0B2C26\" opacity=\".3\"\/>\n <\/svg>\n <\/div>\n <\/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=\"tag\">Our Story<\/span>\n <h2>Bahrain's gateway to <em>the world's best gardens.<\/em><\/h2>\n <p>AGT Al-Aswadi started with one belief: people in the Kingdom deserve tea exactly as it was meant to taste \u2014 fresh from the estate, untouched by middlemen, brewed with intention.<\/p>\n <p>As Bahrain's sole authorised distributor, we travel to the most celebrated tea gardens on earth, choose only certified-organic harvests, and bring them home at their freshest.<\/p>\n <ul class=\"story-points\">\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Direct from garden \u2014 no middlemen<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> 100% certified organic, packed at origin<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Fast, careful delivery across Bahrain<\/li>\n <\/ul>\n <\/div>\n <div class=\"steep-cup reveal\" id=\"steepCup\">\n <svg class=\"steep-svg\" viewBox=\"0 0 320 320\" fill=\"none\">\n <defs><clipPath id=\"storyClip\"><path d=\"M70 130c2 72 28 120 90 120s88-48 90-120z\"\/><\/clipPath><\/defs>\n <path d=\"M252 150c30-6 42 12 34 34-7 18-26 22-40 18\" stroke=\"#0F3A33\" stroke-width=\"15\" stroke-linecap=\"round\"\/>\n <g clip-path=\"url(#storyClip)\">\n <rect x=\"60\" y=\"130\" width=\"200\" height=\"130\" fill=\"#FAF4E6\"\/>\n <rect id=\"storyLiquid\" x=\"60\" y=\"250\" width=\"200\" height=\"0\" fill=\"#A85C1C\"\/>\n <\/g>\n <path d=\"M70 130c2 72 28 120 90 120s88-48 90-120\" fill=\"none\" stroke=\"#0F3A33\" stroke-width=\"4\"\/>\n <ellipse cx=\"160\" cy=\"130\" rx=\"92\" ry=\"24\" fill=\"none\" stroke=\"#0F3A33\" stroke-width=\"5\"\/>\n <ellipse cx=\"160\" cy=\"286\" rx=\"58\" ry=\"11\" fill=\"#0B2C26\" opacity=\".25\"\/>\n <text x=\"160\" y=\"200\" text-anchor=\"middle\" font-family=\"Bricolage Grotesque,sans-serif\" font-size=\"15\" font-weight=\"700\" fill=\"#0F3A33\">AGT<\/text>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"bento\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\"><div class=\"l\"><span class=\"tag\">Why AGT<\/span><h2>Small batch. <em>Big difference.<\/em><\/h2><\/div><\/div>\n <div class=\"bento-grid\">\n <div class=\"box b1 reveal\"><div class=\"ic\"><svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"#FAF4E6\" stroke-width=\"2\"><path d=\"M16 4C8 9 6 17 9 23c6 3 12 0 15-6 2-7-2-12-8-13z\"\/><\/svg><\/div><h4>Garden-fresh, always.<\/h4><p>Sealed within hours of harvest so the aroma, colour and antioxidants reach your cup alive.<\/p><\/div>\n <div class=\"box b2 reveal\"><div class=\"ic\"><svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"#0F3A33\" stroke-width=\"2\"><circle cx=\"16\" cy=\"16\" r=\"11\"\/><path d=\"M11 16l3 3 7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><h4>Certified organic<\/h4><p>No pesticides. Ever.<\/p><\/div>\n <div class=\"box b3 reveal\"><div class=\"ic\"><svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"#0F3A33\" stroke-width=\"2\"><path d=\"M5 16h22M19 8l8 8-8 8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><h4>24h delivery<\/h4><p>Across Bahrain.<\/p><\/div>\n <div class=\"box b4 reveal\"><div class=\"ic\"><svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"#0F3A33\" stroke-width=\"2\"><path d=\"M16 28s-11-6-11-15a6 6 0 0111-3 6 6 0 0111 3c0 9-11 15-11 15z\"\/><\/svg><\/div><h4>Loved by 7,000+ tea drinkers<\/h4><p>A growing community across the Kingdom who switched to fresh and never looked back.<\/p><\/div>\n <div class=\"box b5 reveal\"><div class=\"ic\"><svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"#FAF4E6\" stroke-width=\"2\"><path d=\"M16 6v20M9 13l7-7 7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div><h4>Direct trade<\/h4><p>Fair to farmers.<\/p><\/div>\n <div class=\"box b6 reveal\"><div class=\"ic\"><svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"#FAF4E6\" stroke-width=\"2\"><path d=\"M6 20h20l-2 8H8z\"\/><path d=\"M26 22c4 0 5 5 0 6\"\/><path d=\"M12 16c0-2 2-2 2-4M18 16c0-2 2-2 2-4\" stroke-linecap=\"round\"\/><\/svg><\/div><h4>40+ blends<\/h4><p>From bold to mellow.<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"testi\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\"><div class=\"l\"><span class=\"tag\">Reviews<\/span><h2>The verdict's <em>in.<\/em><\/h2><\/div><\/div>\n <div class=\"testi-grid\" id=\"testiGrid\"><\/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><b>@agt.alaswadi<\/b><div class=\"nums\"><span><b>454<\/b> posts<\/span><span><b>7,162<\/b> followers<\/span><span><b>1,018<\/b> following<\/span><\/div><\/div>\n <\/div>\n <a class=\"btn btn-spruce\" href=\"https:\/\/www.instagram.com\/agt.alaswadi\" target=\"_blank\">Follow us <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 <\/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=\"blob x1\"><\/div><div class=\"blob x2\"><\/div>\n <h2>Get <em>10% off<\/em> your first order<\/h2>\n <p>Join the AGT list for fresh-arrival alerts, brewing tips and members-only offers across Bahrain.<\/p>\n <div class=\"news-form\"><input type=\"email\" id=\"newsEmail\" placeholder=\"your@email.com\"><button class=\"btn btn-spruce\" onclick=\"subscribe()\">Sign me up<\/button><\/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=\"logo\" viewBox=\"0 0 48 48\" fill=\"none\"><rect width=\"48\" height=\"48\" rx=\"14\" fill=\"#15564B\"\/><path d=\"M24 12c-7 5-10 11-10 16a10 10 0 0020 0c0-5-3-11-10-16z\" fill=\"#F4C065\"\/><path d=\"M24 17v18\" stroke=\"#0F3A33\" stroke-width=\"1.6\"\/><\/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\"><h5>Shop<\/h5><ul><li><a href=\"#shop\">Black Tea<\/a><\/li><li><a href=\"#shop\">Green Tea<\/a><\/li><li><a href=\"#shop\">Herbal<\/a><\/li><li><a href=\"#shop\">Masala Chai<\/a><\/li><li><a href=\"#lab\">Brew Lab<\/a><\/li><\/ul><\/div>\n <div class=\"foot\"><h5>Company<\/h5><ul><li><a href=\"#story\">Our Story<\/a><\/li><li><a href=\"#insta\">Gallery<\/a><\/li><li><a href=\"https:\/\/www.instagram.com\/agt.alaswadi\" target=\"_blank\">Instagram<\/a><\/li><li><a href=\"https:\/\/www.facebook.com\/AGTalaswadi.3\" target=\"_blank\">Facebook<\/a><\/li><\/ul><\/div>\n <div class=\"foot\"><h5>Contact<\/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 Fresh organic tea, delivered across Bahrain.<\/div>\n <\/div>\n<\/footer>\n\n\n<div class=\"sticky-bar\" id=\"stickyBar\">\n <div class=\"sb-info\">\n <div class=\"sb-dot\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 4C9 9 7 16 9 21c5 3 11 0 14-5 2-6-2-11-7-12z\"\/><\/svg><\/div>\n <div><b>Himalayan Green<\/b><span>BD 6.500 \u00b7 bestseller<\/span><\/div>\n <\/div>\n <button class=\"btn btn-amber\" onclick=\"addToCart(0)\">Add to cart<\/button>\n<\/div>\n\n\n<div class=\"overlay\" id=\"overlay\"><\/div>\n<aside class=\"drawer\" id=\"drawer\">\n <div class=\"drawer-head\"><h3>Your tray<\/h3><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><\/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\"><div class=\"tot\"><span>Total<\/span><span id=\"cartTotal\">BD 0.000<\/span><\/div><button class=\"btn btn-spruce\">Checkout<\/button><div class=\"free-note\" id=\"freeNote\">Add BD 15.000 for free Bahrain delivery<\/div><\/div>\n<\/aside>\n\n<script>\ndocument.getElementById('yr').textContent=new Date().getFullYear();\n\nconst TINS=[\n {n:'Himalayan Green',t:'Green Tea',notes:'Sweet, grassy, delicate florals.',p:6.500,c:'#3F7A4E',bg:'#8FA63D',badge:'Bestseller',r:5},\n {n:'Assam Breakfast',t:'Black Tea',notes:'Bold, malty, full-bodied mornings.',p:5.900,c:'#5A2E16',bg:'#A85C1C',badge:null,r:5},\n {n:'Masala Chai',t:'Spiced',notes:'Cardamom, ginger, cinnamon & clove.',p:6.900,c:'#9A5126',bg:'#C7593A',badge:'New',r:5},\n {n:'Kashmiri Kahwa',t:'Green Tea',notes:'Saffron, almond & rose petals.',p:7.500,c:'#C8901E',bg:'#F4C065',badge:null,r:4},\n {n:'Golden Turmeric',t:'Wellness',notes:'Turmeric, ginger & black pepper.',p:6.200,c:'#D08A23',bg:'#E89A2C',badge:null,r:5},\n {n:'Moroccan Mint',t:'Green Tea',notes:'Cooling spearmint over gunpowder.',p:5.600,c:'#2E6049',bg:'#8FA63D',badge:null,r:4},\n {n:'Chamomile Bloom',t:'Herbal',notes:'Soft, honeyed, caffeine-free calm.',p:5.400,c:'#A9A03A',bg:'#E8C04A',badge:null,r:5},\n {n:'Crimson Hibiscus',t:'Herbal',notes:'Tart, ruby-red, vitamin-rich.',p:6.100,c:'#B23A4A',bg:'#C75A39',badge:null,r:4}\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));return '#'+(0x1000000+(r<<16)+(g<<8)+b).toString(16).slice(1);}\nfunction tinSVG(c){const id=c.replace('#','');return `<svg class=\"tin\" viewBox=\"0 0 160 220\" fill=\"none\">\n <defs><linearGradient id=\"g${id}\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"${shade(c,18)}\"\/><stop offset=\"1\" stop-color=\"${shade(c,-28)}\"\/><\/linearGradient><\/defs>\n <ellipse cx=\"80\" cy=\"206\" rx=\"52\" ry=\"10\" fill=\"#0F3A33\" opacity=\".18\"\/>\n <rect x=\"32\" y=\"46\" width=\"96\" height=\"158\" rx=\"16\" fill=\"url(#g${id})\" stroke=\"${shade(c,-40)}\" stroke-width=\"1.5\"\/>\n <rect x=\"28\" y=\"32\" width=\"104\" height=\"20\" rx=\"9\" fill=\"${shade(c,26)}\" stroke=\"${shade(c,-30)}\" stroke-width=\"1.2\"\/>\n <rect x=\"44\" y=\"84\" width=\"72\" height=\"84\" rx=\"10\" fill=\"#FAF4E6\" 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 <text x=\"80\" y=\"142\" text-anchor=\"middle\" font-family=\"Bricolage Grotesque,sans-serif\" font-size=\"10\" font-weight=\"700\" fill=\"#0F3A33\">AGT<\/text>\n <path d=\"M58 150h44\" stroke=\"${c}\" stroke-width=\"2\"\/><\/svg>`;}\n\nconst rail=document.getElementById('rail');\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');card.className='card';\n card.innerHTML=`${tea.badge?`<span class=\"badge\">${tea.badge}<\/span>`:''}\n <button class=\"fav\"><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\"><div class=\"tin-bg\" style=\"background:radial-gradient(circle at 50% 60%,${tea.bg},transparent 70%)\"><\/div>\n <div class=\"steam\"><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><span class=\"puff\"><\/span><\/div>${tinSVG(tea.c)}<\/div>\n <div class=\"p-type\">${tea.t}<\/div><h3>${tea.n}<\/h3><div class=\"stars\">${stars}<\/div>\n <p class=\"p-notes\">${tea.notes}<\/p>\n <div class=\"p-foot\"><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><\/div>`;\n rail.appendChild(card);\n let t;card.addEventListener('mouseenter',()=>{clearTimeout(t);card.classList.add('is-steaming');});\n card.addEventListener('mouseleave',()=>{t=setTimeout(()=>card.classList.remove('is-steaming'),5000);});\n card.querySelector('.fav').addEventListener('click',e=>{e.stopPropagation();e.currentTarget.classList.toggle('on');});\n card.querySelector('.add').addEventListener('click',e=>{e.stopPropagation();addToCart(i);});\n});\n\n\/* draggable rail *\/\n(function(){let down=false,sx,sl;\n rail.addEventListener('mousedown',e=>{down=true;rail.classList.add('drag');sx=e.pageX;sl=rail.scrollLeft;});\n addEventListener('mouseup',()=>{down=false;rail.classList.remove('drag');});\n rail.addEventListener('mouseleave',()=>{down=false;rail.classList.remove('drag');});\n rail.addEventListener('mousemove',e=>{if(!down)return;e.preventDefault();rail.scrollLeft=sl-(e.pageX-sx)*1.4;});})();\n\n\/* testimonials *\/\nconst REVS=[\n {q:'The freshest tea I have ever had in Bahrain. You can smell the garden when you open the tin.',n:'Noor A.',c:'Manama',a:'N'},\n {q:'Their masala chai is unreal and delivery was next-day. My whole family is hooked.',n:'Yousef K.',c:'Riffa',a:'Y'},\n {q:'Finally a real source for organic green tea. Quality you can taste in every cup.',n:'Sara M.',c:'Muharraq',a:'S'}\n];\ndocument.getElementById('testiGrid').innerHTML=REVS.map(r=>`<div class=\"quote reveal\">\n <div class=\"stars\">${'<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><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>'.repeat(5)}<\/div>\n <p>\u201c${r.q}\u201d<\/p><div class=\"who\"><div class=\"av\">${r.a}<\/div><div><b>${r.n}<\/b><span>${r.c}<\/span><\/div><\/div><\/div>`).join('');\n\n\/* instagram *\/\nconst igC=[['#0F3A33','#15564B'],['#E89A2C','#C7593A'],['#8FA63D','#3F7A4E'],['#C7593A','#E89A2C'],['#15564B','#8FA63D'],['#F4C065','#C8901E'],['#3F7A4E','#0F3A33'],['#C75A39','#9A5126'],['#8FA63D','#E89A2C'],['#0F3A33','#C7593A'],['#A85C1C','#F4C065'],['#15564B','#0F3A33']];\nconst ig=document.getElementById('igGrid');\nigC.forEach(([a,b])=>{const cell=document.createElement('a');cell.className='ig-cell';cell.href='https:\/\/www.instagram.com\/agt.alaswadi';cell.target='_blank';\n cell.innerHTML=`<div class=\"art\" style=\"background:linear-gradient(140deg,${a},${b})\"><\/div>\n <svg class=\"leaf\" 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\"\/><\/svg>\n <div class=\"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 ig.appendChild(cell);});\n\n\/* ---- BREW LAB ---- *\/\nconst BREW={\n green:{name:'Himalayan Green',base:[143,166,61],flavors:['Light, fresh, green','Sweet & grassy','Balanced, floral','Rich, vegetal','Deep, full green'],price:6.500},\n black:{name:'Assam Breakfast',base:[168,92,28],flavors:['Smooth & light','Mellow, malty','Bold & brisk','Strong, malty','Intense, full-bodied'],price:5.900},\n chai:{name:'Masala Chai',base:[199,89,57],flavors:['Gently spiced','Warm & cosy','Balanced spice','Bold & fiery','Intense masala'],price:6.900},\n herbal:{name:'Crimson Hibiscus',base:[178,58,74],flavors:['Soft & subtle','Lightly tart','Balanced ruby','Tart & vivid','Deep & punchy'],price:6.100}\n};\nlet brewType='green';\nconst strengthNames=['Delicate','Light','Balanced','Strong','Bold'];\nfunction updateBrew(){\n const b=BREW[brewType];const s=+document.getElementById('strength').value;const st=+document.getElementById('steep').value;\n const f=0.55+(s-1)*0.11; \/\/ darken with strength\n const rgb=b.base.map(v=>Math.round(v*f));\n document.getElementById('labLiquid').setAttribute('fill',`rgb(${rgb[0]},${rgb[1]},${rgb[2]})`);\n document.getElementById('strengthLbl').textContent=strengthNames[s-1];\n document.getElementById('steepLbl').textContent=st+' min';\n document.getElementById('brewName').textContent=b.name;\n document.getElementById('brewPrice').textContent=b.price.toFixed(3);\n document.getElementById('brewFlavor').textContent=b.flavors[s-1];\n document.getElementById('labSteam').style.opacity=0.3+s*0.14;\n}\ndocument.getElementById('typeRow').addEventListener('click',e=>{const c=e.target.closest('.type-chip');if(!c)return;\n document.querySelectorAll('.type-chip').forEach(x=>x.classList.remove('active'));c.classList.add('active');brewType=c.dataset.t;updateBrew();});\ndocument.getElementById('strength').addEventListener('input',updateBrew);\ndocument.getElementById('steep').addEventListener('input',updateBrew);\nupdateBrew();\nfunction addBrew(){const b=BREW[brewType];const s=document.getElementById('strength').value;\n cart.push({i:-1,q:1,custom:{n:b.name+' \u00b7 '+strengthNames[s-1],t:'Custom brew',p:b.price,c:`rgb(${b.base.join(',')})`}});renderCart();openCart();}\n\n\/* ---- cart ---- *\/\nlet cart=[];const overlay=document.getElementById('overlay'),drawer=document.getElementById('drawer');\nconst openCart=()=>{overlay.classList.add('open');drawer.classList.add('open');},closeCart=()=>{overlay.classList.remove('open');drawer.classList.remove('open');};\ndocument.getElementById('cartBtn').onclick=openCart;document.getElementById('closeCart').onclick=closeCart;overlay.onclick=closeCart;\nfunction item(c){return c.custom?c.custom:TINS[c.i];}\nfunction addToCart(i){const ex=cart.find(c=>c.i===i&&!c.custom);if(ex)ex.q++;else cart.push({i,q:1});renderCart();openCart();}\nfunction renderCart(){const body=document.getElementById('drawerBody');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 body.innerHTML=cart.map((c,idx)=>{const t=item(c);return `<div class=\"cart-item\"><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><div class=\"qty\"><button onclick=\"chg(${idx},-1)\">\u2212<\/button><span>${c.q}<\/span><button onclick=\"chg(${idx},1)\">+<\/button><\/div><\/div>\n <div class=\"ci-price\">BD ${(t.p*c.q).toFixed(3)}<\/div><\/div>`;}).join('');\n const tot=cart.reduce((s,c)=>s+item(c).p*c.q,0);document.getElementById('cartTotal').textContent='BD '+tot.toFixed(3);\n document.getElementById('freeNote').textContent=tot>=15?'\ud83c\udf89 Free Bahrain delivery unlocked!':`Add BD ${(15-tot).toFixed(3)} for free Bahrain delivery`;}\nfunction chg(idx,d){cart[idx].q+=d;if(cart[idx].q<=0)cart.splice(idx,1);renderCart();}\nfunction subscribe(){const e=document.getElementById('newsEmail');if(e.value&&e.value.includes('@')){e.value='';alert('You are in! Check your inbox for 10% off. \ud83c\udf43');}else{e.focus();e.style.borderColor='#C7593A';}}\n\n\/* header + burger *\/\nconst header=document.getElementById('header');addEventListener('scroll',()=>header.classList.toggle('shrink',scrollY>40));\nconst burger=document.getElementById('burger'),menu=document.getElementById('menu');burger.onclick=()=>menu.classList.toggle('open');\nmenu.querySelectorAll('a').forEach(a=>a.onclick=()=>menu.classList.remove('open'));\n\n\/* scroll progress + sticky bar + hero parallax + scroll-steep *\/\nconst prog=document.getElementById('progress'),sbar=document.getElementById('stickyBar'),heroCup=document.getElementById('heroCup');\nconst storyLiquid=document.getElementById('storyLiquid'),steepCup=document.getElementById('steepCup');\nfunction onScroll(){\n const h=document.documentElement;const sc=h.scrollTop,max=h.scrollHeight-h.clientHeight;\n prog.style.width=(sc\/max*100)+'%';\n const footTop=document.querySelector('footer').offsetTop;\n sbar.classList.toggle('show',sc>650&&sc<footTop-700);\n \/\/ scroll-steep: fill cup as story section passes through middle\n if(steepCup){const r=steepCup.getBoundingClientRect();const vh=innerHeight;\n let p=1-(r.top- vh*0.15)\/(vh*0.6);p=Math.max(0,Math.min(1,p));\n const full=120;storyLiquid.setAttribute('height',(full*p).toFixed(1));storyLiquid.setAttribute('y',(250-full*p).toFixed(1));}\n}\naddEventListener('scroll',onScroll,{passive:true});onScroll();\naddEventListener('mousemove',e=>{const x=(e.clientX\/innerWidth-.5),y=(e.clientY\/innerHeight-.5);if(heroCup)heroCup.style.transform=`translate(${x*16}px,${y*16}px)`;});\n\n\/* reveal (robust) *\/\n(function(){const reveals=[...document.querySelectorAll('.reveal')];\n const showAll=()=>reveals.forEach(el=>el.classList.add('in'));\n const showInView=()=>reveals.forEach(el=>{const r=el.getBoundingClientRect();if(r.top<(innerHeight||800)+80&&r.bottom>-80)el.classList.add('in');});\n if('IntersectionObserver' in window){document.documentElement.classList.add('anim-ready');\n const io=new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}}),{threshold:0,rootMargin:'0px 0px -4% 0px'});\n reveals.forEach(el=>io.observe(el));requestAnimationFrame(showInView);\n addEventListener('scroll',showInView,{passive:true});addEventListener('resize',showInView,{passive:true});\n setTimeout(showInView,400);setTimeout(showAll,2500);\n }else showAll();})();\n\n\/* cursor *\/\nconst cur=document.querySelector('.cur');\naddEventListener('mousemove',e=>{cur.style.transform=`translate(${e.clientX}px,${e.clientY}px) translate(-50%,-50%)`;});\ndocument.addEventListener('mouseover',e=>{if(e.target.closest('a,button,.card,.ig-cell,.type-chip,input'))cur.classList.add('grow');else cur.classList.remove('grow');});\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AGT Al-Aswadi \u2014 Fresh Organic Tea, Delivered in Bahrain \ud83c\udf43 Free delivery across Bahrain over BD 15 \u00b7 Fresh organic tea, sourced direct from the world’s best gardens AGTal-aswadi Shop Brew Lab Our Story Gallery Cart 0 Rated 4.9 by 7,000+ tea lovers in Bahrain Tea that tastes like the garden it grew in. AGT […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-135","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/135","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=135"}],"version-history":[{"count":4,"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/135\/revisions"}],"predecessor-version":[{"id":140,"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/135\/revisions\/140"}],"wp:attachment":[{"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/media?parent=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}