:root{--green:#27483a;--green2:#3f6a52;--gold:#b08a45;--cream:#f2eadb;--ivory:#fbfaf6;--ink:#24312b;--muted:#68736d;--brown:#765b3c;--line:#ded8ca;--shadow:0 18px 50px rgba(39,72,58,.10);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.65}a{color:inherit}.container{width:min(92%,1160px);margin:auto}.topbar{background:var(--green);color:#fff;font-size:.84rem}.topbar .container{display:flex;justify-content:space-between;gap:18px;padding:8px 0}.nav{background:rgba(251,250,246,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}.navin{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--green)}.brand-mark{width:46px;height:46px;border:2px solid var(--gold);border-radius:50% 50% 44% 44%;display:grid;place-items:center;font-family:Outfit,sans-serif;font-weight:800;color:var(--green);background:#fff}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy b{font-family:Outfit,sans-serif;font-size:1.12rem}.brand-copy small{font-size:.65rem;color:var(--brown);margin-top:5px}.links{display:flex;align-items:center;gap:16px}.links a,.mobile-links a{text-decoration:none;font-weight:700;font-size:.88rem;color:var(--green)}.links a.active{color:var(--gold)}.menu-toggle{display:none;position:relative}.menu-button{cursor:pointer;font-weight:800;color:var(--green);list-style:none}.mobile-links{position:absolute;right:0;top:40px;width:230px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow);display:grid;gap:12px}.hero{padding:78px 0 60px;background:linear-gradient(135deg,#e7efe1 0%,#fbfaf6 55%,#f2eadb 100%)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:800;color:var(--gold);margin-bottom:10px}h1,h2,h3{font-family:Outfit,sans-serif;line-height:1.08;margin:0 0 16px;color:var(--green)}h1{font-size:clamp(3rem,6vw,5.6rem);letter-spacing:-.04em}h1 span{color:var(--gold)}h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.025em}h3{font-size:1.28rem}.lead{font-size:1.1rem;color:var(--muted);max-width:720px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid transparent;transition:.18s}.btn.primary{background:var(--green);color:#fff}.btn.secondary{background:transparent;border-color:var(--green);color:var(--green)}.btn.gold{background:var(--gold);color:#fff}.btn.large{padding:14px 26px;font-size:1.02rem}.btn:hover{transform:translateY(-2px)}.hero-panel{background:#fff;border:1px solid var(--line);border-radius:30px;padding:38px;box-shadow:var(--shadow)}.hero-badge{width:145px;height:145px;border:2px solid var(--gold);border-radius:50% 50% 44% 44%;display:grid;place-items:center;text-align:center;margin-bottom:25px;font-family:Outfit,sans-serif;font-weight:800;color:var(--green);background:linear-gradient(#fff,#f5efe3)}.mini-pills{display:flex;gap:8px;flex-wrap:wrap}.mini-pills span,.tag{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--cream);color:var(--brown);font-size:.77rem;font-weight:800}.trust{padding:12px 0;background:var(--ivory)}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.trustitem{text-align:center;font-weight:800;color:var(--green);padding:8px}section{padding:70px 0}.section-head{max-width:790px;margin-bottom:30px}.section-head p,.card p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-products{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.home-products .card{padding:18px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ghee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 10px 35px rgba(39,72,58,.06)}.product-card{display:flex;flex-direction:column}.product-card p{flex:1}.product-icon{height:120px;border-radius:17px;background:linear-gradient(145deg,#edf2e8,#eee4d3);display:grid;place-items:center;font-size:3.2rem;margin-bottom:18px}.price{font-family:Outfit,sans-serif;font-size:1.22rem;font-weight:800;color:var(--gold);margin:0 0 8px}.soft-section{background:#f4f0e6}.split,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.quote{border-left:4px solid var(--gold);padding-left:18px;color:var(--brown);font-size:1.08rem;font-weight:700}.note{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px}.list{display:grid;gap:12px;margin:20px 0}.list div{display:flex;gap:10px}.check{width:25px;height:25px;border-radius:50%;background:var(--cream);display:grid;place-items:center;color:var(--green);font-weight:900;flex:none}.banner{background:var(--green);color:#fff;border-radius:30px;padding:42px}.banner h2{color:#fff}.banner p{color:#e7eee9}.reward-section{padding:40px 0}.reward-card{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(135deg,#fff8e8,#eef3e9);border:1px solid rgba(176,138,69,.45);border-radius:26px;padding:32px}.reward-card h2{font-size:clamp(1.7rem,3vw,2.6rem)}.reward-match{display:grid;gap:10px;min-width:260px}.reward-match b{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 15px;color:var(--green)}.pagehero{padding:56px 0;background:linear-gradient(135deg,#e7efe1,#f4eadb)}.pagehero h1{font-size:clamp(2.5rem,5vw,4.2rem)}.crumb{font-size:.84rem;color:var(--brown);font-weight:800;margin-bottom:11px}.order-gateway{display:grid;grid-template-columns:1fr 1fr;gap:20px}.order-gateway>div{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.order-cta{text-align:center;margin-top:28px;background:var(--cream);border-radius:24px;padding:34px}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:11px}.contact-links a{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;color:var(--green)}.contact-links span{font-size:.8rem;color:var(--muted)}.footer{background:#1d3028;color:#e8eee9;padding:54px 0 24px}.footergrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:34px}.footer h3{color:#fff}.footer a{color:#dfe9e2;text-decoration:none}.footer p{color:#c6d2cb}.socials{display:flex;gap:8px;flex-wrap:wrap}.socials a{padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.82rem}.copyright{border-top:1px solid rgba(255,255,255,.16);margin-top:34px;padding-top:17px;font-size:.84rem;color:#b9c8bf}.small{font-size:.88rem;color:var(--muted)}.float-wa{position:fixed;right:18px;bottom:18px;z-index:45;background:var(--gold);color:#fff;text-decoration:none;padding:12px 18px;border-radius:999px;font-weight:800;box-shadow:0 12px 30px rgba(176,138,69,.35)}.social-stack{position:fixed;right:18px;top:42%;z-index:40;display:grid;gap:8px}.social-stack a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff9ed;border:1px solid rgba(176,138,69,.55);color:var(--green);text-decoration:none;font-family:Outfit,sans-serif;font-weight:800;box-shadow:0 8px 22px rgba(39,72,58,.10)}
@media(max-width:1050px){.home-products{grid-template-columns:repeat(3,1fr)}.links{gap:10px}.links a{font-size:.78rem}}
@media(max-width:820px){.links{display:none}.menu-toggle{display:block}.hero-grid,.split,.two-col,.order-gateway{grid-template-columns:1fr}.cards,.product-grid,.ghee-grid,.home-products{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:1fr}.reward-card{display:grid}.social-stack{right:10px;top:auto;bottom:76px;display:flex}.social-stack a{width:38px;height:38px}.float-wa{right:12px;bottom:16px}.topbar .container{justify-content:center}.topbar .container span:last-child{display:none}}
@media(max-width:560px){section{padding:52px 0}.container{width:min(94%,1160px)}.hero{padding:52px 0}.hero h1{font-size:2.65rem}.cards,.product-grid,.ghee-grid,.home-products,.contact-links,.trustgrid{grid-template-columns:1fr}.actions .btn{width:100%}.banner{padding:28px 20px}.reward-card{padding:24px}.reward-match{min-width:0}.brand-copy small{display:none}.social-stack{left:50%;right:auto;transform:translateX(-50%);bottom:74px;background:rgba(251,250,246,.95);padding:5px;border-radius:999px}.float-wa{left:12px;right:12px;text-align:center}.footer{padding-bottom:120px}}

/* Final designer logo assets */
.brand-logo{display:flex;align-items:center;min-width:0}
.brand-logo img{display:block;width:auto;height:76px;max-width:430px;object-fit:contain}
@media(max-width:900px){.brand-logo img{height:62px;max-width:300px}}
@media(max-width:520px){.brand-logo img{height:54px;max-width:245px}}

/* V3 mobile social-stack fix: keep controls clear of the bottom Order Now bar. */
@media(max-width:820px){
  .social-stack{right:8px;left:auto;top:50%;bottom:auto;transform:translateY(-50%);display:grid;background:rgba(251,250,246,.94);padding:5px;border-radius:999px;box-shadow:0 8px 22px rgba(39,72,58,.10)}
  .social-stack a{width:36px;height:36px}
}
@media(max-width:560px){
  .social-stack{right:6px;left:auto;top:52%;bottom:auto;transform:translateY(-50%);display:grid;padding:4px}
  .social-stack a{width:34px;height:34px;font-size:.86rem}
}


/* V3.1 mobile header fixes */
@media(max-width:820px){
  .topbar .container{justify-content:space-between;gap:10px;flex-wrap:nowrap;padding:7px 0;font-size:.78rem}
  .topbar .container span{display:block!important;white-space:nowrap}
  .brand-logo{flex:0 1 72%;overflow:visible}
  .brand-logo img{display:block!important;visibility:visible!important;opacity:1!important;width:min(100%,300px);height:auto;max-height:66px;object-fit:contain;object-position:left center}
  .menu-toggle{flex:none}
}
@media(max-width:520px){
  .topbar .container{font-size:.68rem;gap:7px}
  .topbar .container span:first-child{overflow:hidden;text-overflow:ellipsis}
  .brand-logo{flex-basis:68%}
  .brand-logo img{width:100%;height:auto;max-height:58px;max-width:270px}
}
@media(max-width:390px){
  .topbar .container{font-size:.62rem}
}

/* ===== CowSoul Farms V4 ===== */
body{overflow-x:hidden}.v4-splash{position:fixed;inset:0;background:#fbfaf6;z-index:9999;display:grid;place-items:center;animation:splashOut .65s ease 1.15s forwards}.v4-splash img{width:min(76vw,520px);animation:splashIn .65s ease both}@keyframes splashIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes splashOut{to{opacity:0;visibility:hidden}}
.topbar.v4bar{background:#0f5a3b}.topbar.v4bar .container{justify-content:center;gap:22px;font-weight:700}.topbar.v4bar b{color:#f2d07c}.v4-hero{position:relative;height:clamp(520px,63vw,710px);overflow:hidden;background:#e9e0cc}.v4-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;background-size:cover;background-position:center}.v4-slide.active{opacity:1}.v4-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,45,34,.72) 0%,rgba(20,45,34,.38) 46%,rgba(20,45,34,.06) 76%)}.v4-hero-copy{position:relative;z-index:2;color:#fff;padding-top:clamp(70px,10vw,125px);max-width:700px}.v4-hero-copy h1{color:#fff;font-family:Georgia,serif;font-size:clamp(2.7rem,6vw,5.4rem);text-shadow:0 2px 16px rgba(0,0,0,.2)}.v4-hero-copy h1 span{color:#f1d18b}.v4-hero-copy p{font-size:clamp(1rem,2vw,1.25rem);max-width:620px}.v4-dots{position:absolute;z-index:5;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.hero-dot{width:11px;height:11px;border-radius:50%;border:1px solid #fff;background:rgba(255,255,255,.45);cursor:pointer}.hero-dot.active{background:#fff;width:28px;border-radius:20px}.v4-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.v4-category{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 20px;text-align:center;text-decoration:none;box-shadow:0 10px 35px rgba(39,72,58,.06)}.v4-category .ico{font-size:2.4rem}.v4-category h3{margin-top:10px}.placeholder{height:210px;border-radius:18px;background:linear-gradient(145deg,#f3efe7,#e6eadf);display:grid;place-items:center;text-align:center;color:#829087;font-weight:800;letter-spacing:.06em;margin-bottom:18px}.placeholder small{display:block;font-weight:500;letter-spacing:0;color:#9aa49e}.variants{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 15px}.variant{border:1px solid #cfc7b7;background:#fff;border-radius:999px;padding:7px 11px;font:inherit;font-size:.78rem;cursor:pointer;color:var(--green)}.variant.selected{background:var(--green);color:#fff;border-color:var(--green)}.philosophy{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.philosophy-art{min-height:440px;border-radius:28px;background:url('hero-cow.jpg') center/cover}.accordions details{border-bottom:1px solid var(--line);padding:17px 0}.accordions summary{font-family:Georgia,serif;font-size:1.45rem;color:var(--green);font-weight:700;cursor:pointer}.policy-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.policy-links a{font-size:.82rem;text-decoration:underline}.backtop{position:fixed;right:18px;bottom:18px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--gold);color:var(--green);text-decoration:none;z-index:44}.float-wa{display:none}.social-stack{left:0;right:auto;top:42%;padding:6px 5px;border-radius:0 16px 16px 0;background:rgba(251,250,246,.96)}
@media(max-width:820px){.v4-category-grid{grid-template-columns:repeat(2,1fr)}.philosophy{grid-template-columns:1fr}.philosophy-art{min-height:320px}.social-stack{left:5px;right:auto;top:auto;bottom:18px;transform:none;display:flex;border-radius:999px}.backtop{right:12px;bottom:20px}.v4-hero{height:620px}.v4-slide{background-position:center}.v4-hero-copy{padding:70px 18px 0}.topbar.v4bar .container{font-size:.68rem;gap:8px;justify-content:center;flex-wrap:wrap}.topbar.v4bar .container span{display:block!important}.navin{min-height:72px}}
@media(max-width:560px){.v4-category-grid{grid-template-columns:1fr 1fr}.v4-category{padding:18px 10px}.placeholder{height:180px}.social-stack a{width:34px;height:34px}.footer{padding-bottom:90px}}
/* V4.1 feedback pass */
.brand-logo img{display:block;width:clamp(230px,22vw,330px);height:auto;max-height:72px;object-fit:contain;object-position:left center}.navin{min-height:92px}.v4-splash img{width:min(42vw,330px);max-height:78vh;object-fit:contain}.topbar.v4bar .container{justify-content:space-between;max-width:1160px}.topbar.v4bar b{color:#fff}.clean-hero{height:clamp(520px,48vw,650px);background:#f6f0e4}.clean-hero .v4-slide:after{display:none}.farm-slide{background-image:linear-gradient(90deg,rgba(15,55,38,.86) 0%,rgba(15,55,38,.58) 40%,rgba(15,55,38,.05) 70%),url('hero-farm-clean.jpg');background-position:center;background-size:cover}.farm-slide .v4-hero-copy{padding-top:105px}.hero-split{height:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.light-copy{padding-top:0;color:var(--ink);max-width:640px}.light-copy h1{color:var(--green);text-shadow:none}.light-copy h1 span{color:#a36b18}.milk-slide{background:linear-gradient(110deg,#fff 0%,#fff 54%,#edf1e8 54%,#f7f1e4 100%)}.ghee-slide{background:linear-gradient(110deg,#fffaf0 0%,#fffaf0 54%,#f0dfb6 54%,#faf4e6 100%)}.hero-cta{background:#a94318;color:#fff;border-radius:12px;padding:14px 25px;box-shadow:0 10px 24px rgba(169,67,24,.22)}.hero-outline{border:1.5px solid #fff;color:#fff;border-radius:12px}.hero-art{height:72%;position:relative;display:grid;place-items:center}.bottle{width:150px;height:320px;border:4px solid rgba(80,90,82,.28);border-radius:30px 30px 40px 40px;background:rgba(255,255,255,.7);position:relative;box-shadow:0 28px 60px rgba(39,72,58,.12)}.bottle:before{content:"";position:absolute;width:88px;height:54px;border:4px solid rgba(80,90,82,.28);border-bottom:0;left:27px;top:-48px;border-radius:16px 16px 0 0;background:#fff}.bottle .cap{position:absolute;width:96px;height:18px;left:23px;top:-57px;background:#244d3a;border-radius:7px}.milk-fill{position:absolute;left:8px;right:8px;bottom:8px;height:78%;background:#fffdf6;border-radius:20px 20px 32px 32px}.glass-milk{position:absolute;width:110px;height:90px;border:3px solid rgba(80,90,82,.2);background:#fffdf6;right:14%;bottom:8%;border-radius:5px 5px 22px 22px}.ghee-bowl{width:280px;height:150px;border-radius:50% 50% 45% 45%;background:radial-gradient(ellipse at 50% 25%,#ffd866 0%,#e8a91f 62%,#a56a12 100%);box-shadow:0 35px 55px rgba(125,82,12,.22);border:12px solid #efe1c1}.ghee-spoon{position:absolute;width:280px;height:24px;background:linear-gradient(90deg,#9b6c33,#d2ae6c);border-radius:999px;transform:rotate(-18deg);right:7%;top:35%}.trial-section{padding:34px 0;background:#f7f1e5}.trial-banner{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;background:#fff;border:1px solid #ddcfb7;border-radius:28px;padding:30px;box-shadow:var(--shadow)}.trial-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trial-options a{display:grid;gap:4px;padding:20px;border-radius:18px;text-decoration:none;background:var(--green);color:#fff}.trial-options b{font-family:Outfit,sans-serif;font-size:1.15rem}.trial-options span{color:#f5d58b;font-weight:800}.trial-options small{color:#e5eee8}.trial-pulse{animation:trialPulse 1.1s ease}@keyframes trialPulse{50%{background:#efe0bd}}.product-carousel-section{padding:58px 0}.carousel-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.carousel-controls{display:flex;gap:8px}.carousel-controls button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--green);font-size:1.2rem;cursor:pointer}.product-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 18px;scrollbar-width:thin}.carousel-product{flex:0 0 245px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(39,72,58,.07)}.product-photo-placeholder,.category-photo{height:190px;background:linear-gradient(145deg,#f6f3ed,#e9eee7);display:grid;place-content:center;text-align:center;color:#839087;font-weight:800;font-size:.78rem;letter-spacing:.08em}.product-photo-placeholder small{letter-spacing:0;font-weight:500;margin-top:4px}.cp-copy{padding:18px;display:grid;gap:10px}.cp-copy h3{margin:0}.cp-copy b{color:var(--gold);font-size:1.12rem}.mini-area{font-size:.72rem;font-weight:800;color:var(--brown);background:var(--cream);padding:5px 9px;border-radius:999px;width:max-content}.visual-categories .v4-category{padding:0 0 20px;overflow:hidden}.visual-categories .category-photo{height:185px;margin-bottom:20px}.visual-categories p{margin-bottom:0}.why-section{background:#fff}.centered{text-align:center;margin-left:auto;margin-right:auto}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.why-grid>div{text-align:center;padding:12px 24px;border-right:1px solid var(--line)}.why-grid>div:last-child{border-right:0}.why-grid span{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;border:2px solid #a94318;color:#a94318;font-size:2rem}.why-grid h3{font-size:1.05rem}.why-grid p{font-size:.9rem;color:var(--muted)}
.product-card .tag{margin-bottom:14px}.product-card .tag+h3{margin-top:0}.pin-card{max-width:760px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:var(--shadow)}.pin-form{display:flex;gap:10px;margin:22px 0}.pin-form input{flex:1;min-height:50px;border:1px solid #cfc7b7;border-radius:12px;padding:0 16px;font:inherit;font-size:1.05rem}.pin-result{margin:12px 0;padding:13px 15px;border-radius:12px;display:none}.pin-result.yes,.pin-result.no{display:block}.pin-result.yes{background:#e9f4ec;color:#215e37}.pin-result.no{background:#fff1e9;color:#8d3f22}.pin-result a{font-weight:800}.social-stack a{font-family:Arial,sans-serif;font-size:1.05rem;background:#fff;border-color:#ded8ca}.social-stack .fb{color:#1877f2}.social-stack .ig{color:#c13584}.social-stack .gb{color:#4285f4}.social-stack .wa{color:#128c7e}.social-stack a:hover{transform:translateX(3px);box-shadow:0 10px 26px rgba(39,72,58,.18)}
@media(max-width:820px){.brand-logo img{width:220px;max-height:58px}.navin{min-height:74px}.hero-split{grid-template-columns:1fr}.hero-art{position:absolute;right:-10%;bottom:-6%;width:54%;height:56%;opacity:.48}.light-copy{position:relative;z-index:2;padding:64px 18px 0}.trial-banner{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr}.why-grid>div:nth-child(2){border-right:0}.why-grid>div{border-bottom:1px solid var(--line)}.topbar.v4bar .container{justify-content:center}.clean-hero{height:600px}.farm-slide{background-position:58% center}}
@media(max-width:560px){.v4-splash img{width:min(68vw,290px)}.brand-logo img{width:185px}.topbar.v4bar .container{font-size:.64rem;line-height:1.35;text-align:center}.topbar.v4bar .container span{white-space:normal}.trial-options{grid-template-columns:1fr}.carousel-product{flex-basis:78vw}.why-grid{grid-template-columns:1fr}.why-grid>div{border-right:0}.hero-art{width:68%;right:-20%}.pin-form{display:grid}.family-section .v4-category-grid{grid-template-columns:1fr 1fr}.visual-categories .category-photo{height:130px}}

/* Feedback Batch 01 — scoped overrides only */
.topbar.v4bar{background:#9a6a2f!important;color:#fff;}
.topbar.v4bar b{color:#fff!important;}
.brand-logo img{background:transparent!important;}
.mobile-only{display:none;}
@media(max-width:820px){
  .copyright .footer-tagline{display:block;margin-top:4px;}
  .copyright .footer-tagline::first-line{line-height:1.45;}
  .mobile-only{display:block;}
}

/* Batch 02: announcement bar + mobile footer tagline */
.topbar.v4bar{background:#9A6A2F !important;color:#fff !important;}
.topbar.v4bar b,.topbar.v4bar span{color:#fff !important;}
.mobile-only{display:none;}
@media(max-width:820px){
  .copyright .footer-tagline{display:block !important;margin-top:5px;}
  .copyright .footer-tagline .mobile-only{display:block !important;}
  .mobile-only{display:block !important;}
}
@media(max-width:820px){
 .copyright .footer-tagline>span{display:block;}
 .copyright .footer-tagline br.mobile-only{display:none !important;}
}

/* Batch 03: mobile footer tagline on one line */
@media(max-width:820px){
  .copyright .footer-tagline{display:inline !important;margin-top:0 !important;white-space:nowrap;}
  .copyright .footer-tagline>span{display:inline !important;}
  .copyright .footer-tagline>span+span::before{content:' ';}
  .copyright .footer-tagline br.mobile-only{display:none !important;}
}

/* Batch 4: preserve visible spacing in footer tagline */
.footer-tagline{white-space:nowrap!important;}

/* Batch 05: keep common mobile navigation items on separate lines on every page */
@media(max-width:820px){
  .mobile-links{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;}
  .mobile-links a{display:block !important;width:100% !important;white-space:normal !important;}
}

/* Batch 06: premium social brand icons — visual-only, consistent site-wide */
.social-stack a{position:relative;overflow:hidden;background:#fff!important;color:transparent!important;border:1px solid #e4ddcf!important;box-shadow:0 8px 22px rgba(39,72,58,.14)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.social-stack a span{font-size:0!important;width:25px;height:25px;display:block;background-position:center;background-repeat:no-repeat;background-size:contain}
.social-stack .fb span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231877F2'/%3E%3Cpath fill='white' d='M13.7 21v-8h2.7l.4-3h-3.1V8.1c0-.9.3-1.5 1.6-1.5H17V3.9c-.3 0-1.3-.1-2.4-.1-2.4 0-4 1.4-4 4.1V10H8v3h2.6v8h3.1z'/%3E%3C/svg%3E")}
.social-stack .ig span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CradialGradient id='g' cx='30%25' cy='107%25' r='150%25'%3E%3Cstop offset='0' stop-color='%23ffd600'/%3E%3Cstop offset='.45' stop-color='%23ff7a00'/%3E%3Cstop offset='.68' stop-color='%23ff0169'/%3E%3Cstop offset='1' stop-color='%23d300c5'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='12' fill='url(%23g)'/%3E%3Crect x='5.8' y='5.8' width='12.4' height='12.4' rx='3.8' fill='none' stroke='white' stroke-width='1.8'/%3E%3Ccircle cx='12' cy='12' r='3.1' fill='none' stroke='white' stroke-width='1.8'/%3E%3Ccircle cx='16.4' cy='7.8' r='1.1' fill='white'/%3E%3C/svg%3E")}
.social-stack .gb span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='white'/%3E%3Cpath fill='%234285F4' d='M20.6 12.2c0-.7-.1-1.3-.2-1.9H12v3.6h4.8a4.1 4.1 0 0 1-1.8 2.7v2.3h2.9c1.7-1.6 2.7-3.9 2.7-6.7z'/%3E%3Cpath fill='%2334A853' d='M12 21c2.4 0 4.5-.8 6-2.1l-2.9-2.3c-.8.5-1.8.9-3.1.9-2.3 0-4.3-1.6-5-3.7H4v2.4A9 9 0 0 0 12 21z'/%3E%3Cpath fill='%23FBBC05' d='M7 13.8a5.4 5.4 0 0 1 0-3.6V7.8H4a9 9 0 0 0 0 8.4l3-2.4z'/%3E%3Cpath fill='%23EA4335' d='M12 6.5c1.4 0 2.6.5 3.5 1.4l2.6-2.6A8.8 8.8 0 0 0 12 3a9 9 0 0 0-8 4.8l3 2.4c.7-2.1 2.7-3.7 5-3.7z'/%3E%3C/svg%3E")}
.social-stack .wa span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%2325D366'/%3E%3Cpath fill='white' d='M18.1 5.8A8.4 8.4 0 0 0 5 16l-1.1 4.1 4.2-1.1a8.4 8.4 0 0 0 10-13.2zm-6 11.9a6.9 6.9 0 0 1-3.5-1l-.3-.2-2.5.7.7-2.4-.2-.3a6.9 6.9 0 1 1 5.8 3.2zm3.8-5.1c-.2-.1-1.2-.6-1.4-.7-.2-.1-.3-.1-.5.1l-.7.9c-.1.2-.3.2-.5.1a5.6 5.6 0 0 1-2.8-2.5c-.2-.3.2-.4.5-1 .1-.1.1-.3 0-.4l-.6-1.5c-.1-.3-.3-.3-.5-.3h-.4c-.2 0-.4.1-.6.3-.2.2-.8.8-.8 2 0 1.2.9 2.4 1 2.5.1.2 1.8 2.8 4.4 3.9 1.6.7 2.2.7 3 .6.5-.1 1.2-.5 1.4-1 .2-.5.2-1 .1-1.1-.1-.1-.2-.2-.4-.3z'/%3E%3C/svg%3E")}
.social-stack a:hover{transform:translateX(3px);box-shadow:0 10px 28px rgba(39,72,58,.22)!important}
.contact-links a{position:relative}
.contact-links a::after{content:'';position:absolute;right:14px;top:14px;width:30px;height:30px;background-position:center;background-repeat:no-repeat;background-size:contain}
.contact-links a[href*='facebook.com']::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231877F2'/%3E%3Cpath fill='white' d='M13.7 21v-8h2.7l.4-3h-3.1V8.1c0-.9.3-1.5 1.6-1.5H17V3.9c-.3 0-1.3-.1-2.4-.1-2.4 0-4 1.4-4 4.1V10H8v3h2.6v8h3.1z'/%3E%3C/svg%3E")}
.contact-links a[href*='instagram.com']::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CradialGradient id='g' cx='30%25' cy='107%25' r='150%25'%3E%3Cstop offset='0' stop-color='%23ffd600'/%3E%3Cstop offset='.45' stop-color='%23ff7a00'/%3E%3Cstop offset='.68' stop-color='%23ff0169'/%3E%3Cstop offset='1' stop-color='%23d300c5'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='12' fill='url(%23g)'/%3E%3Crect x='5.8' y='5.8' width='12.4' height='12.4' rx='3.8' fill='none' stroke='white' stroke-width='1.8'/%3E%3Ccircle cx='12' cy='12' r='3.1' fill='none' stroke='white' stroke-width='1.8'/%3E%3Ccircle cx='16.4' cy='7.8' r='1.1' fill='white'/%3E%3C/svg%3E")}
.contact-links a[href*='share.google']::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='white'/%3E%3Cpath fill='%234285F4' d='M20.6 12.2c0-.7-.1-1.3-.2-1.9H12v3.6h4.8a4.1 4.1 0 0 1-1.8 2.7v2.3h2.9c1.7-1.6 2.7-3.9 2.7-6.7z'/%3E%3Cpath fill='%2334A853' d='M12 21c2.4 0 4.5-.8 6-2.1l-2.9-2.3c-.8.5-1.8.9-3.1.9-2.3 0-4.3-1.6-5-3.7H4v2.4A9 9 0 0 0 12 21z'/%3E%3Cpath fill='%23FBBC05' d='M7 13.8a5.4 5.4 0 0 1 0-3.6V7.8H4a9 9 0 0 0 0 8.4l3-2.4z'/%3E%3Cpath fill='%23EA4335' d='M12 6.5c1.4 0 2.6.5 3.5 1.4l2.6-2.6A8.8 8.8 0 0 0 12 3a9 9 0 0 0-8 4.8l3 2.4c.7-2.1 2.7-3.7 5-3.7z'/%3E%3C/svg%3E")}
.contact-links a[href*='wa.me']::after,.contact-links a[href*='whatsapp.com/channel']::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%2325D366'/%3E%3Cpath fill='white' d='M18.1 5.8A8.4 8.4 0 0 0 5 16l-1.1 4.1 4.2-1.1a8.4 8.4 0 0 0 10-13.2zm-6 11.9a6.9 6.9 0 0 1-3.5-1l-.3-.2-2.5.7.7-2.4-.2-.3a6.9 6.9 0 1 1 5.8 3.2zm3.8-5.1c-.2-.1-1.2-.6-1.4-.7-.2-.1-.3-.1-.5.1l-.7.9c-.1.2-.3.2-.5.1a5.6 5.6 0 0 1-2.8-2.5c-.2-.3.2-.4.5-1 .1-.1.1-.3 0-.4l-.6-1.5c-.1-.3-.3-.3-.5-.3h-.4c-.2 0-.4.1-.6.3-.2.2-.8.8-.8 2 0 1.2.9 2.4 1 2.5.1.2 1.8 2.8 4.4 3.9 1.6.7 2.2.7 3 .6.5-.1 1.2-.5 1.4-1 .2-.5.2-1 .1-1.1-.1-.1-.2-.2-.4-.3z'/%3E%3C/svg%3E")}
.contact-links a[href*='youtube.com']::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23FF0000'/%3E%3Cpath fill='white' d='M9.7 8.2v7.6l6.6-3.8-6.6-3.8z'/%3E%3C/svg%3E")}

/* Batch 7: premium contact icons + WhatsApp Business on the common floating rail */
.social-stack .wa span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%2325D366'/%3E%3Cpath fill='white' d='M6.2 4.7h6.2c3.6 0 5.7 1.6 5.7 4.4 0 1.7-.9 3-2.4 3.7 2 .6 3.1 2 3.1 4.1 0 3-2.3 4.8-6.2 4.8H6.2v-17zm4 6.8h2c1.4 0 2.1-.6 2.1-1.7 0-1.1-.7-1.6-2.2-1.6h-1.9v3.3zm0 6.6h2.4c1.6 0 2.4-.6 2.4-1.8 0-1.2-.8-1.8-2.5-1.8h-2.3v3.6z'/%3E%3C/svg%3E")!important}
.contact-links a{padding-right:62px;min-height:96px;justify-content:center;box-shadow:0 8px 24px rgba(39,72,58,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.contact-links a:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(39,72,58,.12);border-color:rgba(176,138,69,.55)}
.contact-links a::after{right:18px;top:50%;transform:translateY(-50%);width:38px;height:38px;filter:drop-shadow(0 4px 7px rgba(39,72,58,.12))}
/* Direct order/chat is WhatsApp Business; channel retains standard WhatsApp branding. */
.contact-links a[href^='https://wa.me/']::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%2325D366'/%3E%3Cpath fill='white' d='M6.2 4.7h6.2c3.6 0 5.7 1.6 5.7 4.4 0 1.7-.9 3-2.4 3.7 2 .6 3.1 2 3.1 4.1 0 3-2.3 4.8-6.2 4.8H6.2v-17zm4 6.8h2c1.4 0 2.1-.6 2.1-1.7 0-1.1-.7-1.6-2.2-1.6h-1.9v3.3zm0 6.6h2.4c1.6 0 2.4-.6 2.4-1.8 0-1.2-.8-1.8-2.5-1.8h-2.3v3.6z'/%3E%3C/svg%3E")!important}

/* Batch 8: mobile social rail stays vertically fixed on the LEFT across the site. */
@media (max-width:820px){
  .social-stack{
    left:0!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    display:grid!important;
    gap:7px!important;
    padding:6px 5px!important;
    border-radius:0 16px 16px 0!important;
    background:rgba(251,250,246,.96)!important;
    box-shadow:0 8px 22px rgba(39,72,58,.10)!important;
  }
  .social-stack a{width:38px!important;height:38px!important}
}
@media (max-width:560px){
  .social-stack{
    left:0!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    display:grid!important;
  }
  .social-stack a{width:36px!important;height:36px!important}
}

/* Batch 9: mobile social rail moved from LEFT to RIGHT, vertical and content-safe. */
@media (max-width:820px){
  .social-stack{
    left:auto!important;
    right:0!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    display:grid!important;
    gap:7px!important;
    padding:6px 5px!important;
    border-radius:16px 0 0 16px!important;
    background:rgba(251,250,246,.96)!important;
    box-shadow:0 8px 22px rgba(39,72,58,.10)!important;
  }
  .social-stack a{width:38px!important;height:38px!important}
  .social-stack a:hover{transform:translateX(-3px)!important}
}
@media (max-width:560px){
  .social-stack{
    left:auto!important;
    right:0!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    display:grid!important;
  }
  .social-stack a{width:36px!important;height:36px!important}
}


/* Batch 12: normalize footer copyright/tagline site-wide */
.copyright .footer-tagline{margin-left:.35em;white-space:nowrap!important;}
@media(max-width:820px){
  .copyright .footer-tagline{display:block!important;margin-left:0!important;margin-top:4px!important;white-space:nowrap!important;}
}

/* Batch 13: mobile footer social buttons in a balanced 2x2 grid.
   Row 1: Instagram, Facebook | Row 2: YouTube, WhatsApp Channel */
@media(max-width:820px){
  .footer .socials{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 12px!important;
    width:100%!important;
    max-width:360px!important;
    align-items:stretch!important;
  }
  .footer .socials a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    padding:8px 8px!important;
  }
}

/* Batch 14: Order page Pan-India Ghee notice + serviceability support */
.ghee-panindia-strip{overflow:hidden;margin:0 auto 22px;max-width:760px;border:1px solid rgba(176,138,69,.48);border-radius:999px;background:linear-gradient(90deg,#f4ead5,#fff8e9,#f4ead5);color:#765b3c;box-shadow:0 8px 24px rgba(176,138,69,.10)}
.ghee-panindia-track{display:flex;align-items:center;gap:22px;width:max-content;padding:10px 22px;font-weight:800;white-space:nowrap;animation:gheePanIndiaScroll 14s linear infinite}
@keyframes gheePanIndiaScroll{from{transform:translateX(0)}to{transform:translateX(-33.333%)}}
@media (prefers-reduced-motion:reduce){.ghee-panindia-track{animation:none}}
@media(max-width:700px){.ghee-panindia-strip{border-radius:14px}.ghee-panindia-track{padding:9px 16px;font-size:.88rem}}

/* Batch 15: premium golden gradient for Order page Pan-India Ghee strip */
.ghee-panindia-strip{
  border:1px solid #b8862f!important;
  background:linear-gradient(105deg,#8f641f 0%,#d9a63a 24%,#f6d778 48%,#c88e25 73%,#8d611e 100%)!important;
  color:#172f24!important;
  box-shadow:0 8px 24px rgba(126,87,22,.20),inset 0 1px 0 rgba(255,255,255,.45)!important;
}
.ghee-panindia-track span{color:#172f24!important;text-shadow:0 1px 0 rgba(255,255,255,.28)}

/* Batch 16: homepage hero uses the three user-approved hero images; typography and CTA styling remain unchanged. */
.farm-slide{
  background-image:linear-gradient(90deg,rgba(15,55,38,.86) 0%,rgba(15,55,38,.58) 40%,rgba(15,55,38,.05) 70%),url('hero-b16-farm.png')!important;
  background-position:center!important;
  background-size:cover!important;
}
.milk-slide{
  background-image:linear-gradient(90deg,rgba(15,55,38,.78) 0%,rgba(15,55,38,.42) 44%,rgba(15,55,38,.04) 72%),url('hero-b16-milk.png')!important;
  background-position:center!important;
  background-size:cover!important;
}
.ghee-slide{
  background-image:linear-gradient(90deg,rgba(58,38,17,.74) 0%,rgba(58,38,17,.38) 44%,rgba(58,38,17,.03) 72%),url('hero-b16-ghee.png')!important;
  background-position:center!important;
  background-size:cover!important;
}
.milk-slide .hero-art,.ghee-slide .hero-art{display:none!important}
.milk-slide .hero-split,.ghee-slide .hero-split{display:block!important}
.milk-slide .light-copy,.ghee-slide .light-copy{color:#fff!important;padding-top:clamp(70px,10vw,125px)!important;max-width:700px!important}
.milk-slide .light-copy h1,.ghee-slide .light-copy h1{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.28)!important}
.milk-slide .light-copy h1 span,.ghee-slide .light-copy h1 span{color:#f1d18b!important}
@media(max-width:820px){
  .farm-slide{background-position:68% center!important}
  .milk-slide{background-position:55% center!important}
  .ghee-slide{background-position:58% center!important}
  .milk-slide .light-copy,.ghee-slide .light-copy{padding:70px 18px 0!important}
}

/* Batch 17: cleaner reference-inspired hero typography + responsive subject-safe framing. */
.clean-hero .v4-hero-copy h1{
  font-family:Georgia,serif!important;
  font-size:clamp(2.35rem,4.2vw,4.35rem)!important;
  line-height:1.03!important;
  max-width:610px!important;
  margin:0 0 14px!important;
}
.clean-hero .v4-hero-copy h1 span{color:inherit!important}
.clean-hero .v4-hero-copy p{
  font-size:clamp(.98rem,1.35vw,1.18rem)!important;
  line-height:1.45!important;
  max-width:390px!important;
  margin:0 0 24px!important;
}
.clean-hero .eyebrow{display:none!important}

/* Slide 1: copy stays in the clear left field, key cow/farmer remain unobstructed. */
.farm-slide{background-position:center center!important}
.farm-slide .v4-hero-copy{padding-top:clamp(105px,10vw,140px)!important;max-width:560px!important}
.farm-slide .v4-hero-copy h1,.farm-slide .v4-hero-copy p{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.3)!important}
.farm-slide .v4-hero-copy h1 span{color:#fff!important}

/* Slide 2: compact single-colour copy in the open sky area between bottle and cow. */
.milk-slide .hero-split{display:block!important;position:relative!important}
.milk-slide .light-copy{
  position:absolute!important;
  left:48%!important;
  top:11%!important;
  width:min(42%,610px)!important;
  padding:0!important;
  color:#174b36!important;
  max-width:none!important;
}
.milk-slide .light-copy h1,.milk-slide .light-copy p{color:#174b36!important;text-shadow:0 1px 8px rgba(255,255,255,.9)!important}

/* Slide 3: copy sits in the quieter left area; one green colour like the reference. */
.ghee-slide .hero-split{display:block!important;position:relative!important}
.ghee-slide .light-copy{
  position:absolute!important;
  left:7%!important;
  top:12%!important;
  width:min(37%,560px)!important;
  padding:0!important;
  color:#174b36!important;
  max-width:none!important;
}
.ghee-slide .light-copy h1,.ghee-slide .light-copy p{color:#174b36!important;text-shadow:0 1px 8px rgba(255,248,232,.9)!important}

@media(max-width:820px){
  /* Mobile hero: image gets its own visual zone; copy gets a clean panel below it. */
  .clean-hero{height:610px!important;background:#fbf7ee!important}
  .clean-hero .v4-slide{
    background-size:100% auto!important;
    background-repeat:no-repeat!important;
    background-color:#fbf7ee!important;
  }
  .farm-slide{background-position:center top!important}
  .milk-slide{background-position:center top!important}
  .ghee-slide{background-position:center top!important}
  .clean-hero .v4-slide:before{
    content:"";position:absolute;left:0;right:0;top:46%;bottom:0;background:#fbf7ee;z-index:1;
  }
  .clean-hero .v4-hero-copy,.milk-slide .light-copy,.ghee-slide .light-copy{
    position:absolute!important;z-index:2!important;left:20px!important;right:20px!important;top:49%!important;
    width:auto!important;max-width:none!important;padding:18px 0 0!important;color:#174b36!important;
  }
  .clean-hero .v4-hero-copy h1,.milk-slide .light-copy h1,.ghee-slide .light-copy h1{
    color:#174b36!important;text-shadow:none!important;font-size:clamp(2rem,9.5vw,3rem)!important;line-height:1.04!important;max-width:100%!important;
  }
  .clean-hero .v4-hero-copy p,.milk-slide .light-copy p,.ghee-slide .light-copy p{
    color:#5f675f!important;text-shadow:none!important;font-size:.98rem!important;margin-bottom:18px!important;
  }
  .farm-slide .hero-outline{border-color:#174b36!important;color:#174b36!important}
  .clean-hero .actions{gap:10px!important;flex-wrap:wrap!important}
  .clean-hero .btn{padding:12px 17px!important;font-size:.9rem!important}
  .v4-dots{bottom:15px!important}
}
@media(max-width:480px){
  .clean-hero{height:575px!important}
  .clean-hero .v4-slide:before{top:43%!important}
  .clean-hero .v4-hero-copy,.milk-slide .light-copy,.ghee-slide .light-copy{top:46%!important}
  .clean-hero .v4-hero-copy h1,.milk-slide .light-copy h1,.ghee-slide .light-copy h1{font-size:2.05rem!important}
}

/* Batch 18: reference-inspired hero refinement — site typography, compact copy, subject-safe desktop/mobile overlays. */
.clean-hero .v4-hero-copy h1,
.clean-hero .light-copy h1{
  font-family:Outfit,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  font-size:clamp(2.05rem,3.15vw,3.35rem)!important;
  line-height:1.06!important;
  margin-bottom:10px!important;
}
.clean-hero .v4-hero-copy p,
.clean-hero .light-copy p{
  font-family:"DM Sans",Arial,sans-serif!important;
  font-size:clamp(.92rem,1.05vw,1.05rem)!important;
  font-weight:600!important;
  line-height:1.35!important;
  margin:0 0 18px!important;
  max-width:310px!important;
}
.clean-hero .actions{margin-top:14px!important}
.clean-hero .btn{font-family:"DM Sans",Arial,sans-serif!important}

/* Farm: move the complete copy further left, away from cow/calf/farmer. */
.farm-slide .v4-hero-copy{
  margin-left:0!important;
  padding-top:clamp(105px,9vw,128px)!important;
  max-width:475px!important;
}
.farm-slide .v4-hero-copy h1,
.farm-slide .v4-hero-copy p{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.36)!important}

/* Milk: compact dark-green copy on the clear right side. */
.milk-slide .light-copy{
  left:auto!important;
  right:6.5%!important;
  top:17%!important;
  width:38%!important;
  max-width:540px!important;
  text-align:left!important;
}
.milk-slide .light-copy h1,
.milk-slide .light-copy p{color:#174b36!important;text-shadow:0 1px 10px rgba(255,255,255,.95)!important}
.milk-slide .light-copy h1{max-width:520px!important}
.milk-slide .light-copy p{color:#245d46!important}

/* Ghee: one-line title where desktop width permits; all-white copy for contrast. */
.ghee-slide .light-copy{
  left:6.5%!important;
  right:auto!important;
  top:16%!important;
  width:47%!important;
  max-width:760px!important;
}
.ghee-slide .light-copy h1{
  color:#fff!important;
  text-shadow:0 2px 14px rgba(56,35,14,.55)!important;
  white-space:nowrap!important;
  font-size:clamp(1.9rem,2.75vw,3rem)!important;
  max-width:none!important;
}
.ghee-slide .light-copy p{color:#fff!important;text-shadow:0 2px 10px rgba(56,35,14,.6)!important}

@media(max-width:820px){
  /* Keep the complete mobile hero as one banner — no detached text panel or blank band. */
  .clean-hero{height:clamp(440px,128vw,540px)!important;background:#173f30!important}
  .clean-hero .v4-slide{
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-color:#173f30!important;
  }
  .clean-hero .v4-slide:before{display:none!important}

  /* Each crop deliberately focuses the meaningful subject for a portrait viewport. */
  .farm-slide{background-position:72% center!important}
  .milk-slide{background-position:37% center!important}
  .ghee-slide{background-position:63% center!important}

  /* A soft local wash protects readability without hiding the photography. */
  .farm-slide:after,
  .milk-slide:after,
  .ghee-slide:after{
    display:block!important;
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
  }
  .farm-slide:after{background:linear-gradient(180deg,rgba(12,42,30,.52) 0%,rgba(12,42,30,.12) 56%,rgba(12,42,30,.42) 100%)!important}
  .milk-slide:after{background:linear-gradient(180deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.10) 55%,rgba(255,255,255,.34) 100%)!important}
  .ghee-slide:after{background:linear-gradient(180deg,rgba(48,29,13,.46) 0%,rgba(48,29,13,.08) 58%,rgba(48,29,13,.36) 100%)!important}

  .clean-hero .v4-hero-copy,
  .milk-slide .light-copy,
  .ghee-slide .light-copy{
    position:absolute!important;
    z-index:3!important;
    width:auto!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    text-align:left!important;
  }
  .farm-slide .v4-hero-copy{left:24px!important;right:22px!important;top:34px!important}
  .milk-slide .light-copy{left:42%!important;right:18px!important;top:34px!important}
  .ghee-slide .light-copy{left:22px!important;right:18px!important;top:34px!important}

  .clean-hero .v4-hero-copy h1,
  .milk-slide .light-copy h1,
  .ghee-slide .light-copy h1{
    font-family:Outfit,sans-serif!important;
    font-size:clamp(1.55rem,7vw,2.15rem)!important;
    line-height:1.06!important;
    max-width:100%!important;
    margin:0 0 8px!important;
    white-space:normal!important;
  }
  .farm-slide .v4-hero-copy h1{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.45)!important;max-width:320px!important}
  .milk-slide .light-copy h1{color:#174b36!important;text-shadow:0 1px 8px rgba(255,255,255,.9)!important}
  .ghee-slide .light-copy h1{color:#fff!important;text-shadow:0 2px 10px rgba(52,31,12,.55)!important}

  .clean-hero .v4-hero-copy p,
  .milk-slide .light-copy p,
  .ghee-slide .light-copy p{
    font-size:.84rem!important;
    line-height:1.25!important;
    margin:0 0 12px!important;
    max-width:245px!important;
  }
  .farm-slide .v4-hero-copy p{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.42)!important}
  .milk-slide .light-copy p{color:#174b36!important;text-shadow:0 1px 7px rgba(255,255,255,.95)!important}
  .ghee-slide .light-copy p{color:#fff!important;text-shadow:0 2px 8px rgba(52,31,12,.55)!important}

  .clean-hero .actions{margin-top:8px!important;gap:8px!important;display:flex!important;flex-wrap:wrap!important}
  .clean-hero .btn{width:auto!important;min-height:40px!important;padding:9px 13px!important;font-size:.78rem!important;border-radius:9px!important}
  .farm-slide .hero-outline{border-color:#fff!important;color:#fff!important;background:rgba(20,55,40,.18)!important}
  .v4-dots{bottom:14px!important;z-index:6!important}
}

@media(max-width:480px){
  .clean-hero{height:485px!important}
  .farm-slide{background-position:73% center!important}
  .milk-slide{background-position:38% center!important}
  .ghee-slide{background-position:62% center!important}
  .farm-slide .v4-hero-copy{left:18px!important;right:16px!important;top:28px!important}
  .milk-slide .light-copy{left:43%!important;right:12px!important;top:28px!important}
  .ghee-slide .light-copy{left:18px!important;right:14px!important;top:28px!important}
  .clean-hero .v4-hero-copy h1,.milk-slide .light-copy h1,.ghee-slide .light-copy h1{font-size:1.7rem!important}
  .clean-hero .v4-hero-copy p,.milk-slide .light-copy p,.ghee-slide .light-copy p{font-size:.78rem!important}
  .clean-hero .btn{font-size:.72rem!important;padding:8px 11px!important}
}

/* Batch 19: hero polish from Batch 18 feedback — no image wash, clearer copy, safer positioning. */
@media(min-width:821px){
  /* Remove hero-wide shadow/gradient overlays so approved photography stays crisp. */
  .clean-hero .v4-slide:after{display:none!important;background:none!important}

  /* Farm copy: restore comfortable left inset without approaching the subjects. */
  .farm-slide .v4-hero-copy{
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-top:clamp(105px,9vw,128px)!important;
    max-width:1160px!important;
  }
  .farm-slide .v4-hero-copy h1,
  .farm-slide .v4-hero-copy p,
  .farm-slide .v4-hero-copy .actions{max-width:475px!important}

  /* Milk supporting line: crisp, prominent and independent of the light background. */
  .milk-slide .light-copy p{
    color:#5b351b!important;
    font-weight:800!important;
    text-shadow:0 1px 2px rgba(255,255,255,.9)!important;
  }
}

@media(max-width:820px){
  /* Remove all hero image shadowing/washes on mobile. */
  .clean-hero .v4-slide:after{display:none!important;background:none!important}

  /* Nudge the floating social rail down just enough to clear hero copy. */
  .social-stack{top:56%!important}

  /* Keep text legible without dimming the underlying image. */
  .farm-slide .v4-hero-copy h1,
  .farm-slide .v4-hero-copy p,
  .ghee-slide .light-copy h1,
  .ghee-slide .light-copy p{
    text-shadow:0 1px 3px rgba(0,0,0,.58)!important;
  }
  .milk-slide .light-copy h1,
  .milk-slide .light-copy p{
    text-shadow:0 1px 2px rgba(255,255,255,.95)!important;
  }
}
\n\n/* Batch 20: remove the remaining hero image washes/text shadows; desktop farm title line break. */
.clean-hero .farm-slide{
  background-image:url('hero-b16-farm.png')!important;
}
.clean-hero .milk-slide{
  background-image:url('hero-b16-milk.png')!important;
}
.clean-hero .ghee-slide{
  background-image:url('hero-b16-ghee.png')!important;
}
.clean-hero .v4-slide:after,
.clean-hero .v4-slide:before{
  display:none!important;
  content:none!important;
  background:none!important;
  opacity:0!important;
}
.clean-hero .v4-hero-copy h1,
.clean-hero .v4-hero-copy p,
.clean-hero .light-copy h1,
.clean-hero .light-copy p{
  text-shadow:none!important;
  filter:none!important;
}
@media(min-width:821px){
  .farm-slide .farm-title-line{display:block!important;color:inherit!important}
}
@media(max-width:820px){
  .farm-slide .farm-title-line{display:inline!important;color:inherit!important}
}


/* Batch 21: ghee readability + mobile conversion controls. */
/* Keep the clean, unshaded ghee artwork while restoring strong text contrast. */
.clean-hero .ghee-slide .light-copy h1,
.clean-hero .ghee-slide .light-copy p{
  color:#123f2d!important;
  text-shadow:none!important;
}
.clean-hero .ghee-slide .light-copy p{font-weight:800!important}

/* Mobile-only Order Now floater. Desktop remains intentionally uncluttered. */
.mobile-order-float{display:none}
@media(max-width:820px){
  .mobile-order-float{
    display:inline-flex!important;
    position:fixed!important;
    right:16px!important;
    bottom:18px!important;
    z-index:9998!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:48px!important;
    padding:12px 18px!important;
    border-radius:999px!important;
    background:#b94716!important;
    color:#fff!important;
    font-family:Outfit,sans-serif!important;
    font-size:.9rem!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
    box-shadow:0 6px 18px rgba(42,28,14,.20)!important;
  }
  .backtop{
    left:16px!important;
    right:auto!important;
    bottom:18px!important;
  }
}
@media(max-width:480px){
  .mobile-order-float{right:14px!important;bottom:16px!important;min-height:46px!important;padding:11px 16px!important;font-size:.84rem!important}
  .backtop{left:14px!important;right:auto!important;bottom:16px!important}
}
\n\n/* Batch 22: direct mobile WhatsApp conversion + mobile ghee copy right alignment. */
.ghee-break{display:inline!important;color:inherit!important}
@media(max-width:820px){
  .ghee-slide .light-copy{
    left:auto!important;
    right:20px!important;
    top:34px!important;
    width:min(58%,300px)!important;
    text-align:right!important;
  }
  .ghee-slide .light-copy h1,
  .ghee-slide .light-copy p{margin-left:auto!important;text-align:right!important}
  .ghee-slide .light-copy p{max-width:none!important}
  .ghee-slide .light-copy .actions{justify-content:flex-end!important}
  .ghee-break{display:block!important}
}
@media(max-width:480px){
  .ghee-slide .light-copy{right:14px!important;left:auto!important;top:28px!important;width:60%!important}
}

/* Batch 30 — Ghee hero only. Baseline: user-supplied Batch 22. */
/* Desktop: rust/red title + subtitle, green CTA, forced two-line title. */
.clean-hero .ghee-slide .light-copy h1,
.clean-hero .ghee-slide .light-copy h1 .ghee-break,
.clean-hero .ghee-slide .light-copy p{
  color:#a94318!important;
  text-shadow:none!important;
}
.clean-hero .ghee-slide .hero-cta{
  background:var(--green)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(39,72,58,.22)!important;
}
@media(min-width:821px){
  .clean-hero .ghee-slide .ghee-break{display:block!important;color:#a94318!important;}
}
/* Mobile: same rust/red palette, green CTA; title stays on ONE line. */
@media(max-width:820px){
  .clean-hero .ghee-slide .light-copy{
    width:min(72%,430px)!important;
  }
  .clean-hero .ghee-slide .light-copy h1{
    color:#a94318!important;
    white-space:nowrap!important;
    font-size:clamp(1.25rem,4.55vw,1.72rem)!important;
    line-height:1.08!important;
  }
  .clean-hero .ghee-slide .ghee-break{
    display:inline!important;
    color:#a94318!important;
  }
  .clean-hero .ghee-slide .light-copy p{
    color:#a94318!important;
    text-shadow:none!important;
  }
  .clean-hero .ghee-slide .hero-cta{
    background:var(--green)!important;
    color:#fff!important;
  }
}
@media(max-width:480px){
  .clean-hero .ghee-slide .light-copy{width:76%!important;}
  .clean-hero .ghee-slide .light-copy h1{font-size:clamp(1.08rem,4.25vw,1.35rem)!important;}
}

/* Batch 31 — Ghee hero color refinement only. Baseline: user-supplied Batch 30. */
/* Desktop + mobile: black title/subtitle; restore CowSoul rust-red CTA. */
.clean-hero .ghee-slide .light-copy h1,
.clean-hero .ghee-slide .light-copy h1 .ghee-break,
.clean-hero .ghee-slide .light-copy p{
  color:#111111!important;
  text-shadow:none!important;
}
.clean-hero .ghee-slide .hero-cta{
  background:#a94318!important;
  color:#ffffff!important;
  box-shadow:0 10px 24px rgba(169,67,24,.22)!important;
}
@media(min-width:821px){
  .clean-hero .ghee-slide .ghee-break{color:#111111!important;}
}
@media(max-width:820px){
  .clean-hero .ghee-slide .light-copy h1,
  .clean-hero .ghee-slide .light-copy h1 .ghee-break,
  .clean-hero .ghee-slide .light-copy p{color:#111111!important;}
  .clean-hero .ghee-slide .hero-cta{background:#a94318!important;color:#fff!important;}
}

/* Batch 32 — scoped hero refinements from Batch 31. */
/* Desktop Ghee: move the entire copy block right; keep title black, make subtitle white/bolder, CTA rust-red. */
@media(min-width:821px){
  .clean-hero .ghee-slide .light-copy{
    margin-left:clamp(280px,20vw,390px)!important;
    margin-right:0!important;
  }
  .clean-hero .ghee-slide .light-copy h1,
  .clean-hero .ghee-slide .light-copy h1 .ghee-break{
    color:#111111!important;
  }
  .clean-hero .ghee-slide .light-copy p{
    color:#ffffff!important;
    font-weight:900!important;
  }
  .clean-hero .ghee-slide .hero-cta{
    background:#a94318!important;
    color:#ffffff!important;
  }
}

/* Mobile Ghee: preserve one-line title, increase it to the hero-title scale and move copy upward. */
@media(max-width:820px){
  .clean-hero .ghee-slide .light-copy{
    top:16px!important;
    width:min(78%,460px)!important;
  }
  .clean-hero .ghee-slide .light-copy h1{
    font-size:clamp(1.55rem,5.7vw,2rem)!important;
    line-height:1.04!important;
    white-space:nowrap!important;
    color:#111111!important;
  }
  .clean-hero .ghee-slide .ghee-break{
    display:inline!important;
    color:#111111!important;
  }
  .clean-hero .ghee-slide .light-copy p{
    color:#ffffff!important;
    font-weight:900!important;
  }
  .clean-hero .ghee-slide .hero-cta{
    background:#a94318!important;
    color:#ffffff!important;
  }
  /* Milk banner: give CTA breathing room from the bottle. */
  .clean-hero .milk-slide .light-copy .actions{
    transform:translateX(16px)!important;
  }
}
@media(max-width:480px){
  .clean-hero .ghee-slide .light-copy{
    top:14px!important;
    width:82%!important;
  }
  .clean-hero .ghee-slide .light-copy h1{
    font-size:clamp(1.38rem,5.8vw,1.7rem)!important;
  }
  .clean-hero .milk-slide .light-copy .actions{
    transform:translateX(14px)!important;
  }
}

/* Batch 33 — final scoped Ghee hero refinement from Batch 32. */
/* Desktop: shift the entire Ghee copy group further right only. */
@media(min-width:821px){
  .clean-hero .ghee-slide .light-copy{
    margin-left:clamp(440px,31vw,600px)!important;
    margin-right:0!important;
  }
}
/* Mobile: only change the Ghee subtitle from white to CowSoul forest green. */
@media(max-width:820px){
  .clean-hero .ghee-slide .light-copy p{
    color:#174b36!important;
    font-weight:900!important;
  }
}

/* Batch 34 — scoped Ghee hero alignment/typography refinement from Batch 33. */
/* Desktop: move the complete Ghee copy group a little further right; preserve vertical placement/colors. */
@media(min-width:821px){
  .clean-hero .ghee-slide .light-copy{
    margin-left:clamp(520px,37vw,720px)!important;
    margin-right:0!important;
  }
}
/* Mobile: match the Ghee title typography to the other hero titles while retaining its single-line treatment. */
@media(max-width:820px){
  .clean-hero .ghee-slide .light-copy h1,
  .clean-hero .ghee-slide .light-copy h1 .ghee-break{
    font-family:Outfit,sans-serif!important;
    font-size:clamp(1.55rem,7vw,2.15rem)!important;
    font-weight:700!important;
    line-height:1.06!important;
    letter-spacing:normal!important;
  }
}
@media(max-width:480px){
  .clean-hero .ghee-slide .light-copy h1,
  .clean-hero .ghee-slide .light-copy h1 .ghee-break{
    font-size:1.7rem!important;
  }
}

/* Batch 35 — Ghee hero color palette only. Baseline: Batch 34. */
/* Applies identically to desktop and mobile. Positioning, sizing and typography remain unchanged. */
.clean-hero .ghee-slide .light-copy h1,
.clean-hero .ghee-slide .light-copy h1 .ghee-break{
  color:#5C1A1B!important;
}
.clean-hero .ghee-slide .light-copy p{
  color:#3A2E28!important;
}
.clean-hero .ghee-slide .hero-cta{
  background:#21432E!important;
  color:#FFFFFF!important;
  box-shadow:0 10px 24px rgba(33,67,46,.22)!important;
}

/* Batch 36 — Ghee hero placement only. Baseline: Batch 35. */
/* Desktop: restore the Ghee copy group to its original left-side position. */
@media(min-width:821px){
  .clean-hero .ghee-slide .light-copy{
    left:6.5%!important;
    right:auto!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
  .clean-hero .ghee-slide .light-copy h1,
  .clean-hero .ghee-slide .light-copy p{
    text-align:left!important;
    margin-left:0!important;
  }
  .clean-hero .ghee-slide .light-copy .actions{
    justify-content:flex-start!important;
  }
}
/* Mobile: center the complete Ghee copy group without changing its palette/typography. */
@media(max-width:820px){
  .clean-hero .ghee-slide .light-copy{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(90%,640px)!important;
    text-align:center!important;
  }
  .clean-hero .ghee-slide .light-copy h1,
  .clean-hero .ghee-slide .light-copy p{
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
  .clean-hero .ghee-slide .light-copy .actions{
    justify-content:center!important;
  }
}

/* Batch 37 — Desktop Ghee subtitle readability only. Baseline: Batch 36. */
/* Preserve the Batch 35 earthy-brown subtitle; add weight + a soft zero-offset white glow. */
@media(min-width:821px){
  .clean-hero .ghee-slide .light-copy p{
    color:#3A2E28!important;
    font-weight:700!important;
    text-shadow:
      0 0 5px rgba(255,255,255,.95),
      0 0 8px rgba(255,255,255,.78)!important;
  }
}

/* Batch 38 — Apply Batch 37 subtitle readability treatment to mobile Ghee banner too. */
@media(max-width:820px){
  .clean-hero .ghee-slide .light-copy p{
    color:#3A2E28!important;
    font-weight:700!important;
    text-shadow:
      0 0 5px rgba(255,255,255,.95),
      0 0 8px rgba(255,255,255,.78)!important;
  }
}
\n/* Batch 39: entry-only welcome splash */\n.skip-splash .v4-splash{display:none!important}\n.v4-splash{grid-template-rows:auto auto;align-content:center;gap:18px;animation:splashOut39 .7s ease 1.8s forwards}\n.v4-splash img{grid-row:1}\n.v4-splash-welcome{grid-row:2;margin:0;text-align:center;font-family:Outfit,sans-serif;font-size:clamp(1.2rem,2.2vw,1.75rem);font-weight:700;letter-spacing:.01em;color:#21432E;opacity:0;transform:translateY(8px);animation:splashWelcome39 .55s ease .3s forwards}\n@keyframes splashWelcome39{to{opacity:1;transform:translateY(0)}}\n@keyframes splashOut39{to{opacity:0;visibility:hidden;pointer-events:none}}\n@media(max-width:560px){.v4-splash{gap:14px}.v4-splash-welcome{font-size:1.18rem;padding:0 20px}}\n

/* Batch 40 — splash impact + 5-day subscription CTA refinement. Baseline: Batch 39. */
/* Splash: keep website typography, bring welcome message closer to the master logo and increase impact. */
.v4-splash{gap:6px!important;}
.v4-splash-welcome{
  font-family:Outfit,sans-serif!important;
  font-size:clamp(1.55rem,2.8vw,2.2rem)!important;
  font-weight:800!important;
  line-height:1.08!important;
  letter-spacing:-.015em!important;
  color:#21432E!important;
  transform:translateY(-10px)!important;
}
@keyframes splashWelcome39{to{opacity:1;transform:translateY(-10px)}}

/* 5-day trial: title remains one line on desktop and mobile; cards are informational, CTA alone is clickable. */
.trial-intro h2{white-space:nowrap!important;font-size:clamp(1.75rem,3.3vw,3.2rem)!important;}
.trial-option{display:grid;gap:7px;padding:20px;border-radius:18px;background:var(--green);color:#fff;}
.trial-option b{font-family:Outfit,sans-serif;font-size:1.15rem;}
.trial-option span{color:#f5d58b;font-weight:800;}
.trial-option small{color:#e5eee8;}
.trial-subscribe{justify-self:start;margin-top:10px;padding:10px 17px;border-radius:10px;background:#a94318;color:#fff!important;text-decoration:none;font-family:DM Sans,sans-serif;font-weight:800;line-height:1;box-shadow:0 7px 16px rgba(0,0,0,.12);}
.trial-subscribe:hover{transform:translateY(-1px);}
@media(max-width:820px){
  .trial-intro h2{font-size:clamp(1.65rem,5.7vw,2.45rem)!important;white-space:nowrap!important;}
}
@media(max-width:560px){
  .v4-splash{gap:4px!important;}
  .v4-splash-welcome{font-size:1.55rem!important;padding:0 16px!important;transform:translateY(-8px)!important;}
  .trial-intro h2{font-size:clamp(1.45rem,6.4vw,1.9rem)!important;letter-spacing:-.025em!important;}
  .trial-option{padding:20px 24px;}
}

/* Batch 41: 5-day subscription CTA consistency with mobile Order Now */
.trial-subscribe{
  background:#b94716!important;
  color:#fff!important;
}

/* Batch 43: replace the ambiguous WhatsApp Business "B" on the floating social rail
   with the familiar standard WhatsApp phone/chat mark. Link and behavior unchanged. */
.social-stack .wa span{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%2325D366'/%3E%3Cpath fill='white' d='M18.1 5.8A8.4 8.4 0 0 0 5 16l-1.1 4.1 4.2-1.1a8.4 8.4 0 0 0 10-13.2zm-6 11.9a6.9 6.9 0 0 1-3.5-1l-.3-.2-2.5.7.7-2.4-.2-.3a6.9 6.9 0 1 1 5.8 3.2zm3.8-5.1c-.2-.1-1.2-.6-1.4-.7-.2-.1-.3-.1-.5.1l-.7.9c-.1.2-.3.2-.5.1a5.6 5.6 0 0 1-2.8-2.5c-.2-.3.2-.4.5-1 .1-.1.1-.3 0-.4l-.6-1.5c-.1-.3-.3-.3-.5-.3h-.4c-.2 0-.4.1-.6.3-.2.2-.8.8-.8 2 0 1.2.9 2.4 1 2.5.1.2 1.8 2.8 4.4 3.9 1.6.7 2.2.7 3 .6.5-.1 1.2-.5 1.4-1 .2-.5.2-1 .1-1.1-.1-.1-.2-.2-.4-.3z'/%3E%3C/svg%3E")!important;
}

/* Batch 44: use the user-selected WhatsApp artwork exactly for the floating social rail. */
.social-stack .wa span{
  background-image:url('whatsapp-floater.png')!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}


/* Batch 45 — Policy pages: approved operational content and readable policy layout. */
.policy-body{padding:54px 0 72px;background:var(--ivory)}
.policy-shell{max-width:900px;margin:auto;display:grid;gap:18px}
.policy-effective{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:7px 12px;border-radius:999px;background:var(--cream);color:var(--brown);font-size:.82rem;font-weight:800}
.policy-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 28px;box-shadow:0 8px 28px rgba(39,72,58,.05)}
.policy-card h2{font-size:1.45rem;margin-bottom:12px}
.policy-card p{margin:0 0 12px;color:var(--muted)}
.policy-card p:last-child{margin-bottom:0}
.policy-card ul{margin:8px 0 0;padding-left:21px;color:var(--muted)}
.policy-card li{margin:8px 0;padding-left:3px}
.policy-card strong{color:var(--ink)}
.policy-contact{border-left:4px solid var(--gold)}
@media(max-width:560px){.policy-body{padding:38px 0 58px}.policy-card{padding:22px 19px}.policy-card h2{font-size:1.3rem}.pagehero .lead{font-size:1rem}}

/* Batch 46 — real CowSoul product photography. */
.product-image{width:100%;height:230px;display:block;object-fit:cover;border-radius:18px;margin-bottom:18px;background:#f3efe7}
.carousel-product .product-image{height:190px;border-radius:0;margin:0;object-fit:cover}
.category-photo.product-category-image{display:block;width:100%;height:185px;object-fit:cover;margin-bottom:20px}
@media(max-width:560px){.product-image{height:220px}.carousel-product .product-image{height:190px}}


/* Batch 48 — keep Batch 47 product image fitting; full-size click/tap preview removed. */
.product-image{
  object-fit:contain!important;
  object-position:center!important;
  background:#f6f1e7!important;
  padding:8px!important;
}
.carousel-product .product-image{
  object-fit:contain!important;
  object-position:center!important;
  background:#f6f1e7!important;
  padding:8px!important;
}
.category-photo.product-category-image{
  object-fit:contain!important;
  object-position:center!important;
  background:#f6f1e7!important;
  padding:8px!important;
}
@media(max-width:560px){
  .product-image{height:250px!important;padding:6px!important}
  .carousel-product .product-image{height:220px!important;padding:6px!important}
  .category-photo.product-category-image{height:210px!important;padding:6px!important}
}

/* v5 Batch 1: product range refresh; layout preserved from Batch 48. */

/* v5 Batch 2 — unified announcement bar */
.topbar.v4bar .container{display:flex;justify-content:center!important;align-items:center;text-align:center;padding:8px 12px;line-height:1.4}
.topbar.v4bar .container span{display:block;white-space:normal;overflow:visible;text-overflow:clip}
@media(max-width:560px){.topbar.v4bar .container{padding:7px 10px;font-size:.64rem;line-height:1.4}.topbar.v4bar .container span{white-space:normal}}

/* v5 Batch 3 */
.about-loop{background-image:url('about-milking-loop.gif')!important;background-position:center!important;background-size:cover!important}
.accordions summary{list-style:none;position:relative;padding-right:46px}
.accordions summary::-webkit-details-marker{display:none}
.accordions summary::after{content:'+';position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:1px solid rgba(176,138,69,.5);border-radius:50%;display:grid;place-items:center;font-family:"DM Sans",sans-serif;font-size:1.35rem;font-weight:500;color:var(--gold);transition:.2s}
.accordions details[open] summary::after{content:'−';background:var(--green);border-color:var(--green);color:#fff}
.variants{padding:10px;border:1px solid #d8cdb9;border-radius:15px;background:#faf7f0;gap:8px}
.variant{border:1.5px solid #b9ad98;background:#fff;border-radius:11px;padding:9px 12px;box-shadow:0 2px 7px rgba(39,72,58,.04)}
.variant:hover{border-color:var(--gold)}
.variant.selected{box-shadow:0 4px 12px rgba(39,72,58,.14)}
.report-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 10px 35px rgba(39,72,58,.06)}
.report-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#edf3e9;color:var(--green);font-size:1.45rem;font-weight:900}
.report-copy h3{margin:8px 0 7px}.report-copy p{margin:0;color:var(--muted)}
.contact-links a{border-radius:18px;border-color:#d9cfbc;background:linear-gradient(145deg,#fff,#fbf7ef);box-shadow:0 10px 28px rgba(39,72,58,.08)}
.contact-links a:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 14px 34px rgba(39,72,58,.12)}
@media(max-width:560px){
.container{width:auto!important;margin-left:18px!important;margin-right:18px!important}
.daily-essentials-title{white-space:nowrap;font-size:.68rem;letter-spacing:.09em}
.contact-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
.contact-links a{min-height:108px;padding:14px 48px 14px 13px}
.contact-links a b{font-size:.88rem}.contact-links a span{font-size:.72rem}
.report-card{grid-template-columns:auto 1fr;padding:18px;gap:14px}.report-download{grid-column:1/-1;width:100%}
.topbar.v4bar .container{margin-left:10px!important;margin-right:10px!important}
}

/* v5 Batch 4 */
.topbar-mobile{display:none}.about-approved{background-image:url('about-approved-option2.jpg')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.contact-links a{position:relative}.contact-brand-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.product-image,.product-category-image{object-fit:contain!important;background:#f7f1e5}
.variant-price{margin:14px 0 4px;color:#b08335;font-weight:800;font-size:1.22rem}
@media(max-width:560px){
 .topbar-desktop{display:none!important}.topbar-mobile{display:block!important;font-size:10.5px!important;line-height:1.45!important;white-space:nowrap!important;text-align:center!important;letter-spacing:-.12px}
 .topbar.v4bar{padding:5px 0!important}.topbar.v4bar .container{overflow:visible!important}
 .about-approved{min-height:310px!important;background-size:cover!important;background-position:center!important}
 .contact-brand-icon{right:12px;width:40px;height:40px}
}


/* v5 Batch 5 — responsive banner, contact icon collision fix, approved product imagery */
.topbar.v4bar .container{max-width:none!important;width:100%!important;margin:0!important;padding:8px 16px!important;box-sizing:border-box!important}
.topbar-desktop{display:block!important;white-space:nowrap!important;text-align:center!important;font-size:clamp(.68rem,1.05vw,.84rem)!important;line-height:1.25!important}
.topbar-mobile{display:none!important}
.about-elegant{background-image:url('about-elegant-standard.jpg')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
/* Real image icons are used for WhatsApp cards; suppress legacy generated ::after icon to prevent overlap. */
.contact-links a:has(.contact-brand-icon)::after{content:none!important;display:none!important;background-image:none!important}
.contact-links a .contact-brand-icon{right:18px!important;top:50%!important;transform:translateY(-50%)!important;width:42px!important;height:42px!important;object-fit:contain!important;border-radius:50%!important;z-index:2!important}
.contact-links a:has(.contact-brand-icon){padding-right:76px!important}
@media(max-width:560px){
 .topbar.v4bar{padding:0!important}
 .topbar.v4bar .container{padding:7px 8px!important}
 .topbar-desktop{display:none!important}
 .topbar-mobile{display:flex!important;flex-direction:column!important;align-items:center!important;gap:1px!important;font-size:10.5px!important;line-height:1.35!important;text-align:center!important;letter-spacing:-.12px!important}
 .topbar-mobile>span{display:block!important;white-space:nowrap!important}
 .contact-links a .contact-brand-icon{right:12px!important;width:36px!important;height:36px!important}
 .contact-links a:has(.contact-brand-icon){padding-right:58px!important}
}
@media(max-width:380px){.topbar-mobile{font-size:9.7px!important;letter-spacing:-.2px!important}}

/* v5 Batch 6 — mobile stability / viewport containment */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
img,video,svg{max-width:100%;height:auto}
@media(max-width:560px){
  /* Never allow a desktop-width child to enlarge the mobile layout viewport. */
  body>*{max-width:100vw}
  .container{width:auto!important;max-width:calc(100vw - 36px)!important;margin-left:18px!important;margin-right:18px!important}
  .nav .container,.footer .container,.pagehero .container,main .container{min-width:0!important}

  /* Announcement bar: exactly two clean rows on mobile; desktop copy cannot leak through. */
  .topbar.v4bar{width:100vw!important;max-width:100vw!important;overflow:hidden!important}
  .topbar.v4bar .container{width:100%!important;max-width:100%!important;margin:0!important;padding:7px 6px!important;overflow:hidden!important}
  .topbar.v4bar .topbar-desktop{display:none!important;width:0!important;height:0!important;overflow:hidden!important;position:absolute!important;visibility:hidden!important}
  .topbar.v4bar .topbar-mobile{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;gap:1px!important;text-align:center!important;font-size:clamp(9px,2.65vw,10.5px)!important;line-height:1.3!important;letter-spacing:-.15px!important}
  .topbar.v4bar .topbar-mobile>span{display:block!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important;text-overflow:clip!important}

  /* Entry splash must always fit the actual phone viewport. */
  .v4-splash{width:100vw!important;max-width:100vw!important;overflow:hidden!important}
  .v4-splash img{display:block!important;width:min(68vw,290px)!important;max-width:290px!important;height:auto!important;object-fit:contain!important;margin:auto!important}

  /* Home product carousel stays intentionally horizontal INSIDE its own scroller only. */
  .product-carousel-section{overflow:hidden!important}
  .product-track{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain}
  .carousel-product{flex:0 0 min(78vw,310px)!important;max-width:min(78vw,310px)!important}
  .carousel-product .product-image{width:100%!important;max-width:100%!important;height:220px!important}
  .carousel-head{min-width:0!important}.carousel-head>div:first-child{min-width:0!important}
  .carousel-head h2{overflow-wrap:anywhere}

  /* Family tiles: stable two-column mobile grid with no horizontal spill. */
  .family-section{overflow:hidden!important}
  .family-section .v4-category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;max-width:100%!important}
  .family-section .v4-category{min-width:0!important;width:100%!important}
  .family-section .product-category-image{width:100%!important;max-width:100%!important;height:180px!important;object-fit:contain!important;padding:6px!important}
  .family-section .v4-category h3{font-size:1.05rem!important;padding:0 8px!important}
  .family-section .v4-category p{font-size:.86rem!important;padding:0 8px!important}

  /* Footer and floating controls must remain inside viewport. */
  .footer{width:100%!important;max-width:100vw!important;overflow:hidden!important}
  .footergrid{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .footergrid>*{min-width:0!important;overflow-wrap:anywhere}
  .policy-links{max-width:100%!important;flex-wrap:wrap!important}
  .social-stack{right:8px!important;left:auto!important;max-width:50px!important}
  .mobile-order-float{right:18px!important;left:auto!important;max-width:calc(100vw - 36px)!important}

  /* Generic defensive containment for cards and report layouts. */
  .card,.report-card,.trial-banner,.trial-option,.contact-links a{min-width:0!important;max-width:100%!important}
}
@media(max-width:380px){
  .topbar.v4bar .topbar-mobile{font-size:8.8px!important;letter-spacing:-.22px!important}
  .family-section .product-category-image{height:160px!important}
}

/* v5 Batch 7 — final mobile polish: announcement breathing room + raised social rail */
@media(max-width:560px){
  .topbar.v4bar .container{
    padding:10px 8px!important;
  }
  .topbar.v4bar .topbar-mobile{
    gap:3px!important;
    line-height:1.45!important;
  }
}
@media(max-width:820px){
  .social-stack{
    top:32%!important;
    right:8px!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
  }
}

/* v5 Batch 8 — mobile final polish: calmer announcement spacing + stable upper-right social rail */
@media(max-width:560px){
  .topbar.v4bar .container{padding:13px 8px!important;}
  .topbar.v4bar .topbar-mobile{gap:4px!important;line-height:1.5!important;}
}
@media(max-width:820px){
  .social-stack{top:38%!important;right:8px!important;left:auto!important;bottom:auto!important;transform:translateY(-50%)!important;}
}

/* v5 Batch 9 — approved announcement typography, mobile social placement, enquiry form */
@media(max-width:560px){
  .topbar.v4bar .container{padding:13px 8px!important;}
  .topbar.v4bar .topbar-mobile{font-size:clamp(11px,3.25vw,13px)!important;font-weight:650!important;line-height:1.4!important;gap:4px!important;letter-spacing:-.16px!important;}
}
@media(max-width:380px){
  .topbar.v4bar .topbar-mobile{font-size:10.4px!important;letter-spacing:-.22px!important;}
}
/* Keep social shortcuts away from body copy on phones: compact horizontal rail just below the header. */
@media(max-width:820px){
  .social-stack{top:168px!important;right:12px!important;left:auto!important;bottom:auto!important;transform:none!important;display:flex!important;grid-auto-flow:column!important;gap:5px!important;background:rgba(251,250,246,.96)!important;padding:5px!important;border-radius:999px!important;box-shadow:0 8px 24px rgba(39,72,58,.12)!important;}
  .social-stack a{width:34px!important;height:34px!important;}
}
@media(max-width:560px){
  .social-stack{top:150px!important;right:10px!important;}
  .social-stack a{width:32px!important;height:32px!important;}
}
.enquiry-wrap{margin-top:54px;padding:32px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 36px rgba(39,72,58,.07)}
.enquiry-intro{color:var(--muted);margin-top:-6px;margin-bottom:22px}
.enquiry-form{max-width:860px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.enquiry-form label{display:grid;gap:7px;color:var(--green);font-weight:700}.enquiry-form label span{color:#a94318}.enquiry-form label small{font-weight:500;color:var(--muted)}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;font:inherit;color:var(--ink);background:#fbfaf6;border:1px solid #cfc6b5;border-radius:12px;padding:12px 13px;outline:none}.enquiry-form textarea{resize:vertical;min-height:120px}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(176,138,69,.12)}.form-full{grid-column:1/-1}.enquiry-submit{margin-top:20px;cursor:pointer}.enquiry-submit[disabled]{opacity:.65;cursor:wait}.form-status{min-height:24px;margin:12px 0 0;font-size:.9rem;color:var(--muted)}.form-status.success{color:var(--green);font-weight:700}.form-status.error{color:#9d3518;font-weight:700}
@media(max-width:560px){.enquiry-wrap{margin-top:38px;padding:22px 16px;border-radius:20px}.form-grid{grid-template-columns:1fr;gap:14px}.form-full{grid-column:auto}.enquiry-submit{width:100%}}

/* v5 Batch 10 — floating rail reset + contact form refinement */
/* One authoritative floating-social rule to override legacy batch rules. */
.social-stack{
  position:fixed!important;
  left:auto!important;
  right:18px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  grid-auto-flow:row!important;
  gap:8px!important;
  width:auto!important;
  max-width:none!important;
  padding:6px 5px!important;
  border-radius:18px!important;
  background:rgba(251,250,246,.96)!important;
  box-shadow:0 8px 24px rgba(39,72,58,.12)!important;
  z-index:42!important;
}
.social-stack a{width:42px!important;height:42px!important;flex:0 0 42px!important}
@media(max-width:820px){
  .social-stack{
    left:auto!important;
    right:7px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    display:grid!important;
    grid-auto-flow:row!important;
    gap:7px!important;
    max-width:none!important;
    padding:5px!important;
    border-radius:16px!important;
  }
  .social-stack a{width:36px!important;height:36px!important;flex-basis:36px!important}
}
@media(max-width:560px){
  .social-stack{right:5px!important;top:50%!important}
  .social-stack a{width:34px!important;height:34px!important;flex-basis:34px!important}
  .social-stack a span{width:23px!important;height:23px!important}
}

/* Contact enquiry: compact, aligned and responsive. */
.contact-enquiry-section{padding-top:28px!important}
.enquiry-wrap{max-width:980px;margin:0 auto;padding:36px 38px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 36px rgba(39,72,58,.07)}
.enquiry-wrap h2{margin:4px 0 6px!important}
.enquiry-intro{margin:0 0 24px!important}
.enquiry-form{max-width:none!important;width:100%}
.form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:22px!important;row-gap:18px!important;align-items:start!important}
.enquiry-form label{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important;min-width:0!important}
.enquiry-form input,.enquiry-form select{height:52px!important;min-height:52px!important;padding:0 14px!important;margin:0!important}
.enquiry-form textarea{min-height:132px!important;padding:13px 14px!important;margin:0!important}
.form-full{grid-column:1/-1!important}
.enquiry-submit{margin-top:20px!important;min-width:170px!important}
@media(max-width:700px){
  .contact-enquiry-section{padding-top:20px!important;padding-bottom:48px!important}
  .enquiry-wrap{padding:24px 18px!important;border-radius:20px!important}
  .enquiry-wrap .eyebrow{margin-bottom:5px!important}
  .enquiry-wrap h2{font-size:clamp(1.8rem,8vw,2.25rem)!important;line-height:1.08!important;margin:0 0 8px!important}
  .enquiry-intro{font-size:.94rem!important;line-height:1.55!important;margin-bottom:20px!important}
  .form-grid{grid-template-columns:1fr!important;gap:15px!important}
  .form-full{grid-column:1!important}
  .enquiry-form input,.enquiry-form select{height:50px!important;min-height:50px!important}
  .enquiry-form textarea{min-height:128px!important}
  .enquiry-submit{width:100%!important;margin-top:18px!important}
}
\n\n/* v5 Batch 11 — LOCKED: social shortcuts live horizontally beside the logo, never as a floating rail. */
.nav .navin{position:relative}
.header-socials.social-stack{
  position:static!important; inset:auto!important; transform:none!important;
  display:flex!important; flex-direction:row!important; grid-auto-flow:unset!important;
  align-items:center!important; gap:7px!important; width:auto!important; max-width:none!important;
  margin:0 10px 0 16px!important; padding:4px 6px!important;
  border:1px solid rgba(176,138,69,.18)!important; border-radius:999px!important;
  background:#fbfaf6!important; box-shadow:none!important; z-index:auto!important;
}
.header-socials.social-stack a{width:32px!important;height:32px!important;flex:0 0 32px!important;margin:0!important}
.header-socials.social-stack a span{width:22px!important;height:22px!important}
@media(max-width:1100px){
  .header-socials.social-stack{gap:4px!important;margin-left:auto!important;margin-right:10px!important;padding:3px 5px!important}
  .header-socials.social-stack a{width:29px!important;height:29px!important;flex-basis:29px!important}
  .header-socials.social-stack a span{width:20px!important;height:20px!important}
}
@media(max-width:820px){
  .nav .navin{display:flex!important;align-items:center!important;gap:7px!important}
  .brand-logo{flex:0 1 auto!important;min-width:0!important}
  .header-socials.social-stack{order:2!important;margin-left:auto!important;margin-right:2px!important;gap:3px!important;padding:3px 4px!important;flex-shrink:0!important}
  .header-socials.social-stack a{width:27px!important;height:27px!important;flex-basis:27px!important}
  .header-socials.social-stack a span{width:19px!important;height:19px!important}
  .menu-toggle{order:3!important;flex-shrink:0!important}
}
@media(max-width:480px){
  .header-socials.social-stack{gap:2px!important;padding:2px 3px!important}
  .header-socials.social-stack a{width:24px!important;height:24px!important;flex-basis:24px!important}
  .header-socials.social-stack a span{width:17px!important;height:17px!important}
  .menu-button{font-size:.94rem!important}
}
@media(max-width:390px){
  .header-socials.social-stack a{width:22px!important;height:22px!important;flex-basis:22px!important}
  .header-socials.social-stack a span{width:16px!important;height:16px!important}
}


/* v5 Batch 12 — desktop social rail restored left; mobile compact header row; enquiry rhythm */
/* Desktop: preserve the earlier left-side floating rail. */
@media(min-width:821px){
  .header-socials.social-stack{
    position:fixed!important;
    left:18px!important; right:auto!important; top:50%!important; bottom:auto!important;
    transform:translateY(-50%)!important;
    display:flex!important; flex-direction:column!important; align-items:center!important;
    gap:8px!important; margin:0!important; padding:6px 5px!important;
    width:auto!important; max-width:none!important;
    border:1px solid rgba(176,138,69,.18)!important; border-radius:18px!important;
    background:rgba(251,250,246,.96)!important;
    box-shadow:0 8px 24px rgba(39,72,58,.12)!important; z-index:42!important;
  }
  .header-socials.social-stack a{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .header-socials.social-stack a span{width:28px!important;height:28px!important}
}
/* Mobile: first row is logo + Menu; social shortcuts get their own compact centered row. */
@media(max-width:820px){
  .nav .navin{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand menu" "social social"!important;align-items:center!important;column-gap:10px!important;row-gap:6px!important;padding-top:10px!important;padding-bottom:8px!important}
  .brand-logo{grid-area:brand!important;min-width:0!important;width:auto!important}
  .brand-logo img{max-width:min(290px,100%)!important;height:auto!important}
  .menu-toggle{grid-area:menu!important;order:initial!important;margin:0!important;justify-self:end!important}
  .header-socials.social-stack{
    grid-area:social!important; position:static!important; inset:auto!important; transform:none!important;
    justify-self:center!important; display:flex!important; flex-direction:row!important; align-items:center!important;
    gap:8px!important; margin:0!important; padding:3px 8px!important; width:max-content!important; max-width:100%!important;
    border:1px solid rgba(176,138,69,.18)!important; border-radius:999px!important;
    background:#fbfaf6!important; box-shadow:none!important; z-index:auto!important;
  }
  .header-socials.social-stack a{width:28px!important;height:28px!important;flex:0 0 28px!important;margin:0!important}
  .header-socials.social-stack a span{width:19px!important;height:19px!important}
}
@media(max-width:480px){
  .nav .navin{row-gap:5px!important;padding-top:9px!important;padding-bottom:7px!important}
  .brand-logo img{max-width:min(245px,100%)!important}
  .header-socials.social-stack{gap:6px!important;padding:2px 7px!important}
  .header-socials.social-stack a{width:26px!important;height:26px!important;flex-basis:26px!important}
  .header-socials.social-stack a span{width:18px!important;height:18px!important}
}
/* Enquiry form: labels are one compact unit; no detached asterisks or optional text. */
.contact-enquiry-section{padding-top:42px!important;padding-bottom:64px!important}
.enquiry-wrap{max-width:1040px!important;padding:34px 36px!important}
.enquiry-wrap h2{margin:5px 0 8px!important}
.enquiry-intro{margin:0 0 26px!important}
.form-grid{column-gap:24px!important;row-gap:20px!important}
.enquiry-form label{gap:8px!important}
.enquiry-form .field-title{display:flex!important;align-items:baseline!important;gap:5px!important;color:var(--green)!important;font-weight:700!important;line-height:1.25!important;min-height:20px!important}
.enquiry-form .field-title em{font-style:normal!important;color:#a94318!important;font-weight:700!important}
.enquiry-form .field-title small{font-size:.82em!important;font-weight:500!important;color:var(--muted)!important}
.enquiry-form input,.enquiry-form select{height:50px!important;min-height:50px!important}
.enquiry-form textarea{min-height:140px!important}
.enquiry-submit{margin-top:18px!important}
@media(max-width:700px){
  .contact-enquiry-section{padding:34px 14px 54px!important}
  .contact-enquiry-section>.container{padding-left:0!important;padding-right:0!important}
  .enquiry-wrap{padding:24px 20px 26px!important;border-radius:18px!important}
  .enquiry-wrap .eyebrow{margin:0 0 8px!important}
  .enquiry-wrap h2{font-size:clamp(1.75rem,7.6vw,2.15rem)!important;margin:0 0 8px!important}
  .enquiry-intro{font-size:.95rem!important;line-height:1.5!important;margin:0 0 22px!important}
  .form-grid{gap:17px!important}
  .enquiry-form label{gap:7px!important}
  .enquiry-form .field-title{font-size:1rem!important;min-height:0!important}
  .enquiry-form input,.enquiry-form select{height:48px!important;min-height:48px!important}
  .enquiry-form textarea{min-height:122px!important}
  .enquiry-submit{margin-top:18px!important;height:48px!important}
}


/* v5 Batch 13 — social navigation final placement and footer icon links */
/* Desktop: left rail, vertically centered in the viewport. */
@media(min-width:821px){
  .header-socials.social-stack{
    position:fixed!important;
    left:18px!important; right:auto!important;
    top:50vh!important; bottom:auto!important;
    transform:translateY(-50%)!important;
    display:flex!important; flex-direction:column!important;
    gap:9px!important; margin:0!important; padding:7px 6px!important;
    border-radius:20px!important;
    background:rgba(251,250,246,.97)!important;
    box-shadow:0 10px 28px rgba(39,72,58,.14)!important;
    z-index:42!important;
  }
  .header-socials.social-stack a{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .header-socials.social-stack a:hover{transform:translateX(3px)!important}
}
/* Mobile: a deliberate right-aligned shortcut strip below logo/menu. */
@media(max-width:820px){
  .nav .navin{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand menu" "social social"!important;
    row-gap:8px!important;
    padding-top:11px!important; padding-bottom:9px!important;
  }
  .header-socials.social-stack{
    grid-area:social!important;
    position:static!important; inset:auto!important; transform:none!important;
    justify-self:end!important;
    display:flex!important; flex-direction:row!important; align-items:center!important;
    gap:7px!important;
    margin:0 2px 0 0!important;
    padding:6px 9px!important;
    width:max-content!important; max-width:100%!important;
    border:1px solid rgba(176,138,69,.30)!important;
    border-radius:14px!important;
    background:#f2eadb!important;
    box-shadow:none!important;
    z-index:auto!important;
  }
  .header-socials.social-stack a{width:38px!important;height:38px!important;flex:0 0 38px!important;margin:0!important}
  .header-socials.social-stack a span{width:27px!important;height:27px!important}
  .header-socials.social-stack a:hover{transform:none!important}
}
@media(max-width:480px){
  .header-socials.social-stack{gap:6px!important;padding:5px 8px!important;margin-right:0!important}
  .header-socials.social-stack a{width:37px!important;height:37px!important;flex-basis:37px!important}
  .header-socials.social-stack a span{width:26px!important;height:26px!important}
}
/* Footer social links: compact icon + label chips instead of text-only pills. */
.footer .socials{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;max-width:390px!important}
.footer .socials .footer-social{display:flex!important;align-items:center!important;gap:9px!important;min-height:44px!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;font-size:.82rem!important;text-decoration:none!important}
.footer-social-icon{width:27px;height:27px;flex:0 0 27px;display:block;background-position:center;background-repeat:no-repeat;background-size:contain}
.footer-social.ig .footer-social-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CradialGradient id='g' cx='30%25' cy='107%25' r='150%25'%3E%3Cstop offset='0' stop-color='%23ffd600'/%3E%3Cstop offset='.45' stop-color='%23ff7a00'/%3E%3Cstop offset='.68' stop-color='%23ff0169'/%3E%3Cstop offset='1' stop-color='%23d300c5'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='12' fill='url(%23g)'/%3E%3Crect x='5.8' y='5.8' width='12.4' height='12.4' rx='3.8' fill='none' stroke='white' stroke-width='1.8'/%3E%3Ccircle cx='12' cy='12' r='3.1' fill='none' stroke='white' stroke-width='1.8'/%3E%3Ccircle cx='16.4' cy='7.8' r='1.1' fill='white'/%3E%3C/svg%3E")}
.footer-social.fb .footer-social-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231877F2'/%3E%3Cpath fill='white' d='M13.7 21v-8h2.7l.4-3h-3.1V8.1c0-.9.3-1.5 1.6-1.5H17V3.9c-.3 0-1.3-.1-2.4-.1-2.4 0-4 1.4-4 4.1V10H8v3h2.6v8h3.1z'/%3E%3C/svg%3E")}
.footer-social.yt .footer-social-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23ff0000'/%3E%3Cpath fill='white' d='M9.5 7.8 17 12l-7.5 4.2z'/%3E%3C/svg%3E")}
.footer-social.wa .footer-social-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%2325D366'/%3E%3Cpath fill='white' d='M18.1 5.8A8.4 8.4 0 0 0 5 16l-1.1 4.1 4.2-1.1a8.4 8.4 0 0 0 10-13.2zm-6 11.9a6.9 6.9 0 0 1-3.5-1l-.3-.2-2.5.7.7-2.4-.2-.3a6.9 6.9 0 1 1 5.8 3.2z'/%3E%3C/svg%3E")}
@media(max-width:560px){
  .footer .socials{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-width:none!important}
  .footer .socials .footer-social{min-width:0!important;padding:7px 8px!important;font-size:.78rem!important}
  .footer-social-icon{width:26px;height:26px;flex-basis:26px}
  .footer{padding-bottom:118px!important}
}


/* v5 Batch 14 — desktop rail viewport-fix + universal footer socials + premium WhatsApp */
/* backdrop-filter creates a containing block for fixed descendants in Chromium.
   Disable it on desktop so the social rail is genuinely viewport-fixed while the nav remains sticky. */
@media(min-width:821px){
  .nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(251,250,246,.985)!important}
  .header-socials.social-stack{position:fixed!important;left:18px!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;z-index:90!important}
}
/* Premium WhatsApp mark in footer — full WhatsApp glyph, not the simplified speech bubble. */
.footer-social.wa .footer-social-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%2325D366'/%3E%3Cpath fill='%23fff' d='M17.5 6.4A7.7 7.7 0 0 0 5.4 15.7L4.3 20l4.4-1.1a7.7 7.7 0 0 0 8.8-12.5zm-5.4 11.1a6.3 6.3 0 0 1-3.2-.9l-.2-.1-2.6.7.7-2.5-.2-.3a6.3 6.3 0 1 1 5.5 3.1zm3.5-4.7c-.2-.1-1.1-.5-1.3-.6-.2-.1-.3-.1-.5.1l-.6.8c-.1.2-.3.2-.5.1a5.2 5.2 0 0 1-2.6-2.3c-.2-.3.2-.4.4-.9.1-.1.1-.3 0-.4l-.5-1.4c-.1-.3-.3-.3-.5-.3h-.4c-.2 0-.4.1-.6.3-.2.2-.7.7-.7 1.8s.8 2.2.9 2.4c.1.1 1.7 2.6 4.1 3.6 1.5.6 2.1.6 2.8.5.5-.1 1.1-.5 1.3-.9.2-.5.2-.9.1-1-.1-.1-.2-.2-.4-.3z'/%3E%3C/svg%3E")!important}


/* v5 Batch 15 — footer icon alignment + exact WhatsApp Channel asset */
.footer .socials .footer-social{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;column-gap:10px!important;text-align:left!important}
.footer .socials .footer-social .footer-social-icon{justify-self:center!important;align-self:center!important;width:30px!important;height:30px!important;flex:none!important}
.footer .socials .footer-social>span:last-child{display:block!important;line-height:1.2!important;white-space:normal!important}
.footer-social.wa .footer-social-icon{background-image:url('whatsapp-floater.png')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;border-radius:50%!important}
@media(max-width:560px){
 .footer .socials{gap:10px!important}
 .footer .socials .footer-social{grid-template-columns:34px minmax(0,1fr)!important;min-height:58px!important;padding:9px 10px!important;column-gap:9px!important}
 .footer .socials .footer-social .footer-social-icon{width:32px!important;height:32px!important}
 .footer .socials .footer-social>span:last-child{font-size:.9rem!important}
}

/* Batch 19b: true scrolling announcement ticker */
.topbar.v4bar{overflow:hidden!important;}
.topbar.v4bar .container{overflow:hidden!important;display:block!important;max-width:none!important;width:100%!important;padding:8px 0!important;}
.topbar.v4bar .topbar-desktop{
  display:block!important;
  width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  text-align:left!important;
  padding-left:100vw!important;
  will-change:transform;
  animation:cowsoulAnnouncementScroll 24s linear infinite!important;
}
@keyframes cowsoulAnnouncementScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-100%)}
}
@media(max-width:560px){
  .topbar.v4bar .container{padding:8px 0!important;}
  .topbar.v4bar .topbar-desktop{display:none!important;}
  .topbar.v4bar .topbar-mobile{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:none!important;
    overflow:hidden!important;
    gap:3px!important;
    font-size:clamp(11px,3.1vw,13px)!important;
    line-height:1.35!important;
  }
  .topbar.v4bar .topbar-mobile>span{
    display:block!important;
    width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
    padding-left:100vw!important;
    will-change:transform;
    animation:cowsoulAnnouncementScroll 18s linear infinite!important;
  }
  .topbar.v4bar .topbar-mobile>span:nth-child(2){animation-duration:20s!important;}
}
@media(prefers-reduced-motion:reduce){
  .topbar.v4bar .topbar-desktop,.topbar.v4bar .topbar-mobile>span{animation:none!important;transform:none!important;padding-left:0!important;margin:0 auto!important;}
}

/* Batch 22: cleaner header + master product detail system */
.header-socials{display:none!important}
.menu-button{font-size:0!important;width:52px;height:52px;display:grid!important;place-items:center;border:1px solid rgba(39,72,58,.2);border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(39,72,58,.08)}
.menu-button::before{content:"☰";font-size:31px;line-height:1;color:var(--green);font-family:Arial,sans-serif}
.ghee-break{display:inline!important}
.pd-hero{padding:64px 0 72px;background:linear-gradient(135deg,#f7f3ea 0%,#fff 58%,#eee6d8 100%)}
.pd-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:center}
.pd-visual{position:relative;min-height:610px;border-radius:34px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#514b45 0%,#292622 45%,#171614 100%);box-shadow:0 28px 70px rgba(22,20,18,.25)}
.pd-visual:after{content:"";position:absolute;inset:auto 12% 5% 12%;height:11%;background:radial-gradient(ellipse,rgba(214,173,91,.34),rgba(0,0,0,0) 70%);filter:blur(8px)}
.pd-visual img{position:relative;z-index:2;width:76%;max-height:560px;object-fit:contain;border-radius:22px;box-shadow:0 24px 44px rgba(0,0,0,.28)}
.pd-copy h1{font-size:clamp(3rem,6vw,5.2rem);margin-bottom:18px}.pd-lead{font-size:1.16rem;color:var(--muted);max-width:650px}.pd-price{font:800 2rem/1 Outfit,sans-serif;color:var(--green);margin:26px 0 18px}.pd-price span{font:600 .95rem/1.2 "DM Sans",sans-serif;color:var(--muted)}
.pd-pills{display:flex;gap:8px;flex-wrap:wrap}.pd-pills span{padding:7px 11px;border-radius:999px;background:#efe7d7;color:var(--brown);font-size:.8rem;font-weight:800}.pd-area{font-size:.88rem;color:var(--muted);margin-top:14px}
.pd-story{background:#fff}.pd-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pd-benefits article{border:1px solid var(--line);border-radius:24px;padding:28px;background:#fbfaf6}.pd-benefits article>b{display:block;color:var(--gold);font:800 1rem Outfit,sans-serif;margin-bottom:18px}.pd-benefits p{color:var(--muted);margin-bottom:0}
.pd-highlight{background:#1d3028;color:#fff}.pd-highlight h2{color:#fff}.pd-highlight p{color:#d6e0da}.pd-highlight-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.pd-facts{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:10px 24px}.pd-facts div{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.12)}.pd-facts div:last-child{border-bottom:0}.pd-facts span{color:#bfcfc6}.pd-facts strong{color:#fff;text-align:right}
.pd-trial{background:#f5efe3}.pd-trial-card{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#fff;border:1px solid rgba(176,138,69,.35);border-radius:28px;padding:38px;box-shadow:var(--shadow)}.pd-trial-card>div:last-child{display:grid;gap:14px;text-align:right;min-width:220px}.pd-trial-card strong{font:800 1.35rem Outfit,sans-serif;color:var(--green)}
.pd-share{padding:52px 0}.pd-share-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.pd-share-inner h2{font-size:clamp(1.7rem,3vw,2.6rem);margin-bottom:0}.share-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.share-actions a,.share-actions button{appearance:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 16px;text-decoration:none;font:800 .88rem "DM Sans",sans-serif;cursor:pointer}.share-wa{color:#128c7e!important}.share-fb{color:#1877f2!important}.share-copy{color:var(--green)}
@media(max-width:820px){.pd-hero-grid,.pd-highlight-grid{grid-template-columns:1fr}.pd-visual{min-height:500px}.pd-benefits{grid-template-columns:1fr}.pd-trial-card,.pd-share-inner{display:grid}.pd-trial-card>div:last-child{text-align:left}.share-actions{justify-content:flex-start}.menu-button{width:54px;height:54px}}
@media(max-width:560px){.pd-hero{padding:34px 0 50px}.pd-hero-grid{gap:34px}.pd-visual{min-height:410px;border-radius:24px}.pd-visual img{width:82%;max-height:380px}.pd-copy h1{font-size:2.8rem}.pd-trial-card{padding:26px 20px}.menu-button{width:50px;height:50px}.menu-button::before{font-size:30px}}

/* Batch 23 — supplied product imagery + stronger mobile header + premium product presentation. */
@media(max-width:820px){
  .menu-button{width:62px!important;height:58px!important;border:2px solid rgba(39,72,58,.30)!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(39,72,58,.13)!important}
  .menu-button::before{font-size:42px!important;font-weight:900!important;line-height:.85!important;transform:scaleX(1.08)}
}
@media(max-width:560px){
  .menu-button{width:60px!important;height:56px!important}
  .menu-button::before{font-size:40px!important}
  .clean-hero .ghee-slide .light-copy{left:10px!important;right:10px!important;width:auto!important;max-width:none!important;text-align:center!important;top:28px!important}
  .clean-hero .ghee-slide .light-copy h2{
    white-space:nowrap!important;
    font-size:clamp(1.22rem,5.55vw,1.72rem)!important;
    letter-spacing:-.045em!important;
    line-height:1.05!important;
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .clean-hero .ghee-slide .light-copy p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  .clean-hero .ghee-slide .light-copy .actions{justify-content:center!important}
}
/* Dark premium product stage across catalogue/home cards. The supplied pack shot remains unaltered. */
.product-card .product-image,
.carousel-product .product-image,
.category-photo.product-category-image{
  background:radial-gradient(circle at 50% 38%,#4a4641 0%,#2c2926 48%,#171615 100%)!important;
  border:1px solid rgba(176,138,69,.24)!important;
  box-shadow:0 18px 36px rgba(17,16,15,.22)!important;
  padding:10px!important;
}
.product-card .product-image{border-radius:20px!important}
.carousel-product .product-image{border-radius:18px 18px 0 0!important}
.category-photo.product-category-image{border-radius:18px!important}
/* Product detail: show the supplied image cleanly inside the dark premium stage. */
.pd-visual img{width:82%!important;max-height:570px!important;object-fit:contain!important;border-radius:20px!important;box-shadow:0 24px 48px rgba(0,0,0,.34)!important}
@media(max-width:560px){.pd-visual img{width:90%!important;max-height:390px!important}}

/* Batch 26 — premium black product visuals: show the supplied square artwork edge-to-edge.
   No inner padding / no nested image box. Preserve the complete artwork and product. */
.product-card .product-image,
.carousel-product .product-image,
.category-photo.product-category-image{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  margin-left:0!important;
  margin-right:0!important;
  background:#171615!important;
  border:0!important;
  box-shadow:none!important;
}
.product-card .product-image{border-radius:18px!important;margin-bottom:18px!important}
.carousel-product .product-image{border-radius:18px 18px 0 0!important;margin:0!important}
.category-photo.product-category-image{border-radius:18px!important;margin-bottom:20px!important}
@media(max-width:560px){
  .product-card .product-image,
  .carousel-product .product-image,
  .category-photo.product-category-image{
    height:auto!important;
    aspect-ratio:1 / 1!important;
    padding:0!important;
  }
}

/* Batch 27: individual product-detail visual — use the approved studio image edge-to-edge */
.product-detail-page .pd-visual{
  min-height:0!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  background:#171614!important;
  border-radius:28px!important;
}
.product-detail-page .pd-visual .pd-glow,
.product-detail-page .pd-visual:after{display:none!important}
.product-detail-page .pd-visual img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:inherit!important;
  box-shadow:none!important;
}
@media(max-width:560px){
  .product-detail-page .pd-visual{
    min-height:0!important;
    aspect-ratio:1/1!important;
    border-radius:24px!important;
  }
  .product-detail-page .pd-visual img{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
  }
}

/* Batch 28 — Products catalogue: full-bleed approved studio artwork on every product card.
   Removes the nested-frame look while preserving each complete square product image. */
body.products-page .product-grid .product-card,
body.products-page .ghee-grid .product-card{
  overflow:hidden!important;
}
body.products-page .product-grid .product-card > .product-image,
body.products-page .ghee-grid .product-card > .product-image{
  width:calc(100% + 48px)!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  margin:-24px -24px 20px -24px!important;
  border:0!important;
  border-radius:22px 22px 0 0!important;
  background:#111!important;
  box-shadow:none!important;
}
@media(max-width:560px){
  body.products-page .product-grid .product-card > .product-image,
  body.products-page .ghee-grid .product-card > .product-image{
    width:calc(100% + 48px)!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    margin:-24px -24px 18px -24px!important;
    padding:0!important;
  }
}


/* Batch 31 — mobile header refinement */
@media (max-width:820px){
  .navin{min-height:86px!important;gap:10px!important}
  .brand-logo{flex:1 1 auto!important;overflow:visible!important}
  .brand-logo img{
    width:min(100%,285px)!important;
    max-width:285px!important;
    max-height:74px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .menu-button{
    width:58px!important;
    height:58px!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .menu-button::before{
    font-size:42px!important;
    font-weight:800!important;
    line-height:1!important;
  }
}
@media (max-width:560px){
  .navin{min-height:88px!important}
  .brand-logo img{
    width:min(100%,270px)!important;
    max-width:270px!important;
    max-height:76px!important;
  }
  .menu-button{
    width:54px!important;
    height:54px!important;
  }
  .menu-button::before{font-size:40px!important}
}