AGT Al-Aswadi \u2014 Imperial Tea House \u00b7 Premium Organic Tea<\/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=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..700&family=Cinzel:wght@400;500;600;700;800&family=Newsreader:ital,opsz,wght@0,6..72,300..600;1,6..72,300..500&display=swap\" rel=\"stylesheet\">\n<style>\n:root{\n --crimson:#9E1B32;\n --crimson-2:#BC2440;\n --wine:#7A1426;\n --burgundy:#4F0C18;\n --burgundy-2:#330810;\n --gold:#B8902E;\n --gold-2:#E6C56A;\n --gold-soft:#D9B95E;\n --ivory:#F4ECD9;\n --parchment:#FBF6EA;\n --ink:#231314;\n --muted:#7C5A56;\n --navy:#16223F;\n --line:rgba(120,20,38,.18);\n --gline:rgba(184,144,46,.4);\n --shadow:0 26px 70px -30px rgba(79,12,24,.6);\n --display:'Bodoni Moda',Georgia,serif;\n --caps:'Cinzel',serif;\n --body:'Newsreader',Georgia,serif;\n}\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{font-family:var(--body);background:var(--parchment);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased;font-size:17px}\n::selection{background:var(--gold-2);color:var(--burgundy)}\na{color:inherit;text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* ---- ornamental texture ---- *\/\n.grain{position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:.05;mix-blend-mode:multiply}\n#dust{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.8}\n\n\/* ---- cursor ---- *\/\n.cur-dot{position:fixed;width:8px;height:8px;border-radius:50%;background:var(--gold);z-index:9999;pointer-events:none;transform:translate(-50%,-50%)}\n.cur-ring{position:fixed;width:38px;height:38px;border:1.4px solid rgba(158,27,50,.5);border-radius:50%;z-index:9998;pointer-events:none;transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .25s}\n.cur-ring.grow{width:70px;height:70px;border-color:var(--gold)}\n@media(max-width:900px){.cur-dot,.cur-ring{display:none}}\n\n\/* ---- loader \/ wax seal stamp ---- *\/\n.loader{position:fixed;inset:0;z-index:10000;background:var(--burgundy-2);display:grid;place-items:center;transition:opacity .7s ease,visibility .7s}\n.loader.done{opacity:0;visibility:hidden}\n.seal{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;position:relative;\n background:radial-gradient(circle at 38% 34%,var(--crimson-2),var(--wine) 70%);\n box-shadow:0 18px 40px rgba(0,0,0,.6),inset 0 4px 12px rgba(255,255,255,.18),inset 0 -8px 18px rgba(0,0,0,.4);\n transform:scale(1.7) rotate(-12deg);opacity:0;animation:stamp .7s cubic-bezier(.2,1.4,.4,1) .15s forwards}\n.seal::before{content:\"\";position:absolute;inset:9px;border-radius:50%;border:1.5px dashed rgba(230,197,106,.7)}\n.seal b{font-family:var(--caps);font-weight:800;color:var(--gold-2);font-size:2rem;letter-spacing:.06em;text-shadow:0 2px 4px rgba(0,0,0,.5)}\n@keyframes stamp{60%{transform:scale(.92) rotate(-12deg);opacity:1}100%{transform:scale(1) rotate(-12deg);opacity:1}}\n\n\/* ---- announcement ---- *\/\n.announce{background:var(--burgundy);color:var(--ivory);font-family:var(--caps);font-size:.66rem;letter-spacing:.34em;\n text-transform:uppercase;text-align:center;padding:10px 16px;position:relative;z-index:60;border-bottom:1px solid var(--gline)}\n.announce b{color:var(--gold-2)}\n\n\/* ---- header ---- *\/\nheader{position:sticky;top:0;z-index:50;background:rgba(251,246,234,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--gline);transition:padding .3s}\n.nav{max-width:1340px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;transition:padding .3s}\nheader.shrink .nav{padding:10px 32px}\n.brand{display:flex;align-items:center;gap:13px;cursor:pointer}\n.brand .crest{width:46px;height:46px;flex:none}\n.brand .txt b{font-family:var(--caps);font-weight:700;font-size:1.16rem;letter-spacing:.12em;color:var(--crimson);display:block;line-height:1}\n.brand .txt span{font-family:var(--caps);font-size:.56rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);font-weight:600}\n.menu{display:flex;gap:36px;list-style:none}\n.menu a{font-family:var(--caps);font-size:.74rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);position:relative;padding:4px 0}\n.menu a::after{content:\"\";position:absolute;left:50%;bottom:-3px;width:0;height:1.5px;background:var(--gold);transition:.35s;transform:translateX(-50%)}\n.menu a:hover::after{width:100%}\n.nav-right{display:flex;align-items:center;gap:18px}\n.icon-btn{background:none;border:none;cursor:pointer;color:var(--crimson);display:flex;position:relative}\n.icon-btn svg{width:22px;height:22px}\n.cart-count{position:absolute;top:-8px;right:-9px;background:var(--crimson);color:var(--gold-2);font-family:var(--caps);font-size:.6rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}\n.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}\n.burger span{width:24px;height:2px;background:var(--crimson);transition:.3s}\n\n\/* ---- buttons ---- *\/\n.btn{position:relative;overflow:hidden;border:none;cursor:pointer;font-family:var(--caps);font-weight:600;font-size:.74rem;\n letter-spacing:.18em;text-transform:uppercase;padding:16px 34px;display:inline-flex;align-items:center;gap:10px;\n transition:transform .25s,color .4s;z-index:1;border-radius:2px}\n.btn svg{width:16px;height:16px}\n.btn-primary{background:var(--crimson);color:var(--gold-2);box-shadow:0 12px 30px -12px rgba(158,27,50,.7)}\n.btn-primary::before{content:\"\";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,var(--gold),var(--gold-2));transform:translateY(101%);transition:transform .45s cubic-bezier(.7,0,.2,1)}\n.btn-primary:hover{color:var(--burgundy)}\n.btn-primary:hover::before{transform:translateY(0)}\n.btn-ghost{background:transparent;color:var(--crimson);border:1.5px solid var(--crimson)}\n.btn-ghost:hover{background:var(--crimson);color:var(--gold-2)}\n.btn-gold{background:linear-gradient(120deg,var(--gold),var(--gold-2));color:var(--burgundy)}\n\n\/* ---- filigree divider ---- *\/\n.fil{display:block;margin:0 auto;width:240px;height:30px;color:var(--gold)}\n.fil path{stroke:currentColor;stroke-width:1.4;fill:none;stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 1.6s ease}\n.in .fil path,.fil.draw path{stroke-dashoffset:0}\n\n\/* ---- hero ---- *\/\n.hero{position:relative;background:linear-gradient(165deg,var(--burgundy),var(--burgundy-2));color:var(--ivory);overflow:hidden;z-index:2}\n.hero-inner{max-width:1340px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:70px 32px 80px;position:relative;z-index:3}\n.hero::before{content:\"\";position:absolute;top:-200px;left:-150px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(184,144,46,.18),transparent 65%)}\n.hero-corner{position:absolute;width:140px;height:140px;color:rgba(230,197,106,.45);z-index:2}\n.hc-tl{top:24px;left:24px}.hc-tr{top:24px;right:24px;transform:scaleX(-1)}.hc-bl{bottom:24px;left:24px;transform:scaleY(-1)}.hc-br{bottom:24px;right:24px;transform:scale(-1)}\n.hero .eyebrow{font-family:var(--caps);font-size:.72rem;letter-spacing:.36em;text-transform:uppercase;color:var(--gold-2);margin-bottom:26px;display:inline-flex;align-items:center;gap:14px}\n.hero .eyebrow::before,.hero .eyebrow::after{content:\"\";width:30px;height:1px;background:var(--gold)}\n.hero h1{font-family:var(--display);font-weight:500;font-size:clamp(2.8rem,5.6vw,5rem);line-height:1.0;letter-spacing:-.01em;margin-bottom:24px}\n.hero h1 em{font-style:italic;color:var(--gold-2)}\n.shimmer{background:linear-gradient(100deg,var(--ivory) 30%,var(--gold-2) 50%,var(--ivory) 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 5s linear infinite}\n@keyframes shine{to{background-position:-220% 0}}\n.hero p.lead{font-size:1.12rem;color:rgba(244,236,217,.82);max-width:460px;line-height:1.75;margin-bottom:36px;font-weight:300}\n.hero-cta{display:flex;gap:16px;flex-wrap:wrap}\n.hero-stats{display:flex;gap:42px;margin-top:50px}\n.hero-stats b{font-family:var(--display);font-size:2.2rem;color:var(--gold-2);display:block;line-height:1}\n.hero-stats span{font-family:var(--caps);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(244,236,217,.6)}\n\n\/* hero emblem + cup *\/\n.hero-emblem{position:relative;display:grid;place-items:center;min-height:480px}\n.medallion{position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid rgba(230,197,106,.35);\n display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,rgba(158,27,50,.45),rgba(51,8,16,.6))}\n.medallion::after{content:\"\";position:absolute;inset:20px;border-radius:50%;border:1px dashed rgba(230,197,106,.3)}\n.laurel-spin{position:absolute;width:470px;height:470px;animation:spin 50s linear infinite;color:rgba(230,197,106,.5)}\n@keyframes spin{to{transform:rotate(360deg)}}\n.cup-wrap{position:relative;z-index:4;width:300px}\n.steam{position:absolute;left:50%;transform:translateX(-50%);width:120px;height:190px;pointer-events:none;z-index:5}\n.steam .puff{position:absolute;bottom:0;left:50%;width:58px;height:58px;border-radius:50%;\n background:radial-gradient(circle,rgba(255,250,240,.85),rgba(255,250,240,0) 68%);filter:blur(9px);opacity:0;transform:translateX(-50%)}\n.cup-wrap .steam{bottom:78%}\n.cup-wrap .steam .puff{animation:rise 4.2s linear infinite}\n.cup-wrap .steam .puff:nth-child(1){--dx:-24px;animation-delay:0s}\n.cup-wrap .steam .puff:nth-child(2){--dx:20px;animation-delay:-1.4s;width:46px;height:46px}\n.cup-wrap .steam .puff:nth-child(3){--dx:-6px;animation-delay:-2.8s;width:66px;height:66px}\n.cup-wrap .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)),-175px) scale(2);opacity:0}}\n\n\/* ---- ticker ---- *\/\n.ticker{background:linear-gradient(120deg,var(--gold),var(--gold-2));color:var(--burgundy);padding:14px 0;overflow:hidden;position:relative;z-index:3;border-block:1px solid rgba(79,12,24,.2)}\n.ticker-track{display:flex;gap:54px;white-space:nowrap;width:max-content;animation:scroll 30s linear infinite}\n.ticker:hover .ticker-track{animation-play-state:paused}\n.ticker span{font-family:var(--caps);font-size:.82rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;display:inline-flex;align-items:center;gap:54px}\n.ticker span::after{content:\"\u2605\";font-size:.7rem}\n@keyframes scroll{to{transform:translateX(-50%)}}\n\n\/* ---- section base ---- *\/\nsection{position:relative;z-index:2}\n.wrap{max-width:1340px;margin:0 auto;padding:0 32px}\n.sec-head{text-align:center;max-width:660px;margin:0 auto 60px}\n.sec-tag{font-family:var(--caps);font-size:.68rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:18px;display:block}\n.sec-head h2{font-family:var(--display);font-weight:500;font-size:clamp(2.1rem,4.4vw,3.4rem);color:var(--crimson);line-height:1.05}\n.sec-head h2 em{font-style:italic;color:var(--gold)}\n.sec-head.light h2{color:var(--ivory)}.sec-head.light .sec-tag{color:var(--gold-2)}\n.sec-head p{margin-top:18px;color:var(--muted);line-height:1.7}\n\n\/* ---- collections ---- *\/\n.cats{padding:110px 0 40px}\n.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}\n.cat{position:relative;border-radius:4px;padding:34px 18px 28px;text-align:center;cursor:pointer;background:var(--parchment);\n border:1px solid var(--gline);transition:transform .4s,box-shadow .4s,background .4s;overflow:hidden}\n.cat .frame{position:absolute;inset:7px;border:1px solid var(--gline);border-radius:2px;pointer-events:none;transition:.4s}\n.cat:hover{transform:translateY(-8px);box-shadow:var(--shadow);background:linear-gradient(170deg,var(--crimson),var(--wine))}\n.cat:hover .frame{inset:5px;border-color:var(--gold-2)}\n.cat svg.ico{width:46px;height:46px;margin:0 auto 16px;color:var(--crimson);transition:.4s}\n.cat h4{font-family:var(--display);font-size:1.15rem;color:var(--crimson);transition:.4s}\n.cat span{font-family:var(--caps);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:.4s}\n.cat:hover svg.ico,.cat:hover h4{color:var(--gold-2)}\n.cat:hover span{color:var(--ivory)}\n\n\/* ---- products ---- *\/\n.shop{padding:90px 0 120px}\n.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;perspective:1400px}\n.card{position:relative;background:var(--parchment);border:1px solid var(--gline);border-radius:4px;padding:24px 22px;\n transition:box-shadow .4s,transform .15s;transform-style:preserve-3d;will-change:transform}\n.card .inner-frame{position:absolute;inset:8px;border:1px solid var(--gline);border-radius:2px;pointer-events:none}\n.card:hover{box-shadow:var(--shadow)}\n.card .badge{position:absolute;top:16px;left:16px;background:var(--crimson);color:var(--gold-2);font-family:var(--caps);font-size:.56rem;\n font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:5px 11px;border-radius:2px;z-index:8;transform:translateZ(40px)}\n.card .fav{position:absolute;top:14px;right:14px;background:none;border:none;cursor:pointer;color:var(--muted);z-index:8;transform:translateZ(40px)}\n.card .fav svg{width:20px;height:20px}\n.card .fav.on{color:var(--crimson)}\n.tin-stage{position:relative;height:230px;display:grid;place-items:center;margin-bottom:16px;transform:translateZ(30px)}\n.tin{width:150px;filter:drop-shadow(0 18px 22px rgba(79,12,24,.3));transition:transform .5s}\n.card:hover .tin{transform:translateY(-5px) scale(1.03)}\n.card .steam{bottom:62%;height:160px;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:-22px;animation-delay:0s}\n.card .steam .puff:nth-child(2){--dx:18px;animation-delay:-1.3s;width:44px;height:44px}\n.card .steam .puff:nth-child(3){--dx:-6px;animation-delay:-2.6s;width:62px;height:62px}\n.card .steam .puff:nth-child(4){--dx:14px;animation-delay:-3.3s;width:36px;height:36px}\n.card .steam .puff:nth-child(5){--dx:-15px;animation-delay:-.7s;width:50px;height:50px}\n.p-type{font-family:var(--caps);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);transform:translateZ(20px)}\n.card h3{font-family:var(--display);font-size:1.24rem;color:var(--crimson);margin:7px 0 4px;line-height:1.12;transform:translateZ(20px)}\n.stars{display:flex;gap:2px;color:var(--gold);margin-bottom:10px}\n.stars svg{width:13px;height:13px}\n.p-notes{font-size:.92rem;color:var(--muted);line-height:1.55;margin-bottom:16px;min-height:42px;font-style:italic}\n.p-foot{display:flex;align-items:center;justify-content:space-between;transform:translateZ(20px)}\n.p-price{font-family:var(--display);font-size:1.3rem;color:var(--crimson);font-weight:600}\n.p-price small{font-family:var(--body);font-size:.74rem;color:var(--muted)}\n.add{background:var(--crimson);color:var(--gold-2);border:none;cursor:pointer;border-radius:2px;font-family:var(--caps);font-weight:600;\n font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:11px 16px;display:inline-flex;align-items:center;gap:7px;transition:.3s}\n.add svg{width:14px;height:14px}\n.add:hover{background:linear-gradient(120deg,var(--gold),var(--gold-2));color:var(--burgundy)}\n\n\/* ---- heritage \/ story ---- *\/\n.story{padding:120px 0;background:linear-gradient(160deg,var(--crimson),var(--wine));color:var(--ivory);position:relative;overflow:hidden}\n.story::before{content:\"\";position:absolute;bottom:-160px;left:-120px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(230,197,106,.16),transparent 65%)}\n.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative;z-index:2}\n.story .sec-tag{color:var(--gold-2)}\n.story h2{font-family:var(--display);font-weight:500;font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.08;margin-bottom:24px}\n.story h2 em{font-style:italic;color:var(--gold-2)}\n.story p{color:rgba(244,236,217,.84);line-height:1.9;margin-bottom:18px;max-width:520px;font-weight:300;font-size:1.05rem}\n.story-points{list-style:none;margin-top:30px;display:grid;gap:16px}\n.story-points li{display:flex;gap:14px;align-items:flex-start;font-family:var(--caps);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}\n.story-points svg{width:22px;height:22px;color:var(--gold-2);flex:none}\n.bigcrest{position:relative;display:grid;place-items:center}\n.bigcrest .ring2{position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid rgba(230,197,106,.3);animation:spin 60s linear infinite reverse}\n.bigcrest .seedstar{position:absolute;top:-7px;left:50%;transform:translateX(-50%);color:var(--gold-2);font-size:14px}\n\n\/* ---- ritual ---- *\/\n.ritual{padding:120px 0}\n.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:step}\n.step{position:relative;padding-top:70px;text-align:center}\n.step::before{counter-increment:step;content:counter(step,upper-roman);font-family:var(--display);font-size:2.6rem;color:var(--gold);\n position:absolute;top:0;left:50%;transform:translateX(-50%);font-weight:600}\n.step .em{width:54px;height:54px;margin:0 auto 16px;color:var(--crimson)}\n.step h4{font-family:var(--display);font-size:1.3rem;color:var(--crimson);margin-bottom:10px}\n.step p{font-size:.95rem;color:var(--muted);line-height:1.65}\n\n\/* ---- testimonials ---- *\/\n.testi{padding:110px 0;background:var(--ivory)}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}\n.quote{background:var(--parchment);border:1px solid var(--gline);border-radius:4px;padding:34px 30px;position:relative}\n.quote .qm{font-family:var(--display);font-size:4.5rem;color:var(--gold);line-height:.5;opacity:.6}\n.quote p{font-family:var(--display);font-size:1.12rem;line-height:1.6;color:var(--ink);margin:6px 0 22px;font-style:italic;font-weight:400}\n.quote .who{display:flex;align-items:center;gap:13px}\n.quote .av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--crimson),var(--gold));display:grid;place-items:center;color:var(--ivory);font-family:var(--display);font-weight:600}\n.quote .who b{font-family:var(--caps);font-size:.74rem;letter-spacing:.1em;color:var(--crimson);display:block;text-transform:uppercase}\n.quote .who span{font-size:.85rem;color:var(--muted);font-style:italic}\n\n\/* ---- instagram ---- *\/\n.insta{padding:110px 0}\n.ig-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px;margin-bottom:42px}\n.ig-handle{display:flex;align-items:center;gap:18px}\n.ig-av{width:66px;height:66px;border-radius:50%;padding:3px;background:linear-gradient(45deg,var(--gold),var(--crimson),var(--gold-2))}\n.ig-av div{width:100%;height:100%;border-radius:50%;background:var(--burgundy);display:grid;place-items:center;color:var(--gold-2);font-family:var(--caps);font-weight:700;font-size:1.1rem}\n.ig-handle b{font-family:var(--display);font-size:1.3rem;color:var(--crimson);display:block}\n.ig-handle .nums{font-size:.88rem;color:var(--muted);display:flex;gap:18px;margin-top:3px}\n.ig-handle .nums b{display:inline;font-size:.88rem;font-family:var(--caps);color:var(--ink)}\n.ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}\n.ig-cell{aspect-ratio:1;border-radius:4px;overflow:hidden;position:relative;display:grid;place-items:center;border:1px solid var(--gline)}\n.ig-cell .art{position:absolute;inset:0;z-index:0}\n.ig-cell svg.leaf{position:relative;z-index:1;width:40%;color:rgba(255,255,255,.9);transition:transform .5s}\n.ig-cell:hover svg.leaf{transform:scale(1.18) rotate(8deg)}\n.ig-cell::after{content:\"\";position:absolute;inset:0;background:rgba(79,12,24,0);transition:.4s;z-index:2}\n.ig-cell:hover::after{background:rgba(79,12,24,.45)}\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;height:30px}\n\n\/* ---- newsletter ---- *\/\n.news{padding:100px 0}\n.news-box{background:linear-gradient(155deg,var(--burgundy),var(--burgundy-2));border-radius:6px;padding:70px 40px;text-align:center;position:relative;overflow:hidden;color:var(--ivory)}\n.news-box .corner{position:absolute;width:120px;height:120px;color:rgba(230,197,106,.4)}\n.news-box .c1{top:18px;left:18px}.news-box .c2{top:18px;right:18px;transform:scaleX(-1)}.news-box .c3{bottom:18px;left:18px;transform:scaleY(-1)}.news-box .c4{bottom:18px;right:18px;transform:scale(-1)}\n.news-box h2{font-family:var(--display);font-weight:500;font-size:clamp(1.9rem,3.8vw,2.9rem);margin-bottom:14px}\n.news-box h2 em{font-style:italic;color:var(--gold-2)}\n.news-box p{color:rgba(244,236,217,.78);max-width:470px;margin:0 auto 30px;line-height:1.7;font-weight:300}\n.news-form{display:flex;gap:10px;max-width:500px;margin:0 auto;flex-wrap:wrap;justify-content:center}\n.news-form input{flex:1;min-width:230px;border:1px solid var(--gline);border-radius:2px;padding:15px 22px;font-family:var(--body);font-size:1rem;background:var(--parchment);color:var(--ink)}\n.news-form input:focus{outline:2px solid var(--gold)}\n\n\/* ---- footer ---- *\/\nfooter{background:var(--burgundy-2);color:var(--ivory);padding:74px 0 0}\n.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:42px}\n.foot-brand .crest{width:50px;height:50px;margin-bottom:16px}\n.foot-brand p{color:rgba(244,236,217,.66);line-height:1.75;max-width:300px;margin-bottom:20px;font-weight:300}\n.foot h5{font-family:var(--caps);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);margin-bottom:18px}\n.foot ul{list-style:none;display:grid;gap:11px}\n.foot ul a{color:rgba(244,236,217,.74);transition:.3s;font-weight:300}\n.foot ul a:hover{color:var(--gold-2);padding-left:5px}\n.contact-line{display:flex;gap:11px;align-items:flex-start;color:rgba(244,236,217,.82);margin-bottom:13px;font-weight:300}\n.contact-line svg{width:18px;height:18px;color:var(--gold-2);flex:none;margin-top:3px}\n.socials{display:flex;gap:12px;margin-top:22px}\n.socials a{width:42px;height:42px;border-radius:50%;border:1px solid var(--gline);display:grid;place-items:center;color:var(--ivory);transition:.3s}\n.socials a:hover{background:var(--gold);color:var(--burgundy);transform:translateY(-3px)}\n.socials svg{width:19px;height:19px}\n.foot-bottom{border-top:1px solid var(--gline);margin-top:54px;padding:26px 0;text-align:center;font-family:var(--caps);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,236,217,.5)}\n.foot-bottom b{color:var(--gold-2)}\n\n\/* ---- cart ---- *\/\n.overlay{position:fixed;inset:0;background:rgba(51,8,16,.55);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(--parchment);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 28px;border-bottom:1px solid var(--gline);display:flex;align-items:center;justify-content:space-between}\n.drawer-head h3{font-family:var(--display);font-size:1.4rem;color:var(--crimson)}\n.drawer-head button{background:none;border:none;cursor:pointer;color:var(--crimson)}\n.drawer-head svg{width:24px;height:24px}\n.drawer-body{flex:1;overflow-y:auto;padding:20px 28px}\n.cart-item{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--gline)}\n.cart-item .ci-img{width:58px;height:58px;border-radius:3px;background:var(--ivory);display:grid;place-items:center;flex:none;border:1px solid var(--gline)}\n.cart-item .ci-img svg{width:34px}\n.cart-item .ci-info{flex:1}\n.cart-item .ci-info b{font-family:var(--display);font-size:1.02rem;color:var(--crimson);display:block}\n.cart-item .ci-info span{font-family:var(--caps);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;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:3px;border:1px solid var(--gline);background:var(--ivory);cursor:pointer;color:var(--crimson);font-weight:700}\n.ci-price{font-family:var(--display);font-weight:600;color:var(--crimson)}\n.empty{text-align:center;color:var(--muted);padding:60px 0;font-style:italic;font-family:var(--display);font-size:1.1rem}\n.drawer-foot{padding:24px 28px;border-top:1px solid var(--gline)}\n.drawer-foot .tot{display:flex;justify-content:space-between;margin-bottom:16px;font-family:var(--display);font-size:1.3rem;color:var(--crimson)}\n.drawer-foot .btn{width:100%;justify-content:center}\n.free-note{font-family:var(--caps);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);text-align:center;margin-top:13px}\n\n\/* ---- reveal ---- *\/\nhtml.anim-ready .reveal{opacity:0;transform:translateY(36px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}\nhtml.anim-ready .reveal.in{opacity:1;transform:none}\n\n\/* ---- responsive ---- *\/\n@media(max-width:1080px){\n .hero-inner{grid-template-columns:1fr;text-align:center}.hero .eyebrow{justify-content:center}.hero p.lead{margin-inline:auto}\n .hero-cta,.hero-stats{justify-content:center}.hero-emblem{order:-1;min-height:400px}\n .cat-grid{grid-template-columns:repeat(3,1fr)}.prod-grid{grid-template-columns:repeat(2,1fr)}\n .steps{grid-template-columns:repeat(2,1fr);gap:50px}.testi-grid{grid-template-columns:1fr}\n .ig-grid{grid-template-columns:repeat(3,1fr)}.story-grid{grid-template-columns:1fr;gap:50px}\n .foot-grid{grid-template-columns:1fr 1fr;gap:34px}\n}\n@media(max-width:820px){\n .menu{position:fixed;inset:0 0 0 32%;background:var(--burgundy);flex-direction:column;justify-content:center;align-items:center;gap:32px;transform:translateX(100%);transition:.4s;z-index:55}\n .menu.open{transform:none}.menu a{color:var(--ivory);font-size:.95rem}\n .burger{display:flex}.hero-corner{width:90px;height:90px}\n}\n@media(max-width:560px){\n .cat-grid,.prod-grid{grid-template-columns:1fr}.ig-grid{grid-template-columns:repeat(2,1fr)}\n .foot-grid{grid-template-columns:1fr}.nav{padding:14px 20px}.wrap{padding:0 20px}.hero-stats{gap:28px}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"loader\" id=\"loader\"><div class=\"seal\"><b>AGT<\/b><\/div><\/div>\n\n<svg class=\"grain\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.85\" numOctaves=\"3\"\/><\/filter><rect width=\"100%\" height=\"100%\" filter=\"url(#n)\"\/><\/svg>\n<canvas id=\"dust\"><\/canvas>\n<div class=\"cur-ring\"><\/div><div class=\"cur-dot\"><\/div>\n\n<div class=\"announce\">\u2605 By Appointment \u2014 Sole Authorised Distributor of the World's Finest Organic Tea \u00b7 Free Delivery Across <b>Bahrain<\/b> \u2605<\/div>\n\n\n<header id=\"header\">\n <nav class=\"nav\">\n <div class=\"brand\" onclick=\"scrollTo({top:0,behavior:'smooth'})\">\n <svg class=\"crest\" viewBox=\"0 0 64 64\" fill=\"none\">\n <path d=\"M32 4l24 7v18c0 16-11 26-24 31C19 55 8 45 8 29V11l24-7z\" fill=\"#9E1B32\" stroke=\"#B8902E\" stroke-width=\"1.5\"\/>\n <path d=\"M32 9l19 5.5V29c0 13-9 21-19 25C22 50 13 42 13 29V14.5L32 9z\" fill=\"none\" stroke=\"#E6C56A\" stroke-width=\"1\" opacity=\".7\"\/>\n <text x=\"32\" y=\"36\" text-anchor=\"middle\" font-family=\"Cinzel,serif\" font-size=\"16\" font-weight=\"700\" fill=\"#E6C56A\">A<\/text>\n <path d=\"M22 44l10 4 10-4\" stroke=\"#E6C56A\" stroke-width=\"1\" fill=\"none\"\/>\n <\/svg>\n <div class=\"txt\"><b>AGT AL-ASWADI<\/b><span>Imperial Tea House<\/span><\/div>\n <\/div>\n <ul class=\"menu\" id=\"menu\">\n <li><a href=\"#shop\">Shop<\/a><\/li>\n <li><a href=\"#cats\">Collections<\/a><\/li>\n <li><a href=\"#story\">Heritage<\/a><\/li>\n <li><a href=\"#ritual\">The Ritual<\/a><\/li>\n <li><a href=\"#insta\">Gallery<\/a><\/li>\n <\/ul>\n <div class=\"nav-right\">\n <button class=\"icon-btn\" aria-label=\"search\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4-4\" stroke-linecap=\"round\"\/><\/svg><\/button>\n <button class=\"icon-btn\" id=\"cartBtn\" aria-label=\"cart\"><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><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 <svg class=\"hero-corner hc-tl\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><path d=\"M4 40C4 18 18 4 40 4M4 30C4 14 14 4 30 4M14 4h-4M4 14v-4\" stroke-linecap=\"round\"\/><circle cx=\"14\" cy=\"14\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <svg class=\"hero-corner hc-tr\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><path d=\"M4 40C4 18 18 4 40 4M4 30C4 14 14 4 30 4\" stroke-linecap=\"round\"\/><circle cx=\"14\" cy=\"14\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <svg class=\"hero-corner hc-bl\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><path d=\"M4 40C4 18 18 4 40 4M4 30C4 14 14 4 30 4\" stroke-linecap=\"round\"\/><circle cx=\"14\" cy=\"14\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <svg class=\"hero-corner hc-br\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><path d=\"M4 40C4 18 18 4 40 4M4 30C4 14 14 4 30 4\" stroke-linecap=\"round\"\/><circle cx=\"14\" cy=\"14\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <div class=\"hero-inner\">\n <div class=\"hero-text\">\n <span class=\"eyebrow\">Established for the Discerning<\/span>\n <h1>The Crown of <em>Organic Tea<\/em>, <span class=\"shimmer\">served by royal standard.<\/span><\/h1>\n <p class=\"lead\">AGT Al-Aswadi journeys to the world's most storied gardens, selects only the noblest certified-organic harvests, and presents them to the Kingdom of Bahrain \u2014 a tradition of taste worthy of any court.<\/p>\n <div class=\"hero-cta\">\n <button class=\"btn btn-primary magnetic\" onclick=\"document.getElementById('shop').scrollIntoView({behavior:'smooth'})\">Enter the Collection <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-ghost magnetic\" href=\"#story\">Our Heritage<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div><b class=\"count\" data-target=\"7162\">0<\/b><span>Patrons<\/span><\/div>\n <div><b class=\"count\" data-target=\"40\" data-suffix=\"+\">0<\/b><span>Estate Teas<\/span><\/div>\n <div><b class=\"count\" data-target=\"100\" data-suffix=\"%\">0<\/b><span>Organic<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"hero-emblem\">\n <svg class=\"laurel-spin\" viewBox=\"0 0 200 200\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\">\n <circle cx=\"100\" cy=\"100\" r=\"96\"\/>\n <g id=\"laurel\"><\/g>\n <\/svg>\n <div class=\"medallion\"><\/div>\n <div class=\"cup-wrap\" 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=\"118\" rx=\"92\" ry=\"26\" fill=\"#33080F\"\/>\n <ellipse cx=\"160\" cy=\"113\" rx=\"82\" ry=\"21\" fill=\"#7A1426\"\/>\n <ellipse cx=\"160\" cy=\"111\" rx=\"74\" ry=\"17\" fill=\"#9E1B32\"\/>\n <path d=\"M68 116c4 70 28 116 92 116s88-46 92-116\" fill=\"#F4ECD9\"\/>\n <path d=\"M68 116c4 70 28 116 92 116s88-46 92-116\" stroke=\"#B8902E\" stroke-width=\"2.5\"\/>\n <path d=\"M252 132c30-6 42 12 34 34-7 18-26 22-40 18\" stroke=\"#F4ECD9\" stroke-width=\"14\" stroke-linecap=\"round\"\/>\n <path d=\"M252 132c30-6 42 12 34 34-7 18-26 22-40 18\" stroke=\"#B8902E\" stroke-width=\"2\" fill=\"none\"\/>\n <path d=\"M92 150h136M100 170h120\" stroke=\"#B8902E\" stroke-width=\"1\" opacity=\".5\"\/>\n <ellipse cx=\"160\" cy=\"270\" rx=\"66\" ry=\"13\" fill=\"#33080F\" opacity=\".3\"\/>\n <text x=\"160\" y=\"200\" text-anchor=\"middle\" font-family=\"Cinzel,serif\" font-size=\"13\" letter-spacing=\"3\" fill=\"#9E1B32\">AGT<\/text>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"ticker\"><div class=\"ticker-track\">\n <span>Single Estate<\/span><span>Certified Organic<\/span><span>Packed at Origin<\/span><span>Royally Sourced<\/span><span>Delivered in Bahrain<\/span>\n <span>Single Estate<\/span><span>Certified Organic<\/span><span>Packed at Origin<\/span><span>Royally Sourced<\/span><span>Delivered in Bahrain<\/span>\n<\/div><\/div>\n\n\n<section class=\"cats\" id=\"cats\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <span class=\"sec-tag\">The Royal Cellars<\/span>\n <h2>Choose your <em>noble blend<\/em><\/h2>\n <svg class=\"fil\" viewBox=\"0 0 240 30\"><path d=\"M10 15h80c8 0 8-9 16-9s8 9 16 9h12c8 0 8 9 16 9s8-9 16-9h48\"\/><\/svg>\n <\/div>\n <div class=\"cat-grid\">\n <div class=\"cat reveal magnetic\" data-cat=\"Black Tea\"><div class=\"frame\"><\/div><svg class=\"ico\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10 18h24l-2 20H12L10 18z\"\/><path d=\"M34 22c6 0 8 8 0 10\"\/><path d=\"M16 12c0-3 3-3 3-6M24 12c0-3 3-3 3-6\" stroke-linecap=\"round\"\/><\/svg><h4>Black Tea<\/h4><span>Bold & Malty<\/span><\/div>\n <div class=\"cat reveal magnetic\" data-cat=\"Green Tea\"><div class=\"frame\"><\/div><svg class=\"ico\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M24 8C12 16 10 28 14 36c8 4 18 0 22-8 4-10-2-18-12-20z\"\/><path d=\"M16 34C22 28 30 24 36 22\" stroke-linecap=\"round\"\/><\/svg><h4>Green Tea<\/h4><span>Fresh & Verdant<\/span><\/div>\n <div class=\"cat reveal magnetic\" data-cat=\"Herbal\"><div class=\"frame\"><\/div><svg class=\"ico\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"24\" cy=\"24\" r=\"6\"\/><path d=\"M24 18V6M24 30v12M18 24H6M30 24h12M19 19l-8-8M29 29l8 8M29 19l8-8M19 29l-8 8\" stroke-linecap=\"round\"\/><\/svg><h4>Herbal<\/h4><span>Caffeine Free<\/span><\/div>\n <div class=\"cat reveal magnetic\" data-cat=\"Masala Chai\"><div class=\"frame\"><\/div><svg class=\"ico\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 20h22v12a8 8 0 01-8 8h-6a8 8 0 01-8-8V20z\"\/><path d=\"M34 24c6 0 7 7 0 9\"\/><path d=\"M18 14c0-3 3-3 3-6M26 14c0-3 3-3 3-6\" stroke-linecap=\"round\"\/><\/svg><h4>Masala Chai<\/h4><span>Spiced & Warming<\/span><\/div>\n <div class=\"cat reveal magnetic\" data-cat=\"Wellness\"><div class=\"frame\"><\/div><svg class=\"ico\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M24 40s-14-8-14-20a8 8 0 0114-5 8 8 0 0114 5c0 12-14 20-14 20z\"\/><path d=\"M24 22v8M20 26h8\" stroke-linecap=\"round\"\/><\/svg><h4>Wellness<\/h4><span>Turmeric & Tulsi<\/span><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"shop\" id=\"shop\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <span class=\"sec-tag\">The Reserve Selection<\/span>\n <h2>Tilt a tin & <em>watch it steep<\/em><\/h2>\n <p>Hover any tin: it tilts to the light like fine porcelain, and rises with fresh steam for a full five seconds.<\/p>\n <svg class=\"fil\" viewBox=\"0 0 240 30\"><path d=\"M10 15h80c8 0 8-9 16-9s8 9 16 9h12c8 0 8 9 16 9s8-9 16-9h48\"\/><\/svg>\n <\/div>\n <div class=\"prod-grid\" id=\"prodGrid\"><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"story\" id=\"story\">\n <div class=\"wrap\">\n <div class=\"story-grid\">\n <div class=\"reveal\">\n <span class=\"sec-tag\">A Royal Heritage<\/span>\n <h2>Bahrain's gateway to <em>the noblest gardens<\/em> on earth.<\/h2>\n <p>AGT Al-Aswadi was founded upon a single conviction: that the people of the Kingdom deserve tea exactly as nature intended \u2014 fresh from the estate, untouched by middlemen, poured with ceremony.<\/p>\n <p>As the sole authorised distributor, we seek out the world's most celebrated harvests, accept only what is certified organic, and carry it home so each leaf reaches your cup at the height of its character.<\/p>\n <ul class=\"story-points\">\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Direct from garden \u2014 no middlemen<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> 100% certified organic, sealed at origin<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Delivered with care across Bahrain<\/li>\n <\/ul>\n <\/div>\n <div class=\"bigcrest reveal\">\n <div class=\"ring2\"><span class=\"seedstar\">\u2605<\/span><\/div>\n <svg viewBox=\"0 0 340 340\" width=\"360\" fill=\"none\">\n <circle cx=\"170\" cy=\"170\" r=\"150\" stroke=\"#E6C56A\" stroke-width=\"1.5\" opacity=\".5\"\/>\n <path d=\"M170 40l86 26v64c0 58-40 94-86 112-46-18-86-54-86-112V66l86-26z\" fill=\"rgba(51,8,16,.5)\" stroke=\"#E6C56A\" stroke-width=\"2\"\/>\n <path d=\"M170 56l68 20v54c0 47-32 76-68 90-36-14-68-43-68-90V76l68-20z\" fill=\"none\" stroke=\"#E6C56A\" stroke-width=\"1\" opacity=\".6\"\/>\n <text x=\"170\" y=\"160\" text-anchor=\"middle\" font-family=\"Cinzel,serif\" font-size=\"60\" font-weight=\"800\" fill=\"#E6C56A\">A<\/text>\n <text x=\"170\" y=\"200\" text-anchor=\"middle\" font-family=\"Cinzel,serif\" font-size=\"13\" letter-spacing=\"6\" fill=\"#F4ECD9\">AL-ASWADI<\/text>\n <path d=\"M120 230l50 16 50-16\" stroke=\"#E6C56A\" stroke-width=\"1.5\" fill=\"none\"\/>\n <g fill=\"#E6C56A\"><text x=\"105\" y=\"100\" font-size=\"12\">\u2605<\/text><text x=\"228\" y=\"100\" font-size=\"12\">\u2605<\/text><\/g>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"ritual\" id=\"ritual\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <span class=\"sec-tag\">The AGT Ritual<\/span>\n <h2>From garden to <em>your golden cup<\/em><\/h2>\n <svg class=\"fil\" viewBox=\"0 0 240 30\"><path d=\"M10 15h80c8 0 8-9 16-9s8 9 16 9h12c8 0 8 9 16 9s8-9 16-9h48\"\/><\/svg>\n <\/div>\n <div class=\"steps\">\n <div class=\"step reveal\"><svg class=\"em\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M24 6C14 14 12 26 16 34c8 4 16 0 20-8 3-9-2-16-12-20z\"\/><path d=\"M18 32c5-5 12-9 16-11\" stroke-linecap=\"round\"\/><\/svg><h4>Hand-Picked<\/h4><p>Only the top two leaves and a bud, plucked at peak freshness by master hands.<\/p><\/div>\n <div class=\"step reveal\"><svg class=\"em\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"12\" y=\"14\" width=\"24\" height=\"28\" rx=\"3\"\/><path d=\"M16 10h16M20 14v-6h8v6\"\/><\/svg><h4>Sealed at Origin<\/h4><p>Packed within hours of harvest to preserve aroma, character and antioxidants.<\/p><\/div>\n <div class=\"step reveal\"><svg class=\"em\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M24 6l16 5v11c0 11-7 17-16 21-9-4-16-10-16-21V11l16-5z\"\/><path d=\"M19 24l4 4 7-8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><h4>Sourced by AGT<\/h4><p>Imported directly and exclusively for Bahrain, bypassing the middlemen entirely.<\/p><\/div>\n <div class=\"step reveal\"><svg class=\"em\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22h22v10a8 8 0 01-8 8h-6a8 8 0 01-8-8V22z\"\/><path d=\"M34 26c5 0 6 6 0 8\"\/><path d=\"M18 16c0-3 3-3 3-6M26 16c0-3 3-3 3-6\" stroke-linecap=\"round\"\/><\/svg><h4>Poured by You<\/h4><p>Steep, pour, and let the steam rise \u2014 a daily ceremony, delivered to your door.<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"testi\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\"><span class=\"sec-tag\">Held in High Regard<\/span><h2>Words from <em>our court<\/em><\/h2><\/div>\n <div class=\"testi-grid\">\n <div class=\"quote reveal\"><div class=\"qm\">\u201c<\/div><p>The freshest tea in Bahrain. Opening the tin is like stepping into the garden itself.<\/p><div class=\"who\"><div class=\"av\">N<\/div><div><b>Noor A.<\/b><span>Manama<\/span><\/div><\/div><\/div>\n <div class=\"quote reveal\"><div class=\"qm\">\u201c<\/div><p>Their royal masala chai is extraordinary, and delivery was next-day. Fit for a king.<\/p><div class=\"who\"><div class=\"av\">Y<\/div><div><b>Yousef K.<\/b><span>Riffa<\/span><\/div><\/div><\/div>\n <div class=\"quote reveal\"><div class=\"qm\">\u201c<\/div><p>Genuine organic green tea at last. Quality you can taste in every single cup.<\/p><div class=\"who\"><div class=\"av\">S<\/div><div><b>Sara M.<\/b><span>Muharraq<\/span><\/div><\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"insta\" id=\"insta\">\n <div class=\"wrap\">\n <div class=\"ig-head reveal\">\n <div class=\"ig-handle\">\n <a class=\"ig-av\" href=\"https:\/\/www.instagram.com\/agt.alaswadi\" target=\"_blank\"><div>AGT<\/div><\/a>\n <div><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-primary magnetic\" href=\"https:\/\/www.instagram.com\/agt.alaswadi\" target=\"_blank\">Follow on 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 <\/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 <svg class=\"corner c1\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\"><path d=\"M4 40C4 18 18 4 40 4M4 28C4 14 14 4 28 4\" stroke-linecap=\"round\"\/><circle cx=\"13\" cy=\"13\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <svg class=\"corner c2\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\"><path d=\"M4 40C4 18 18 4 40 4M4 28C4 14 14 4 28 4\" stroke-linecap=\"round\"\/><circle cx=\"13\" cy=\"13\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <svg class=\"corner c3\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\"><path d=\"M4 40C4 18 18 4 40 4M4 28C4 14 14 4 28 4\" stroke-linecap=\"round\"\/><circle cx=\"13\" cy=\"13\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <svg class=\"corner c4\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\"><path d=\"M4 40C4 18 18 4 40 4M4 28C4 14 14 4 28 4\" stroke-linecap=\"round\"\/><circle cx=\"13\" cy=\"13\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <span class=\"sec-tag\" style=\"color:var(--gold-2)\">By Royal Invitation<\/span>\n <h2>Join the <em>AGT Tea Society<\/em><\/h2>\n <p>Be first to receive word of new estate arrivals, brewing rituals, and offers reserved for members across Bahrain.<\/p>\n <div class=\"news-form\"><input type=\"email\" id=\"newsEmail\" placeholder=\"Your email address\"><button class=\"btn btn-gold magnetic\" onclick=\"subscribe()\">Request Entry<\/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=\"crest\" viewBox=\"0 0 64 64\" fill=\"none\"><path d=\"M32 4l24 7v18c0 16-11 26-24 31C19 55 8 45 8 29V11l24-7z\" fill=\"#9E1B32\" stroke=\"#E6C56A\" stroke-width=\"1.5\"\/><text x=\"32\" y=\"36\" text-anchor=\"middle\" font-family=\"Cinzel,serif\" font-size=\"16\" font-weight=\"700\" fill=\"#E6C56A\">A<\/text><\/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>The Cellars<\/h5><ul><li><a href=\"#cats\">Black Tea<\/a><\/li><li><a href=\"#cats\">Green Tea<\/a><\/li><li><a href=\"#cats\">Herbal Infusions<\/a><\/li><li><a href=\"#cats\">Masala Chai<\/a><\/li><li><a href=\"#cats\">Wellness Blends<\/a><\/li><\/ul><\/div>\n <div class=\"foot\"><h5>The House<\/h5><ul><li><a href=\"#story\">Heritage<\/a><\/li><li><a href=\"#ritual\">The Ritual<\/a><\/li><li><a href=\"#insta\">Gallery<\/a><\/li><li><a href=\"https:\/\/www.facebook.com\/AGTalaswadi.3\" target=\"_blank\">Facebook<\/a><\/li><\/ul><\/div>\n <div class=\"foot\"><h5>Correspondence<\/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> AGT <b>Al-Aswadi<\/b> \u00b7 The Imperial Tea House \u00b7 Delivered Across Bahrain<\/div>\n <\/div>\n<\/footer>\n\n\n<div class=\"overlay\" id=\"overlay\"><\/div>\n<aside class=\"drawer\" id=\"drawer\">\n <div class=\"drawer-head\"><h3>Your Royal 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 awaits \u2014 select a tea fit for royalty.<\/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-primary\">Proceed to Checkout<\/button><div class=\"free-note\" id=\"freeNote\">Add BD 15.000 for complimentary delivery<\/div><\/div>\n<\/aside>\n\n<script>\ndocument.getElementById('yr').textContent=new Date().getFullYear();\n\n\/* loader off *\/\naddEventListener('load',()=>setTimeout(()=>document.getElementById('loader').classList.add('done'),1400));\nsetTimeout(()=>document.getElementById('loader').classList.add('done'),3500);\n\n\/* build laurel ring *\/\n(function(){let g=document.getElementById('laurel');if(!g)return;let h='';\n for(let i=0;i<40;i++){let a=i*9*Math.PI\/180;let x=100+92*Math.cos(a),y=100+92*Math.sin(a);\n h+=`<ellipse cx=\"${x.toFixed(1)}\" cy=\"${y.toFixed(1)}\" rx=\"6\" ry=\"2.4\" transform=\"rotate(${i*9+90} ${x.toFixed(1)} ${y.toFixed(1)})\"\/>`;}\n g.innerHTML=h;})();\n\n\/* products *\/\nconst TINS=[\n {n:'Imperial Assam',t:'Black Tea',notes:'Bold, malty, full-bodied morning brew.',p:6.900,c:'#5A1018',badge:'Royal Reserve',r:5},\n {n:'Himalayan Spring Green',t:'Green Tea',notes:'Sweet, grassy, delicate florals.',p:6.500,c:'#1F4A2E',badge:null,r:5},\n {n:'Crown Masala Chai',t:'Masala Chai',notes:'Cardamom, ginger, cinnamon & clove.',p:7.200,c:'#8A3A1E',badge:'New',r:5},\n {n:'Kashmiri Kahwa',t:'Green Tea',notes:'Saffron, almond & rose petals.',p:7.800,c:'#B8902E',badge:null,r:4},\n {n:'Golden Turmeric',t:'Wellness',notes:'Turmeric, ginger & black pepper.',p:6.400,c:'#C8901E',badge:null,r:5},\n {n:'Sovereign Earl Grey',t:'Black Tea',notes:'Bergamot black with orange peel.',p:6.600,c:'#2A2540',badge:'Bestseller',r:5},\n {n:'Royal Chamomile',t:'Herbal',notes:'Soft, honeyed, caffeine-free calm.',p:5.900,c:'#8C8A30',badge:null,r:5},\n {n:'Crimson Hibiscus',t:'Herbal',notes:'Tart, ruby-red, vitamin-rich infusion.',p:6.100,c:'#9E1B32',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,16)}\"\/><stop offset=\"1\" stop-color=\"${shade(c,-30)}\"\/><\/linearGradient><\/defs>\n <ellipse cx=\"80\" cy=\"206\" rx=\"54\" ry=\"10\" fill=\"#4F0C18\" opacity=\".22\"\/>\n <rect x=\"32\" y=\"46\" width=\"96\" height=\"158\" rx=\"6\" fill=\"url(#g${id})\" stroke=\"${shade(c,-44)}\" stroke-width=\"1.5\"\/>\n <rect x=\"28\" y=\"32\" width=\"104\" height=\"20\" rx=\"4\" fill=\"${shade(c,26)}\" stroke=\"${shade(c,-30)}\" stroke-width=\"1.2\"\/>\n <rect x=\"40\" y=\"40\" width=\"80\" height=\"2\" fill=\"#E6C56A\" opacity=\".5\"\/>\n <rect x=\"44\" y=\"80\" width=\"72\" height=\"92\" rx=\"2\" fill=\"#F4ECD9\" opacity=\".96\"\/>\n <rect x=\"48\" y=\"84\" width=\"64\" height=\"84\" rx=\"1\" fill=\"none\" stroke=\"#B8902E\" stroke-width=\"1\"\/>\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.3\"\/>\n <text x=\"80\" y=\"140\" text-anchor=\"middle\" font-family=\"Cinzel,serif\" font-size=\"9\" letter-spacing=\"2\" fill=\"#9E1B32\">AGT<\/text>\n <path d=\"M58 150h44\" stroke=\"#B8902E\" stroke-width=\".8\"\/>\n <text x=\"80\" y=\"162\" text-anchor=\"middle\" font-family=\"Cinzel,serif\" font-size=\"5\" letter-spacing=\"2\" fill=\"#7C5A56\">BAHRAIN<\/text><\/svg>`;}\n\nconst grid=document.getElementById('prodGrid');\nTINS.forEach((tea,i)=>{\n const stars=Array(5).fill(0).map((_,k)=>`<svg viewBox=\"0 0 24 24\" fill=\"${k<tea.r?'currentColor':'none'}\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 3l2.6 5.3 5.9.9-4.2 4.1 1 5.8L12 16.9 6.7 19.2l1-5.8L3.5 9.2l5.9-.9z\"\/><\/svg>`).join('');\n const card=document.createElement('div');card.className='card reveal';\n card.innerHTML=`<div class=\"inner-frame\"><\/div>\n ${tea.badge?`<span class=\"badge\">${tea.badge}<\/span>`:''}\n <button class=\"fav\" aria-label=\"favourite\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 20s-7-4.3-9.2-9C1.3 8 3 4.5 6.5 4.5c2 0 3.4 1.2 4.2 2.4.8-1.2 2.2-2.4 4.2-2.4 3.5 0 5.2 3.5 3.7 6.5C18.4 15.7 12 20 12 20z\"\/><\/svg><\/button>\n <div class=\"tin-stage\"><div class=\"steam\"><span class=\"puff\"><\/span><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 grid.appendChild(card);\n\n \/\/ smoke 5s persistence\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 \/\/ 3D tilt\n card.addEventListener('mousemove',e=>{const r=card.getBoundingClientRect();\n const px=(e.clientX-r.left)\/r.width-.5,py=(e.clientY-r.top)\/r.height-.5;\n card.style.transform=`rotateY(${px*9}deg) rotateX(${-py*9}deg) translateY(-4px)`;});\n card.addEventListener('mouseleave',()=>card.style.transform='');\n card.querySelector('.fav').addEventListener('click',e=>e.currentTarget.classList.toggle('on'));\n card.querySelector('.add').addEventListener('click',()=>addToCart(i));\n});\n\n\/* instagram grid *\/\nconst igC=[['#9E1B32','#5C0E1B'],['#B8902E','#E6C56A'],['#1F4A2E','#2E6049'],['#7A1426','#B8902E'],['#5A1018','#9E1B32'],['#2A2540','#9E1B32'],['#C8901E','#7A1426'],['#4F0C18','#9E1B32'],['#8C8A30','#1F4A2E'],['#9E1B32','#E6C56A'],['#33080F','#7A1426'],['#B8902E','#5C0E1B']];\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\/* 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 addToCart(i){const ex=cart.find(c=>c.i===i);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 awaits \u2014 select a tea fit for royalty.<\/div>';\n else body.innerHTML=cart.map(c=>{const t=TINS[c.i];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(${c.i},-1)\">\u2212<\/button><span>${c.q}<\/span><button onclick=\"chg(${c.i},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+TINS[c.i].p*c.q,0);document.getElementById('cartTotal').textContent='BD '+tot.toFixed(3);\n document.getElementById('freeNote').textContent=tot>=15?'\u2605 Complimentary delivery unlocked':`Add BD ${(15-tot).toFixed(3)} for complimentary delivery`;}\nfunction chg(i,d){const it=cart.find(c=>c.i===i);if(!it)return;it.q+=d;if(it.q<=0)cart=cart.filter(c=>c.i!==i);renderCart();}\nfunction subscribe(){const e=document.getElementById('newsEmail');if(e.value&&e.value.includes('@')){e.value='';alert('Welcome to the AGT Tea Society. \u2605');}else{e.focus();e.style.outline='2px solid #9E1B32';}}\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\/* reveal (robust + safety nets) *\/\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\/* count-up stats *\/\n(function(){const els=[...document.querySelectorAll('.count')];\n const run=el=>{const tg=+el.dataset.target,sf=el.dataset.suffix||'';let s=null;\n const step=ts=>{if(!s)s=ts;const p=Math.min((ts-s)\/1400,1);const e=1-Math.pow(1-p,3);\n el.textContent=Math.floor(e*tg).toLocaleString()+sf;if(p<1)requestAnimationFrame(step);};requestAnimationFrame(step);};\n if('IntersectionObserver' in window){const o=new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){run(e.target);o.unobserve(e.target);}}),{threshold:.4});\n els.forEach(el=>o.observe(el));}else els.forEach(run);})();\n\n\/* cursor + magnetic *\/\nconst dot=document.querySelector('.cur-dot'),ring=document.querySelector('.cur-ring');let rx=0,ry=0,mx=0,my=0;\naddEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;dot.style.transform=`translate(${mx}px,${my}px) translate(-50%,-50%)`;});\n(function loop(){rx+=(mx-rx)*.18;ry+=(my-ry)*.18;ring.style.transform=`translate(${rx}px,${ry}px) translate(-50%,-50%)`;requestAnimationFrame(loop);})();\ndocument.querySelectorAll('a,button,.cat,.card,.ig-cell').forEach(el=>{el.addEventListener('mouseenter',()=>ring.classList.add('grow'));el.addEventListener('mouseleave',()=>ring.classList.remove('grow'));});\ndocument.querySelectorAll('.magnetic').forEach(el=>{el.addEventListener('mousemove',e=>{const r=el.getBoundingClientRect();\n el.style.transform=`translate(${(e.clientX-r.left-r.width\/2)*.25}px,${(e.clientY-r.top-r.height\/2)*.35}px)`;});\n el.addEventListener('mouseleave',()=>el.style.transform='');});\n\n\/* hero parallax *\/\naddEventListener('mousemove',e=>{const x=(e.clientX\/innerWidth-.5),y=(e.clientY\/innerHeight-.5);\n const cup=document.getElementById('heroCup');if(cup)cup.style.transform=`translate(${x*18}px,${y*18}px)`;});\n\n\/* gold dust *\/\nconst cv=document.getElementById('dust'),ctx=cv.getContext('2d');let W,H,parts=[];\nfunction rs(){W=cv.width=innerWidth;H=cv.height=innerHeight;}rs();addEventListener('resize',rs);\nfor(let i=0;i<34;i++)parts.push({x:Math.random()*W,y:Math.random()*H,r:.6+Math.random()*1.8,vy:.15+Math.random()*.5,vx:(Math.random()-.5)*.3,o:.2+Math.random()*.6,tw:Math.random()*Math.PI});\nfunction dust(){ctx.clearRect(0,0,W,H);parts.forEach(p=>{p.y+=p.vy;p.x+=p.vx+Math.sin(p.y*.01)*.2;p.tw+=.05;\n if(p.y>H+5){p.y=-5;p.x=Math.random()*W;}ctx.globalAlpha=p.o*(.6+.4*Math.sin(p.tw));ctx.fillStyle='#D9B95E';\n ctx.beginPath();ctx.arc(p.x,p.y,p.r,0,7);ctx.fill();});requestAnimationFrame(dust);}dust();\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 Imperial Tea House \u00b7 Premium Organic Tea AGT \u2605 By Appointment \u2014 Sole Authorised Distributor of the World’s Finest Organic Tea \u00b7 Free Delivery Across Bahrain \u2605 A AGT AL-ASWADIImperial Tea House Shop Collections Heritage The Ritual Gallery 0 Established for the Discerning The Crown of Organic Tea, […]<\/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-128","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/128","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=128"}],"version-history":[{"count":5,"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/media?parent=128"}],"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 Imperial Tea House \u00b7 Premium Organic Tea<\/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=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..700&family=Cinzel:wght@400;500;600;700;800&family=Newsreader:ital,opsz,wght@0,6..72,300..600;1,6..72,300..500&display=swap\" rel=\"stylesheet\">\n<style>\n:root{\n --crimson:#9E1B32;\n --crimson-2:#BC2440;\n --wine:#7A1426;\n --burgundy:#4F0C18;\n --burgundy-2:#330810;\n --gold:#B8902E;\n --gold-2:#E6C56A;\n --gold-soft:#D9B95E;\n --ivory:#F4ECD9;\n --parchment:#FBF6EA;\n --ink:#231314;\n --muted:#7C5A56;\n --navy:#16223F;\n --line:rgba(120,20,38,.18);\n --gline:rgba(184,144,46,.4);\n --shadow:0 26px 70px -30px rgba(79,12,24,.6);\n --display:'Bodoni Moda',Georgia,serif;\n --caps:'Cinzel',serif;\n --body:'Newsreader',Georgia,serif;\n}\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{font-family:var(--body);background:var(--parchment);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased;font-size:17px}\n::selection{background:var(--gold-2);color:var(--burgundy)}\na{color:inherit;text-decoration:none}\nimg{max-width:100%;display:block}\n\n\/* ---- ornamental texture ---- *\/\n.grain{position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:.05;mix-blend-mode:multiply}\n#dust{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.8}\n\n\/* ---- cursor ---- *\/\n.cur-dot{position:fixed;width:8px;height:8px;border-radius:50%;background:var(--gold);z-index:9999;pointer-events:none;transform:translate(-50%,-50%)}\n.cur-ring{position:fixed;width:38px;height:38px;border:1.4px solid rgba(158,27,50,.5);border-radius:50%;z-index:9998;pointer-events:none;transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .25s}\n.cur-ring.grow{width:70px;height:70px;border-color:var(--gold)}\n@media(max-width:900px){.cur-dot,.cur-ring{display:none}}\n\n\/* ---- loader \/ wax seal stamp ---- *\/\n.loader{position:fixed;inset:0;z-index:10000;background:var(--burgundy-2);display:grid;place-items:center;transition:opacity .7s ease,visibility .7s}\n.loader.done{opacity:0;visibility:hidden}\n.seal{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;position:relative;\n background:radial-gradient(circle at 38% 34%,var(--crimson-2),var(--wine) 70%);\n box-shadow:0 18px 40px rgba(0,0,0,.6),inset 0 4px 12px rgba(255,255,255,.18),inset 0 -8px 18px rgba(0,0,0,.4);\n transform:scale(1.7) rotate(-12deg);opacity:0;animation:stamp .7s cubic-bezier(.2,1.4,.4,1) .15s forwards}\n.seal::before{content:\"\";position:absolute;inset:9px;border-radius:50%;border:1.5px dashed rgba(230,197,106,.7)}\n.seal b{font-family:var(--caps);font-weight:800;color:var(--gold-2);font-size:2rem;letter-spacing:.06em;text-shadow:0 2px 4px rgba(0,0,0,.5)}\n@keyframes stamp{60%{transform:scale(.92) rotate(-12deg);opacity:1}100%{transform:scale(1) rotate(-12deg);opacity:1}}\n\n\/* ---- announcement ---- *\/\n.announce{background:var(--burgundy);color:var(--ivory);font-family:var(--caps);font-size:.66rem;letter-spacing:.34em;\n text-transform:uppercase;text-align:center;padding:10px 16px;position:relative;z-index:60;border-bottom:1px solid var(--gline)}\n.announce b{color:var(--gold-2)}\n\n\/* ---- header ---- *\/\nheader{position:sticky;top:0;z-index:50;background:rgba(251,246,234,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--gline);transition:padding .3s}\n.nav{max-width:1340px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;transition:padding .3s}\nheader.shrink .nav{padding:10px 32px}\n.brand{display:flex;align-items:center;gap:13px;cursor:pointer}\n.brand .crest{width:46px;height:46px;flex:none}\n.brand .txt b{font-family:var(--caps);font-weight:700;font-size:1.16rem;letter-spacing:.12em;color:var(--crimson);display:block;line-height:1}\n.brand .txt span{font-family:var(--caps);font-size:.56rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);font-weight:600}\n.menu{display:flex;gap:36px;list-style:none}\n.menu a{font-family:var(--caps);font-size:.74rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);position:relative;padding:4px 0}\n.menu a::after{content:\"\";position:absolute;left:50%;bottom:-3px;width:0;height:1.5px;background:var(--gold);transition:.35s;transform:translateX(-50%)}\n.menu a:hover::after{width:100%}\n.nav-right{display:flex;align-items:center;gap:18px}\n.icon-btn{background:none;border:none;cursor:pointer;color:var(--crimson);display:flex;position:relative}\n.icon-btn svg{width:22px;height:22px}\n.cart-count{position:absolute;top:-8px;right:-9px;background:var(--crimson);color:var(--gold-2);font-family:var(--caps);font-size:.6rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}\n.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}\n.burger span{width:24px;height:2px;background:var(--crimson);transition:.3s}\n\n\/* ---- buttons ---- *\/\n.btn{position:relative;overflow:hidden;border:none;cursor:pointer;font-family:var(--caps);font-weight:600;font-size:.74rem;\n letter-spacing:.18em;text-transform:uppercase;padding:16px 34px;display:inline-flex;align-items:center;gap:10px;\n transition:transform .25s,color .4s;z-index:1;border-radius:2px}\n.btn svg{width:16px;height:16px}\n.btn-primary{background:var(--crimson);color:var(--gold-2);box-shadow:0 12px 30px -12px rgba(158,27,50,.7)}\n.btn-primary::before{content:\"\";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,var(--gold),var(--gold-2));transform:translateY(101%);transition:transform .45s cubic-bezier(.7,0,.2,1)}\n.btn-primary:hover{color:var(--burgundy)}\n.btn-primary:hover::before{transform:translateY(0)}\n.btn-ghost{background:transparent;color:var(--crimson);border:1.5px solid var(--crimson)}\n.btn-ghost:hover{background:var(--crimson);color:var(--gold-2)}\n.btn-gold{background:linear-gradient(120deg,var(--gold),var(--gold-2));color:var(--burgundy)}\n\n\/* ---- filigree divider ---- *\/\n.fil{display:block;margin:0 auto;width:240px;height:30px;color:var(--gold)}\n.fil path{stroke:currentColor;stroke-width:1.4;fill:none;stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 1.6s ease}\n.in .fil path,.fil.draw path{stroke-dashoffset:0}\n\n\/* ---- hero ---- *\/\n.hero{position:relative;background:linear-gradient(165deg,var(--burgundy),var(--burgundy-2));color:var(--ivory);overflow:hidden;z-index:2}\n.hero-inner{max-width:1340px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:70px 32px 80px;position:relative;z-index:3}\n.hero::before{content:\"\";position:absolute;top:-200px;left:-150px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(184,144,46,.18),transparent 65%)}\n.hero-corner{position:absolute;width:140px;height:140px;color:rgba(230,197,106,.45);z-index:2}\n.hc-tl{top:24px;left:24px}.hc-tr{top:24px;right:24px;transform:scaleX(-1)}.hc-bl{bottom:24px;left:24px;transform:scaleY(-1)}.hc-br{bottom:24px;right:24px;transform:scale(-1)}\n.hero .eyebrow{font-family:var(--caps);font-size:.72rem;letter-spacing:.36em;text-transform:uppercase;color:var(--gold-2);margin-bottom:26px;display:inline-flex;align-items:center;gap:14px}\n.hero .eyebrow::before,.hero .eyebrow::after{content:\"\";width:30px;height:1px;background:var(--gold)}\n.hero h1{font-family:var(--display);font-weight:500;font-size:clamp(2.8rem,5.6vw,5rem);line-height:1.0;letter-spacing:-.01em;margin-bottom:24px}\n.hero h1 em{font-style:italic;color:var(--gold-2)}\n.shimmer{background:linear-gradient(100deg,var(--ivory) 30%,var(--gold-2) 50%,var(--ivory) 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 5s linear infinite}\n@keyframes shine{to{background-position:-220% 0}}\n.hero p.lead{font-size:1.12rem;color:rgba(244,236,217,.82);max-width:460px;line-height:1.75;margin-bottom:36px;font-weight:300}\n.hero-cta{display:flex;gap:16px;flex-wrap:wrap}\n.hero-stats{display:flex;gap:42px;margin-top:50px}\n.hero-stats b{font-family:var(--display);font-size:2.2rem;color:var(--gold-2);display:block;line-height:1}\n.hero-stats span{font-family:var(--caps);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(244,236,217,.6)}\n\n\/* hero emblem + cup *\/\n.hero-emblem{position:relative;display:grid;place-items:center;min-height:480px}\n.medallion{position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid rgba(230,197,106,.35);\n display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,rgba(158,27,50,.45),rgba(51,8,16,.6))}\n.medallion::after{content:\"\";position:absolute;inset:20px;border-radius:50%;border:1px dashed rgba(230,197,106,.3)}\n.laurel-spin{position:absolute;width:470px;height:470px;animation:spin 50s linear infinite;color:rgba(230,197,106,.5)}\n@keyframes spin{to{transform:rotate(360deg)}}\n.cup-wrap{position:relative;z-index:4;width:300px}\n.steam{position:absolute;left:50%;transform:translateX(-50%);width:120px;height:190px;pointer-events:none;z-index:5}\n.steam .puff{position:absolute;bottom:0;left:50%;width:58px;height:58px;border-radius:50%;\n background:radial-gradient(circle,rgba(255,250,240,.85),rgba(255,250,240,0) 68%);filter:blur(9px);opacity:0;transform:translateX(-50%)}\n.cup-wrap .steam{bottom:78%}\n.cup-wrap .steam .puff{animation:rise 4.2s linear infinite}\n.cup-wrap .steam .puff:nth-child(1){--dx:-24px;animation-delay:0s}\n.cup-wrap .steam .puff:nth-child(2){--dx:20px;animation-delay:-1.4s;width:46px;height:46px}\n.cup-wrap .steam .puff:nth-child(3){--dx:-6px;animation-delay:-2.8s;width:66px;height:66px}\n.cup-wrap .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)),-175px) scale(2);opacity:0}}\n\n\/* ---- ticker ---- *\/\n.ticker{background:linear-gradient(120deg,var(--gold),var(--gold-2));color:var(--burgundy);padding:14px 0;overflow:hidden;position:relative;z-index:3;border-block:1px solid rgba(79,12,24,.2)}\n.ticker-track{display:flex;gap:54px;white-space:nowrap;width:max-content;animation:scroll 30s linear infinite}\n.ticker:hover .ticker-track{animation-play-state:paused}\n.ticker span{font-family:var(--caps);font-size:.82rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;display:inline-flex;align-items:center;gap:54px}\n.ticker span::after{content:\"\u2605\";font-size:.7rem}\n@keyframes scroll{to{transform:translateX(-50%)}}\n\n\/* ---- section base ---- *\/\nsection{position:relative;z-index:2}\n.wrap{max-width:1340px;margin:0 auto;padding:0 32px}\n.sec-head{text-align:center;max-width:660px;margin:0 auto 60px}\n.sec-tag{font-family:var(--caps);font-size:.68rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:18px;display:block}\n.sec-head h2{font-family:var(--display);font-weight:500;font-size:clamp(2.1rem,4.4vw,3.4rem);color:var(--crimson);line-height:1.05}\n.sec-head h2 em{font-style:italic;color:var(--gold)}\n.sec-head.light h2{color:var(--ivory)}.sec-head.light .sec-tag{color:var(--gold-2)}\n.sec-head p{margin-top:18px;color:var(--muted);line-height:1.7}\n\n\/* ---- collections ---- *\/\n.cats{padding:110px 0 40px}\n.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}\n.cat{position:relative;border-radius:4px;padding:34px 18px 28px;text-align:center;cursor:pointer;background:var(--parchment);\n border:1px solid var(--gline);transition:transform .4s,box-shadow .4s,background .4s;overflow:hidden}\n.cat .frame{position:absolute;inset:7px;border:1px solid var(--gline);border-radius:2px;pointer-events:none;transition:.4s}\n.cat:hover{transform:translateY(-8px);box-shadow:var(--shadow);background:linear-gradient(170deg,var(--crimson),var(--wine))}\n.cat:hover .frame{inset:5px;border-color:var(--gold-2)}\n.cat svg.ico{width:46px;height:46px;margin:0 auto 16px;color:var(--crimson);transition:.4s}\n.cat h4{font-family:var(--display);font-size:1.15rem;color:var(--crimson);transition:.4s}\n.cat span{font-family:var(--caps);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:.4s}\n.cat:hover svg.ico,.cat:hover h4{color:var(--gold-2)}\n.cat:hover span{color:var(--ivory)}\n\n\/* ---- products ---- *\/\n.shop{padding:90px 0 120px}\n.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;perspective:1400px}\n.card{position:relative;background:var(--parchment);border:1px solid var(--gline);border-radius:4px;padding:24px 22px;\n transition:box-shadow .4s,transform .15s;transform-style:preserve-3d;will-change:transform}\n.card .inner-frame{position:absolute;inset:8px;border:1px solid var(--gline);border-radius:2px;pointer-events:none}\n.card:hover{box-shadow:var(--shadow)}\n.card .badge{position:absolute;top:16px;left:16px;background:var(--crimson);color:var(--gold-2);font-family:var(--caps);font-size:.56rem;\n font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:5px 11px;border-radius:2px;z-index:8;transform:translateZ(40px)}\n.card .fav{position:absolute;top:14px;right:14px;background:none;border:none;cursor:pointer;color:var(--muted);z-index:8;transform:translateZ(40px)}\n.card .fav svg{width:20px;height:20px}\n.card .fav.on{color:var(--crimson)}\n.tin-stage{position:relative;height:230px;display:grid;place-items:center;margin-bottom:16px;transform:translateZ(30px)}\n.tin{width:150px;filter:drop-shadow(0 18px 22px rgba(79,12,24,.3));transition:transform .5s}\n.card:hover .tin{transform:translateY(-5px) scale(1.03)}\n.card .steam{bottom:62%;height:160px;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:-22px;animation-delay:0s}\n.card .steam .puff:nth-child(2){--dx:18px;animation-delay:-1.3s;width:44px;height:44px}\n.card .steam .puff:nth-child(3){--dx:-6px;animation-delay:-2.6s;width:62px;height:62px}\n.card .steam .puff:nth-child(4){--dx:14px;animation-delay:-3.3s;width:36px;height:36px}\n.card .steam .puff:nth-child(5){--dx:-15px;animation-delay:-.7s;width:50px;height:50px}\n.p-type{font-family:var(--caps);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);transform:translateZ(20px)}\n.card h3{font-family:var(--display);font-size:1.24rem;color:var(--crimson);margin:7px 0 4px;line-height:1.12;transform:translateZ(20px)}\n.stars{display:flex;gap:2px;color:var(--gold);margin-bottom:10px}\n.stars svg{width:13px;height:13px}\n.p-notes{font-size:.92rem;color:var(--muted);line-height:1.55;margin-bottom:16px;min-height:42px;font-style:italic}\n.p-foot{display:flex;align-items:center;justify-content:space-between;transform:translateZ(20px)}\n.p-price{font-family:var(--display);font-size:1.3rem;color:var(--crimson);font-weight:600}\n.p-price small{font-family:var(--body);font-size:.74rem;color:var(--muted)}\n.add{background:var(--crimson);color:var(--gold-2);border:none;cursor:pointer;border-radius:2px;font-family:var(--caps);font-weight:600;\n font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:11px 16px;display:inline-flex;align-items:center;gap:7px;transition:.3s}\n.add svg{width:14px;height:14px}\n.add:hover{background:linear-gradient(120deg,var(--gold),var(--gold-2));color:var(--burgundy)}\n\n\/* ---- heritage \/ story ---- *\/\n.story{padding:120px 0;background:linear-gradient(160deg,var(--crimson),var(--wine));color:var(--ivory);position:relative;overflow:hidden}\n.story::before{content:\"\";position:absolute;bottom:-160px;left:-120px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(230,197,106,.16),transparent 65%)}\n.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative;z-index:2}\n.story .sec-tag{color:var(--gold-2)}\n.story h2{font-family:var(--display);font-weight:500;font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.08;margin-bottom:24px}\n.story h2 em{font-style:italic;color:var(--gold-2)}\n.story p{color:rgba(244,236,217,.84);line-height:1.9;margin-bottom:18px;max-width:520px;font-weight:300;font-size:1.05rem}\n.story-points{list-style:none;margin-top:30px;display:grid;gap:16px}\n.story-points li{display:flex;gap:14px;align-items:flex-start;font-family:var(--caps);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}\n.story-points svg{width:22px;height:22px;color:var(--gold-2);flex:none}\n.bigcrest{position:relative;display:grid;place-items:center}\n.bigcrest .ring2{position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid rgba(230,197,106,.3);animation:spin 60s linear infinite reverse}\n.bigcrest .seedstar{position:absolute;top:-7px;left:50%;transform:translateX(-50%);color:var(--gold-2);font-size:14px}\n\n\/* ---- ritual ---- *\/\n.ritual{padding:120px 0}\n.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:step}\n.step{position:relative;padding-top:70px;text-align:center}\n.step::before{counter-increment:step;content:counter(step,upper-roman);font-family:var(--display);font-size:2.6rem;color:var(--gold);\n position:absolute;top:0;left:50%;transform:translateX(-50%);font-weight:600}\n.step .em{width:54px;height:54px;margin:0 auto 16px;color:var(--crimson)}\n.step h4{font-family:var(--display);font-size:1.3rem;color:var(--crimson);margin-bottom:10px}\n.step p{font-size:.95rem;color:var(--muted);line-height:1.65}\n\n\/* ---- testimonials ---- *\/\n.testi{padding:110px 0;background:var(--ivory)}\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}\n.quote{background:var(--parchment);border:1px solid var(--gline);border-radius:4px;padding:34px 30px;position:relative}\n.quote .qm{font-family:var(--display);font-size:4.5rem;color:var(--gold);line-height:.5;opacity:.6}\n.quote p{font-family:var(--display);font-size:1.12rem;line-height:1.6;color:var(--ink);margin:6px 0 22px;font-style:italic;font-weight:400}\n.quote .who{display:flex;align-items:center;gap:13px}\n.quote .av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--crimson),var(--gold));display:grid;place-items:center;color:var(--ivory);font-family:var(--display);font-weight:600}\n.quote .who b{font-family:var(--caps);font-size:.74rem;letter-spacing:.1em;color:var(--crimson);display:block;text-transform:uppercase}\n.quote .who span{font-size:.85rem;color:var(--muted);font-style:italic}\n\n\/* ---- instagram ---- *\/\n.insta{padding:110px 0}\n.ig-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px;margin-bottom:42px}\n.ig-handle{display:flex;align-items:center;gap:18px}\n.ig-av{width:66px;height:66px;border-radius:50%;padding:3px;background:linear-gradient(45deg,var(--gold),var(--crimson),var(--gold-2))}\n.ig-av div{width:100%;height:100%;border-radius:50%;background:var(--burgundy);display:grid;place-items:center;color:var(--gold-2);font-family:var(--caps);font-weight:700;font-size:1.1rem}\n.ig-handle b{font-family:var(--display);font-size:1.3rem;color:var(--crimson);display:block}\n.ig-handle .nums{font-size:.88rem;color:var(--muted);display:flex;gap:18px;margin-top:3px}\n.ig-handle .nums b{display:inline;font-size:.88rem;font-family:var(--caps);color:var(--ink)}\n.ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}\n.ig-cell{aspect-ratio:1;border-radius:4px;overflow:hidden;position:relative;display:grid;place-items:center;border:1px solid var(--gline)}\n.ig-cell .art{position:absolute;inset:0;z-index:0}\n.ig-cell svg.leaf{position:relative;z-index:1;width:40%;color:rgba(255,255,255,.9);transition:transform .5s}\n.ig-cell:hover svg.leaf{transform:scale(1.18) rotate(8deg)}\n.ig-cell::after{content:\"\";position:absolute;inset:0;background:rgba(79,12,24,0);transition:.4s;z-index:2}\n.ig-cell:hover::after{background:rgba(79,12,24,.45)}\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;height:30px}\n\n\/* ---- newsletter ---- *\/\n.news{padding:100px 0}\n.news-box{background:linear-gradient(155deg,var(--burgundy),var(--burgundy-2));border-radius:6px;padding:70px 40px;text-align:center;position:relative;overflow:hidden;color:var(--ivory)}\n.news-box .corner{position:absolute;width:120px;height:120px;color:rgba(230,197,106,.4)}\n.news-box .c1{top:18px;left:18px}.news-box .c2{top:18px;right:18px;transform:scaleX(-1)}.news-box .c3{bottom:18px;left:18px;transform:scaleY(-1)}.news-box .c4{bottom:18px;right:18px;transform:scale(-1)}\n.news-box h2{font-family:var(--display);font-weight:500;font-size:clamp(1.9rem,3.8vw,2.9rem);margin-bottom:14px}\n.news-box h2 em{font-style:italic;color:var(--gold-2)}\n.news-box p{color:rgba(244,236,217,.78);max-width:470px;margin:0 auto 30px;line-height:1.7;font-weight:300}\n.news-form{display:flex;gap:10px;max-width:500px;margin:0 auto;flex-wrap:wrap;justify-content:center}\n.news-form input{flex:1;min-width:230px;border:1px solid var(--gline);border-radius:2px;padding:15px 22px;font-family:var(--body);font-size:1rem;background:var(--parchment);color:var(--ink)}\n.news-form input:focus{outline:2px solid var(--gold)}\n\n\/* ---- footer ---- *\/\nfooter{background:var(--burgundy-2);color:var(--ivory);padding:74px 0 0}\n.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:42px}\n.foot-brand .crest{width:50px;height:50px;margin-bottom:16px}\n.foot-brand p{color:rgba(244,236,217,.66);line-height:1.75;max-width:300px;margin-bottom:20px;font-weight:300}\n.foot h5{font-family:var(--caps);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);margin-bottom:18px}\n.foot ul{list-style:none;display:grid;gap:11px}\n.foot ul a{color:rgba(244,236,217,.74);transition:.3s;font-weight:300}\n.foot ul a:hover{color:var(--gold-2);padding-left:5px}\n.contact-line{display:flex;gap:11px;align-items:flex-start;color:rgba(244,236,217,.82);margin-bottom:13px;font-weight:300}\n.contact-line svg{width:18px;height:18px;color:var(--gold-2);flex:none;margin-top:3px}\n.socials{display:flex;gap:12px;margin-top:22px}\n.socials a{width:42px;height:42px;border-radius:50%;border:1px solid var(--gline);display:grid;place-items:center;color:var(--ivory);transition:.3s}\n.socials a:hover{background:var(--gold);color:var(--burgundy);transform:translateY(-3px)}\n.socials svg{width:19px;height:19px}\n.foot-bottom{border-top:1px solid var(--gline);margin-top:54px;padding:26px 0;text-align:center;font-family:var(--caps);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,236,217,.5)}\n.foot-bottom b{color:var(--gold-2)}\n\n\/* ---- cart ---- *\/\n.overlay{position:fixed;inset:0;background:rgba(51,8,16,.55);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(--parchment);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 28px;border-bottom:1px solid var(--gline);display:flex;align-items:center;justify-content:space-between}\n.drawer-head h3{font-family:var(--display);font-size:1.4rem;color:var(--crimson)}\n.drawer-head button{background:none;border:none;cursor:pointer;color:var(--crimson)}\n.drawer-head svg{width:24px;height:24px}\n.drawer-body{flex:1;overflow-y:auto;padding:20px 28px}\n.cart-item{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--gline)}\n.cart-item .ci-img{width:58px;height:58px;border-radius:3px;background:var(--ivory);display:grid;place-items:center;flex:none;border:1px solid var(--gline)}\n.cart-item .ci-img svg{width:34px}\n.cart-item .ci-info{flex:1}\n.cart-item .ci-info b{font-family:var(--display);font-size:1.02rem;color:var(--crimson);display:block}\n.cart-item .ci-info span{font-family:var(--caps);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;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:3px;border:1px solid var(--gline);background:var(--ivory);cursor:pointer;color:var(--crimson);font-weight:700}\n.ci-price{font-family:var(--display);font-weight:600;color:var(--crimson)}\n.empty{text-align:center;color:var(--muted);padding:60px 0;font-style:italic;font-family:var(--display);font-size:1.1rem}\n.drawer-foot{padding:24px 28px;border-top:1px solid var(--gline)}\n.drawer-foot .tot{display:flex;justify-content:space-between;margin-bottom:16px;font-family:var(--display);font-size:1.3rem;color:var(--crimson)}\n.drawer-foot .btn{width:100%;justify-content:center}\n.free-note{font-family:var(--caps);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);text-align:center;margin-top:13px}\n\n\/* ---- reveal ---- *\/\nhtml.anim-ready .reveal{opacity:0;transform:translateY(36px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}\nhtml.anim-ready .reveal.in{opacity:1;transform:none}\n\n\/* ---- responsive ---- *\/\n@media(max-width:1080px){\n .hero-inner{grid-template-columns:1fr;text-align:center}.hero .eyebrow{justify-content:center}.hero p.lead{margin-inline:auto}\n .hero-cta,.hero-stats{justify-content:center}.hero-emblem{order:-1;min-height:400px}\n .cat-grid{grid-template-columns:repeat(3,1fr)}.prod-grid{grid-template-columns:repeat(2,1fr)}\n .steps{grid-template-columns:repeat(2,1fr);gap:50px}.testi-grid{grid-template-columns:1fr}\n .ig-grid{grid-template-columns:repeat(3,1fr)}.story-grid{grid-template-columns:1fr;gap:50px}\n .foot-grid{grid-template-columns:1fr 1fr;gap:34px}\n}\n@media(max-width:820px){\n .menu{position:fixed;inset:0 0 0 32%;background:var(--burgundy);flex-direction:column;justify-content:center;align-items:center;gap:32px;transform:translateX(100%);transition:.4s;z-index:55}\n .menu.open{transform:none}.menu a{color:var(--ivory);font-size:.95rem}\n .burger{display:flex}.hero-corner{width:90px;height:90px}\n}\n@media(max-width:560px){\n .cat-grid,.prod-grid{grid-template-columns:1fr}.ig-grid{grid-template-columns:repeat(2,1fr)}\n .foot-grid{grid-template-columns:1fr}.nav{padding:14px 20px}.wrap{padding:0 20px}.hero-stats{gap:28px}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"loader\" id=\"loader\"><div class=\"seal\"><b>AGT<\/b><\/div><\/div>\n\n<svg class=\"grain\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.85\" numOctaves=\"3\"\/><\/filter><rect width=\"100%\" height=\"100%\" filter=\"url(#n)\"\/><\/svg>\n<canvas id=\"dust\"><\/canvas>\n<div class=\"cur-ring\"><\/div><div class=\"cur-dot\"><\/div>\n\n<div class=\"announce\">\u2605 By Appointment \u2014 Sole Authorised Distributor of the World's Finest Organic Tea \u00b7 Free Delivery Across <b>Bahrain<\/b> \u2605<\/div>\n\n\n<header id=\"header\">\n <nav class=\"nav\">\n <div class=\"brand\" onclick=\"scrollTo({top:0,behavior:'smooth'})\">\n <svg class=\"crest\" viewBox=\"0 0 64 64\" fill=\"none\">\n <path d=\"M32 4l24 7v18c0 16-11 26-24 31C19 55 8 45 8 29V11l24-7z\" fill=\"#9E1B32\" stroke=\"#B8902E\" stroke-width=\"1.5\"\/>\n <path d=\"M32 9l19 5.5V29c0 13-9 21-19 25C22 50 13 42 13 29V14.5L32 9z\" fill=\"none\" stroke=\"#E6C56A\" stroke-width=\"1\" opacity=\".7\"\/>\n <text x=\"32\" y=\"36\" text-anchor=\"middle\" font-family=\"Cinzel,serif\" font-size=\"16\" font-weight=\"700\" fill=\"#E6C56A\">A<\/text>\n <path d=\"M22 44l10 4 10-4\" stroke=\"#E6C56A\" stroke-width=\"1\" fill=\"none\"\/>\n <\/svg>\n <div class=\"txt\"><b>AGT AL-ASWADI<\/b><span>Imperial Tea House<\/span><\/div>\n <\/div>\n <ul class=\"menu\" id=\"menu\">\n <li><a href=\"#shop\">Shop<\/a><\/li>\n <li><a href=\"#cats\">Collections<\/a><\/li>\n <li><a href=\"#story\">Heritage<\/a><\/li>\n <li><a href=\"#ritual\">The Ritual<\/a><\/li>\n <li><a href=\"#insta\">Gallery<\/a><\/li>\n <\/ul>\n <div class=\"nav-right\">\n <button class=\"icon-btn\" aria-label=\"search\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4-4\" stroke-linecap=\"round\"\/><\/svg><\/button>\n <button class=\"icon-btn\" id=\"cartBtn\" aria-label=\"cart\"><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><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 <svg class=\"hero-corner hc-tl\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><path d=\"M4 40C4 18 18 4 40 4M4 30C4 14 14 4 30 4M14 4h-4M4 14v-4\" stroke-linecap=\"round\"\/><circle cx=\"14\" cy=\"14\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <svg class=\"hero-corner hc-tr\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><path d=\"M4 40C4 18 18 4 40 4M4 30C4 14 14 4 30 4\" stroke-linecap=\"round\"\/><circle cx=\"14\" cy=\"14\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <svg class=\"hero-corner hc-bl\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><path d=\"M4 40C4 18 18 4 40 4M4 30C4 14 14 4 30 4\" stroke-linecap=\"round\"\/><circle cx=\"14\" cy=\"14\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <svg class=\"hero-corner hc-br\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><path d=\"M4 40C4 18 18 4 40 4M4 30C4 14 14 4 30 4\" stroke-linecap=\"round\"\/><circle cx=\"14\" cy=\"14\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <div class=\"hero-inner\">\n <div class=\"hero-text\">\n <span class=\"eyebrow\">Established for the Discerning<\/span>\n <h1>The Crown of <em>Organic Tea<\/em>, <span class=\"shimmer\">served by royal standard.<\/span><\/h1>\n <p class=\"lead\">AGT Al-Aswadi journeys to the world's most storied gardens, selects only the noblest certified-organic harvests, and presents them to the Kingdom of Bahrain \u2014 a tradition of taste worthy of any court.<\/p>\n <div class=\"hero-cta\">\n <button class=\"btn btn-primary magnetic\" onclick=\"document.getElementById('shop').scrollIntoView({behavior:'smooth'})\">Enter the Collection <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-ghost magnetic\" href=\"#story\">Our Heritage<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div><b class=\"count\" data-target=\"7162\">0<\/b><span>Patrons<\/span><\/div>\n <div><b class=\"count\" data-target=\"40\" data-suffix=\"+\">0<\/b><span>Estate Teas<\/span><\/div>\n <div><b class=\"count\" data-target=\"100\" data-suffix=\"%\">0<\/b><span>Organic<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"hero-emblem\">\n <svg class=\"laurel-spin\" viewBox=\"0 0 200 200\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\">\n <circle cx=\"100\" cy=\"100\" r=\"96\"\/>\n <g id=\"laurel\"><\/g>\n <\/svg>\n <div class=\"medallion\"><\/div>\n <div class=\"cup-wrap\" 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=\"118\" rx=\"92\" ry=\"26\" fill=\"#33080F\"\/>\n <ellipse cx=\"160\" cy=\"113\" rx=\"82\" ry=\"21\" fill=\"#7A1426\"\/>\n <ellipse cx=\"160\" cy=\"111\" rx=\"74\" ry=\"17\" fill=\"#9E1B32\"\/>\n <path d=\"M68 116c4 70 28 116 92 116s88-46 92-116\" fill=\"#F4ECD9\"\/>\n <path d=\"M68 116c4 70 28 116 92 116s88-46 92-116\" stroke=\"#B8902E\" stroke-width=\"2.5\"\/>\n <path d=\"M252 132c30-6 42 12 34 34-7 18-26 22-40 18\" stroke=\"#F4ECD9\" stroke-width=\"14\" stroke-linecap=\"round\"\/>\n <path d=\"M252 132c30-6 42 12 34 34-7 18-26 22-40 18\" stroke=\"#B8902E\" stroke-width=\"2\" fill=\"none\"\/>\n <path d=\"M92 150h136M100 170h120\" stroke=\"#B8902E\" stroke-width=\"1\" opacity=\".5\"\/>\n <ellipse cx=\"160\" cy=\"270\" rx=\"66\" ry=\"13\" fill=\"#33080F\" opacity=\".3\"\/>\n <text x=\"160\" y=\"200\" text-anchor=\"middle\" font-family=\"Cinzel,serif\" font-size=\"13\" letter-spacing=\"3\" fill=\"#9E1B32\">AGT<\/text>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"ticker\"><div class=\"ticker-track\">\n <span>Single Estate<\/span><span>Certified Organic<\/span><span>Packed at Origin<\/span><span>Royally Sourced<\/span><span>Delivered in Bahrain<\/span>\n <span>Single Estate<\/span><span>Certified Organic<\/span><span>Packed at Origin<\/span><span>Royally Sourced<\/span><span>Delivered in Bahrain<\/span>\n<\/div><\/div>\n\n\n<section class=\"cats\" id=\"cats\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <span class=\"sec-tag\">The Royal Cellars<\/span>\n <h2>Choose your <em>noble blend<\/em><\/h2>\n <svg class=\"fil\" viewBox=\"0 0 240 30\"><path d=\"M10 15h80c8 0 8-9 16-9s8 9 16 9h12c8 0 8 9 16 9s8-9 16-9h48\"\/><\/svg>\n <\/div>\n <div class=\"cat-grid\">\n <div class=\"cat reveal magnetic\" data-cat=\"Black Tea\"><div class=\"frame\"><\/div><svg class=\"ico\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10 18h24l-2 20H12L10 18z\"\/><path d=\"M34 22c6 0 8 8 0 10\"\/><path d=\"M16 12c0-3 3-3 3-6M24 12c0-3 3-3 3-6\" stroke-linecap=\"round\"\/><\/svg><h4>Black Tea<\/h4><span>Bold & Malty<\/span><\/div>\n <div class=\"cat reveal magnetic\" data-cat=\"Green Tea\"><div class=\"frame\"><\/div><svg class=\"ico\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M24 8C12 16 10 28 14 36c8 4 18 0 22-8 4-10-2-18-12-20z\"\/><path d=\"M16 34C22 28 30 24 36 22\" stroke-linecap=\"round\"\/><\/svg><h4>Green Tea<\/h4><span>Fresh & Verdant<\/span><\/div>\n <div class=\"cat reveal magnetic\" data-cat=\"Herbal\"><div class=\"frame\"><\/div><svg class=\"ico\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"24\" cy=\"24\" r=\"6\"\/><path d=\"M24 18V6M24 30v12M18 24H6M30 24h12M19 19l-8-8M29 29l8 8M29 19l8-8M19 29l-8 8\" stroke-linecap=\"round\"\/><\/svg><h4>Herbal<\/h4><span>Caffeine Free<\/span><\/div>\n <div class=\"cat reveal magnetic\" data-cat=\"Masala Chai\"><div class=\"frame\"><\/div><svg class=\"ico\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 20h22v12a8 8 0 01-8 8h-6a8 8 0 01-8-8V20z\"\/><path d=\"M34 24c6 0 7 7 0 9\"\/><path d=\"M18 14c0-3 3-3 3-6M26 14c0-3 3-3 3-6\" stroke-linecap=\"round\"\/><\/svg><h4>Masala Chai<\/h4><span>Spiced & Warming<\/span><\/div>\n <div class=\"cat reveal magnetic\" data-cat=\"Wellness\"><div class=\"frame\"><\/div><svg class=\"ico\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M24 40s-14-8-14-20a8 8 0 0114-5 8 8 0 0114 5c0 12-14 20-14 20z\"\/><path d=\"M24 22v8M20 26h8\" stroke-linecap=\"round\"\/><\/svg><h4>Wellness<\/h4><span>Turmeric & Tulsi<\/span><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"shop\" id=\"shop\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <span class=\"sec-tag\">The Reserve Selection<\/span>\n <h2>Tilt a tin & <em>watch it steep<\/em><\/h2>\n <p>Hover any tin: it tilts to the light like fine porcelain, and rises with fresh steam for a full five seconds.<\/p>\n <svg class=\"fil\" viewBox=\"0 0 240 30\"><path d=\"M10 15h80c8 0 8-9 16-9s8 9 16 9h12c8 0 8 9 16 9s8-9 16-9h48\"\/><\/svg>\n <\/div>\n <div class=\"prod-grid\" id=\"prodGrid\"><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"story\" id=\"story\">\n <div class=\"wrap\">\n <div class=\"story-grid\">\n <div class=\"reveal\">\n <span class=\"sec-tag\">A Royal Heritage<\/span>\n <h2>Bahrain's gateway to <em>the noblest gardens<\/em> on earth.<\/h2>\n <p>AGT Al-Aswadi was founded upon a single conviction: that the people of the Kingdom deserve tea exactly as nature intended \u2014 fresh from the estate, untouched by middlemen, poured with ceremony.<\/p>\n <p>As the sole authorised distributor, we seek out the world's most celebrated harvests, accept only what is certified organic, and carry it home so each leaf reaches your cup at the height of its character.<\/p>\n <ul class=\"story-points\">\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Direct from garden \u2014 no middlemen<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> 100% certified organic, sealed at origin<\/li>\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Delivered with care across Bahrain<\/li>\n <\/ul>\n <\/div>\n <div class=\"bigcrest reveal\">\n <div class=\"ring2\"><span class=\"seedstar\">\u2605<\/span><\/div>\n <svg viewBox=\"0 0 340 340\" width=\"360\" fill=\"none\">\n <circle cx=\"170\" cy=\"170\" r=\"150\" stroke=\"#E6C56A\" stroke-width=\"1.5\" opacity=\".5\"\/>\n <path d=\"M170 40l86 26v64c0 58-40 94-86 112-46-18-86-54-86-112V66l86-26z\" fill=\"rgba(51,8,16,.5)\" stroke=\"#E6C56A\" stroke-width=\"2\"\/>\n <path d=\"M170 56l68 20v54c0 47-32 76-68 90-36-14-68-43-68-90V76l68-20z\" fill=\"none\" stroke=\"#E6C56A\" stroke-width=\"1\" opacity=\".6\"\/>\n <text x=\"170\" y=\"160\" text-anchor=\"middle\" font-family=\"Cinzel,serif\" font-size=\"60\" font-weight=\"800\" fill=\"#E6C56A\">A<\/text>\n <text x=\"170\" y=\"200\" text-anchor=\"middle\" font-family=\"Cinzel,serif\" font-size=\"13\" letter-spacing=\"6\" fill=\"#F4ECD9\">AL-ASWADI<\/text>\n <path d=\"M120 230l50 16 50-16\" stroke=\"#E6C56A\" stroke-width=\"1.5\" fill=\"none\"\/>\n <g fill=\"#E6C56A\"><text x=\"105\" y=\"100\" font-size=\"12\">\u2605<\/text><text x=\"228\" y=\"100\" font-size=\"12\">\u2605<\/text><\/g>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"ritual\" id=\"ritual\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\">\n <span class=\"sec-tag\">The AGT Ritual<\/span>\n <h2>From garden to <em>your golden cup<\/em><\/h2>\n <svg class=\"fil\" viewBox=\"0 0 240 30\"><path d=\"M10 15h80c8 0 8-9 16-9s8 9 16 9h12c8 0 8 9 16 9s8-9 16-9h48\"\/><\/svg>\n <\/div>\n <div class=\"steps\">\n <div class=\"step reveal\"><svg class=\"em\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M24 6C14 14 12 26 16 34c8 4 16 0 20-8 3-9-2-16-12-20z\"\/><path d=\"M18 32c5-5 12-9 16-11\" stroke-linecap=\"round\"\/><\/svg><h4>Hand-Picked<\/h4><p>Only the top two leaves and a bud, plucked at peak freshness by master hands.<\/p><\/div>\n <div class=\"step reveal\"><svg class=\"em\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"12\" y=\"14\" width=\"24\" height=\"28\" rx=\"3\"\/><path d=\"M16 10h16M20 14v-6h8v6\"\/><\/svg><h4>Sealed at Origin<\/h4><p>Packed within hours of harvest to preserve aroma, character and antioxidants.<\/p><\/div>\n <div class=\"step reveal\"><svg class=\"em\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M24 6l16 5v11c0 11-7 17-16 21-9-4-16-10-16-21V11l16-5z\"\/><path d=\"M19 24l4 4 7-8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><h4>Sourced by AGT<\/h4><p>Imported directly and exclusively for Bahrain, bypassing the middlemen entirely.<\/p><\/div>\n <div class=\"step reveal\"><svg class=\"em\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22h22v10a8 8 0 01-8 8h-6a8 8 0 01-8-8V22z\"\/><path d=\"M34 26c5 0 6 6 0 8\"\/><path d=\"M18 16c0-3 3-3 3-6M26 16c0-3 3-3 3-6\" stroke-linecap=\"round\"\/><\/svg><h4>Poured by You<\/h4><p>Steep, pour, and let the steam rise \u2014 a daily ceremony, delivered to your door.<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"testi\">\n <div class=\"wrap\">\n <div class=\"sec-head reveal\"><span class=\"sec-tag\">Held in High Regard<\/span><h2>Words from <em>our court<\/em><\/h2><\/div>\n <div class=\"testi-grid\">\n <div class=\"quote reveal\"><div class=\"qm\">\u201c<\/div><p>The freshest tea in Bahrain. Opening the tin is like stepping into the garden itself.<\/p><div class=\"who\"><div class=\"av\">N<\/div><div><b>Noor A.<\/b><span>Manama<\/span><\/div><\/div><\/div>\n <div class=\"quote reveal\"><div class=\"qm\">\u201c<\/div><p>Their royal masala chai is extraordinary, and delivery was next-day. Fit for a king.<\/p><div class=\"who\"><div class=\"av\">Y<\/div><div><b>Yousef K.<\/b><span>Riffa<\/span><\/div><\/div><\/div>\n <div class=\"quote reveal\"><div class=\"qm\">\u201c<\/div><p>Genuine organic green tea at last. Quality you can taste in every single cup.<\/p><div class=\"who\"><div class=\"av\">S<\/div><div><b>Sara M.<\/b><span>Muharraq<\/span><\/div><\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"insta\" id=\"insta\">\n <div class=\"wrap\">\n <div class=\"ig-head reveal\">\n <div class=\"ig-handle\">\n <a class=\"ig-av\" href=\"https:\/\/www.instagram.com\/agt.alaswadi\" target=\"_blank\"><div>AGT<\/div><\/a>\n <div><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-primary magnetic\" href=\"https:\/\/www.instagram.com\/agt.alaswadi\" target=\"_blank\">Follow on 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 <\/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 <svg class=\"corner c1\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\"><path d=\"M4 40C4 18 18 4 40 4M4 28C4 14 14 4 28 4\" stroke-linecap=\"round\"\/><circle cx=\"13\" cy=\"13\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <svg class=\"corner c2\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\"><path d=\"M4 40C4 18 18 4 40 4M4 28C4 14 14 4 28 4\" stroke-linecap=\"round\"\/><circle cx=\"13\" cy=\"13\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <svg class=\"corner c3\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\"><path d=\"M4 40C4 18 18 4 40 4M4 28C4 14 14 4 28 4\" stroke-linecap=\"round\"\/><circle cx=\"13\" cy=\"13\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <svg class=\"corner c4\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\"><path d=\"M4 40C4 18 18 4 40 4M4 28C4 14 14 4 28 4\" stroke-linecap=\"round\"\/><circle cx=\"13\" cy=\"13\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <span class=\"sec-tag\" style=\"color:var(--gold-2)\">By Royal Invitation<\/span>\n <h2>Join the <em>AGT Tea Society<\/em><\/h2>\n <p>Be first to receive word of new estate arrivals, brewing rituals, and offers reserved for members across Bahrain.<\/p>\n <div class=\"news-form\"><input type=\"email\" id=\"newsEmail\" placeholder=\"Your email address\"><button class=\"btn btn-gold magnetic\" onclick=\"subscribe()\">Request Entry<\/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=\"crest\" viewBox=\"0 0 64 64\" fill=\"none\"><path d=\"M32 4l24 7v18c0 16-11 26-24 31C19 55 8 45 8 29V11l24-7z\" fill=\"#9E1B32\" stroke=\"#E6C56A\" stroke-width=\"1.5\"\/><text x=\"32\" y=\"36\" text-anchor=\"middle\" font-family=\"Cinzel,serif\" font-size=\"16\" font-weight=\"700\" fill=\"#E6C56A\">A<\/text><\/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>The Cellars<\/h5><ul><li><a href=\"#cats\">Black Tea<\/a><\/li><li><a href=\"#cats\">Green Tea<\/a><\/li><li><a href=\"#cats\">Herbal Infusions<\/a><\/li><li><a href=\"#cats\">Masala Chai<\/a><\/li><li><a href=\"#cats\">Wellness Blends<\/a><\/li><\/ul><\/div>\n <div class=\"foot\"><h5>The House<\/h5><ul><li><a href=\"#story\">Heritage<\/a><\/li><li><a href=\"#ritual\">The Ritual<\/a><\/li><li><a href=\"#insta\">Gallery<\/a><\/li><li><a href=\"https:\/\/www.facebook.com\/AGTalaswadi.3\" target=\"_blank\">Facebook<\/a><\/li><\/ul><\/div>\n <div class=\"foot\"><h5>Correspondence<\/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> AGT <b>Al-Aswadi<\/b> \u00b7 The Imperial Tea House \u00b7 Delivered Across Bahrain<\/div>\n <\/div>\n<\/footer>\n\n\n<div class=\"overlay\" id=\"overlay\"><\/div>\n<aside class=\"drawer\" id=\"drawer\">\n <div class=\"drawer-head\"><h3>Your Royal 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 awaits \u2014 select a tea fit for royalty.<\/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-primary\">Proceed to Checkout<\/button><div class=\"free-note\" id=\"freeNote\">Add BD 15.000 for complimentary delivery<\/div><\/div>\n<\/aside>\n\n<script>\ndocument.getElementById('yr').textContent=new Date().getFullYear();\n\n\/* loader off *\/\naddEventListener('load',()=>setTimeout(()=>document.getElementById('loader').classList.add('done'),1400));\nsetTimeout(()=>document.getElementById('loader').classList.add('done'),3500);\n\n\/* build laurel ring *\/\n(function(){let g=document.getElementById('laurel');if(!g)return;let h='';\n for(let i=0;i<40;i++){let a=i*9*Math.PI\/180;let x=100+92*Math.cos(a),y=100+92*Math.sin(a);\n h+=`<ellipse cx=\"${x.toFixed(1)}\" cy=\"${y.toFixed(1)}\" rx=\"6\" ry=\"2.4\" transform=\"rotate(${i*9+90} ${x.toFixed(1)} ${y.toFixed(1)})\"\/>`;}\n g.innerHTML=h;})();\n\n\/* products *\/\nconst TINS=[\n {n:'Imperial Assam',t:'Black Tea',notes:'Bold, malty, full-bodied morning brew.',p:6.900,c:'#5A1018',badge:'Royal Reserve',r:5},\n {n:'Himalayan Spring Green',t:'Green Tea',notes:'Sweet, grassy, delicate florals.',p:6.500,c:'#1F4A2E',badge:null,r:5},\n {n:'Crown Masala Chai',t:'Masala Chai',notes:'Cardamom, ginger, cinnamon & clove.',p:7.200,c:'#8A3A1E',badge:'New',r:5},\n {n:'Kashmiri Kahwa',t:'Green Tea',notes:'Saffron, almond & rose petals.',p:7.800,c:'#B8902E',badge:null,r:4},\n {n:'Golden Turmeric',t:'Wellness',notes:'Turmeric, ginger & black pepper.',p:6.400,c:'#C8901E',badge:null,r:5},\n {n:'Sovereign Earl Grey',t:'Black Tea',notes:'Bergamot black with orange peel.',p:6.600,c:'#2A2540',badge:'Bestseller',r:5},\n {n:'Royal Chamomile',t:'Herbal',notes:'Soft, honeyed, caffeine-free calm.',p:5.900,c:'#8C8A30',badge:null,r:5},\n {n:'Crimson Hibiscus',t:'Herbal',notes:'Tart, ruby-red, vitamin-rich infusion.',p:6.100,c:'#9E1B32',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,16)}\"\/><stop offset=\"1\" stop-color=\"${shade(c,-30)}\"\/><\/linearGradient><\/defs>\n <ellipse cx=\"80\" cy=\"206\" rx=\"54\" ry=\"10\" fill=\"#4F0C18\" opacity=\".22\"\/>\n <rect x=\"32\" y=\"46\" width=\"96\" height=\"158\" rx=\"6\" fill=\"url(#g${id})\" stroke=\"${shade(c,-44)}\" stroke-width=\"1.5\"\/>\n <rect x=\"28\" y=\"32\" width=\"104\" height=\"20\" rx=\"4\" fill=\"${shade(c,26)}\" stroke=\"${shade(c,-30)}\" stroke-width=\"1.2\"\/>\n <rect x=\"40\" y=\"40\" width=\"80\" height=\"2\" fill=\"#E6C56A\" opacity=\".5\"\/>\n <rect x=\"44\" y=\"80\" width=\"72\" height=\"92\" rx=\"2\" fill=\"#F4ECD9\" opacity=\".96\"\/>\n <rect x=\"48\" y=\"84\" width=\"64\" height=\"84\" rx=\"1\" fill=\"none\" stroke=\"#B8902E\" stroke-width=\"1\"\/>\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.3\"\/>\n <text x=\"80\" y=\"140\" text-anchor=\"middle\" font-family=\"Cinzel,serif\" font-size=\"9\" letter-spacing=\"2\" fill=\"#9E1B32\">AGT<\/text>\n <path d=\"M58 150h44\" stroke=\"#B8902E\" stroke-width=\".8\"\/>\n <text x=\"80\" y=\"162\" text-anchor=\"middle\" font-family=\"Cinzel,serif\" font-size=\"5\" letter-spacing=\"2\" fill=\"#7C5A56\">BAHRAIN<\/text><\/svg>`;}\n\nconst grid=document.getElementById('prodGrid');\nTINS.forEach((tea,i)=>{\n const stars=Array(5).fill(0).map((_,k)=>`<svg viewBox=\"0 0 24 24\" fill=\"${k<tea.r?'currentColor':'none'}\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 3l2.6 5.3 5.9.9-4.2 4.1 1 5.8L12 16.9 6.7 19.2l1-5.8L3.5 9.2l5.9-.9z\"\/><\/svg>`).join('');\n const card=document.createElement('div');card.className='card reveal';\n card.innerHTML=`<div class=\"inner-frame\"><\/div>\n ${tea.badge?`<span class=\"badge\">${tea.badge}<\/span>`:''}\n <button class=\"fav\" aria-label=\"favourite\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 20s-7-4.3-9.2-9C1.3 8 3 4.5 6.5 4.5c2 0 3.4 1.2 4.2 2.4.8-1.2 2.2-2.4 4.2-2.4 3.5 0 5.2 3.5 3.7 6.5C18.4 15.7 12 20 12 20z\"\/><\/svg><\/button>\n <div class=\"tin-stage\"><div class=\"steam\"><span class=\"puff\"><\/span><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 grid.appendChild(card);\n\n \/\/ smoke 5s persistence\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 \/\/ 3D tilt\n card.addEventListener('mousemove',e=>{const r=card.getBoundingClientRect();\n const px=(e.clientX-r.left)\/r.width-.5,py=(e.clientY-r.top)\/r.height-.5;\n card.style.transform=`rotateY(${px*9}deg) rotateX(${-py*9}deg) translateY(-4px)`;});\n card.addEventListener('mouseleave',()=>card.style.transform='');\n card.querySelector('.fav').addEventListener('click',e=>e.currentTarget.classList.toggle('on'));\n card.querySelector('.add').addEventListener('click',()=>addToCart(i));\n});\n\n\/* instagram grid *\/\nconst igC=[['#9E1B32','#5C0E1B'],['#B8902E','#E6C56A'],['#1F4A2E','#2E6049'],['#7A1426','#B8902E'],['#5A1018','#9E1B32'],['#2A2540','#9E1B32'],['#C8901E','#7A1426'],['#4F0C18','#9E1B32'],['#8C8A30','#1F4A2E'],['#9E1B32','#E6C56A'],['#33080F','#7A1426'],['#B8902E','#5C0E1B']];\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\/* 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 addToCart(i){const ex=cart.find(c=>c.i===i);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 awaits \u2014 select a tea fit for royalty.<\/div>';\n else body.innerHTML=cart.map(c=>{const t=TINS[c.i];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(${c.i},-1)\">\u2212<\/button><span>${c.q}<\/span><button onclick=\"chg(${c.i},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+TINS[c.i].p*c.q,0);document.getElementById('cartTotal').textContent='BD '+tot.toFixed(3);\n document.getElementById('freeNote').textContent=tot>=15?'\u2605 Complimentary delivery unlocked':`Add BD ${(15-tot).toFixed(3)} for complimentary delivery`;}\nfunction chg(i,d){const it=cart.find(c=>c.i===i);if(!it)return;it.q+=d;if(it.q<=0)cart=cart.filter(c=>c.i!==i);renderCart();}\nfunction subscribe(){const e=document.getElementById('newsEmail');if(e.value&&e.value.includes('@')){e.value='';alert('Welcome to the AGT Tea Society. \u2605');}else{e.focus();e.style.outline='2px solid #9E1B32';}}\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\/* reveal (robust + safety nets) *\/\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\/* count-up stats *\/\n(function(){const els=[...document.querySelectorAll('.count')];\n const run=el=>{const tg=+el.dataset.target,sf=el.dataset.suffix||'';let s=null;\n const step=ts=>{if(!s)s=ts;const p=Math.min((ts-s)\/1400,1);const e=1-Math.pow(1-p,3);\n el.textContent=Math.floor(e*tg).toLocaleString()+sf;if(p<1)requestAnimationFrame(step);};requestAnimationFrame(step);};\n if('IntersectionObserver' in window){const o=new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){run(e.target);o.unobserve(e.target);}}),{threshold:.4});\n els.forEach(el=>o.observe(el));}else els.forEach(run);})();\n\n\/* cursor + magnetic *\/\nconst dot=document.querySelector('.cur-dot'),ring=document.querySelector('.cur-ring');let rx=0,ry=0,mx=0,my=0;\naddEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;dot.style.transform=`translate(${mx}px,${my}px) translate(-50%,-50%)`;});\n(function loop(){rx+=(mx-rx)*.18;ry+=(my-ry)*.18;ring.style.transform=`translate(${rx}px,${ry}px) translate(-50%,-50%)`;requestAnimationFrame(loop);})();\ndocument.querySelectorAll('a,button,.cat,.card,.ig-cell').forEach(el=>{el.addEventListener('mouseenter',()=>ring.classList.add('grow'));el.addEventListener('mouseleave',()=>ring.classList.remove('grow'));});\ndocument.querySelectorAll('.magnetic').forEach(el=>{el.addEventListener('mousemove',e=>{const r=el.getBoundingClientRect();\n el.style.transform=`translate(${(e.clientX-r.left-r.width\/2)*.25}px,${(e.clientY-r.top-r.height\/2)*.35}px)`;});\n el.addEventListener('mouseleave',()=>el.style.transform='');});\n\n\/* hero parallax *\/\naddEventListener('mousemove',e=>{const x=(e.clientX\/innerWidth-.5),y=(e.clientY\/innerHeight-.5);\n const cup=document.getElementById('heroCup');if(cup)cup.style.transform=`translate(${x*18}px,${y*18}px)`;});\n\n\/* gold dust *\/\nconst cv=document.getElementById('dust'),ctx=cv.getContext('2d');let W,H,parts=[];\nfunction rs(){W=cv.width=innerWidth;H=cv.height=innerHeight;}rs();addEventListener('resize',rs);\nfor(let i=0;i<34;i++)parts.push({x:Math.random()*W,y:Math.random()*H,r:.6+Math.random()*1.8,vy:.15+Math.random()*.5,vx:(Math.random()-.5)*.3,o:.2+Math.random()*.6,tw:Math.random()*Math.PI});\nfunction dust(){ctx.clearRect(0,0,W,H);parts.forEach(p=>{p.y+=p.vy;p.x+=p.vx+Math.sin(p.y*.01)*.2;p.tw+=.05;\n if(p.y>H+5){p.y=-5;p.x=Math.random()*W;}ctx.globalAlpha=p.o*(.6+.4*Math.sin(p.tw));ctx.fillStyle='#D9B95E';\n ctx.beginPath();ctx.arc(p.x,p.y,p.r,0,7);ctx.fill();});requestAnimationFrame(dust);}dust();\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 Imperial Tea House \u00b7 Premium Organic Tea AGT \u2605 By Appointment \u2014 Sole Authorised Distributor of the World’s Finest Organic Tea \u00b7 Free Delivery Across Bahrain \u2605 A AGT AL-ASWADIImperial Tea House Shop Collections Heritage The Ritual Gallery 0 Established for the Discerning The Crown of Organic Tea, […]<\/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-128","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/128","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=128"}],"version-history":[{"count":5,"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/xn--webbyrvsters-mcbmg.se\/index.php\/wp-json\/wp\/v2\/media?parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}