[{\"id\":\"bmfvxvw\",\"elType\":\"section\",\"settings\":{\"background_background\":\"classic\",\"background_image\":{\"url\":\"\",\"id\":\"\",\"alt\":\"\",\"source\":\"library\",\"size\":\"\"},\"background_position\":\"center center\",\"background_attachment\":\"fixed\",\"background_repeat\":\"no-repeat\",\"background_size\":\"cover\",\"padding\":{\"unit\":\"px\",\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"isLinked\":true},\"padding_mobile\":{\"unit\":\"px\",\"top\":\"30\",\"right\":\"0\",\"bottom\":\"30\",\"left\":\"0\",\"isLinked\":false},\"hide_mobile\":\"hidden-phone\",\"margin\":{\"unit\":\"px\",\"top\":\"0\",\"right\":0,\"bottom\":\"0\",\"left\":0,\"isLinked\":true},\"layout\":\"full_width\",\"background_image_mobile\":{\"url\":\"https://www.artisanthai.com/wp-content/uploads/2024/09/tea-plantation-beautiful-landscape-famous-2024-05-27-18-19-42-utc-scaled.jpg\",\"id\":1566,\"size\":\"\",\"alt\":\"\",\"source\":\"library\"},\"background_color\":\"#FFFFFF\",\"background_position_tablet\":\"center center\",\"margin_tablet\":{\"unit\":\"px\",\"top\":\"0\",\"right\":0,\"bottom\":\"0\",\"left\":0,\"isLinked\":true},\"padding_tablet\":{\"unit\":\"px\",\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"isLinked\":true},\"content_width\":{\"unit\":\"px\",\"size\":810,\"sizes\":[]},\"custom_height\":{\"unit\":\"px\",\"size\":500,\"sizes\":[]},\"border_radius\":{\"unit\":\"px\",\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"isLinked\":true},\"column_position\":\"stretch\",\"background_color_b\":\"#40916C\",\"_title\":\"Hero Section\"},\"elements\":[{\"id\":\"suo2d7q\",\"elType\":\"column\",\"settings\":{\"_column_size\":100,\"_inline_size\":null,\"content_position\":\"center\",\"align\":\"center\",\"margin\":{\"unit\":\"px\",\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"isLinked\":true},\"padding\":{\"unit\":\"px\",\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"isLinked\":true},\"content_position_tablet\":\"center\",\"align_tablet\":\"center\",\"space_between_widgets\":0,\"border_radius\":{\"unit\":\"px\",\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"isLinked\":true}},\"elements\":[{\"id\":\"aad67b7\",\"elType\":\"widget\",\"settings\":{\"html\":\"\\n\\n\\n\\n\\n\\n\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n
\\n\\n \\n
\\n
\\n\\n \\n \\n\\n \\n \\\"Dried\\n Color-changing\\n \\n \\n \\\"ArtisanThai\\n Signature Blend\\n \\n\\n
\\n \\n \\n
\\n\\n

ArtisanThai.com · Thai Botanical Tea Collection

\\n\\n

\\n Premium Thai & Botanical Infusions\\n

\\n\\n

\\n Caffeine-free botanical blends, whole flower teas, and classic Thai recipes,\\n made with ingredients sourced in Thailand.\\n

\\n\\n
\\n Shop All Teas\\n ★ Signature 15 Botanical Blend\\n Our Story\\n
\\n
\\n\\n \\n
\\n
\\n Inside our signature blend\\n Derris scandensVetiverThai Black Ginger\\n Sea HollyCardamomCat’s Whiskers\\n Goji BerrySaul WaengSandalwood\\n NutmegOrange BlossomCinnamon\\n LovageKaempferia galangaStar Anise\\n Inside our signature blend\\n Derris scandensVetiverThai Black Ginger\\n Sea HollyCardamomCat’s Whiskers\\n Goji BerrySaul WaengSandalwood\\n NutmegOrange BlossomCinnamon\\n LovageKaempferia galangaStar Anise\\n
\\n
\\n\\n \\n
\\n
Secure checkout
\\n
Tracked worldwide shipping
\\n
Natural botanicals
\\n
Quality-controlled batches
\\n
Order support
\\n
\\n\\n \\n
\\n

The short version

\\n

What Is Thai botanical tea?

\\n
\\n

\\n Thai botanical tea is an infusion made from dried botanicals rather than tea\\n leaves, so most blends contain no caffeine. Roots such as Thai black ginger,\\n spices like cardamom, cinnamon and star anise, and flowers such as butterfly\\n pea and chrysanthemum are blended, steeped in hot water, and served warm or\\n over ice.\\n

\\n

\\n ArtisanThai brings these traditions online. The range covers signature\\n botanical infusions, whole\\n flower teas, tart\\n fruit infusions, and house\\n tea blends that include\\n jasmine green tea and the mix behind classic Thai milk tea. Every product page\\n lists the full ingredients, the brewing method, and an estimated delivery\\n window before you order, and nothing artificial is added to any blend.\\n

\\n
\\n
\\n\\n \\n
\\n

Shop by type

\\n

Find Your Blend

\\n
\\n\\n \\n
\\n \\\"ArtisanThai\\n
\\n \\n

Thai botanical tea

\\n

Signature blends like our 15 botanical selection.

\\n Browse botanical infusions →\\n \\n\\n \\n
\\n \\\"Vivid\\n
\\n \\n

Flower Tea

\\n

Butterfly pea, chrysanthemum, osmanthus and chamomile blossoms.

\\n Browse flower teas →\\n \\n\\n \\n
\\n \\\"Dried\\n
\\n \\n

Fruit Tea

\\n

Bael fruit and other naturally sweet, tangy infusions.

\\n Browse fruit teas →\\n \\n\\n \\n
\\n \\\"Loose\\n
\\n \\n

Tea Blend

\\n

Assam Thai tea, jasmine green, yuzu oolong and classic mixes.

\\n Browse tea blends →\\n \\n\\n
\\n
\\n\\n \\n
\\n
\\n
\\n \\n
\\n
\\n

Signature Blend

\\n

Thai botanical tea Bags: the 15 Botanical Blend

\\n

\\n Caffeine-free tea bags filled with finely ground botanicals for a fuller,\\n more consistent infusion. The cup is smooth and layered: earthy roots,\\n warm spice, and a light floral finish.\\n

\\n

\\n ★★★★★\\n 88 customer reviews\\n

\\n

From US$14.90 · packs of 5 to 1,000 tea bags

\\n
\\n Choose a pack size\\n Full ingredient list →\\n
\\n
\\n
\\n\\n
\\n
\\n 0\\n Botanicals in the blend\\n
\\n
\\n ★★★★★\\n Average review score\\n
\\n
\\n 0\\n Customer reviews\\n
\\n
\\n
\\n\\n \\n
\\n

Inside the blend

\\n

Six of the Fifteen Botanicals

\\n

\\n Drawn as botanical plates: a few of the ingredients that shape the signature\\n blend. The exact list for every product sits on its own page.\\n

\\n
\\n\\n
\\n Root\\n
\\n

Thai Black Ginger

\\n

Kaempferia parviflora

\\n

A dark Thai rhizome with a deep, earthy base note.

\\n
\\n\\n
\\n Pod\\n
\\n

Cardamom

\\n

Aromatic seed pods

\\n

Brings warm, almost citrusy spice to the cup.

\\n
\\n\\n
\\n Bark\\n
\\n

Cinnamon

\\n

Rolled bark quills

\\n

Naturally sweet warmth that rounds out the cup.

\\n
\\n\\n
\\n Spice\\n
\\n

Star Anise

\\n

Illicium verum

\\n

Striking pods with a soft, liquorice-like aroma.

\\n
\\n\\n
\\n Flower\\n
\\n

Orange Blossom

\\n

Dried citrus flowers

\\n

Lifts the blend with light floral notes.

\\n
\\n\\n
\\n Grass\\n
\\n

Vetiver

\\n

Chrysopogon zizanioides

\\n

An aromatic grass that adds quiet, rooted depth.

\\n
\\n\\n
\\n\\n
\\n See all 15 in the blend\\n
\\n
\\n\\n \\n
\\n

Brew guide

\\n

How to Brew Thai botanical tea

\\n
\\n
\\n
1
\\n

Measure

\\n

One tea bag per 250 to 300 ml of hot water. For loose blends, follow the pack.

\\n
\\n
\\n
2
\\n

Steep

\\n

Pour water at 90 to 95°C and wait 5 to 10 minutes, depending on strength.

\\n
\\n
\\n
3
\\n

Serve

\\n

Press the bag gently, then drink it warm or let it cool and pour over ice.

\\n
\\n
\\n
\\n\\n \\n
\\n

From the shop

\\n

Recommended Thai Teas

\\n

\\n A few favourites from the range. Prices shown are starting prices per pack size.\\n

\\n\\n \\n\\n
\\n \\n
\\n \\\"Butterfly\\n Color-changing\\n
\\n

Flower Tea

\\n

Butterfly Pea Flower Tea

\\n

From US$22.90

\\n View tea →\\n \\n\\n \\n
\\n \\\"Bael\\n Woody & caramel-like\\n
\\n

Fruit Tea

\\n

Bael Fruit Tea

\\n

From US$22.90

\\n View tea →\\n \\n\\n \\n
\\n \\\"Assam\\n Bold & malty\\n
\\n

Tea Blend

\\n

Assam Thai Tea

\\n

From US$9.90

\\n View tea →\\n \\n\\n \\n
\\n \\\"Chamomile\\n Apple-like sweetness\\n
\\n

Flower Tea

\\n

Chamomile Flower Tea

\\n

From US$14.90

\\n View tea →\\n \\n\\n \\n
\\n \\\"Osmanthus\\n Apricot & honey notes\\n
\\n

Flower Tea

\\n

Osmanthus Flower Tea

\\n

From US$22.90

\\n View tea →\\n \\n\\n \\n
\\n \\\"Premium\\n Delicate jasmine aroma\\n
\\n

Tea Blend

\\n

Premium Jasmine Green Tea

\\n

From US$9.90

\\n View tea →\\n \\n\\n \\n
\\n \\\"Chrysanthemum\\n Sweet & refreshing\\n
\\n

Flower Tea

\\n

Chrysanthemum Flower Tea

\\n

From US$22.90

\\n View tea →\\n \\n\\n \\n
\\n \\\"Roselle\\n Tart & cranberry-like\\n
\\n

Flower Tea

\\n

Roselle Hibiscus Flower Tea

\\n

From US$22.90

\\n View tea →\\n \\n
\\n\\n
\\n Browse the full shop\\n
\\n
\\n\\n \\n
\\n

Our story

\\n

About ArtisanThai

\\n
\\n

\\n ArtisanThai.com is run by THAITEAS LTD, a company registered in England and\\n Wales (No. 16870792). We work with ingredients sourced in Thailand, blend them\\n to botanical recipes, and add nothing artificial. Questions about an order\\n or a blend? Write to\\n hello@artisanthai.com or visit the\\n contact page.\\n

\\n
\\n
\\n\\n \\n
\\n

Good to know

\\n

Thai botanical tea FAQs

\\n
\\n\\n
\\n What is Thai botanical tea?\\n
\\n

Thai botanical tea is an infusion made from dried botanicals rather\\n than tea leaves, so most blends contain no caffeine. Typical\\n ingredients include roots such as Thai black ginger, spices like cardamom,\\n cinnamon and star anise, and dried flowers. The blend is steeped in hot\\n water and served warm or over ice.

\\n
\\n
\\n\\n
\\n Does Thai botanical tea contain caffeine?\\n
\\n

Our botanical blends, including the 15 Botanical Blend, contain no\\n tea leaves and are caffeine-free. Products brewed from Camellia\\n sinensis, such as jasmine green tea and classic Thai tea mix, do contain\\n caffeine. The listing for each product states which group it belongs to.

\\n
\\n
\\n\\n
\\n What is butterfly pea flower tea?\\n
\\n

Butterfly pea flower tea is a caffeine-free infusion brewed from whole\\n dried butterfly pea flowers. The cup is a vivid blue that shifts\\n towards purple when citrus is added, and it can be served hot or\\n iced. You will find it in our\\n Flower Tea range.

\\n
\\n
\\n\\n
\\n How do I brew Thai botanical tea bags?\\n
\\n

Add one tea bag to 250 to 300 ml of water at 90 to 95°C\\n and steep for 5 to 10 minutes, depending on how strong you like it. Press\\n the bag gently before removing, then drink it warm or let it cool. Loose\\n blends vary, so follow the directions on the pack.

\\n
\\n
\\n\\n
\\n Do you ship internationally?\\n
\\n

Yes, every order ships worldwide with tracked delivery.\\n An estimated delivery window appears at checkout and on every product, and\\n you can follow your parcel on the\\n Shipment Tracking\\n page. Full details are in the\\n Shipping Policy.

\\n
\\n
\\n\\n
\\n How should I store loose leaf and bagged tea?\\n
\\n

Keep tea in an airtight container away from heat, light and\\n moisture. Stored this way, dried botanicals usually hold their\\n aroma for 6 to 12 months. Avoid the fridge, where condensation can dull\\n the flavour.

\\n
\\n
\\n\\n
\\n Who runs ArtisanThai.com?\\n
\\n

ArtisanThai.com is operated by THAITEAS LTD, a company registered\\n in England and Wales under number 16870792. Ingredients are sourced\\n in Thailand and blended to botanical recipes. You can reach the team at\\n hello@artisanthai.com.

\\n
\\n
\\n\\n
\\n
\\n\\n \\n
\\n \\n

Stay in touch

\\n

A Short Letter About Tea

\\n

New blends, brewing notes, and small-batch releases. No noise.

\\n\\n \\n\\n
\\n Email us to subscribe\\n
\\n
\\n\\n \\n
\\n
\\n

Put the Kettle On

\\n

Browse every blend, flower tea, and fruit infusion in the ArtisanThai shop.

\\n Shop All Teas\\n
\\n
\\n\\n \\n
\\n\\n
\\n\\n
\\n \\n \\n ArtisanThai\\n \\n

\\n Premium Thai botanical teas and botanical infusions, blended to botanical\\n recipes with ingredients sourced in Thailand.\\n

\\n \\n \\n hello@artisanthai.com\\n \\n
\\n\\n \\n
\\n\\n
\\n

\\n ArtisanThai products are packaged food and beverage items for everyday beverage enjoyment. They are not marketed as supplements, wellness products, remedies, medicines, treatments, cures, or health products. Full\\n ingredient lists are shown on each product page; please review them for personal\\n dietary considerations.\\n

\\n
\\n\\n
\\n
\\n

\\n © 2026 ArtisanThai · THAITEAS LTD, registered in England and Wales (No. 16870792)\\n

\\n Back to top ↑\\n
\\n
\\n\\n
\\n\\n
\\n\\n\\n\\n\\n\",\"custom_css\":\"/* ============================================================\\r\\n ARTISANTHAI HOMEPAGE STYLES v3 (artisanthai-home.css)\\r\\n \\\"Emerald, Champagne & Gold Foil\\\" luxury palette\\r\\n ------------------------------------------------------------\\r\\n Paste into: Appearance > Customize > Additional CSS\\r\\n (or Elementor > Site Settings > Custom CSS on Elementor Pro)\\r\\n\\r\\n COLOR SYSTEM (use these across WooCommerce too)\\r\\n --------------------------------------------------\\r\\n Noir #0B1D12 headings, body ink on light\\r\\n Pine #0F3D26 deep emerald: dark bands, secondary buttons\\r\\n Pine 2 #17593B pine gradient end, hovers\\r\\n Jade #1E5C3A links, inline icons\\r\\n Gold #C5A05A THE action color: buy buttons, stars\\r\\n Gold 2 #E3C88E gold gradient highlight\\r\\n Gold deep #826633 small gold text, eyebrows, labels\\r\\n Lacquer #A23B2E sale badges, urgency, errors ONLY\\r\\n Ivory #FAF7F0 page background\\r\\n Champagne #F3EBDC soft bands, alt sections\\r\\n Cream #F7F1E3 headings on dark\\r\\n Body #324136 paragraph text\\r\\n Muted #5E6B60 captions, secondary text\\r\\n\\r\\n Conversion rule: gold appears ONLY on purchase actions\\r\\n (shop, add to cart, checkout). Lacquer ONLY on sale and\\r\\n urgency. Everything else stays green or neutral, so the\\r\\n buy button is always the loudest element on the page.\\r\\n\\r\\n Everything is scoped under .at-home. The .at-woo block\\r\\n styles the optional WooCommerce [products] shortcode widget\\r\\n (give that widget the CSS class \\\"at-woo\\\"). A commented\\r\\n site-wide WooCommerce skin sits at the very bottom.\\r\\n============================================================ */\\r\\n\\r\\n:root {\\r\\n --at-noir: #0B1D12;\\r\\n --at-pine: #0F3D26;\\r\\n --at-pine-2: #17593B;\\r\\n --at-jade: #1E5C3A;\\r\\n --at-gold: #C5A05A;\\r\\n --at-gold-2: #E3C88E;\\r\\n --at-gold-deep: #826633;\\r\\n --at-lacquer: #A23B2E;\\r\\n --at-ivory: #FAF7F0;\\r\\n --at-champagne: #F3EBDC;\\r\\n --at-cream: #F7F1E3;\\r\\n --at-body: #324136;\\r\\n --at-muted: #5E6B60;\\r\\n --at-mist: #C7D8C9; /* body text on dark */\\r\\n --at-line: rgba(15, 61, 38, 0.13);\\r\\n --at-display: \\\"Fraunces\\\", Georgia, \\\"Times New Roman\\\", serif;\\r\\n --at-text: \\\"Karla\\\", -apple-system, BlinkMacSystemFont, \\\"Segoe UI\\\", Arial, sans-serif;\\r\\n --at-shadow: 0 10px 30px rgba(11, 29, 18, 0.05);\\r\\n --at-shadow-up: 0 24px 50px rgba(11, 29, 18, 0.10);\\r\\n --at-ease: cubic-bezier(0.2, 0.6, 0.2, 1);\\r\\n}\\r\\n\\r\\n/* ================= BASE ================= */\\r\\n.at-home {\\r\\n font-family: var(--at-text);\\r\\n color: var(--at-noir);\\r\\n background:\\r\\n radial-gradient(circle at 15% 8%, rgba(15, 61, 38, 0.05), transparent 45%),\\r\\n radial-gradient(circle at 85% 22%, rgba(197, 160, 90, 0.09), transparent 55%),\\r\\n radial-gradient(circle at 50% 92%, rgba(30, 92, 58, 0.05), transparent 50%),\\r\\n var(--at-ivory);\\r\\n overflow: hidden;\\r\\n font-size: 16px;\\r\\n line-height: 1.6;\\r\\n -webkit-font-smoothing: antialiased;\\r\\n}\\r\\n\\r\\n.at-home *,\\r\\n.at-home *::before,\\r\\n.at-home *::after { box-sizing: border-box; }\\r\\n\\r\\n.at-home img { max-width: 100%; height: auto; }\\r\\n\\r\\n.at-home h1,\\r\\n.at-home h2,\\r\\n.at-home h3 {\\r\\n font-family: var(--at-display);\\r\\n color: var(--at-noir);\\r\\n margin: 0;\\r\\n}\\r\\n\\r\\n.at-home ::selection { background: rgba(197, 160, 90, 0.4); }\\r\\n\\r\\n.at-home a:focus-visible,\\r\\n.at-home summary:focus-visible,\\r\\n.at-home .at-btn:focus-visible {\\r\\n outline: 3px solid rgba(197, 160, 90, 0.9);\\r\\n outline-offset: 3px;\\r\\n border-radius: 8px;\\r\\n}\\r\\n\\r\\n/* ================= LINE ICONS ================= */\\r\\n.at-home .at-ico {\\r\\n width: 22px;\\r\\n height: 22px;\\r\\n flex: none;\\r\\n}\\r\\n.at-home .at-ico,\\r\\n.at-home .at-ico * {\\r\\n fill: none;\\r\\n stroke: currentColor;\\r\\n stroke-width: 1.7;\\r\\n stroke-linecap: round;\\r\\n stroke-linejoin: round;\\r\\n}\\r\\n\\r\\n/* ================= REVEAL ON SCROLL ================= */\\r\\n@media (scripting: enabled) {\\r\\n .at-home .at-reveal {\\r\\n opacity: 0;\\r\\n transform: translateY(22px);\\r\\n transition: opacity 0.7s var(--at-ease), transform 0.7s var(--at-ease);\\r\\n }\\r\\n}\\r\\n.at-home .at-reveal.at-in {\\r\\n opacity: 1;\\r\\n transform: none;\\r\\n}\\r\\n\\r\\n/* ================= KICKER + EYEBROW ================= */\\r\\n.at-home .at-kicker,\\r\\n.at-home .at-eyebrow {\\r\\n font: 800 11px/1 var(--at-text);\\r\\n letter-spacing: 0.22em;\\r\\n text-transform: uppercase;\\r\\n color: var(--at-gold-deep);\\r\\n margin: 0 0 14px;\\r\\n}\\r\\n\\r\\n.at-home .at-kicker {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n gap: 14px;\\r\\n}\\r\\n.at-home .at-kicker::before,\\r\\n.at-home .at-kicker::after {\\r\\n content: \\\"\\\";\\r\\n width: 26px;\\r\\n height: 1px;\\r\\n background: rgba(197, 160, 90, 0.75);\\r\\n}\\r\\n\\r\\n/* ================= HERO ================= */\\r\\n.at-home .at-hero {\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n padding: clamp(84px, 12vw, 150px) 24px clamp(56px, 8vw, 88px);\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.at-home .at-hero-glow {\\r\\n position: absolute;\\r\\n width: 720px;\\r\\n height: 720px;\\r\\n top: -280px;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n background: radial-gradient(circle,\\r\\n rgba(15, 61, 38, 0.16),\\r\\n rgba(197, 160, 90, 0.12),\\r\\n transparent 65%);\\r\\n filter: blur(70px);\\r\\n animation: at-breathe 12s ease-in-out infinite alternate;\\r\\n pointer-events: none;\\r\\n}\\r\\n\\r\\n@keyframes at-breathe {\\r\\n from { opacity: 0.7; transform: translateX(-50%) scale(1); }\\r\\n to { opacity: 1; transform: translateX(-50%) scale(1.12); }\\r\\n}\\r\\n\\r\\n/* Drifting botanical line art in the hero margins */\\r\\n.at-home .at-leaf-deco {\\r\\n position: absolute;\\r\\n color: var(--at-pine);\\r\\n opacity: 0.08;\\r\\n pointer-events: none;\\r\\n filter: blur(0.5px);\\r\\n}\\r\\n.at-home .at-leaf-deco,\\r\\n.at-home .at-leaf-deco * { stroke-width: 1.1; }\\r\\n\\r\\n.at-home .at-leaf-l {\\r\\n width: 170px;\\r\\n height: 170px;\\r\\n top: 16%;\\r\\n left: 3%;\\r\\n transform: rotate(-22deg);\\r\\n animation: at-drift-l 15s ease-in-out infinite alternate;\\r\\n}\\r\\n.at-home .at-leaf-r {\\r\\n width: 210px;\\r\\n height: 210px;\\r\\n bottom: 6%;\\r\\n right: 3%;\\r\\n transform: rotate(16deg);\\r\\n animation: at-drift-r 18s ease-in-out infinite alternate;\\r\\n}\\r\\n\\r\\n@keyframes at-drift-l {\\r\\n from { transform: rotate(-22deg) translateY(0); }\\r\\n to { transform: rotate(-15deg) translateY(-14px); }\\r\\n}\\r\\n@keyframes at-drift-r {\\r\\n from { transform: rotate(16deg) translateY(0); }\\r\\n to { transform: rotate(9deg) translateY(-16px); }\\r\\n}\\r\\n\\r\\n/* Floating photo cards (real product shots) */\\r\\n.at-home .at-hero-photo {\\r\\n position: absolute;\\r\\n z-index: 2;\\r\\n width: 150px;\\r\\n padding: 10px 10px 12px;\\r\\n background: #ffffff;\\r\\n border: 1px solid rgba(197, 160, 90, 0.4);\\r\\n border-radius: 16px;\\r\\n box-shadow: 0 18px 40px rgba(11, 29, 18, 0.16);\\r\\n text-decoration: none;\\r\\n transition: transform 0.4s var(--at-ease), box-shadow 0.4s;\\r\\n}\\r\\n\\r\\n.at-home .at-hero-photo img {\\r\\n width: 100%;\\r\\n height: auto;\\r\\n border-radius: 10px;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.at-home .at-hero-photo span {\\r\\n display: block;\\r\\n margin-top: 8px;\\r\\n font: 800 10.5px/1 var(--at-text);\\r\\n letter-spacing: 0.12em;\\r\\n text-transform: uppercase;\\r\\n text-align: center;\\r\\n color: var(--at-gold-deep);\\r\\n}\\r\\n\\r\\n.at-home .at-photo-l {\\r\\n top: 23%;\\r\\n left: 4%;\\r\\n transform: rotate(-7deg);\\r\\n animation: at-bob 6.5s ease-in-out infinite alternate;\\r\\n}\\r\\n.at-home .at-photo-r {\\r\\n top: 30%;\\r\\n right: 4%;\\r\\n transform: rotate(6deg);\\r\\n animation: at-bob-r 7.5s ease-in-out 0.8s infinite alternate;\\r\\n}\\r\\n\\r\\n@keyframes at-bob {\\r\\n from { transform: rotate(-7deg) translateY(0); }\\r\\n to { transform: rotate(-5deg) translateY(-12px); }\\r\\n}\\r\\n@keyframes at-bob-r {\\r\\n from { transform: rotate(6deg) translateY(0); }\\r\\n to { transform: rotate(4deg) translateY(-14px); }\\r\\n}\\r\\n\\r\\n.at-home .at-hero-photo:hover {\\r\\n transform: rotate(0deg) translateY(-6px) scale(1.04);\\r\\n box-shadow: 0 26px 56px rgba(11, 29, 18, 0.22);\\r\\n}\\r\\n\\r\\n@media (max-width: 1180px) {\\r\\n .at-home .at-hero-photo,\\r\\n .at-home .at-leaf-deco { display: none; }\\r\\n}\\r\\n\\r\\n/* Cup chip with rising steam */\\r\\n.at-home .at-cupchip {\\r\\n position: relative;\\r\\n overflow: visible;\\r\\n color: var(--at-pine);\\r\\n}\\r\\n\\r\\n.at-home .at-steam i {\\r\\n position: absolute;\\r\\n bottom: 92%;\\r\\n width: 7px;\\r\\n height: 18px;\\r\\n border-radius: 50%;\\r\\n background: linear-gradient(180deg,\\r\\n rgba(197, 160, 90, 0) 0%,\\r\\n rgba(110, 145, 122, 0.55) 100%);\\r\\n filter: blur(2.5px);\\r\\n opacity: 0;\\r\\n animation: at-steam 3s ease-in-out infinite;\\r\\n}\\r\\n.at-home .at-steam i:nth-child(1) { left: 30%; animation-delay: 0s; }\\r\\n.at-home .at-steam i:nth-child(2) { left: 47%; height: 22px; animation-delay: 0.9s; }\\r\\n.at-home .at-steam i:nth-child(3) { left: 64%; animation-delay: 1.7s; }\\r\\n\\r\\n@keyframes at-steam {\\r\\n 0% { transform: translateY(6px) scaleX(1); opacity: 0; }\\r\\n 30% { opacity: 0.75; }\\r\\n 100% { transform: translateY(-20px) scaleX(1.7); opacity: 0; }\\r\\n}\\r\\n\\r\\n.at-home .at-hero-title {\\r\\n font-weight: 600;\\r\\n font-size: clamp(38px, 6vw, 64px);\\r\\n line-height: 1.06;\\r\\n letter-spacing: -0.015em;\\r\\n max-width: 880px;\\r\\n margin: 16px auto;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n/* Signature accent: gold light moving across brewed tea */\\r\\n.at-home .at-accent {\\r\\n font-style: italic;\\r\\n font-weight: 500;\\r\\n background: linear-gradient(105deg,\\r\\n var(--at-pine) 0%,\\r\\n var(--at-jade) 28%,\\r\\n var(--at-gold) 50%,\\r\\n var(--at-jade) 72%,\\r\\n var(--at-pine) 100%);\\r\\n background-size: 220% auto;\\r\\n -webkit-background-clip: text;\\r\\n background-clip: text;\\r\\n color: var(--at-pine);\\r\\n -webkit-text-fill-color: transparent;\\r\\n animation: at-shimmer 9s linear infinite;\\r\\n}\\r\\n\\r\\n@keyframes at-shimmer {\\r\\n from { background-position: 0% 50%; }\\r\\n to { background-position: 220% 50%; }\\r\\n}\\r\\n\\r\\n.at-home .at-hero-sub {\\r\\n font-size: clamp(16px, 2vw, 18.5px);\\r\\n line-height: 1.75;\\r\\n color: #46584C;\\r\\n max-width: 620px;\\r\\n margin: 0 auto 34px;\\r\\n}\\r\\n\\r\\n.at-home .at-hero-buttons {\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n gap: 14px;\\r\\n flex-wrap: wrap;\\r\\n position: relative;\\r\\n z-index: 3;\\r\\n}\\r\\n\\r\\n/* ================= ICON CHIPS ================= */\\r\\n.at-home .at-icon {\\r\\n display: inline-flex;\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n justify-content: center;\\r\\n align-items: center;\\r\\n border-radius: 15px;\\r\\n background: rgba(15, 61, 38, 0.10);\\r\\n margin-bottom: 12px;\\r\\n}\\r\\n\\r\\n.at-home .at-chip {\\r\\n display: inline-flex;\\r\\n width: 46px;\\r\\n height: 46px;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n border-radius: 14px;\\r\\n background: #ffffff;\\r\\n border: 1px solid rgba(197, 160, 90, 0.45);\\r\\n box-shadow: 0 8px 20px rgba(11, 29, 18, 0.12);\\r\\n color: var(--at-pine);\\r\\n}\\r\\n\\r\\n.at-home .at-chip-sm {\\r\\n width: 40px;\\r\\n height: 40px;\\r\\n border-radius: 12px;\\r\\n box-shadow: none;\\r\\n background: rgba(15, 61, 38, 0.07);\\r\\n border-color: transparent;\\r\\n margin-bottom: 12px;\\r\\n}\\r\\n.at-home .at-chip-sm .at-ico { width: 20px; height: 20px; }\\r\\n\\r\\n.at-home .at-chip-news {\\r\\n box-shadow: 0 10px 24px rgba(197, 160, 90, 0.3);\\r\\n margin-bottom: 6px;\\r\\n}\\r\\n\\r\\n/* ================= BUTTONS ================= */\\r\\n.at-home .at-btn {\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n gap: 8px;\\r\\n padding: 16px 30px;\\r\\n border-radius: 999px;\\r\\n font: 700 15px/1 var(--at-text);\\r\\n letter-spacing: 0.01em;\\r\\n text-decoration: none;\\r\\n transition: transform 0.25s var(--at-ease), box-shadow 0.25s var(--at-ease),\\r\\n border-color 0.25s, background-color 0.25s;\\r\\n}\\r\\n\\r\\n/* GOLD = the one buy color. Used for shop and purchase CTAs only. */\\r\\n.at-home .at-btn-gold {\\r\\n background: linear-gradient(135deg, var(--at-gold), var(--at-gold-2));\\r\\n color: #231A0B;\\r\\n box-shadow: 0 14px 30px rgba(197, 160, 90, 0.35);\\r\\n}\\r\\n\\r\\n/* FOREST = solid secondary (navigation, highlights) */\\r\\n.at-home .at-btn-forest {\\r\\n background: linear-gradient(135deg, var(--at-pine), var(--at-pine-2));\\r\\n color: #ffffff;\\r\\n box-shadow: 0 14px 30px rgba(15, 61, 38, 0.3);\\r\\n}\\r\\n\\r\\n/* GHOST = tertiary */\\r\\n.at-home .at-btn-ghost {\\r\\n border: 1.5px solid rgba(15, 61, 38, 0.4);\\r\\n color: var(--at-pine);\\r\\n background: rgba(255, 255, 255, 0.72);\\r\\n}\\r\\n\\r\\n.at-home .at-btn:hover { transform: translateY(-2px); }\\r\\n.at-home .at-btn-gold:hover { box-shadow: 0 20px 42px rgba(197, 160, 90, 0.45); }\\r\\n.at-home .at-btn-forest:hover { box-shadow: 0 20px 40px rgba(15, 61, 38, 0.36); }\\r\\n.at-home .at-btn-ghost:hover { border-color: var(--at-pine); background: #ffffff; }\\r\\n\\r\\n/* Sheen sweep: slow loop on gold (draws the eye to the buy\\r\\n action), hover-only on forest */\\r\\n.at-home .at-btn-gold::after,\\r\\n.at-home .at-btn-forest::after {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n inset: 0;\\r\\n background: linear-gradient(105deg,\\r\\n transparent 40%, rgba(255, 255, 255, 0.42) 50%, transparent 60%);\\r\\n transform: translateX(-130%);\\r\\n pointer-events: none;\\r\\n}\\r\\n\\r\\n.at-home .at-btn-gold::after {\\r\\n animation: at-autosheen 5.5s ease-in-out infinite;\\r\\n}\\r\\n\\r\\n@keyframes at-autosheen {\\r\\n 0% { transform: translateX(-130%); }\\r\\n 22% { transform: translateX(130%); }\\r\\n 100% { transform: translateX(130%); }\\r\\n}\\r\\n\\r\\n.at-home .at-btn-forest::after { transition: transform 0.6s ease; }\\r\\n.at-home .at-btn-forest:hover::after { transform: translateX(130%); }\\r\\n\\r\\n/* ================= SIGNATURE RIBBON ================= */\\r\\n.at-home .at-ribbon {\\r\\n overflow: hidden;\\r\\n border-top: 1px solid var(--at-line);\\r\\n border-bottom: 1px solid var(--at-line);\\r\\n background: rgba(243, 235, 220, 0.65);\\r\\n padding: 15px 0;\\r\\n}\\r\\n\\r\\n.at-home .at-ribbon-track {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n white-space: nowrap;\\r\\n width: max-content;\\r\\n animation: at-scroll 46s linear infinite;\\r\\n}\\r\\n\\r\\n.at-home .at-ribbon:hover .at-ribbon-track {\\r\\n animation-play-state: paused;\\r\\n}\\r\\n\\r\\n@keyframes at-scroll {\\r\\n to { transform: translateX(-50%); }\\r\\n}\\r\\n\\r\\n.at-home .at-ribbon-track span {\\r\\n font-family: var(--at-display);\\r\\n font-style: italic;\\r\\n font-size: 17px;\\r\\n color: #2E5740;\\r\\n padding: 0 27px 0 13px;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.at-home .at-ribbon-track span::after {\\r\\n content: \\\"✦\\\";\\r\\n position: absolute;\\r\\n right: 3px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n font-size: 9px;\\r\\n font-style: normal;\\r\\n color: var(--at-gold);\\r\\n}\\r\\n\\r\\n.at-home .at-ribbon-track .at-ribbon-lead {\\r\\n font: 800 11px/1 var(--at-text);\\r\\n font-style: normal;\\r\\n letter-spacing: 0.18em;\\r\\n text-transform: uppercase;\\r\\n color: var(--at-gold-deep);\\r\\n}\\r\\n\\r\\n/* ================= TRUST STRIP ================= */\\r\\n.at-home .at-trust {\\r\\n display: flex;\\r\\n flex-wrap: wrap;\\r\\n justify-content: center;\\r\\n gap: 12px 16px;\\r\\n max-width: 1100px;\\r\\n margin: 34px auto 0;\\r\\n padding: 0 20px;\\r\\n}\\r\\n\\r\\n.at-home .at-trust div {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n gap: 9px;\\r\\n font: 700 12.5px/1 var(--at-text);\\r\\n letter-spacing: 0.05em;\\r\\n text-transform: uppercase;\\r\\n color: #234A33;\\r\\n background: rgba(255, 255, 255, 0.85);\\r\\n border: 1px solid var(--at-line);\\r\\n border-radius: 999px;\\r\\n padding: 11px 18px;\\r\\n}\\r\\n\\r\\n.at-home .at-trust .at-ico {\\r\\n width: 17px;\\r\\n height: 17px;\\r\\n color: var(--at-jade);\\r\\n}\\r\\n\\r\\n/* ================= SECTION SCAFFOLD ================= */\\r\\n.at-home .at-section {\\r\\n padding: clamp(64px, 9vw, 104px) 24px;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.at-home .at-ivory { background: transparent; }\\r\\n.at-home .at-white { background: #ffffff; }\\r\\n\\r\\n.at-home .at-sand-band,\\r\\n.at-home .at-news {\\r\\n background: linear-gradient(180deg, var(--at-champagne), var(--at-ivory));\\r\\n border-radius: 32px;\\r\\n margin: 24px clamp(12px, 3vw, 40px);\\r\\n}\\r\\n\\r\\n.at-home .at-news {\\r\\n background: linear-gradient(135deg, #F1E7D2, #FAF6EC);\\r\\n border: 1px solid rgba(197, 160, 90, 0.32);\\r\\n}\\r\\n\\r\\n/* DARK EMERALD BAND (best seller spotlight) */\\r\\n.at-home .at-dark {\\r\\n background:\\r\\n radial-gradient(900px 420px at 88% -5%, rgba(197, 160, 90, 0.16), transparent 60%),\\r\\n radial-gradient(720px 460px at 5% 105%, rgba(34, 108, 68, 0.4), transparent 60%),\\r\\n linear-gradient(165deg, #114429 0%, #0B2E1C 70%, #0D3520 100%);\\r\\n border-radius: 32px;\\r\\n margin: 24px clamp(12px, 3vw, 40px);\\r\\n}\\r\\n\\r\\n.at-home .at-dark .at-eyebrow { color: var(--at-gold-2); }\\r\\n\\r\\n.at-home .at-dark h2 { color: var(--at-cream); }\\r\\n\\r\\n.at-home .at-dark .at-feature-text { color: var(--at-mist); }\\r\\n\\r\\n.at-home .at-dark .at-feature-rating { color: #E9E2CE; }\\r\\n\\r\\n.at-home .at-dark .at-stars { color: var(--at-gold-2); }\\r\\n\\r\\n.at-home .at-dark .at-feature-price { color: var(--at-gold-2); }\\r\\n\\r\\n.at-home .at-dark .at-textlink {\\r\\n color: #D9C79A;\\r\\n text-decoration-color: rgba(227, 200, 142, 0.5);\\r\\n}\\r\\n.at-home .at-dark .at-textlink:hover { color: #F0DFB4; }\\r\\n\\r\\n.at-home .at-dark .at-feature-media {\\r\\n background: #FDFBF5;\\r\\n border-color: rgba(227, 200, 142, 0.5);\\r\\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);\\r\\n}\\r\\n\\r\\n.at-home .at-dark .at-stats {\\r\\n border-top-color: rgba(197, 160, 90, 0.4);\\r\\n}\\r\\n\\r\\n.at-home .at-dark .at-stat-num { color: var(--at-gold-2); }\\r\\n\\r\\n.at-home .at-dark .at-stat-label { color: rgba(227, 200, 142, 0.8); }\\r\\n\\r\\n.at-home .at-section h2 {\\r\\n font-weight: 500;\\r\\n font-size: clamp(30px, 4.4vw, 44px);\\r\\n line-height: 1.12;\\r\\n letter-spacing: -0.01em;\\r\\n margin: 0 0 18px;\\r\\n}\\r\\n\\r\\n/* Gold underline that draws itself in */\\r\\n.at-home .at-section > h2.at-reveal::after {\\r\\n content: \\\"\\\";\\r\\n display: block;\\r\\n width: 54px;\\r\\n height: 2px;\\r\\n margin: 16px auto 0;\\r\\n background: linear-gradient(90deg, var(--at-gold), var(--at-gold-2));\\r\\n transform: scaleX(0);\\r\\n transition: transform 0.8s var(--at-ease) 0.3s;\\r\\n}\\r\\n.at-home .at-section > h2.at-reveal.at-in::after { transform: scaleX(1); }\\r\\n\\r\\n.at-home .at-left { text-align: left; }\\r\\n\\r\\n.at-home .at-section-sub {\\r\\n max-width: 620px;\\r\\n margin: 0 auto 44px;\\r\\n color: var(--at-muted);\\r\\n font-size: 16.5px;\\r\\n line-height: 1.7;\\r\\n}\\r\\n\\r\\n.at-home .at-prose {\\r\\n max-width: 720px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.at-home .at-prose p {\\r\\n font-size: 17px;\\r\\n line-height: 1.85;\\r\\n color: var(--at-body);\\r\\n margin: 0 0 18px;\\r\\n}\\r\\n.at-home .at-prose p:last-child { margin-bottom: 0; }\\r\\n\\r\\n.at-home .at-prose a,\\r\\n.at-home .at-faq-a a {\\r\\n color: var(--at-jade);\\r\\n font-weight: 700;\\r\\n text-decoration: underline;\\r\\n text-underline-offset: 3px;\\r\\n text-decoration-color: rgba(197, 160, 90, 0.55);\\r\\n transition: color 0.25s, text-decoration-color 0.25s;\\r\\n}\\r\\n.at-home .at-prose a:hover,\\r\\n.at-home .at-faq-a a:hover {\\r\\n color: var(--at-pine);\\r\\n text-decoration-color: var(--at-gold);\\r\\n}\\r\\n\\r\\n.at-home .at-center {\\r\\n margin-top: 44px;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n/* ================= GRIDS ================= */\\r\\n.at-home .at-grid-3 {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\\r\\n gap: 24px;\\r\\n max-width: 1120px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.at-home .at-grid-4 {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));\\r\\n gap: 22px;\\r\\n max-width: 1180px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.at-home .at-grid-botanicals { max-width: 1000px; }\\r\\n\\r\\n.at-home .at-grid-3 > .at-reveal:nth-child(2),\\r\\n.at-home .at-grid-4 > .at-reveal:nth-child(2) { transition-delay: 0.08s; }\\r\\n.at-home .at-grid-3 > .at-reveal:nth-child(3),\\r\\n.at-home .at-grid-4 > .at-reveal:nth-child(3) { transition-delay: 0.16s; }\\r\\n.at-home .at-grid-3 > .at-reveal:nth-child(4),\\r\\n.at-home .at-grid-4 > .at-reveal:nth-child(4) { transition-delay: 0.24s; }\\r\\n.at-home .at-grid-3 > .at-reveal:nth-child(5) { transition-delay: 0.32s; }\\r\\n.at-home .at-grid-3 > .at-reveal:nth-child(6) { transition-delay: 0.40s; }\\r\\n\\r\\n.at-home .at-steps > .at-reveal:nth-child(2) { transition-delay: 0.1s; }\\r\\n.at-home .at-steps > .at-reveal:nth-child(3) { transition-delay: 0.2s; }\\r\\n\\r\\n/* ================= CARDS ================= */\\r\\n.at-home .at-card {\\r\\n display: block;\\r\\n background: #ffffff;\\r\\n border: 1px solid rgba(15, 61, 38, 0.10);\\r\\n border-radius: 22px;\\r\\n padding: 30px 26px;\\r\\n box-shadow: var(--at-shadow);\\r\\n text-decoration: none;\\r\\n color: inherit;\\r\\n transition: transform 0.35s var(--at-ease), box-shadow 0.35s var(--at-ease),\\r\\n border-color 0.35s;\\r\\n}\\r\\n\\r\\n.at-home a.at-card:hover {\\r\\n transform: translateY(-6px);\\r\\n box-shadow: var(--at-shadow-up);\\r\\n border-color: rgba(197, 160, 90, 0.55);\\r\\n}\\r\\n\\r\\n.at-home .at-card h3 {\\r\\n font-weight: 600;\\r\\n font-size: 21px;\\r\\n margin: 10px 0 8px;\\r\\n}\\r\\n\\r\\n.at-home .at-card p {\\r\\n color: #4F5F54;\\r\\n font-size: 15px;\\r\\n line-height: 1.65;\\r\\n margin: 0;\\r\\n}\\r\\n\\r\\n.at-home .at-card-arrow {\\r\\n display: inline-block;\\r\\n margin-top: 16px;\\r\\n font: 700 14px/1 var(--at-text);\\r\\n color: var(--at-pine);\\r\\n transition: transform 0.3s var(--at-ease), color 0.3s;\\r\\n}\\r\\n.at-home a.at-card:hover .at-card-arrow {\\r\\n transform: translateX(4px);\\r\\n color: var(--at-gold-deep);\\r\\n}\\r\\n\\r\\n/* Image frame with slow zoom on hover */\\r\\n.at-home .at-imgwrap {\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n border-radius: 16px;\\r\\n}\\r\\n\\r\\n.at-home .at-imgwrap img {\\r\\n width: 100%;\\r\\n height: auto;\\r\\n aspect-ratio: 1 / 1;\\r\\n object-fit: cover;\\r\\n display: block;\\r\\n transition: transform 0.7s var(--at-ease);\\r\\n}\\r\\n\\r\\n.at-home a.at-card:hover .at-imgwrap img { transform: scale(1.06); }\\r\\n\\r\\n/* Category cards (photo + overlapping icon chip) */\\r\\n.at-home .at-catcard {\\r\\n padding: 14px 22px 26px;\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n.at-home .at-catcard .at-chip {\\r\\n margin: -23px 0 4px 8px;\\r\\n position: relative;\\r\\n z-index: 1;\\r\\n}\\r\\n\\r\\n.at-home .at-catcard h3 { margin-top: 8px; }\\r\\n\\r\\n/* Botanical mini cards */\\r\\n.at-home .at-card-mini {\\r\\n padding: 24px 22px;\\r\\n text-align: left;\\r\\n}\\r\\n.at-home .at-card-mini h3 { font-size: 18px; margin: 0 0 6px; }\\r\\n.at-home .at-card-mini p { font-size: 14.5px; }\\r\\n\\r\\n/* ================= BOTANICAL PLATES ================= */\\r\\n.at-home .at-bot-card {\\r\\n position: relative;\\r\\n text-align: center;\\r\\n padding: 28px 22px 26px;\\r\\n}\\r\\n\\r\\n.at-home .at-bot-tag {\\r\\n position: absolute;\\r\\n top: 14px;\\r\\n right: 14px;\\r\\n font: 800 10px/1 var(--at-text);\\r\\n letter-spacing: 0.12em;\\r\\n text-transform: uppercase;\\r\\n color: var(--at-gold-deep);\\r\\n border: 1px solid rgba(197, 160, 90, 0.45);\\r\\n border-radius: 999px;\\r\\n padding: 5px 9px;\\r\\n background: rgba(255, 255, 255, 0.75);\\r\\n}\\r\\n\\r\\n.at-home .at-bot-medal {\\r\\n position: relative;\\r\\n width: 108px;\\r\\n height: 108px;\\r\\n margin: 4px auto 18px;\\r\\n border-radius: 50%;\\r\\n display: grid;\\r\\n place-items: center;\\r\\n background: radial-gradient(circle at 32% 28%, #FFFFFF, #F2E8D3);\\r\\n box-shadow:\\r\\n inset 0 0 0 1px rgba(197, 160, 90, 0.5),\\r\\n 0 12px 26px rgba(11, 29, 18, 0.10);\\r\\n transition: transform 0.35s var(--at-ease);\\r\\n}\\r\\n\\r\\n/* Slow-spinning gold-foil ring around each plate */\\r\\n.at-home .at-bot-medal::before {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n inset: -7px;\\r\\n border-radius: 50%;\\r\\n background: conic-gradient(from 0deg,\\r\\n rgba(197, 160, 90, 0) 0%,\\r\\n rgba(197, 160, 90, 0.65) 18%,\\r\\n rgba(227, 200, 142, 0.95) 30%,\\r\\n rgba(197, 160, 90, 0) 55%);\\r\\n -webkit-mask: radial-gradient(farthest-side,\\r\\n transparent calc(100% - 3px), #000 calc(100% - 2.5px));\\r\\n mask: radial-gradient(farthest-side,\\r\\n transparent calc(100% - 3px), #000 calc(100% - 2.5px));\\r\\n opacity: 0.5;\\r\\n animation: at-spin 16s linear infinite;\\r\\n}\\r\\n\\r\\n@keyframes at-spin {\\r\\n to { transform: rotate(360deg); }\\r\\n}\\r\\n\\r\\n.at-home .at-bot-card:hover .at-bot-medal { transform: translateY(-4px); }\\r\\n.at-home .at-bot-card:hover .at-bot-medal::before { opacity: 0.85; }\\r\\n\\r\\n/* The line illustration draws itself in on scroll */\\r\\n.at-home .at-bot-art {\\r\\n width: 56px;\\r\\n height: 56px;\\r\\n color: var(--at-pine);\\r\\n stroke-width: 1.6;\\r\\n stroke-linecap: round;\\r\\n stroke-linejoin: round;\\r\\n transition: color 0.35s;\\r\\n}\\r\\n\\r\\n@media (scripting: enabled) {\\r\\n .at-home .at-bot-art {\\r\\n stroke-dasharray: 1;\\r\\n stroke-dashoffset: 1;\\r\\n transition: stroke-dashoffset 1.5s var(--at-ease) 0.25s, color 0.35s;\\r\\n }\\r\\n}\\r\\n.at-home .at-bot-card.at-in .at-bot-art { stroke-dashoffset: 0; }\\r\\n.at-home .at-bot-card:hover .at-bot-art { color: var(--at-jade); }\\r\\n\\r\\n.at-home .at-grid-botanicals > :nth-child(2) .at-bot-art { transition-delay: 0.37s; }\\r\\n.at-home .at-grid-botanicals > :nth-child(3) .at-bot-art { transition-delay: 0.49s; }\\r\\n.at-home .at-grid-botanicals > :nth-child(4) .at-bot-art { transition-delay: 0.61s; }\\r\\n.at-home .at-grid-botanicals > :nth-child(5) .at-bot-art { transition-delay: 0.73s; }\\r\\n.at-home .at-grid-botanicals > :nth-child(6) .at-bot-art { transition-delay: 0.85s; }\\r\\n\\r\\n.at-home .at-bot-card h3 {\\r\\n font-size: 19px;\\r\\n margin: 0 0 4px;\\r\\n}\\r\\n\\r\\n.at-home .at-bot-latin {\\r\\n font: italic 500 13.5px/1.4 var(--at-display);\\r\\n color: var(--at-gold-deep);\\r\\n margin: 0 0 8px;\\r\\n}\\r\\n\\r\\n.at-home .at-bot-card > p:last-child {\\r\\n font-size: 14.5px;\\r\\n}\\r\\n\\r\\n/* ================= BEST SELLER FEATURE ================= */\\r\\n.at-home .at-feature {\\r\\n display: grid;\\r\\n grid-template-columns: 1fr 1.05fr;\\r\\n gap: clamp(32px, 5vw, 56px);\\r\\n align-items: center;\\r\\n max-width: 1080px;\\r\\n margin: 0 auto;\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n.at-home .at-feature-media {\\r\\n position: relative;\\r\\n background: #ffffff;\\r\\n border: 1px solid rgba(197, 160, 90, 0.35);\\r\\n border-radius: 28px;\\r\\n padding: 16px;\\r\\n box-shadow: var(--at-shadow-up);\\r\\n transition: transform 0.4s ease-out;\\r\\n will-change: transform;\\r\\n}\\r\\n\\r\\n/* Pointer-tracking glare used with the tilt script */\\r\\n.at-home .at-feature-media::after {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n inset: 0;\\r\\n border-radius: inherit;\\r\\n background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%),\\r\\n rgba(255, 255, 255, 0.28), transparent 55%);\\r\\n opacity: 0;\\r\\n transition: opacity 0.3s;\\r\\n pointer-events: none;\\r\\n}\\r\\n.at-home .at-feature-media:hover::after { opacity: 1; }\\r\\n\\r\\n.at-home .at-feature-media img {\\r\\n width: 100%;\\r\\n height: auto;\\r\\n display: block;\\r\\n border-radius: 18px;\\r\\n}\\r\\n\\r\\n.at-home .at-feature-copy h2 { margin-bottom: 14px; }\\r\\n\\r\\n.at-home .at-feature-text {\\r\\n font-size: 17px;\\r\\n line-height: 1.75;\\r\\n color: var(--at-body);\\r\\n margin: 0 0 16px;\\r\\n}\\r\\n\\r\\n.at-home .at-feature-rating {\\r\\n font: 700 15px/1.4 var(--at-text);\\r\\n color: #234A33;\\r\\n margin: 0 0 6px;\\r\\n}\\r\\n\\r\\n.at-home .at-stars {\\r\\n color: var(--at-gold);\\r\\n letter-spacing: 2px;\\r\\n font-size: 17px;\\r\\n margin-right: 8px;\\r\\n}\\r\\n\\r\\n.at-home .at-feature-price {\\r\\n font-family: var(--at-display);\\r\\n font-weight: 600;\\r\\n font-size: 20px;\\r\\n color: var(--at-pine);\\r\\n margin: 0 0 24px;\\r\\n}\\r\\n\\r\\n.at-home .at-feature-actions {\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 20px;\\r\\n flex-wrap: wrap;\\r\\n}\\r\\n\\r\\n.at-home .at-textlink {\\r\\n font: 700 15px/1 var(--at-text);\\r\\n color: var(--at-jade);\\r\\n text-decoration: underline;\\r\\n text-underline-offset: 3px;\\r\\n text-decoration-color: rgba(197, 160, 90, 0.55);\\r\\n}\\r\\n.at-home .at-textlink:hover { color: var(--at-gold-deep); }\\r\\n\\r\\n/* ================= ANIMATED STATS ================= */\\r\\n.at-home .at-stats {\\r\\n display: flex;\\r\\n justify-content: center;\\r\\n flex-wrap: wrap;\\r\\n gap: 18px clamp(36px, 7vw, 88px);\\r\\n max-width: 1080px;\\r\\n margin: 52px auto 0;\\r\\n padding-top: 36px;\\r\\n border-top: 1px solid rgba(197, 160, 90, 0.4);\\r\\n}\\r\\n\\r\\n.at-home .at-stat { text-align: center; }\\r\\n\\r\\n.at-home .at-stat-num {\\r\\n display: block;\\r\\n font: 600 clamp(34px, 4.5vw, 46px)/1.1 var(--at-display);\\r\\n color: var(--at-pine);\\r\\n font-variant-numeric: tabular-nums;\\r\\n}\\r\\n\\r\\n.at-home .at-stat-label {\\r\\n display: block;\\r\\n margin-top: 6px;\\r\\n font: 700 11.5px/1.4 var(--at-text);\\r\\n letter-spacing: 0.14em;\\r\\n text-transform: uppercase;\\r\\n color: var(--at-gold-deep);\\r\\n}\\r\\n\\r\\n/* ================= BREW STEPS ================= */\\r\\n.at-home .at-steps {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\\r\\n gap: 28px;\\r\\n max-width: 980px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.at-home .at-step { padding: 10px; }\\r\\n\\r\\n.at-home .at-step-num {\\r\\n width: 56px;\\r\\n height: 56px;\\r\\n border-radius: 50%;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n margin: 0 auto 16px;\\r\\n background: linear-gradient(135deg, var(--at-gold), var(--at-gold-2));\\r\\n color: #231A0B;\\r\\n font: 600 24px/1 var(--at-display);\\r\\n box-shadow: 0 10px 24px rgba(197, 160, 90, 0.4);\\r\\n transition: transform 0.35s var(--at-ease);\\r\\n}\\r\\n\\r\\n.at-home .at-step:hover .at-step-num { transform: translateY(-4px) rotate(-6deg); }\\r\\n\\r\\n.at-home .at-step h3 {\\r\\n font-weight: 600;\\r\\n font-size: 22px;\\r\\n margin: 0 0 8px;\\r\\n}\\r\\n\\r\\n.at-home .at-step p {\\r\\n font-size: 15px;\\r\\n line-height: 1.65;\\r\\n color: #4F5F54;\\r\\n max-width: 280px;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n/* ================= PRODUCT CARDS ================= */\\r\\n.at-home .at-product {\\r\\n padding: 16px 18px 24px;\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n.at-home .at-product-tag {\\r\\n position: absolute;\\r\\n top: 10px;\\r\\n left: 10px;\\r\\n z-index: 1;\\r\\n padding: 7px 12px;\\r\\n border-radius: 999px;\\r\\n background: rgba(255, 255, 255, 0.92);\\r\\n color: var(--at-pine);\\r\\n font: 800 10.5px/1 var(--at-text);\\r\\n letter-spacing: 0.08em;\\r\\n text-transform: uppercase;\\r\\n backdrop-filter: blur(4px);\\r\\n}\\r\\n\\r\\n/* Butterfly pea tag: indigo-to-violet, like the tea itself */\\r\\n.at-home .at-tag-pea {\\r\\n background: linear-gradient(110deg, #33408F, #7A4FA0, #33408F);\\r\\n background-size: 220% auto;\\r\\n color: #ffffff;\\r\\n animation: at-shimmer 6s linear infinite;\\r\\n}\\r\\n\\r\\n.at-home .at-product-cat {\\r\\n font: 800 11px/1 var(--at-text);\\r\\n letter-spacing: 0.14em;\\r\\n text-transform: uppercase;\\r\\n color: var(--at-gold-deep);\\r\\n margin: 16px 0 4px;\\r\\n}\\r\\n\\r\\n.at-home .at-product h3 {\\r\\n font-size: 20px;\\r\\n margin: 0 0 6px;\\r\\n}\\r\\n\\r\\n.at-home .at-product-price {\\r\\n font-family: var(--at-display);\\r\\n font-weight: 600;\\r\\n font-size: 17px;\\r\\n color: var(--at-pine);\\r\\n margin: 0;\\r\\n}\\r\\n\\r\\n/* ================= FAQ ================= */\\r\\n.at-home .at-faq {\\r\\n max-width: 760px;\\r\\n margin: 0 auto;\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n.at-home .at-faq-item {\\r\\n background: #ffffff;\\r\\n border: 1px solid var(--at-line);\\r\\n border-radius: 16px;\\r\\n margin-bottom: 12px;\\r\\n overflow: hidden;\\r\\n transition: border-color 0.3s, box-shadow 0.3s;\\r\\n}\\r\\n\\r\\n.at-home .at-faq-item[open] {\\r\\n border-color: rgba(197, 160, 90, 0.6);\\r\\n box-shadow: 0 12px 30px rgba(11, 29, 18, 0.07);\\r\\n}\\r\\n\\r\\n.at-home .at-faq-item summary {\\r\\n padding: 18px 54px 18px 22px;\\r\\n cursor: pointer;\\r\\n font: 700 16.5px/1.45 var(--at-text);\\r\\n color: #18271D;\\r\\n list-style: none;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.at-home .at-faq-item summary::-webkit-details-marker { display: none; }\\r\\n\\r\\n.at-home .at-faq-item summary::after {\\r\\n content: \\\"+\\\";\\r\\n position: absolute;\\r\\n right: 20px;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n font: 400 24px/1 var(--at-display);\\r\\n color: var(--at-gold);\\r\\n transition: transform 0.3s var(--at-ease);\\r\\n}\\r\\n\\r\\n.at-home .at-faq-item[open] summary::after {\\r\\n transform: translateY(-50%) rotate(45deg);\\r\\n}\\r\\n\\r\\n.at-home .at-faq-a { padding: 0 22px 20px; }\\r\\n\\r\\n.at-home .at-faq-item[open] .at-faq-a {\\r\\n animation: at-faq-open 0.4s var(--at-ease);\\r\\n}\\r\\n\\r\\n@keyframes at-faq-open {\\r\\n from { opacity: 0; transform: translateY(-6px); }\\r\\n to { opacity: 1; transform: none; }\\r\\n}\\r\\n\\r\\n.at-home .at-faq-a p {\\r\\n margin: 0;\\r\\n color: #3A4A3F;\\r\\n font-size: 15.5px;\\r\\n line-height: 1.75;\\r\\n}\\r\\n\\r\\n/* ================= FINAL CTA (photographic band) ================= */\\r\\n.at-home .at-cta {\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n border-radius: 32px;\\r\\n margin: 24px clamp(12px, 3vw, 40px);\\r\\n padding: clamp(80px, 11vw, 130px) 24px;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.at-home .at-cta::before {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n inset: 0;\\r\\n background:\\r\\n url(\\\"https://www.artisanthai.com/wp-content/uploads/2026/05/thai-herbal-teatepeeteaartisanthai.jpg\\\")\\r\\n center / cover no-repeat;\\r\\n transform: scale(1.04);\\r\\n animation: at-slow-zoom 20s ease-in-out infinite alternate;\\r\\n}\\r\\n\\r\\n@keyframes at-slow-zoom {\\r\\n from { transform: scale(1.04); }\\r\\n to { transform: scale(1.14); }\\r\\n}\\r\\n\\r\\n.at-home .at-cta::after {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n inset: 0;\\r\\n background: linear-gradient(165deg,\\r\\n rgba(6, 22, 13, 0.92) 0%,\\r\\n rgba(15, 61, 38, 0.78) 55%,\\r\\n rgba(10, 40, 24, 0.88) 100%);\\r\\n}\\r\\n\\r\\n.at-home .at-cta-inner {\\r\\n position: relative;\\r\\n z-index: 1;\\r\\n}\\r\\n\\r\\n.at-home .at-cta h2 {\\r\\n font-weight: 500;\\r\\n font-size: clamp(30px, 4.4vw, 46px);\\r\\n color: var(--at-cream);\\r\\n margin: 0 0 14px;\\r\\n}\\r\\n\\r\\n.at-home .at-cta p {\\r\\n color: rgba(243, 235, 220, 0.85);\\r\\n font-size: 17px;\\r\\n margin: 0 auto 30px;\\r\\n max-width: 520px;\\r\\n}\\r\\n\\r\\n/* ================= FOOTER ================= */\\r\\n.at-home .at-footer {\\r\\n position: relative;\\r\\n margin-top: clamp(24px, 5vw, 56px);\\r\\n padding: clamp(56px, 8vw, 88px) 0 0;\\r\\n background:\\r\\n radial-gradient(900px 360px at 85% 0%, rgba(197, 160, 90, 0.08), transparent 60%),\\r\\n linear-gradient(180deg, var(--at-champagne) 0%, var(--at-ivory) 72%);\\r\\n border-top: 1px solid rgba(197, 160, 90, 0.45);\\r\\n}\\r\\n\\r\\n/* Gold hairline sitting on the top border, echoing the\\r\\n section underlines used elsewhere on the page */\\r\\n.at-home .at-footer::before {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n top: -1px;\\r\\n left: 50%;\\r\\n transform: translateX(-50%);\\r\\n width: min(180px, 42%);\\r\\n height: 2px;\\r\\n background: linear-gradient(90deg, transparent, var(--at-gold), transparent);\\r\\n}\\r\\n\\r\\n.at-home .at-footer-top {\\r\\n display: grid;\\r\\n grid-template-columns: 1.3fr 2fr;\\r\\n gap: clamp(36px, 6vw, 76px);\\r\\n max-width: 1120px;\\r\\n margin: 0 auto;\\r\\n padding: 0 24px;\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n/* Brand block */\\r\\n.at-home .at-footer-mark {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n gap: 11px;\\r\\n font-family: var(--at-display);\\r\\n font-weight: 600;\\r\\n font-size: 27px;\\r\\n letter-spacing: -0.01em;\\r\\n color: var(--at-pine);\\r\\n}\\r\\n.at-home .at-footer-mark .at-ico {\\r\\n width: 26px;\\r\\n height: 26px;\\r\\n color: var(--at-gold-deep);\\r\\n}\\r\\n\\r\\n.at-home .at-footer-tagline {\\r\\n margin: 16px 0 20px;\\r\\n max-width: 370px;\\r\\n font-size: 15px;\\r\\n line-height: 1.7;\\r\\n color: var(--at-body);\\r\\n}\\r\\n\\r\\n.at-home .at-footer-mail {\\r\\n display: inline-flex;\\r\\n align-items: center;\\r\\n gap: 9px;\\r\\n font: 700 14.5px/1 var(--at-text);\\r\\n color: var(--at-jade);\\r\\n text-decoration: underline;\\r\\n text-underline-offset: 3px;\\r\\n text-decoration-color: rgba(197, 160, 90, 0.5);\\r\\n transition: color 0.25s, text-decoration-color 0.25s;\\r\\n}\\r\\n.at-home .at-footer-mail .at-ico {\\r\\n width: 18px;\\r\\n height: 18px;\\r\\n color: var(--at-jade);\\r\\n}\\r\\n.at-home .at-footer-mail:hover {\\r\\n color: var(--at-pine);\\r\\n text-decoration-color: var(--at-gold);\\r\\n}\\r\\n\\r\\n/* Link columns */\\r\\n.at-home .at-footer-nav {\\r\\n display: grid;\\r\\n grid-template-columns: repeat(3, 1fr);\\r\\n gap: 30px 24px;\\r\\n}\\r\\n\\r\\n.at-home .at-footer-col h3 {\\r\\n font: 800 11.5px/1 var(--at-text);\\r\\n letter-spacing: 0.16em;\\r\\n text-transform: uppercase;\\r\\n color: var(--at-gold-deep);\\r\\n margin: 0 0 16px;\\r\\n padding-bottom: 12px;\\r\\n border-bottom: 1px solid var(--at-line);\\r\\n}\\r\\n\\r\\n.at-home .at-footer-col ul {\\r\\n list-style: none;\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n}\\r\\n.at-home .at-footer-col li { margin: 0 0 11px; }\\r\\n.at-home .at-footer-col li:last-child { margin-bottom: 0; }\\r\\n\\r\\n.at-home .at-footer-col a {\\r\\n position: relative;\\r\\n display: inline-block;\\r\\n font: 600 15px/1.45 var(--at-text);\\r\\n color: var(--at-body);\\r\\n text-decoration: none;\\r\\n transition: color 0.25s var(--at-ease), padding-left 0.25s var(--at-ease);\\r\\n}\\r\\n/* Gold tick that slides in on hover (mirrors the card arrows) */\\r\\n.at-home .at-footer-col a::before {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n left: 0;\\r\\n width: 0;\\r\\n height: 1.5px;\\r\\n background: var(--at-gold);\\r\\n transform: translateY(-50%);\\r\\n transition: width 0.25s var(--at-ease);\\r\\n}\\r\\n.at-home .at-footer-col a:hover {\\r\\n color: var(--at-pine);\\r\\n padding-left: 16px;\\r\\n}\\r\\n.at-home .at-footer-col a:hover::before { width: 11px; }\\r\\n\\r\\n/* Disclaimer */\\r\\n.at-home .at-footer-disclaimer {\\r\\n max-width: 1120px;\\r\\n margin: clamp(44px, 6vw, 60px) auto 0;\\r\\n padding: 26px 24px 0;\\r\\n border-top: 1px solid var(--at-line);\\r\\n text-align: left;\\r\\n}\\r\\n.at-home .at-footer-disclaimer p {\\r\\n margin: 0;\\r\\n font-size: 12.5px;\\r\\n line-height: 1.75;\\r\\n color: var(--at-muted);\\r\\n}\\r\\n\\r\\n/* Bottom bar (full width) */\\r\\n.at-home .at-footer-bar {\\r\\n margin-top: clamp(34px, 5vw, 50px);\\r\\n padding: 20px 0;\\r\\n background: rgba(15, 61, 38, 0.05);\\r\\n border-top: 1px solid var(--at-line);\\r\\n}\\r\\n.at-home .at-footer-bar-inner {\\r\\n display: flex;\\r\\n flex-wrap: wrap;\\r\\n align-items: center;\\r\\n justify-content: space-between;\\r\\n gap: 10px 22px;\\r\\n max-width: 1120px;\\r\\n margin: 0 auto;\\r\\n padding: 0 24px;\\r\\n}\\r\\n.at-home .at-footer-copy {\\r\\n margin: 0;\\r\\n font: 600 12.5px/1.5 var(--at-text);\\r\\n color: var(--at-muted);\\r\\n}\\r\\n.at-home .at-footer-top-link {\\r\\n font: 700 12.5px/1 var(--at-text);\\r\\n letter-spacing: 0.04em;\\r\\n text-transform: uppercase;\\r\\n color: var(--at-pine);\\r\\n text-decoration: none;\\r\\n white-space: nowrap;\\r\\n transition: color 0.25s;\\r\\n}\\r\\n.at-home .at-footer-top-link span { color: var(--at-gold-deep); }\\r\\n.at-home .at-footer-top-link:hover { color: var(--at-gold-deep); }\\r\\n\\r\\n/* Footer responsive */\\r\\n@media (max-width: 860px) {\\r\\n .at-home .at-footer-top {\\r\\n grid-template-columns: 1fr;\\r\\n gap: 38px;\\r\\n }\\r\\n}\\r\\n@media (max-width: 560px) {\\r\\n .at-home .at-footer-nav { grid-template-columns: 1fr 1fr; }\\r\\n .at-home .at-footer-bar-inner {\\r\\n justify-content: center;\\r\\n text-align: center;\\r\\n }\\r\\n}\\r\\n@media (max-width: 380px) {\\r\\n .at-home .at-footer-nav { grid-template-columns: 1fr; }\\r\\n}\\r\\n\\r\\n/* Footer reduced motion */\\r\\n@media (prefers-reduced-motion: reduce) {\\r\\n .at-home .at-footer-col a,\\r\\n .at-home .at-footer-mail,\\r\\n .at-home .at-footer-top-link { transition: none; }\\r\\n .at-home .at-footer-col a:hover { padding-left: 0; }\\r\\n .at-home .at-footer-col a:hover::before { width: 0; }\\r\\n}\\r\\n\\r\\n/* ============================================================\\r\\n OPTIONAL: WooCommerce [products] shortcode widget styling.\\r\\n Give the Shortcode widget the CSS class \\\"at-woo\\\"\\r\\n (Elementor > widget > Advanced > CSS Classes).\\r\\n============================================================ */\\r\\n.at-woo ul.products {\\r\\n display: grid !important;\\r\\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\\r\\n gap: 24px;\\r\\n max-width: 1120px;\\r\\n margin: 0 auto !important;\\r\\n padding: 0;\\r\\n list-style: none;\\r\\n}\\r\\n\\r\\n.at-woo ul.products li.product {\\r\\n position: relative;\\r\\n float: none !important;\\r\\n width: auto !important;\\r\\n margin: 0 !important;\\r\\n padding: 16px 18px 22px;\\r\\n background: #ffffff;\\r\\n border: 1px solid rgba(15, 61, 38, 0.10);\\r\\n border-radius: 22px;\\r\\n box-shadow: 0 10px 30px rgba(11, 29, 18, 0.05);\\r\\n text-align: left;\\r\\n transition: transform 0.35s cubic-bezier(0.2, 0.6, 0.2, 1),\\r\\n box-shadow 0.35s, border-color 0.35s;\\r\\n}\\r\\n\\r\\n.at-woo ul.products li.product:hover {\\r\\n transform: translateY(-6px);\\r\\n box-shadow: 0 24px 50px rgba(11, 29, 18, 0.10);\\r\\n border-color: rgba(197, 160, 90, 0.55);\\r\\n}\\r\\n\\r\\n.at-woo ul.products li.product img {\\r\\n width: 100%;\\r\\n height: auto;\\r\\n border-radius: 16px;\\r\\n margin-bottom: 12px;\\r\\n}\\r\\n\\r\\n.at-woo .woocommerce-loop-product__title {\\r\\n font-family: \\\"Fraunces\\\", Georgia, serif !important;\\r\\n font-size: 19px !important;\\r\\n font-weight: 600;\\r\\n color: #0B1D12 !important;\\r\\n padding: 0 0 6px !important;\\r\\n}\\r\\n\\r\\n.at-woo ul.products li.product .price {\\r\\n font-family: \\\"Fraunces\\\", Georgia, serif;\\r\\n font-weight: 600;\\r\\n color: #0F3D26 !important;\\r\\n font-size: 16px;\\r\\n}\\r\\n\\r\\n.at-woo ul.products li.product .price del { color: #8A968D; }\\r\\n.at-woo ul.products li.product .price ins {\\r\\n color: #A23B2E;\\r\\n text-decoration: none;\\r\\n}\\r\\n\\r\\n.at-woo ul.products li.product .star-rating span::before { color: #C5A05A; }\\r\\n\\r\\n/* Add to cart = the gold buy color, everywhere */\\r\\n.at-woo ul.products li.product .button {\\r\\n display: inline-block;\\r\\n margin-top: 14px;\\r\\n padding: 12px 22px;\\r\\n border-radius: 999px;\\r\\n background: linear-gradient(135deg, #C5A05A, #E3C88E);\\r\\n color: #231A0B !important;\\r\\n font: 700 13.5px/1 \\\"Karla\\\", sans-serif;\\r\\n transition: transform 0.25s, box-shadow 0.25s;\\r\\n}\\r\\n\\r\\n.at-woo ul.products li.product .button:hover {\\r\\n transform: translateY(-2px);\\r\\n box-shadow: 0 14px 30px rgba(197, 160, 90, 0.4);\\r\\n}\\r\\n\\r\\n/* Sale = lacquer red, reserved for urgency only */\\r\\n.at-woo ul.products li.product .onsale {\\r\\n position: absolute;\\r\\n top: 26px;\\r\\n left: 28px;\\r\\n z-index: 2;\\r\\n min-height: 0;\\r\\n line-height: 1;\\r\\n padding: 7px 13px;\\r\\n border-radius: 999px;\\r\\n background: #A23B2E;\\r\\n color: #ffffff;\\r\\n font: 800 11px/1 \\\"Karla\\\", sans-serif;\\r\\n letter-spacing: 0.06em;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n\\r\\n/* ============================================================\\r\\n OPTIONAL SITE-WIDE WOOCOMMERCE SKIN\\r\\n Uncomment to carry the same conversion palette into the\\r\\n shop, product pages, cart and checkout. Test on staging\\r\\n first; selectors cover standard WooCommerce markup.\\r\\n============================================================\\r\\n.woocommerce a.button,\\r\\n.woocommerce button.button,\\r\\n.woocommerce input.button,\\r\\n.woocommerce #respond input#submit,\\r\\n.woocommerce button.button.alt,\\r\\n.woocommerce a.button.alt,\\r\\n.woocommerce .single_add_to_cart_button,\\r\\n.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,\\r\\n.woocommerce #payment #place_order {\\r\\n background: linear-gradient(135deg, #C5A05A, #E3C88E) !important;\\r\\n color: #231A0B !important;\\r\\n border: 0 !important;\\r\\n border-radius: 999px !important;\\r\\n font-weight: 700 !important;\\r\\n}\\r\\n.woocommerce a.button:hover,\\r\\n.woocommerce .single_add_to_cart_button:hover,\\r\\n.woocommerce #payment #place_order:hover {\\r\\n background: linear-gradient(135deg, #B68F47, #D8BA7C) !important;\\r\\n color: #231A0B !important;\\r\\n}\\r\\n.woocommerce div.product p.price,\\r\\n.woocommerce div.product span.price,\\r\\n.woocommerce ul.products li.product .price {\\r\\n color: #0F3D26 !important;\\r\\n}\\r\\n.woocommerce span.onsale {\\r\\n background: #A23B2E !important;\\r\\n color: #fff !important;\\r\\n}\\r\\n.woocommerce .star-rating span::before,\\r\\n.woocommerce p.stars a { color: #C5A05A !important; }\\r\\n.woocommerce-message { border-top-color: #1E5C3A !important; }\\r\\n.woocommerce-error { border-top-color: #A23B2E !important; }\\r\\n.woocommerce-info { border-top-color: #C5A05A !important; }\\r\\n============================================================ */\\r\\n\\r\\n/* ================= RESPONSIVE ================= */\\r\\n@media (max-width: 760px) {\\r\\n .at-home .at-hero-buttons { flex-direction: column; }\\r\\n\\r\\n .at-home .at-hero-buttons .at-btn {\\r\\n width: 100%;\\r\\n max-width: 340px;\\r\\n }\\r\\n\\r\\n .at-home .at-feature {\\r\\n grid-template-columns: 1fr;\\r\\n gap: 28px;\\r\\n }\\r\\n\\r\\n .at-home .at-sand-band,\\r\\n .at-home .at-news,\\r\\n .at-home .at-dark,\\r\\n .at-home .at-cta { margin: 16px 10px; }\\r\\n\\r\\n .at-home .at-trust { gap: 8px; }\\r\\n .at-home .at-trust div { padding: 9px 13px; font-size: 11.5px; }\\r\\n\\r\\n .at-home .at-section-sub { margin-bottom: 32px; }\\r\\n\\r\\n .at-home .at-stats {\\r\\n gap: 24px 36px;\\r\\n margin-top: 40px;\\r\\n padding-top: 28px;\\r\\n }\\r\\n}\\r\\n\\r\\n/* ================= REDUCED MOTION ================= */\\r\\n@media (prefers-reduced-motion: reduce) {\\r\\n .at-home .at-reveal,\\r\\n .at-home .at-reveal.at-in {\\r\\n opacity: 1;\\r\\n transform: none;\\r\\n transition: none;\\r\\n }\\r\\n\\r\\n .at-home .at-hero-glow,\\r\\n .at-home .at-accent,\\r\\n .at-home .at-leaf-deco,\\r\\n .at-home .at-hero-photo,\\r\\n .at-home .at-steam i,\\r\\n .at-home .at-btn-gold::after,\\r\\n .at-home .at-tag-pea,\\r\\n .at-home .at-cta::before { animation: none; }\\r\\n\\r\\n .at-home .at-steam { display: none; }\\r\\n\\r\\n .at-home .at-bot-medal::before { animation: none; }\\r\\n\\r\\n .at-home .at-bot-art,\\r\\n .at-home .at-bot-card.at-in .at-bot-art {\\r\\n stroke-dasharray: none;\\r\\n stroke-dashoffset: 0;\\r\\n transition: none;\\r\\n }\\r\\n\\r\\n .at-home .at-bot-medal { transition: none; }\\r\\n .at-home .at-bot-card:hover .at-bot-medal { transform: none; }\\r\\n\\r\\n .at-home .at-ribbon { overflow-x: auto; }\\r\\n .at-home .at-ribbon-track { animation: none; }\\r\\n\\r\\n .at-home .at-section > h2.at-reveal::after {\\r\\n transform: scaleX(1);\\r\\n transition: none;\\r\\n }\\r\\n\\r\\n .at-home .at-faq-item[open] .at-faq-a { animation: none; }\\r\\n\\r\\n .at-home .at-btn,\\r\\n .at-home .at-card,\\r\\n .at-home .at-card-arrow,\\r\\n .at-home .at-imgwrap img,\\r\\n .at-home .at-step-num,\\r\\n .at-home .at-feature-media,\\r\\n .at-woo ul.products li.product { transition: none; }\\r\\n\\r\\n .at-home .at-btn:hover,\\r\\n .at-home a.at-card:hover,\\r\\n .at-home a.at-card:hover .at-imgwrap img,\\r\\n .at-home .at-step:hover .at-step-num,\\r\\n .at-woo ul.products li.product:hover { transform: none; }\\r\\n}\\n\\n/* ================= ELEMENTOR EDITOR & CUSTOMIZER OVERRIDES ================= */\\n/* Force text/content elements to be visible in Elementor editor and Customizer preview */\\n.elementor-editor-active .at-home .at-reveal,\\n.elementor-edit-mode .at-home .at-reveal,\\n.elementor-editor-active .at-reveal,\\n.elementor-edit-mode .at-reveal,\\n.wp-customizer .at-home .at-reveal,\\n.wp-customizer .at-reveal {\\n opacity: 1 !important;\\n transform: none !important;\\n transition: none !important;\\n visibility: visible !important;\\n}\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}],\"isInner\":false}]