:root{
 --green:#173d2a;--green2:#0f2f20;--lime:#a8bf61;--gold:#d0a451;--cream:#f7f2e7;
 --paper:#fffdfa;--off:#f5f5f0;--ink:#1d251f;--muted:#697069;--line:#e7e7df;--red:#b84d3e;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}
h1,h2,h3{font-family:"Playfair Display",serif}button{font-family:inherit}.container{max-width:1320px}
.announce{background:var(--green2);color:#d8e5dd;font-size:.72rem;padding:.58rem 0}.announce i{color:#b7d07c;margin-right:.35rem}.announce a{color:#fff}
.main-header{background:rgba(255,253,250,.97);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.header-row{height:76px;display:grid;grid-template-columns:240px 1fr 240px;align-items:center}
.brand{display:inline-flex;align-items:center;gap:.65rem}.brand-icon{width:42px;height:42px;background:var(--green);color:#e3c979;border-radius:14px 50% 50% 50%;display:grid;place-items:center;transform:rotate(-8deg)}.brand-icon i{transform:rotate(8deg)}
.brand-copy{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:3px;line-height:.9}.brand-copy strong{font-family:"Playfair Display";font-size:1.25rem;color:var(--green)}.brand-copy b{font-size:.83rem;color:#6f8a4d}.brand-copy small{grid-column:1/3;font-size:.48rem;letter-spacing:.17em;text-transform:uppercase;color:#92968f;margin-top:.35rem}
.desktop-nav{align-items:center;justify-content:center;gap:1.7rem}.desktop-nav a{font-size:.76rem;font-weight:700;color:#4d5650}.desktop-nav a.active,.desktop-nav a:hover{color:var(--green)}.desktop-nav i{font-size:.5rem;margin-left:.25rem}
.header-icons{display:flex;justify-content:flex-end;gap:.5rem}.header-icons button,.mobile-btn{width:42px;height:42px;border:1px solid #dde1dc;background:white;border-radius:50%;display:grid;place-items:center;color:var(--green);position:relative}.cart-button em{position:absolute;right:-3px;top:-3px;background:var(--gold);color:#fff;width:18px;height:18px;border-radius:50%;font-style:normal;font-size:.58rem;display:grid;place-items:center}
.hero{min-height:620px;height:auto;position:relative;overflow:hidden;background:radial-gradient(120% 140% at 82% 8%,#1e4a30 0%,#152e21 55%,#0f2318 100%);display:flex;align-items:center;padding:70px 0}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;width:100%}
.hero-copy{color:#fff;max-width:560px}
.hero-copy .eyebrow{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c8dc9b;background:rgba(200,220,155,.12);border:1px solid rgba(200,220,155,.3);border-radius:999px;padding:.4rem .9rem}
.hero-copy h1{color:#fff;font-size:clamp(2.4rem,4.6vw,3.7rem);line-height:1.06;letter-spacing:-.02em;margin:1rem 0 1.1rem}
.hero-copy p{color:rgba(255,255,255,.78);font-size:.95rem;line-height:1.8;max-width:480px;margin:0}
.hero-stage{position:relative;min-height:420px;display:grid;place-items:center}
.stage-art{position:relative;width:100%;max-width:340px;height:420px}
.shea-jar{position:absolute;left:50%;bottom:60px;transform:translateX(-50%);width:220px;height:250px;border-radius:20px 20px 40px 40px;background:linear-gradient(100deg,#e1d4b4,#fff4d4 45%,#d7c7a0);box-shadow:0 35px 65px rgba(10,20,10,.4);display:grid;place-items:center;text-align:center}
.shea-jar:before{content:"";position:absolute;top:-26px;left:-6px;right:-6px;height:34px;background:#5c4636;border-radius:14px}
.shea-jar span{font-family:"Playfair Display",serif;font-weight:700;color:#6b5233;font-size:1.5rem;line-height:1.15}
.shea-bowl{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:280px;height:60px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.38),rgba(0,0,0,0) 75%)}
@media(max-width:900px){.hero{padding:50px 0}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-copy{max-width:100%;margin:0 auto}.hero-copy p{margin:0 auto}.hero-stage{min-height:280px;margin-top:20px}.stage-art{height:280px}.shea-jar{width:150px;height:170px;bottom:40px}.shea-jar span{font-size:1.1rem}}.hero-track,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;pointer-events:none;transition:opacity .7s}.hero-slide.active{opacity:1;pointer-events:auto}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,26,18,.88) 0%,rgba(10,29,20,.68) 45%,rgba(10,26,19,.16) 75%,rgba(10,26,19,.05))}
.slide-shea{background:linear-gradient(135deg,#456446,#c6b477)}.slide-oils{background:linear-gradient(135deg,#294d3a,#8b9b52)}.slide-bulk{background:linear-gradient(135deg,#4a3729,#9c865a)}
.hero-scene{position:absolute;right:2%;top:0;width:56%;height:100%;overflow:hidden}.hero-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero-content h1{color:white;font-size:clamp(3rem,5.3vw,5.5rem);line-height:.98;max-width:760px;margin:.8rem 0 1rem;letter-spacing:-.04em}.hero-content p{color:rgba(255,255,255,.78);font-size:.95rem;line-height:1.8;max-width:590px}
.hero-tag{display:inline-block;background:#d7e69a;color:#203d28;border-radius:999px;padding:.38rem .8rem;font-size:.61rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase}.hero-tag.gold{background:#ebd092}.hero-tag.light{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.22)}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}.btn-main,.btn-ghost,.btn-white{display:inline-flex;align-items:center;gap:.55rem;border-radius:999px;padding:.78rem 1.35rem;font-size:.75rem;font-weight:800;border:1px solid transparent;transition:.2s}.btn-main{background:var(--gold);color:#203023}.btn-main:hover{background:#e5bd69;color:#203023}.btn-ghost{border-color:rgba(255,255,255,.5);color:white}.btn-ghost:hover{background:white;color:var(--green)}.btn-white{background:white;color:var(--green)}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:43px;height:43px;border-radius:50%;border:1px solid rgba(255,255,255,.36);background:rgba(0,0,0,.1);color:white}.hero-arrow.prev{left:1.4rem}.hero-arrow.next{right:1.4rem}.hero-dots{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:.45rem}.hero-dots button{width:8px;height:8px;border:0;padding:0;background:rgba(255,255,255,.45);border-radius:20px;transition:.3s}.hero-dots button.active{width:30px;background:white}.hero-progress{height:3px;position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,.12);z-index:6}.hero-progress span{display:block;height:100%;width:0;background:var(--gold)}
.hero-bowl{position:absolute;right:21%;bottom:7%;width:280px;height:120px;border-radius:0 0 180px 180px;background:#806349;box-shadow:0 30px 60px rgba(20,20,10,.28)}.hero-bowl:before{content:"";position:absolute;left:10px;right:10px;top:-52px;height:100px;border-radius:50%;background:#ead9a9;box-shadow:0 -10px 0 #f2e3bc}
.hero-jar{position:absolute;right:39%;bottom:19%;width:210px;height:230px;border-radius:18px 18px 34px 34px;background:linear-gradient(90deg,#e1d4b4,#fff4d4,#d7c7a0);box-shadow:0 28px 55px rgba(37,33,19,.3);display:grid;place-items:center;text-align:center;font-family:"Playfair Display";color:#715837;font-size:1.8rem}.hero-jar:before{content:"";position:absolute;top:-30px;left:-4px;right:-4px;height:38px;background:#5c4636;border-radius:13px}.hero-jar small{font-family:"DM Sans";font-size:.55rem;letter-spacing:.16em}
.hero-leaf{position:absolute;width:90px;height:220px;border-radius:100% 0 100% 0;background:#345a39}.hleaf-1{right:5%;bottom:3%;transform:rotate(38deg)}.hleaf-2{right:64%;top:10%;transform:rotate(-34deg);background:#5c7546}
.oil-hero-bottle{position:absolute;bottom:12%;width:135px;border-radius:30px 30px 20px 20px;background:linear-gradient(90deg,#475b29,#809347,#3b5024);box-shadow:0 28px 50px rgba(20,35,16,.32);display:grid;place-items:center;color:#f0e6bd;font-family:"Playfair Display";font-size:.85rem}.oil-hero-bottle:before{content:"";position:absolute;top:-38px;width:54px;height:45px;border-radius:10px 10px 3px 3px;background:#26371d}.bottle-a{height:300px;right:41%;transform:rotate(-7deg)}.bottle-b{height:360px;right:22%}.bottle-c{height:260px;right:5%;transform:rotate(8deg);background:linear-gradient(90deg,#7a541f,#b58030,#654418)}
.bulk-sack{position:absolute;bottom:8%;width:220px;height:290px;background:#b89e72;clip-path:polygon(10% 0,90% 0,100% 92%,86% 100%,15% 97%,0 90%);display:grid;place-items:center;color:#604b33;font-family:"Playfair Display";font-size:1.3rem;text-align:center;box-shadow:0 30px 55px rgba(20,10,5,.22)}.sack-1{right:36%;transform:rotate(-5deg)}.sack-2{right:4%;height:250px;background:#a88f68;transform:rotate(7deg)}.bulk-bucket{position:absolute;right:20%;bottom:9%;width:220px;height:175px;border-radius:18px 18px 34px 34px;background:#eee3c6;display:grid;place-items:center;text-align:center;color:#53603a;font-family:"Playfair Display";box-shadow:0 28px 50px rgba(20,16,10,.3)}
.quick-categories{background:white;border-bottom:1px solid var(--line)}.quick-grid{display:grid;grid-template-columns:repeat(7,1fr)}.quick-grid a{padding:1.15rem .45rem;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:.55rem;font-size:.66rem;text-align:center;transition:.2s}.quick-grid a:first-child{border-left:1px solid var(--line)}.quick-grid a:hover{background:#f7f8f3}.cat-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:1rem}.cat-icon.butter{background:#f1e3bd;color:#765c31}.cat-icon.soap{background:#5b493c;color:#fff}.cat-icon.oils{background:#dce6c3;color:#46602f}.cat-icon.powders{background:#edf0d4;color:#71853e}.cat-icon.produce{background:#eadcc7;color:#7c5f39}.cat-icon.bulk{background:#e1e8dd;color:var(--green)}.cat-icon.all{background:var(--green);color:#fff}
.trust-strip{background:#fbfbf7;border-bottom:1px solid var(--line)}.trust-item{min-height:88px;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:center;gap:.8rem;border-right:1px solid var(--line)}.trust-item i{font-size:1.25rem;color:var(--green)}.trust-item span{display:flex;flex-direction:column}.trust-item b{font-size:.73rem}.trust-item small{font-size:.62rem;color:#8a908a;margin-top:.2rem}
.section{padding:4.6rem 0}.soft{background:#f7f7f2}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.section-kicker{font-size:.61rem;font-weight:800;letter-spacing:.13em;color:#779352}.section-head h2{font-size:2.45rem;margin:.25rem 0}.section-head h2 em{font-style:normal;color:#6e8b48}.section-head p{margin:0;color:var(--muted);font-size:.78rem}.view-all{font-size:.72rem;font-weight:800;color:var(--green);white-space:nowrap}.view-all i{margin-left:.35rem}
.product-slider-wrap{position:relative}.product-slider{overflow:hidden}.product-track{display:flex;gap:1rem;transition:transform .4s}.product-card{flex:0 0 calc(25% - .75rem);min-width:0;border:1px solid var(--line);border-radius:18px;background:white;overflow:hidden;transition:.25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(23,61,42,.09)}.product-media{height:285px;display:grid;place-items:center;position:relative;overflow:hidden}.pm-shea{background:#e6d5af}.pm-soap{background:#9b8776}.pm-neem{background:#bdcb9b}.pm-baobab{background:#d6bd8c}.pm-moringa{background:#d6ddb1}.badge{position:absolute;top:12px;left:12px;background:white;border-radius:999px;padding:.34rem .6rem;font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;color:#735b38}.badge.dark{background:#3e3128;color:#fff}.badge.green{background:var(--green);color:#fff}.heart{position:absolute;right:12px;top:12px;width:35px;height:35px;border:0;border-radius:50%;background:rgba(255,255,255,.86);color:#4a554c}.render{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 25px 36px rgba(45,39,26,.2)}.tub{width:145px;height:130px;border-radius:15px 15px 28px 28px;background:linear-gradient(90deg,#e5d8bb,#fff5db,#d4c5a3);color:#6d5737}.tub:before{content:"";position:absolute;left:-5px;right:-5px;top:-16px;height:28px;border-radius:11px;background:#5e4937}.render b{font-family:"Playfair Display";font-size:1.25rem}.render small{font-size:.5rem;text-transform:uppercase;letter-spacing:.13em}.black-soap{width:150px;height:112px;border-radius:34px 26px 39px 20px;background:linear-gradient(145deg,#241f1b,#5d4738);color:#f0e2ce;transform:rotate(-7deg)}.oil-bottle{width:82px;height:166px;border-radius:22px 22px 15px 15px;background:linear-gradient(90deg,#4e612c,#81934a,#455927);color:#efe6bd}.oil-bottle:before{content:"";position:absolute;top:-24px;width:35px;height:31px;background:#29391e;border-radius:7px}.oil-bottle.amber{background:linear-gradient(90deg,#704915,#a27024,#5e3d11)}.pouch{width:135px;height:165px;background:linear-gradient(90deg,#dfd3a6,#f2e7bc,#cbbd8a);color:#607938;clip-path:polygon(4% 0,96% 0,100% 94%,88% 100%,10% 99%,0 94%)}.product-body{padding:1rem}.product-body>small{font-size:.54rem;text-transform:uppercase;letter-spacing:.1em;color:#8b908a}.product-body h3{font-size:1.16rem;margin:.25rem 0 .7rem}.price{font-size:.65rem;color:#777;margin-bottom:.8rem}.price strong{font-size:.78rem;color:#222}.add-cart{width:100%;border:0;border-radius:999px;background:#eff2ec;color:var(--green);font-size:.67rem;font-weight:800;padding:.65rem}.add-cart:hover{background:var(--green);color:white}.slider-btn{position:absolute;top:43%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:white;box-shadow:0 8px 25px rgba(0,0,0,.08);color:var(--green)}.slider-btn.left{left:-20px}.slider-btn.right{right:-20px}
.promo-section{padding:0 0 4.6rem}.promo-card{min-height:290px;border-radius:22px;overflow:hidden;padding:2.4rem;display:flex;align-items:center;justify-content:space-between;position:relative}.promo-card span{font-size:.58rem;font-weight:800;letter-spacing:.13em}.promo-card h3{font-size:2.1rem;line-height:1.05;margin:.45rem 0}.promo-card p{font-size:.74rem;max-width:370px}.promo-card b{font-size:.7rem}.promo-retail{background:#eadcc2;color:#3d3426}.promo-wholesale{background:var(--green);color:#fff}.promo-wholesale p{color:#cad9ce}.promo-wholesale span{color:#bdd393}.promo-product{width:40%;display:grid;place-items:center}.tub.big{transform:scale(1.35)}.promo-watermark{position:absolute;right:-20px;bottom:-20px;font-size:9rem;color:rgba(255,255,255,.06)}
.need-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.need-card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.need-art{height:190px;display:grid;place-items:center;font-size:3rem}.n1{background:#d7deb9;color:#58723c}.n2{background:#9d8979;color:#fff}.n3{background:#e4e7bb;color:#768743}.n4{background:#dfcbae;color:#775c39}.need-card>div:last-child{padding:1.1rem}.need-card small{font-size:.52rem;letter-spacing:.1em;color:#8a8f89}.need-card h3{font-size:1.25rem;margin:.35rem 0}.need-card span{font-size:.63rem;color:var(--green);font-weight:800}
.wholesale{padding:4.8rem 0;background:white}.wholesale-box{background:var(--green2);border-radius:26px;padding:4rem;display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center;position:relative;overflow:hidden}.wholesale-box:before{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(255,255,255,.06);border-radius:50%;left:-180px;bottom:-250px}.wholesale-copy{position:relative;z-index:1}.wholesale-copy h2{font-size:3.4rem;color:white;line-height:1;margin:1rem 0}.wholesale-copy p{color:#b7cbbd;font-size:.82rem;line-height:1.8;max-width:650px}.bulk-products{display:flex;gap:.45rem;flex-wrap:wrap;margin:1.3rem 0}.bulk-products span{border:1px solid rgba(255,255,255,.16);color:#d6e1d9;border-radius:999px;padding:.38rem .6rem;font-size:.57rem}.quote-card{background:#f5ead4;border-radius:20px;padding:1.6rem}.quote-label{font-size:.56rem;letter-spacing:.12em;color:#789052;font-weight:800}.quote-card h3{font-size:1.6rem;margin:.25rem 0 1rem}.fake-field{height:48px;border:1px solid #ddd3bf;background:white;border-radius:12px;margin:.55rem 0;padding:0 .85rem;display:flex;align-items:center;gap:.6rem;color:#8a8c84;font-size:.67rem}.fake-field i:last-child{margin-left:auto}.fake-row{display:grid;grid-template-columns:1.3fr .7fr;gap:.55rem}.quote-card button{width:100%;border:0;background:var(--green);color:white;border-radius:999px;padding:.78rem;font-size:.68rem;font-weight:800;margin-top:.5rem}.quote-card>small{display:block;text-align:center;color:#8a867b;font-size:.55rem;margin-top:.6rem}
.how-section{background:#133424;padding:4.6rem 0;color:#fff}.how-head>span{font-size:.6rem;letter-spacing:.13em;color:#b8ce86;font-weight:800}.how-head h2{font-size:2.6rem;margin:.3rem 0}.how-head p{color:#8ba194;font-size:.75rem}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:2.6rem}.how-step{text-align:center;padding:1rem 1.5rem;position:relative}.how-step>em{position:absolute;top:-1rem;right:1rem;font-family:"Playfair Display";font-size:3.8rem;color:rgba(255,255,255,.05);font-style:normal}.how-step>i{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 1rem;background:#234d38;color:#c9dc97;font-size:1.25rem}.how-step h3{font-size:1.25rem}.how-step p{color:#8fa498;font-size:.67rem}.how-step>b{position:absolute;right:-5px;top:42px;color:#5d7b69}
.story-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}.story{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}.story-art{height:220px;display:grid;place-items:center}.story.featured .story-art{height:300px}.s1{background:linear-gradient(145deg,#ddcba5,#87956e);color:rgba(255,255,255,.42);font-family:"Playfair Display";font-size:4rem}.s2{background:#8e7767;color:#fff;font-size:2.5rem}.s3{background:#c8d2a7;color:#58713c;font-size:2.5rem}.story-copy{padding:1.2rem}.story-copy small{font-size:.52rem;letter-spacing:.1em;color:#82925d}.story-copy h3{font-size:1.25rem;margin:.4rem 0}.story.featured .story-copy h3{font-size:1.65rem}.story-copy p{font-size:.7rem;color:#777}.story-copy a{font-size:.62rem;font-weight:800;color:var(--green)}
.contact-band{background:#eadfc9;padding:3.5rem 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:3rem}.contact-inner>div:first-child>span{font-size:.58rem;font-weight:800;letter-spacing:.13em;color:#738d50}.contact-inner h2{font-size:2.8rem;margin:.35rem 0}.contact-inner p{font-size:.76rem;color:#746e62;margin:0}.contact-buttons{display:flex;gap:.7rem}.contact-buttons a{background:white;border-radius:14px;padding:.85rem 1rem;display:flex;gap:.7rem;align-items:center;min-width:180px}.contact-buttons a>i{color:var(--green)}.contact-buttons span{display:flex;flex-direction:column;font-size:.72rem;font-weight:700}.contact-buttons small{font-size:.5rem;color:#999;letter-spacing:.1em}
footer{background:#0d291c;color:#d9e2dc;padding:4.5rem 0 1.4rem}.footer-brand .brand-copy strong{color:#fff}.footer-brand .brand-copy b{color:#b5cb7c}footer p{color:#8fa397;font-size:.72rem;max-width:360px;margin-top:1.2rem;line-height:1.8}footer h4{font-size:.62rem;font-family:"DM Sans";letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;color:white}footer .col-6>a{display:block;color:#8fa397;font-size:.67rem;margin:.65rem 0}.footer-social{display:flex;gap:.4rem}.footer-social a{width:36px;height:36px;border:1px solid #2e4a3a;border-radius:50%;display:grid;place-items:center}.footer-bottom{border-top:1px solid #284535;margin-top:3rem;padding-top:1.2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;color:#70877a;font-size:.58rem}.footer-bottom a{font-weight:700}.footer-bottom a:hover{color:#d9e2dc}
.footer-legal{display:flex;flex-wrap:wrap;gap:.3rem 1rem}.footer-legal a{color:#70877a}.footer-legal a:hover{color:#d9e2dc}
.wa-float{position:fixed;right:1.25rem;bottom:1.25rem;z-index:1000;background:#20ad5c;color:white;padding:.7rem 1rem;border-radius:999px;box-shadow:0 12px 30px rgba(25,95,49,.25);font-size:.68rem;font-weight:800}.wa-float i{font-size:1rem;margin-right:.35rem}
.mobile-menu a{display:block;padding:1rem .25rem;border-bottom:1px solid #eee;font-size:.82rem;font-weight:700}.mobile-menu .whatsapp-menu{margin-top:1rem;background:#e7f3e9;border:0;border-radius:12px;padding:1rem;color:#207240}
.cart-drawer{width:min(420px,100%)}.cart-drawer h3{font-size:1.55rem;margin:0}.cart-drawer .offcanvas-header small{font-size:.5rem;color:#859086;letter-spacing:.12em}.empty-cart{text-align:center;padding:4rem 1rem}.empty-cart>i{font-size:3rem;color:#cad2cb}.empty-cart h4{font-family:"Playfair Display";margin-top:1rem}.empty-cart p{font-size:.72rem;color:#8a918b}.cart-demo-item{display:flex;gap:.8rem;align-items:center;border-bottom:1px solid var(--line);padding-bottom:1rem}.cart-thumb{width:70px;height:70px;border-radius:12px;background:#dce6c3;display:grid;place-items:center;color:var(--green)}.cart-demo-item>div{display:flex;flex-direction:column}.cart-demo-item small{font-size:.5rem;color:#999}.cart-demo-item strong{font-size:.78rem}.cart-demo-item span{font-size:.62rem;color:#777}.cart-total{display:flex;justify-content:space-between;margin:1.5rem 0;font-size:.75rem}
.search-card{border:0;border-radius:20px;padding:1.8rem}.search-card>span{font-size:.55rem;letter-spacing:.12em;color:#81965e;font-weight:800}.search-card h3{font-size:1.8rem}.search-card>div:last-child{height:50px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:.65rem;padding:0 .9rem}.search-card input{border:0;outline:0;width:100%;font-size:.72rem}
.mobile-shopbar{display:none!important}
@media(max-width:1199px){.header-row{grid-template-columns:200px 1fr 180px}.desktop-nav{gap:1rem}.product-card{flex-basis:calc(33.333% - .67rem)}}
@media(max-width:991px){
 body{padding-bottom:64px}.header-row{grid-template-columns:50px 1fr 110px;height:68px}.brand{justify-self:center}.hero{height:590px}.hero-content{padding-left:5%;padding-right:5%}.hero-scene{width:68%;right:-12%}.quick-grid{grid-template-columns:repeat(4,1fr)}.quick-grid a:nth-child(n+5){border-top:1px solid var(--line)}.product-card{flex-basis:calc(50% - .5rem)}.promo-card{min-height:250px}.need-grid{grid-template-columns:repeat(2,1fr)}.wholesale-box{grid-template-columns:1fr;padding:3rem;gap:2rem}.how-grid{grid-template-columns:repeat(2,1fr)}.how-step>b{display:none}.story-grid{grid-template-columns:1fr 1fr}.story.featured{grid-column:1/3}.contact-inner{align-items:flex-start;flex-direction:column}.mobile-shopbar{position:fixed;left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid var(--line);z-index:999;display:grid!important;grid-template-columns:repeat(3,1fr)}.mobile-shopbar>*{border:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.55rem;color:#526058;position:relative}.mobile-shopbar i{font-size:1rem}.mobile-shopbar em{position:absolute;top:7px;left:55%;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:white;font-style:normal}.wa-float{display:none}
}
@media(max-width:767px){
 .announce{font-size:.61rem}.brand-copy strong{font-size:1.08rem}.brand-copy b{font-size:.72rem}.brand-copy small{display:none}.header-icons button{width:38px;height:38px}.header-icons{gap:.25rem}
 .hero{height:560px}.hero-shade{background:linear-gradient(0deg,rgba(8,26,17,.92),rgba(8,27,18,.54))}.hero-content{justify-content:flex-end;padding-bottom:5rem;align-items:center;text-align:center}.hero-content h1{font-size:2.65rem}.hero-content p{font-size:.78rem}.hero-scene{width:100%;right:0;opacity:.85}.hero-arrow{display:none}.hero-jar{right:31%;transform:scale(.8)}.hero-bowl{right:10%;transform:scale(.78)}.oil-hero-bottle{transform:scale(.78)}.bottle-a{right:55%}.bottle-b{right:30%}.bottle-c{right:5%}.bulk-sack{transform:scale(.75)}.sack-1{right:45%}.sack-2{right:3%}.bulk-bucket{right:22%;transform:scale(.75)}
 .quick-grid{grid-template-columns:repeat(4,1fr);overflow:hidden}.quick-grid a{padding:.9rem .25rem;font-size:.58rem}.cat-icon{width:42px;height:42px}.quick-grid a:nth-child(n+5){display:none}
 .trust-item{padding:.8rem .6rem;justify-content:flex-start}.trust-item b{font-size:.64rem}.trust-item small{font-size:.55rem}.trust-item i{font-size:1rem}
 .section{padding:3.5rem 0}.section-head{align-items:flex-start}.section-head h2{font-size:2rem}.section-head p{font-size:.7rem}.view-all{font-size:.64rem}.product-media{height:225px}.product-card{flex-basis:calc(50% - .5rem)}.product-body{padding:.8rem}.product-body h3{font-size:1rem}.render{transform:scale(.82)}.slider-btn{display:none}
 .promo-section{padding-bottom:3.5rem}.promo-card{padding:1.6rem;min-height:230px}.promo-card h3{font-size:1.7rem}.promo-product{width:34%}.tub.big{transform:scale(.95)}
 .need-art{height:140px}.need-card h3{font-size:1.02rem}.wholesale{padding:3.5rem 0}.wholesale-box{padding:2rem 1.2rem;border-radius:20px}.wholesale-copy h2{font-size:2.6rem}.how-grid{grid-template-columns:1fr 1fr}.how-step{padding:1rem .7rem}.story-grid{grid-template-columns:1fr}.story.featured{grid-column:auto}.story.featured .story-art{height:240px}.contact-buttons{width:100%;flex-direction:column}.contact-buttons a{width:100%}.footer-bottom{flex-direction:column}.story-art{height:180px}
}
@media(max-width:390px){.hero-content h1{font-size:2.35rem}.product-media{height:200px}.product-body h3{font-size:.9rem}.need-grid{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr}.how-step{padding:1.3rem}.how-step>em{right:20%}}


/* ===== INNER PAGES ===== */
.page-shell{background:#fff}
.page-hero{padding:4.7rem 0;background:linear-gradient(135deg,#f5efe2,#eef3e7);border-bottom:1px solid var(--line)}
.page-hero.dark{background:linear-gradient(135deg,#153725,#0e291c);color:#fff}
.page-hero.dark p{color:#b8cbbd}.page-hero h1{font-family:"Playfair Display",serif;font-size:clamp(2.7rem,5vw,4.7rem);line-height:1;letter-spacing:-.035em;margin:.55rem 0 1rem}
.page-hero p{max-width:720px;color:var(--muted);font-size:.86rem;line-height:1.8}
.breadcrumbs{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:#7f8a80}.breadcrumbs a{color:var(--green);font-weight:700}.page-hero.dark .breadcrumbs,.page-hero.dark .breadcrumbs a{color:#bdd19e}
.hero-aside-card{background:white;border-radius:22px;padding:1.4rem;border:1px solid var(--line);box-shadow:0 16px 40px rgba(23,61,42,.08)}.page-hero.dark .hero-aside-card{background:#f3e6cf;color:var(--ink)}
.inner-section{padding:4.4rem 0}.inner-soft{background:#f7f7f2}.inner-green{background:#143623;color:white}.inner-green p{color:#aebfaf}
.inner-title{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.inner-title h2{font-size:2.25rem;margin:.2rem 0}.inner-title p{font-size:.76rem;max-width:620px;color:var(--muted);margin:0}
.shop-layout{display:grid;grid-template-columns:235px 1fr;gap:2rem}.shop-sidebar{border:1px solid var(--line);border-radius:18px;padding:1.15rem;align-self:start;position:sticky;top:100px}.shop-sidebar h4{font:700 .65rem "DM Sans";text-transform:uppercase;letter-spacing:.12em;margin:0 0 .8rem}.filter-group{padding:1rem 0;border-top:1px solid var(--line)}.filter-group:first-of-type{border-top:0}.filter-group label{display:flex;gap:.5rem;align-items:center;font-size:.68rem;color:#616a63;margin:.55rem 0}
.shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem}.shop-toolbar small{font-size:.66rem;color:#7b817b}.shop-toolbar select,.shop-search{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.65rem .9rem;font-size:.66rem;outline:0}
.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.catalog-grid .product-card{min-width:0}
.category-banner{border-radius:24px;padding:2.3rem;background:linear-gradient(135deg,#d7deb9,#f1e3bd);display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;overflow:hidden}.category-banner h2{font-size:2.2rem}.category-banner p{font-size:.76rem;max-width:580px}.category-banner i{font-size:5rem;color:rgba(23,61,42,.18)}
.product-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:3.3rem}.product-gallery-main{min-height:540px;border-radius:24px;background:#e7d7b8;display:grid;place-items:center;overflow:hidden}.product-gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-top:.7rem}.product-gallery-thumbs button{height:95px;border:1px solid var(--line);border-radius:14px;background:#f7f4ec}
.product-detail-info>small{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#739052;font-weight:800}.product-detail-info h1{font-family:"Playfair Display";font-size:3rem;margin:.45rem 0}.detail-price{font-size:1.15rem;font-weight:800;margin:1rem 0}.detail-copy{font-size:.8rem;line-height:1.8;color:#707771}.variant-group{margin:1.3rem 0}.variant-group b{display:block;font-size:.68rem;margin-bottom:.5rem}.variant-pills{display:flex;gap:.45rem;flex-wrap:wrap}.variant-pills button{border:1px solid var(--line);background:white;border-radius:999px;padding:.55rem .8rem;font-size:.64rem}.variant-pills button.active{background:var(--green);color:white;border-color:var(--green)}
.qty-row{display:flex;gap:.7rem;align-items:center;margin:1.2rem 0}.qty-box{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.qty-box button,.qty-box span{width:40px;height:42px;border:0;background:white;display:grid;place-items:center;font-size:.7rem}.qty-box span{width:46px}.wide-actions{display:flex;gap:.7rem}.wide-actions .btn-main,.wide-actions .btn-ghost{justify-content:center}.wide-actions .btn-ghost{color:var(--green);border-color:#bcc5bd}.bulk-mini{margin-top:1.2rem;border-radius:16px;background:#eef2e7;padding:1rem}.bulk-mini h4{font-family:"Playfair Display";margin:0 0 .35rem}.bulk-mini p{font-size:.68rem;margin:0 0 .7rem}
.info-tabs{display:flex;gap:1rem;border-bottom:1px solid var(--line);margin-bottom:1.3rem}.info-tabs button{border:0;background:transparent;padding:.9rem 0;font-size:.67rem;font-weight:800;color:#7d837e}.info-tabs button.active{color:var(--green);border-bottom:2px solid var(--green)}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:2rem}.cart-table{border:1px solid var(--line);border-radius:18px;overflow:hidden}.cart-row{display:grid;grid-template-columns:90px 1fr 110px 110px 40px;gap:1rem;align-items:center;padding:1rem;border-top:1px solid var(--line)}.cart-row:first-child{border-top:0}.cart-thumb-lg{height:80px;border-radius:12px;background:#e6d5af;display:grid;place-items:center;color:var(--green)}.cart-row h4{font-family:"Playfair Display";font-size:1rem;margin:0}.cart-row small{font-size:.58rem;color:#888}
.summary-card{border:1px solid var(--line);border-radius:18px;padding:1.25rem;align-self:start;position:sticky;top:100px}.summary-card h3{font-size:1.4rem}.summary-line{display:flex;justify-content:space-between;font-size:.68rem;padding:.7rem 0;border-bottom:1px solid var(--line)}.summary-line.total{font-size:.85rem;border-bottom:0}
.form-card{border:1px solid var(--line);border-radius:18px;padding:1.3rem;margin-bottom:1rem}.form-card h3{font-size:1.25rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.field{display:flex;flex-direction:column;gap:.35rem}.field.full{grid-column:1/-1}.field label{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:#777;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:12px;padding:.78rem .85rem;font-size:.7rem;outline:0}.field textarea{min-height:110px}
.steps{display:flex;gap:.5rem;margin:1rem 0 2rem}.steps span{flex:1;height:5px;border-radius:9px;background:#e4e7e2}.steps span.active{background:var(--green)}
.order-success{text-align:center;max-width:760px;margin:auto}.success-icon{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin:0 auto 1rem;background:#e7f1e4;color:#3c7b43;font-size:2rem}.order-box{border:1px solid var(--line);border-radius:18px;margin-top:1.5rem;text-align:left;overflow:hidden}.order-box>div{display:flex;justify-content:space-between;padding:.9rem 1rem;border-top:1px solid var(--line);font-size:.7rem}.order-box>div:first-child{border-top:0}
.track-box{max-width:760px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.5rem}.tracking-line{margin-top:2rem}.track-step{display:grid;grid-template-columns:34px 1fr;gap:.8rem;position:relative;padding-bottom:1.5rem}.track-step:before{content:"";position:absolute;left:16px;top:34px;bottom:0;width:2px;background:#dde4dc}.track-step:last-child:before{display:none}.track-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e9eee8;color:#7c8a7f}.track-step.active .track-dot{background:var(--green);color:white}.track-step h4{font:700 .74rem "DM Sans";margin:0}.track-step p{font-size:.63rem;margin:.2rem 0}
.wholesale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.wholesale-product{border:1px solid var(--line);border-radius:18px;padding:1.2rem}.wholesale-product .wp-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#eaf0e3;color:var(--green);margin-bottom:1rem}.wholesale-product h3{font-size:1.25rem}.wholesale-product p{font-size:.68rem}.sector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.sector-card{border-radius:20px;padding:1.6rem;background:#fff;border:1px solid var(--line)}.sector-card i{font-size:1.5rem;color:var(--green)}.sector-card h3{font-size:1.35rem}.sector-card p{font-size:.7rem}
.story-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}.story-visual{min-height:480px;border-radius:24px;background:linear-gradient(145deg,#d7c99f,#81926c);display:grid;place-items:center;font-family:"Playfair Display";font-size:5rem;color:rgba(255,255,255,.4)}
.timeline-list{display:grid;gap:.7rem}.timeline-list div{display:grid;grid-template-columns:36px 1fr;gap:.8rem;padding:.9rem 0;border-bottom:1px solid var(--line)}.timeline-list span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#edf1e9;color:var(--green);font-size:.62rem;font-weight:800}.timeline-list h4{font:700 .74rem "DM Sans";margin:0}.timeline-list p{font-size:.66rem;margin:.2rem 0}
.faq-layout{display:grid;grid-template-columns:230px 1fr;gap:2rem}.faq-nav{position:sticky;top:100px;align-self:start}.faq-nav a{display:block;padding:.75rem .9rem;border-radius:10px;font-size:.66rem;margin:.25rem 0}.faq-nav a.active,.faq-nav a:hover{background:#eef2e9;color:var(--green);font-weight:800}.accordion-button{font-size:.73rem;font-weight:800}.accordion-body{font-size:.7rem;color:#707771;line-height:1.8}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.blog-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.blog-image{height:210px;display:grid;place-items:center;background:#d9cfad;color:rgba(255,255,255,.5);font-family:"Playfair Display";font-size:2.8rem}.blog-card div:last-child{padding:1rem}.blog-card small{font-size:.5rem;letter-spacing:.1em;color:#7b9356}.blog-card h3{font-size:1.18rem}.blog-card p{font-size:.67rem;color:#737973}.article-wrap{max-width:820px;margin:auto}.article-wrap h1{font-size:3.2rem}.article-wrap h2{font-size:1.9rem;margin-top:2rem}.article-wrap p,.article-wrap li{font-size:.78rem;line-height:1.9;color:#626a63}.article-hero-img{height:420px;border-radius:22px;background:linear-gradient(145deg,#dccaa4,#89966d);margin:1.8rem 0}.article-callout{border-left:4px solid var(--gold);background:#f6f1e7;padding:1rem 1.2rem;border-radius:0 12px 12px 0}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem}.contact-card{background:var(--green);color:white;border-radius:22px;padding:2rem}.contact-card p{color:#b6c9bc}.contact-line{display:flex;gap:.8rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.12)}.contact-line:first-of-type{border-top:0}.contact-line i{color:#d7c07e}
.policy-wrap{max-width:900px;margin:auto}.policy-wrap h2{font-size:1.8rem;margin-top:2rem}.policy-wrap p,.policy-wrap li{font-size:.75rem;color:#666e67;line-height:1.9}
@media(max-width:991px){
 .shop-layout,.faq-layout{grid-template-columns:1fr}.shop-sidebar,.faq-nav{position:static}.shop-sidebar{display:none}.catalog-grid{grid-template-columns:repeat(2,1fr)}
 .product-detail,.story-layout,.contact-layout{grid-template-columns:1fr}.cart-layout,.checkout-layout{grid-template-columns:1fr}.summary-card{position:static}.wholesale-grid{grid-template-columns:repeat(2,1fr)}
 .sector-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
 .page-hero{padding:3.4rem 0}.page-hero h1{font-size:2.55rem}.inner-section{padding:3.4rem 0}.inner-title{align-items:flex-start;flex-direction:column}.category-banner{padding:1.6rem}.category-banner i{font-size:3rem}
 .catalog-grid{grid-template-columns:repeat(2,1fr)}.shop-toolbar{align-items:stretch;flex-direction:column}.shop-toolbar>div{display:flex;gap:.5rem}.shop-toolbar select,.shop-search{width:100%}
 .product-gallery-main{min-height:380px}.product-detail-info h1{font-size:2.4rem}.wide-actions{flex-direction:column}.cart-row{grid-template-columns:70px 1fr 34px}.cart-row>div:nth-child(3),.cart-row>div:nth-child(4){grid-column:2}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
 .wholesale-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.article-wrap h1{font-size:2.5rem}.article-hero-img{height:280px}
}

/* ==========================================================
   FATIMATNATURALS V2 INNER-PAGE SYSTEM
   Extends the approved homepage visual direction
   ========================================================== */
:root{--fn-green:#173d2a;--fn-deep:#0f2f20;--fn-gold:#d0a451;--fn-cream:#f7f2e7;--fn-soft:#f6f6f1;--fn-line:#e6e7df;--fn-text:#1d251f;--fn-muted:#6d746e}
.page-hero-v2{position:relative;overflow:hidden;padding:74px 0;background:#f5f0e5;border-bottom:1px solid var(--fn-line)}
.page-hero-v2.dark{background:linear-gradient(135deg,#0d2b1d,#1b4a32);color:#fff}
.page-hero-v2.green-soft{background:linear-gradient(135deg,#e8eddd,#f5ead7)}
.page-hero-v2 .crumb{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#738071;font-weight:700}.page-hero-v2.dark .crumb{color:#bfd1c3}
.page-hero-v2 h1{font:700 clamp(42px,6vw,72px)/.98 "Playfair Display",serif;letter-spacing:-.04em;margin:12px 0 16px}.page-hero-v2 p{max-width:690px;font-size:14px;line-height:1.8;color:#667067}.page-hero-v2.dark p{color:#b9cbbf}
.hero-stat-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-stat{padding:10px 14px;border:1px solid rgba(23,61,42,.12);background:rgba(255,255,255,.55);border-radius:12px;font-size:11px}.dark .hero-stat{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.07)}
.hero-art-panel{min-height:330px;border-radius:28px;background:linear-gradient(145deg,#d8c8a5,#8a9a70);display:grid;place-items:center;position:relative;overflow:hidden}.hero-art-panel i{font-size:110px;color:rgba(255,255,255,.55)}
.fn-section{padding:72px 0}.fn-section.soft{background:var(--fn-soft)}.fn-section.cream{background:var(--fn-cream)}.fn-section.deep{background:var(--fn-deep);color:#fff}
.fn-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.fn-eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#789254;font-weight:800}.fn-head h2,.fn-title{font:700 38px/1.05 "Playfair Display",serif;margin:5px 0}.fn-head p{font-size:12px;line-height:1.7;color:#707871;max-width:600px;margin:0}
.fn-link{font-size:11px;font-weight:800;color:var(--fn-green)}.fn-link i{margin-left:5px}
.cat-ribbon{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--fn-line);border-radius:18px;overflow:hidden;background:#fff;margin-top:-32px;position:relative;z-index:5;box-shadow:0 15px 45px rgba(23,61,42,.08)}
.cat-ribbon a{padding:18px 8px;text-align:center;border-right:1px solid var(--fn-line);font-size:10px;font-weight:700}.cat-ribbon a:last-child{border:0}.cat-ribbon i{display:block;font-size:20px;color:var(--fn-green);margin-bottom:7px}
.store-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px}.store-toolbar .left,.store-toolbar .right{display:flex;gap:8px;align-items:center}.store-control{height:42px;border:1px solid var(--fn-line);background:#fff;border-radius:12px;padding:0 13px;font-size:11px;color:#5f6861}
.store-layout{display:grid;grid-template-columns:240px 1fr;gap:24px}.filters{border:1px solid var(--fn-line);border-radius:18px;padding:18px;align-self:start;position:sticky;top:95px;background:#fff}.filter-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.filter-block{border-top:1px solid var(--fn-line);padding:15px 0}.filter-block:first-of-type{border-top:0}.filter-block label{display:flex;align-items:center;gap:8px;font-size:11px;color:#687068;margin:9px 0}.filter-count{margin-left:auto;color:#a0a6a0;font-size:9px}
.v2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.v2-product{border:1px solid var(--fn-line);border-radius:19px;background:#fff;overflow:hidden;transition:.25s}.v2-product:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(23,61,42,.09)}
.v2-media{height:245px;position:relative;display:grid;place-items:center;background:#e7dabd;overflow:hidden}.v2-media.oil{background:#cbd7ad}.v2-media.soap{background:#9b8776}.v2-media.powder{background:#dfe4bd}.v2-media.raw{background:#e4d1b3}
.v2-photo{width:100%;height:100%;object-fit:cover}
.gallery-main{overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:cover;border-radius:25px}.gallery-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:13px}
.v2-badge{position:absolute;left:12px;top:12px;border-radius:999px;background:#fff;padding:6px 8px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.v2-heart{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.9)}
.pack-render{width:118px;height:135px;border-radius:14px 14px 25px 25px;background:linear-gradient(90deg,#e1d2ae,#fff2cf,#cdbc98);box-shadow:0 22px 35px rgba(40,30,20,.2);display:grid;place-items:center;text-align:center;color:#70593a;font:700 17px "Playfair Display"}.pack-render.oil{width:70px;height:150px;border-radius:20px;background:linear-gradient(90deg,#425928,#7e9348,#364b21);color:#efe4b6}.pack-render.soap{width:120px;height:85px;border-radius:30px 22px;background:linear-gradient(145deg,#211c19,#5c4739);color:#f1dfc7;transform:rotate(-5deg)}.pack-render.pouch{clip-path:polygon(5% 0,95% 0,100% 94%,88% 100%,10% 100%,0 94%);background:#e7d9a8;color:#62753f}
.v2-info{padding:14px}.v2-cat{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#829264}.v2-info h3{font:700 18px "Playfair Display";margin:4px 0}.v2-desc{font-size:10px;line-height:1.55;color:#7b827c;min-height:31px}.v2-size{font-size:9px;color:#666;margin:9px 0}.v2-price{display:flex;justify-content:space-between;align-items:center;margin:8px 0 11px}.v2-price strong{font-size:13px}.stock{font-size:9px;color:#4d7d50}.stock.low{color:#b27838}
.card-actions{display:grid;grid-template-columns:1fr 40px;gap:7px}.card-actions a,.card-actions button{width:100%;height:38px;border:0;border-radius:999px;background:#edf1e9;color:var(--fn-green);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer}.card-actions a:hover,.card-actions button:hover{background:var(--fn-green);color:#fff}
.merch-banner{border-radius:25px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;min-height:330px;background:#e9dcc3}.merch-copy{padding:42px}.merch-copy h2{font:700 40px/1.02 "Playfair Display";margin:8px 0 12px}.merch-copy p{font-size:12px;line-height:1.75;color:#6c685e}.merch-art{background:linear-gradient(145deg,#7b9364,#d4c79f);display:grid;place-items:center}.merch-art .pack-render{transform:scale(1.55)}
.promo-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.promo-tile{border-radius:16px;padding:22px 28px;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;position:relative;overflow:hidden;background:#eadfc9}.promo-tile.green{background:var(--fn-green);color:#fff}.promo-tile h3{font:700 19px/1.2 "Playfair Display";max-width:420px;margin:0}.promo-tile p{font-size:11px;max-width:420px;margin:0}.promo-tile a{align-self:flex-start}.promo-tile i.watermark{position:absolute;right:-15px;bottom:-20px;font-size:90px;opacity:.08}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--fn-line);border-radius:18px;overflow:hidden}.trust-card{padding:22px;border-right:1px solid var(--fn-line);background:#fff}.trust-card:last-child{border:0}.trust-card i{font-size:21px;color:var(--fn-green)}.trust-card h4{font:700 15px "Playfair Display";margin:10px 0 4px}.trust-card p{font-size:10px;color:#747b75;margin:0}
.detail-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:48px}.gallery-main{height:550px;border-radius:25px;background:#e7dabd;display:grid;place-items:center}.gallery-main .pack-render{transform:scale(2)}.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.gallery-thumbs div{height:95px;border:1px solid var(--fn-line);border-radius:13px;background:#f4efe4;display:grid;place-items:center}
.product-meta .category{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#789254;font-weight:800}.product-meta h1{font:700 48px/1 "Playfair Display";margin:8px 0}.rating-row{font-size:10px;color:#8b918b;margin:10px 0}.rating-row .stars{color:#d0a451}.detail-price{font-size:24px;font-weight:800;margin:15px 0}.detail-copy{font-size:12px;line-height:1.8;color:#69716a}.option-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:18px 0 8px}.size-options{display:flex;gap:7px;flex-wrap:wrap}.size-options button{border:1px solid var(--fn-line);background:#fff;border-radius:999px;padding:9px 13px;font-size:10px}.size-options button.active{background:var(--fn-green);color:#fff;border-color:var(--fn-green)}
.purchase-row{display:flex;gap:9px;margin:18px 0}.qty{display:flex;border:1px solid var(--fn-line);border-radius:999px;overflow:hidden}.qty button,.qty span{width:40px;border:0;background:#fff;display:grid;place-items:center;font-size:11px}.qty span{width:44px}.purchase-row .btn-main{flex:1;justify-content:center}.ask-btn{border:1px solid var(--fn-line);border-radius:999px;padding:11px 15px;font-size:10px;font-weight:800;color:var(--fn-green)}
.bulk-callout{padding:18px;border-radius:16px;background:#edf1e8;margin-top:18px}.bulk-callout h4{font:700 18px "Playfair Display";margin:0 0 5px}.bulk-callout p{font-size:10px;color:#6f776f;margin-bottom:9px}
.info-tabs{display:flex;gap:22px;border-bottom:1px solid var(--fn-line);overflow:auto}.info-tabs button{border:0;background:none;padding:14px 0;font-size:10px;font-weight:800;white-space:nowrap}.info-tabs button.active{color:var(--fn-green);border-bottom:2px solid var(--fn-green)}
.info-panel{padding:28px 0;max-width:900px}.info-panel h3{font:700 25px "Playfair Display"}.info-panel p,.info-panel li{font-size:12px;line-height:1.85;color:#667067}
.review-layout{display:grid;grid-template-columns:260px 1fr;gap:30px}.rating-summary{border:1px solid var(--fn-line);border-radius:18px;padding:22px}.rating-summary strong{font:700 44px "Playfair Display"}.review-card{padding:18px 0;border-bottom:1px solid var(--fn-line)}.review-card h4{font-size:12px;margin:5px 0}.review-card p{font-size:11px;color:#6c746d}
.cart-layout-v2,.checkout-layout-v2{display:grid;grid-template-columns:1fr 370px;gap:25px}.cart-panel,.checkout-card,.summary-v2{border:1px solid var(--fn-line);border-radius:20px;background:#fff}.cart-item{display:grid;grid-template-columns:90px 1fr 120px 100px 32px;gap:15px;align-items:center;padding:18px;border-top:1px solid var(--fn-line)}.cart-item:first-child{border-top:0}.cart-img{height:82px;border-radius:13px;background:#e5d7b7;display:grid;place-items:center}.cart-item h3{font:700 17px "Playfair Display";margin:0}.cart-item small{font-size:9px;color:#808780}.summary-v2{padding:20px;align-self:start;position:sticky;top:95px}.summary-v2 h3{font:700 22px "Playfair Display"}.sum-row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--fn-line);font-size:11px}.sum-row.total{border:0;font-size:14px}.coupon{display:flex;gap:7px;margin:14px 0}.coupon input{flex:1;min-width:0;border:1px solid var(--fn-line);border-radius:10px;padding:10px;font-size:10px}.coupon button{border:0;border-radius:10px;background:#edf1e9;color:var(--fn-green);font-size:9px;font-weight:800;padding:0 12px}
.checkout-card{padding:22px;margin-bottom:14px}.checkout-card h3{font:700 21px "Playfair Display";margin-bottom:16px}.form-grid-v2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-v2{display:flex;flex-direction:column;gap:5px}.field-v2.full{grid-column:1/-1}.field-v2 label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#737a74}.field-v2 input,.field-v2 select,.field-v2 textarea{border:1px solid var(--fn-line);border-radius:11px;padding:11px 12px;font-size:11px;outline:0}.field-v2 textarea{min-height:100px}.checkout-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.checkout-progress span{height:5px;background:#dfe4df;border-radius:8px}.checkout-progress span.active{background:var(--fn-green)}
.payment-option{display:flex;align-items:center;gap:12px;border:1px solid var(--fn-line);border-radius:13px;padding:13px;margin:8px 0}.payment-option i{font-size:20px;color:var(--fn-green)}.payment-option strong{font-size:11px}.payment-option small{display:block;font-size:9px;color:#7c837d}
.success-wrap{max-width:780px;margin:auto;text-align:center}.success-icon-v2{width:90px;height:90px;border-radius:50%;background:#e8f1e5;color:#397442;display:grid;place-items:center;font-size:30px;margin:0 auto 15px}.success-wrap h1{font:700 44px "Playfair Display"}.receipt-box{border:1px solid var(--fn-line);border-radius:18px;overflow:hidden;text-align:left;margin:25px 0}.receipt-row{display:flex;justify-content:space-between;gap:20px;padding:13px 16px;border-top:1px solid var(--fn-line);font-size:11px}.receipt-row:first-child{border-top:0}
.timeline-v2{max-width:750px;margin:30px auto 0}.timeline-step{display:grid;grid-template-columns:40px 1fr;gap:13px;position:relative;padding-bottom:22px}.timeline-step:after{content:"";position:absolute;left:19px;top:40px;bottom:0;width:2px;background:#dce3dc}.timeline-step:last-child:after{display:none}.timeline-dot{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e9eeea;color:#7c897f;z-index:2}.timeline-step.done .timeline-dot,.timeline-step.current .timeline-dot{background:var(--fn-green);color:#fff}.timeline-step h4{font-size:12px;margin:4px 0}.timeline-step p{font-size:10px;color:#757d76;margin:0}
.b2b-products{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.b2b-card{border:1px solid var(--fn-line);border-radius:20px;overflow:hidden;background:#fff}.b2b-art{height:180px;background:#dce3c8;display:grid;place-items:center}.b2b-card .body{padding:17px}.b2b-card h3{font:700 20px "Playfair Display"}.b2b-card p{font-size:10px;color:#6e766f}.b2b-tags{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.b2b-tags span{font-size:8px;background:#eef1e9;border-radius:999px;padding:5px 7px}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.process-card{padding:20px;border:1px solid var(--fn-line);border-radius:17px;background:#fff}.process-card em{font:700 32px "Playfair Display";color:#d8dfd4}.process-card h4{font:700 16px "Playfair Display"}.process-card p{font-size:10px;color:#717971}
.quote-shell{display:grid;grid-template-columns:220px 1fr;gap:24px}.quote-steps{align-self:start;position:sticky;top:95px}.quote-step{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid var(--fn-line)}.quote-step span{width:28px;height:28px;border-radius:50%;background:#e9eee7;display:grid;place-items:center;font-size:9px}.quote-step.active span{background:var(--fn-green);color:#fff}.quote-step b{font-size:10px;display:block}.quote-step small{font-size:8px;color:#8a918b}
.select-products{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.select-product{border:1px solid var(--fn-line);border-radius:14px;padding:13px;display:flex;gap:10px;align-items:center}.select-product input{accent-color:var(--fn-green)}.select-product h4{font-size:11px;margin:0}.select-product small{font-size:8px;color:#858c86}
.story-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.story-image{min-height:470px;border-radius:25px;background:linear-gradient(145deg,#d6c49d,#6f8a5c);display:grid;place-items:center}.story-image i{font-size:100px;color:rgba(255,255,255,.55)}.story-copy h2{font:700 42px/1.04 "Playfair Display"}.story-copy p{font-size:12px;line-height:1.9;color:#667067}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.value-card{border:1px solid var(--fn-line);border-radius:18px;padding:22px;background:#fff}.value-card i{font-size:23px;color:var(--fn-green)}.value-card h3{font:700 18px "Playfair Display";margin:12px 0 5px}.value-card p{font-size:10px;color:#707870}
.industry-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center;padding:38px 0;border-bottom:1px solid var(--fn-line)}.industry-row:nth-child(even) .industry-art{order:2}.industry-art{min-height:300px;border-radius:22px;background:#d9dfc1;display:grid;place-items:center}.industry-art i{font-size:70px;color:#5b7447}.industry-copy h2{font:700 32px "Playfair Display"}.industry-copy p{font-size:11px;line-height:1.8;color:#69716a}.industry-products{display:flex;gap:6px;flex-wrap:wrap}.industry-products span{font-size:8px;background:#edf1e9;border-radius:999px;padding:6px 8px}
.blog-feature{display:grid;grid-template-columns:1.1fr .9fr;border-radius:24px;overflow:hidden;background:#e9ddc4}.blog-feature-art{min-height:360px;background:linear-gradient(145deg,#d5c29b,#80926b);display:grid;place-items:center;font:700 60px "Playfair Display";color:rgba(255,255,255,.5)}.blog-feature-copy{padding:38px}.blog-feature-copy h2{font:700 35px/1.05 "Playfair Display"}.blog-feature-copy p{font-size:11px;color:#6d6b63;line-height:1.8}.blog-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.blog-card-v2{border:1px solid var(--fn-line);border-radius:18px;overflow:hidden;background:#fff}.blog-art-v2{height:190px;background:#d7cba9;display:grid;place-items:center;color:#6b7f52;font-size:35px}.blog-card-v2 .body{padding:15px}.blog-card-v2 h3{font:700 18px "Playfair Display"}.blog-card-v2 p{font-size:10px;color:#727a73}
.faq-search{max-width:650px;margin:25px auto 0;display:flex;background:#fff;border-radius:999px;padding:7px;border:1px solid var(--fn-line)}.faq-search input{border:0;outline:0;flex:1;padding:8px 12px;font-size:11px}.faq-search button{border:0;background:var(--fn-green);color:#fff;border-radius:999px;padding:0 18px;font-size:10px;font-weight:800}.faq-layout-v2{display:grid;grid-template-columns:220px 1fr;gap:25px}.faq-cats a{display:block;padding:11px 12px;border-radius:10px;font-size:10px;margin:3px 0}.faq-cats a.active{background:#eaf0e5;color:var(--fn-green);font-weight:800}
.contact-grid-v2{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.contact-panel{border-radius:24px;background:var(--fn-green);color:#fff;padding:30px}.contact-panel h2{font:700 35px "Playfair Display"}.contact-panel p{font-size:11px;color:#c2d0c6}.contact-method{display:flex;gap:12px;padding:15px 0;border-top:1px solid rgba(255,255,255,.13)}.contact-method i{color:#dec27c}.contact-method small{display:block;font-size:8px;color:#a9bbae}.contact-method strong{font-size:12px}
.map-placeholder{height:330px;border-radius:22px;background:linear-gradient(145deg,#dce4d4,#b8c6aa);display:grid;place-items:center;text-align:center;color:#49633e}.map-placeholder i{font-size:42px}
.auth-shell{min-height:680px;display:grid;grid-template-columns:1fr 1fr}.auth-art{background:linear-gradient(145deg,#173d2a,#78905a);padding:60px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.auth-art h1{font:700 48px/1 "Playfair Display"}.auth-art p{font-size:12px;color:#c4d2c8;max-width:520px}.auth-form-wrap{display:grid;place-items:center;padding:45px}.auth-form{width:min(440px,100%)}.auth-form h2{font:700 34px "Playfair Display"}.auth-form p{font-size:11px;color:#747b75}.auth-form .field-v2{margin:11px 0}.auth-links{display:flex;justify-content:space-between;font-size:10px;margin:12px 0}
.account-layout{display:grid;grid-template-columns:230px 1fr;gap:24px}.account-nav{border:1px solid var(--fn-line);border-radius:18px;padding:12px;align-self:start;position:sticky;top:95px}.account-nav a{display:flex;gap:9px;align-items:center;padding:11px;border-radius:10px;font-size:10px}.account-nav a.active,.account-nav a:hover{background:#eaf0e5;color:var(--fn-green);font-weight:800}.account-main h1{font:700 34px "Playfair Display"}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{border:1px solid var(--fn-line);border-radius:16px;padding:17px}.metric small{font-size:8px;text-transform:uppercase;color:#858c86}.metric strong{display:block;font:700 27px "Playfair Display";margin-top:5px}.data-card{border:1px solid var(--fn-line);border-radius:18px;overflow:hidden;margin-top:18px}.data-head{padding:15px 17px;display:flex;justify-content:space-between;border-bottom:1px solid var(--fn-line)}.data-head h3{font:700 18px "Playfair Display";margin:0}.data-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr 80px;gap:10px;padding:13px 17px;border-top:1px solid var(--fn-line);font-size:10px}.data-row:first-of-type{border-top:0}.status-pill{display:inline-block;border-radius:999px;padding:5px 8px;background:#e9f1e5;color:#427448;font-size:8px;font-weight:800}
.policy-layout{display:grid;grid-template-columns:220px 1fr;gap:30px}.policy-nav{position:sticky;top:95px;align-self:start}.policy-nav a{display:block;padding:8px 0;font-size:10px;color:#6f776f}.policy-content h2{font:700 27px "Playfair Display";margin-top:30px}.policy-content h3{font:700 18px "Playfair Display";margin-top:22px}.policy-content p,.policy-content li{font-size:11px;line-height:1.9;color:#626b64}
.newsletter{border-radius:24px;background:var(--fn-deep);color:#fff;padding:38px;display:flex;justify-content:space-between;gap:30px;align-items:center}.newsletter h2{font:700 31px "Playfair Display";margin:0}.newsletter p{font-size:10px;color:#b7c9bd;margin:5px 0 0}.newsletter form{display:flex;gap:7px;min-width:380px}.newsletter input{flex:1;border:0;border-radius:999px;padding:12px 15px;font-size:10px}.newsletter button{border:0;border-radius:999px;background:var(--fn-gold);padding:0 18px;font-size:10px;font-weight:800}
.mobile-product-bar{display:none}
@media(max-width:991px){
 .store-layout,.detail-layout,.cart-layout-v2,.checkout-layout-v2,.quote-shell,.story-split,.contact-grid-v2,.account-layout,.policy-layout,.faq-layout-v2{grid-template-columns:1fr}
 .filters,.quote-steps,.account-nav,.policy-nav{position:static}.filters{display:none}.v2-grid{grid-template-columns:repeat(2,1fr)}.b2b-products{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr)}.value-grid{grid-template-columns:repeat(2,1fr)}.blog-grid-v2{grid-template-columns:repeat(2,1fr)}
 .metric-grid{grid-template-columns:repeat(2,1fr)}.summary-v2{position:static}.auth-shell{grid-template-columns:1fr}.auth-art{min-height:300px}.cat-ribbon{grid-template-columns:repeat(3,1fr)}.merch-banner,.blog-feature{grid-template-columns:1fr}.merch-art{min-height:280px}.industry-row{grid-template-columns:1fr}.industry-row:nth-child(even) .industry-art{order:0}.newsletter{flex-direction:column;align-items:flex-start}.newsletter form{min-width:0;width:100%}
}
@media(max-width:767px){
 .page-hero-v2{padding:52px 0}.page-hero-v2 h1{font-size:42px}.fn-section{padding:52px 0}.fn-head{align-items:flex-start;flex-direction:column}.fn-head h2,.fn-title{font-size:31px}.cat-ribbon{grid-template-columns:repeat(3,1fr);margin-top:-20px}
 .store-toolbar{align-items:stretch;flex-direction:column}.store-toolbar .right{display:grid;grid-template-columns:1fr 1fr}.store-control{width:100%}.v2-grid{grid-template-columns:repeat(2,1fr);gap:9px}.v2-media{height:190px}.v2-info{padding:11px}.v2-info h3{font-size:15px}.v2-desc{display:none}.pack-render{transform:scale(.8)}
 .promo-pair{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.trust-card:nth-child(2){border-right:0}.trust-card:nth-child(-n+2){border-bottom:1px solid var(--fn-line)}.merch-copy{padding:28px}.merch-copy h2{font-size:32px}
 .gallery-main{height:390px}.product-meta h1{font-size:38px}.purchase-row{flex-wrap:wrap}.purchase-row .btn-main{min-width:60%}.review-layout{grid-template-columns:1fr}
 .cart-item{grid-template-columns:70px 1fr 30px}.cart-item>div:nth-child(3),.cart-item>div:nth-child(4){grid-column:2}.form-grid-v2{grid-template-columns:1fr}.field-v2.full{grid-column:auto}
 .b2b-products,.blog-grid-v2{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.select-products{grid-template-columns:1fr}.value-grid{grid-template-columns:1fr 1fr}.industry-art{min-height:230px}
 .auth-art{padding:35px 25px}.auth-art h1{font-size:38px}.auth-form-wrap{padding:35px 20px}.metric-grid{grid-template-columns:1fr 1fr}.data-row{grid-template-columns:1fr 1fr}.data-row span:nth-child(3),.data-row span:nth-child(4){display:none}
 .newsletter form{flex-direction:column}.newsletter button{padding:12px}.mobile-product-bar{display:flex;position:fixed;bottom:64px;left:0;right:0;background:#fff;border-top:1px solid var(--fn-line);z-index:998;padding:8px 12px;align-items:center;gap:10px}.mobile-product-bar strong{font-size:12px}.mobile-product-bar .btn-main{margin-left:auto}
}

/* V3 QA refinements */
.support-route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.support-route{padding:22px;border:1px solid var(--fn-line);border-radius:18px;background:#fff}.support-route i{font-size:22px;color:var(--fn-green)}.support-route h3{font:700 18px "Playfair Display";margin:10px 0 5px}.support-route p{font-size:10px;color:#717971}.quick-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-faq{padding:18px;border-radius:16px;background:#fff;border:1px solid var(--fn-line)}.quick-faq h4{font:700 15px "Playfair Display"}.quick-faq p{font-size:10px;color:#717971;margin:0}.account-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:18px}.active-order{border-radius:20px;background:#173d2a;color:white;padding:25px}.active-order h3{font:700 27px "Playfair Display"}.active-order p{font-size:10px;color:#bfd0c3}.address-mini{border:1px solid var(--fn-line);border-radius:20px;padding:22px}.address-mini h3{font:700 21px "Playfair Display"}.address-mini p{font-size:10px;color:#737b74}.order-card-v3{border:1px solid var(--fn-line);border-radius:18px;padding:18px;margin-bottom:12px}.order-card-v3 .top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.order-card-v3 h3{font:700 18px "Playfair Display";margin:0}.order-products-mini{display:flex;gap:8px;margin:14px 0}.order-products-mini span{width:52px;height:52px;border-radius:11px;background:#e8d9bb;display:grid;place-items:center;color:#5f7249}.profile-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.category-guide{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.category-guide-art{min-height:340px;border-radius:22px;background:linear-gradient(145deg,#d8c99f,#82936e);display:grid;place-items:center}.category-guide-art i{font-size:75px;color:rgba(255,255,255,.55)}.category-guide h2{font:700 34px/1.05 "Playfair Display"}.category-guide p{font-size:11px;line-height:1.8;color:#677069}.category-bullets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.category-bullets span{font-size:9px;border:1px solid var(--fn-line);border-radius:999px;padding:8px 10px}.packaging-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.packaging-card{padding:20px;border:1px solid var(--fn-line);border-radius:17px;background:#fff}.packaging-card i{font-size:24px;color:var(--fn-green)}.packaging-card h4{font:700 16px "Playfair Display";margin:10px 0 5px}.packaging-card p{font-size:9px;color:#737a74}.article-related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.article-related a{border:1px solid var(--fn-line);border-radius:16px;padding:18px;background:#fff}.article-related small{font-size:8px;color:#7a9157}.article-related h4{font:700 16px "Playfair Display";margin:7px 0}.cart-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.cart-benefit{border:1px solid var(--fn-line);border-radius:14px;padding:14px;background:#fff}.cart-benefit i{color:var(--fn-green)}.cart-benefit b{display:block;font-size:10px;margin-top:6px}.cart-benefit small{font-size:8px;color:#808780}.address-grid-v3{display:grid;grid-template-columns:1fr 1fr;gap:14px}.address-card-v3{border:1px solid var(--fn-line);border-radius:18px;padding:20px;background:#fff}.address-card-v3 h3{font:700 21px "Playfair Display"}.address-card-v3 p{font-size:10px;color:#717971}.profile-summary{border-radius:20px;background:#f4ead7;padding:25px}.profile-summary h3{font:700 24px "Playfair Display"}.profile-summary p{font-size:10px;color:#6d6e68}
@media(max-width:991px){.support-route-grid,.packaging-grid{grid-template-columns:repeat(2,1fr)}.quick-faq-grid,.article-related{grid-template-columns:1fr 1fr}.account-feature,.category-guide,.profile-two{grid-template-columns:1fr}}
@media(max-width:767px){.support-route-grid,.quick-faq-grid,.packaging-grid,.article-related,.address-grid-v3,.cart-benefits{grid-template-columns:1fr}.category-bullets{grid-template-columns:1fr}.order-card-v3 .top{flex-direction:column}}


/* ==========================================================
   FATIMATNATURALS COMPLETE CLIENT PORTAL
   ========================================================== */
.portal-hero{padding:42px 0 24px;background:linear-gradient(135deg,#edf1e6,#f7efe1);border-bottom:1px solid var(--fn-line)}
.portal-hero-row{display:flex;justify-content:space-between;gap:25px;align-items:center}
.portal-welcome small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#789254;font-weight:800}
.portal-welcome h1{font:700 34px/1.05 "Playfair Display",serif;margin:5px 0}.portal-welcome p{font-size:11px;color:#6f776f;margin:0}
.portal-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.portal-hero-actions a{height:38px;border-radius:999px;padding:0 15px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800}
.portal-ghost{border:1px solid rgba(23,61,42,.18);background:#fff;color:var(--fn-green)}
.portal-avatar{width:42px;height:42px;border-radius:50%;background:var(--fn-green);color:#fff;display:grid;place-items:center;font:700 16px "Playfair Display"}
.portal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;padding:28px 0 70px}
.portal-sidebar{align-self:start;position:sticky;top:96px}
.portal-user-card{display:flex;gap:11px;align-items:center;padding:15px;border:1px solid var(--fn-line);border-radius:17px;background:#fff;margin-bottom:10px}.portal-user-card strong{display:block;font-size:11px}.portal-user-card small{display:block;font-size:8px;color:#858c86}
.portal-nav{border:1px solid var(--fn-line);border-radius:18px;background:#fff;padding:9px}.portal-nav h5{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#929892;margin:10px 10px 5px}.portal-nav a{display:flex;gap:10px;align-items:center;padding:10px 11px;border-radius:10px;font-size:10px;color:#5f6861;margin:2px 0}.portal-nav a i{width:16px;text-align:center;color:#78847a}.portal-nav a.active,.portal-nav a:hover{background:#eaf0e5;color:var(--fn-green);font-weight:800}.portal-nav a.active i{color:var(--fn-green)}.nav-badge{margin-left:auto;border-radius:999px;background:#e7eee3;color:#4c754f;padding:3px 6px;font-size:7px;font-weight:800}
.portal-main{min-width:0}.portal-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.portal-head h2{font:700 28px "Playfair Display";margin:2px 0}.portal-head p{font-size:10px;color:#757d76;margin:0}.portal-head .actions{display:flex;gap:7px}
.portal-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.portal-stat{border:1px solid var(--fn-line);border-radius:17px;padding:16px;background:#fff;position:relative;overflow:hidden}.portal-stat i{position:absolute;right:13px;top:13px;font-size:18px;color:#c8d5c3}.portal-stat small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#858d86}.portal-stat strong{display:block;font:700 27px "Playfair Display";margin:6px 0 2px}.portal-stat span{font-size:8px;color:#6e756f}
.portal-card{border:1px solid var(--fn-line);border-radius:18px;background:#fff;overflow:hidden}.portal-card+.portal-card{margin-top:14px}.portal-card-head{padding:15px 17px;border-bottom:1px solid var(--fn-line);display:flex;align-items:center;justify-content:space-between;gap:15px}.portal-card-head h3{font:700 18px "Playfair Display";margin:0}.portal-card-head p{font-size:9px;color:#7d847e;margin:3px 0 0}.portal-card-body{padding:17px}
.portal-table{width:100%;border-collapse:collapse}.portal-table th{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#909690;text-align:left;padding:10px;border-bottom:1px solid var(--fn-line)}.portal-table td{font-size:10px;padding:12px 10px;border-bottom:1px solid var(--fn-line);vertical-align:middle}.portal-table tr:last-child td{border-bottom:0}.portal-table a{font-weight:800;color:var(--fn-green)}
.portal-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.portal-status.processing{background:#fff3dd;color:#9b6a24}.portal-status.delivered{background:#e8f2e5;color:#46764b}.portal-status.dispatched{background:#e5eef5;color:#456981}.portal-status.pending{background:#f1ece5;color:#7a674e}.portal-status.cancelled{background:#f7e7e5;color:#9b4d46}.portal-status.quoted{background:#ece8f7;color:#665391}.portal-status.accepted{background:#e8f2e5;color:#46764b}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-card{border:1px solid var(--fn-line);border-radius:16px;background:#fff;padding:15px;transition:.2s}.quick-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(23,61,42,.06)}.quick-card i{font-size:18px;color:var(--fn-green)}.quick-card h4{font:700 14px "Playfair Display";margin:9px 0 3px}.quick-card p{font-size:8px;line-height:1.5;color:#747b75;margin:0}
.portal-banner{border-radius:20px;background:linear-gradient(135deg,#173d2a,#24563b);color:#fff;padding:24px;display:flex;justify-content:space-between;gap:25px;align-items:center}.portal-banner h3{font:700 25px "Playfair Display";margin:3px 0 5px}.portal-banner p{font-size:9px;color:#c4d2c8;max-width:560px;margin:0}.portal-banner .btn-main{background:#d0a451}
.order-mini{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--fn-line)}.order-mini:last-child{border:0}.order-mini-img{width:55px;height:55px;border-radius:11px;background:#e6d8b8;display:grid;place-items:center}.order-mini h4{font:700 13px "Playfair Display";margin:0}.order-mini small{font-size:8px;color:#7d847e}.order-mini .price{margin-left:auto;font-size:10px;font-weight:800}
.portal-filters{display:flex;gap:7px;flex-wrap:wrap}.portal-filter{border:1px solid var(--fn-line);background:#fff;border-radius:999px;padding:7px 10px;font-size:8px}.portal-filter.active{background:var(--fn-green);color:#fff;border-color:var(--fn-green)}
.order-detail-grid{display:grid;grid-template-columns:1fr 330px;gap:18px}.detail-summary{border:1px solid var(--fn-line);border-radius:18px;background:#fff;padding:17px;align-self:start}.detail-summary h3{font:700 19px "Playfair Display"}.detail-line{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid var(--fn-line);font-size:9px}.detail-line.total{font-size:12px;border-bottom:0}
.portal-timeline{position:relative}.portal-timeline-step{display:grid;grid-template-columns:34px 1fr;gap:11px;padding-bottom:18px;position:relative}.portal-timeline-step:after{content:"";position:absolute;left:16px;top:34px;bottom:0;width:2px;background:#dce3dc}.portal-timeline-step:last-child:after{display:none}.portal-timeline-dot{width:34px;height:34px;border-radius:50%;background:#e8ede8;color:#78857a;display:grid;place-items:center;z-index:2}.portal-timeline-step.done .portal-timeline-dot,.portal-timeline-step.current .portal-timeline-dot{background:var(--fn-green);color:#fff}.portal-timeline-step h4{font-size:10px;margin:3px 0}.portal-timeline-step p{font-size:8px;color:#7c847d;margin:0}
.address-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.address-card{border:1px solid var(--fn-line);border-radius:17px;padding:17px;background:#fff;position:relative}.address-card h3{font:700 18px "Playfair Display"}.address-card p{font-size:9px;line-height:1.7;color:#69716a}.address-card .default-tag{position:absolute;right:12px;top:12px;background:#e8f1e5;color:#46764b;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:800}
.wishlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wishlist-card{border:1px solid var(--fn-line);border-radius:17px;overflow:hidden;background:#fff}.wishlist-art{height:170px;background:#e6d8b8;display:grid;place-items:center;position:relative}.wishlist-card .body{padding:13px}.wishlist-card h3{font:700 16px "Playfair Display";margin:3px 0}.wishlist-card small{font-size:8px;color:#7a827b}.wishlist-card strong{font-size:11px}.wishlist-actions{display:flex;gap:6px;margin-top:10px}.wishlist-actions a,.wishlist-actions button{flex:1;border:0;border-radius:999px;padding:8px;font-size:8px;font-weight:800}.wishlist-actions a{background:var(--fn-green);color:#fff;text-align:center}.wishlist-actions button{background:#edf1e9;color:var(--fn-green)}
.notice-list{display:grid;gap:8px}.notice-item{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:start;border:1px solid var(--fn-line);border-radius:15px;padding:13px;background:#fff}.notice-item.unread{background:#f7faf5;border-color:#d6e3d0}.notice-icon{width:38px;height:38px;border-radius:50%;background:#e8eee4;color:var(--fn-green);display:grid;place-items:center}.notice-item h4{font-size:10px;margin:2px 0}.notice-item p{font-size:8px;color:#707870;margin:0}.notice-item time{font-size:7px;color:#989e99;white-space:nowrap}
.ticket-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ticket-card{border:1px solid var(--fn-line);border-radius:16px;padding:15px;background:#fff}.ticket-card h4{font:700 15px "Playfair Display";margin:5px 0}.ticket-card p{font-size:8px;color:#717971}.ticket-card small{font-size:7px;color:#8e958f}
.message-thread{border:1px solid var(--fn-line);border-radius:18px;background:#fff;padding:17px}.message{max-width:78%;padding:11px 12px;border-radius:14px;background:#f0f2ed;margin:8px 0;font-size:9px;line-height:1.6}.message.mine{margin-left:auto;background:#e4eddf}.message small{display:block;font-size:7px;color:#959b96;margin-top:4px}
.security-list{display:grid;gap:10px}.security-item{display:flex;gap:13px;align-items:center;border:1px solid var(--fn-line);border-radius:16px;padding:15px;background:#fff}.security-item i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8eee4;color:var(--fn-green)}.security-item h4{font-size:10px;margin:0}.security-item p{font-size:8px;color:#747c75;margin:2px 0 0}.security-item .ask-btn{margin-left:auto}
.wholesale-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wholesale-summary{border:1px solid var(--fn-line);border-radius:16px;padding:15px;background:#fff}.wholesale-summary small{font-size:8px;color:#868e87}.wholesale-summary strong{display:block;font:700 23px "Playfair Display";margin:5px 0}
.portal-mobile-nav{display:none}
@media(max-width:991px){
 .portal-layout{grid-template-columns:1fr}.portal-sidebar{position:static}.portal-user-card,.portal-nav{display:none}.portal-mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:15px}.portal-mobile-nav a{border:1px solid var(--fn-line);border-radius:12px;background:#fff;padding:10px 6px;text-align:center;font-size:8px}.portal-mobile-nav i{display:block;font-size:15px;color:var(--fn-green);margin-bottom:5px}
 .portal-grid-4,.quick-grid{grid-template-columns:repeat(2,1fr)}.order-detail-grid{grid-template-columns:1fr}.wishlist-grid{grid-template-columns:repeat(2,1fr)}.ticket-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
 .portal-hero{padding:32px 0 20px}.portal-hero-row{align-items:flex-start;flex-direction:column}.portal-welcome h1{font-size:29px}.portal-layout{padding-top:18px}.portal-head{align-items:flex-start;flex-direction:column}.portal-head h2{font-size:25px}.portal-grid-4{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:1fr 1fr}.portal-table{min-width:670px}.portal-card-body.table-scroll{overflow-x:auto;padding:0}.portal-table th,.portal-table td{padding:11px 10px}.address-grid,.wishlist-grid,.ticket-grid,.wholesale-summary-grid{grid-template-columns:1fr}.portal-banner{align-items:flex-start;flex-direction:column}.notice-item{grid-template-columns:38px 1fr}.notice-item time{grid-column:2}.message{max-width:90%}.security-item{align-items:flex-start;flex-wrap:wrap}.security-item .ask-btn{margin-left:51px}.portal-mobile-nav{grid-template-columns:repeat(4,1fr)}
}

/* ===== Workflow completion additions ===== */
.state-wrap{max-width:760px;margin:0 auto;text-align:center}.state-icon{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;font-size:28px;background:#e8f1e5;color:#3e7545}.state-icon.warn{background:#fff2df;color:#9a6823}.state-icon.danger{background:#f8e7e5;color:#a04f48}.state-icon.info{background:#e8eef5;color:#46677e}.state-wrap h2{font:700 34px/1.05 'Playfair Display',serif}.state-wrap p{font-size:11px;line-height:1.8;color:#6d756e}.state-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}.alert-v2{border-radius:13px;padding:11px 13px;font-size:9px;line-height:1.6;margin:12px 0}.alert-v2.error{background:#faecea;color:#8e4841;border:1px solid #f0cfca}.alert-v2.success{background:#ebf4e8;color:#46764b;border:1px solid #d5e5d1}.alert-v2.info{background:#eaf0f5;color:#48677b;border:1px solid #d5e0e9}.alert-v2.warning{background:#fff4e2;color:#906124;border:1px solid #f0dec0}.field-error{font-size:8px;color:#a14d47;margin-top:3px}.field-v2 input.is-invalid,.field-v2 select.is-invalid,.field-v2 textarea.is-invalid{border-color:#c46a62;background:#fffafa}.password-meter{height:5px;border-radius:99px;background:#e6e8e3;overflow:hidden;margin-top:6px}.password-meter span{display:block;width:72%;height:100%;background:#7d985a}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice-card{border:1px solid var(--fn-line);border-radius:15px;padding:14px;background:#fff;display:flex;gap:10px;align-items:flex-start}.choice-card input{margin-top:3px;accent-color:var(--fn-green)}.choice-card h4{font-size:10px;margin:0}.choice-card p{font-size:8px;color:#747b75;margin:3px 0 0}.confirm-box{border:1px solid var(--fn-line);border-radius:16px;background:#fff;padding:17px;text-align:left}.confirm-box h3{font:700 18px 'Playfair Display'}.empty-state{border:1px dashed #cfd6cc;border-radius:18px;padding:45px 20px;text-align:center;background:#fafbf8}.empty-state i{font-size:34px;color:#8da081}.empty-state h3{font:700 22px 'Playfair Display';margin:12px 0 5px}.empty-state p{font-size:9px;color:#747c75}.inline-actions{display:flex;gap:7px;flex-wrap:wrap}.danger-btn{border:1px solid #edcbc7;background:#fff6f5;color:#9b4d46;border-radius:999px;padding:9px 13px;font-size:9px;font-weight:800}.success-btn{border:0;background:var(--fn-green);color:#fff;border-radius:999px;padding:9px 13px;font-size:9px;font-weight:800}.modal-content{border:0;border-radius:20px}.modal-header,.modal-footer{border-color:var(--fn-line)}.modal-title{font:700 21px 'Playfair Display'}
@media(max-width:767px){.choice-grid{grid-template-columns:1fr}.state-wrap h2{font-size:29px}}

/* ═══════════════════════════════════════════════════
   SPICEITUP-INSPIRED SHELL — boutique header/hero/footer
   (kept in Fatimatnaturals green/gold/cream palette)
═══════════════════════════════════════════════════ */

/* ── TOPBAR MARQUEE ── */
.topbar{background:#0d291c;color:rgba(255,255,255,.75);font-size:.72rem;padding:.45rem 0}
.topbar-marquee{overflow:hidden;flex:1;min-width:0}
.topbar-marquee-inner{display:flex;white-space:nowrap;width:max-content;animation:fn-marquee 26s linear infinite}
.topbar-marquee-inner span{padding:0 1.75rem;font-weight:500;display:inline-flex;align-items:center;gap:.4rem}
.topbar-marquee-inner i{color:var(--gold)}
@keyframes fn-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.topbar-links{display:flex;align-items:center;gap:.6rem;font-size:.72rem;white-space:nowrap}
.topbar-links a{color:rgba(255,255,255,.75);transition:color .2s}
.topbar-links a:hover{color:var(--gold)}
.topbar-sep{color:rgba(255,255,255,.25)}

/* ── STICKY DARK HEADER W/ SEARCH ── */
.main-header{background:#0f2f20;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 2px 18px rgba(0,0,0,.18)}
.header-row{display:flex;align-items:center;gap:1.1rem;height:74px;grid-template-columns:none}
.main-header .brand-copy strong{color:#fff}
.main-header .brand-copy b{color:#e3c979}
.main-header .brand-copy small{color:rgba(255,255,255,.5)}
.main-header .mobile-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}
.header-search{flex:1;max-width:520px;display:flex;border-radius:999px;overflow:hidden;background:#fff}
.search-input{flex:1;border:none;padding:.62rem 1.1rem;font-family:inherit;font-size:.82rem;color:var(--ink);outline:none}
.search-btn{background:var(--gold);border:none;padding:0 1.15rem;color:#1d251f;font-size:.95rem;cursor:pointer;transition:.2s;font-weight:700}
.search-btn:hover{background:#e3c979}
.header-actions{display:flex;align-items:center;gap:.15rem;margin-left:auto}
.h-action{display:flex;flex-direction:column;align-items:center;gap:.15rem;color:rgba(255,255,255,.8);padding:.35rem .55rem;border-radius:10px;transition:.2s;position:relative;text-decoration:none;background:none;border:none;cursor:pointer;min-width:52px}
.h-action:hover{background:rgba(255,255,255,.08);color:var(--lime)}
.h-action i{font-size:1.05rem}
.ha-lbl{font-size:.6rem;font-weight:600;white-space:nowrap}
.ha-badge{position:absolute;top:-2px;right:2px;background:var(--red);color:#fff;font-size:.55rem;font-weight:800;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #0f2f20}
.phone-btn{display:flex;align-items:center;gap:.5rem;background:var(--gold);color:#1d251f;font-size:.78rem;font-weight:800;padding:.55rem 1.05rem;border-radius:999px;border:none;margin-left:.5rem;white-space:nowrap;transition:.2s;text-decoration:none}
.phone-btn:hover{background:#e3c979;transform:translateY(-1px)}

/* ── CATEGORY SUBNAV STRIP ── */
.subnav{background:var(--green);overflow:hidden}
.subnav-inner{display:flex;overflow-x:auto;scrollbar-width:none}
.subnav-inner::-webkit-scrollbar{display:none}
.subnav-item{display:flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.88);font-size:.74rem;font-weight:600;padding:.62rem .95rem;white-space:nowrap;border-right:1px solid rgba(255,255,255,.12);transition:.2s;text-decoration:none}
.subnav-item i{font-size:.72rem}
.subnav-item:hover,.subnav-item.active{background:rgba(0,0,0,.16);color:#fff}
.subnav-item.cta{margin-left:auto;background:var(--gold);color:#1d251f!important;font-weight:800}
.subnav-item.cta:hover{background:#e3c979}

/* ── HERO SLIDER (activates the existing art-directed scenes) ── */
.hero{height:620px;padding:0;display:block}
.hero-slide>.container{height:100%;display:flex;align-items:center}
.hero-arrow{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}
.hero-arrow:hover{background:var(--green);border-color:var(--green)}
.hero-dots button{cursor:pointer}
@media(max-width:991px){.hero{height:590px}}
@media(max-width:767px){.hero{height:560px}}

/* ── FOOTER PAYMENT / DELIVERY BAND ── */
.footer-top{background:#0a2016;border-bottom:1px solid rgba(255,255,255,.06);padding:1.4rem 0}
.footer-kicker{color:rgba(255,255,255,.32);font-size:.65rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:.55rem}
.pay-badges{display:flex;flex-wrap:wrap;gap:.5rem}
.pay-badge{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.72);border-radius:999px;padding:.4rem .75rem;font-size:.68rem;font-weight:600}

@media(max-width:991px){.header-row{height:64px}.header-search{display:none!important}.subnav-item{padding:.55rem .75rem;font-size:.7rem}}
@media(max-width:767px){.topbar{display:none!important}}

/* ═══════════════════════════════════════════════════
   INNER PAGES — boutique polish pass
═══════════════════════════════════════════════════ */

/* ── Product detail: price/rating/stock summary ── */
.detail-price-row{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin:.5rem 0 1rem}
.detail-price{font:800 1.7rem "Playfair Display",serif;color:var(--green)}
.detail-rating{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--muted)}
.detail-rating .stars{font-size:.85rem;letter-spacing:1px}
.stock-pill{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .65rem;border-radius:999px}
.stock-pill.in{background:#e8f1e5;color:#2f6b3a}
.stock-pill.out{background:#f8e7e4;color:#a34f48}
.gallery-main{box-shadow:0 16px 46px rgba(23,61,42,.12)}

/* ── Shop: category quick-filter pills ── */
.shop-pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem}
.shop-pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:.72rem;font-weight:600;padding:.5rem .95rem;border-radius:999px;transition:.2s;text-decoration:none}
.shop-pill:hover{border-color:var(--green);color:var(--green)}
.shop-pill.active{background:var(--green);border-color:var(--green);color:#fff}

/* ── FAQ topic filter: horizontal scrollable pills on tablet/mobile ── */
@media(max-width:991px){
  .faq-cats{display:flex;overflow-x:auto;gap:.5rem;padding-bottom:.35rem;-ms-overflow-style:none;scrollbar-width:none}
  .faq-cats::-webkit-scrollbar{display:none}
  .faq-cats a{display:inline-flex;align-items:center;flex-shrink:0;white-space:nowrap;margin:0;border:1px solid var(--line)}
  .faq-cats a.active{border-color:var(--green)}
}

/* ── About page: slim centered hero, no side image, dark botanical background ── */
.about-hero{position:relative;overflow:hidden;padding:96px 0 78px;text-align:center;color:#fff;background:linear-gradient(165deg,#0f2f20 0%,#173d2a 55%,#20502f 100%)}
.ab-leaf{position:absolute;font-size:220px;color:rgba(255,255,255,.05);pointer-events:none;z-index:0}
.ab-leaf.l1{top:-70px;left:-50px;transform:rotate(-18deg)}
.ab-leaf.l2{bottom:-100px;right:-40px;transform:rotate(24deg);color:rgba(208,164,81,.09)}
.about-hero .container{position:relative;z-index:1}
.about-hero-inner{max-width:600px;margin:0 auto}
.about-hero .crumb{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#a9c2b0;display:flex;justify-content:center;margin-bottom:14px}
.about-hero .fn-eyebrow{color:#c8dc9b;display:block;margin-bottom:12px}
.about-hero h1{font:700 clamp(32px,5vw,50px)/1.1 "Playfair Display",serif;letter-spacing:-.02em;margin:0 0 16px}
.about-hero p{font-size:13.5px;line-height:1.85;color:#cddbcf;margin:0 auto;max-width:500px}
.about-hero .hero-stat-row{justify-content:center;margin-top:26px}
.about-hero .hero-stat{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#e7efe4}
@media(max-width:767px){.about-hero{padding:70px 0 56px}.about-hero .ab-leaf{font-size:150px}}

/* ── About page: origin story, animated vertical line timeline ── */
.ab-story-line{position:relative;max-width:720px;margin:0 auto}
.ab-story-line::before{content:'';position:absolute;left:23px;top:6px;bottom:6px;width:2px;background:var(--fn-line)}
.ab-story-line::after{content:'';position:absolute;left:23px;top:6px;width:2px;height:0;background:linear-gradient(var(--fn-green),var(--fn-gold));transition:height 1.3s cubic-bezier(.22,.9,.35,1)}
.ab-story-line.is-visible::after{height:calc(100% - 12px)}
.ab-story-beat{position:relative;display:grid;grid-template-columns:48px 1fr;gap:20px;padding-bottom:38px;opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.ab-story-beat:last-child{padding-bottom:0}
.ab-story-beat.is-visible{opacity:1;transform:translateY(0)}
.ab-story-beat:nth-child(1){transition-delay:.05s}
.ab-story-beat:nth-child(2){transition-delay:.25s}
.ab-story-beat:nth-child(3){transition-delay:.45s}
.ab-story-dot{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--fn-green);display:grid;place-items:center;font-size:17px;color:var(--fn-green);position:relative;z-index:2;box-shadow:0 6px 18px rgba(23,61,42,.12)}
.ab-story-copy h4{font:700 19px "Playfair Display";margin:6px 0 8px;color:var(--fn-text)}
.ab-story-copy p{font-size:12px;line-height:1.85;color:var(--fn-muted);margin:0}
@media(max-width:480px){.ab-story-line::before,.ab-story-line::after{left:19px}.ab-story-beat{grid-template-columns:40px 1fr;gap:14px}.ab-story-dot{width:40px;height:40px;font-size:14px}}

/* ── About page: values grid v2, senior-level cards ── */
.ab-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ab-value-card{position:relative;padding:30px 24px 26px;border-radius:20px;background:#fff;border:1px solid var(--fn-line);overflow:hidden;opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease,box-shadow .35s ease,border-color .35s ease}
.ab-value-card.is-visible{opacity:1;transform:translateY(0)}
.ab-value-card:nth-child(1){transition-delay:.05s}
.ab-value-card:nth-child(2){transition-delay:.15s}
.ab-value-card:nth-child(3){transition-delay:.25s}
.ab-value-card:nth-child(4){transition-delay:.35s}
.ab-value-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(23,61,42,.12);border-color:transparent}
.ab-value-num{position:absolute;top:20px;right:22px;font:700 13px "Playfair Display";color:var(--fn-line)}
.ab-value-icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#eef3e6,#fff);display:grid;place-items:center;font-size:20px;color:var(--fn-green);margin-bottom:18px;transition:background .35s,color .35s,transform .35s}
.ab-value-card:hover .ab-value-icon{background:var(--fn-green);color:#fff;transform:rotate(-6deg) scale(1.06)}
.ab-value-card h3{font:700 17px "Playfair Display";margin:0 0 8px;color:var(--fn-text)}
.ab-value-card p{font-size:11.5px;line-height:1.75;color:var(--fn-muted);margin:0}
.ab-value-card::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--fn-green),var(--fn-gold));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.ab-value-card:hover::after{transform:scaleX(1)}
@media(max-width:991px){.ab-values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.ab-values-grid{grid-template-columns:1fr}}

/* ── About page: interactive animated journey stepper ── */
.ab-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ab-journey-step{position:relative;text-align:center;padding:0 8px;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.ab-journey-step.is-visible{opacity:1;transform:translateY(0)}
.ab-journey-step:nth-child(1){transition-delay:.05s}
.ab-journey-step:nth-child(2){transition-delay:.2s}
.ab-journey-step:nth-child(3){transition-delay:.35s}
.ab-journey-step:nth-child(4){transition-delay:.5s}
.ab-journey-step:not(:first-child)::before{content:'';position:absolute;top:29px;left:-50%;width:100%;height:2px;background:var(--fn-line);z-index:0}
.ab-journey-step:not(:first-child)::after{content:'';position:absolute;top:29px;left:-50%;width:0;height:2px;background:linear-gradient(90deg,var(--fn-green),var(--fn-gold));z-index:1;transition:width 1s ease .3s}
.ab-journey-step.is-visible:not(:first-child)::after{width:100%}
.ab-journey-node{width:58px;height:58px;border-radius:50%;background:#fff;border:2px solid var(--fn-green);display:grid;place-items:center;font-size:20px;color:var(--fn-green);margin:0 auto 18px;position:relative;z-index:2;transition:transform .35s,background .35s,color .35s,box-shadow .35s}
.ab-journey-step:hover .ab-journey-node{background:var(--fn-green);color:#fff;transform:scale(1.08);box-shadow:0 10px 24px rgba(23,61,42,.25)}
.ab-journey-copy em{display:block;font:700 11px "DM Sans",sans-serif;letter-spacing:.12em;color:var(--fn-gold);font-style:normal;margin-bottom:4px}
.ab-journey-copy h4{font:700 17px "Playfair Display";margin:0 0 8px;color:var(--fn-text)}
.ab-journey-copy p{font-size:11px;line-height:1.7;color:var(--fn-muted);margin:0 auto;max-width:220px}
@media(max-width:767px){
 .ab-journey{grid-template-columns:1fr;gap:0}
 .ab-journey-step{text-align:left;display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start;padding:0 0 30px}
 .ab-journey-step:last-child{padding-bottom:0}
 .ab-journey-step::before,.ab-journey-step::after{display:none}
 .ab-journey-node{margin:0}
 .ab-journey-copy p{max-width:none}
}

/* ── About page: what-we-supply mosaic — shoppable tiles, not a CTA banner ── */
.ab-supply-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:14px}
.ab-supply-tile{position:relative;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff;text-decoration:none;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .5s cubic-bezier(.22,.9,.35,1),box-shadow .4s}
.ab-supply-tile.is-visible{opacity:1;transform:translateY(0)}
.ab-supply-tile:nth-child(1){transition-delay:.05s}
.ab-supply-tile:nth-child(2){transition-delay:.15s}
.ab-supply-tile:nth-child(3){transition-delay:.25s}
.ab-supply-tile:nth-child(4){transition-delay:.35s}
.ab-supply-tile:nth-child(5){transition-delay:.45s}
.ab-supply-tile:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(15,47,32,.28)}
.ab-supply-tile::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 60%);z-index:0}
.ab-supply-tile.big{grid-column:span 2;grid-row:span 2}
.ab-supply-tile.t-butter{background:linear-gradient(160deg,#7b9364,#3f5730)}
.ab-supply-tile.t-oils{background:linear-gradient(160deg,#c9a24a,#8a6c2b)}
.ab-supply-tile.t-soap{background:linear-gradient(160deg,#1d4a33,#0c2318)}
.ab-supply-tile.t-powders{background:linear-gradient(160deg,#a8bf61,#5f7a37)}
.ab-supply-tile.t-produce{background:linear-gradient(160deg,#8a6c4e,#4c3a29)}
.ab-supply-tile.t-all{background:linear-gradient(160deg,#6d746e,#3a3f3a)}
.ab-supply-icon{position:absolute;top:16px;right:16px;font-size:32px;color:rgba(255,255,255,.28);z-index:0;transition:transform .4s}
.ab-supply-tile.big .ab-supply-icon{font-size:74px}
.ab-supply-tile:hover .ab-supply-icon{transform:scale(1.12) rotate(-4deg)}
.ab-supply-name{position:relative;z-index:1;font:700 14px "Playfair Display";display:flex;align-items:center;justify-content:space-between;gap:8px}
.ab-supply-tile.big .ab-supply-name{font-size:22px}
.ab-supply-arrow{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:10px;flex:0 0 auto;transition:background .3s,color .3s,transform .3s}
.ab-supply-tile:hover .ab-supply-arrow{background:#fff;color:var(--fn-green);transform:translateX(3px)}
@media(max-width:991px){.ab-supply-mosaic{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.ab-supply-mosaic{grid-template-columns:1fr;grid-auto-rows:140px}.ab-supply-tile.big{grid-column:span 1;grid-row:span 1;min-height:190px}}

/* ── About page: single slim closing CTA (one card, not a pair) ── */
/* ── Site-wide: single slim CTA card (About, Wholesale, Quality all use this — never a pair) ── */
.cta-slim{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(120deg,var(--fn-green),#0f2f20);padding:26px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.cta-slim.is-visible{opacity:1;transform:translateY(0)}
.cta-slim-icon{position:absolute;right:-10px;bottom:-24px;font-size:140px;color:rgba(255,255,255,.05);pointer-events:none;z-index:0}
.cta-slim-copy{position:relative;z-index:1}
.cta-slim-copy h3{font:700 20px/1.3 "Playfair Display";color:#fff;margin:6px 0 6px;max-width:480px}
.cta-slim-copy p{font-size:11.5px;color:#c4d2c8;margin:0}
.cta-slim-btn{position:relative;z-index:1;white-space:nowrap;flex:0 0 auto}
@media(max-width:767px){.cta-slim{flex-direction:column;text-align:center;padding:28px 24px}.cta-slim-copy h3{max-width:none}}

/* ── About page: respect reduced-motion preference ── */
@media(prefers-reduced-motion:reduce){
 .ab-story-beat,.ab-value-card,.ab-journey-step,.ab-supply-tile,.cta-slim{transition:none!important;opacity:1!important;transform:none!important}
 .ab-story-line::after,.ab-journey-step::after{transition:none!important}
}

/* ── Header: Shop dropdown, replaces individual category pills in the subnav ── */
.subnav-drop{position:relative;cursor:pointer}
.subnav-drop-btn{background:none;border:0;color:inherit;font:inherit;display:flex;align-items:center;gap:.4rem;cursor:pointer;padding:0}
.subnav-drop .drop-caret{font-size:.5rem;margin-left:.1rem;transition:transform .2s ease}
.subnav-drop.open .drop-caret{transform:rotate(180deg)}
.subnav-drop-menu{position:fixed;min-width:230px;background:#fff;border-radius:14px;box-shadow:0 24px 48px rgba(15,47,32,.22);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:1060}
.subnav-drop.open .subnav-drop-menu{opacity:1;visibility:visible;transform:translateY(0)}
.subnav-drop-menu a{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:9px;color:var(--fn-text);font-size:.74rem;font-weight:600;white-space:nowrap}
.subnav-drop-menu a:hover{background:var(--fn-soft);color:var(--fn-green)}
.subnav-drop-menu a i{width:16px;text-align:center;color:var(--fn-green);font-size:.72rem}
.subnav-drop-menu .drop-sep{margin:.35rem .4rem;border-top:1px solid var(--fn-line)}

/* ── Mobile offcanvas: collapsible Shop categories instead of a flat list ── */
.mobile-menu-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}
.mobile-menu-item a{flex:1;border-bottom:0;padding:1rem .25rem}
.mobile-menu-caret{background:none;border:0;width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;color:var(--fn-green)}
.mobile-menu-caret i{transition:transform .2s ease}
.mobile-menu-caret[aria-expanded="true"] i{transform:rotate(180deg)}
.mobile-menu-sub{padding:.15rem 0 .6rem 1.1rem}
.mobile-menu-sub a{display:flex;align-items:center;gap:.5rem;padding:.6rem .25rem;font-size:.76rem;font-weight:600;color:#767d77;border-bottom:0}
.mobile-menu-sub a i{width:14px;text-align:center;color:var(--fn-green);font-size:.68rem}

/* ── Wholesale page: 400px centered hero with background-image support ── */
.wh-hero{position:relative;overflow:hidden;min-height:400px;display:flex;align-items:center;text-align:center;color:#fff;padding:56px 0;background:linear-gradient(165deg,#0f2f20 0%,#173d2a 55%,#20502f 100%) center/cover}
.wh-hero-icon{position:absolute;font-size:200px;color:rgba(255,255,255,.05);pointer-events:none;z-index:0}
.wh-hero-icon.i1{top:-50px;left:-60px;transform:rotate(-15deg)}
.wh-hero-icon.i2{bottom:-70px;right:-50px;transform:rotate(18deg);color:rgba(208,164,81,.09)}
.wh-hero .container{position:relative;z-index:1}
.wh-hero-inner{max-width:680px;margin:0 auto}
.wh-hero-inner .crumb{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#a9c2b0;display:flex;justify-content:center;margin-bottom:14px}
.wh-hero-inner .fn-eyebrow{color:#c7d995;display:block;margin-bottom:12px}
.wh-hero-inner h1{font:700 clamp(28px,4.2vw,44px)/1.14 "Playfair Display",serif;letter-spacing:-.02em;margin:0 0 16px}
.wh-hero-inner p{font-size:13.5px;line-height:1.85;color:#cddbcf;margin:0 auto;max-width:560px}
@media(max-width:767px){.wh-hero{min-height:0;padding:64px 0}.wh-hero-icon{font-size:140px}}

/* ── Wholesale page: buyer-type cards, senior-level treatment ── */
.wh-buyer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.wh-buyer-card{position:relative;padding:30px 24px 26px;border-radius:20px;background:#fff;border:1px solid var(--fn-line);overflow:hidden;opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease,box-shadow .35s ease,border-color .35s ease}
.wh-buyer-card.is-visible{opacity:1;transform:translateY(0)}
.wh-buyer-card:nth-child(1){transition-delay:.05s}
.wh-buyer-card:nth-child(2){transition-delay:.15s}
.wh-buyer-card:nth-child(3){transition-delay:.25s}
.wh-buyer-card:nth-child(4){transition-delay:.35s}
.wh-buyer-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(23,61,42,.12);border-color:transparent}
.wh-buyer-num{position:absolute;top:20px;right:22px;font:700 13px "Playfair Display";color:var(--fn-line)}
.wh-buyer-icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#eef3e6,#fff);display:grid;place-items:center;font-size:20px;color:var(--fn-green);margin-bottom:18px;transition:background .35s,color .35s,transform .35s}
.wh-buyer-card:hover .wh-buyer-icon{background:var(--fn-green);color:#fff;transform:rotate(-6deg) scale(1.06)}
.wh-buyer-card h3{font:700 17px "Playfair Display";margin:0 0 8px;color:var(--fn-text)}
.wh-buyer-card p{font-size:11.5px;line-height:1.75;color:var(--fn-muted);margin:0}
.wh-buyer-card::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--fn-green),var(--fn-gold));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.wh-buyer-card:hover::after{transform:scaleX(1)}
@media(max-width:991px){.wh-buyer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.wh-buyer-grid{grid-template-columns:1fr}}

/* ── Wholesale page: single order-form card (products + business details, one submit) ── */
.wh-order-card{display:block;max-width:920px;margin:0 auto;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.wh-order-card.is-visible{opacity:1;transform:translateY(0)}
.wh-order-card h3{margin:0 0 16px}
.wh-order-card hr{border:0;border-top:1px solid var(--fn-line);margin:26px 0}
.wh-line{display:grid;grid-template-columns:1fr 110px 100px 140px 36px;gap:8px;align-items:end;margin-bottom:10px}
.wh-line-remove{width:38px;height:38px;border:1px solid var(--fn-line);border-radius:10px;background:#fff;color:var(--fn-muted);display:grid;place-items:center;transition:background .2s,color .2s,border-color .2s}
.wh-line-remove:hover{background:#fbeae8;border-color:#e3b3ac;color:#a34f48}
.wh-add-line{display:inline-flex;align-items:center;gap:8px;border:1.5px dashed var(--fn-green);border-radius:999px;padding:9px 18px;font-size:11px;font-weight:800;color:var(--fn-green);background:none;margin-top:4px;transition:background .2s,color .2s}
.wh-add-line:hover{background:var(--fn-green);color:#fff;border-style:solid}
@media(max-width:767px){.wh-line{grid-template-columns:1fr 1fr;grid-template-areas:"prod prod" "qty unit" "pack remove"}.wh-line>.prod-field:nth-child(1){grid-area:prod}.wh-line>.prod-field:nth-child(2){grid-area:qty}.wh-line>.prod-field:nth-child(3){grid-area:unit}.wh-line>.prod-field:nth-child(4){grid-area:pack}.wh-line-remove{grid-area:remove;justify-self:end}}

/* ── Wholesale page: interactive animated 5-step B2B process ── */
.wh-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.wh-step{position:relative;text-align:center;padding:0 6px;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.wh-step.is-visible{opacity:1;transform:translateY(0)}
.wh-step:nth-child(1){transition-delay:.05s}
.wh-step:nth-child(2){transition-delay:.15s}
.wh-step:nth-child(3){transition-delay:.25s}
.wh-step:nth-child(4){transition-delay:.35s}
.wh-step:nth-child(5){transition-delay:.45s}
.wh-step:not(:first-child)::before{content:'';position:absolute;top:26px;left:-50%;width:100%;height:2px;background:var(--fn-line);z-index:0}
.wh-step:not(:first-child)::after{content:'';position:absolute;top:26px;left:-50%;width:0;height:2px;background:linear-gradient(90deg,var(--fn-green),var(--fn-gold));z-index:1;transition:width .9s ease .25s}
.wh-step.is-visible:not(:first-child)::after{width:100%}
.wh-step-node{width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid var(--fn-green);display:grid;place-items:center;font-size:18px;color:var(--fn-green);margin:0 auto 16px;position:relative;z-index:2;transition:transform .35s,background .35s,color .35s,box-shadow .35s}
.wh-step:hover .wh-step-node{background:var(--fn-green);color:#fff;transform:scale(1.08);box-shadow:0 10px 24px rgba(23,61,42,.25)}
.wh-step-copy em{display:block;font:700 10px "DM Sans",sans-serif;letter-spacing:.12em;color:var(--fn-gold);font-style:normal;margin-bottom:4px}
.wh-step-copy h4{font:700 15px "Playfair Display";margin:0 0 6px;color:var(--fn-text)}
.wh-step-copy p{font-size:10.5px;line-height:1.65;color:var(--fn-muted);margin:0 auto;max-width:180px}
@media(max-width:767px){
 .wh-steps{grid-template-columns:1fr;gap:0}
 .wh-step{text-align:left;display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;padding:0 0 26px}
 .wh-step:last-child{padding-bottom:0}
 .wh-step::before,.wh-step::after{display:none}
 .wh-step-node{margin:0}
 .wh-step-copy p{max-width:none}
}

/* ── Wholesale page: respect reduced-motion preference ── */
@media(prefers-reduced-motion:reduce){
 .wh-buyer-card,.wh-order-card,.wh-step,.cta-slim{transition:none!important;opacity:1!important;transform:none!important}
 .wh-step::after{transition:none!important}
}

/* ── Quality & Sourcing page: minimal centered hero ── */
.ql-hero{position:relative;overflow:hidden;min-height:340px;display:flex;align-items:center;text-align:center;color:#fff;padding:56px 0;background:linear-gradient(165deg,#0f2f20 0%,#173d2a 55%,#20502f 100%)}
.ql-hero .container{position:relative;z-index:1}
.ql-hero-inner{max-width:640px;margin:0 auto}
.ql-hero-inner .crumb{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#a9c2b0;display:flex;justify-content:center;margin-bottom:14px}
.ql-hero-inner .fn-eyebrow{color:#c7d995;display:block;margin-bottom:12px}
.ql-hero-inner h1{font:700 clamp(28px,4.2vw,44px)/1.14 "Playfair Display",serif;letter-spacing:-.02em;margin:0 0 16px}
.ql-hero-inner p{font-size:13.5px;line-height:1.85;color:#cddbcf;margin:0 auto;max-width:560px}
@media(max-width:767px){.ql-hero{min-height:0;padding:64px 0}}

/* ── Quality & Sourcing page: interactive animated 5-step process ── */
.ql-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ql-step{position:relative;text-align:center;padding:0 6px;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.ql-step.is-visible{opacity:1;transform:translateY(0)}
.ql-step:nth-child(1){transition-delay:.05s}
.ql-step:nth-child(2){transition-delay:.15s}
.ql-step:nth-child(3){transition-delay:.25s}
.ql-step:nth-child(4){transition-delay:.35s}
.ql-step:nth-child(5){transition-delay:.45s}
.ql-step:not(:first-child)::before{content:'';position:absolute;top:26px;left:-50%;width:100%;height:2px;background:var(--fn-line);z-index:0}
.ql-step:not(:first-child)::after{content:'';position:absolute;top:26px;left:-50%;width:0;height:2px;background:linear-gradient(90deg,var(--fn-green),var(--fn-gold));z-index:1;transition:width .9s ease .25s}
.ql-step.is-visible:not(:first-child)::after{width:100%}
.ql-step-node{width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid var(--fn-green);display:grid;place-items:center;font-size:18px;color:var(--fn-green);margin:0 auto 16px;position:relative;z-index:2;transition:transform .35s,background .35s,color .35s,box-shadow .35s}
.ql-step:hover .ql-step-node{background:var(--fn-green);color:#fff;transform:scale(1.08);box-shadow:0 10px 24px rgba(23,61,42,.25)}
.ql-step-copy em{display:block;font:700 10px "DM Sans",sans-serif;letter-spacing:.12em;color:var(--fn-gold);font-style:normal;margin-bottom:4px}
.ql-step-copy h4{font:700 15px "Playfair Display";margin:0 0 6px;color:var(--fn-text)}
.ql-step-copy p{font-size:10.5px;line-height:1.65;color:var(--fn-muted);margin:0 auto;max-width:180px}
@media(max-width:767px){
 .ql-steps{grid-template-columns:1fr;gap:0}
 .ql-step{text-align:left;display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;padding:0 0 26px}
 .ql-step:last-child{padding-bottom:0}
 .ql-step::before,.ql-step::after{display:none}
 .ql-step-node{margin:0}
 .ql-step-copy p{max-width:none}
}

/* ── Quality & Sourcing page: product specification panel ── */
.ql-spec{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.ql-spec-copy h2{font:700 34px/1.1 "Playfair Display";margin:10px 0 14px}
.ql-spec-copy p{font-size:12px;line-height:1.9;color:#667067;margin:0 0 20px}
.ql-spec-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;list-style:none;padding:0;margin:0}
.ql-spec-list li{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:var(--fn-text)}
.ql-spec-list li i{width:20px;height:20px;border-radius:50%;background:#e8f1e5;color:#2f6b3a;display:grid;place-items:center;font-size:9px;flex:0 0 auto}
.ql-spec-art{min-height:340px;border-radius:25px;background:linear-gradient(145deg,#d6c49d,#6f8a5c);display:grid;place-items:center;position:relative;overflow:hidden}
.ql-spec-art i{font-size:100px;color:rgba(255,255,255,.55)}
@media(max-width:991px){.ql-spec{grid-template-columns:1fr}.ql-spec-art{min-height:260px}}
@media(max-width:767px){.ql-spec-list{grid-template-columns:1fr}}

/* ── Quality & Sourcing page: respect reduced-motion preference ── */
@media(prefers-reduced-motion:reduce){
 .ql-step{transition:none!important;opacity:1!important;transform:none!important}
 .ql-step::after{transition:none!important}
}

/* ── Contact page: icon-badge contact methods ── */
.ct-method-icon{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#dec27c;font-size:13px;flex:0 0 auto}

/* ── Contact page: fastest-route cards, senior-level treatment ── */
.ct-route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ct-route-card{position:relative;padding:26px 22px;border-radius:18px;border:1px solid var(--fn-line);background:#fff;opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease,box-shadow .3s ease,border-color .3s ease}
.ct-route-card.is-visible{opacity:1;transform:translateY(0)}
.ct-route-card:nth-child(1){transition-delay:.05s}
.ct-route-card:nth-child(2){transition-delay:.13s}
.ct-route-card:nth-child(3){transition-delay:.21s}
.ct-route-card:nth-child(4){transition-delay:.29s}
.ct-route-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(23,61,42,.1);border-color:transparent}
.ct-route-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,#eef3e6,#fff);display:grid;place-items:center;font-size:18px;color:var(--fn-green);margin-bottom:14px;transition:background .3s,color .3s,transform .3s}
.ct-route-card:hover .ct-route-icon{background:var(--fn-green);color:#fff;transform:rotate(-6deg) scale(1.06)}
.ct-route-card h3{font:700 17px "Playfair Display";margin:0 0 6px}
.ct-route-card p{font-size:10.5px;line-height:1.65;color:var(--fn-muted);margin:0 0 12px;min-height:34px}
.ct-route-card .fn-link{font-size:10.5px}
@media(max-width:991px){.ct-route-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.ct-route-grid{grid-template-columns:1fr}}

/* ── Contact page: quick-answer cards ── */
.ct-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ct-faq-card{padding:20px;border-radius:16px;background:#fff;border:1px solid var(--fn-line);opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease,box-shadow .3s ease,border-color .3s ease}
.ct-faq-card.is-visible{opacity:1;transform:translateY(0)}
.ct-faq-card:nth-child(1){transition-delay:.05s}
.ct-faq-card:nth-child(2){transition-delay:.15s}
.ct-faq-card:nth-child(3){transition-delay:.25s}
.ct-faq-card:hover{box-shadow:0 16px 34px rgba(23,61,42,.09);border-color:transparent}
.ct-faq-card h4{font:700 15px "Playfair Display";margin:0 0 6px}
.ct-faq-card p{font-size:10.5px;line-height:1.6;color:var(--fn-muted);margin:0}
@media(max-width:991px){.ct-faq-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.ct-faq-grid{grid-template-columns:1fr}}

/* ── FAQ page: branded accordion (overrides Bootstrap defaults) ── */
.faq-layout-v2 .accordion-item{border:1px solid var(--fn-line);border-radius:14px!important;overflow:hidden;margin-bottom:10px}
.faq-layout-v2 .accordion-button{background:#fff;padding:16px 20px;font-size:12px}
.faq-layout-v2 .accordion-button:not(.collapsed){background:#eaf0e5;color:var(--fn-green);box-shadow:none}
.faq-layout-v2 .accordion-button:focus{box-shadow:0 0 0 2px rgba(23,61,42,.15)}
.faq-layout-v2 .accordion-body{padding:2px 20px 18px;font-size:11px;line-height:1.85;color:var(--fn-muted)}
.faq-cats a{transition:background .2s,color .2s}

/* ── Industries page: richer per-industry art panels + reveal ── */
.industry-row{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.industry-row.is-visible{opacity:1;transform:translateY(0)}
.industry-art{transition:transform .4s ease}
.industry-row:hover .industry-art{transform:scale(1.03)}
.industry-art i{color:rgba(255,255,255,.85)!important}
.industry-art.t1{background:linear-gradient(145deg,#8a6c4e,#5c4530)}
.industry-art.t2{background:linear-gradient(145deg,#1d4a33,#0c2318)}
.industry-art.t3{background:linear-gradient(145deg,#7b9364,#4f6b3d)}
.industry-art.t4{background:linear-gradient(145deg,#a8bf61,#5f7a37)}
.industry-art.t5{background:linear-gradient(145deg,#c9a24a,#8a6c2b)}
.industry-art.t6{background:linear-gradient(145deg,#173d2a,#20502f)}
.industry-products span{transition:background .2s,color .2s}
.industry-row:hover .industry-products span{background:#e0e8d7}

/* ── Insights page: featured post + article grid polish ── */
.blog-feature{transition:box-shadow .35s ease}
.blog-feature:hover{box-shadow:0 26px 54px rgba(23,61,42,.14)}
.blog-card-v2{transition:transform .4s cubic-bezier(.22,.9,.35,1),box-shadow .35s ease;opacity:0;transform:translateY(20px)}
.blog-card-v2.is-visible{opacity:1;transform:translateY(0)}
.blog-card-v2:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(23,61,42,.12)}
.blog-card-v2 .body{display:flex;flex-direction:column}
.blog-card-v2 .fn-link{margin-top:auto;padding-top:4px}
.newsletter{background:linear-gradient(120deg,var(--fn-green),#0f2f20)}
.newsletter input{color:var(--fn-text)}
.newsletter button{transition:background .2s}
.newsletter button:hover{background:#e3c979}

/* ── Article page: editorial header, typography, related reads ── */
.article-head{padding:52px 0 36px;background:var(--fn-cream);border-bottom:1px solid var(--fn-line)}
.article-head .crumb{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#8a9184;margin-bottom:12px}
.article-head h1{font:700 clamp(30px,4.6vw,48px)/1.12 "Playfair Display",serif;letter-spacing:-.02em;margin:10px 0 16px;max-width:820px}
.article-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--fn-muted)}
.article-meta span{display:flex;align-items:center;gap:6px}
.article-meta i{color:var(--fn-green)}
.article-hero-img{max-width:900px;margin:-10px auto 0;padding:0 20px}
.article-hero-img img{width:100%;border-radius:20px;box-shadow:0 24px 50px rgba(23,61,42,.14);display:block}
.article-body{max-width:760px;margin:0 auto;padding:44px 20px 10px;font-size:13.5px;line-height:1.95;color:#3d443e}
.article-body h2{font:700 27px/1.2 "Playfair Display";margin:36px 0 14px;color:var(--fn-text)}
.article-body h3{font:700 20px/1.3 "Playfair Display";margin:28px 0 12px;color:var(--fn-text)}
.article-body p{margin:0 0 18px}
.article-body ul,.article-body ol{margin:0 0 18px;padding-left:22px}
.article-body li{margin-bottom:8px}
.article-body a{color:var(--fn-green);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.article-body img{width:100%;border-radius:16px;margin:22px 0}
.article-body blockquote{margin:26px 0;padding:18px 22px;border-left:3px solid var(--fn-gold);background:var(--fn-soft);border-radius:0 14px 14px 0;font-style:italic;color:var(--fn-text)}
.article-body strong{color:var(--fn-text)}
.article-related a{transition:transform .3s ease,box-shadow .3s ease}
.article-related a:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(23,61,42,.1)}

@media(max-width:767px){.article-head{padding:38px 0 28px}.article-body{padding-top:30px}}

/* ── Contact page: respect reduced-motion preference ── */
@media(prefers-reduced-motion:reduce){
 .ct-route-card,.ct-faq-card{transition:none!important;opacity:1!important;transform:none!important}
 .industry-row,.blog-card-v2{transition:none!important;opacity:1!important;transform:none!important}
}

/* ── Site-wide: pagination ── */
.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:36px;flex-wrap:wrap}
.pager-arrow,.pager-num{min-width:38px;height:38px;padding:0 8px;border-radius:10px;border:1px solid var(--fn-line,var(--line));background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--fn-text,var(--ink));transition:background .2s,color .2s,border-color .2s}
.pager-arrow:hover,.pager-num:hover{background:var(--fn-soft,#f4f5f1);border-color:var(--fn-green,var(--green))}
.pager-num.active{background:var(--fn-green,var(--green));border-color:var(--fn-green,var(--green));color:#fff;cursor:default}
.pager-arrow.disabled{opacity:.35;pointer-events:none}
.pager-dots{color:var(--fn-muted,#8a908a);font-size:11px;padding:0 2px}

/* Generated brand photography */
.slide-shea{background-image:url('../img/heroes/home-shea.jpg');background-position:center;background-size:cover}
.slide-oils{background-image:url('../img/heroes/home-oils.jpg');background-position:center;background-size:cover}
.slide-bulk{background-image:url('../img/heroes/home-wholesale.jpg');background-position:center;background-size:cover}
.hero-scene{display:none}
.hero-shade{background:linear-gradient(90deg,rgba(7,22,15,.92) 0%,rgba(9,27,18,.76) 43%,rgba(9,24,17,.16) 78%,rgba(9,24,17,.04))}
.ql-hero,.about-hero{background-image:linear-gradient(90deg,rgba(8,29,19,.9),rgba(13,44,29,.72)),url('../img/heroes/interior-pages.jpg');background-position:center;background-size:cover}
.wh-hero{background-image:linear-gradient(90deg,rgba(38,24,13,.88),rgba(31,40,23,.58)),url('../img/heroes/home-wholesale.jpg');background-position:center;background-size:cover}
.ql-hero-icon,.ab-leaf{display:none}
@media(max-width:700px){.slide-shea,.slide-oils,.slide-bulk{background-position:68% center}.hero-shade{background:rgba(8,27,18,.76)}.ql-hero,.about-hero,.wh-hero{background-position:65% center}}