/* Moved from Customizer Additional CSS 2026-07-10 — edit in Customizer will re-inline; keep in sync. */
/* ============================================================ ARTISANTHAI — COMBINED ADDITIONAL CSS Paste this ENTIRE file into Appearance >Customize >Additional CSS,replacing everything currently there. Order matters:1. Font import (must stay the very first line of CSS) 2. Your overflow + accessibility fixes (overflow upgraded to sticky-safe clip,see comments) 3. Homepage design system (artisanthai-home.css) with the WooCommerce skin ACTIVATED 4. Product page styles (product-page.css) 5. OceanWP header,menus and footer 6. Responsive & device compatibility (phone/tablet/desktop) The homepage HTML widget (artisanthai-home.html) is still pasted separately in Elementor;this file only carries CSS. ============================================================ *//* 1. FONTS (keep as the first statement) */@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Karla:wght@400;500;600;700;800&display=swap");/* ============================================================ 2. SITE FIXES (your existing blocks,kept as-is) ============================================================ *//* Sticky-safe horizontal-overflow guard:`clip` blocks sideways scroll like `hidden` but does NOT break position:sticky (needed by the section-5 sticky header). Older browsers that ignore `clip` keep the `hidden` fallback. */html,body{overflow-x:hidden;overflow-x:clip;max-width:100%}body{width:100%}*,*::before,*::after{box-sizing:border-box}img,svg,video,iframe,table{max-width:100%;height:auto}/* tighten everything on small screens */@media (max-width:767px){body,.site,#wrap,#main,#content,.container,.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.woocommerce,.cfw-container{overflow-x:hidden !important;overflow-x:clip !important;width:100% !important;max-width:100% !important}}/* === PageSpeed Accessibility Fixes === *//* Fix contrast:footer bottom links (#8ef5c5 fails WCAG on dark bg) */#footer-bottom a,#footer-bottom .clr a,#copyright a,#copyright .clr a{color:#ffffff !important;text-decoration:underline}/* Fix touch targets:footer policy links need min 44px tap area */#footer-bottom a,#footer-bottom .clr a{display:inline-block;padding:6px 4px;min-height:44px;line-height:2}/* Fix inline style override:any element with #8ef5c5 color */[style*="color:#8ef5c5"],[style*="color:#8ef5c5"]{color:#ffffff !important}/* Ensure footer bottom text contrast */#footer-bottom,#copyright{color:#d0d0d0}/* ============================================================ 3. HOMEPAGE DESIGN SYSTEM (artisanthai-home.css v3) Emerald,Champagne & Gold Foil — scoped under .at-home,plus .at-woo shortcode styling and the active site-wide WooCommerce skin. ============================================================ */:root{--at-noir:#0B1D12;--at-pine:#0F3D26;--at-pine-2:#17593B;--at-jade:#1E5C3A;--at-gold:#C5A05A;--at-gold-2:#E3C88E;--at-gold-deep:#826633;--at-lacquer:#A23B2E;--at-ivory:#FAF7F0;--at-champagne:#F3EBDC;--at-cream:#F7F1E3;--at-body:#324136;--at-muted:#5E6B60;--at-mist:#C7D8C9;/* body text on dark */--at-line:rgba(15,61,38,0.13);--at-display:"Fraunces",Georgia,"Times New Roman",serif;--at-text:"Karla",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--at-shadow:0 10px 30px rgba(11,29,18,0.05);--at-shadow-up:0 24px 50px rgba(11,29,18,0.10);--at-ease:cubic-bezier(0.2,0.6,0.2,1)}/* ================= BASE ================= */.at-home{font-family:var(--at-text);color:var(--at-noir);background:radial-gradient(circle at 15% 8%,rgba(15,61,38,0.05),transparent 45%),radial-gradient(circle at 85% 22%,rgba(197,160,90,0.09),transparent 55%),radial-gradient(circle at 50% 92%,rgba(30,92,58,0.05),transparent 50%),var(--at-ivory);overflow:visible;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.at-home *,.at-home *::before,.at-home *::after{box-sizing:border-box}.at-home img{max-width:100%;height:auto}.at-home h1,.at-home h2,.at-home h3{font-family:var(--at-display);color:var(--at-noir);margin:0}.at-home ::selection{background:rgba(197,160,90,0.4)}.at-home a:focus-visible,.at-home summary:focus-visible,.at-home .at-btn:focus-visible{outline:3px solid rgba(197,160,90,0.9);outline-offset:3px;border-radius:8px}/* ================= LINE ICONS ================= */.at-home .at-ico{width:22px;height:22px;flex:none}.at-home .at-ico,.at-home .at-ico *{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}/* ================= REVEAL ON SCROLL ================= */@media (scripting:enabled){.at-home .at-reveal{opacity:0;transform:translateY(22px);transition:opacity 0.7s var(--at-ease),transform 0.7s var(--at-ease)}}/* ================= KICKER + EYEBROW ================= */.at-home .at-kicker,.at-home .at-eyebrow{font:800 11px/1 var(--at-text);letter-spacing:.22em;text-transform:uppercase;color:var(--at-gold-deep);margin:0 0 14px}.at-home .at-kicker{display:inline-flex;align-items:center;gap:14px}.at-home .at-kicker::before,.at-home .at-kicker::after{content:"";width:26px;height:1px;background:rgba(197,160,90,0.75)}/* ================= HERO ================= */.at-home .at-hero{position:relative;overflow:hidden;padding:clamp(84px,12vw,150px) 24px clamp(56px,8vw,88px);text-align:center}.at-home .at-hero-glow{position:absolute;width:720px;height:720px;top:-280px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(15,61,38,0.16),rgba(197,160,90,0.12),transparent 65%);filter:blur(70px);animation:at-breathe 12s ease-in-out infinite alternate;pointer-events:none}@keyframes at-breathe{from{opacity:0.7;transform:translateX(-50%) scale(1)}to{opacity:1;transform:translateX(-50%) scale(1.12)}}/* Drifting botanical line art in the hero margins */.at-home .at-leaf-deco{position:absolute;color:var(--at-pine);opacity:0.08;pointer-events:none;filter:blur(0.5px)}.at-home .at-leaf-deco,.at-home .at-leaf-deco *{stroke-width:1.1}.at-home .at-leaf-l{width:170px;height:170px;top:16%;left:3%;transform:rotate(-22deg);animation:at-drift-l 15s ease-in-out infinite alternate}.at-home .at-leaf-r{width:210px;height:210px;bottom:6%;right:3%;transform:rotate(16deg);animation:at-drift-r 18s ease-in-out infinite alternate}@keyframes at-drift-l{from{transform:rotate(-22deg) translateY(0)}to{transform:rotate(-15deg) translateY(-14px)}}@keyframes at-drift-r{from{transform:rotate(16deg) translateY(0)}to{transform:rotate(9deg) translateY(-16px)}}/* Floating photo cards (real product shots) */.at-home .at-hero-photo{position:absolute;z-index:2;width:150px;padding:10px 10px 12px;background:#ffffff;border:1px solid rgba(197,160,90,0.4);border-radius:16px;box-shadow:0 18px 40px rgba(11,29,18,0.16);text-decoration:none;transition:transform 0.4s var(--at-ease),box-shadow 0.4s}.at-home .at-hero-photo img{width:100%;height:auto;border-radius:10px;display:block}.at-home .at-hero-photo span{display:block;margin-top:8px;font:800 10.5px/1 var(--at-text);letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--at-gold-deep)}.at-home .at-photo-l{top:23%;left:4%;transform:rotate(-7deg);animation:at-bob 6.5s ease-in-out infinite alternate}.at-home .at-photo-r{top:30%;right:4%;transform:rotate(6deg);animation:at-bob-r 7.5s ease-in-out 0.8s infinite alternate}@keyframes at-bob{from{transform:rotate(-7deg) translateY(0)}to{transform:rotate(-5deg) translateY(-12px)}}@keyframes at-bob-r{from{transform:rotate(6deg) translateY(0)}to{transform:rotate(4deg) translateY(-14px)}}.at-home .at-hero-photo:hover{transform:rotate(0deg) translateY(-6px) scale(1.04);box-shadow:0 26px 56px rgba(11,29,18,0.22)}@media (max-width:1180px){.at-home .at-hero-photo,.at-home .at-leaf-deco{display:none}}/* Cup chip with rising steam */.at-home .at-cupchip{position:relative;overflow:visible;color:var(--at-pine)}.at-home .at-steam i{position:absolute;bottom:92%;width:7px;height:18px;border-radius:50%;background:linear-gradient(180deg,rgba(197,160,90,0) 0,rgba(110,145,122,0.55) 100%);filter:blur(2.5px);opacity:0;animation:at-steam 3s ease-in-out infinite}.at-home .at-steam i:nth-child(1){left:30%;animation-delay:0s}.at-home .at-steam i:nth-child(2){left:47%;height:22px;animation-delay:0.9s}.at-home .at-steam i:nth-child(3){left:64%;animation-delay:1.7s}@keyframes at-steam{0%{transform:translateY(6px) scaleX(1);opacity:0}30%{opacity:0.75}100%{transform:translateY(-20px) scaleX(1.7);opacity:0}}.at-home .at-hero-title{font-weight:600;font-size:clamp(38px,6vw,64px);line-height:1.06;letter-spacing:-0.015em;max-width:880px;margin:16px auto;position:relative}/* Signature accent:gold light moving across brewed tea */.at-home .at-accent{font-style:italic;font-weight:500;background:linear-gradient(105deg,var(--at-pine) 0,var(--at-jade) 28%,var(--at-gold) 50%,var(--at-jade) 72%,var(--at-pine) 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:var(--at-pine);-webkit-text-fill-color:transparent;animation:at-shimmer 9s linear infinite}@keyframes at-shimmer{from{background-position:0 50%}to{background-position:220% 50%}}.at-home .at-hero-sub{font-size:clamp(16px,2vw,18.5px);line-height:1.75;color:#46584C;max-width:620px;margin:0 auto 34px}.at-home .at-hero-buttons{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;position:relative;z-index:3}/* ================= ICON CHIPS ================= */.at-home .at-icon{display:inline-flex;width:50px;height:50px;justify-content:center;align-items:center;border-radius:15px;background:rgba(15,61,38,0.10);margin-bottom:12px}.at-home .at-chip{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:14px;background:#ffffff;border:1px solid rgba(197,160,90,0.45);box-shadow:0 8px 20px rgba(11,29,18,0.12);color:var(--at-pine)}.at-home .at-chip-sm{width:40px;height:40px;border-radius:12px;box-shadow:none;background:rgba(15,61,38,0.07);border-color:transparent;margin-bottom:12px}.at-home .at-chip-sm .at-ico{width:20px;height:20px}.at-home .at-chip-news{box-shadow:0 10px 24px rgba(197,160,90,0.3);margin-bottom:6px}/* ================= BUTTONS ================= */.at-home .at-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 30px;border-radius:999px;font:700 15px/1 var(--at-text);letter-spacing:.01em;text-decoration:none;transition:transform 0.25s var(--at-ease),box-shadow 0.25s var(--at-ease),border-color 0.25s,background-color 0.25s}/* GOLD = the one buy color. Used for shop and purchase CTAs only. */.at-home .at-btn-gold{background:linear-gradient(135deg,var(--at-gold),var(--at-gold-2));color:#231A0B;box-shadow:0 14px 30px rgba(197,160,90,0.35)}/* FOREST = solid secondary (navigation,highlights) */.at-home .at-btn-forest{background:linear-gradient(135deg,var(--at-pine),var(--at-pine-2));color:#ffffff;box-shadow:0 14px 30px rgba(15,61,38,0.3)}/* GHOST = tertiary */.at-home .at-btn-ghost{border:1.5px solid rgba(15,61,38,0.4);color:var(--at-pine);background:rgba(255,255,255,0.72)}.at-home .at-btn:hover{transform:translateY(-2px)}.at-home .at-btn-gold:hover{box-shadow:0 20px 42px rgba(197,160,90,0.45)}.at-home .at-btn-forest:hover{box-shadow:0 20px 40px rgba(15,61,38,0.36)}.at-home .at-btn-ghost:hover{border-color:var(--at-pine);background:#ffffff}/* Sheen sweep:slow loop on gold (draws the eye to the buy action),hover-only on forest */.at-home .at-btn-gold::after,.at-home .at-btn-forest::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,0.42) 50%,transparent 60%);transform:translateX(-130%);pointer-events:none}.at-home .at-btn-gold::after{animation:at-autosheen 5.5s ease-in-out infinite}@keyframes at-autosheen{0%{transform:translateX(-130%)}22%{transform:translateX(130%)}100%{transform:translateX(130%)}}.at-home .at-btn-forest::after{transition:transform 0.6s ease}.at-home .at-btn-forest:hover::after{transform:translateX(130%)}/* ================= SIGNATURE RIBBON ================= */.at-home .at-ribbon{overflow:hidden;border-top:1px solid var(--at-line);border-bottom:1px solid var(--at-line);background:rgba(243,235,220,0.65);padding:15px 0}.at-home .at-ribbon-track{display:inline-flex;align-items:center;white-space:nowrap;width:max-content;animation:at-scroll 46s linear infinite}.at-home .at-ribbon:hover .at-ribbon-track{animation-play-state:paused}@keyframes at-scroll{to{transform:translateX(-50%)}}.at-home .at-ribbon-track span{font-family:var(--at-display);font-style:italic;font-size:17px;color:#2E5740;padding:0 27px 0 13px;position:relative}.at-home .at-ribbon-track span::after{content:"✦";position:absolute;right:3px;top:50%;transform:translateY(-50%);font-size:9px;font-style:normal;color:var(--at-gold)}.at-home .at-ribbon-track .at-ribbon-lead{font:800 11px/1 var(--at-text);font-style:normal;letter-spacing:.18em;text-transform:uppercase;color:var(--at-gold-deep)}/* ================= TRUST STRIP ================= */.at-home .at-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 16px;max-width:1100px;margin:34px auto 0;padding:0 20px}.at-home .at-trust div{display:inline-flex;align-items:center;gap:9px;font:700 12.5px/1 var(--at-text);letter-spacing:.05em;text-transform:uppercase;color:#234A33;background:rgba(255,255,255,0.85);border:1px solid var(--at-line);border-radius:999px;padding:11px 18px}.at-home .at-trust .at-ico{width:17px;height:17px;color:var(--at-jade)}/* ================= SECTION SCAFFOLD ================= */.at-home .at-section{padding:clamp(64px,9vw,104px) 24px;text-align:center}.at-home .at-ivory{background:transparent}.at-home .at-white{background:#ffffff}.at-home .at-sand-band,.at-home .at-news{background:linear-gradient(180deg,var(--at-champagne),var(--at-ivory));border-radius:32px;margin:24px clamp(12px,3vw,40px)}.at-home .at-news{background:linear-gradient(135deg,#F1E7D2,#FAF6EC);border:1px solid rgba(197,160,90,0.32)}/* DARK EMERALD BAND (best seller spotlight) */.at-home .at-dark{background:radial-gradient(900px 420px at 88% -5%,rgba(197,160,90,0.16),transparent 60%),radial-gradient(720px 460px at 5% 105%,rgba(34,108,68,0.4),transparent 60%),linear-gradient(165deg,#114429 0,#0B2E1C 70%,#0D3520 100%);border-radius:32px;margin:24px clamp(12px,3vw,40px)}.at-home .at-dark .at-eyebrow{color:var(--at-gold-2)}.at-home .at-dark h2{color:var(--at-cream)}.at-home .at-dark .at-feature-text{color:var(--at-mist)}.at-home .at-dark .at-feature-rating{color:#E9E2CE}.at-home .at-dark .at-stars{color:var(--at-gold-2)}.at-home .at-dark .at-feature-price{color:var(--at-gold-2)}.at-home .at-dark .at-textlink{color:#D9C79A;text-decoration-color:rgba(227,200,142,0.5)}.at-home .at-dark .at-textlink:hover{color:#F0DFB4}.at-home .at-dark .at-feature-media{background:#FDFBF5;border-color:rgba(227,200,142,0.5);box-shadow:0 30px 60px rgba(0,0,0,0.35)}.at-home .at-dark .at-stats{border-top-color:rgba(197,160,90,0.4)}.at-home .at-dark .at-stat-num{color:var(--at-gold-2)}.at-home .at-dark .at-stat-label{color:rgba(227,200,142,0.8)}.at-home .at-section h2{font-weight:500;font-size:clamp(30px,4.4vw,44px);line-height:1.12;letter-spacing:-0.01em;margin:0 0 18px}/* Gold underline that draws itself in */.at-home .at-section >h2.at-reveal::after{content:"";display:block;width:54px;height:2px;margin:16px auto 0;background:linear-gradient(90deg,var(--at-gold),var(--at-gold-2));transform:scaleX(0);transition:transform 0.8s var(--at-ease) 0.3s}.at-home .at-left{text-align:left}.at-home .at-section-sub{max-width:620px;margin:0 auto 44px;color:var(--at-muted);font-size:16.5px;line-height:1.7}.at-home .at-prose{max-width:720px;margin:0 auto}.at-home .at-prose p{font-size:17px;line-height:1.85;color:var(--at-body);margin:0 0 18px}.at-home .at-prose p:last-child{margin-bottom:0}.at-home .at-prose a,.at-home .at-faq-a a{color:var(--at-jade);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(197,160,90,0.55);transition:color 0.25s,text-decoration-color 0.25s}.at-home .at-prose a:hover,.at-home .at-faq-a a:hover{color:var(--at-pine);text-decoration-color:var(--at-gold)}.at-home .at-center{margin-top:44px;text-align:center}/* ================= GRIDS ================= */.at-home .at-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;max-width:1120px;margin:0 auto}.at-home .at-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;max-width:1180px;margin:0 auto}.at-home .at-grid-botanicals{max-width:1000px}.at-home .at-grid-3 >.at-reveal:nth-child(2),.at-home .at-grid-4 >.at-reveal:nth-child(2){transition-delay:0.08s}.at-home .at-grid-3 >.at-reveal:nth-child(3),.at-home .at-grid-4 >.at-reveal:nth-child(3){transition-delay:0.16s}.at-home .at-grid-3 >.at-reveal:nth-child(4),.at-home .at-grid-4 >.at-reveal:nth-child(4){transition-delay:0.24s}.at-home .at-grid-3 >.at-reveal:nth-child(5),.at-home .at-grid-4 >.at-reveal:nth-child(5){transition-delay:0.32s}.at-home .at-grid-3 >.at-reveal:nth-child(6),.at-home .at-grid-4 >.at-reveal:nth-child(6){transition-delay:0.40s}.at-home .at-grid-3 >.at-reveal:nth-child(7),.at-home .at-grid-4 >.at-reveal:nth-child(7){transition-delay:0.48s}.at-home .at-grid-3 >.at-reveal:nth-child(8),.at-home .at-grid-4 >.at-reveal:nth-child(8){transition-delay:0.56s}.at-home .at-steps >.at-reveal:nth-child(2){transition-delay:0.1s}.at-home .at-steps >.at-reveal:nth-child(3){transition-delay:0.2s}/* ================= CARDS ================= */.at-home .at-card{display:block;background:#ffffff;border:1px solid rgba(15,61,38,0.10);border-radius:22px;padding:30px 26px;box-shadow:var(--at-shadow);text-decoration:none;color:inherit;transition:transform 0.35s var(--at-ease),box-shadow 0.35s var(--at-ease),border-color 0.35s}.at-home a.at-card:hover{transform:translateY(-6px);box-shadow:var(--at-shadow-up);border-color:rgba(197,160,90,0.55)}.at-home .at-card h3{font-weight:600;font-size:21px;margin:10px 0 8px}.at-home .at-card p{color:#4F5F54;font-size:15px;line-height:1.65;margin:0}.at-home .at-card-arrow{display:inline-block;margin-top:16px;font:700 14px/1 var(--at-text);color:var(--at-pine);transition:transform 0.3s var(--at-ease),color 0.3s}.at-home a.at-card:hover .at-card-arrow{transform:translateX(4px);color:var(--at-gold-deep)}/* Image frame with slow zoom on hover */.at-home .at-imgwrap{position:relative;overflow:hidden;border-radius:16px}.at-home .at-imgwrap img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;display:block;transition:transform 0.7s var(--at-ease)}.at-home a.at-card:hover .at-imgwrap img{transform:scale(1.06)}/* Category cards (photo + overlapping icon chip) */.at-home .at-catcard{padding:14px 22px 26px;text-align:left}.at-home .at-catcard .at-chip{margin:-23px 0 4px 8px;position:relative;z-index:1}.at-home .at-catcard h3{margin-top:8px}/* Botanical mini cards */.at-home .at-card-mini{padding:24px 22px;text-align:left}.at-home .at-card-mini h3{font-size:18px;margin:0 0 6px}.at-home .at-card-mini p{font-size:14.5px}/* ================= BOTANICAL PLATES ================= */.at-home .at-bot-card{position:relative;text-align:center;padding:28px 22px 26px}.at-home .at-bot-tag{position:absolute;top:14px;right:14px;font:800 10px/1 var(--at-text);letter-spacing:.12em;text-transform:uppercase;color:var(--at-gold-deep);border:1px solid rgba(197,160,90,0.45);border-radius:999px;padding:5px 9px;background:rgba(255,255,255,0.75)}.at-home .at-bot-medal{position:relative;width:108px;height:108px;margin:4px auto 18px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,#FFFFFF,#F2E8D3);box-shadow:inset 0 0 0 1px rgba(197,160,90,0.5),0 12px 26px rgba(11,29,18,0.10);transition:transform 0.35s var(--at-ease)}/* Slow-spinning gold-foil ring around each plate */.at-home .at-bot-medal::before{content:"";position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(from 0deg,rgba(197,160,90,0) 0,rgba(197,160,90,0.65) 18%,rgba(227,200,142,0.95) 30%,rgba(197,160,90,0) 55%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));opacity:0.5;animation:at-spin 16s linear infinite}@keyframes at-spin{to{transform:rotate(360deg)}}.at-home .at-bot-card:hover .at-bot-medal{transform:translateY(-4px)}.at-home .at-bot-card:hover .at-bot-medal::before{opacity:0.85}/* The line illustration draws itself in on scroll */.at-home .at-bot-art{width:56px;height:56px;color:var(--at-pine);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:color 0.35s}@media (scripting:enabled){.at-home .at-bot-art{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s var(--at-ease) 0.25s,color 0.35s}}.at-home .at-bot-card:hover .at-bot-art{color:var(--at-jade)}.at-home .at-grid-botanicals >:nth-child(2) .at-bot-art{transition-delay:0.37s}.at-home .at-grid-botanicals >:nth-child(3) .at-bot-art{transition-delay:0.49s}.at-home .at-grid-botanicals >:nth-child(4) .at-bot-art{transition-delay:0.61s}.at-home .at-grid-botanicals >:nth-child(5) .at-bot-art{transition-delay:0.73s}.at-home .at-grid-botanicals >:nth-child(6) .at-bot-art{transition-delay:0.85s}.at-home .at-bot-card h3{font-size:19px;margin:0 0 4px}.at-home .at-bot-latin{font:italic 500 13.5px/1.4 var(--at-display);color:var(--at-gold-deep);margin:0 0 8px}.at-home .at-bot-card >p:last-child{font-size:14.5px}/* ================= BEST SELLER FEATURE ================= */.at-home .at-feature{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,5vw,56px);align-items:center;max-width:1080px;margin:0 auto;text-align:left}.at-home .at-feature-media{position:relative;background:#ffffff;border:1px solid rgba(197,160,90,0.35);border-radius:28px;padding:16px;box-shadow:var(--at-shadow-up);transition:transform 0.4s ease-out;will-change:transform}/* Pointer-tracking glare used with the tilt script */.at-home .at-feature-media::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,0.28),transparent 55%);opacity:0;transition:opacity 0.3s;pointer-events:none}.at-home .at-feature-media:hover::after{opacity:1}.at-home .at-feature-media img{width:100%;height:auto;display:block;border-radius:18px}.at-home .at-feature-copy h2{margin-bottom:14px}.at-home .at-feature-text{font-size:17px;line-height:1.75;color:var(--at-body);margin:0 0 16px}.at-home .at-feature-rating{font:700 15px/1.4 var(--at-text);color:#234A33;margin:0 0 6px}.at-home .at-stars{color:var(--at-gold);letter-spacing:2px;font-size:17px;margin-right:8px}.at-home .at-feature-price{font-family:var(--at-display);font-weight:600;font-size:20px;color:var(--at-pine);margin:0 0 24px}.at-home .at-feature-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.at-home .at-textlink{font:700 15px/1 var(--at-text);color:var(--at-jade);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(197,160,90,0.55)}.at-home .at-textlink:hover{color:var(--at-gold-deep)}/* ================= ANIMATED STATS ================= */.at-home .at-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:18px clamp(36px,7vw,88px);max-width:1080px;margin:52px auto 0;padding-top:36px;border-top:1px solid rgba(197,160,90,0.4)}.at-home .at-stat{text-align:center}.at-home .at-stat-num{display:block;font:600 clamp(34px,4.5vw,46px)/1.1 var(--at-display);color:var(--at-pine);font-variant-numeric:tabular-nums}.at-home .at-stat-label{display:block;margin-top:6px;font:700 11.5px/1.4 var(--at-text);letter-spacing:.14em;text-transform:uppercase;color:var(--at-gold-deep)}/* ================= BREW STEPS ================= */.at-home .at-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;max-width:980px;margin:0 auto}.at-home .at-step{padding:10px}.at-home .at-step-num{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:linear-gradient(135deg,var(--at-gold),var(--at-gold-2));color:#231A0B;font:600 24px/1 var(--at-display);box-shadow:0 10px 24px rgba(197,160,90,0.4);transition:transform 0.35s var(--at-ease)}.at-home .at-step:hover .at-step-num{transform:translateY(-4px) rotate(-6deg)}.at-home .at-step h3{font-weight:600;font-size:22px;margin:0 0 8px}.at-home .at-step p{font-size:15px;line-height:1.65;color:#4F5F54;max-width:280px;margin:0 auto}/* ================= PRODUCT CARDS ================= */.at-home .at-product{padding:16px 18px 24px;text-align:left}.at-home .at-product-tag{position:absolute;top:10px;left:10px;z-index:1;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,0.92);color:var(--at-pine);font:800 10.5px/1 var(--at-text);letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(4px)}/* Butterfly pea tag:indigo-to-violet,like the tea itself */.at-home .at-tag-pea{background:linear-gradient(110deg,#33408F,#7A4FA0,#33408F);background-size:220% auto;color:#ffffff;animation:at-shimmer 6s linear infinite}.at-home .at-product-cat{font:800 11px/1 var(--at-text);letter-spacing:.14em;text-transform:uppercase;color:var(--at-gold-deep);margin:16px 0 4px}.at-home .at-product h3{font-size:20px;margin:0 0 6px}.at-home .at-product-price{font-family:var(--at-display);font-weight:600;font-size:17px;color:var(--at-pine);margin:0}/* ================= FAQ ================= */.at-home .at-faq{max-width:760px;margin:0 auto;text-align:left}.at-home .at-faq-item{background:#ffffff;border:1px solid var(--at-line);border-radius:16px;margin-bottom:12px;overflow:hidden;transition:border-color 0.3s,box-shadow 0.3s}.at-home .at-faq-item[open]{border-color:rgba(197,160,90,0.6);box-shadow:0 12px 30px rgba(11,29,18,0.07)}.at-home .at-faq-item summary{padding:18px 54px 18px 22px;cursor:pointer;font:700 16.5px/1.45 var(--at-text);color:#18271D;list-style:none;position:relative}.at-home .at-faq-item summary::-webkit-details-marker{display:none}.at-home .at-faq-item summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font:400 24px/1 var(--at-display);color:var(--at-gold);transition:transform 0.3s var(--at-ease)}.at-home .at-faq-item[open] summary::after{transform:translateY(-50%) rotate(45deg)}.at-home .at-faq-a{padding:0 22px 20px}.at-home .at-faq-item[open] .at-faq-a{animation:at-faq-open 0.4s var(--at-ease)}@keyframes at-faq-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.at-home .at-faq-a p{margin:0;color:#3A4A3F;font-size:15.5px;line-height:1.75}/* ================= FINAL CTA (photographic band) ================= */.at-home .at-cta{position:relative;overflow:hidden;border-radius:32px;margin:24px clamp(12px,3vw,40px);padding:clamp(80px,11vw,130px) 24px;text-align:center}.at-home .at-cta::before{content:"";position:absolute;inset:0;background:url("https://www.artisanthai.com/wp-content/uploads/2026/06/thai-botanical-infusion-15-herbal-blend-tea-bags.jpg") center / cover no-repeat;transform:scale(1.04);animation:at-slow-zoom 20s ease-in-out infinite alternate}@keyframes at-slow-zoom{from{transform:scale(1.04)}to{transform:scale(1.14)}}.at-home .at-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(165deg,rgba(6,22,13,0.92) 0,rgba(15,61,38,0.78) 55%,rgba(10,40,24,0.88) 100%)}.at-home .at-cta-inner{position:relative;z-index:1}.at-home .at-cta h2{font-weight:500;font-size:clamp(30px,4.4vw,46px);color:var(--at-cream);margin:0 0 14px}.at-home .at-cta p{color:rgba(243,235,220,0.85);font-size:17px;margin:0 auto 30px;max-width:520px}/* Glassmorphism card container for the CTA */.at-home .at-cta-glass-card{background:rgba(11,29,18,0.52) !important;backdrop-filter:blur(16px) saturate(130%) !important;-webkit-backdrop-filter:blur(16px) saturate(130%) !important;border:1.5px solid rgba(197,160,90,0.25) !important;border-radius:28px !important;padding:56px clamp(20px,6vw,72px) !important;max-width:720px !important;margin:0 auto !important;box-shadow:0 30px 60px rgba(11,29,18,0.4),inset 0 1px 0 rgba(255,255,255,0.1) !important;position:relative;overflow:hidden}/* Add an ambient gold glow behind the content */.at-home .at-cta-glass-card::before{content:"" !important;position:absolute !important;top:-50% !important;left:-50% !important;width:200% !important;height:200% !important;background:radial-gradient(circle at center,rgba(197,160,90,0.08) 0,transparent 60%) !important;pointer-events:none !important;z-index:0 !important}/* CTA Ornament style */.at-home .at-cta-ornament{display:inline-flex !important;align-items:center !important;justify-content:center !important;color:var(--at-gold-2) !important;margin-bottom:20px !important;position:relative;z-index:1}.at-home .at-cta-ornament .at-ico{width:32px !important;height:32px !important;stroke-width:1.2 !important;animation:at-spin-slow 25s linear infinite !important}@keyframes at-spin-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}/* Eyebrow styled specifically for dark background */.at-home .at-cta-eyebrow{font:800 11px/1 var(--at-text) !important;letter-spacing:.26em !important;text-transform:uppercase !important;color:var(--at-gold-2) !important;margin-bottom:16px !important;text-shadow:0 2px 4px rgba(0,0,0,0.2) !important;position:relative;z-index:1}/* Ensure Heading and text sit on top of the glow */.at-home .at-cta h2,.at-home .at-cta p,.at-home .at-cta-benefits{position:relative !important;z-index:1 !important}/* Flex wrapper for benefits tags */.at-home .at-cta-benefits{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:12px 18px !important;margin:0 auto 36px !important;max-width:580px !important}/* Individual premium styled tags */.at-home .at-benefit-tag{display:inline-flex !important;align-items:center !important;gap:8px !important;font:700 12px/1 var(--at-text) !important;color:var(--at-cream) !important;background:rgba(255,255,255,0.08) !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:999px !important;padding:8px 16px !important;transition:all 0.3s ease !important}.at-home .at-benefit-tag .at-ico{width:15px !important;height:15px !important;color:var(--at-gold-2) !important}.at-home .at-benefit-tag:hover{background:rgba(197,160,90,0.12) !important;border-color:rgba(197,160,90,0.35) !important;transform:translateY(-2px) !important}/* ================= DISCLAIMER ================= */.at-home .at-disclaimer{padding:32px 24px 76px;max-width:860px;margin:0 auto;text-align:center}.at-home .at-disclaimer p{font-size:12.5px;line-height:1.7;color:#6E7D72;margin:0 0 18px}.at-home .at-policy-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px}.at-home .at-policy-links a{font:700 12.5px/1 var(--at-text);color:var(--at-muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:transparent;transition:color 0.25s,text-decoration-color 0.25s}.at-home .at-policy-links a:hover{color:var(--at-pine);text-decoration-color:var(--at-gold)}/* ============================================================ OPTIONAL:WooCommerce [products] shortcode widget styling. Give the Shortcode widget the CSS class "at-woo" (Elementor >widget >Advanced >CSS Classes). ============================================================ */.at-woo ul.products{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;max-width:1120px;margin:0 auto !important;padding:0;list-style:none}.at-woo ul.products li.product{position:relative;float:none !important;width:auto !important;margin:0 !important;padding:16px 18px 22px;background:#ffffff;border:1px solid rgba(15,61,38,0.10);border-radius:22px;box-shadow:0 10px 30px rgba(11,29,18,0.05);text-align:left;transition:transform 0.35s cubic-bezier(0.2,0.6,0.2,1),box-shadow 0.35s,border-color 0.35s}.at-woo ul.products li.product:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(11,29,18,0.10);border-color:rgba(197,160,90,0.55)}.at-woo ul.products li.product img{width:100%;height:auto;border-radius:16px;margin-bottom:12px}.at-woo .woocommerce-loop-product__title{font-family:"Fraunces",Georgia,serif !important;font-size:19px !important;font-weight:600;color:#0B1D12 !important;padding:0 0 6px !important}.at-woo ul.products li.product .price{font-family:"Fraunces",Georgia,serif;font-weight:600;color:#0F3D26 !important;font-size:16px}.at-woo ul.products li.product .price del{color:#8A968D}.at-woo ul.products li.product .price ins{color:#A23B2E;text-decoration:none}.at-woo ul.products li.product .star-rating span::before{color:#C5A05A}/* Add to cart = the gold buy color,everywhere */.at-woo ul.products li.product .button{display:inline-block;margin-top:14px;padding:12px 22px;border-radius:999px;background:linear-gradient(135deg,#C5A05A,#E3C88E);color:#231A0B !important;font:700 13.5px/1 "Karla",sans-serif;transition:transform 0.25s,box-shadow 0.25s}.at-woo ul.products li.product .button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(197,160,90,0.4)}/* Sale = lacquer red,reserved for urgency only */.at-woo ul.products li.product .onsale{position:absolute;top:26px;left:28px;z-index:2;min-height:0;line-height:1;padding:7px 13px;border-radius:999px;background:#A23B2E;color:#ffffff;font:800 11px/1 "Karla",sans-serif;letter-spacing:.06em;text-transform:uppercase}/* ============================================================ SITE-WIDE WOOCOMMERCE SKIN (ACTIVE) Gold buy buttons,pine prices,lacquer sale badges,gold stars across shop,product,cart and checkout. ============================================================ */.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce .single_add_to_cart_button,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce #payment #place_order{background:linear-gradient(135deg,#C5A05A,#E3C88E) !important;color:#231A0B !important;border:0 !important;border-radius:999px !important;font-weight:700 !important}.woocommerce a.button:hover,.woocommerce .single_add_to_cart_button:hover,.woocommerce #payment #place_order:hover{background:linear-gradient(135deg,#B68F47,#D8BA7C) !important;color:#231A0B !important}.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce ul.products li.product .price{color:#0F3D26 !important}.woocommerce span.onsale{background:#A23B2E !important;color:#fff !important}.woocommerce .star-rating span::before,.woocommerce p.stars a{color:#C5A05A !important}.woocommerce-message{border-top-color:#1E5C3A !important}.woocommerce-error{border-top-color:#A23B2E !important}.woocommerce-info{border-top-color:#C5A05A !important}/* ================= RESPONSIVE ================= */@media (max-width:760px){.at-home .at-hero-buttons{flex-direction:column}.at-home .at-hero-buttons .at-btn{width:100%;max-width:340px}.at-home .at-feature{grid-template-columns:1fr;gap:28px}.at-home .at-sand-band,.at-home .at-news,.at-home .at-dark,.at-home .at-cta{margin:16px 10px}.at-home .at-trust{gap:8px}.at-home .at-trust div{padding:9px 13px;font-size:11.5px}.at-home .at-steps{grid-template-columns:1fr;gap:24px}.at-home .at-section-sub{margin-bottom:32px}.at-home .at-stats{gap:24px 36px;margin-top:40px;padding-top:28px}}/* ================= REDUCED MOTION ================= */@media (prefers-reduced-motion:reduce){.at-home .at-hero-glow,.at-home .at-accent,.at-home .at-leaf-deco,.at-home .at-hero-photo,.at-home .at-steam i,.at-home .at-btn-gold::after,.at-home .at-tag-pea,.at-home .at-cta::before{animation:none}.at-home .at-steam{display:none}.at-home .at-bot-medal::before{animation:none}.at-home .at-bot-medal{transition:none}.at-home .at-bot-card:hover .at-bot-medal{transform:none}.at-home .at-ribbon{overflow-x:auto}.at-home .at-ribbon-track{animation:none}.at-home .at-faq-item[open] .at-faq-a{animation:none}.at-home .at-btn,.at-home .at-card,.at-home .at-card-arrow,.at-home .at-imgwrap img,.at-home .at-step-num,.at-home .at-feature-media,.at-woo ul.products li.product{transition:none}.at-home .at-btn:hover,.at-home a.at-card:hover,.at-home a.at-card:hover .at-imgwrap img,.at-home .at-step:hover .at-step-num,.at-woo ul.products li.product:hover{transform:none}}/* ================= FOOTER ================= */.at-home .at-footer{position:relative;margin-top:clamp(24px,5vw,56px);padding:clamp(56px,8vw,88px) 0 0;background:radial-gradient(900px 360px at 85% 0,rgba(197,160,90,0.08),transparent 60%),linear-gradient(180deg,var(--at-champagne) 0,var(--at-ivory) 72%);border-top:1px solid rgba(197,160,90,0.45)}/* Gold hairline sitting on the top border,echoing the section underlines used elsewhere on the page */.at-home .at-footer::before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:min(180px,42%);height:2px;background:linear-gradient(90deg,transparent,var(--at-gold),transparent)}.at-home .at-footer-top{display:grid;grid-template-columns:1.3fr 2fr;gap:clamp(36px,6vw,76px);max-width:1120px;margin:0 auto;padding:0 24px;text-align:left}/* Brand block */.at-home .at-footer-mark{display:inline-flex;align-items:center;gap:11px;font-family:var(--at-display);font-weight:600;font-size:27px;letter-spacing:-0.01em;color:var(--at-pine)}.at-home .at-footer-mark .at-ico{width:26px;height:26px;color:var(--at-gold-deep)}.at-home .at-footer-tagline{margin:16px 0 20px;max-width:370px;font-size:15px;line-height:1.7;color:var(--at-body)}.at-home .at-footer-mail{display:inline-flex;align-items:center;gap:9px;font:700 14.5px/1 var(--at-text);color:var(--at-jade);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(197,160,90,0.5);transition:color 0.25s,text-decoration-color 0.25s}.at-home .at-footer-mail .at-ico{width:18px;height:18px;color:var(--at-jade)}.at-home .at-footer-mail:hover{color:var(--at-pine);text-decoration-color:var(--at-gold)}/* Link columns */.at-home .at-footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px}.at-home .at-footer-col h3{font:800 11.5px/1 var(--at-text);letter-spacing:.16em;text-transform:uppercase;color:var(--at-gold-deep);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--at-line)}.at-home .at-footer-col ul{list-style:none;margin:0;padding:0}.at-home .at-footer-col li{margin:0 0 11px}.at-home .at-footer-col li:last-child{margin-bottom:0}.at-home .at-footer-col a{position:relative;display:inline-block;font:600 15px/1.45 var(--at-text);color:var(--at-body);text-decoration:none;transition:color 0.25s var(--at-ease),padding-left 0.25s var(--at-ease)}/* Gold tick that slides in on hover (mirrors the card arrows) */.at-home .at-footer-col a::before{content:"";position:absolute;top:50%;left:0;width:0;height:1.5px;background:var(--at-gold);transform:translateY(-50%);transition:width 0.25s var(--at-ease)}.at-home .at-footer-col a:hover{color:var(--at-pine);padding-left:16px}.at-home .at-footer-col a:hover::before{width:11px}/* Disclaimer */.at-home .at-footer-disclaimer{max-width:1120px;margin:clamp(44px,6vw,60px) auto 0;padding:26px 24px 0;border-top:1px solid var(--at-line);text-align:left}.at-home .at-footer-disclaimer p{margin:0;font-size:12.5px;line-height:1.75;color:var(--at-muted)}/* Bottom bar (full width) */.at-home .at-footer-bar{margin-top:clamp(34px,5vw,50px);padding:20px 0;background:rgba(15,61,38,0.05);border-top:1px solid var(--at-line)}.at-home .at-footer-bar-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 22px;max-width:1120px;margin:0 auto;padding:0 24px}.at-home .at-footer-copy{margin:0;font:600 12.5px/1.5 var(--at-text);color:var(--at-muted)}.at-home .at-footer-top-link{font:700 12.5px/1 var(--at-text);letter-spacing:.04em;text-transform:uppercase;color:var(--at-pine);text-decoration:none;white-space:nowrap;transition:color 0.25s}.at-home .at-footer-top-link span{color:var(--at-gold-deep)}.at-home .at-footer-top-link:hover{color:var(--at-gold-deep)}/* Footer responsive */@media (max-width:860px){.at-home .at-footer-top{grid-template-columns:1fr !important;gap:40px !important;text-align:center !important;padding:0 20px !important}.at-home .at-footer-brand{display:flex !important;flex-direction:column !important;align-items:center !important;margin-bottom:10px !important}.at-home .at-footer-tagline{margin:12px auto 16px !important;max-width:420px !important}.at-home .at-footer-nav{grid-template-columns:repeat(3,1fr) !important;gap:24px !important;text-align:left !important}}@media (max-width:600px){.at-home .at-footer-nav{grid-template-columns:1fr !important;/* Stack columns on mobile */gap:32px !important;text-align:center !important}.at-home .at-footer-col h3{display:inline-block !important;border-bottom:2px solid var(--at-gold) !important;padding-bottom:4px !important;margin-bottom:12px !important;width:auto !important}.at-home .at-footer-col li{margin:0 0 10px !important}.at-home .at-footer-col a::before{display:none !important;/* Hide hover tick on mobile to avoid layout shifts */}.at-home .at-footer-col a:hover{padding-left:0 !important;color:var(--at-gold-deep) !important}}@media (max-width:560px){.at-home .at-footer-bar-inner{flex-direction:column !important;justify-content:center !important;text-align:center !important;gap:12px !important}}/* Footer reduced motion */@media (prefers-reduced-motion:reduce){.at-home .at-footer-col a,.at-home .at-footer-mail,.at-home .at-footer-top-link{transition:none !important}.at-home .at-footer-col a:hover{padding-left:0 !important}.at-home .at-footer-col a:hover::before{width:0 !important}}/* ============================================================ 4. PRODUCT PAGE STYLES (product-page.css) Buy box,tabs,description (.at-pd),short description (.at-ps),related products,price-duplication bug fix. ============================================================ *//* ---- BUG FIX:visible "Price range:... through ..." text. WooCommerce prints that line for screen readers;the theme is missing the standard rule that hides it visually. This fixes the duplicated price on product and shop pages. */.screen-reader-text{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}/* ================= BUY BOX ================= */.single-product div.product p.price{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:26px;color:#0F3D26 !important;margin:24px 0 14px !important;/* Increased top margin for elegant spacing from short description points */}.single-product div.product .woocommerce-product-rating .star-rating span::before,.single-product div.product .star-rating span::before{color:#C5A05A}.single-product div.product .woocommerce-review-link{color:#1E5C3A;font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(197,160,90,0.55)}/* Pack-size selector:bigger target,on-brand frame */.single-product form.cart .variations select{width:100%;max-width:360px;padding:13px 42px 13px 16px;font:600 15px/1.3 "Karla",sans-serif;color:#0B1D12;background-color:#ffffff;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23826633' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;border:1.5px solid rgba(15,61,38,0.3);border-radius:12px;-webkit-appearance:none;appearance:none}.single-product form.cart .variations select:focus{outline:3px solid rgba(197,160,90,0.9);outline-offset:2px;border-color:#0F3D26}.single-product form.cart .variations label{font:800 12px/1 "Karla",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#826633}.single-product form.cart .quantity .qty{padding:12px 10px;border:1.5px solid rgba(15,61,38,0.3);border-radius:12px;font:600 15px "Karla",sans-serif;color:#0B1D12}/* Selected-variation price inside the form */.single-product form.cart .woocommerce-variation-price .price{font-size:24px}/* Pulsing CTA effect for Add to Cart button when a variation is selected */.single-product form.cart .single_variation_wrap .single_add_to_cart_button{transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94) !important;animation:ctaPopIn 0.4s cubic-bezier(0.175,0.885,0.32,1.275) forwards,ctaPulse 1.8s infinite ease-in-out 0.4s !important}.single-product form.cart .single_variation_wrap .single_add_to_cart_button:hover{animation:none !important;transform:scale(1.05) translateY(-2px) !important;box-shadow:0 12px 24px rgba(197,160,90,0.55) !important}@keyframes ctaPopIn{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ctaPulse{0%,100%{transform:scale(1);box-shadow:0 8px 18px rgba(197,160,90,0.35)}50%{transform:scale(1.03);box-shadow:0 12px 26px rgba(197,160,90,0.55),0 0 8px rgba(197,160,90,0.3)}}/* Gallery:porcelain frame consistent with the homepage */.single-product div.product .woocommerce-product-gallery{border:1px solid rgba(197,160,90,0.35);border-radius:24px;padding:12px;background:#ffffff;box-shadow:0 24px 50px rgba(11,29,18,0.10)}.single-product div.product .woocommerce-product-gallery img{border-radius:16px}/* ================= SHORT DESCRIPTION (.at-ps) ================= */.at-ps .at-ps-lead{font:400 16.5px/1.7 "Karla",sans-serif;color:#324136;margin:0 0 14px}.at-ps .at-ps-points{list-style:none;margin:0 0 6px;padding:0}.at-ps .at-ps-points li{position:relative;padding:4px 0 4px 28px;font:600 14.5px/1.5 "Karla",sans-serif;color:#2C4A36}.at-ps .at-ps-points li::before{content:"\2713";position:absolute;left:0;top:4px;width:19px;height:19px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#231A0B;background:linear-gradient(135deg,#C5A05A,#E3C88E)}/* ================= TABS ================= */.woocommerce div.product .woocommerce-tabs ul.tabs{padding-left:0}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:0;border-radius:0;margin:0 22px 0 0}.woocommerce div.product .woocommerce-tabs ul.tabs li a{font:700 15px/1 "Karla",sans-serif;color:#5E6B60;padding:12px 2px}.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#0B1D12;box-shadow:inset 0 -2px 0 #C5A05A}/* ================= LONG DESCRIPTION (.at-pd) ================= */.at-pd{max-width:860px;font-family:"Karla",sans-serif;color:#324136}.at-pd .at-pd-lead{font-size:17.5px;line-height:1.85;color:#324136}.at-pd h2{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:27px;color:#0B1D12;margin:38px 0 6px}.at-pd h2::after{content:"";display:block;width:44px;height:2px;margin-top:10px;background:linear-gradient(90deg,#C5A05A,#E3C88E)}.at-pd p{font-size:15.5px;line-height:1.8;margin:12px 0}.at-pd a{color:#1E5C3A;font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(197,160,90,0.55)}.at-pd a:hover{color:#0F3D26}/* Brew steps */.at-pd .at-pd-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:20px 0 8px}.at-pd .at-pd-step{background:#ffffff;border:1px solid rgba(15,61,38,0.12);border-radius:18px;padding:20px 18px;text-align:center}.at-pd .at-pd-stepnum{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#C5A05A,#E3C88E);color:#231A0B;font:600 19px/1 "Fraunces",Georgia,serif;margin-bottom:10px}.at-pd .at-pd-step h3{font:600 18px/1.2 "Fraunces",Georgia,serif;color:#0B1D12;margin:0 0 6px}.at-pd .at-pd-step p{font-size:14px;margin:0;color:#4F5F54}/* Ingredient table */.at-pd .at-pd-table{width:100%;border-collapse:separate;border-spacing:0;margin:18px 0 8px;border:1px solid rgba(15,61,38,0.14);border-radius:16px;overflow:hidden;font-size:14.5px}.at-pd .at-pd-table th{background:linear-gradient(135deg,#0F3D26,#17593B);color:#F7F1E3;font:800 12px/1.3 "Karla",sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:12px 16px;border:0}.at-pd .at-pd-table td{padding:11px 16px;border:0;border-top:1px solid rgba(15,61,38,0.10);color:#324136;line-height:1.55}.at-pd .at-pd-table td:first-child{font-weight:700;color:#0B1D12;white-space:nowrap}.at-pd .at-pd-table tbody tr:nth-child(even) td{background:#FAF6EC}/* FAQ accordion */.at-pd .at-pd-faq details{background:#ffffff;border:1px solid rgba(15,61,38,0.13);border-radius:14px;margin:0 0 10px;overflow:hidden}.at-pd .at-pd-faq details[open]{border-color:rgba(197,160,90,0.6);box-shadow:0 10px 26px rgba(11,29,18,0.07)}.at-pd .at-pd-faq summary{padding:15px 48px 15px 18px;cursor:pointer;list-style:none;font:700 15.5px/1.45 "Karla",sans-serif;color:#18271D;position:relative}.at-pd .at-pd-faq summary::-webkit-details-marker{display:none}.at-pd .at-pd-faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font:400 22px/1 "Fraunces",Georgia,serif;color:#C5A05A;transition:transform 0.3s}.at-pd .at-pd-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}.at-pd .at-pd-faq details >div{padding:0 18px 14px}.at-pd .at-pd-faq details >div p{margin:0;font-size:14.5px}/* Compliance notice box */.at-pd .at-pd-notice{margin-top:30px;background:linear-gradient(135deg,#F3EBDC,#FAF6EC);border:1px solid rgba(197,160,90,0.4);border-radius:16px;padding:16px 20px}.at-pd .at-pd-notice p{margin:0;font-size:13px;line-height:1.7;color:#5E6B60}/* ================= RELATED / UPSELL PRODUCTS ================= */.single-product .related ul.products,.single-product .upsells ul.products{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}.single-product .related ul.products li.product,.single-product .upsells ul.products li.product{float:none !important;width:auto !important;margin:0 !important;padding:14px 16px 20px;background:#ffffff;border:1px solid rgba(15,61,38,0.10);border-radius:20px;box-shadow:0 10px 30px rgba(11,29,18,0.05);transition:transform 0.35s cubic-bezier(0.2,0.6,0.2,1),box-shadow 0.35s,border-color 0.35s}.single-product .related ul.products li.product:hover,.single-product .upsells ul.products li.product:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(11,29,18,0.10);border-color:rgba(197,160,90,0.55)}.single-product .related ul.products li.product img,.single-product .upsells ul.products li.product img{border-radius:14px}.single-product .related h2,.single-product .upsells h2{font-family:"Fraunces",Georgia,serif;font-weight:500;color:#0B1D12}/* ================= MOBILE ================= */@media (max-width:760px){.single-product form.cart .variations select{max-width:100%}.single-product form.cart .single_add_to_cart_button{width:100%;padding:16px;font-size:16px !important}.at-pd .at-pd-table td:first-child{white-space:normal}}/* ================= REDUCED MOTION ================= */@media (prefers-reduced-motion:reduce){.single-product .related ul.products li.product,.single-product .upsells ul.products li.product{transition:none}.single-product .related ul.products li.product:hover,.single-product .upsells ul.products li.product:hover{transform:none}.at-pd .at-pd-faq summary::after{transition:none}.single-product form.cart .single_variation_wrap .single_add_to_cart_button{animation:none !important;opacity:1 !important;transform:none !important}}/* ============================================================ 5. OCEANWP HEADER / MENUS / FOOTER Top bar,main navigation,gold Best Seller pill (requires the "menu-cta" CSS class on that menu item),cart count,sticky header fallback,mobile menu,and footer widgets. The sticky header relies on the overflow-x:clip rule in section 2. If the OceanWP Sticky Header extension is active,delete the STICKY HEADER (fallback) block below. If a selector doesn't take effect,right-click the element,choose Inspect,and swap in the exact class you see. ============================================================ *//* ================= TOP BAR ================= */#top-bar-wrap{background:#0F3D26;border-bottom:1px solid rgba(227,200,142,0.25)}#top-bar{padding:12px 40px !important;/* Symmetrical desktop padding */}@media (max-width:1024px){#top-bar{padding:10px 20px !important;/* Balanced mobile/tablet padding,no huge top space,clean side margins */}}/* Unified typography for all top bar text,links,and menus */#top-bar-wrap #top-bar-content,#top-bar-wrap #top-bar-content a,#top-bar-wrap #top-bar-nav .menu-link,#top-bar-wrap .topbar-content,#top-bar-wrap .topbar-content a{color:#F7F1E3;font-family:"Karla",sans-serif !important;font-size:13px !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;line-height:1.6 !important}#top-bar-wrap #top-bar-content a:hover,#top-bar-wrap #top-bar-nav .menu-link:hover,#top-bar-wrap .topbar-content a:hover{color:#E3C88E !important}/* Reorganize top bar layout to space-between with centered announcement and right-aligned menu */#top-bar-content{display:flex !important;justify-content:space-between !important;align-items:center !important;width:100% !important;float:none !important}#top-bar-content::before{content:"" !important;display:block !important;width:280px !important;/* Matches approximate width of right menu to keep announcement centered */order:0 !important}.topbar-content{order:1 !important;text-align:center !important;flex-grow:1 !important}#top-bar-nav{order:2 !important;width:280px !important;display:flex !important;justify-content:flex-end !important}.top-bar-menu{display:inline-flex !important;margin:0 !important;padding:0 !important;list-style:none !important}.top-bar-menu li{margin:0 0 0 24px !important;float:none !important;display:inline-block !important}.top-bar-menu li:first-child{margin-left:0 !important}/* Responsive adjustments for tablet/mobile */@media (max-width:900px){#top-bar-content{flex-direction:column !important;justify-content:center !important;gap:12px !important}#top-bar-content::before{display:none !important}.topbar-content{order:1 !important;width:auto !important}#top-bar-nav{order:2 !important;width:auto !important;justify-content:center !important}.top-bar-menu{justify-content:center !important}}/* ================= MAIN NAVIGATION ================= *//* Disable default OceanWP effect-five green underlines (span:before/after on menu links) */.effect-five #site-navigation-wrap .dropdown-menu >li >a.menu-link >span::before,.effect-five #site-navigation-wrap .dropdown-menu >li >a.menu-link >span::after,#site-navigation-wrap .dropdown-menu >li >a.menu-link >span::before,#site-navigation-wrap .dropdown-menu >li >a.menu-link >span::after{display:none !important;content:none !important}/* Align menu links in a spacious,centered flex row on desktop */@media (min-width:1025px){#site-header{padding-top:0 !important;padding-bottom:0 !important}#site-header-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;height:80px !important;/* Force theme-defined header height */padding-top:0 !important;padding-bottom:0 !important}#site-logo,#site-logo #site-logo-inner,#site-logo #site-logo-inner a.custom-logo-link{float:none !important;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;height:100% !important}#site-logo #site-logo-inner a.custom-logo-link img{display:block !important;margin:0 !important;padding:0 !important;max-height:50px !important;height:auto !important;width:auto !important}#site-navigation-wrap{float:none !important;margin:0 !important;display:flex !important;align-items:center !important;height:100% !important;flex-grow:1 !important}#site-navigation{display:flex !important;align-items:center !important;height:100% !important;width:100% !important}#site-navigation-wrap .dropdown-menu{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:28px !important;/* Spacious premium breathing room */height:100% !important;width:100% !important;position:relative !important;/* Necessary for absolute positioning of icons */margin:0 !important;padding:0 !important;/* Give padding on the right to prevent overlap with absolute icons */}#site-navigation-wrap .dropdown-menu >li{display:inline-flex !important;align-items:center !important;justify-content:center !important;float:none !important;height:100% !important;margin:0 !important}/* Absolute position cart and search on the right edge */#site-navigation-wrap .dropdown-menu >li.woo-menu-icon{position:relative !important;right:auto !important;top:auto !important;transform:none !important;height:48px !important;display:flex !important;align-items:center !important;margin:0 !important;z-index:10 !important}#site-navigation-wrap .dropdown-menu >li.search-toggle-li{position:relative !important;right:auto !important;top:auto !important;transform:none !important;height:48px !important;display:flex !important;align-items:center !important;margin:0 !important;z-index:10 !important}#site-navigation-wrap .dropdown-menu >li >a,.main-navigation >ul >li >a{font:700 16px/1 "Karla",sans-serif !important;/* Increased to 16px to be bigger & more impactful */letter-spacing:.14em !important;text-transform:uppercase !important;color:#0F3D26 !important;/* Brand dark green */padding:0 22px !important;/* Reset vertical padding,center height via flex */display:inline-flex !important;align-items:center !important;justify-content:center !important;height:48px !important;/* Equal height for precise centering */box-sizing:border-box !important;transition:all 0.3s cubic-bezier(0.2,0.6,0.2,1) !important;position:relative !important}#site-navigation-wrap .dropdown-menu >li >a:hover,.main-navigation >ul >li >a:hover{color:#C5A05A !important;transform:translateY(-2px) !important}/* Luxury gold underline sliding from center on hover - excluded for Signature Blend */#site-navigation-wrap .dropdown-menu >li:not(.menu-cta):not(.menu-item-29625) >a::after{content:"" !important;position:absolute !important;left:50% !important;bottom:0 !important;/* Positioned nicely at the bottom of the 48px container */width:0 !important;height:2px !important;background:linear-gradient(90deg,#C5A05A,#E3C88E) !important;transition:width 0.35s cubic-bezier(0.25,0.46,0.45,0.94),left 0.35s cubic-bezier(0.25,0.46,0.45,0.94) !important;transform:translateX(-50%) !important}#site-navigation-wrap .dropdown-menu >li:not(.menu-cta):not(.menu-item-29625) >a:hover::after,#site-navigation-wrap .dropdown-menu >li.current-menu-item:not(.menu-cta):not(.menu-item-29625) >a::after{width:70% !important}/* Premium drop-down panel */#site-navigation-wrap .dropdown-menu ul,.main-navigation ul ul{background:#FAF7F0 !important;border:1.5px solid rgba(197,160,90,0.35) !important;border-radius:14px !important;box-shadow:0 12px 36px rgba(11,29,18,0.16) !important;padding:10px 0 !important;overflow:hidden !important}#site-navigation-wrap .dropdown-menu ul li a,.main-navigation ul ul a{font:600 13.5px/1.4 "Karla",sans-serif !important;color:#0F3D26 !important;text-transform:none !important;letter-spacing:.02em !important;padding:10px 20px !important;display:block !important;transition:all 0.25s ease !important}#site-navigation-wrap .dropdown-menu ul li a:hover{color:#102B1E !important;background:linear-gradient(135deg,#C5A05A,#E3C88E) !important;padding-left:24px !important;/* Elegant inset slide */}/* ---- SIGNATURE BLEND:solid gold luxury button ---- */#site-navigation-wrap .dropdown-menu >li.menu-cta >a,.main-navigation >ul >li.menu-cta >a,#site-navigation-wrap .dropdown-menu >li.menu-item-29625 >a,.main-navigation >ul >li.menu-item-29625 >a{background:linear-gradient(135deg,#C5A05A,#E3C88E) !important;color:#0F3D26 !important;border-radius:30px !important;padding:0 26px !important;/* Reset vertical padding,centered via height & flex */display:inline-flex !important;align-items:center !important;justify-content:center !important;height:48px !important;/* Equal height for precise layout line alignment */font-size:15px !important;font-weight:800 !important;line-height:1 !important;margin:0 4px !important;box-shadow:0 8px 22px rgba(197,160,90,0.35) !important;border:1px solid rgba(197,160,90,0.45) !important;box-sizing:border-box !important;transition:all 0.3s cubic-bezier(0.2,0.6,0.2,1) !important}#site-navigation-wrap .dropdown-menu >li.menu-cta >a:hover,.main-navigation >ul >li.menu-cta >a:hover,#site-navigation-wrap .dropdown-menu >li.menu-item-29625 >a:hover,.main-navigation >ul >li.menu-item-29625 >a:hover{transform:translateY(-2.5px) !important;box-shadow:0 12px 28px rgba(197,160,90,0.5) !important;color:#102B1E !important}#site-navigation-wrap .dropdown-menu >li.menu-cta >a::after,#site-navigation-wrap .dropdown-menu >li.menu-item-29625 >a::after{display:none !important;content:none !important}/* ================= CART MENU ICON REDESIGN ================= *//* Reset the default wrapper box to be completely transparent and borderless */.wcmenucart-count,.woo-menu-icon .wcmenucart-count{background:transparent !important;border:none !important;padding:0 !important;margin:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;height:auto !important;width:auto !important;border-radius:0 !important;box-shadow:none !important;position:relative !important}/* Style the SVG/font cart icon */.woo-menu-icon .wcmenucart i{font-size:30px !important;/* Enlarged to 30px for premium,clear visibility */color:#0F3D26 !important;/* Brand dark green */transition:color 0.3s ease,transform 0.3s ease !important;display:inline-block !important;vertical-align:middle !important}.woo-menu-icon .wcmenucart{display:inline-flex !important;align-items:center !important;justify-content:center !important;height:48px !important;/* Match navigation height */padding:0 16px !important;/* Symmetrical padding */box-sizing:border-box !important;position:relative !important}.woo-menu-icon .wcmenucart:hover i{color:#C5A05A !important;transform:scale(1.08) !important}/* Style the count badge as a small gold floating circle in the top right corner */.woo-menu-icon .wcmenucart-details.count,.woo-menu-icon .wcmenucart-count .count{position:absolute !important;top:-8px !important;right:-10px !important;margin:0 !important;background:linear-gradient(135deg,#C5A05A,#E3C88E) !important;/* Gold gradient */color:#0F3D26 !important;/* Brand green text */font-family:"Karla",sans-serif !important;font-size:10px !important;font-weight:800 !important;min-width:18px !important;height:18px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important;border-radius:50% !important;text-align:center !important;border:2px solid #faf7f0 !important;/* Header background border */box-shadow:0 2px 5px rgba(15,61,38,0.25) !important;transition:all 0.3s ease !important}.woo-menu-icon .wcmenucart:hover .wcmenucart-details.count{background:#0F3D26 !important;color:#faf7f0 !important;border-color:#C5A05A !important;transform:scale(1.08) !important}/* ================= SEARCH MENU ICON ================= */#site-navigation-wrap .dropdown-menu >li.search-toggle-li >a{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:0 14px !important;/* Reset vertical padding,center using height */height:48px !important;/* Match navigation height */box-sizing:border-box !important;transition:color 0.3s ease,transform 0.3s ease !important}#site-navigation-wrap .dropdown-menu >li.search-toggle-li >a i{font-size:18px !important;/* Match search magnifier icon size */color:#0F3D26 !important;transition:color 0.3s ease !important}#site-navigation-wrap .dropdown-menu >li.search-toggle-li >a:hover i{color:#C5A05A !important}#site-navigation-wrap .dropdown-menu >li.search-toggle-li >a:hover{transform:translateY(-2px) !important}}/* ================= RESPONSIVE MOBILE BREAKPOINTS ================= *//* Force Mobile Menu Breakpoint to 1024px for tablet compatibility */@media (max-width:1024px){#site-navigation-wrap{display:none !important}.oceanwp-mobile-menu-icon{display:block !important}#site-header #site-header-inner,div#site-header-inner{display:block !important;/* Force block container to work with absolute positioning */position:relative !important;height:70px !important;/* Force modern height on mobile header */padding:0 !important}#site-header #site-header-inner div.oceanwp-mobile-menu-icon.mobile-left,#site-header-inner div.oceanwp-mobile-menu-icon.mobile-left{position:absolute !important;left:20px !important;right:auto !important;top:0 !important;bottom:0 !important;transform:none !important;float:none !important;margin:0 !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;height:100% !important}#site-header #site-header-inner div.oceanwp-mobile-menu-icon.mobile-right,#site-header-inner div.oceanwp-mobile-menu-icon.mobile-right,#site-header #site-header-inner div.oceanwp-mobile-menu-icon.woo-menu-icon,#site-header-inner div.oceanwp-mobile-menu-icon.woo-menu-icon{position:absolute !important;right:20px !important;left:auto !important;top:0 !important;bottom:0 !important;transform:none !important;float:none !important;margin:0 !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;height:100% !important}#site-header #site-header-inner div.oceanwp-mobile-menu-icon.mobile-left a,#site-header-inner div.oceanwp-mobile-menu-icon.mobile-left a,#site-header #site-header-inner div.oceanwp-mobile-menu-icon.mobile-right a,#site-header-inner div.oceanwp-mobile-menu-icon.mobile-right a,#site-header #site-header-inner div.oceanwp-mobile-menu-icon a.wcmenucart,#site-header-inner div.oceanwp-mobile-menu-icon a.wcmenucart,#site-header #site-header-inner div.oceanwp-mobile-menu-icon a.mobile-menu,#site-header-inner div.oceanwp-mobile-menu-icon a.mobile-menu{display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important;/* Reset tall theme line-height */top:0 !important;bottom:0 !important;padding:0 !important;height:100% !important;margin:0 !important;position:relative !important;float:none !important}#site-header-inner div.oceanwp-mobile-menu-icon a.wcmenucart i,.woo-menu-icon .wcmenucart i{margin:0 !important;padding:0 !important;top:0 !important;bottom:0 !important;line-height:1 !important;vertical-align:middle !important}#site-header #site-logo,#site-header-inner #site-logo,body.default-breakpoint .center-logo #site-logo{position:absolute !important;left:50% !important;top:0 !important;bottom:0 !important;transform:translateX(-50%) !important;float:none !important;margin:0 !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;height:100% !important;width:auto !important}#site-logo #site-logo-inner,#site-logo #site-logo-inner a.custom-logo-link{height:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;float:none !important;margin:0 !important;padding:0 !important}#site-logo #site-logo-inner a.custom-logo-link img{max-height:40px !important;width:auto !important;height:auto !important;display:block !important;margin:0 !important}}@media (min-width:1025px){#site-navigation-wrap{display:block !important}.oceanwp-mobile-menu-icon{display:none !important}}/* ================= MOBILE HAMBURGER TRIGGER ================= */.oceanwp-mobile-menu-icon a,.mobile-menu a{color:#0F3D26 !important;font-family:"Karla",sans-serif !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.06em !important;display:inline-flex !important;align-items:center !important;gap:8px !important;padding:8px 12px !important;transition:color 0.3s ease !important}.oceanwp-mobile-menu-icon a:hover,.mobile-menu a:hover{color:#C5A05A !important}/* Custom Hamburger Icon Color */.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{background-color:#0F3D26 !important}.mobile-menu:hover .hamburger-inner,.mobile-menu:hover .hamburger-inner::before,.mobile-menu:hover .hamburger-inner::after{background-color:#C5A05A !important}/* ================= MOBILE DROPDOWN PANEL ================= */#mobile-dropdown{background:#FAF7F0 !important;/* Premium light cream */border-top:2px solid #C5A05A !important;border-bottom:2px solid #C5A05A !important;box-shadow:0 10px 30px rgba(0,0,0,0.08) !important;padding:16px 0 !important}#mobile-dropdown ul li a,.sidr a{font:700 14.5px/1.5 "Karla",sans-serif !important;color:#0F3D26 !important;text-transform:uppercase !important;letter-spacing:.06em !important;padding:14px 24px !important;display:block !important;border-bottom:1px solid rgba(15,61,38,0.07) !important;transition:all 0.25s ease !important}#mobile-dropdown ul li a:hover{background:rgba(197,160,90,0.08) !important;color:#C5A05A !important;padding-left:28px !important}/* Active / Current Page inside Mobile Menu */#mobile-dropdown ul li.current-menu-item >a{color:#C5A05A !important;background:rgba(197,160,90,0.04) !important}/* Mobile Sub-menus styling */#mobile-dropdown ul li.menu-item-has-children .sub-menu{background:rgba(15,61,38,0.03) !important;padding:6px 0 !important}#mobile-dropdown ul li.menu-item-has-children .sub-menu li a{font-size:13.5px !important;font-weight:600 !important;text-transform:none !important;letter-spacing:.02em !important;padding:10px 24px 10px 38px !important;color:#324136 !important}#mobile-dropdown ul li.menu-item-has-children .sub-menu li a::before{content:"✦ " !important;color:#C5A05A !important;margin-right:6px !important;font-size:10px !important}/* Mobile Signature Blend (Gold Pill) item styling */#mobile-dropdown ul li.menu-item-29625 >a,#mobile-dropdown ul li.menu-cta >a{background:linear-gradient(135deg,#C5A05A,#E3C88E) !important;color:#0F3D26 !important;font-weight:800 !important;text-align:center !important;border-radius:30px !important;margin:12px 24px !important;padding:12px 20px !important;box-shadow:0 6px 16px rgba(197,160,90,0.25) !important;border-bottom:0 !important}#mobile-dropdown ul li.menu-item-29625 >a:hover,#mobile-dropdown ul li.menu-cta >a:hover{transform:translateY(-1px) !important;box-shadow:0 8px 20px rgba(197,160,90,0.35) !important;padding-left:20px !important;/* Prevent slide effect on pill */}/* Mobile Top Bar links inside dropdown */#menu-top-bar-menu-1{border-top:1px solid rgba(197,160,90,0.3) !important;margin-top:12px !important;padding-top:12px !important}#menu-top-bar-menu-1 a{font-size:13px !important;font-weight:600 !important;color:#5E6B60 !important;padding:10px 24px !important}/* Mobile Search field styling */#mobile-menu-search{padding:12px 24px 0 !important}#mobile-menu-search input[type="search"]{background:#ffffff !important;border:1.5px solid rgba(15,61,38,0.2) !important;border-radius:20px !important;color:#0F3D26 !important;font-family:"Karla",sans-serif !important;font-size:13.5px !important;padding:10px 18px !important;transition:all 0.3s ease !important}#mobile-menu-search input[type="search"]:focus{border-color:#C5A05A !important;outline:none !important;box-shadow:0 0 8px rgba(197,160,90,0.25) !important}#mobile-menu-search .searchform-submit{color:#0F3D26 !important;right:12px !important}#mobile-menu-search .searchform-submit:hover{color:#C5A05A !important}/* ================= FOOTER WIDGETS ================= */#footer-widgets{background:#0C2E1D;color:#C7D8C9}#footer-widgets .footer-box .widget-title,#footer-widgets .widget-title{font:500 19px/1.2 "Fraunces",Georgia,serif;color:#F7F1E3;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(197,160,90,0.35)}#footer-widgets a{color:#C7D8C9;font:600 13.5px/2 "Karla",sans-serif;text-decoration:none;transition:color 0.25s}#footer-widgets a:hover{color:#E3C88E}#footer-widgets ul li{border:0;padding:2px 0}/* Footer bottom:keep your white-link accessibility fix;this only refines the surrounding text */#footer-bottom,#copyright{background:#081F13;font-size:12px;line-height:1.7}/* ================= TRUST STRIP (footer icon boxes) ================= *//* After adding one line of text per item (Playbook 4.2) */.at-foot-trust h3,.elementor-widget-icon-box .elementor-icon-box-title{font:700 13px/1.3 "Karla",sans-serif;letter-spacing:.08em;text-transform:uppercase}/* ================= REDUCED MOTION ================= */@media (prefers-reduced-motion:reduce){#site-navigation-wrap .dropdown-menu >li >a::after,#site-navigation-wrap .dropdown-menu >li.menu-cta >a,#site-navigation-wrap .dropdown-menu >li.menu-item-29625 >a{transition:none !important}#site-navigation-wrap .dropdown-menu >li.menu-cta >a:hover,#site-navigation-wrap .dropdown-menu >li.menu-item-29625 >a:hover{transform:none !important}}/* ============================================================ 6. RESPONSIVE & DEVICE COMPATIBILITY Phones,small phones,tablets,touch screens,landscape,and iOS quirks,covering the homepage (.at-home),product page,header and footer. Desktop is the base design;everything here only adjusts downward. ============================================================ *//* ---- TABLET (max 1024px):breathing room ---- */@media (max-width:1024px){.at-home .at-section{padding-left:20px;padding-right:20px}}/* Best-seller spotlight stacks before tablet portrait can squeeze photo and copy side by side */@media (max-width:900px){.at-home .at-feature{grid-template-columns:1fr;gap:30px;max-width:620px}}/* ---- MOBILE (max 760px) ---- */@media (max-width:760px){/* Buttons may wrap to two lines on narrow screens */.at-home .at-btn{white-space:normal;line-height:1.3;padding:14px 24px;text-align:center}/* iOS zoom guard:form fields under 16px make Safari auto-zoom on focus,which feels broken to shoppers */.single-product form.cart .variations select,.single-product form.cart .quantity .qty,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{font-size:16px !important}/* Stack quantity above the full-width Add to cart */.single-product form.cart .quantity{display:block;margin:0 0 12px}.single-product form.cart .quantity .qty{width:110px}/* Ingredient table:tighter cells on small screens */.at-pd .at-pd-table th,.at-pd .at-pd-table td{padding:9px 12px}.at-pd h2{font-size:23px}/* Top bar centers and wraps cleanly */#top-bar-wrap{text-align:center}#top-bar-content{float:none;width:100%}}/* ---- SMALL PHONES (max 480px) ---- */@media (max-width:480px){.at-home .at-hero{padding-left:18px;padding-right:18px}.at-home .at-hero-title{font-size:36px}.at-home .at-ribbon-track span{font-size:15px;padding:0 22px 0 10px}.at-home .at-bot-medal{width:96px;height:96px}.at-home .at-bot-art{width:50px;height:50px}.at-home .at-cta{padding-left:18px;padding-right:18px}#top-bar-wrap #top-bar-content,#top-bar-wrap #top-bar-content a,#top-bar-wrap #top-bar-nav .menu-link,#top-bar-wrap .topbar-content,#top-bar-wrap .topbar-content a{font-size:10.5px !important;letter-spacing:.04em !important}.single-product div.product .woocommerce-product-gallery{padding:8px}}/* ---- VERY SMALL PHONES (max 360px) ---- */@media (max-width:360px){.at-home .at-hero-title{font-size:32px}.at-home .at-trust div{font-size:10.5px;padding:8px 11px;letter-spacing:.03em}.at-home .at-btn{padding:13px 18px;font-size:14px}}/* ---- TOUCH SCREENS:prevent hover-lift states sticking after a tap (phones and most tablets) ---- */@media (hover:none){.at-home .at-btn:hover,.at-home a.at-card:hover,.at-home .at-hero-photo:hover,.at-home .at-step:hover .at-step-num,.at-home .at-bot-card:hover .at-bot-medal,.at-home a.at-card:hover .at-imgwrap img,.at-woo ul.products li.product:hover,.single-product .related ul.products li.product:hover,.single-product .upsells ul.products li.product:hover{transform:none}}/* ---- SHORT LANDSCAPE PHONES ---- */@media (max-height:480px) and (orientation:landscape){.at-home .at-hero{padding-top:56px;padding-bottom:44px}}/* ================= LANGUAGE SWITCHER ================= *//* Move floating language switcher to bottom-left,style with Forest Green and Gold,and ensure dropdown opens upwards */.trp-language-switcher.trp-floating-switcher{top:auto !important;bottom:20px !important;right:auto !important;left:20px !important;position:fixed !important;z-index:999999 !important;flex-direction:column-reverse !important;/* Premium Design System Overrides */background:#0F3D26 !important;border:1px solid rgba(197,160,90,0.4) !important;border-radius:12px !important;box-shadow:0 12px 36px rgba(11,29,18,0.25) !important;padding:6px !important;font-family:"Karla",sans-serif !important;font-weight:700 !important;font-size:13.5px !important;letter-spacing:.04em !important;text-transform:uppercase !important;transition:all 0.3s cubic-bezier(0.2,0.6,0.2,1) !important;/* Reset TranslatePress variables */--bg:#0F3D26 !important;--bg-hover:linear-gradient(135deg,#C5A05A,#E3C88E) !important;--text:#FAF7F0 !important;--text-hover:#102B1E !important;--border:1px solid rgba(197,160,90,0.4) !important;--border-radius:12px !important}/* Float hover effect */.trp-language-switcher.trp-floating-switcher:hover{transform:translateY(-2px);box-shadow:0 16px 48px rgba(11,29,18,0.35) !important;border-color:rgba(197,160,90,0.8) !important}/* Ensure the inner list and dropdown direction are column-reverse (opening upwards) */.trp-language-switcher.trp-floating-switcher .trp-language-switcher-inner,.trp-language-switcher.trp-floating-switcher .trp-switcher-dropdown-list{flex-direction:column-reverse !important}/* Style current language item */.trp-language-switcher.trp-floating-switcher .trp-language-item{color:#FAF7F0 !important;padding:8px 14px !important;display:flex !important;align-items:center !important;gap:8px !important;border-radius:8px !important;transition:all 0.25s ease !important}/* Style list items */.trp-language-switcher.trp-floating-switcher .trp-switcher-dropdown-list a{color:#FAF7F0 !important;padding:8px 14px !important;display:flex !important;align-items:center !important;gap:8px !important;border-radius:8px !important;transition:all 0.25s ease !important;text-decoration:none !important}/* Hover effects for items */.trp-language-switcher.trp-floating-switcher .trp-language-item:hover,.trp-language-switcher.trp-floating-switcher .trp-switcher-dropdown-list a:hover{background:linear-gradient(135deg,#C5A05A,#E3C88E) !important;color:#102B1E !important}/* Style the flag images */.trp-language-switcher.trp-floating-switcher img.trp-flag-image{border-radius:4px !important;border:1px solid rgba(255,255,255,0.15) !important;width:20px !important;height:15px !important;object-fit:cover !important;padding:0 !important;margin:0 !important}/* ================= TOP BAR EFFECTS ================= *//* Continuous gentle pulse animation container for gold stars */.topbar-star-wrap{display:inline-block !important;animation:starPulse 2.5s infinite ease-in-out !important;vertical-align:middle !important}/* Individual gold star symbol styling & hover transition */.topbar-star{display:inline-block !important;color:#E3C88E !important;transition:transform 0.6s cubic-bezier(0.2,0.6,0.2,1),color 0.3s ease !important;margin:0 4px !important}/* Rotate stars on top bar hover */#top-bar-content:hover .topbar-star{transform:rotate(180deg) !important}/* Keyframe for continuous golden star pulsing scale & glow */@keyframes starPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 1px rgba(227,200,142,0.3));opacity:0.85}50%{transform:scale(1.2);filter:drop-shadow(0 0 5px rgba(227,200,142,0.8));opacity:1}}/* Base styling for announcement links - ready for micro-interactions */#top-bar-wrap .topbar-content a{display:inline-block !important;position:relative !important;text-decoration:none !important;transition:color 0.3s ease,transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94),text-shadow 0.3s ease !important;transform:translateY(0) !important}/* Hover micro-interactions:slight lift,color change,and gold glow */#top-bar-wrap .topbar-content a:hover{color:#E3C88E !important;transform:translateY(-1.5px) !important;text-shadow:0 0 8px rgba(227,200,142,0.6) !important}/* Sliding gold underline effect starting from the center */#top-bar-wrap .topbar-content a::after{content:"" !important;position:absolute !important;left:50% !important;bottom:-2px !important;width:0 !important;height:1px !important;background:linear-gradient(90deg,transparent,#E3C88E 50%,transparent) !important;transition:width 0.35s cubic-bezier(0.25,0.46,0.45,0.94) !important;transform:translateX(-50%) !important}#top-bar-wrap .topbar-content a:hover::after{width:100% !important}/* ================= FLOATING BUTTONS REDESIGN ================= *//* ================= FLOATING CART BUTTON (CHECKOUTWC) ================= */#cfw-side-cart-floating-button{bottom:75px !important;right:20px !important;left:auto !important;position:fixed !important;z-index:999997 !important;display:block !important}#cfw-side-cart-floating-button .cfw-side-cart-floating-button-anchor{display:flex !important;align-items:center !important;justify-content:center !important;background:#0F3D26 !important;border:2px solid rgba(197,160,90,0.45) !important;color:#F7F1E3 !important;border-radius:30px !important;padding:10px 18px !important;box-shadow:0 4px 15px rgba(0,0,0,0.3) !important;transition:all 0.3s cubic-bezier(0.2,0.6,0.2,1) !important;text-decoration:none !important}#cfw-side-cart-floating-button .cfw-side-cart-floating-button-anchor:hover{background:linear-gradient(135deg,#102B1E,#0F3D26) !important;border-color:#E3C88E !important;color:#E3C88E !important;transform:translateY(-3px) !important;box-shadow:0 6px 20px rgba(197,160,90,0.35) !important}#cfw-side-cart-floating-button:hover .cfw-side-cart-quantity-wrap{opacity:1 !important}#cfw-side-cart-floating-button .cfw-side-cart-quantity-wrap{display:flex !important;align-items:center !important;opacity:1 !important}/* Insert explicit "CART" text next to the icon using Flex order */#cfw-side-cart-floating-button .cfw-side-cart-quantity-wrap::before{content:"CART" !important;order:2 !important;font-family:"Karla",sans-serif !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.08em !important;color:#F7F1E3 !important;margin-left:8px !important;margin-right:2px !important;display:inline-block !important;vertical-align:middle !important;transition:color 0.3s ease !important}#cfw-side-cart-floating-button .cfw-side-cart-floating-button-anchor:hover .cfw-side-cart-quantity-wrap::before{color:#E3C88E !important}/* Style the cart SVG icon */#cfw-side-cart-floating-button .cfw-side-cart-quantity-wrap svg{order:1 !important;width:16px !important;height:16px !important;color:#F7F1E3 !important;fill:currentColor !important;display:inline-block !important;vertical-align:middle !important;transition:color 0.3s ease,transform 0.3s ease !important}#cfw-side-cart-floating-button .cfw-side-cart-floating-button-anchor:hover .cfw-side-cart-quantity-wrap svg{color:#E3C88E !important;transform:scale(1.1) !important}/* Style the quantity number as a gold badge */#cfw-side-cart-floating-button .cfw-side-cart-quantity{order:3 !important;background:#C5A05A !important;color:#0F3D26 !important;font-family:"Karla",sans-serif !important;font-size:11px !important;font-weight:800 !important;line-height:1 !important;padding:3px 7px !important;border-radius:10px !important;margin-left:6px !important;display:inline-block !important;vertical-align:middle !important;border:1px solid #0F3D26 !important;transition:all 0.3s ease !important}#cfw-side-cart-floating-button .cfw-side-cart-floating-button-anchor:hover .cfw-side-cart-quantity{background:#E3C88E !important}/* ================= ELEMENTOR EDITOR & CUSTOMIZER OVERRIDES ================= *//* Force text/content elements to be visible in Elementor editor and Customizer preview */.elementor-editor-active .at-home .at-reveal,.elementor-edit-mode .at-home .at-reveal,.elementor-editor-active .at-reveal,.elementor-edit-mode .at-reveal,.wp-customizer .at-home .at-reveal,.wp-customizer .at-reveal{opacity:1 !important;transform:none !important;transition:none !important;visibility:visible !important}/* ================= HEADER MENU ALIGNMENT & CART ICON ENLARGEMENT ================= *//* Vertically center logo,menu links,search and cart toggles on desktop only */@media (min-width:1025px){#site-header-inner{display:flex !important;align-items:center !important;justify-content:space-between !important}#site-logo,#site-navigation-wrap{float:none !important;margin:0 !important;display:flex !important;align-items:center !important}#site-navigation{display:flex !important;align-items:center !important}#menu-main-menu{display:flex !important;align-items:center !important;float:none !important;margin:0 !important}#menu-main-menu >li{float:none !important;display:inline-flex !important;align-items:center !important;height:100% !important}#menu-main-menu >li >a{display:inline-flex !important;align-items:center !important}}/* Enlarge cart icon for maximum visibility */.wcmenucart i{font-size:30px !important}/* Homepage stats:star rating style overrides */.at-home .at-stat-stars{display:block !important;font-family:var(--at-display) !important;font-size:clamp(26px,3.5vw,36px) !important;line-height:1.1 !important;letter-spacing:2px !important;font-weight:600 !important;color:var(--at-gold-2) !important}/* ================= PAGE LAYOUT & READABILITY OVERRIDES ================= *//* Center page content area and remove empty sidebar columns on standard static pages */.page:not(.home):not(.front-page):not(.woocommerce):not(.woocommerce-page) #primary{width:100% !important;float:none !important;max-width:900px !important;margin:0 auto !important}/* Completely hide empty sidebar on standard static pages */.page:not(.home):not(.front-page):not(.woocommerce):not(.woocommerce-page) #sidebar{display:none !important}/* Ensure standard pages have comfortable side margins on mobile and tablets */@media (max-width:1024px){.page:not(.home):not(.front-page):not(.woocommerce):not(.woocommerce-page) #primary{padding-left:24px !important;padding-right:24px !important;box-sizing:border-box !important}}/* ================= Mobile Layout & Color Fixes ================= *//* Force top-bar to use brand Forest Green on mobile/all viewports */#top-bar-wrap,.oceanwp-top-bar-sticky{background:#0F3D26 !important;background-color:#0F3D26 !important}/* Force header and all its sub-containers to use brand Sand color to seamlessly match page body background */#site-header,#site-header-inner,#site-logo,#site-logo-inner,.minimal-header,#site-navigation-wrap,#site-navigation{background-color:#FAF7F0 !important;background:#FAF7F0 !important}#site-header.is-transparent,#site-header.transparent-header,#site-header.is-transparent #site-header-inner,#site-header.transparent-header #site-header-inner{background-color:transparent !important;background:transparent !important}@media (min-width:768px){.is-sticky #site-header,.is-sticky #site-header-inner{background:rgba(250,247,240,0.92) !important;background-color:rgba(250,247,240,0.92) !important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}/* Fix mobile menu icon and hover transitions:replace bright cyan/green with brand colors */.oceanwp-mobile-menu-icon a,.mobile-menu a{color:#0F3D26 !important}.oceanwp-mobile-menu-icon a:hover,.mobile-menu a:hover,#site-navigation-wrap .dropdown-menu >li >a:hover,#searchform-header-replace-close:hover{color:#C5A05A !important;color:#C5A05A !important}.oceanwp-mobile-menu-icon a:hover .owp-icon use,#site-navigation-wrap .dropdown-menu >li >a:hover .owp-icon use,#searchform-header-replace-close:hover .owp-icon use{stroke:#C5A05A !important}.effect-one #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:after,.effect-three #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:after,.effect-five #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:before,.effect-five #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:after,.effect-nine #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:before,.effect-nine #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:after{background-color:#C5A05A !important}.mobile-menu .hamburger-inner,.mobile-menu .hamburger-inner::before,.mobile-menu .hamburger-inner::after{background-color:#0F3D26 !important}/* ================= HEADER MENU ALIGNMENT & CART ICON ENLARGEMENT ================= */@media (min-width:1025px){#site-header-inner{display:flex !important;align-items:center !important;justify-content:space-between !important}#site-logo,#site-navigation-wrap{float:none !important;margin:0 !important;display:flex !important;align-items:center !important}#site-navigation{display:flex !important;align-items:center !important}#menu-main-menu{display:flex !important;align-items:center !important;float:none !important;margin:0 !important}#menu-main-menu >li{float:none !important;display:inline-flex !important;align-items:center !important;height:100% !important}#menu-main-menu >li >a{display:inline-flex !important;align-items:center !important}}.wcmenucart i{font-size:30px !important}.at-home .at-stat-stars{display:block !important;font-family:var(--at-display) !important;font-size:clamp(26px,3.5vw,36px) !important;line-height:1.1 !important;letter-spacing:2px !important;font-weight:600 !important;color:var(--at-gold-2) !important}/* ================= PAGE LAYOUT & READABILITY OVERRIDES ================= */.page:not(.home):not(.front-page):not(.woocommerce):not(.woocommerce-page) #primary{width:100% !important;float:none !important;max-width:900px !important;margin:0 auto !important}.page:not(.home):not(.front-page):not(.woocommerce):not(.woocommerce-page) #sidebar{display:none !important}@media (max-width:1024px){.page:not(.home):not(.front-page):not(.woocommerce):not(.woocommerce-page) #primary{padding-left:24px !important;padding-right:24px !important;box-sizing:border-box !important}}/* ================= Global Tidio Position overrides ================= *//* Position Tidio Chat Widget on bottom-left */#tidio-chat,#tidio-chat iframe,#tidio-chat-iframe,iframe#tidio-chat-iframe,.tidio-chat-widget{left:20px !important;right:auto !important;bottom:20px !important}/* Custom mobile override to prevent elements from staying hidden (opacity:0) on mobile screens */@media (max-width:768px){}/* Force Elementor hidden-phone sections to be visible on the homepage */.elementor-element.elementor-hidden-phone{display:block !important}