@font-face{font-family:Inter;src:url('../assets/fonts/Inter.ttf')}@font-face{font-family:Poppins;src:url('../assets/fonts/Poppins-Bold.ttf');font-weight:700 900}
:root{--green:#2b971a;--deep:#238713;--light:#38a925;--ink:#093820;--cream:#f7f9f3;--gold:#ffd124;--line:#dce8dd;--shadow:0 9px 28px #174b2410}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.55 Inter,Arial,sans-serif;background:#fff}button,input,select,textarea{font:inherit}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}h1,h2,h3,p{margin:0 0 15px}h1,h2,h3{font-family:Poppins,Arial,sans-serif;line-height:1.12;font-weight:800;letter-spacing:-.035em}h1{font-size:clamp(32px,3.6vw,54px)}h2{font-size:clamp(28px,3vw,43px)}h3{font-size:18px}em{font-style:normal;color:var(--deep)}img{max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d79e00;outline-offset:4px}.skip{position:absolute;left:-999px}.skip:focus{left:15px;top:10px;background:white;z-index:100}.site-header{height:88px;max-width:1280px;margin:auto;padding:15px 45px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header img{width:116px;height:62px;object-fit:contain}.site-header nav{display:flex;gap:26px;align-items:center;font-size:13px;font-weight:600}.site-header a{text-decoration:none}.contact{border:1px solid var(--green);border-radius:24px;padding:8px 20px}.secure{font-size:12px;font-weight:700;letter-spacing:.08em}.menu-toggle{display:none}.section{padding:65px max(5%,calc((100vw - 1120px)/2));text-align:center;overflow:hidden}.section>h2{max-width:960px;margin-left:auto;margin-right:auto}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;margin-bottom:16px}.intro{max-width:750px;margin:0 auto 28px;font-size:17px}.dark{background:radial-gradient(ellipse at 70% 35%,#286034 0,transparent 55%),#042c19;color:white}.dark em{color:#b3ed68}.hero{padding:65px max(5%,calc((100vw - 1120px)/2)) 95px;display:grid;grid-template-columns:1.15fr 1fr;gap:45px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:65px;background:url('../assets/funnel/rice-texture.jpg') center/cover;mask-image:linear-gradient(transparent,#000)}.hero-copy>p:not(.eyebrow):not(.micro){max-width:540px;font-size:17px}.hero-visual{position:relative;display:flex;align-items:center;padding-bottom:50px}.video-card{width:80%;border:2px solid #faf1aa;border-radius:14px;overflow:hidden;box-shadow:0 0 20px #dce88733;background:#143e23}.video-card video{width:100%;display:block;aspect-ratio:1/1;object-fit:contain}.poster{padding:0;border:0;display:block;background:transparent;width:100%}.poster img{display:block;width:100%}.hero-pack{position:absolute;width:46%;right:-12px;bottom:0;max-height:360px;object-fit:contain}.video-notice{padding:15px;background:#fff;color:var(--ink);font-size:13px;margin:0}.cta{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:linear-gradient(#259329,#086229);color:white;border:1px solid #21822e;border-radius:9px;padding:16px 22px;font-weight:800;font-size:15px;text-decoration:none;min-height:52px;line-height:1.35;box-shadow:0 4px 8px #073b1510}.cta span{font-size:23px;line-height:1}.cta.yellow{background:linear-gradient(#ffdf48,#f5be13);color:#052d18;border-color:#eec32a}.cta-wrap{text-align:center;margin-top:28px}.cta-wrap .cta{min-width:340px}.micro{font-size:11px;margin-top:14px;color:inherit;opacity:.9}.center{text-align:center}.cards{display:grid;gap:18px;margin:28px 0}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.cards article{padding:26px 20px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);color:var(--ink)}.cards h3{font-size:16px;line-height:1.25;letter-spacing:-.025em}.cards p{font-size:13px;color:#4b5c4e;margin-bottom:0}.cards i{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#edf7e7;color:var(--green);font-size:37px;font-style:normal;margin-bottom:15px}.cards strong{font-size:29px;font-family:Poppins,Arial,sans-serif;color:var(--deep)}.nutrition{background:linear-gradient(#fff,#edf4e8);padding-bottom:0}.soil-strip{height:90px;background:url('../assets/funnel/rice-texture.jpg') center/cover;border-radius:35% 35% 0 0}.green-note{background:#e9f5e4;color:#13592b;padding:14px 20px;font-size:19px;font-weight:700;border-radius:9px}.nutrition .green-note{background:#07542b;color:#fff;border-radius:0;padding:20px}.mechanism{position:relative;display:grid;grid-template-columns:1fr 2fr;gap:40px;text-align:left;align-items:center;padding-top:60px;padding-bottom:56px;background:linear-gradient(90deg,rgba(1,46,25,.96) 0%,rgba(5,72,34,.90) 38%,rgba(8,95,40,.82) 100%), url('../assets/funnel/section3-garden-bg.png') center bottom/cover no-repeat;color:#fff}.mechanism::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 14% 84%,rgba(18,78,36,.35),transparent 24%),radial-gradient(circle at 86% 14%,rgba(101,181,67,.18),transparent 20%);pointer-events:none}.mechanism>*{position:relative;z-index:1}.mechanism-pack{max-height:570px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.28))}.mechanism .cards{text-align:center}.mechanism .eyebrow{color:#f4f8ee}.mechanism h2{margin-bottom:14px}.mechanism p:not(.caution){max-width:720px}.mechanism .cards article{background:rgba(255,255,255,.96);backdrop-filter:blur(2px)}.caution{background:#fff6d5;border-left:5px solid #e5bc27;color:#50471e;padding:15px 18px;border-radius:8px;font-size:13px;box-shadow:0 12px 28px rgba(0,0,0,.12)}.proof-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;text-align:left}.farmer-proof{border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:.8fr 1fr;background:#f8fbf4}.farmer-proof>img{height:100%;width:100%;object-fit:cover}.farmer-proof>div{padding:22px}.farmer-proof h2{font-size:30px}.farmer-proof h2 span{color:#a62017}.farmer-proof h3{font-size:17px}.farmer-proof p{font-size:13px}.proof-records{display:grid;gap:20px}.proof-records article{background:#f1f7ed;border:1px solid var(--line);border-radius:12px;padding:22px}.proof-records h3{font-size:27px;margin:10px 0}.proof-records small{font-size:11px}.proof-records strong{color:var(--green)}.qualification{font-size:12px;font-style:italic;margin:25px auto 0;max-width:1000px;background:#f2f7ec;color:#284c2f;padding:17px;border-radius:8px}.program-close{background:linear-gradient(#fff,#eff5e4)}.program-visual{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center}.stack{object-fit:contain;width:100%;max-height:510px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.benefits>div{background:#f8fbf2;border:1px solid #dbe8d4;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;color:var(--ink);text-align:left;font-size:11px;line-height:1.25}.benefits i{font-style:normal;font-size:35px;color:var(--green)}.program-visual .benefits{grid-template-columns:1fr 1fr}.program-visual .benefits>div{flex-direction:column;text-align:center;font-size:14px;min-height:140px}.site-footer{background:#06391f;color:white;padding:28px max(5%,calc((100vw - 1120px)/2));display:flex;gap:28px;align-items:center;font-size:10px}.site-footer img{width:90px;max-height:60px}.site-footer p{margin:5px 0}.site-footer>div:last-child{margin-left:auto;white-space:nowrap}.offer-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;text-align:left;align-items:center;background-color:#f3f7e9}.offer-hero.dark{background-color:#042c19}.full{grid-column:1/-1}.price-card{background:#fff;border:1px solid #a5c78e;color:var(--ink);border-radius:12px;overflow:hidden;max-width:395px;text-align:center;box-shadow:var(--shadow);margin:22px 0}.price-card>b{display:block;background:#257525;color:white;padding:8px;font-size:14px}.price-card strong{font-size:48px;font-family:Poppins,Arial,sans-serif;line-height:1.3;display:block}.price-card span{display:block;font-size:13px}.price-card mark{display:block;background:#ffdb3b;padding:8px;font-weight:800;margin-top:8px;font-size:13px}.price-card p{font-size:13px;line-height:1.8;padding:12px}.bonus{background:#fcfdf8}.pack-equation{display:flex;justify-content:center;align-items:center;gap:22px;margin:30px auto;max-width:760px}.pack-equation>div{position:relative;flex:1;display:flex;align-items:center;flex-direction:column}.pack-equation img{height:235px;object-fit:contain}.pack-equation b{font-size:12px;text-align:center}.pack-equation>strong{font-size:40px}.pack-total strong{font-size:70px;font-family:Poppins,Arial,sans-serif}.free-tag{position:absolute;top:0;right:10px;border-radius:5px;background:var(--gold);padding:5px;font-size:12px;font-weight:800}.value-strip{display:flex;gap:20px;background:#eff6e9;border:1px solid var(--line);border-radius:12px;justify-content:space-evenly;padding:20px;margin:25px 0}.value-strip>div{font-size:11px;font-weight:600}.value-strip strong{display:block;font-family:Poppins,Arial,sans-serif;font-size:33px;color:var(--deep)}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#eef5e5;border-radius:15px;padding:30px}.application-grid article{position:relative;text-align:center}.application-grid span{position:absolute;top:0;left:10px;border-radius:50%;background:#24812b;color:white;width:35px;height:35px;font-size:24px}.application-grid strong{font-size:25px}.application-grid p{font-size:13px}.application-grid img{height:190px;display:block;margin:auto}.application-grid b{display:block}.protocol i{width:40px;height:40px;font-size:24px}.section>h3{margin-top:24px}.proof-with-pack{display:grid;grid-template-columns:1fr 3fr;gap:30px;align-items:center}.proof-with-pack>img{max-height:370px}.proof-with-pack .cards{margin:15px 0}.proof-with-pack h3{font-size:13px}.proof-with-pack article>b{font-size:12px}.faq-heading{display:grid;grid-template-columns:1.3fr 1fr;text-align:left;align-items:center;gap:30px}.faq-heading img{max-height:260px;object-fit:contain}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;text-align:left;margin:25px 0}.faq-grid details{border:1px solid var(--line);background:#f9fbf7;border-radius:10px;padding:18px;align-self:start}.faq-grid summary{cursor:pointer;font-weight:700;font-size:14px}.faq-grid p{font-size:13px;margin:12px 0 0}.support{background:#eef7e8;border-radius:10px;padding:20px;text-align:left}.support p{margin:4px 0;font-size:14px}
dialog{border:1px solid var(--line);border-radius:14px;padding:28px 32px;width:min(480px,calc(100% - 24px));max-height:92dvh;box-shadow:0 20px 70px #0005;color:var(--ink)}dialog::backdrop{background:#001c11b3}dialog .eyebrow{text-align:center;font-size:9px;margin:12px 0}dialog h2{text-align:center;font-size:25px}dialog>p{font-size:13px;text-align:center}.dialog-logo{display:block;width:85px;height:48px;margin:auto}.dialog-close{position:absolute;top:10px;right:14px;border:0;background:none;font-size:26px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px}label{display:block;font-size:12px;font-weight:600;margin-bottom:14px}input:not([type=checkbox]):not([type=radio]),select,textarea{display:block;width:100%;background:#fff;border:1px solid #c9d8cb;border-radius:6px;padding:11px;margin-top:5px;color:var(--ink);min-height:44px}input[type=checkbox],input[type=radio]{width:18px;height:18px;flex-shrink:0;accent-color:var(--deep)}.check{display:flex;gap:9px;align-items:flex-start;font-weight:400;font-size:12px}.check input{margin:3px 0 0}.form-error{color:#a32219;font-size:14px;font-weight:600}dialog .cta{width:100%;font-size:13px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#07371e;color:#fff;padding:14px 20px;border-radius:8px;z-index:200;max-width:90%;box-shadow:var(--shadow)}
.checkout-hero{max-width:1160px;margin:0 auto;padding:45px;background:linear-gradient(125deg,#fff,#eaf5dc);border-radius:18px;display:grid;grid-template-columns:1.8fr 1fr;gap:35px;align-items:center}.checkout-hero>img{max-height:305px;justify-self:center}.checkout-hero .eyebrow{margin-bottom:15px}.checkout-hero h1{font-size:44px}.checkout-hero p{max-width:560px}.steps{display:flex;gap:16px;margin:26px 0}.steps span{display:flex;align-items:center;justify-content:center;gap:8px;color:#96a19a;font-size:20px;font-weight:800}.steps b{font-size:11px}.steps .active{color:var(--deep)}.trust{font-size:11px;font-weight:600;line-height:1.8;background:#f0f8e9;padding:12px;color:#23572e;text-align:center;border-radius:8px}.checkout-layout{max-width:1160px;margin:30px auto 65px;padding:20px;display:grid;grid-template-columns:1.7fr 1fr;gap:24px;background:#eef7ec;border:1px solid #e3eee0;border-radius:14px}.checkout-main,.order-summary{padding:28px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.checkout-step>.eyebrow,.checkout-step>h2{text-align:center}.checkout-step h2{font-size:32px}.quantity-control{display:flex;gap:20px;justify-content:center;align-items:center;margin:25px 0 10px}.quantity-control button{border:0;border-radius:50%;background:#0e6031;color:#fff;font-size:27px;width:46px;height:46px}.quantity-control input{width:100px!important;text-align:center;font-size:36px;font-weight:800;padding:0!important;margin:0!important;appearance:textfield}.checkout-step .pack-equation{gap:12px}.checkout-step .pack-equation img{height:160px}.checkout-step .pack-total strong{font-size:50px}.checkout-step .green-note{font-size:14px;text-align:center}.order-summary{align-self:start;position:sticky;top:20px}.order-summary h2{font-size:23px}.summary-product{display:flex;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.summary-product img{width:76px;max-height:140px;object-fit:contain}.summary-product p{font-size:12px;margin:6px 0}.summary-product small{font-size:11px}dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14px;margin:20px 0}dd{margin:0;text-align:right;font-weight:700}.total{font-size:23px;background:#eff7e9;padding:8px 0}.green{color:var(--deep)}.order-summary .cta{width:100%;font-size:12px}.back{display:block;text-align:center;width:100%;border:0;background:none;font-size:12px;padding:15px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-section-title{background:#eaf5e6;padding:8px 12px;margin:20px 0 15px;font-size:14px}.payment-option{display:flex;gap:10px;padding:20px;border:1px solid #d0dece;border-radius:10px;background:#f9fcf6}.payment-option:has(input:checked){border:2px solid #458b43;background:#eff9e8;padding:19px}.payment-option b{font-size:17px}.payment-option p{font-weight:400;margin:5px 0}.payment-option small{font-size:10px}.payment-option b small{display:inline-block;margin-left:6px;background:#dff0d2;padding:4px}.wallet-instructions{background:#eaf4ff;padding:12px;font-weight:600}.upload-box{border:2px dashed #c6d8c6;background:#f7faf5;padding:18px}.upload-box span{font-size:11px}.review-card{border:1px solid var(--line);border-radius:10px;padding:20px;margin:15px 0;background:#fbfdf8;font-size:14px}.review-card h3{font-size:17px}.review-card button{float:right;border:0;background:none;color:#2c6938;font-size:11px;text-decoration:underline}.review-card p{white-space:pre-line;margin-bottom:8px}.thanks-wrap{max-width:1160px;margin:35px auto;padding:20px}.thanks-panel{display:grid;grid-template-columns:1.45fr 1fr;gap:35px;padding:40px;border:10px solid #edf7e8;border-radius:18px;box-shadow:var(--shadow)}.thanks-panel h1{font-size:43px;margin-top:22px}.thanks-panel aside{text-align:center;background:#f8fcf5;padding:22px;border-radius:10px}.thanks-panel aside>img{height:180px}.thanks-panel aside h3{font-size:16px}.success-tag{background:#e5f5df;padding:8px 15px;font-size:12px;font-weight:700;border-radius:30px}.reference{background:#eef7e9;padding:18px;border-radius:8px}.reference small,.reference strong{display:block}.reference strong{font-size:23px}.reference button{border:0;background:none;padding:8px 0;text-decoration:underline;font-size:12px}.thanks-panel .cta{width:100%}.legal-copy{text-align:left;max-width:900px;margin:auto;padding:50px 25px}.legal-copy h1{font-size:36px}.legal-copy h2{font-size:23px;margin-top:28px}
@media(min-width:1440px){.hero h1{font-size:55px}.hero{min-height:630px}}
@media(max-width:800px){.site-header{height:74px;padding:12px 22px}.site-header img{width:90px;height:48px}.site-header nav{gap:12px;font-size:11px}.section{padding:45px 24px}.hero{padding:35px 24px 75px;gap:20px}.hero h1{font-size:34px}.hero-copy>p:not(.eyebrow):not(.micro){font-size:14px}.cta{font-size:12px;padding:14px}.cards{gap:12px}.cards article{padding:18px 12px}.mechanism{gap:20px;grid-template-columns:.8fr 1.5fr;padding-top:48px;padding-bottom:44px;background-position:center bottom}.mechanism .three{grid-template-columns:1fr}.mechanism .cards article{display:block;padding:12px}.mechanism .cards i{float:left;margin:0 12px 0 0;width:35px;height:35px;font-size:20px}.mechanism .cards h3{font-size:13px}.mechanism .cards p{font-size:11px}.proof-grid{grid-template-columns:1fr}.benefits{gap:8px}.benefits>div{padding:10px;gap:6px}.benefits i{font-size:25px}.checkout-hero{margin:0 20px;padding:25px}.checkout-hero h1{font-size:32px}.checkout-layout{margin:20px;grid-template-columns:1.5fr 1fr;gap:12px;padding:12px}.checkout-main,.order-summary{padding:18px}.checkout-step h2{font-size:25px}.fields{grid-template-columns:1fr}.site-footer{flex-wrap:wrap;padding:25px}.site-footer>div:last-child{margin-left:0}.proof-with-pack{grid-template-columns:1fr}.proof-with-pack>img{display:none}}
@media(max-width:560px){h1{font-size:31px}h2{font-size:28px}.site-header .secure{font-size:9px}.menu-toggle{display:block;border:0;background:transparent;color:var(--ink);font-weight:700}.site-header nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;z-index:20;padding:20px;box-shadow:var(--shadow);font-size:14px}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch}.hero{display:block;padding:28px 22px 62px}.hero h1{font-size:32px;line-height:1.1}.hero .eyebrow{font-size:10px}.hero-copy .cta{width:100%}.hero-visual{margin:25px auto 0;width:100%;max-width:340px;padding-bottom:35px}.video-card{width:85%}.hero-pack{width:38%;right:-5px;bottom:0}.section{padding:36px 20px}.intro{font-size:14px}.four{grid-template-columns:1fr 1fr}.nutrition .four{grid-template-columns:1fr}.nutrition article{display:grid;grid-template-columns:55px 1fr;text-align:left;gap:5px 12px}.nutrition article i{grid-row:1/3;margin:0;width:50px;height:50px;font-size:30px}.nutrition article h3{margin:0;font-size:14px}.nutrition article p{font-size:12px}.nutrition .green-note{margin:0 -20px;font-size:15px}.nutrition{padding-bottom:0}.mechanism{display:flex;flex-direction:column-reverse;gap:20px;padding-top:40px;padding-bottom:34px;background-position:center bottom;background-size:cover}.mechanism-pack{max-height:290px}.mechanism .cards{text-align:left}.mechanism .cards h3{font-size:14px}.mechanism .cards p{font-size:12px}.mechanism h2{text-align:center}.mechanism>div{width:100%}.farmer-proof{grid-template-columns:1fr}.farmer-proof>img{height:220px;object-fit:contain;background:#ebf3e5}.farmer-proof h2{font-size:30px}.program-visual{display:flex;flex-direction:column-reverse;gap:0}.program-visual .stack{height:240px}.program-visual .benefits{width:100%;margin:15px 0;grid-template-columns:repeat(2,1fr)}.program-visual .benefits>div{min-height:90px;font-size:11px;flex-direction:row}.cta-wrap .cta{min-width:0;width:100%;gap:10px}.offer-hero{display:flex;flex-direction:column;gap:5px;text-align:center}.offer-hero h1{text-align:left}.offer-hero>div>p{text-align:left}.offer-hero .stack{height:250px;order:0}.price-card{margin:18px auto;width:100%}.offer-hero .benefits{grid-template-columns:1fr 1fr}.offer-hero .full{width:100%}.pack-equation{gap:10px;margin:25px 0}.pack-equation img{height:145px}.pack-equation>strong{font-size:25px}.pack-equation b{font-size:9px}.pack-total strong{font-size:45px}.free-tag{font-size:9px;right:0}.value-strip{gap:10px;flex-wrap:wrap;padding:14px}.value-strip>div{flex:1;min-width:38%;font-size:10px}.value-strip strong{font-size:26px}.bonus .three{gap:7px}.bonus .three article{padding:15px 6px}.bonus .three h3{font-size:11px}.bonus .three p{font-size:9px}.bonus .three strong{font-size:18px}.application-grid{grid-template-columns:1fr;padding:18px;gap:25px}.application-grid span{left:0}.application-grid img{height:150px}.application-grid h3{font-size:16px}.application-grid p{font-size:11px}.protocol{grid-template-columns:1fr 1fr}.protocol article h3{font-size:13px}.protocol article p{font-size:12px}.green-note{font-size:15px}.proof-with-pack .three{grid-template-columns:1fr}.faq-heading{display:flex;flex-direction:column-reverse;gap:15px;text-align:center}.faq-heading img{height:170px}.faq-grid{grid-template-columns:1fr}.section .offer-proof h2{font-size:27px}.site-footer{display:block;text-align:center;font-size:9px}.site-footer img{margin-bottom:12px}.site-footer>div:last-child{margin-top:16px}.checkout-hero{margin:0 15px;padding:24px 18px;display:flex;flex-direction:column;gap:10px;text-align:center}.checkout-hero h1{font-size:30px}.checkout-hero p{font-size:13px}.checkout-hero>img{height:225px}.steps{gap:12px;justify-content:center;margin:20px 0}.steps span{font-size:16px;display:block}.steps b{display:block;font-size:8px}.trust{font-size:9px;padding:10px}.checkout-layout{display:flex;flex-direction:column;margin:20px 10px;padding:8px;gap:10px}.checkout-main,.order-summary{padding:20px 14px;width:100%}.order-summary{position:static}.checkout-step h2{font-size:27px}.checkout-step>p{font-size:13px}.checkout-step .pack-equation img{height:140px}.summary-product img{height:95px}.fields{grid-template-columns:1fr}.payment-option{padding:15px}.payment-option:has(input:checked){padding:14px}.payment-option b{font-size:15px}.thanks-wrap{margin:10px auto;padding:12px}.thanks-panel{grid-template-columns:1fr;padding:20px 14px;border-width:6px;gap:20px}.thanks-panel h1{font-size:32px}.thanks-panel aside{padding:15px}.reference strong{font-size:20px}.reference{padding:13px}.thanks-panel aside>img{height:125px}.thanks-panel p{font-size:13px}dialog{padding:25px 22px}dialog h2{font-size:23px}}

.two-pack-visual{display:flex;align-items:center;justify-content:center;width:100%;gap:4px}.two-pack-visual img{width:48%;object-fit:contain}.pack-equation>div:first-child{flex:1.45}.hero-pack{max-height:370px}.mechanism-pack{width:100%}.checkout-hero>img{max-width:230px}.summary-product img{width:65px}.site-header img{width:125px}.two-pack-visual+ b{margin-top:0}@media(max-width:560px){.site-header img{width:100px}.two-pack-visual img{height:145px}.hero-pack{width:34%}.checkout-hero>img{height:250px}.checkout-step .two-pack-visual img{height:140px}.pack-total strong{font-size:42px}}

.payment-qr{display:block;max-width:220px;max-height:220px;margin:15px auto}.payment-option:has(input:disabled){opacity:.5}

.farmer-proof{display:block}.farmer-proof>img{display:block;width:100%;height:220px;object-fit:cover}.proof-records article>img{float:left;width:100px;height:180px;object-fit:cover;border-radius:8px;margin-right:18px}.proof-records article{overflow:auto}.proof-records h3{font-size:25px}.proof-records h3 small{font-size:15px}.proof-records p{font-size:12px}@media(max-width:560px){.proof-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px;gap:15px;text-align:left}.farmer-proof{flex:0 0 90%;scroll-snap-align:start}.farmer-proof>img{height:160px;object-fit:cover}.proof-records{display:contents}.proof-records article{flex:0 0 85%;scroll-snap-align:start}.proof-records article>img{float:none;width:100%;height:180px;margin:0 0 15px}.farmer-proof>div{padding:18px}}
.section:not(.dark){background-image:url('../assets/funnel/leaf-edge-left.jpg'),url('../assets/funnel/leaf-edge-right.jpg');background-position:left top,right top;background-repeat:no-repeat;background-size:115px auto,85px auto;background-blend-mode:multiply}.site-header img{height:80px;width:130px}@media(max-width:560px){.section:not(.dark){background-size:45px auto,35px auto}.site-header img{height:66px;width:105px}}


/* 2026-09-15: VSL hero refinement based on user screenshot feedback */
body[data-page="vsl"] .hero.dark{
  background:
    linear-gradient(90deg,rgba(1,45,21,.86) 0%,rgba(6,78,38,.80) 34%,rgba(12,86,42,.34) 56%,rgba(16,84,40,.10) 72%),
    linear-gradient(180deg,rgba(2,43,23,.20) 0%,rgba(2,43,23,.08) 48%,rgba(2,43,23,0) 100%),
    url('../assets/funnel/hero-rice-field-clear.png') center center/cover no-repeat;
  color:#fff;
}
body[data-page="vsl"] .hero{
  min-height:700px;
  padding-top:58px;
  padding-bottom:120px;
  align-items:start;
}
body[data-page="vsl"] .hero::after{
  content:'';
  position:absolute;
  left:-2%;
  right:-2%;
  bottom:-2px;
  height:120px;
  background:#fff;
  border-top-left-radius:52% 100%;
  border-top-right-radius:52% 100%;
  z-index:0;
}
body[data-page="vsl"] .hero > *{position:relative;z-index:1}
body[data-page="vsl"] .hero-copy{padding-top:32px}
body[data-page="vsl"] .hero-copy h1{max-width:620px}
body[data-page="vsl"] .hero-copy p:not(.eyebrow):not(.micro){max-width:560px}
body[data-page="vsl"] .hero-visual{align-items:flex-end;justify-content:flex-end;padding-bottom:18px}
body[data-page="vsl"] .hero-pack{width:min(44%,260px);right:8px;bottom:4px;filter:drop-shadow(0 14px 20px rgba(0,0,0,.22));}
body[data-page="vsl"] .video-card{width:min(82%,430px);border-radius:18px;box-shadow:0 18px 34px rgba(0,0,0,.22);}
body[data-page="vsl"] .nutrition{
  position:relative;
  margin-top:-88px;
  padding-top:54px;
  background:linear-gradient(180deg,#ffffff 0%,#f0f6eb 100%);
  border-top-left-radius:50% 92px;
  border-top-right-radius:50% 92px;
  z-index:2;
}
body[data-page="vsl"] .nutrition .intro{max-width:820px;margin-bottom:22px}
body[data-page="vsl"] .nutrition .cards{margin-top:26px;margin-bottom:0}
body[data-page="vsl"] .nutrition .cards article{border-radius:14px;padding:24px 18px}
body[data-page="vsl"] .nutrition .cards h3{font-size:15px}
body[data-page="vsl"] .nutrition .cards p{font-size:12px}
body[data-page="vsl"] .soil-strip{display:none}
body[data-page="vsl"] .nutrition .green-note{margin-top:24px}

@media (max-width:800px){
  body[data-page="vsl"] .hero{min-height:unset;padding-top:34px;padding-bottom:96px}
  body[data-page="vsl"] .hero::after{height:92px;border-top-left-radius:52% 76px;border-top-right-radius:52% 76px}
  body[data-page="vsl"] .nutrition{margin-top:-62px;padding-top:42px;border-top-left-radius:50% 70px;border-top-right-radius:50% 70px}
}
@media (max-width:560px){
  body[data-page="vsl"] .hero{padding:24px 20px 74px}
  body[data-page="vsl"] .hero-copy{padding-top:0}
  body[data-page="vsl"] .hero-copy h1{font-size:31px}
  body[data-page="vsl"] .hero::after{height:70px;border-top-left-radius:50% 55px;border-top-right-radius:50% 55px}
  body[data-page="vsl"] .hero-visual{max-width:360px;padding-bottom:0}
  body[data-page="vsl"] .video-card{width:84%}
  body[data-page="vsl"] .hero-pack{width:38%;right:-2px;bottom:-6px}
  body[data-page="vsl"] .nutrition{margin-top:-38px;padding-top:30px;border-top-left-radius:50% 44px;border-top-right-radius:50% 44px}
  body[data-page="vsl"] .nutrition .cards article{padding:18px 14px}
}


/* 2026-09-15 follow-up: lower hero video and remove overlapping product pack */
body[data-page="vsl"] .hero-visual{
  align-items:flex-start;
  justify-content:flex-end;
  padding-top:52px;
  padding-bottom:10px;
}
body[data-page="vsl"] .video-card{
  width:min(88%,500px);
  margin-top:14px;
}
body[data-page="vsl"] .hero-pack{
  display:none;
}
@media (max-width:800px){
  body[data-page="vsl"] .hero-visual{
    padding-top:28px;
  }
  body[data-page="vsl"] .video-card{
    width:min(90%,450px);
  }
}
@media (max-width:560px){
  body[data-page="vsl"] .hero-visual{
    padding-top:14px;
    justify-content:center;
  }
  body[data-page="vsl"] .video-card{
    width:90%;
    margin-top:0;
  }
}


/* 2026-09-15 follow-up: use the extracted soil/seedling artwork as the Section 2 background */
body[data-page="vsl"] .nutrition{
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.95) 34%, rgba(255,255,255,.78) 52%, rgba(255,255,255,.18) 68%, rgba(255,255,255,0) 78%),
    url('../assets/funnel/nutrition-soil-bg.png') center bottom / cover no-repeat;
  padding-bottom: 0;
}
body[data-page="vsl"] .nutrition .cards{
  position: relative;
  z-index: 1;
  margin-top: 28px;
  margin-bottom: 24px;
}
body[data-page="vsl"] .nutrition .cards article{
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(211,225,210,.95);
  box-shadow: 0 10px 24px rgba(15,55,28,.08);
  backdrop-filter: blur(2px);
}
body[data-page="vsl"] .nutrition .green-note{
  max-width: 950px;
  margin: 18px auto 0;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(90deg,#055f30 0%, #10743a 48%, #0b5f30 100%);
  box-shadow: 0 10px 22px rgba(6,73,36,.18);
}
body[data-page="vsl"] .nutrition .intro,
body[data-page="vsl"] .nutrition h2,
body[data-page="vsl"] .nutrition .eyebrow{
  position: relative;
  z-index: 1;
}
body[data-page="vsl"] .soil-strip{display:none;}

@media (max-width:800px){
  body[data-page="vsl"] .nutrition{
    background:
      linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.96) 30%, rgba(255,255,255,.82) 48%, rgba(255,255,255,.24) 65%, rgba(255,255,255,0) 78%),
      url('../assets/funnel/nutrition-soil-bg.png') center bottom / cover no-repeat;
  }
  body[data-page="vsl"] .nutrition .cards{
    margin-bottom: 18px;
  }
}
@media (max-width:560px){
  body[data-page="vsl"] .nutrition{
    background:
      linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.97) 26%, rgba(255,255,255,.88) 42%, rgba(255,255,255,.32) 60%, rgba(255,255,255,0) 76%),
      url('../assets/funnel/nutrition-soil-bg.png') center bottom / cover no-repeat;
  }
  body[data-page="vsl"] .nutrition .cards article{
    background: rgba(255,255,255,.92);
  }
  body[data-page="vsl"] .nutrition .green-note{
    margin: 14px -20px 0;
    border-radius: 0;
  }
}


/* 2026-09-15 follow-up: make Section 2 taller like the reference */
body[data-page="vsl"] .nutrition{
  min-height: 860px;
  padding-top: 72px;
}
body[data-page="vsl"] .nutrition .cards{
  margin-top: 34px;
}
body[data-page="vsl"] .nutrition .green-note{
  margin-top: 190px;
  padding-top: 22px;
  padding-bottom: 22px;
}
@media (max-width:800px){
  body[data-page="vsl"] .nutrition{
    min-height: 790px;
    padding-top: 58px;
  }
  body[data-page="vsl"] .nutrition .green-note{
    margin-top: 145px;
  }
}
@media (max-width:560px){
  body[data-page="vsl"] .nutrition{
    min-height: 980px;
    padding-top: 42px;
  }
  body[data-page="vsl"] .nutrition .green-note{
    margin-top: 120px;
    padding-top: 18px;
    padding-bottom: 18px;
  }
}


/* 2026-09-15 clean hero preview fix: separate Section 1 preview from Section 2 */
body[data-page="vsl"] .hero{
  padding-bottom:118px;
}
body[data-page="vsl"] .hero::after{
  content:'';
  position:absolute;
  left:-2%;
  right:-2%;
  bottom:-2px;
  height:120px;
  background:#fff;
  border-top-left-radius:52% 100%;
  border-top-right-radius:52% 100%;
  z-index:0;
}
body[data-page="vsl"] .hero > *{position:relative;z-index:1}

body[data-page="vsl"] .hero-next-preview{
  position:relative;
  z-index:3;
  margin:-96px auto 0;
  padding:22px max(4%,calc((100vw - 1120px)/2)) 22px;
  background:#fff;
  border-top-left-radius:50% 78px;
  border-top-right-radius:50% 78px;
  text-align:center;
}
body[data-page="vsl"] .preview-kicker{
  margin:0 0 4px;
  font-size:12px;
  letter-spacing:.18em;
  font-weight:800;
  color:#256d35;
}
body[data-page="vsl"] .hero-next-preview h2{
  margin:0 auto 14px;
  max-width:620px;
  font-size:clamp(20px,1.9vw,30px);
  line-height:1.1;
  color:#0b4c2d;
}
body[data-page="vsl"] .hero-mini-cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  max-width:1120px;
  margin:0 auto;
}
body[data-page="vsl"] .hero-mini-cards article{
  min-height:84px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border:1px solid #dfe8dd;
  border-radius:12px;
  background:#fff;
  text-align:left;
  box-shadow:0 6px 18px rgba(12,66,32,.05);
}
body[data-page="vsl"] .hero-mini-cards .mini-icon{
  flex:0 0 36px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eef7ec;
  color:#1fa33e;
  font-size:18px;
  line-height:1;
}
body[data-page="vsl"] .hero-mini-cards b{
  font-family:Poppins,Arial,sans-serif;
  font-size:11px;
  line-height:1.2;
  color:#0b4c2d;
  letter-spacing:-.01em;
}

/* Keep full Section 2 independent and below the Hero preview */
body[data-page="vsl"] .section.nutrition{
  margin-top:0;
  border-top-left-radius:0;
  border-top-right-radius:0;
  padding-top:56px;
  background:linear-gradient(180deg,#fff 0%,#f0f6eb 100%);
}

@media (max-width:800px){
  body[data-page="vsl"] .hero{padding-bottom:96px}
  body[data-page="vsl"] .hero::after{height:94px;border-top-left-radius:52% 76px;border-top-right-radius:52% 76px}
  body[data-page="vsl"] .hero-next-preview{margin-top:-72px;padding:18px 20px 18px;border-top-left-radius:50% 60px;border-top-right-radius:50% 60px}
  body[data-page="vsl"] .preview-kicker{font-size:10px}
  body[data-page="vsl"] .hero-next-preview h2{font-size:18px;max-width:460px;margin-bottom:10px}
  body[data-page="vsl"] .hero-mini-cards{gap:8px}
  body[data-page="vsl"] .hero-mini-cards article{min-height:72px;padding:10px 10px;gap:8px}
  body[data-page="vsl"] .hero-mini-cards .mini-icon{flex-basis:30px;width:30px;height:30px;font-size:15px}
  body[data-page="vsl"] .hero-mini-cards b{font-size:9px}
  body[data-page="vsl"] .section.nutrition{padding-top:44px}
}
@media (max-width:560px){
  body[data-page="vsl"] .hero{padding-bottom:78px}
  body[data-page="vsl"] .hero::after{height:72px;border-top-left-radius:50% 54px;border-top-right-radius:50% 54px}
  body[data-page="vsl"] .hero-next-preview{margin-top:-52px;padding:14px 12px 14px;border-top-left-radius:50% 42px;border-top-right-radius:50% 42px}
  body[data-page="vsl"] .preview-kicker{font-size:8px}
  body[data-page="vsl"] .hero-next-preview h2{font-size:14px;max-width:260px;margin-bottom:8px}
  body[data-page="vsl"] .hero-mini-cards{grid-template-columns:1fr 1fr;gap:6px}
  body[data-page="vsl"] .hero-mini-cards article{min-height:58px;padding:8px 8px;gap:6px}
  body[data-page="vsl"] .hero-mini-cards .mini-icon{flex-basis:24px;width:24px;height:24px;font-size:12px}
  body[data-page="vsl"] .hero-mini-cards b{font-size:7.5px;line-height:1.14}
  body[data-page="vsl"] .section.nutrition{padding-top:36px}
}


/* 2026-09-15 final hard fix: solid white hero curve and separate solid preview block */
body[data-page="vsl"] .hero{
  padding-bottom:128px !important;
}
body[data-page="vsl"] .hero::after{
  content:'' !important;
  position:absolute !important;
  left:-2% !important;
  right:-2% !important;
  bottom:-2px !important;
  height:126px !important;
  background:#ffffff !important;
  opacity:1 !important;
  border-top-left-radius:52% 98px !important;
  border-top-right-radius:52% 98px !important;
  z-index:2 !important;
  box-shadow:none !important;
}
body[data-page="vsl"] .hero-next-preview{
  position:relative !important;
  z-index:30 !important;
  isolation:isolate !important;
  overflow:hidden !important;
  margin:-82px auto 28px !important;
  padding:26px max(4%, calc((100vw - 1120px)/2)) 24px !important;
  background:#ffffff !important;
  opacity:1 !important;
  border-top-left-radius:50% 70px !important;
  border-top-right-radius:50% 70px !important;
  text-align:center !important;
  box-shadow:none !important;
}
body[data-page="vsl"] .hero-next-preview::before{
  content:'';
  position:absolute;
  inset:0;
  background:#ffffff;
  border-top-left-radius:inherit;
  border-top-right-radius:inherit;
  z-index:-1;
}
body[data-page="vsl"] .preview-kicker{
  margin:0 0 4px !important;
  font-size:10px !important;
  letter-spacing:.18em !important;
  color:#3a6d43 !important;
}
body[data-page="vsl"] .hero-next-preview h2{
  margin:0 auto 12px !important;
  max-width:520px !important;
  font-size:clamp(16px,1.5vw,22px) !important;
  line-height:1.15 !important;
  color:#16472c !important;
}
body[data-page="vsl"] .hero-mini-cards{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:10px !important;
  max-width:1080px !important;
  margin:0 auto !important;
}
body[data-page="vsl"] .hero-mini-cards article{
  min-height:74px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:10px 12px !important;
  border:1px solid #dce6d8 !important;
  border-radius:10px !important;
  background:#ffffff !important;
  opacity:1 !important;
  text-align:left !important;
  box-shadow:none !important;
}
body[data-page="vsl"] .hero-mini-cards .mini-icon{
  flex:0 0 30px !important;
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#edf6ea !important;
  color:#1c9d3c !important;
  font-size:15px !important;
  line-height:1 !important;
}
body[data-page="vsl"] .hero-mini-cards b{
  font-family:Poppins,Arial,sans-serif !important;
  font-size:9px !important;
  line-height:1.22 !important;
  color:#173f28 !important;
  letter-spacing:0 !important;
}

/* real Section 2 starts lower and no longer bleeds into the preview */
body[data-page="vsl"] .section.nutrition{
  margin-top:18px !important;
  padding-top:40px !important;
  min-height:auto !important;
  background:#ffffff !important;
  border-top-left-radius:0 !important;
  border-top-right-radius:0 !important;
}
body[data-page="vsl"] .section.nutrition > .eyebrow,
body[data-page="vsl"] .section.nutrition > h2,
body[data-page="vsl"] .section.nutrition > .intro,
body[data-page="vsl"] .section.nutrition > .cards,
body[data-page="vsl"] .section.nutrition > .green-note,
body[data-page="vsl"] .section.nutrition > .soil-strip{
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}

@media (max-width:800px){
  body[data-page="vsl"] .hero{padding-bottom:108px !important}
  body[data-page="vsl"] .hero::after{height:100px !important;border-top-left-radius:50% 74px !important;border-top-right-radius:50% 74px !important}
  body[data-page="vsl"] .hero-next-preview{margin:-66px auto 22px !important;padding:20px 18px 18px !important;border-top-left-radius:50% 54px !important;border-top-right-radius:50% 54px !important}
  body[data-page="vsl"] .preview-kicker{font-size:9px !important}
  body[data-page="vsl"] .hero-next-preview h2{font-size:16px !important;max-width:390px !important;margin-bottom:10px !important}
  body[data-page="vsl"] .hero-mini-cards{gap:8px !important}
  body[data-page="vsl"] .hero-mini-cards article{min-height:66px !important;padding:8px 9px !important;gap:7px !important}
  body[data-page="vsl"] .hero-mini-cards .mini-icon{flex-basis:26px !important;width:26px !important;height:26px !important;font-size:13px !important}
  body[data-page="vsl"] .hero-mini-cards b{font-size:8px !important}
  body[data-page="vsl"] .section.nutrition{margin-top:12px !important;padding-top:34px !important}
}
@media (max-width:560px){
  body[data-page="vsl"] .hero{padding-bottom:88px !important}
  body[data-page="vsl"] .hero::after{height:74px !important;border-top-left-radius:50% 52px !important;border-top-right-radius:50% 52px !important}
  body[data-page="vsl"] .hero-next-preview{margin:-42px auto 16px !important;padding:14px 10px 12px !important;border-top-left-radius:50% 36px !important;border-top-right-radius:50% 36px !important}
  body[data-page="vsl"] .preview-kicker{font-size:7px !important}
  body[data-page="vsl"] .hero-next-preview h2{font-size:12px !important;max-width:250px !important;margin-bottom:8px !important}
  body[data-page="vsl"] .hero-mini-cards{grid-template-columns:1fr 1fr !important;gap:6px !important}
  body[data-page="vsl"] .hero-mini-cards article{min-height:54px !important;padding:7px 7px !important;gap:6px !important}
  body[data-page="vsl"] .hero-mini-cards .mini-icon{flex-basis:22px !important;width:22px !important;height:22px !important;font-size:11px !important}
  body[data-page="vsl"] .hero-mini-cards b{font-size:7px !important;line-height:1.15 !important}
  body[data-page="vsl"] .section.nutrition{margin-top:8px !important;padding-top:28px !important}
}


/* 2026-09-15 refinement: remove leftover curve transparency and enlarge hero preview cards */
body[data-page="vsl"] .hero::after{
  height:138px !important;
  background:#ffffff !important;
  opacity:1 !important;
  z-index:3 !important;
}
body[data-page="vsl"] .hero-next-preview{
  margin:-88px auto 22px !important;
  padding:28px max(4%, calc((100vw - 1180px)/2)) 24px !important;
  background:#ffffff !important;
  box-shadow:none !important;
}
body[data-page="vsl"] .hero-next-preview::before{
  content:'' !important;
  position:absolute !important;
  left:-2px !important;
  right:-2px !important;
  top:-78px !important;
  height:92px !important;
  background:#ffffff !important;
  opacity:1 !important;
  border-top-left-radius:52% 92px !important;
  border-top-right-radius:52% 92px !important;
  z-index:-1 !important;
  box-shadow:none !important;
}
body[data-page="vsl"] .hero-next-preview::after{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  top:0 !important;
  background:#ffffff !important;
  opacity:1 !important;
  z-index:-2 !important;
}
body[data-page="vsl"] .preview-kicker{
  font-size:11px !important;
  margin-bottom:5px !important;
}
body[data-page="vsl"] .hero-next-preview h2{
  font-size:clamp(18px,1.65vw,24px) !important;
  max-width:580px !important;
  margin-bottom:14px !important;
}
body[data-page="vsl"] .hero-mini-cards{
  max-width:1180px !important;
  gap:12px !important;
}
body[data-page="vsl"] .hero-mini-cards article{
  min-height:86px !important;
  padding:13px 15px !important;
  border-radius:12px !important;
  gap:10px !important;
}
body[data-page="vsl"] .hero-mini-cards .mini-icon{
  flex:0 0 34px !important;
  width:34px !important;
  height:34px !important;
  font-size:16px !important;
}
body[data-page="vsl"] .hero-mini-cards b{
  font-size:10px !important;
  line-height:1.22 !important;
}

@media (max-width:800px){
  body[data-page="vsl"] .hero::after{height:108px !important}
  body[data-page="vsl"] .hero-next-preview{margin:-72px auto 18px !important;padding:22px 18px 18px !important}
  body[data-page="vsl"] .hero-next-preview::before{top:-58px !important;height:70px !important;border-top-left-radius:52% 64px !important;border-top-right-radius:52% 64px !important}
  body[data-page="vsl"] .preview-kicker{font-size:9px !important}
  body[data-page="vsl"] .hero-next-preview h2{font-size:17px !important;margin-bottom:10px !important}
  body[data-page="vsl"] .hero-mini-cards{gap:8px !important}
  body[data-page="vsl"] .hero-mini-cards article{min-height:72px !important;padding:10px 10px !important}
  body[data-page="vsl"] .hero-mini-cards .mini-icon{flex-basis:28px !important;width:28px !important;height:28px !important;font-size:14px !important}
  body[data-page="vsl"] .hero-mini-cards b{font-size:8.5px !important}
}
@media (max-width:560px){
  body[data-page="vsl"] .hero::after{height:78px !important}
  body[data-page="vsl"] .hero-next-preview{margin:-48px auto 12px !important;padding:16px 10px 12px !important}
  body[data-page="vsl"] .hero-next-preview::before{top:-34px !important;height:42px !important;border-top-left-radius:52% 34px !important;border-top-right-radius:52% 34px !important}
  body[data-page="vsl"] .preview-kicker{font-size:7px !important}
  body[data-page="vsl"] .hero-next-preview h2{font-size:13px !important;max-width:250px !important;margin-bottom:8px !important}
  body[data-page="vsl"] .hero-mini-cards article{min-height:56px !important;padding:8px 8px !important}
  body[data-page="vsl"] .hero-mini-cards .mini-icon{flex-basis:24px !important;width:24px !important;height:24px !important;font-size:12px !important}
  body[data-page="vsl"] .hero-mini-cards b{font-size:7.3px !important}
}


/* 2026-09-15 ACTUAL visible fix: remove inherited mask fade + clearly enlarge Hero mini cards */
body[data-page="vsl"] .hero::after{
  background:#ffffff !important;
  opacity:1 !important;
  mask-image:none !important;
  -webkit-mask-image:none !important;
  filter:none !important;
  box-shadow:none !important;
  height:132px !important;
  border-top-left-radius:52% 96px !important;
  border-top-right-radius:52% 96px !important;
}
body[data-page="vsl"] .hero-next-preview{
  margin:-94px auto 26px !important;
  padding:30px max(3.5%, calc((100vw - 1240px)/2)) 28px !important;
  background:#ffffff !important;
  opacity:1 !important;
  border-top-left-radius:50% 72px !important;
  border-top-right-radius:50% 72px !important;
  box-shadow:none !important;
}
body[data-page="vsl"] .hero-next-preview::before,
body[data-page="vsl"] .hero-next-preview::after{
  display:none !important;
  content:none !important;
}
body[data-page="vsl"] .preview-kicker{
  font-size:12px !important;
  margin:0 0 5px !important;
}
body[data-page="vsl"] .hero-next-preview h2{
  font-size:clamp(20px,1.8vw,27px) !important;
  max-width:650px !important;
  margin:0 auto 16px !important;
}
body[data-page="vsl"] .hero-mini-cards{
  max-width:1240px !important;
  gap:14px !important;
}
body[data-page="vsl"] .hero-mini-cards article{
  min-height:98px !important;
  padding:16px 18px !important;
  gap:12px !important;
  border-radius:13px !important;
  background:#ffffff !important;
  border:1px solid #d8e5d5 !important;
  box-shadow:0 5px 14px rgba(12,66,32,.06) !important;
}
body[data-page="vsl"] .hero-mini-cards .mini-icon{
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
  font-size:20px !important;
}
body[data-page="vsl"] .hero-mini-cards b{
  font-size:11px !important;
  line-height:1.22 !important;
}

@media(max-width:800px){
  body[data-page="vsl"] .hero::after{
    height:102px !important;
    mask-image:none !important;
    -webkit-mask-image:none !important;
  }
  body[data-page="vsl"] .hero-next-preview{margin:-72px auto 20px !important;padding:22px 18px 18px !important}
  body[data-page="vsl"] .hero-next-preview h2{font-size:17px !important;margin-bottom:11px !important}
  body[data-page="vsl"] .hero-mini-cards{gap:9px !important}
  body[data-page="vsl"] .hero-mini-cards article{min-height:78px !important;padding:11px 12px !important;gap:8px !important}
  body[data-page="vsl"] .hero-mini-cards .mini-icon{flex-basis:32px !important;width:32px !important;height:32px !important;font-size:16px !important}
  body[data-page="vsl"] .hero-mini-cards b{font-size:8.8px !important}
}
@media(max-width:560px){
  body[data-page="vsl"] .hero::after{
    height:74px !important;
    mask-image:none !important;
    -webkit-mask-image:none !important;
  }
  body[data-page="vsl"] .hero-next-preview{margin:-48px auto 14px !important;padding:16px 11px 13px !important}
  body[data-page="vsl"] .hero-next-preview h2{font-size:13px !important;margin-bottom:8px !important}
  body[data-page="vsl"] .hero-mini-cards{grid-template-columns:1fr 1fr !important;gap:7px !important}
  body[data-page="vsl"] .hero-mini-cards article{min-height:60px !important;padding:8px 8px !important;gap:6px !important}
  body[data-page="vsl"] .hero-mini-cards .mini-icon{flex-basis:25px !important;width:25px !important;height:25px !important;font-size:12px !important}
  body[data-page="vsl"] .hero-mini-cards b{font-size:7.3px !important}
}


/* 2026-09-15 card 35% adjustment: make hero preview cards about 35% larger */
body[data-page="vsl"] .hero-next-preview{
  padding: 30px max(3.8%, calc((100vw - 1220px)/2)) 26px !important;
}
body[data-page="vsl"] .hero-mini-cards{
  max-width: 1220px !important;
  gap: 14px !important;
}
body[data-page="vsl"] .hero-mini-cards article{
  min-height: 108px !important;
  padding: 16px 16px !important;
  gap: 12px !important;
  border-radius: 14px !important;
}
body[data-page="vsl"] .hero-mini-cards .mini-icon{
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  font-size: 20px !important;
}
body[data-page="vsl"] .hero-mini-cards b{
  font-size: 11.5px !important;
  line-height: 1.24 !important;
}

@media (max-width: 800px){
  body[data-page="vsl"] .hero-mini-cards{
    gap: 10px !important;
  }
  body[data-page="vsl"] .hero-mini-cards article{
    min-height: 88px !important;
    padding: 12px 12px !important;
    gap: 9px !important;
  }
  body[data-page="vsl"] .hero-mini-cards .mini-icon{
    flex-basis: 34px !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 16px !important;
  }
  body[data-page="vsl"] .hero-mini-cards b{
    font-size: 9.6px !important;
  }
}

@media (max-width: 560px){
  body[data-page="vsl"] .hero-mini-cards article{
    min-height: 68px !important;
    padding: 10px 9px !important;
    gap: 7px !important;
  }
  body[data-page="vsl"] .hero-mini-cards .mini-icon{
    flex-basis: 28px !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 13px !important;
  }
  body[data-page="vsl"] .hero-mini-cards b{
    font-size: 7.9px !important;
  }
}


/* 2026-09-15 visible separation fix: bigger cards + clear gap before full Section 2 */
body[data-page="vsl"] .hero-next-preview{
  margin:-96px auto 64px !important;
  padding:32px max(3.5%, calc((100vw - 1280px)/2)) 28px !important;
}
body[data-page="vsl"] .hero-mini-cards{
  max-width:1280px !important;
  gap:16px !important;
}
body[data-page="vsl"] .hero-mini-cards article{
  min-height:118px !important;
  padding:18px 18px !important;
  gap:13px !important;
  border-radius:14px !important;
}
body[data-page="vsl"] .hero-mini-cards .mini-icon{
  flex:0 0 46px !important;
  width:46px !important;
  height:46px !important;
  font-size:21px !important;
}
body[data-page="vsl"] .hero-mini-cards b{
  font-size:12.5px !important;
  line-height:1.22 !important;
}

/* Push the actual Section 2 lower so it is clearly separate from the Hero preview */
body[data-page="vsl"] .section.nutrition{
  margin-top:72px !important;
  padding-top:56px !important;
}

@media (max-width:800px){
  body[data-page="vsl"] .hero-next-preview{
    margin:-72px auto 44px !important;
    padding:24px 18px 20px !important;
  }
  body[data-page="vsl"] .hero-mini-cards{
    gap:10px !important;
  }
  body[data-page="vsl"] .hero-mini-cards article{
    min-height:92px !important;
    padding:13px 12px !important;
    gap:9px !important;
  }
  body[data-page="vsl"] .hero-mini-cards .mini-icon{
    flex-basis:36px !important;
    width:36px !important;
    height:36px !important;
    font-size:17px !important;
  }
  body[data-page="vsl"] .hero-mini-cards b{
    font-size:10px !important;
  }
  body[data-page="vsl"] .section.nutrition{
    margin-top:48px !important;
    padding-top:42px !important;
  }
}

@media (max-width:560px){
  body[data-page="vsl"] .hero-next-preview{
    margin:-50px auto 28px !important;
    padding:16px 10px 14px !important;
  }
  body[data-page="vsl"] .hero-mini-cards article{
    min-height:70px !important;
    padding:10px 9px !important;
    gap:7px !important;
  }
  body[data-page="vsl"] .hero-mini-cards .mini-icon{
    flex-basis:28px !important;
    width:28px !important;
    height:28px !important;
    font-size:13px !important;
  }
  body[data-page="vsl"] .hero-mini-cards b{
    font-size:8px !important;
  }
  body[data-page="vsl"] .section.nutrition{
    margin-top:24px !important;
    padding-top:28px !important;
  }
}


/* 2026-09-15 Section 2 exact-match pass */
body[data-page="vsl"] .section.nutrition{
  padding:56px max(4%,calc((100vw - 1200px)/2)) 40px !important;
  background:#fefefe !important;
  text-align:center;
  overflow:visible;
}
body[data-page="vsl"] .section.nutrition .nutrition-stage{
  position:relative;
  max-width:1180px;
  margin:0 auto;
  padding:66px 18px 0;
  background:linear-gradient(180deg,#ffffff 0%, #f9fcf8 66%, #ffffff 100%);
  border-radius:28px;
  overflow:hidden;
}
body[data-page="vsl"] .section.nutrition .nutrition-corner{
  position:absolute;
  top:0;
  width:220px;
  height:170px;
  background-size:contain;
  background-repeat:no-repeat;
  opacity:.9;
  pointer-events:none;
}
body[data-page="vsl"] .section.nutrition .nutrition-corner-left{left:0;background-image:url('../assets/funnel/leaf-edge-left.jpg');background-position:left top}
body[data-page="vsl"] .section.nutrition .nutrition-corner-right{right:0;background-image:url('../assets/funnel/leaf-edge-right.jpg');background-position:right top}
body[data-page="vsl"] .section.nutrition .nutrition-kicker{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin:0 0 14px;
  color:#2f9133;
  font-size:13px;
  font-weight:700;
  letter-spacing:.28em;
}
body[data-page="vsl"] .section.nutrition .nutrition-kicker::before,
body[data-page="vsl"] .section.nutrition .nutrition-kicker::after{
  content:'';
  width:62px;
  height:3px;
  border-radius:999px;
  background:#2f9133;
}
body[data-page="vsl"] .section.nutrition h2{
  max-width:1020px;
  margin:0 auto 16px;
  font-family:Poppins,Arial,sans-serif;
  font-size:clamp(34px,3vw,62px);
  line-height:1.02;
  letter-spacing:-.045em;
  color:#0b4528;
}
body[data-page="vsl"] .section.nutrition h2 span{color:#32a92a}
body[data-page="vsl"] .section.nutrition .nutrition-intro{
  max-width:860px;
  margin:0 auto 32px;
  font-size:18px;
  line-height:1.42;
  color:#263d2b;
}
body[data-page="vsl"] .section.nutrition .nutrition-cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  max-width:1120px;
  margin:0 auto;
  position:relative;
  z-index:2;
}
body[data-page="vsl"] .section.nutrition .nutrition-cards article{
  min-height:318px;
  padding:26px 24px 22px;
  background:rgba(255,255,255,.94);
  border:1px solid #e1eadb;
  border-radius:22px;
  box-shadow:0 10px 28px rgba(26,71,36,.08);
  display:flex;
  flex-direction:column;
  align-items:center;
}
body[data-page="vsl"] .section.nutrition .nutrition-icon{
  width:136px;
  height:136px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f0f6ea;
  color:#2ba327;
  margin-bottom:18px;
  flex:0 0 auto;
}
body[data-page="vsl"] .section.nutrition .nutrition-icon svg{width:84px;height:84px}
body[data-page="vsl"] .section.nutrition .nutrition-cards h3{
  min-height:88px;
  margin:0 0 14px;
  font-size:23px;
  line-height:1.06;
  letter-spacing:-.03em;
  color:#123b24;
}
body[data-page="vsl"] .section.nutrition .nutrition-cards p{
  margin:0;
  font-size:17px;
  line-height:1.38;
  color:#45574a;
}
body[data-page="vsl"] .section.nutrition .card-accent{
  width:56px;
  height:5px;
  border-radius:999px;
  background:#27a733;
  margin-top:auto;
  display:block;
}
body[data-page="vsl"] .section.nutrition .nutrition-soil-art{
  position:relative;
  z-index:1;
  max-width:1120px;
  height:208px;
  margin:-14px auto 0;
  background:url('../assets/funnel/nutrition-soil-bg.png') center bottom/cover no-repeat;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
}
body[data-page="vsl"] .section.nutrition .nutrition-note{
  max-width:1120px;
  margin:0 auto;
  min-height:86px;
  padding:20px 28px;
  background:linear-gradient(135deg,#085f28 0%, #0d7a34 52%, #0a5b26 100%);
  border-bottom-left-radius:22px;
  border-bottom-right-radius:22px;
  display:flex;
  align-items:center;
  gap:18px;
  color:#fff;
  text-align:left;
  box-shadow:0 10px 24px rgba(11,69,40,.18);
}
body[data-page="vsl"] .section.nutrition .nutrition-note .note-icon{
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#d8f28d;
  flex:0 0 auto;
}
body[data-page="vsl"] .section.nutrition .nutrition-note .note-icon svg{width:44px;height:44px}
body[data-page="vsl"] .section.nutrition .nutrition-note p{
  margin:0;
  font-size:19px;
  line-height:1.35;
  color:#f7fff7;
}
body[data-page="vsl"] .section.nutrition .nutrition-note strong{color:#b9f36a;font-weight:800}

@media (max-width:1100px){
  body[data-page="vsl"] .section.nutrition h2{font-size:clamp(30px,4vw,50px)}
  body[data-page="vsl"] .section.nutrition .nutrition-intro{font-size:16px;max-width:760px}
  body[data-page="vsl"] .section.nutrition .nutrition-cards article{min-height:286px;padding:22px 18px 18px}
  body[data-page="vsl"] .section.nutrition .nutrition-icon{width:112px;height:112px}
  body[data-page="vsl"] .section.nutrition .nutrition-icon svg{width:70px;height:70px}
  body[data-page="vsl"] .section.nutrition .nutrition-cards h3{font-size:20px;min-height:72px}
  body[data-page="vsl"] .section.nutrition .nutrition-cards p{font-size:15px}
}
@media (max-width:860px){
  body[data-page="vsl"] .section.nutrition{padding:34px 12px 28px !important}
  body[data-page="vsl"] .section.nutrition .nutrition-stage{padding:34px 12px 0;border-radius:22px}
  body[data-page="vsl"] .section.nutrition .nutrition-corner{width:110px;height:90px;opacity:.78}
  body[data-page="vsl"] .section.nutrition .nutrition-kicker{font-size:9px;gap:10px;margin-bottom:10px}
  body[data-page="vsl"] .section.nutrition .nutrition-kicker::before,
  body[data-page="vsl"] .section.nutrition .nutrition-kicker::after{width:34px;height:2px}
  body[data-page="vsl"] .section.nutrition h2{font-size:clamp(22px,6vw,36px);margin-bottom:12px}
  body[data-page="vsl"] .section.nutrition .nutrition-intro{font-size:14px;line-height:1.4;margin-bottom:20px}
  body[data-page="vsl"] .section.nutrition .nutrition-cards{grid-template-columns:1fr;gap:10px;max-width:340px}
  body[data-page="vsl"] .section.nutrition .nutrition-cards article{min-height:unset;padding:13px 14px;border-radius:16px;display:grid;grid-template-columns:64px 1fr;grid-template-areas:'icon title' 'icon text';align-items:center;text-align:left;column-gap:12px;row-gap:4px}
  body[data-page="vsl"] .section.nutrition .nutrition-icon{grid-area:icon;width:58px;height:58px;margin:0}
  body[data-page="vsl"] .section.nutrition .nutrition-icon svg{width:36px;height:36px}
  body[data-page="vsl"] .section.nutrition .nutrition-cards h3{grid-area:title;min-height:unset;margin:0;font-size:14px;line-height:1.1}
  body[data-page="vsl"] .section.nutrition .nutrition-cards p{grid-area:text;font-size:12px;line-height:1.32}
  body[data-page="vsl"] .section.nutrition .card-accent{display:none}
  body[data-page="vsl"] .section.nutrition .nutrition-soil-art{height:150px;max-width:340px;margin:-6px auto 0;border-bottom-left-radius:16px;border-bottom-right-radius:16px;background-position:center bottom}
  body[data-page="vsl"] .section.nutrition .nutrition-note{max-width:340px;min-height:unset;padding:14px 14px 16px;border-bottom-left-radius:18px;border-bottom-right-radius:18px;gap:10px;align-items:flex-start}
  body[data-page="vsl"] .section.nutrition .nutrition-note .note-icon{width:34px;height:34px}
  body[data-page="vsl"] .section.nutrition .nutrition-note .note-icon svg{width:26px;height:26px}
  body[data-page="vsl"] .section.nutrition .nutrition-note p{font-size:12px;line-height:1.34}
}


/* 2026-09-15 Section 2 wide pass: make layout wider and bring decorative background forward */
body[data-page="vsl"] .section.nutrition{
  padding:42px max(2%, calc((100vw - 1320px)/2)) 34px !important;
}
body[data-page="vsl"] .section.nutrition .nutrition-stage{
  max-width:1320px !important;
  padding:66px 20px 0 !important;
  overflow:visible !important;
  border-radius:0 !important;
  background:#ffffff !important;
}
body[data-page="vsl"] .section.nutrition .nutrition-corner{
  width:260px !important;
  height:190px !important;
  top:-2px !important;
  opacity:1 !important;
  z-index:5 !important;
  background-size:100% 100% !important;
  filter:none !important;
}
body[data-page="vsl"] .section.nutrition .nutrition-corner-left{
  left:-6px !important;
}
body[data-page="vsl"] .section.nutrition .nutrition-corner-right{
  right:-6px !important;
}
body[data-page="vsl"] .section.nutrition .nutrition-kicker,
body[data-page="vsl"] .section.nutrition h2,
body[data-page="vsl"] .section.nutrition .nutrition-intro,
body[data-page="vsl"] .section.nutrition .nutrition-cards,
body[data-page="vsl"] .section.nutrition .nutrition-soil-art,
body[data-page="vsl"] .section.nutrition .nutrition-note{
  position:relative;
  z-index:2;
}
body[data-page="vsl"] .section.nutrition .nutrition-cards{
  max-width:1260px !important;
  gap:16px !important;
}
body[data-page="vsl"] .section.nutrition .nutrition-cards article{
  min-height:320px !important;
}
body[data-page="vsl"] .section.nutrition .nutrition-soil-art{
  max-width:1260px !important;
  height:214px !important;
  margin:-18px auto 0 !important;
  background-position:center center !important;
  background-size:cover !important;
}
body[data-page="vsl"] .section.nutrition .nutrition-note{
  max-width:1260px !important;
}

@media (max-width:860px){
  body[data-page="vsl"] .section.nutrition{padding:28px 10px 24px !important}
  body[data-page="vsl"] .section.nutrition .nutrition-stage{max-width:100% !important;padding:34px 10px 0 !important}
  body[data-page="vsl"] .section.nutrition .nutrition-corner{width:122px !important;height:98px !important;top:0 !important;z-index:4 !important}
  body[data-page="vsl"] .section.nutrition .nutrition-corner-left{left:0 !important}
  body[data-page="vsl"] .section.nutrition .nutrition-corner-right{right:0 !important}
  body[data-page="vsl"] .section.nutrition .nutrition-cards{max-width:360px !important}
  body[data-page="vsl"] .section.nutrition .nutrition-soil-art{max-width:360px !important;height:158px !important}
  body[data-page="vsl"] .section.nutrition .nutrition-note{max-width:360px !important}
}


/* 2026-09-15 wide v2 fix: keep section wide, show visible roots/soil, and keep corner decor from covering the title */
body[data-page="vsl"] .section.nutrition .nutrition-stage{
  padding-top:58px !important;
}
body[data-page="vsl"] .section.nutrition .nutrition-corner{
  z-index:1 !important;
  width:190px !important;
  height:148px !important;
  opacity:.98 !important;
}
body[data-page="vsl"] .section.nutrition .nutrition-corner-left{
  left:18px !important;
  top:12px !important;
  background-position:left top !important;
}
body[data-page="vsl"] .section.nutrition .nutrition-corner-right{
  right:18px !important;
  top:12px !important;
  background-position:right top !important;
}
body[data-page="vsl"] .section.nutrition .nutrition-kicker,
body[data-page="vsl"] .section.nutrition h2,
body[data-page="vsl"] .section.nutrition .nutrition-intro,
body[data-page="vsl"] .section.nutrition .nutrition-cards,
body[data-page="vsl"] .section.nutrition .nutrition-soil-art,
body[data-page="vsl"] .section.nutrition .nutrition-note{
  z-index:3 !important;
}
body[data-page="vsl"] .section.nutrition .nutrition-cards{
  max-width:1260px !important;
}
body[data-page="vsl"] .section.nutrition .nutrition-soil-art{
  max-width:1260px !important;
  height:252px !important;
  margin:-24px auto 0 !important;
  background-position:center bottom !important;
  background-size:cover !important;
}
body[data-page="vsl"] .section.nutrition .nutrition-note{
  max-width:1260px !important;
}

@media (max-width:860px){
  body[data-page="vsl"] .section.nutrition .nutrition-corner{width:96px !important;height:76px !important;top:8px !important}
  body[data-page="vsl"] .section.nutrition .nutrition-corner-left{left:6px !important}
  body[data-page="vsl"] .section.nutrition .nutrition-corner-right{right:6px !important}
  body[data-page="vsl"] .section.nutrition .nutrition-soil-art{max-width:360px !important;height:168px !important;margin:-10px auto 0 !important;background-position:center bottom !important}
}


/* 2026-09-15 mobile card cleanup: make Section 2 cards cleaner and more premium on phones */
@media (max-width:860px){
  body[data-page="vsl"] .section.nutrition{
    padding:24px 10px 20px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-stage{
    max-width:100% !important;
    padding:30px 10px 0 !important;
    border-radius:18px !important;
    background:#ffffff !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-kicker{
    font-size:8px !important;
    gap:8px !important;
    margin-bottom:8px !important;
    letter-spacing:.22em !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-kicker::before,
  body[data-page="vsl"] .section.nutrition .nutrition-kicker::after{
    width:28px !important;
  }
  body[data-page="vsl"] .section.nutrition h2{
    font-size:clamp(20px,5.8vw,31px) !important;
    line-height:1.02 !important;
    margin-bottom:10px !important;
    letter-spacing:-.03em !important;
    max-width:320px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-intro{
    font-size:13px !important;
    line-height:1.4 !important;
    max-width:320px !important;
    margin-bottom:16px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-cards{
    max-width:340px !important;
    gap:10px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-cards article{
    min-height:unset !important;
    padding:12px 12px 12px 11px !important;
    border-radius:14px !important;
    border:1px solid #e5ece2 !important;
    box-shadow:0 6px 16px rgba(12,66,32,.05) !important;
    background:#ffffff !important;
    display:grid !important;
    grid-template-columns:56px 1fr !important;
    grid-template-areas:'icon title' 'icon text' !important;
    align-items:center !important;
    text-align:left !important;
    column-gap:12px !important;
    row-gap:4px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-icon{
    grid-area:icon !important;
    width:54px !important;
    height:54px !important;
    margin:0 !important;
    background:#eef5e8 !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-icon svg{
    width:32px !important;
    height:32px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-cards h3{
    grid-area:title !important;
    min-height:unset !important;
    margin:0 !important;
    font-size:13px !important;
    line-height:1.1 !important;
    letter-spacing:-.02em !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-cards p{
    grid-area:text !important;
    margin:0 !important;
    font-size:11.4px !important;
    line-height:1.3 !important;
    color:#56685a !important;
  }
  body[data-page="vsl"] .section.nutrition .card-accent{
    display:none !important;
  }
  /* On mobile, remove the big desktop soil panel and go directly to the green note bar like the reference feel */
  body[data-page="vsl"] .section.nutrition .nutrition-soil-art{
    display:none !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-note{
    max-width:340px !important;
    margin-top:10px !important;
    min-height:unset !important;
    padding:13px 13px 14px !important;
    border-radius:0 0 16px 16px !important;
    gap:10px !important;
    align-items:flex-start !important;
    box-shadow:none !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-note .note-icon{
    width:34px !important;
    height:34px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-note .note-icon svg{
    width:24px !important;
    height:24px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-note p{
    font-size:12px !important;
    line-height:1.34 !important;
  }
}

@media (max-width:480px){
  body[data-page="vsl"] .section.nutrition .nutrition-cards{
    max-width:312px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-cards article{
    grid-template-columns:50px 1fr !important;
    padding:11px 10px !important;
    column-gap:10px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-icon{
    width:48px !important;
    height:48px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-icon svg{
    width:29px !important;
    height:29px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-cards h3{
    font-size:12px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-cards p{
    font-size:10.8px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-note{
    max-width:312px !important;
  }
}


/* ============================================================
   FINAL SECTION 2 BACKGROUND PASS
   Reference goal: keep almost all of the leaf/sky/soil/roots art visible.
   ============================================================ */
@media (min-width:861px){
  body[data-page="vsl"] .section.nutrition{
    padding:42px max(1.5%, calc((100vw - 1380px)/2)) 36px !important;
    background:#ffffff !important;
    overflow:visible !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-stage{
    position:relative !important;
    width:100% !important;
    max-width:1340px !important;
    min-height:880px !important;
    margin:0 auto !important;
    padding:58px 28px 0 !important;
    border-radius:26px !important;
    overflow:hidden !important;
    background-color:#ffffff !important;
    background-image:url('../assets/funnel/nutrition-soil-bg.png') !important;
    background-repeat:no-repeat !important;
    background-position:center top !important;
    background-size:100% auto !important;
    box-shadow:0 10px 30px rgba(17,65,31,.05) !important;
  }

  /* The full nutrition artwork already contains the leaves, so remove the old cropped leaf JPGs. */
  body[data-page="vsl"] .section.nutrition .nutrition-corner{
    display:none !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-kicker,
  body[data-page="vsl"] .section.nutrition h2,
  body[data-page="vsl"] .section.nutrition .nutrition-intro,
  body[data-page="vsl"] .section.nutrition .nutrition-cards,
  body[data-page="vsl"] .section.nutrition .nutrition-soil-art,
  body[data-page="vsl"] .section.nutrition .nutrition-note{
    position:relative !important;
    z-index:3 !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-kicker{
    margin:0 0 14px !important;
    font-size:13px !important;
    letter-spacing:.24em !important;
  }

  body[data-page="vsl"] .section.nutrition h2{
    max-width:1100px !important;
    margin:0 auto 14px !important;
    font-size:clamp(42px,3.7vw,64px) !important;
    line-height:1.01 !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-intro{
    max-width:940px !important;
    margin:0 auto 30px !important;
    font-size:18px !important;
    line-height:1.42 !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-cards{
    max-width:1240px !important;
    margin:0 auto !important;
    gap:14px !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-cards article{
    min-height:320px !important;
    padding:24px 22px 20px !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.95) !important;
    border:1px solid rgba(222,234,219,.98) !important;
    box-shadow:0 9px 25px rgba(18,64,31,.08) !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-icon{
    width:122px !important;
    height:122px !important;
    margin-bottom:16px !important;
    background:rgba(239,246,233,.94) !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-icon svg{
    width:76px !important;
    height:76px !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-cards h3{
    min-height:76px !important;
    margin:0 0 12px !important;
    font-size:20px !important;
    line-height:1.08 !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-cards p{
    font-size:15px !important;
    line-height:1.38 !important;
  }

  /* Transparent spacer: the stage background itself supplies the seedlings + soil + glowing roots. */
  body[data-page="vsl"] .section.nutrition .nutrition-soil-art{
    display:block !important;
    max-width:1240px !important;
    height:224px !important;
    margin:-10px auto 0 !important;
    background:none !important;
    border-radius:0 !important;
    pointer-events:none !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-note{
    max-width:1240px !important;
    min-height:86px !important;
    margin:-10px auto 0 !important;
    padding:18px 26px !important;
    border-radius:16px 16px 18px 18px !important;
    background:linear-gradient(135deg,#075c29 0%,#0d7735 52%,#075728 100%) !important;
    box-shadow:0 10px 24px rgba(8,64,29,.18) !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-note p{
    font-size:18px !important;
  }
}

/* Mobile: keep the clean stacked cards, but use the same real artwork for visible top leaves. */
@media (max-width:860px){
  body[data-page="vsl"] .section.nutrition .nutrition-stage{
    position:relative !important;
    overflow:hidden !important;
    background:#ffffff !important;
    padding-top:38px !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-corner{
    display:block !important;
    position:absolute !important;
    top:0 !important;
    width:96px !important;
    height:82px !important;
    opacity:1 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background-image:url('../assets/funnel/nutrition-soil-bg.png') !important;
    background-repeat:no-repeat !important;
    background-size:520px auto !important;
    filter:none !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-corner-left{
    left:0 !important;
    background-position:left top !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-corner-right{
    right:0 !important;
    background-position:right top !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-kicker,
  body[data-page="vsl"] .section.nutrition h2,
  body[data-page="vsl"] .section.nutrition .nutrition-intro,
  body[data-page="vsl"] .section.nutrition .nutrition-cards,
  body[data-page="vsl"] .section.nutrition .nutrition-note{
    position:relative !important;
    z-index:3 !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-cards{
    max-width:350px !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-cards article{
    min-height:74px !important;
    grid-template-columns:62px 1fr !important;
    padding:12px 14px !important;
    column-gap:12px !important;
    border-radius:14px !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-icon{
    width:58px !important;
    height:58px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-icon svg{
    width:35px !important;
    height:35px !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-cards h3{
    font-size:13px !important;
    line-height:1.1 !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-cards p{
    font-size:11.5px !important;
  }

  /* Keep the mobile reference clean: soil/root art is desktop-focused; note follows the cards. */
  body[data-page="vsl"] .section.nutrition .nutrition-soil-art{
    display:none !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-note{
    max-width:350px !important;
    margin:10px auto 0 !important;
  }
}

@media (max-width:480px){
  body[data-page="vsl"] .section.nutrition .nutrition-corner{
    width:78px !important;
    height:68px !important;
    background-size:440px auto !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-cards{
    max-width:320px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-cards article{
    min-height:68px !important;
    grid-template-columns:54px 1fr !important;
    padding:11px 11px !important;
    column-gap:10px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-icon{
    width:50px !important;
    height:50px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-icon svg{
    width:31px !important;
    height:31px !important;
  }
  body[data-page="vsl"] .section.nutrition .nutrition-note{
    max-width:320px !important;
  }
}


/* Section 3 refined to better match reference */
.mechanism{position:relative;grid-template-columns:.86fr 1.14fr;gap:34px;align-items:end;padding-top:62px;padding-bottom:26px;background:linear-gradient(90deg,rgba(2,52,27,.88) 0%,rgba(4,72,33,.80) 42%,rgba(6,96,40,.72) 100%), url('../assets/funnel/section3-garden-bg.png') center center/cover no-repeat;border-top:0}
.mechanism::before{content:'';position:absolute;top:0;left:0;width:240px;height:155px;background:url('../assets/funnel/leaf-edge-left.jpg') left top/contain no-repeat;opacity:.98;pointer-events:none}
.mechanism::after{content:'';position:absolute;top:0;right:0;width:240px;height:155px;background:url('../assets/funnel/leaf-edge-right.jpg') right top/contain no-repeat;opacity:.98;pointer-events:none}
.mechanism-product{display:flex;align-items:flex-end;justify-content:center;min-height:640px;padding:0 0 38px;position:relative}
.mechanism-product::after{content:'';position:absolute;left:0;right:0;bottom:6px;height:160px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 14%), url('../assets/funnel/section3-garden-bg.png') center bottom/cover no-repeat;border-radius:0 0 0 24px;mask-image:linear-gradient(to top, #000 72%, transparent 100%);opacity:.95;z-index:0}
.mechanism-pack{position:relative;z-index:1;max-height:520px;width:min(100%,430px);object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,0,0,.28))}
.mechanism-copy{padding-bottom:18px}
.mechanism .eyebrow{display:flex;align-items:center;gap:16px;color:#eef8e7;letter-spacing:.2em;font-size:11px}
.mechanism .eyebrow::before,.mechanism .eyebrow::after{content:'';display:block;height:4px;width:56px;border-radius:99px;background:rgba(255,255,255,.9)}
.mechanism h2{font-size:clamp(34px,4vw,64px);line-height:.98;margin-bottom:16px}
.mechanism h2 em{display:inline-block;color:#9aef58}
.mechanism p:not(.caution){font-size:17px;max-width:780px}
.mechanism .cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;margin-bottom:14px;align-items:stretch}
.mechanism .cards article{position:relative;padding:56px 18px 16px;background:rgba(255,255,255,.97);border-radius:18px;display:flex;flex-direction:column;justify-content:flex-start;min-height:300px;overflow:visible}
.mechanism .cards article:not(:last-child)::after{content:'→';position:absolute;right:-17px;top:34%;transform:translateY(-50%);font-size:46px;font-weight:700;color:#7ad33f;z-index:3}
.mechanism .cards i{position:absolute;left:50%;top:-18px;transform:translateX(-50%);margin:0;width:54px;height:54px;border-radius:50%;background:#2b971a;color:#fff;font-size:21px;font-weight:800;box-shadow:0 8px 18px rgba(43,151,26,.28)}
.mechanism .cards h3{font-size:17px;line-height:1.18;margin-bottom:10px;color:#15381f}
.mechanism .cards p{font-size:13px;line-height:1.5;color:#4c5b50}
.caution{display:flex;align-items:center;gap:12px;background:#fff3c8;border:1px solid #efd37c;border-left:0;color:#4e4222;padding:15px 18px;border-radius:14px;font-size:14px;line-height:1.45;max-width:100%;margin-top:8px}
.caution::before{content:'!';display:inline-grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#f2bb26;color:#fff;font-weight:900;font-size:24px;box-shadow:0 6px 14px rgba(242,187,38,.25)}
.support-strip{display:flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(90deg,#0b4f29 0%, #0f6631 55%, #0b4f29 100%);color:#fff;padding:18px 24px;border-radius:0 0 22px 22px;max-width:1120px;margin:-2px auto 0;position:relative;overflow:hidden}
.support-strip::before{content:'';position:absolute;left:0;bottom:0;width:140px;height:100%;background:url('../assets/funnel/leaf-edge-left.jpg') left bottom/contain no-repeat;opacity:.7}
.support-strip::after{content:'';position:absolute;right:0;bottom:0;width:140px;height:100%;background:url('../assets/funnel/leaf-edge-right.jpg') right bottom/contain no-repeat;opacity:.7}
.support-strip p{position:relative;z-index:1;margin:0;font-size:18px;line-height:1.35}.support-strip strong{color:#aaf35a}.support-leaf{position:relative;z-index:1;font-size:40px;line-height:1;color:#aaf35a}
@media (max-width:900px){.mechanism{grid-template-columns:1fr;gap:18px;padding-top:52px}.mechanism-product{min-height:auto;padding-bottom:8px}.mechanism-product::after{height:110px;left:8%;right:8%}.mechanism-pack{max-height:360px;width:min(100%,300px)}.mechanism-copy{text-align:center}.mechanism .eyebrow{justify-content:center}.mechanism p:not(.caution){margin-left:auto;margin-right:auto;font-size:15px}.mechanism .cards{grid-template-columns:1fr;gap:14px}.mechanism .cards article{min-height:unset;padding:20px 16px 16px 84px;text-align:left}.mechanism .cards article:not(:last-child)::after{display:none}.mechanism .cards i{left:22px;top:22px;transform:none;width:42px;height:42px;font-size:18px}.mechanism .cards h3{font-size:16px}.support-strip{border-radius:0;padding:16px 18px}}
@media (max-width:560px){.mechanism::before,.mechanism::after{width:118px;height:82px;opacity:.95}.mechanism{padding-top:34px;padding-bottom:20px;background-position:center center}.mechanism h2{font-size:29px;line-height:1.02}.mechanism .eyebrow{gap:10px;font-size:10px}.mechanism .eyebrow::before,.mechanism .eyebrow::after{width:38px;height:3px}.mechanism-pack{max-height:285px}.mechanism-product::after{left:0;right:0;height:96px;bottom:0;border-radius:0}.mechanism .cards article{padding:18px 14px 14px 74px;border-radius:14px}.mechanism .cards i{left:16px;top:18px;width:40px;height:40px}.mechanism .cards h3{font-size:15px}.mechanism .cards p{font-size:12px}.caution{font-size:12px;padding:12px 12px 12px 14px;gap:10px}.caution::before{width:28px;height:28px;font-size:20px;flex-basis:28px}.support-strip{gap:10px;justify-content:flex-start;padding:14px 18px}.support-strip p{font-size:14px}.support-leaf{font-size:28px}}

/* ===== Section 3 reference-match refinement ===== */
.mechanism{
  position:relative;
  display:grid;
  grid-template-columns:minmax(280px, 370px) minmax(0, 1fr);
  gap:34px;
  align-items:end;
  padding-top:56px;
  padding-bottom:0;
  max-width:1120px;
  margin:0 auto;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(4,53,28,.94) 0%,rgba(6,79,37,.88) 43%,rgba(7,96,40,.77) 100%),
    url('../assets/funnel/section3-garden-bg.png') center center/cover no-repeat;
  border-radius:0 0 0 0;
}
.mechanism::before{
  content:'';
  position:absolute;
  inset:auto 0 0 0;
  height:168px;
  background:url('../assets/funnel/section3-garden-bg.png') center bottom/cover no-repeat;
  opacity:.95;
  z-index:0;
  pointer-events:none;
}
.mechanism::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    url('../assets/funnel/leaf-edge-left.jpg') left top/190px auto no-repeat,
    url('../assets/funnel/leaf-edge-right.jpg') right top/190px auto no-repeat;
  opacity:.98;
  z-index:0;
  pointer-events:none;
}
.mechanism > *{position:relative;z-index:1}
.mechanism-product{
  min-height:640px;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:0 0 26px 6px;
}
.mechanism-product::after{display:none}
.mechanism-pack{
  width:min(100%, 370px);
  max-height:580px;
  object-fit:contain;
  filter:drop-shadow(0 24px 30px rgba(0,0,0,.34));
}
.mechanism-copy{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:18px 0 26px;
}
.mechanism .eyebrow{
  display:flex;
  align-items:center;
  gap:16px;
  color:#f3f8ec;
  letter-spacing:.22em;
  font-size:11px;
  font-weight:700;
  margin-bottom:16px;
}
.mechanism .eyebrow::before,
.mechanism .eyebrow::after{
  content:'';
  display:block;
  width:58px;
  height:4px;
  border-radius:999px;
  background:#f8f8ef;
}
.mechanism h2{
  font-size:clamp(40px, 4.9vw, 72px);
  line-height:.97;
  letter-spacing:-.045em;
  margin:0 0 12px;
}
.mechanism h2 em{color:#9def56}
.mechanism-intro,
.mechanism p:not(.caution):not(.support-strip p){
  max-width:700px;
  font-size:18px;
  line-height:1.45;
  color:#f4f7ef;
}
.mechanism-cards{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
  margin:18px 0 14px;
  align-items:stretch;
}
.mechanism .cards article{
  position:relative;
  background:rgba(255,255,255,.97);
  color:#15331f;
  border-radius:20px;
  padding:42px 18px 16px;
  min-height:312px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  box-shadow:0 18px 34px rgba(0,0,0,.12);
  border:1px solid rgba(221,233,215,.95);
  overflow:visible;
}
.mechanism .cards article:not(:last-child)::after{
  content:'→';
  position:absolute;
  right:-20px;
  top:42%;
  transform:translateY(-50%);
  font-size:52px;
  font-weight:800;
  color:#53bd2f;
  line-height:1;
  z-index:4;
  text-shadow:0 4px 12px rgba(255,255,255,.45);
}
.mechanism .cards i{
  position:absolute;
  top:-20px;
  left:50%;
  transform:translateX(-50%);
  width:58px;
  height:58px;
  margin:0;
  border-radius:50%;
  background:#2ea92a;
  color:#fff;
  font-size:22px;
  font-weight:800;
  box-shadow:0 10px 18px rgba(46,169,42,.34);
}
.mech-icon{
  width:120px;
  height:120px;
  border-radius:50%;
  background:#eef4e5;
  margin:8px auto 18px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:76px 76px;
  flex:0 0 auto;
}
.icon-microbe{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%232d9a2b' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='34' cy='34' r='8'/%3E%3Ccircle cx='58' cy='30' r='6'/%3E%3Ccircle cx='64' cy='50' r='8'/%3E%3Ccircle cx='32' cy='56' r='6'/%3E%3Cpath d='M16 66h64'/%3E%3Cpath d='M24 50v6m12 0v6m12-26v6m12 4v6m12-8v6'/%3E%3Cpath d='M22 74c8-3 16-3 24 0m10 0c8-3 16-3 24 0'/%3E%3C/g%3E%3C/svg%3E")}
.icon-root{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%232d9a2b' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M48 18v34'/%3E%3Cpath d='M48 30c-8 0-13-6-13-14 8 0 13 6 13 14Z' fill='none'/%3E%3Cpath d='M48 30c8 0 13-6 13-14-8 0-13 6-13 14Z' fill='none'/%3E%3Cpath d='M48 52c0 16-9 26-19 26M48 52c0 16 9 26 19 26M48 58c-6 0-10 8-10 18M48 58c6 0 10 8 10 18'/%3E%3Cpath d='M20 36v10m56-10v10'/%3E%3Cpath d='M16 42h8m48 0h8'/%3E%3C/g%3E%3C/svg%3E")}
.icon-sprout{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%232d9a2b' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M48 52v14'/%3E%3Cpath d='M48 52c-11 0-18-8-18-19 11 0 18 8 18 19Z'/%3E%3Cpath d='M48 52c11 0 18-8 18-19-11 0-18 8-18 19Z'/%3E%3Cpath d='M18 72c8-9 16-13 30-13s22 4 30 13'/%3E%3Cpath d='M28 72c3 0 6 2 7 5M68 72c-3 0-6 2-7 5'/%3E%3Cpath d='M42 78c3-2 9-2 12 0'/%3E%3C/g%3E%3C/svg%3E")}
.mechanism .cards h3{
  font-size:17px;
  line-height:1.15;
  letter-spacing:-.02em;
  color:#123420;
  margin:0 0 10px;
}
.mechanism .cards p{
  font-size:13px;
  line-height:1.45;
  color:#4f5d54;
  margin:0;
}
.caution{
  display:grid;
  grid-template-columns:84px 1fr;
  align-items:center;
  gap:0;
  background:#fff7d7;
  border:1px solid #efdd97;
  color:#4e4321;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 14px 26px rgba(0,0,0,.12);
  margin-top:8px;
}
.caution::before{display:none}
.caution-icon{
  align-self:stretch;
  background:#fff2c3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M48 16 84 78H12L48 16Z' fill='%23efb526'/%3E%3Crect x='44' y='34' width='8' height='24' rx='4' fill='white'/%3E%3Ccircle cx='48' cy='67' r='4' fill='white'/%3E%3C/svg%3E") center/44px 44px no-repeat;
  border-right:1px solid #e2ce80;
  min-height:86px;
}
.caution-text{
  padding:16px 20px;
  font-size:13px;
  line-height:1.45;
}
.support-strip{
  max-width:1120px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:18px;
  justify-content:flex-start;
  background:linear-gradient(90deg,#0b4f29 0%, #0d6a31 58%, #0a4d28 100%);
  color:#fff;
  padding:18px 26px;
  border-radius:0 0 18px 18px;
  position:relative;
  overflow:hidden;
}
.support-strip::before{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:170px;
  height:100%;
  background:url('../assets/funnel/leaf-edge-left.jpg') left bottom/contain no-repeat;
  opacity:.9;
}
.support-strip::after{
  content:'';
  position:absolute;
  right:0;
  bottom:0;
  width:170px;
  height:100%;
  background:url('../assets/funnel/leaf-edge-right.jpg') right bottom/contain no-repeat;
  opacity:.9;
}
.support-leaf{
  position:relative;
  z-index:1;
  width:42px;
  height:42px;
  flex:0 0 42px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23b4f46a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M47 11C23 12 15 26 15 40c0 6 4 13 11 13 16 0 22-19 21-42Z'/%3E%3Cpath d='M18 47c7-10 15-18 25-24'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
.support-strip p{position:relative;z-index:1;margin:0;font-size:18px;line-height:1.35}
.support-strip strong{color:#a9f157}
@media (max-width:900px){
  .mechanism{grid-template-columns:1fr;gap:10px;padding-top:40px}
  .mechanism-product{min-height:auto;justify-content:center;padding:6px 0 0}
  .mechanism-pack{width:min(100%,280px);max-height:340px}
  .mechanism-copy{padding:8px 0 18px;text-align:center}
  .mechanism .eyebrow{justify-content:center}
  .mechanism-intro,.mechanism p:not(.caution):not(.support-strip p){font-size:15px;margin-left:auto;margin-right:auto}
  .mechanism-cards{grid-template-columns:1fr;gap:12px}
  .mechanism .cards article{min-height:unset;padding:16px 14px 16px 122px;text-align:left;align-items:flex-start}
  .mechanism .cards article:not(:last-child)::after{display:none}
  .mechanism .cards i{left:14px;top:18px;transform:none;width:40px;height:40px;font-size:18px}
  .mech-icon{position:absolute;left:58px;top:14px;width:54px;height:54px;background-size:34px 34px;margin:0}
  .mechanism .cards h3{font-size:16px;margin-top:0}
  .mechanism .cards p{font-size:12px}
  .caution{grid-template-columns:62px 1fr;text-align:left}
  .caution-icon{min-height:78px;background-size:34px 34px}
}
@media (max-width:560px){
  .mechanism::after{background:url('../assets/funnel/leaf-edge-left.jpg') left top/115px auto no-repeat,url('../assets/funnel/leaf-edge-right.jpg') right top/115px auto no-repeat}
  .mechanism{padding-top:30px}
  .mechanism h2{font-size:28px}
  .mechanism .eyebrow{gap:10px;font-size:10px;letter-spacing:.17em}
  .mechanism .eyebrow::before,.mechanism .eyebrow::after{width:34px;height:3px}
  .mechanism-product{padding-top:4px}
  .mechanism-pack{width:min(100%,250px);max-height:292px}
  .mechanism .cards article{padding:14px 12px 14px 110px;border-radius:14px}
  .mechanism .cards i{left:12px;top:16px;width:38px;height:38px;font-size:17px}
  .mech-icon{left:52px;top:13px;width:48px;height:48px;background-size:30px 30px}
  .caution{grid-template-columns:54px 1fr;border-radius:12px}
  .caution-icon{min-height:68px;background-size:30px 30px}
  .caution-text{padding:12px 12px;font-size:12px}
  .support-strip{padding:14px 16px;gap:10px}
  .support-strip p{font-size:14px}
  .support-leaf{width:30px;height:30px;flex-basis:30px}
}

/* === SECTION 3 DESKTOP REBUILD — reference locked === */
@media (min-width:901px){
  body[data-page="vsl"] #mechanism.mechanism{
    width:min(1120px, calc(100% - 48px)) !important;
    max-width:1120px !important;
    min-height:760px !important;
    margin:0 auto !important;
    padding:58px 34px 22px !important;
    display:grid !important;
    grid-template-columns:350px minmax(0,1fr) !important;
    column-gap:30px !important;
    align-items:end !important;
    overflow:hidden !important;
    text-align:left !important;
    background:
      linear-gradient(90deg,rgba(3,47,25,.93) 0%,rgba(5,70,32,.82) 44%,rgba(7,93,39,.66) 100%),
      url('../assets/funnel/section3-garden-bg.png') center center/cover no-repeat !important;
    color:#fff !important;
  }
  body[data-page="vsl"] #mechanism.mechanism::before{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    height:auto !important;
    background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,.08) 100%) !important;
    opacity:1 !important;
    z-index:0 !important;
    pointer-events:none !important;
  }
  body[data-page="vsl"] #mechanism.mechanism::after{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    background:
      url('../assets/funnel/leaf-edge-left.jpg') left top/150px auto no-repeat,
      url('../assets/funnel/leaf-edge-right.jpg') right top/150px auto no-repeat !important;
    opacity:.96 !important;
    z-index:0 !important;
    pointer-events:none !important;
  }
  body[data-page="vsl"] #mechanism.mechanism > *{position:relative !important;z-index:1 !important}
  body[data-page="vsl"] #mechanism .mechanism-product{
    min-width:0 !important;
    min-height:680px !important;
    height:100% !important;
    padding:44px 0 4px !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
  }
  body[data-page="vsl"] #mechanism .mechanism-product::after{display:none !important}
  body[data-page="vsl"] #mechanism .mechanism-pack{
    width:350px !important;
    max-width:100% !important;
    height:auto !important;
    max-height:630px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 22px 28px rgba(0,0,0,.34)) !important;
  }
  body[data-page="vsl"] #mechanism .mechanism-copy{
    min-width:0 !important;
    width:100% !important;
    padding:4px 0 8px !important;
    text-align:center !important;
    align-self:stretch !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }
  body[data-page="vsl"] #mechanism .eyebrow{
    margin:0 0 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    color:#f7faef !important;
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.22em !important;
    white-space:nowrap !important;
  }
  body[data-page="vsl"] #mechanism .eyebrow::before,
  body[data-page="vsl"] #mechanism .eyebrow::after{
    content:'' !important;
    width:56px !important;
    height:4px !important;
    border-radius:999px !important;
    background:#f3f6ec !important;
    flex:0 0 56px !important;
  }
  body[data-page="vsl"] #mechanism h2{
    width:100% !important;
    max-width:none !important;
    margin:0 0 12px !important;
    font-size:57px !important;
    line-height:.98 !important;
    letter-spacing:-.048em !important;
    text-align:center !important;
    color:#fff !important;
  }
  body[data-page="vsl"] #mechanism h2 em{
    color:#8def4d !important;
    white-space:nowrap !important;
  }
  body[data-page="vsl"] #mechanism .mechanism-intro{
    width:100% !important;
    max-width:650px !important;
    margin:0 auto 16px !important;
    color:#f5f8f1 !important;
    font-size:17px !important;
    line-height:1.45 !important;
    text-align:center !important;
  }
  body[data-page="vsl"] #mechanism .mechanism-cards{
    width:100% !important;
    margin:14px 0 14px !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
  }
  body[data-page="vsl"] #mechanism .mechanism-cards article{
    min-width:0 !important;
    min-height:302px !important;
    padding:38px 15px 15px !important;
    border-radius:18px !important;
    border:1px solid rgba(224,235,218,.96) !important;
    background:rgba(255,255,255,.975) !important;
    box-shadow:0 14px 30px rgba(0,0,0,.12) !important;
    color:#153822 !important;
    overflow:visible !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
  }
  body[data-page="vsl"] #mechanism .mechanism-cards article:not(:last-child)::after{
    content:'→' !important;
    position:absolute !important;
    top:39% !important;
    right:-20px !important;
    transform:translateY(-50%) !important;
    color:#51bb2d !important;
    font-size:48px !important;
    line-height:1 !important;
    font-weight:800 !important;
    z-index:5 !important;
  }
  body[data-page="vsl"] #mechanism .mechanism-cards i{
    position:absolute !important;
    top:-20px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:56px !important;
    height:56px !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:#2aa42b !important;
    color:#fff !important;
    font-size:22px !important;
    font-weight:800 !important;
    box-shadow:0 8px 18px rgba(42,164,43,.32) !important;
  }
  body[data-page="vsl"] #mechanism .mech-icon{
    width:108px !important;
    height:108px !important;
    margin:8px auto 16px !important;
    flex:0 0 108px !important;
    border-radius:50% !important;
    background-color:#eef5e8 !important;
    background-size:68px 68px !important;
  }
  body[data-page="vsl"] #mechanism .mechanism-cards h3{
    margin:0 0 9px !important;
    color:#11361f !important;
    font-size:16px !important;
    line-height:1.14 !important;
    letter-spacing:-.025em !important;
  }
  body[data-page="vsl"] #mechanism .mechanism-cards p{
    margin:0 !important;
    color:#4d5b51 !important;
    font-size:13px !important;
    line-height:1.43 !important;
  }
  body[data-page="vsl"] #mechanism .caution{
    width:100% !important;
    min-height:86px !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:82px minmax(0,1fr) !important;
    align-items:stretch !important;
    gap:0 !important;
    overflow:hidden !important;
    border:1px solid #eed991 !important;
    border-radius:14px !important;
    background:#fff5d3 !important;
    color:#4a4022 !important;
    box-shadow:0 12px 24px rgba(0,0,0,.10) !important;
    text-align:left !important;
  }
  body[data-page="vsl"] #mechanism .caution::before{display:none !important}
  body[data-page="vsl"] #mechanism .caution-icon{
    min-height:86px !important;
    background:#fff0ba url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M48 16 84 78H12L48 16Z' fill='%23eeb51f'/%3E%3Crect x='44' y='34' width='8' height='24' rx='4' fill='white'/%3E%3Ccircle cx='48' cy='67' r='4' fill='white'/%3E%3C/svg%3E") center/46px 46px no-repeat !important;
    border-right:1px solid #dfca7e !important;
  }
  body[data-page="vsl"] #mechanism .caution-text{
    display:flex !important;
    align-items:center !important;
    padding:15px 18px !important;
    font-size:13px !important;
    line-height:1.42 !important;
  }
  body[data-page="vsl"] #mechanism + .support-strip{
    width:min(1120px, calc(100% - 48px)) !important;
    max-width:1120px !important;
    min-height:78px !important;
    margin:0 auto !important;
    padding:14px 26px !important;
    border-radius:0 0 16px 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:18px !important;
    background:linear-gradient(90deg,#094c26 0%,#0c6430 55%,#094b26 100%) !important;
    color:#fff !important;
    overflow:hidden !important;
  }
  body[data-page="vsl"] #mechanism + .support-strip::before,
  body[data-page="vsl"] #mechanism + .support-strip::after{
    opacity:.92 !important;
    width:150px !important;
  }
  body[data-page="vsl"] #mechanism + .support-strip p{
    margin:0 !important;
    font-size:20px !important;
    line-height:1.28 !important;
  }
  body[data-page="vsl"] #mechanism + .support-strip strong{color:#a8f25a !important}
}

/* Section 3 cleanup: use the real full background, no white leaf tiles */
body[data-page="vsl"] #mechanism.mechanism::after{display:none !important}
body[data-page="vsl"] #mechanism + .support-strip::before,
body[data-page="vsl"] #mechanism + .support-strip::after{display:none !important}


/* 2026-09-15: section 3 background visible, no transparent overlay */
body[data-page="vsl"] #mechanism.mechanism{
  background:#0c4d28 url('../assets/funnel/section3-garden-bg.png') center center/cover no-repeat !important;
}
body[data-page="vsl"] #mechanism.mechanism::before{display:none !important}
body[data-page="vsl"] #mechanism .mechanism-copy{filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));}

/* ==== FINAL SECTION 3 ACTUAL APPLY (2026-09-16) ==== */
body[data-page="vsl"] #mechanism.mechanism,
body[data-page="home"] #mechanism.mechanism{
  position:relative !important;
  width:min(1120px, calc(100% - 32px)) !important;
  max-width:1120px !important;
  margin:0 auto !important;
  padding:34px 30px 0 !important;
  display:grid !important;
  grid-template-columns:minmax(280px, 370px) minmax(0, 1fr) !important;
  gap:28px !important;
  align-items:end !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg, rgba(4,44,24,.82) 0%, rgba(6,68,31,.68) 38%, rgba(8,88,36,.54) 100%),
    url('../assets/funnel/section3-garden-bg.png') center center/cover no-repeat !important;
  border-radius:0 !important;
}

body[data-page="vsl"] #mechanism.mechanism::before,
body[data-page="vsl"] #mechanism.mechanism::after,
body[data-page="home"] #mechanism.mechanism::before,
body[data-page="home"] #mechanism.mechanism::after{
  display:none !important;
  content:none !important;
}

body[data-page="vsl"] #mechanism .mechanism-product,
body[data-page="home"] #mechanism .mechanism-product{
  min-height:640px !important;
  padding:0 !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:flex-start !important;
}
body[data-page="vsl"] #mechanism .mechanism-pack,
body[data-page="home"] #mechanism .mechanism-pack{
  width:min(100%, 365px) !important;
  max-height:590px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 22px 30px rgba(0,0,0,.30)) !important;
}

body[data-page="vsl"] #mechanism .mechanism-copy,
body[data-page="home"] #mechanism .mechanism-copy{
  padding:6px 0 22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  align-self:stretch !important;
  text-align:center !important;
  filter:none !important;
}
body[data-page="vsl"] #mechanism .eyebrow,
body[data-page="home"] #mechanism .eyebrow{
  margin:0 0 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  color:#f6faef !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.24em !important;
  white-space:nowrap !important;
}
body[data-page="vsl"] #mechanism .eyebrow::before,
body[data-page="vsl"] #mechanism .eyebrow::after,
body[data-page="home"] #mechanism .eyebrow::before,
body[data-page="home"] #mechanism .eyebrow::after{
  content:'' !important;
  width:56px !important;
  height:4px !important;
  flex:0 0 56px !important;
  border-radius:999px !important;
  background:#f4f8ec !important;
}
body[data-page="vsl"] #mechanism h2,
body[data-page="home"] #mechanism h2{
  margin:0 0 12px !important;
  font-size:clamp(46px, 4.7vw, 72px) !important;
  line-height:.97 !important;
  letter-spacing:-.05em !important;
  text-align:center !important;
  color:#fff !important;
}
body[data-page="vsl"] #mechanism h2 em,
body[data-page="home"] #mechanism h2 em{color:#96ef52 !important; font-style:normal !important;}
body[data-page="vsl"] #mechanism .mechanism-intro,
body[data-page="home"] #mechanism .mechanism-intro{
  max-width:680px !important;
  margin:0 auto 18px !important;
  color:#f6f8f3 !important;
  font-size:17px !important;
  line-height:1.42 !important;
  text-align:center !important;
}

body[data-page="vsl"] #mechanism .mechanism-cards,
body[data-page="home"] #mechanism .mechanism-cards{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  margin:8px 0 14px !important;
  align-items:stretch !important;
}
body[data-page="vsl"] #mechanism .mechanism-cards article,
body[data-page="home"] #mechanism .mechanism-cards article{
  position:relative !important;
  min-height:296px !important;
  padding:38px 16px 16px !important;
  background:rgba(255,255,255,.975) !important;
  border:1px solid rgba(223,234,216,.98) !important;
  border-radius:18px !important;
  box-shadow:0 12px 28px rgba(0,0,0,.12) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
  overflow:visible !important;
}
body[data-page="vsl"] #mechanism .mechanism-cards article:not(:last-child)::after,
body[data-page="home"] #mechanism .mechanism-cards article:not(:last-child)::after{
  content:'→' !important;
  position:absolute !important;
  right:-20px !important;
  top:39% !important;
  transform:translateY(-50%) !important;
  color:#40b429 !important;
  font-size:48px !important;
  line-height:1 !important;
  font-weight:800 !important;
  z-index:4 !important;
}
body[data-page="vsl"] #mechanism .mechanism-cards i,
body[data-page="home"] #mechanism .mechanism-cards i{
  position:absolute !important;
  left:50% !important;
  top:-20px !important;
  transform:translateX(-50%) !important;
  width:54px !important;
  height:54px !important;
  display:grid !important;
  place-items:center !important;
  background:#28a325 !important;
  color:#fff !important;
  border-radius:50% !important;
  box-shadow:0 8px 18px rgba(40,163,37,.30) !important;
  font-size:21px !important;
  font-weight:800 !important;
}
body[data-page="vsl"] #mechanism .mech-icon,
body[data-page="home"] #mechanism .mech-icon{
  width:112px !important;
  height:112px !important;
  flex:0 0 112px !important;
  border-radius:50% !important;
  margin:10px auto 16px !important;
  background-color:#edf4e6 !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:70px 70px !important;
}
body[data-page="vsl"] #mechanism .mechanism-cards h3,
body[data-page="home"] #mechanism .mechanism-cards h3{
  margin:0 0 10px !important;
  color:#13381f !important;
  font-size:16px !important;
  line-height:1.14 !important;
  letter-spacing:-.025em !important;
}
body[data-page="vsl"] #mechanism .mechanism-cards p,
body[data-page="home"] #mechanism .mechanism-cards p{
  margin:0 !important;
  color:#4b5a51 !important;
  font-size:13px !important;
  line-height:1.42 !important;
}

body[data-page="vsl"] #mechanism .caution,
body[data-page="home"] #mechanism .caution{
  width:100% !important;
  margin:0 0 0 !important;
  display:grid !important;
  grid-template-columns:84px minmax(0,1fr) !important;
  align-items:stretch !important;
  gap:0 !important;
  background:#fff4d0 !important;
  border:1px solid #ebd58b !important;
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:0 10px 24px rgba(0,0,0,.10) !important;
}
body[data-page="vsl"] #mechanism .caution-icon,
body[data-page="home"] #mechanism .caution-icon{
  min-height:84px !important;
  background:#fff0b9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M48 16 84 78H12L48 16Z' fill='%23f1b521'/%3E%3Crect x='44' y='34' width='8' height='24' rx='4' fill='white'/%3E%3Ccircle cx='48' cy='67' r='4' fill='white'/%3E%3C/svg%3E") center/44px 44px no-repeat !important;
  border-right:1px solid #dfcb7e !important;
}
body[data-page="vsl"] #mechanism .caution-text,
body[data-page="home"] #mechanism .caution-text{
  display:flex !important;
  align-items:center !important;
  padding:14px 18px !important;
  color:#493f22 !important;
  font-size:13px !important;
  line-height:1.42 !important;
  text-align:left !important;
}

body[data-page="vsl"] #mechanism + .support-strip,
body[data-page="home"] #mechanism + .support-strip{
  width:min(1120px, calc(100% - 32px)) !important;
  max-width:1120px !important;
  margin:0 auto !important;
  min-height:88px !important;
  padding:18px 24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:16px !important;
  background:
    linear-gradient(90deg, rgba(5,63,31,.96) 0%, rgba(10,89,42,.92) 48%, rgba(7,64,31,.96) 100%),
    url('../assets/funnel/section3-garden-bg.png') center bottom/cover no-repeat !important;
  color:#fff !important;
  border-radius:0 0 18px 18px !important;
  overflow:hidden !important;
  position:relative !important;
}
body[data-page="vsl"] #mechanism + .support-strip::before,
body[data-page="home"] #mechanism + .support-strip::before{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  width:160px !important;
  height:100% !important;
  background:radial-gradient(circle at left bottom, rgba(164,246,88,.55) 0, rgba(164,246,88,0) 42%) !important;
}
body[data-page="vsl"] #mechanism + .support-strip::after,
body[data-page="home"] #mechanism + .support-strip::after{
  content:'' !important;
  position:absolute !important;
  right:0 !important;
  bottom:0 !important;
  width:160px !important;
  height:100% !important;
  background:radial-gradient(circle at right bottom, rgba(164,246,88,.45) 0, rgba(164,246,88,0) 40%) !important;
}
body[data-page="vsl"] #mechanism + .support-strip p,
body[data-page="home"] #mechanism + .support-strip p{
  margin:0 !important;
  position:relative !important;
  z-index:1 !important;
  font-size:19px !important;
  line-height:1.3 !important;
}
body[data-page="vsl"] #mechanism + .support-strip strong,
body[data-page="home"] #mechanism + .support-strip strong{color:#a6f158 !important}
body[data-page="vsl"] #mechanism + .support-strip .support-leaf,
body[data-page="home"] #mechanism + .support-strip .support-leaf{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  position:relative !important;
  z-index:1 !important;
}

@media (max-width:900px){
  body[data-page="vsl"] #mechanism.mechanism,
  body[data-page="home"] #mechanism.mechanism{
    width:min(100%, calc(100% - 20px)) !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:24px 14px 0 !important;
    background:
      linear-gradient(180deg, rgba(4,52,26,.78) 0%, rgba(8,87,37,.56) 100%),
      url('../assets/funnel/section3-garden-bg.png') center center/cover no-repeat !important;
  }
  body[data-page="vsl"] #mechanism .mechanism-product,
  body[data-page="home"] #mechanism .mechanism-product{
    min-height:auto !important;
    justify-content:center !important;
  }
  body[data-page="vsl"] #mechanism .mechanism-pack,
  body[data-page="home"] #mechanism .mechanism-pack{
    width:min(100%, 230px) !important;
    max-height:320px !important;
  }
  body[data-page="vsl"] #mechanism .mechanism-copy,
  body[data-page="home"] #mechanism .mechanism-copy{padding:4px 0 12px !important;}
  body[data-page="vsl"] #mechanism .eyebrow,
  body[data-page="home"] #mechanism .eyebrow{gap:8px !important; font-size:9px !important; letter-spacing:.16em !important;}
  body[data-page="vsl"] #mechanism .eyebrow::before,
  body[data-page="vsl"] #mechanism .eyebrow::after,
  body[data-page="home"] #mechanism .eyebrow::before,
  body[data-page="home"] #mechanism .eyebrow::after{width:26px !important; flex-basis:26px !important; height:3px !important;}
  body[data-page="vsl"] #mechanism h2,
  body[data-page="home"] #mechanism h2{font-size:28px !important; line-height:1 !important; margin-bottom:10px !important;}
  body[data-page="vsl"] #mechanism .mechanism-intro,
  body[data-page="home"] #mechanism .mechanism-intro{font-size:14px !important; line-height:1.4 !important; margin-bottom:14px !important;}
  body[data-page="vsl"] #mechanism .mechanism-cards,
  body[data-page="home"] #mechanism .mechanism-cards{grid-template-columns:1fr !important; gap:10px !important; margin:8px 0 12px !important;}
  body[data-page="vsl"] #mechanism .mechanism-cards article,
  body[data-page="home"] #mechanism .mechanism-cards article{
    min-height:auto !important;
    padding:12px 12px 12px 108px !important;
    border-radius:16px !important;
    text-align:left !important;
    align-items:flex-start !important;
  }
  body[data-page="vsl"] #mechanism .mechanism-cards article:not(:last-child)::after,
  body[data-page="home"] #mechanism .mechanism-cards article:not(:last-child)::after{display:none !important;}
  body[data-page="vsl"] #mechanism .mechanism-cards i,
  body[data-page="home"] #mechanism .mechanism-cards i{left:12px !important; top:14px !important; transform:none !important; width:38px !important; height:38px !important; font-size:17px !important;}
  body[data-page="vsl"] #mechanism .mech-icon,
  body[data-page="home"] #mechanism .mech-icon{position:absolute !important; left:52px !important; top:10px !important; width:46px !important; height:46px !important; flex-basis:46px !important; background-size:28px 28px !important; margin:0 !important;}
  body[data-page="vsl"] #mechanism .mechanism-cards h3,
  body[data-page="home"] #mechanism .mechanism-cards h3{font-size:15px !important; margin:0 0 4px !important;}
  body[data-page="vsl"] #mechanism .mechanism-cards p,
  body[data-page="home"] #mechanism .mechanism-cards p{font-size:12px !important; line-height:1.35 !important;}
  body[data-page="vsl"] #mechanism .caution,
  body[data-page="home"] #mechanism .caution{grid-template-columns:56px 1fr !important;}
  body[data-page="vsl"] #mechanism .caution-icon,
  body[data-page="home"] #mechanism .caution-icon{min-height:68px !important; background-size:30px 30px !important;}
  body[data-page="vsl"] #mechanism .caution-text,
  body[data-page="home"] #mechanism .caution-text{padding:10px 12px !important; font-size:12px !important;}
  body[data-page="vsl"] #mechanism + .support-strip,
  body[data-page="home"] #mechanism + .support-strip{width:min(100%, calc(100% - 20px)) !important; min-height:70px !important; padding:12px 14px !important; gap:10px !important;}
  body[data-page="vsl"] #mechanism + .support-strip p,
  body[data-page="home"] #mechanism + .support-strip p{font-size:14px !important;}
  body[data-page="vsl"] #mechanism + .support-strip .support-leaf,
  body[data-page="home"] #mechanism + .support-strip .support-leaf{width:30px !important; height:30px !important; flex-basis:30px !important;}
}

/* 2026-09-16 FULL PAGE PASS FOR SECTION 2 + SECTION 3 */
body[data-page="vsl"] .section.nutrition,
body[data-page="home"] .section.nutrition{
  min-height:100vh !important;
  padding-top:28px !important;
  padding-bottom:28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body[data-page="vsl"] .section.nutrition .nutrition-stage,
body[data-page="home"] .section.nutrition .nutrition-stage{
  width:min(1380px, 96vw) !important;
  min-height:calc(100vh - 56px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:52px 44px 28px !important;
}

body[data-page="vsl"] .section.nutrition .nutrition-cards,
body[data-page="home"] .section.nutrition .nutrition-cards{
  margin:28px auto 0 !important;
}

body[data-page="vsl"] .section.nutrition .nutrition-soil-art,
body[data-page="home"] .section.nutrition .nutrition-soil-art{
  margin-top:18px !important;
}

body[data-page="vsl"] #mechanism,
body[data-page="home"] #mechanism{
  min-height:100vh !important;
  padding-top:34px !important;
  padding-bottom:34px !important;
  display:grid !important;
  grid-template-columns:0.95fr 1.25fr !important;
  align-items:center !important;
  align-content:center !important;
  column-gap:42px !important;
  background:linear-gradient(90deg,rgba(1,46,25,.26) 0%,rgba(5,72,34,.14) 40%,rgba(8,95,40,.10) 100%), url('../assets/funnel/section3-garden-bg.png') center center/cover no-repeat !important;
}

body[data-page="vsl"] #mechanism::before,
body[data-page="home"] #mechanism::before{
  background:radial-gradient(circle at 14% 84%,rgba(18,78,36,.16),transparent 24%),radial-gradient(circle at 86% 14%,rgba(101,181,67,.10),transparent 20%) !important;
}

body[data-page="vsl"] #mechanism .mechanism-product,
body[data-page="home"] #mechanism .mechanism-product{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  min-height:100% !important;
}

body[data-page="vsl"] #mechanism .mechanism-pack,
body[data-page="home"] #mechanism .mechanism-pack{
  width:min(100%, 420px) !important;
  max-height:72vh !important;
}

body[data-page="vsl"] #mechanism .mechanism-copy,
body[data-page="home"] #mechanism .mechanism-copy{
  max-width:760px !important;
  width:100% !important;
}

body[data-page="vsl"] #mechanism .mechanism-cards,
body[data-page="home"] #mechanism .mechanism-cards{
  margin-top:22px !important;
  margin-bottom:18px !important;
}

body[data-page="vsl"] .support-strip,
body[data-page="home"] .support-strip{
  max-width:min(1380px,96vw) !important;
  margin:-22px auto 0 !important;
}

@media (max-width: 991px){
  body[data-page="vsl"] .section.nutrition,
  body[data-page="home"] .section.nutrition,
  body[data-page="vsl"] #mechanism,
  body[data-page="home"] #mechanism{
    min-height:auto !important;
  }

  body[data-page="vsl"] .section.nutrition .nutrition-stage,
  body[data-page="home"] .section.nutrition .nutrition-stage{
    width:min(100%, 96vw) !important;
    min-height:auto !important;
    padding:34px 14px 18px !important;
  }

  body[data-page="vsl"] #mechanism,
  body[data-page="home"] #mechanism{
    grid-template-columns:1fr !important;
    width:min(100%, 100vw) !important;
    background-position:center center !important;
  }

  body[data-page="vsl"] #mechanism .mechanism-pack,
  body[data-page="home"] #mechanism .mechanism-pack{
    width:min(100%, 340px) !important;
    max-height:none !important;
  }

  body[data-page="vsl"] .support-strip,
  body[data-page="home"] .support-strip{
    max-width:min(100%, 96vw) !important;
    margin:0 auto !important;
  }
}


/* =========================================================
   APPROVED FUNNEL PASS — 90% DESKTOP WIDTH + GOLD DIVIDER
   + FULL-PAGE SECTIONS 2/3 + MOBILE FIX
   2026-09-16
   ========================================================= */

/* Shared desktop width approved in preview */
body[data-page="vsl"] #nutrition,
body[data-page="vsl"] #mechanism,
body[data-page="vsl"] #mechanism + .support-strip,
body[data-page="vsl"] .section-gold-divider,
body[data-page="home"] #nutrition,
body[data-page="home"] #mechanism,
body[data-page="home"] #mechanism + .support-strip,
body[data-page="home"] .section-gold-divider{
  width:90vw !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Gold line between Section 2 and Section 3 */
.section-gold-divider{
  height:6px !important;
  min-height:6px !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  background:linear-gradient(
    90deg,
    #8f6b00 0%,
    #c89a1a 18%,
    #f7d86b 50%,
    #c89a1a 82%,
    #8f6b00 100%
  ) !important;
  box-shadow:0 0 10px rgba(200,154,26,.35) !important;
  position:relative !important;
  z-index:20 !important;
}

/* SECTION 2 — full-page inside the approved 90% width */
body[data-page="vsl"] #nutrition,
body[data-page="home"] #nutrition{
  min-height:100vh !important;
  padding:0 !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  overflow:hidden !important;
  border-radius:0 !important;
}

body[data-page="vsl"] #nutrition .nutrition-stage,
body[data-page="home"] #nutrition .nutrition-stage{
  width:100% !important;
  max-width:none !important;
  min-height:100vh !important;
  margin:0 !important;
  padding:48px 4vw 26px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  border-radius:0 !important;
  background-image:url('../assets/funnel/nutrition-soil-bg.png') !important;
  background-position:center bottom !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

body[data-page="vsl"] #nutrition .nutrition-cards,
body[data-page="home"] #nutrition .nutrition-cards{
  width:100% !important;
  max-width:1180px !important;
  margin:26px auto 0 !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
}

body[data-page="vsl"] #nutrition .nutrition-soil-art,
body[data-page="home"] #nutrition .nutrition-soil-art{
  margin-top:16px !important;
}

body[data-page="vsl"] #nutrition .nutrition-note,
body[data-page="home"] #nutrition .nutrition-note{
  max-width:1040px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* SECTION 3 — visible background, no heavy green cover */
body[data-page="vsl"] #mechanism,
body[data-page="home"] #mechanism{
  min-height:calc(100vh - 92px) !important;
  padding:34px 3vw 26px !important;
  display:grid !important;
  grid-template-columns:minmax(300px,420px) minmax(0,1fr) !important;
  gap:38px !important;
  align-items:center !important;
  align-content:center !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:url('../assets/funnel/section3-garden-bg.png') center center/cover no-repeat !important;
  color:#fff !important;
}

body[data-page="vsl"] #mechanism::before,
body[data-page="vsl"] #mechanism::after,
body[data-page="home"] #mechanism::before,
body[data-page="home"] #mechanism::after{
  display:none !important;
  content:none !important;
}

body[data-page="vsl"] #mechanism .mechanism-product,
body[data-page="home"] #mechanism .mechanism-product{
  min-height:0 !important;
  height:100% !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  padding:0 !important;
}

body[data-page="vsl"] #mechanism .mechanism-pack,
body[data-page="home"] #mechanism .mechanism-pack{
  width:min(100%,420px) !important;
  max-width:100% !important;
  max-height:74vh !important;
  object-fit:contain !important;
}

body[data-page="vsl"] #mechanism .mechanism-copy,
body[data-page="home"] #mechanism .mechanism-copy{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  filter:none !important;
}

body[data-page="vsl"] #mechanism .mechanism-intro,
body[data-page="home"] #mechanism .mechanism-intro{
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body[data-page="vsl"] #mechanism .mechanism-cards,
body[data-page="home"] #mechanism .mechanism-cards{
  width:100% !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  margin:20px 0 16px !important;
}

/* Bottom strip completes Section 3's page height */
body[data-page="vsl"] #mechanism + .support-strip,
body[data-page="home"] #mechanism + .support-strip{
  min-height:92px !important;
  margin-top:0 !important;
  border-radius:0 !important;
  padding:16px 3vw !important;
}

/* =========================================================
   MOBILE ACTUAL SITE FIX
   ========================================================= */
@media (max-width:900px){

  body[data-page="vsl"] #nutrition,
  body[data-page="vsl"] #mechanism,
  body[data-page="vsl"] #mechanism + .support-strip,
  body[data-page="vsl"] .section-gold-divider,
  body[data-page="home"] #nutrition,
  body[data-page="home"] #mechanism,
  body[data-page="home"] #mechanism + .support-strip,
  body[data-page="home"] .section-gold-divider{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .section-gold-divider{
    height:4px !important;
    min-height:4px !important;
  }

  /* Section 2 mobile */
  body[data-page="vsl"] #nutrition,
  body[data-page="home"] #nutrition{
    min-height:auto !important;
  }

  body[data-page="vsl"] #nutrition .nutrition-stage,
  body[data-page="home"] #nutrition .nutrition-stage{
    min-height:auto !important;
    padding:30px 14px 24px !important;
    background-position:center bottom !important;
  }

  body[data-page="vsl"] #nutrition .nutrition-kicker,
  body[data-page="home"] #nutrition .nutrition-kicker{
    font-size:9px !important;
    letter-spacing:.18em !important;
    margin-bottom:8px !important;
  }

  body[data-page="vsl"] #nutrition h2,
  body[data-page="home"] #nutrition h2{
    font-size:31px !important;
    line-height:1.02 !important;
    margin-bottom:12px !important;
  }

  body[data-page="vsl"] #nutrition .nutrition-intro,
  body[data-page="home"] #nutrition .nutrition-intro{
    font-size:14px !important;
    line-height:1.42 !important;
    margin-bottom:18px !important;
  }

  body[data-page="vsl"] #nutrition .nutrition-cards,
  body[data-page="home"] #nutrition .nutrition-cards{
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
    max-width:none !important;
    margin:14px 0 0 !important;
  }

  body[data-page="vsl"] #nutrition .nutrition-cards article,
  body[data-page="home"] #nutrition .nutrition-cards article{
    min-height:0 !important;
    padding:15px 14px 15px 88px !important;
    border-radius:16px !important;
    position:relative !important;
    display:block !important;
    text-align:left !important;
  }

  body[data-page="vsl"] #nutrition .nutrition-icon,
  body[data-page="home"] #nutrition .nutrition-icon{
    position:absolute !important;
    left:14px !important;
    top:15px !important;
    width:60px !important;
    height:60px !important;
    margin:0 !important;
  }

  body[data-page="vsl"] #nutrition .nutrition-icon svg,
  body[data-page="home"] #nutrition .nutrition-icon svg{
    width:34px !important;
    height:34px !important;
  }

  body[data-page="vsl"] #nutrition .nutrition-cards h3,
  body[data-page="home"] #nutrition .nutrition-cards h3{
    min-height:0 !important;
    margin:0 0 6px !important;
    font-size:15px !important;
    line-height:1.16 !important;
  }

  body[data-page="vsl"] #nutrition .nutrition-cards p,
  body[data-page="home"] #nutrition .nutrition-cards p{
    font-size:12px !important;
    line-height:1.38 !important;
  }

  body[data-page="vsl"] #nutrition .nutrition-note,
  body[data-page="home"] #nutrition .nutrition-note{
    margin:16px 0 0 !important;
    padding:13px 14px !important;
    font-size:13px !important;
    line-height:1.4 !important;
    border-radius:12px !important;
  }

  /* Section 3 mobile */
  body[data-page="vsl"] #mechanism,
  body[data-page="home"] #mechanism{
    min-height:auto !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    padding:28px 14px 18px !important;
    background-position:center center !important;
  }

  body[data-page="vsl"] #mechanism .mechanism-copy,
  body[data-page="home"] #mechanism .mechanism-copy{
    order:1 !important;
    width:100% !important;
  }

  body[data-page="vsl"] #mechanism .mechanism-product,
  body[data-page="home"] #mechanism .mechanism-product{
    order:2 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    justify-content:center !important;
  }

  body[data-page="vsl"] #mechanism .mechanism-pack,
  body[data-page="home"] #mechanism .mechanism-pack{
    width:min(100%,245px) !important;
    max-height:320px !important;
  }

  body[data-page="vsl"] #mechanism .eyebrow,
  body[data-page="home"] #mechanism .eyebrow{
    gap:8px !important;
    font-size:9px !important;
    letter-spacing:.16em !important;
    margin-bottom:8px !important;
  }

  body[data-page="vsl"] #mechanism h2,
  body[data-page="home"] #mechanism h2{
    font-size:31px !important;
    line-height:1.02 !important;
    margin-bottom:12px !important;
  }

  body[data-page="vsl"] #mechanism .mechanism-intro,
  body[data-page="home"] #mechanism .mechanism-intro{
    font-size:13px !important;
    line-height:1.4 !important;
    margin-bottom:14px !important;
  }

  body[data-page="vsl"] #mechanism .mechanism-cards,
  body[data-page="home"] #mechanism .mechanism-cards{
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin:10px 0 12px !important;
  }

  body[data-page="vsl"] #mechanism .mechanism-cards article,
  body[data-page="home"] #mechanism .mechanism-cards article{
    min-height:0 !important;
    padding:14px 12px 14px 96px !important;
    border-radius:15px !important;
    text-align:left !important;
    align-items:flex-start !important;
    position:relative !important;
  }

  body[data-page="vsl"] #mechanism .mechanism-cards article:not(:last-child)::after,
  body[data-page="home"] #mechanism .mechanism-cards article:not(:last-child)::after{
    display:none !important;
  }

  body[data-page="vsl"] #mechanism .mechanism-cards i,
  body[data-page="home"] #mechanism .mechanism-cards i{
    left:12px !important;
    top:14px !important;
    transform:none !important;
    width:38px !important;
    height:38px !important;
    font-size:18px !important;
  }

  body[data-page="vsl"] #mechanism .mech-icon,
  body[data-page="home"] #mechanism .mech-icon{
    position:absolute !important;
    left:52px !important;
    top:12px !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    flex-basis:36px !important;
    margin:0 !important;
    background-size:22px 22px !important;
  }

  body[data-page="vsl"] #mechanism .mechanism-cards h3,
  body[data-page="home"] #mechanism .mechanism-cards h3{
    font-size:14px !important;
    line-height:1.15 !important;
    margin:0 0 5px !important;
  }

  body[data-page="vsl"] #mechanism .mechanism-cards p,
  body[data-page="home"] #mechanism .mechanism-cards p{
    font-size:11.5px !important;
    line-height:1.34 !important;
  }

  body[data-page="vsl"] #mechanism .caution,
  body[data-page="home"] #mechanism .caution{
    grid-template-columns:44px 1fr !important;
    gap:0 !important;
    margin-top:12px !important;
    border-radius:12px !important;
  }

  body[data-page="vsl"] #mechanism .caution-icon,
  body[data-page="home"] #mechanism .caution-icon{
    min-height:58px !important;
    background-size:28px 28px !important;
  }

  body[data-page="vsl"] #mechanism .caution-text,
  body[data-page="home"] #mechanism .caution-text{
    padding:10px 11px !important;
    font-size:11.5px !important;
    line-height:1.35 !important;
  }

  body[data-page="vsl"] #mechanism + .support-strip,
  body[data-page="home"] #mechanism + .support-strip{
    min-height:66px !important;
    padding:12px 14px !important;
    text-align:center !important;
  }

  body[data-page="vsl"] #mechanism + .support-strip p,
  body[data-page="home"] #mechanism + .support-strip p{
    font-size:14px !important;
    line-height:1.35 !important;
  }
}


/* =========================================================
   SECTION 4 — ACTUAL FIELD RESULTS REBUILD
   Approved background + responsive desktop/mobile layout
   ========================================================= */
body[data-page="vsl"] #proof.section4-proof,
body[data-page="home"] #proof.section4-proof{
  width:90vw !important;
  max-width:none !important;
  min-height:100vh !important;
  margin:0 auto !important;
  padding:0 !important;
  position:relative !important;
  overflow:hidden !important;
  text-align:center !important;
  color:#12261a !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.02)),
    url('../assets/funnel/section4-field-bg.png') center center/cover no-repeat !important;
}

body[data-page="vsl"] #proof.section4-proof::before,
body[data-page="home"] #proof.section4-proof::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.05) 55%,rgba(255,255,255,0) 100%) !important;
  pointer-events:none !important;
}

body[data-page="vsl"] #proof .section4-inner,
body[data-page="home"] #proof .section4-inner{
  position:relative !important;
  z-index:1 !important;
  width:min(1180px, calc(100% - 48px)) !important;
  min-height:100vh !important;
  margin:0 auto !important;
  padding:30px 0 46px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.section4-progress{
  width:min(570px,100%) !important;
  margin:0 auto 22px !important;
  text-align:left !important;
}
.section4-progress>span{
  display:block !important;
  margin-bottom:7px !important;
  color:#293858 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.20em !important;
}
.section4-progress-track{
  height:12px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:rgba(223,228,231,.86) !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.06) !important;
}
.section4-progress-track i{
  display:block !important;
  width:80% !important;
  height:100% !important;
  border-radius:inherit !important;
  background:linear-gradient(90deg,#168f27,#0f9b2d) !important;
}

.section4-heading{
  max-width:1030px !important;
  margin:0 auto 20px !important;
}
.section4-eyebrow{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  margin:0 0 10px !important;
  color:#0c7730 !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.20em !important;
}
.section4-eyebrow span{
  width:58px !important;
  height:4px !important;
  border-radius:999px !important;
  background:#148833 !important;
}
.section4-heading h2{
  margin:0 0 10px !important;
  color:#111 !important;
  font-size:clamp(42px,4.4vw,70px) !important;
  line-height:.95 !important;
  letter-spacing:-.045em !important;
}
.section4-heading h2 em{
  color:#108327 !important;
}
.section4-heading>p:last-child{
  max-width:960px !important;
  margin:0 auto !important;
  color:#2c405d !important;
  font-size:18px !important;
  line-height:1.42 !important;
}

.section4-results{
  display:grid !important;
  grid-template-columns:1.15fr 1fr !important;
  gap:18px !important;
  align-items:stretch !important;
}
.section4-featured,
.section4-record{
  border:1px solid rgba(205,220,199,.95) !important;
  background:rgba(255,255,255,.965) !important;
  box-shadow:0 18px 38px rgba(24,73,36,.15) !important;
}
.section4-featured{
  border-radius:20px !important;
  overflow:hidden !important;
  text-align:left !important;
}
.section4-photo{
  position:relative !important;
  min-height:250px !important;
}
.section4-photo img{
  display:block !important;
  width:100% !important;
  height:270px !important;
  object-fit:cover !important;
}
.section4-location{
  display:inline-flex !important;
  align-items:center !important;
  min-height:34px !important;
  padding:7px 13px !important;
  border-radius:8px !important;
  background:#0c8a2b !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
}
.section4-photo .section4-location{
  position:absolute !important;
  left:14px !important;
  bottom:12px !important;
}
.section4-featured-copy{
  padding:16px 20px 18px !important;
}
.section4-featured-copy h3{
  margin:0 0 5px !important;
  color:#14632b !important;
  font-size:22px !important;
  line-height:1.1 !important;
  letter-spacing:-.025em !important;
}
.section4-featured-copy h4{
  margin:0 0 6px !important;
  color:#0b0b0b !important;
  font-family:Poppins,Arial,sans-serif !important;
  font-size:44px !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
  font-weight:900 !important;
}
.section4-featured-copy h4 strong{
  color:#e10f0f !important;
}
.section4-featured-copy p{
  margin:0 0 4px !important;
  color:#182b36 !important;
  font-size:18px !important;
  line-height:1.35 !important;
}
.section4-featured-copy>small{
  display:block !important;
  padding-top:6px !important;
  border-top:1px solid #d6ddda !important;
  color:#39516b !important;
  font-size:14px !important;
}

.section4-doc{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  margin-top:10px !important;
  padding:9px 12px !important;
  border-radius:10px !important;
  background:linear-gradient(90deg,#fff4c8,#ffe8a0) !important;
  color:#5a4714 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
}
.section4-doc::first-letter{
  color:#ad7b00 !important;
}

.section4-side-records{
  display:grid !important;
  grid-template-rows:1fr 1fr !important;
  gap:18px !important;
}
.section4-record{
  display:grid !important;
  grid-template-columns:145px minmax(0,1fr) !important;
  gap:14px !important;
  padding:12px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  text-align:left !important;
}
.section4-record-photo{
  overflow:hidden !important;
  border-radius:10px !important;
}
.section4-record-photo img{
  width:100% !important;
  height:100% !important;
  min-height:205px !important;
  object-fit:cover !important;
  display:block !important;
}
.section4-record-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.section4-record-copy .section4-location{
  align-self:flex-start !important;
  margin-bottom:7px !important;
}
.section4-record-copy>p{
  margin:0 0 7px !important;
  color:#263a54 !important;
  font-size:14px !important;
}
.section4-record-copy h3{
  margin:0 0 8px !important;
  color:#0c0c0c !important;
  font-size:27px !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
}
.section4-record-copy h3 small{
  color:#244b2e !important;
  font-size:17px !important;
}
.section4-uplift{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:9px 12px !important;
  border-radius:10px !important;
  background:#e7f7dc !important;
  color:#166f28 !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}
.section4-uplift strong{
  color:#198d2b !important;
  font-size:24px !important;
}

.section4-qualification{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  max-width:920px !important;
  margin:16px auto 0 !important;
  padding:12px 18px !important;
  border:1px solid #dbe3d8 !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 10px 28px rgba(33,86,43,.10) !important;
  text-align:left !important;
}
.section4-qualification p{
  margin:0 !important;
  color:#31475f !important;
  font-size:13px !important;
  line-height:1.45 !important;
  font-style:italic !important;
}
.section4-leaf{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  position:relative !important;
}
.section4-leaf::before{
  content:'' !important;
  position:absolute !important;
  left:9px !important;
  top:3px !important;
  width:24px !important;
  height:32px !important;
  border-radius:24px 3px 24px 3px !important;
  background:#2eaa2b !important;
  transform:rotate(-35deg) !important;
}
.section4-leaf::after{
  content:'' !important;
  position:absolute !important;
  left:21px !important;
  top:10px !important;
  width:3px !important;
  height:27px !important;
  border-radius:99px !important;
  background:#0c7223 !important;
  transform:rotate(-35deg) !important;
}

/* soft green wave at the bottom, like the supplied reference */
body[data-page="vsl"] #proof.section4-proof::after,
body[data-page="home"] #proof.section4-proof::after{
  content:'' !important;
  position:absolute !important;
  left:-5% !important;
  right:-5% !important;
  bottom:-58px !important;
  height:96px !important;
  border-radius:50% 50% 0 0 / 70% 70% 0 0 !important;
  background:linear-gradient(#34c337,#087c2a) !important;
  z-index:0 !important;
}

/* MOBILE: stacked/swipeable cards similar to the supplied phone reference */
@media(max-width:900px){
  body[data-page="vsl"] #proof.section4-proof,
  body[data-page="home"] #proof.section4-proof{
    width:100% !important;
    min-height:auto !important;
    margin:0 !important;
    background-position:center center !important;
  }
  body[data-page="vsl"] #proof .section4-inner,
  body[data-page="home"] #proof .section4-inner{
    width:100% !important;
    min-height:auto !important;
    padding:24px 14px 38px !important;
  }
  .section4-progress{
    display:none !important;
  }
  .section4-eyebrow{
    gap:9px !important;
    font-size:10px !important;
    letter-spacing:.17em !important;
  }
  .section4-eyebrow span{
    width:31px !important;
    height:3px !important;
  }
  .section4-heading{
    margin-bottom:16px !important;
  }
  .section4-heading h2{
    font-size:34px !important;
    line-height:.98 !important;
    margin-bottom:10px !important;
  }
  .section4-heading>p:last-child{
    font-size:14px !important;
    line-height:1.4 !important;
  }
  .section4-results{
    display:flex !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    gap:12px !important;
    padding:2px 2px 12px !important;
    scrollbar-width:none !important;
  }
  .section4-results::-webkit-scrollbar{
    display:none !important;
  }
  .section4-featured,
  .section4-record{
    flex:0 0 88% !important;
    scroll-snap-align:center !important;
  }
  .section4-featured{
    display:block !important;
  }
  .section4-photo img{
    height:190px !important;
  }
  .section4-featured-copy{
    padding:13px 14px 14px !important;
  }
  .section4-featured-copy h3{
    font-size:17px !important;
  }
  .section4-featured-copy h4{
    font-size:33px !important;
  }
  .section4-featured-copy p{
    font-size:13px !important;
  }
  .section4-featured-copy>small{
    font-size:11px !important;
  }
  .section4-doc{
    padding:8px 10px !important;
    font-size:11px !important;
  }
  .section4-side-records{
    display:contents !important;
  }
  .section4-record{
    display:block !important;
    padding:10px !important;
  }
  .section4-record-photo{
    height:190px !important;
    margin-bottom:10px !important;
  }
  .section4-record-photo img{
    min-height:0 !important;
    height:190px !important;
  }
  .section4-record-copy .section4-location{
    font-size:10px !important;
  }
  .section4-record-copy>p{
    font-size:12px !important;
  }
  .section4-record-copy h3{
    font-size:24px !important;
  }
  .section4-record-copy h3 small{
    font-size:14px !important;
  }
  .section4-uplift{
    font-size:12px !important;
  }
  .section4-uplift strong{
    font-size:20px !important;
  }
  .section4-qualification{
    margin-top:10px !important;
    padding:10px 12px !important;
    gap:10px !important;
  }
  .section4-qualification p{
    font-size:11px !important;
    line-height:1.4 !important;
  }
  .section4-leaf{
    width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
  }
}


/* =========================================================
   SECTION 5 — COMPLETE TERRABOOSTER PROGRAM
   Actual HTML/CSS rebuild using approved sunrise rice-field bg
   ========================================================= */
body[data-page="vsl"] #program.section5-program,
body[data-page="home"] #program.section5-program{
  width:90vw !important;
  max-width:none !important;
  min-height:100vh !important;
  margin:0 auto !important;
  padding:0 !important;
  position:relative !important;
  overflow:hidden !important;
  text-align:center !important;
  color:#0d2817 !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02)),
    url('../assets/funnel/section5-program-bg.png') center center/cover no-repeat !important;
}

body[data-page="vsl"] #program.section5-program::before,
body[data-page="home"] #program.section5-program::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.10) 0%,
    rgba(255,255,255,.02) 52%,
    rgba(4,70,29,.12) 100%
  ) !important;
  pointer-events:none !important;
}

body[data-page="vsl"] #program .section5-inner,
body[data-page="home"] #program .section5-inner{
  position:relative !important;
  z-index:1 !important;
  width:min(1180px,calc(100% - 48px)) !important;
  min-height:100vh !important;
  margin:0 auto !important;
  padding:26px 0 30px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.section5-progress{
  width:min(570px,100%) !important;
  margin:0 auto 18px !important;
  text-align:left !important;
}
.section5-progress>span{
  display:block !important;
  margin-bottom:7px !important;
  color:#293858 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.20em !important;
}
.section5-progress-track{
  height:12px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:rgba(223,228,231,.86) !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.06) !important;
}
.section5-progress-track i{
  display:block !important;
  width:100% !important;
  height:100% !important;
  border-radius:inherit !important;
  background:linear-gradient(90deg,#168f27,#0f9b2d) !important;
}

.section5-brand{
  width:min(1180px,100%) !important;
  margin:0 auto 2px !important;
  text-align:left !important;
}
.section5-logo{
  width:118px !important;
  max-height:74px !important;
  object-fit:contain !important;
}

.section5-heading{
  max-width:1080px !important;
  margin:0 auto 18px !important;
}
.section5-eyebrow{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  margin:0 0 10px !important;
  color:#0c7730 !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.20em !important;
}
.section5-eyebrow span{
  width:58px !important;
  height:4px !important;
  border-radius:999px !important;
  background:#148833 !important;
}
.section5-heading h2{
  margin:0 0 10px !important;
  color:#111 !important;
  font-size:clamp(40px,4.2vw,68px) !important;
  line-height:.96 !important;
  letter-spacing:-.045em !important;
}
.section5-heading h2 em{
  color:#108327 !important;
  font-style:normal !important;
}
.section5-heading>p{
  max-width:930px !important;
  margin:0 auto !important;
  color:#1d2d36 !important;
  font-size:18px !important;
  line-height:1.42 !important;
}

.section5-content{
  display:grid !important;
  grid-template-columns:370px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:end !important;
  margin-top:10px !important;
}

.section5-benefits{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
}
.section5-benefits article{
  min-height:146px !important;
  padding:16px 12px 14px !important;
  border:1px solid rgba(207,220,200,.95) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.965) !important;
  box-shadow:0 16px 34px rgba(30,74,37,.13) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}
.section5-benefits h3{
  margin:8px 0 0 !important;
  color:#12351c !important;
  font-size:18px !important;
  line-height:1.05 !important;
  letter-spacing:-.025em !important;
}
.section5-icon{
  width:76px !important;
  height:76px !important;
  border-radius:50% !important;
  background:#eef6e8 !important;
  position:relative !important;
}

/* location/farm icon */
.section5-icon-location::before{
  content:'' !important;
  position:absolute !important;
  left:29px !important;
  top:13px !important;
  width:18px !important;
  height:24px !important;
  border:4px solid #16852c !important;
  border-radius:50% 50% 50% 0 !important;
  transform:rotate(-45deg) !important;
}
.section5-icon-location::after{
  content:'' !important;
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  bottom:14px !important;
  height:22px !important;
  background:
    linear-gradient(160deg,transparent 44%,#16852c 45% 51%,transparent 52%) 0 0/100% 9px repeat-y !important;
  border-bottom:3px solid #16852c !important;
}

/* sprout */
.section5-icon-sprout::before{
  content:'' !important;
  position:absolute !important;
  left:36px !important;
  top:26px !important;
  width:4px !important;
  height:30px !important;
  background:#16852c !important;
  border-radius:99px !important;
}
.section5-icon-sprout::after{
  content:'' !important;
  position:absolute !important;
  left:20px !important;
  top:18px !important;
  width:36px !important;
  height:24px !important;
  background:
    radial-gradient(ellipse at 30% 55%,#16852c 0 48%,transparent 49%),
    radial-gradient(ellipse at 70% 45%,#16852c 0 48%,transparent 49%) !important;
}

/* crops */
.section5-icon-crops::before{
  content:'🌾' !important;
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  font-size:40px !important;
  filter:saturate(.85) hue-rotate(30deg) !important;
}
.section5-icon-crops::after{
  content:'🌽' !important;
  position:absolute !important;
  right:6px !important;
  bottom:6px !important;
  font-size:28px !important;
}

/* support headset */
.section5-icon-support::before{
  content:'' !important;
  position:absolute !important;
  left:19px !important;
  top:17px !important;
  width:38px !important;
  height:31px !important;
  border:5px solid #16852c !important;
  border-bottom:0 !important;
  border-radius:24px 24px 0 0 !important;
}
.section5-icon-support::after{
  content:'•••' !important;
  position:absolute !important;
  right:5px !important;
  bottom:7px !important;
  width:32px !important;
  height:22px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:7px !important;
  background:#16852c !important;
  color:#fff !important;
  font-size:14px !important;
  letter-spacing:1px !important;
}

.section5-visual{
  min-height:380px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  position:relative !important;
}
.section5-visual .stack{
  width:min(100%,720px) !important;
  max-height:430px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 22px 34px rgba(0,0,0,.20)) !important;
}

.section5-cta{
  width:min(900px,92%) !important;
  min-height:64px !important;
  margin:18px auto 0 !important;
  padding:15px 28px !important;
  border:1px solid #d9a700 !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#ffe34f 0%,#ffc91f 100%) !important;
  box-shadow:0 10px 22px rgba(130,91,0,.26),inset 0 1px 0 rgba(255,255,255,.65) !important;
  color:#111 !important;
  font-family:Poppins,Arial,sans-serif !important;
  font-size:21px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  cursor:pointer !important;
}
.section5-cta span{
  margin-left:18px !important;
  font-size:31px !important;
  line-height:1 !important;
  vertical-align:-2px !important;
}
.section5-note{
  margin:12px auto 0 !important;
  color:#f7f7f2 !important;
  font-size:15px !important;
  line-height:1.35 !important;
  text-shadow:0 2px 5px rgba(0,0,0,.55) !important;
}

/* dark green grounding at bottom of the section */
body[data-page="vsl"] #program.section5-program::after,
body[data-page="home"] #program.section5-program::after{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:110px !important;
  background:linear-gradient(180deg,rgba(2,64,27,0),rgba(3,75,31,.94) 62%,#07502c 100%) !important;
  z-index:0 !important;
}

/* visually connect the existing site footer to Section 5 */
body[data-page="vsl"] .site-footer{
  width:90vw !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:20px max(28px,calc((90vw - 1120px)/2)) !important;
  background:#07502c !important;
  border-top:1px solid rgba(255,255,255,.25) !important;
  color:#fff !important;
}

/* MOBILE */
@media(max-width:900px){
  body[data-page="vsl"] #program.section5-program,
  body[data-page="home"] #program.section5-program{
    width:100% !important;
    min-height:auto !important;
    margin:0 !important;
    background-position:center center !important;
  }

  body[data-page="vsl"] #program .section5-inner,
  body[data-page="home"] #program .section5-inner{
    width:100% !important;
    min-height:auto !important;
    padding:24px 14px 26px !important;
  }

  .section5-progress{
    display:none !important;
  }

  .section5-brand{
    text-align:center !important;
    margin-bottom:8px !important;
  }
  .section5-logo{
    width:104px !important;
  }

  .section5-eyebrow{
    gap:9px !important;
    font-size:10px !important;
    letter-spacing:.17em !important;
  }
  .section5-eyebrow span{
    width:31px !important;
    height:3px !important;
  }

  .section5-heading{
    margin-bottom:14px !important;
  }
  .section5-heading h2{
    font-size:33px !important;
    line-height:.98 !important;
  }
  .section5-heading>p{
    font-size:14px !important;
    line-height:1.4 !important;
  }

  .section5-content{
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-top:8px !important;
  }

  .section5-visual{
    order:1 !important;
    min-height:auto !important;
  }
  .section5-visual .stack{
    width:min(100%,350px) !important;
    max-height:300px !important;
  }

  .section5-benefits{
    order:2 !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  .section5-benefits article{
    min-height:112px !important;
    padding:12px 8px !important;
    border-radius:14px !important;
  }
  .section5-icon{
    width:56px !important;
    height:56px !important;
  }
  .section5-benefits h3{
    font-size:14px !important;
  }

  .section5-icon-location::before{
    left:21px !important;
    top:9px !important;
    width:14px !important;
    height:19px !important;
    border-width:3px !important;
  }
  .section5-icon-location::after{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    height:17px !important;
  }
  .section5-icon-sprout::before{
    left:27px !important;
    top:19px !important;
    height:23px !important;
  }
  .section5-icon-sprout::after{
    left:14px !important;
    top:13px !important;
    width:28px !important;
    height:19px !important;
  }
  .section5-icon-crops::before{
    font-size:30px !important;
  }
  .section5-icon-crops::after{
    font-size:20px !important;
  }
  .section5-icon-support::before{
    left:13px !important;
    top:12px !important;
    width:31px !important;
    height:25px !important;
    border-width:4px !important;
  }
  .section5-icon-support::after{
    width:25px !important;
    height:18px !important;
    font-size:11px !important;
  }

  .section5-cta{
    width:100% !important;
    min-height:56px !important;
    margin-top:14px !important;
    padding:12px 14px !important;
    border-radius:13px !important;
    font-size:15px !important;
  }
  .section5-cta span{
    margin-left:9px !important;
    font-size:24px !important;
  }
  .section5-note{
    font-size:12px !important;
    margin-top:10px !important;
  }

  body[data-page="vsl"] .site-footer{
    width:100% !important;
    margin:0 !important;
    padding:18px 14px !important;
  }
}


/* =========================================================
   OFFER HERO — ACTUAL SECTION 1 REBUILD
   Uses approved rice + corn field background
   ========================================================= */

body[data-page="offer"] .site-header{
  width:90vw !important;
  max-width:none !important;
  height:82px !important;
  margin:0 auto !important;
  padding:12px 38px !important;
  background:#fff !important;
}

body[data-page="offer"] .offer-hero-primary{
  width:90vw !important;
  max-width:none !important;
  min-height:calc(100vh - 82px) !important;
  margin:0 auto !important;
  padding:22px 3.3vw 28px !important;
  position:relative !important;
  overflow:hidden !important;
  display:block !important;
  text-align:left !important;
  color:#11271a !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.60) 42%,rgba(255,255,255,.08) 72%,rgba(255,255,255,.02) 100%),
    url('../assets/funnel/offer-hero-field-bg.png') center center/cover no-repeat !important;
}

body[data-page="offer"] .offer-hero-primary::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(4,81,31,.05)) !important;
}

.offer-hero-primary>*{
  position:relative !important;
  z-index:1 !important;
}

.offer-progress{
  width:min(620px,100%) !important;
  margin:0 0 18px !important;
}
.offer-progress>span{
  display:block !important;
  margin-bottom:7px !important;
  color:#225f2f !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.11em !important;
}
.offer-progress-track{
  height:12px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:rgba(220,228,221,.92) !important;
}
.offer-progress-track i{
  display:block !important;
  width:14% !important;
  height:100% !important;
  border-radius:inherit !important;
  background:linear-gradient(90deg,#62d257,#08752c) !important;
}

.offer-hero-main{
  display:grid !important;
  grid-template-columns:minmax(420px,.95fr) minmax(460px,1.2fr) !important;
  gap:18px !important;
  align-items:center !important;
}

.offer-hero-copy{
  padding:6px 0 0 !important;
}
.offer-pill{
  display:inline-flex !important;
  align-items:center !important;
  min-height:36px !important;
  margin:0 0 12px !important;
  padding:8px 18px !important;
  border-radius:999px !important;
  color:#fff !important;
  background:linear-gradient(180deg,#55b63a,#278b27) !important;
  box-shadow:0 6px 14px rgba(26,100,35,.18) !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
}

.offer-hero-primary h1{
  margin:0 0 10px !important;
  color:#0a1a0f !important;
  font-size:clamp(43px,4.2vw,68px) !important;
  line-height:.96 !important;
  letter-spacing:-.045em !important;
  text-transform:uppercase !important;
}
.offer-hero-primary h1 em{
  color:#3e9d26 !important;
  font-style:normal !important;
}
.offer-hero-copy>p{
  max-width:620px !important;
  margin:0 !important;
  color:#1a2b34 !important;
  font-size:17px !important;
  line-height:1.42 !important;
}

.offer-price-box{
  width:min(100%,500px) !important;
  margin-top:18px !important;
  overflow:hidden !important;
  border:2px solid #58af45 !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 16px 36px rgba(28,76,35,.16) !important;
}
.offer-price-box>b{
  display:block !important;
  padding:7px 14px !important;
  background:linear-gradient(180deg,#39a635,#15882b) !important;
  color:#fff !important;
  text-align:center !important;
  font-size:15px !important;
  line-height:1.1 !important;
  letter-spacing:.02em !important;
}
.offer-price-row{
  display:grid !important;
  grid-template-columns:1fr 1.1fr !important;
  align-items:center !important;
}
.offer-price-row>div:first-child{
  padding:10px 18px 9px !important;
  text-align:center !important;
  border-right:1px solid #d8e7d6 !important;
}
.offer-price-row>div:first-child strong{
  display:block !important;
  color:#0d6425 !important;
  font-family:Poppins,Arial,sans-serif !important;
  font-size:56px !important;
  line-height:.95 !important;
  letter-spacing:-.05em !important;
}
.offer-price-row>div:first-child span{
  display:block !important;
  margin-top:4px !important;
  color:#154422 !important;
  font-size:15px !important;
  font-weight:800 !important;
}
.offer-free-shipping{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:92px !important;
  padding:10px 12px !important;
  background:linear-gradient(180deg,#ffe158,#ffd02c) !important;
}
.offer-free-shipping i{
  font-style:normal !important;
  font-size:34px !important;
}
.offer-free-shipping strong{
  display:block !important;
  color:#1f3518 !important;
  font-size:18px !important;
  line-height:1.05 !important;
}
.offer-free-shipping small{
  display:block !important;
  margin-top:4px !important;
  color:#38442f !important;
  font-size:10px !important;
  line-height:1.15 !important;
}

.offer-hero-product{
  min-height:420px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
}
.offer-hero-product .stack{
  width:min(100%,720px) !important;
  max-height:500px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.22)) !important;
}

.offer-benefit-strip{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  margin:8px 0 12px !important;
  border-top:1px solid rgba(201,218,198,.9) !important;
  border-bottom:1px solid rgba(201,218,198,.9) !important;
  background:rgba(255,255,255,.90) !important;
  backdrop-filter:blur(4px) !important;
}
.offer-benefit-strip>div{
  min-height:82px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  padding:10px 14px !important;
  border-right:1px solid #d6dfd5 !important;
}
.offer-benefit-strip>div:last-child{
  border-right:0 !important;
}
.offer-benefit-strip i{
  font-style:normal !important;
  color:#15852a !important;
  font-size:37px !important;
  line-height:1 !important;
}
.offer-benefit-strip b{
  color:#102b18 !important;
  font-size:22px !important;
  line-height:.98 !important;
}
.offer-benefit-strip b span{
  font-size:11px !important;
  line-height:1.05 !important;
}

.offer-hero-order{
  text-align:center !important;
}
.offer-hero-order .cta-wrap{
  margin:0 auto !important;
}
.offer-hero-order .cta{
  width:min(650px,90%) !important;
  min-height:58px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#ffe24b,#ffc720) !important;
  color:#122114 !important;
  border-color:#d3a800 !important;
  box-shadow:0 10px 20px rgba(120,83,0,.20) !important;
  font-size:21px !important;
  font-weight:900 !important;
}
.offer-hero-order p{
  margin:10px 0 4px !important;
  color:#1d2d22 !important;
  font-size:13px !important;
}
.offer-hero-order small{
  color:#254831 !important;
  font-size:11px !important;
}

/* Mobile offer hero */
@media(max-width:900px){
  body[data-page="offer"] .site-header{
    width:100% !important;
    height:72px !important;
    padding:8px 18px !important;
  }

  body[data-page="offer"] .offer-hero-primary{
    width:100% !important;
    min-height:auto !important;
    margin:0 !important;
    padding:22px 14px 26px !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.78) 46%,rgba(255,255,255,.28) 100%),
      url('../assets/funnel/offer-hero-field-bg.png') center center/cover no-repeat !important;
  }

  .offer-progress{
    display:none !important;
  }

  .offer-hero-main{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }

  .offer-hero-copy{
    width:100% !important;
    order:1 !important;
    text-align:left !important;
  }

  .offer-pill{
    min-height:32px !important;
    padding:7px 14px !important;
    margin-bottom:10px !important;
    font-size:12px !important;
  }

  .offer-hero-primary h1{
    font-size:36px !important;
    line-height:.98 !important;
    margin-bottom:10px !important;
  }

  .offer-hero-copy>p{
    font-size:14px !important;
    line-height:1.4 !important;
  }

  .offer-price-box{
    width:100% !important;
    margin-top:14px !important;
  }
  .offer-price-row{
    grid-template-columns:1fr !important;
  }
  .offer-price-row>div:first-child{
    border-right:0 !important;
    border-bottom:1px solid #d8e7d6 !important;
  }
  .offer-price-row>div:first-child strong{
    font-size:49px !important;
  }
  .offer-free-shipping{
    min-height:62px !important;
  }

  .offer-hero-product{
    order:2 !important;
    min-height:auto !important;
    width:100% !important;
  }
  .offer-hero-product .stack{
    width:min(100%,390px) !important;
    max-height:330px !important;
  }

  .offer-benefit-strip{
    grid-template-columns:1fr 1fr !important;
    gap:0 !important;
    margin-top:8px !important;
  }
  .offer-benefit-strip>div{
    min-height:76px !important;
    padding:9px 8px !important;
    border-right:1px solid #d6dfd5 !important;
    border-bottom:1px solid #d6dfd5 !important;
  }
  .offer-benefit-strip>div:nth-child(2n){
    border-right:0 !important;
  }
  .offer-benefit-strip i{
    font-size:29px !important;
  }
  .offer-benefit-strip b{
    font-size:18px !important;
  }
  .offer-benefit-strip b span{
    font-size:10px !important;
  }

  .offer-hero-order .cta{
    width:100% !important;
    min-height:54px !important;
    font-size:16px !important;
  }
  .offer-hero-order p{
    font-size:11px !important;
  }
  .offer-hero-order small{
    font-size:10px !important;
  }
}


/* =========================================================
   OFFER HERO TEXT LEGIBILITY V9
   User-approved white + bold text
   ========================================================= */
body[data-page="offer"] .offer-hero-primary .offer-hero-copy>p{
  color:#fff !important;
  font-weight:800 !important;
  text-shadow:0 2px 6px rgba(0,0,0,.68) !important;
}

body[data-page="offer"] .offer-hero-primary .offer-hero-copy>p strong{
  color:#fff !important;
  font-weight:900 !important;
}

body[data-page="offer"] .offer-hero-primary .offer-hero-order>p,
body[data-page="offer"] .offer-hero-primary .offer-hero-order>small{
  color:#fff !important;
  font-weight:800 !important;
  text-shadow:0 2px 6px rgba(0,0,0,.72) !important;
}

@media(max-width:900px){
  body[data-page="offer"] .offer-hero-primary .offer-hero-copy>p,
  body[data-page="offer"] .offer-hero-primary .offer-hero-order>p,
  body[data-page="offer"] .offer-hero-primary .offer-hero-order>small{
    color:#fff !important;
    font-weight:800 !important;
    text-shadow:0 2px 5px rgba(0,0,0,.72) !important;
  }
}


/* =========================================================
   OFFER HERO FOREST-GROUND TEXT BACKGROUND V10
   ========================================================= */
body[data-page="offer"] .offer-hero-primary .offer-hero-copy>p{
  display:inline-block !important;
  max-width:620px !important;
  padding:14px 18px !important;
  margin:0 !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,rgba(78,96,44,.88) 0%,rgba(45,58,27,.92) 100%) !important;
  border:1px solid rgba(201,214,150,.28) !important;
  box-shadow:0 10px 22px rgba(15,24,10,.22) !important;
  color:#fff !important;
  font-weight:800 !important;
  text-shadow:0 2px 6px rgba(0,0,0,.55) !important;
}

body[data-page="offer"] .offer-hero-primary .offer-hero-copy>p strong{
  color:#fff !important;
  font-weight:900 !important;
}

body[data-page="offer"] .offer-hero-primary .offer-hero-order>p,
body[data-page="offer"] .offer-hero-primary .offer-hero-order>small{
  display:inline-block !important;
  padding:10px 16px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,rgba(76,94,43,.90) 0%,rgba(40,52,24,.92) 100%) !important;
  border:1px solid rgba(201,214,150,.24) !important;
  box-shadow:0 8px 18px rgba(13,22,9,.22) !important;
  color:#fff !important;
  font-weight:800 !important;
  text-shadow:0 2px 6px rgba(0,0,0,.55) !important;
}

body[data-page="offer"] .offer-hero-primary .offer-hero-order>p{
  margin-top:12px !important;
  margin-bottom:6px !important;
}

body[data-page="offer"] .offer-hero-primary .offer-hero-order>small{
  margin-top:2px !important;
}

@media(max-width:900px){
  body[data-page="offer"] .offer-hero-primary .offer-hero-copy>p{
    display:block !important;
    max-width:none !important;
    width:100% !important;
    padding:12px 14px !important;
    border-radius:14px !important;
    font-size:14px !important;
  }

  body[data-page="offer"] .offer-hero-primary .offer-hero-order>p,
  body[data-page="offer"] .offer-hero-primary .offer-hero-order>small{
    display:block !important;
    width:100% !important;
    padding:9px 12px !important;
    border-radius:12px !important;
  }
}


/* =========================================================
   OFFER HEADER V11
   Remove progress/loading UI + forest green header
   ========================================================= */
body[data-page="offer"] .site-header{
  width:90vw !important;
  max-width:none !important;
  height:82px !important;
  margin:0 auto !important;
  padding:10px 36px !important;
  background:linear-gradient(180deg,#174d2c 0%,#0c3921 100%) !important;
  border-bottom:1px solid rgba(215,226,182,.24) !important;
  box-shadow:0 8px 20px rgba(12,46,27,.18) !important;
  color:#fff !important;
}

body[data-page="offer"] .site-header img{
  width:116px !important;
  height:62px !important;
  object-fit:contain !important;
}

body[data-page="offer"] .site-header .secure{
  color:#fff !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-shadow:0 1px 3px rgba(0,0,0,.28) !important;
}

/* No empty space where the old Section 1 progress bar used to be. */
body[data-page="offer"] .offer-hero-primary{
  padding-top:28px !important;
}

body[data-page="offer"] .offer-progress,
body[data-page="offer"] .offer-progress-track{
  display:none !important;
}

@media(max-width:900px){
  body[data-page="offer"] .site-header{
    width:100% !important;
    height:72px !important;
    margin:0 !important;
    padding:7px 16px !important;
  }

  body[data-page="offer"] .site-header img{
    width:102px !important;
    height:56px !important;
  }

  body[data-page="offer"] .site-header .secure{
    font-size:9px !important;
    line-height:1.2 !important;
    text-align:right !important;
  }

  body[data-page="offer"] .offer-hero-primary{
    padding-top:22px !important;
  }
}


/* =========================================================
   OFFER SECTION 2 ACTUAL V12
   ========================================================= */
body[data-page="offer"] .offer-bonus-section{
  width:90vw !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:38px 3vw 36px !important;
  position:relative !important;
  overflow:hidden !important;
  text-align:center !important;
  color:#13301d !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.95) 70%,rgba(248,252,244,.98) 100%),
    url('../assets/funnel/offer-section2-bonus-bg.png') center bottom/cover no-repeat !important;
  border-top:1px solid rgba(207,223,201,.92) !important;
  border-bottom-left-radius:22px !important;
  border-bottom-right-radius:22px !important;
}
body[data-page="offer"] .offer-bonus-section::before{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:140px !important;
  pointer-events:none !important;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(241,247,234,.35) 30%,rgba(232,244,220,.92) 100%) !important;
}
body[data-page="offer"] .offer-bonus-shell{
  position:relative !important;
  z-index:1 !important;
}
body[data-page="offer"] .offer-bonus-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:22px !important;
  margin-bottom:14px !important;
}
body[data-page="offer"] .offer-bonus-logo img{
  width:160px !important;
  height:auto !important;
}
body[data-page="offer"] .offer-bonus-tagline{
  margin-top:6px !important;
  text-align:left !important;
  color:#56646a !important;
  font-size:14px !important;
  line-height:1.14 !important;
  font-weight:800 !important;
  letter-spacing:.24em !important;
}
body[data-page="offer"] .offer-bonus-section .eyebrow{
  margin-bottom:12px !important;
  color:#188133 !important;
  font-size:16px !important;
  letter-spacing:.32em !important;
}
body[data-page="offer"] .offer-bonus-section h2{
  max-width:1050px !important;
  margin:0 auto 12px !important;
  color:#093a1b !important;
  font-size:clamp(38px,4.1vw,64px) !important;
  line-height:.98 !important;
  text-transform:uppercase !important;
}
body[data-page="offer"] .offer-bonus-section h2 em{
  color:#19872f !important;
  font-style:normal !important;
}
body[data-page="offer"] .offer-bonus-section .intro{
  max-width:860px !important;
  margin:0 auto 26px !important;
  color:#3e4a56 !important;
  font-size:17px !important;
  line-height:1.38 !important;
}
body[data-page="offer"] .offer-bonus-equation{
  display:grid !important;
  grid-template-columns:minmax(0,1.12fr) auto minmax(0,.92fr) auto minmax(180px,.55fr) !important;
  align-items:end !important;
  gap:16px !important;
  margin:0 auto 22px !important;
  max-width:1120px !important;
}
body[data-page="offer"] .offer-bonus-group{
  position:relative !important;
}
body[data-page="offer"] .offer-bonus-packs{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:12px !important;
  min-height:270px !important;
}
body[data-page="offer"] .offer-bonus-packs img{
  width:44% !important;
  max-width:190px !important;
  max-height:255px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.16)) !important;
}
body[data-page="offer"] .offer-bonus-free .offer-bonus-packs{
  min-height:280px !important;
  padding:16px 14px 10px !important;
  border-radius:20px !important;
  border:4px solid #e7c558 !important;
  background:linear-gradient(180deg,rgba(255,247,212,.88) 0%,rgba(255,243,197,.60) 100%) !important;
  box-shadow:0 10px 24px rgba(153,120,15,.14) !important;
}
body[data-page="offer"] .offer-bonus-free .offer-bonus-packs img{
  width:58% !important;
  max-width:205px !important;
}
body[data-page="offer"] .offer-bonus-group b{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  margin-top:10px !important;
  padding:10px 16px !important;
  border-radius:12px !important;
  background:rgba(240,247,236,.98) !important;
  color:#12301b !important;
  font-size:17px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  box-shadow:0 6px 18px rgba(44,83,40,.08) !important;
}
body[data-page="offer"] .offer-bonus-ribbon{
  position:absolute !important;
  top:-12px !important;
  right:20px !important;
  padding:9px 14px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#d5a82e,#b78313) !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  box-shadow:0 8px 18px rgba(114,78,8,.22) !important;
}
body[data-page="offer"] .offer-bonus-op{
  align-self:center !important;
  color:#17942c !important;
  font-size:72px !important;
  line-height:1 !important;
  font-weight:900 !important;
}
body[data-page="offer"] .offer-bonus-total{
  align-self:center !important;
  min-height:112px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:18px 16px !important;
  border-radius:18px !important;
  background:rgba(243,248,240,.98) !important;
  box-shadow:0 8px 20px rgba(43,94,41,.10) !important;
}
body[data-page="offer"] .offer-bonus-total strong{
  color:#0d6624 !important;
  font-size:56px !important;
  line-height:.95 !important;
  letter-spacing:-.045em !important;
}
body[data-page="offer"] .offer-bonus-total span{
  color:#234126 !important;
  font-size:17px !important;
  font-weight:800 !important;
}
body[data-page="offer"] .offer-bonus-values{
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:12px !important;
  align-items:stretch !important;
  max-width:1120px !important;
  margin:0 auto 20px !important;
}
body[data-page="offer"] .offer-bonus-values>div{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-height:140px !important;
  padding:16px 12px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid #d7e3d3 !important;
  box-shadow:0 8px 20px rgba(37,75,36,.08) !important;
}
body[data-page="offer"] .offer-bonus-values small{
  display:block !important;
  margin-bottom:8px !important;
  color:#2a3b2d !important;
  font-size:13px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
}
body[data-page="offer"] .offer-bonus-values strong{
  color:#0c7427 !important;
  font-size:34px !important;
  line-height:.98 !important;
  font-family:Poppins,Arial,sans-serif !important;
  letter-spacing:-.04em !important;
}
body[data-page="offer"] .offer-bonus-values .you-pay{
  background:linear-gradient(180deg,#e7f5df,#d7edcb) !important;
}
body[data-page="offer"] .offer-bonus-shipping{
  align-items:center !important;
  text-align:center !important;
  border:2px solid #d8b54a !important;
  background:radial-gradient(circle at 40% 30%,#fff4b3 0%,#f5db73 45%,#dfb641 85%) !important;
  border-radius:50% !important;
  aspect-ratio:1/1 !important;
  min-height:auto !important;
  width:min(100%,160px) !important;
  justify-self:center !important;
  padding:16px !important;
}
body[data-page="offer"] .offer-bonus-shipping span{
  font-size:30px !important;
  line-height:1 !important;
}
body[data-page="offer"] .offer-bonus-shipping b{
  margin-top:6px !important;
  color:#22310e !important;
  font-size:18px !important;
  line-height:1.02 !important;
  font-weight:900 !important;
}
body[data-page="offer"] .offer-bonus-scale-label{
  margin:10px auto 14px !important;
  color:#27502f !important;
  font-size:17px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.26em !important;
}
body[data-page="offer"] .offer-bonus-scale{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:14px !important;
  max-width:1120px !important;
  margin:0 auto 16px !important;
}
body[data-page="offer"] .offer-bonus-scale article{
  padding:20px 18px !important;
  border-radius:18px !important;
  background:rgba(250,252,247,.98) !important;
  border:1px solid #d9e5d5 !important;
  box-shadow:0 8px 20px rgba(37,75,36,.06) !important;
}
body[data-page="offer"] .offer-bonus-scale small{
  display:block !important;
  margin-bottom:8px !important;
  color:#204020 !important;
  font-size:15px !important;
  font-weight:900 !important;
}
body[data-page="offer"] .offer-bonus-scale p{
  margin:0 0 6px !important;
  color:#425248 !important;
  font-size:17px !important;
  font-weight:700 !important;
}
body[data-page="offer"] .offer-bonus-scale strong{
  display:block !important;
  color:#0f822b !important;
  font-size:50px !important;
  line-height:.95 !important;
  letter-spacing:-.045em !important;
}
body[data-page="offer"] .offer-bonus-section h3{
  margin:8px auto 8px !important;
  color:#117a2a !important;
  font-size:26px !important;
  line-height:1.08 !important;
  text-transform:uppercase !important;
}
body[data-page="offer"] .offer-bonus-note{
  max-width:860px !important;
  margin:0 auto 18px !important;
  color:#48555a !important;
  font-size:14px !important;
}
body[data-page="offer"] .offer-bonus-section .cta-wrap{
  margin-top:0 !important;
}
body[data-page="offer"] .offer-bonus-section .cta{
  min-width:0 !important;
  width:min(630px,100%) !important;
  min-height:66px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#49cb3d,#179227) !important;
  color:#fff !important;
  border:1px solid #17872a !important;
  box-shadow:0 14px 28px rgba(21,110,35,.20) !important;
  font-size:24px !important;
}
body[data-page="offer"] .offer-bonus-mini{
  margin:10px 0 0 !important;
  color:#4f5a5c !important;
  font-size:13px !important;
}

@media(max-width:900px){
  body[data-page="offer"] .offer-bonus-section{
    width:100% !important;
    margin:0 !important;
    padding:24px 14px 28px !important;
    border-radius:0 !important;
  }
  body[data-page="offer"] .offer-bonus-head{
    gap:12px !important;
    margin-bottom:10px !important;
  }
  body[data-page="offer"] .offer-bonus-logo img{
    width:120px !important;
  }
  body[data-page="offer"] .offer-bonus-tagline{
    font-size:11px !important;
    letter-spacing:.18em !important;
  }
  body[data-page="offer"] .offer-bonus-section .eyebrow{
    font-size:11px !important;
    letter-spacing:.22em !important;
  }
  body[data-page="offer"] .offer-bonus-section h2{
    font-size:35px !important;
    line-height:.98 !important;
  }
  body[data-page="offer"] .offer-bonus-section .intro{
    font-size:14px !important;
    margin-bottom:18px !important;
  }
  body[data-page="offer"] .offer-bonus-equation{
    grid-template-columns:1fr !important;
    gap:10px !important;
    max-width:420px !important;
  }
  body[data-page="offer"] .offer-bonus-packs{
    min-height:0 !important;
    gap:10px !important;
  }
  body[data-page="offer"] .offer-bonus-packs img{
    max-width:120px !important;
    max-height:165px !important;
  }
  body[data-page="offer"] .offer-bonus-free .offer-bonus-packs{
    min-height:0 !important;
    padding:12px 10px 8px !important;
  }
  body[data-page="offer"] .offer-bonus-group b{
    width:100% !important;
    min-height:42px !important;
    font-size:15px !important;
  }
  body[data-page="offer"] .offer-bonus-op{
    font-size:44px !important;
    margin:0 auto !important;
  }
  body[data-page="offer"] .offer-bonus-total{
    min-height:92px !important;
  }
  body[data-page="offer"] .offer-bonus-total strong{
    font-size:42px !important;
  }
  body[data-page="offer"] .offer-bonus-total span{
    font-size:14px !important;
  }
  body[data-page="offer"] .offer-bonus-values{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  body[data-page="offer"] .offer-bonus-values>div{
    min-height:112px !important;
    padding:14px 10px !important;
  }
  body[data-page="offer"] .offer-bonus-values small{
    font-size:11px !important;
  }
  body[data-page="offer"] .offer-bonus-values strong{
    font-size:28px !important;
  }
  body[data-page="offer"] .offer-bonus-shipping{
    grid-column:1 / -1 !important;
    width:130px !important;
  }
  body[data-page="offer"] .offer-bonus-shipping b{
    font-size:16px !important;
  }
  body[data-page="offer"] .offer-bonus-scale-label{
    font-size:12px !important;
    letter-spacing:.18em !important;
  }
  body[data-page="offer"] .offer-bonus-scale{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  body[data-page="offer"] .offer-bonus-scale article{
    padding:16px 14px !important;
  }
  body[data-page="offer"] .offer-bonus-scale small{
    font-size:14px !important;
  }
  body[data-page="offer"] .offer-bonus-scale p{
    font-size:15px !important;
  }
  body[data-page="offer"] .offer-bonus-scale strong{
    font-size:38px !important;
  }
  body[data-page="offer"] .offer-bonus-section h3{
    font-size:24px !important;
  }
  body[data-page="offer"] .offer-bonus-note{
    font-size:12px !important;
  }
  body[data-page="offer"] .offer-bonus-section .cta{
    width:100% !important;
    min-height:58px !important;
    font-size:18px !important;
  }
  body[data-page="offer"] .offer-bonus-mini{
    font-size:11px !important;
  }
}


/* =========================================================
   OFFER SECTION 3 — ACTUAL TWO-APPLICATION PROGRAM V13
   ========================================================= */
body[data-page="offer"] .offer-protocol-section{
  width:90vw !important;
  max-width:none !important;
  min-height:100vh !important;
  margin:0 auto !important;
  padding:34px 2.6vw 34px !important;
  position:relative !important;
  overflow:hidden !important;
  text-align:center !important;
  color:#12321d !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.83) 32%,rgba(255,255,255,.62) 58%,rgba(255,255,255,.94) 100%),
    url('../assets/funnel/offer-hero-field-bg.png') center center/cover no-repeat !important;
}

body[data-page="offer"] .offer-protocol-section::after{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:150px !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.95)),
    url('../assets/funnel/section4-field-bg.png') center bottom/cover no-repeat !important;
  opacity:.75 !important;
}

body[data-page="offer"] .offer-protocol-shell{
  position:relative !important;
  z-index:1 !important;
}

body[data-page="offer"] .offer-protocol-section .eyebrow{
  margin-bottom:8px !important;
  color:#226b31 !important;
  font-size:14px !important;
  letter-spacing:.31em !important;
  font-weight:900 !important;
}

body[data-page="offer"] .offer-protocol-section h2{
  max-width:1000px !important;
  margin:0 auto 8px !important;
  color:#0b4a24 !important;
  font-size:clamp(42px,4.5vw,70px) !important;
  line-height:.96 !important;
  text-transform:uppercase !important;
}

body[data-page="offer"] .offer-protocol-section h2 em{
  color:#2ca62a !important;
  font-style:normal !important;
}

body[data-page="offer"] .offer-protocol-section .intro{
  max-width:760px !important;
  margin:0 auto 18px !important;
  color:#24332d !important;
  font-size:17px !important;
  line-height:1.35 !important;
}

body[data-page="offer"] .offer-protocol-apps{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  max-width:1180px !important;
  margin:0 auto 14px !important;
}

body[data-page="offer"] .protocol-app-card{
  overflow:hidden !important;
  border-radius:18px !important;
  border:1px solid rgba(191,212,188,.96) !important;
  background:rgba(248,251,245,.95) !important;
  box-shadow:0 14px 30px rgba(26,72,35,.11) !important;
}

body[data-page="offer"] .protocol-app-head{
  display:grid !important;
  grid-template-columns:66px 1fr !important;
  gap:10px !important;
  align-items:center !important;
  padding:12px 14px !important;
  background:linear-gradient(180deg,rgba(252,253,248,.98),rgba(239,247,233,.98)) !important;
  text-align:left !important;
}

body[data-page="offer"] .protocol-app-no{
  width:58px !important;
  height:58px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:linear-gradient(180deg,#2dae38,#147a27) !important;
  color:#fff !important;
  font-size:38px !important;
  line-height:1 !important;
  font-weight:900 !important;
  box-shadow:0 7px 16px rgba(21,114,39,.24) !important;
}

body[data-page="offer"] .protocol-app-head b{
  display:block !important;
  margin-bottom:5px !important;
  color:#173c21 !important;
  font-size:18px !important;
  line-height:1.05 !important;
}

body[data-page="offer"] .protocol-app-head strong{
  display:inline-flex !important;
  align-items:baseline !important;
  gap:7px !important;
  margin-bottom:5px !important;
  padding:7px 18px !important;
  border-radius:999px !important;
  color:#fff !important;
  background:linear-gradient(180deg,#168235,#0b5d28) !important;
  font-size:27px !important;
  line-height:1 !important;
  letter-spacing:-.03em !important;
}

body[data-page="offer"] .protocol-app-head strong small{
  font-size:13px !important;
  letter-spacing:.02em !important;
}

body[data-page="offer"] .protocol-app-head p{
  margin:0 !important;
  color:#2a382f !important;
  font-size:13px !important;
  line-height:1.2 !important;
}

body[data-page="offer"] .protocol-app-visual{
  min-height:270px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:20px !important;
  padding:34px 20px 12px !important;
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(36,97,36,.08)),
    url('../assets/funnel/offer-hero-field-bg.png') center 60%/cover no-repeat !important;
}

body[data-page="offer"] .protocol-app-visual.early{
  background-position:35% 62% !important;
}

body[data-page="offer"] .protocol-app-visual.strong{
  background-position:72% 58% !important;
}

body[data-page="offer"] .protocol-app-visual::after{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:52px !important;
  background:linear-gradient(180deg,rgba(54,35,21,0),rgba(78,48,28,.74)) !important;
  pointer-events:none !important;
}

body[data-page="offer"] .protocol-pack{
  width:145px !important;
  max-height:205px !important;
  object-fit:contain !important;
  position:relative !important;
  z-index:1 !important;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.24)) !important;
}

body[data-page="offer"] .water-drum{
  width:128px !important;
  height:170px !important;
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:20px 20px 26px 26px / 12px 12px 22px 22px !important;
  border:6px solid #0757a7 !important;
  background:linear-gradient(90deg,#0f65bd 0%,#1686e2 50%,#0d5fae 100%) !important;
  box-shadow:
    inset 0 8px 0 rgba(255,255,255,.18),
    inset 0 -12px 0 rgba(0,57,124,.15),
    0 14px 20px rgba(0,38,82,.22) !important;
  color:#fff !important;
}

body[data-page="offer"] .water-drum::before{
  content:'' !important;
  position:absolute !important;
  top:-10px !important;
  left:8px !important;
  right:8px !important;
  height:20px !important;
  border-radius:50% !important;
  background:linear-gradient(180deg,#197fd0,#064e98) !important;
  border:3px solid #073f82 !important;
}

body[data-page="offer"] .water-drum b{
  font-size:32px !important;
  line-height:.9 !important;
  letter-spacing:-.04em !important;
}

body[data-page="offer"] .water-drum span{
  margin-top:5px !important;
  font-size:17px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

body[data-page="offer"] .protocol-stage-label{
  padding:7px 12px !important;
  color:#fff !important;
  background:linear-gradient(180deg,#335f31,#173f23) !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}

body[data-page="offer"] .protocol-main-arrow{
  color:#08461d !important;
  font-size:62px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-shadow:0 3px 8px rgba(8,70,29,.30) !important;
}

body[data-page="offer"] .protocol-prep-row{
  display:grid !important;
  grid-template-columns:minmax(0,1.75fr) minmax(270px,.9fr) !important;
  gap:14px !important;
  max-width:1180px !important;
  margin:0 auto 10px !important;
}

body[data-page="offer"] .protocol-prep-card,
body[data-page="offer"] .protocol-reminder{
  border-radius:18px !important;
  border:1px solid #dbe6d5 !important;
  background:rgba(250,252,247,.96) !important;
  box-shadow:0 10px 24px rgba(37,72,38,.08) !important;
}

body[data-page="offer"] .protocol-prep-card{
  padding:12px 14px 10px !important;
  text-align:left !important;
}

body[data-page="offer"] .protocol-prep-card h3,
body[data-page="offer"] .protocol-reminder h3{
  margin:0 0 10px !important;
  color:#194126 !important;
  font-size:21px !important;
  line-height:1 !important;
  text-transform:uppercase !important;
}

body[data-page="offer"] .protocol-steps{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:8px !important;
}

body[data-page="offer"] .protocol-step{
  min-width:0 !important;
  padding-right:6px !important;
  border-right:1px solid #dfe7db !important;
}

body[data-page="offer"] .protocol-step:last-child{
  border-right:0 !important;
}

body[data-page="offer"] .protocol-step-title{
  min-height:54px !important;
  display:grid !important;
  grid-template-columns:38px 1fr !important;
  gap:6px !important;
  align-items:start !important;
}

body[data-page="offer"] .protocol-step-title>span{
  width:35px !important;
  height:35px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#238f31 !important;
  color:#fff !important;
  font-size:21px !important;
  font-weight:900 !important;
}

body[data-page="offer"] .protocol-step-title b{
  color:#17381f !important;
  font-size:14px !important;
  line-height:1.05 !important;
}

body[data-page="offer"] .protocol-step-title small{
  font-size:10px !important;
  line-height:1 !important;
}

body[data-page="offer"] .prep-visual{
  height:105px !important;
  position:relative !important;
  margin-top:2px !important;
}

/* Step 1: blue mixing pail */
body[data-page="offer"] .prep-mix i,
body[data-page="offer"] .prep-cover i{
  position:absolute !important;
  left:18% !important;
  right:18% !important;
  bottom:8px !important;
  height:67px !important;
  border-radius:10px 10px 20px 20px !important;
  border:4px solid #0763b5 !important;
  background:linear-gradient(90deg,#0f6fc4,#1a91ec,#0c5da9) !important;
  box-shadow:inset 0 7px 0 rgba(255,255,255,.15),0 8px 14px rgba(0,64,116,.18) !important;
}

body[data-page="offer"] .prep-mix i::before{
  content:'' !important;
  position:absolute !important;
  top:-8px !important;
  left:3px !important;
  right:3px !important;
  height:14px !important;
  border-radius:50% !important;
  background:#123c50 !important;
  border:4px solid #0c5c9e !important;
}

body[data-page="offer"] .prep-mix b{
  position:absolute !important;
  width:8px !important;
  height:78px !important;
  left:52% !important;
  top:3px !important;
  transform:rotate(-16deg) !important;
  border-radius:4px !important;
  background:#b67425 !important;
  box-shadow:0 1px 0 #75420f !important;
}

/* Step 2: covered activation */
body[data-page="offer"] .prep-cover i::before{
  content:'' !important;
  position:absolute !important;
  left:-8px !important;
  right:-8px !important;
  top:-13px !important;
  height:27px !important;
  border-radius:45% 45% 10px 10px !important;
  background:linear-gradient(180deg,#31383d,#181d21) !important;
  box-shadow:0 4px 7px rgba(0,0,0,.18) !important;
}

/* Step 3: strainer */
body[data-page="offer"] .prep-strain i{
  position:absolute !important;
  width:80px !important;
  height:46px !important;
  left:18% !important;
  top:28px !important;
  border:4px solid #717171 !important;
  border-radius:50% !important;
  background:
    repeating-linear-gradient(0deg,transparent 0 5px,rgba(90,90,90,.25) 5px 6px),
    repeating-linear-gradient(90deg,transparent 0 5px,rgba(90,90,90,.25) 5px 6px),
    #e9eceb !important;
  transform:rotate(-7deg) !important;
}

body[data-page="offer"] .prep-strain b{
  position:absolute !important;
  width:72px !important;
  height:9px !important;
  right:8% !important;
  top:58px !important;
  border-radius:999px !important;
  background:#4d4d4d !important;
  transform:rotate(14deg) !important;
}

/* Step 4: sprayer */
body[data-page="offer"] .prep-spray i{
  position:absolute !important;
  width:55px !important;
  height:78px !important;
  left:25% !important;
  bottom:6px !important;
  border:4px solid #20272d !important;
  border-radius:13px 13px 16px 16px !important;
  background:linear-gradient(180deg,#f9f9f7,#d8d9d4) !important;
  box-shadow:0 7px 12px rgba(0,0,0,.13) !important;
}

body[data-page="offer"] .prep-spray i::before{
  content:'' !important;
  position:absolute !important;
  top:-10px !important;
  left:14px !important;
  width:24px !important;
  height:10px !important;
  border-radius:4px !important;
  background:#1d2428 !important;
}

body[data-page="offer"] .prep-spray b{
  position:absolute !important;
  width:7px !important;
  height:83px !important;
  right:20% !important;
  top:4px !important;
  border-radius:4px !important;
  background:#252b2e !important;
  transform:rotate(9deg) !important;
}

body[data-page="offer"] .prep-spray b::after{
  content:'' !important;
  position:absolute !important;
  right:-9px !important;
  top:-5px !important;
  width:19px !important;
  height:7px !important;
  border-radius:3px !important;
  background:#f3a800 !important;
}

body[data-page="offer"] .protocol-reminder{
  min-height:185px !important;
  display:grid !important;
  grid-template-columns:58px 1fr !important;
  gap:12px !important;
  align-items:start !important;
  padding:20px !important;
  text-align:left !important;
  background:
    linear-gradient(90deg,rgba(249,252,245,.97),rgba(249,252,245,.74)),
    url('../assets/funnel/section4-field-bg.png') right center/48% 100% no-repeat !important;
}

body[data-page="offer"] .protocol-reminder-icon{
  width:54px !important;
  height:54px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#2fa83a !important;
  color:#fff !important;
  font-size:33px !important;
  font-weight:900 !important;
}

body[data-page="offer"] .protocol-reminder p{
  max-width:390px !important;
  margin:0 !important;
  color:#34423b !important;
  font-size:14px !important;
  line-height:1.45 !important;
}

body[data-page="offer"] .protocol-checklist{
  max-width:1180px !important;
  margin:0 auto 12px !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:8px !important;
  padding:10px !important;
  border-radius:14px !important;
  background:rgba(239,247,233,.97) !important;
  border:1px solid #dce8d7 !important;
}

body[data-page="offer"] .protocol-checklist span{
  color:#2d3f33 !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}

body[data-page="offer"] .protocol-checklist span::first-letter{
  color:#1b9b31 !important;
}

body[data-page="offer"] .protocol-summary{
  width:min(720px,100%) !important;
  min-height:65px !important;
  margin:0 auto 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  padding:12px 18px !important;
  border-radius:16px !important;
  background:rgba(235,245,228,.96) !important;
  color:#144d25 !important;
  border:1px solid #d4e5cd !important;
}

body[data-page="offer"] .protocol-summary span{
  font-size:36px !important;
}

body[data-page="offer"] .protocol-summary b{
  font-size:27px !important;
  line-height:1 !important;
  letter-spacing:-.02em !important;
}

body[data-page="offer"] .offer-protocol-section .cta-wrap{
  margin-top:0 !important;
}

body[data-page="offer"] .offer-protocol-section .cta{
  width:min(560px,100%) !important;
  min-height:62px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#ffdf31,#ffbd00) !important;
  border:1px solid #e2a500 !important;
  color:#113b1d !important;
  box-shadow:0 12px 22px rgba(163,111,0,.18) !important;
  font-size:23px !important;
  font-weight:900 !important;
}

body[data-page="offer"] .protocol-mini{
  margin:8px 0 0 !important;
  color:#52605a !important;
  font-size:12px !important;
}

@media(max-width:900px){
  body[data-page="offer"] .offer-protocol-section{
    width:100% !important;
    min-height:auto !important;
    margin:0 !important;
    padding:24px 12px 28px !important;
  }

  body[data-page="offer"] .offer-protocol-section .eyebrow{
    font-size:11px !important;
    letter-spacing:.24em !important;
  }

  body[data-page="offer"] .offer-protocol-section h2{
    font-size:35px !important;
    line-height:.98 !important;
  }

  body[data-page="offer"] .offer-protocol-section .intro{
    font-size:14px !important;
    margin-bottom:14px !important;
  }

  body[data-page="offer"] .offer-protocol-apps{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body[data-page="offer"] .protocol-main-arrow{
    display:none !important;
  }

  body[data-page="offer"] .protocol-app-head{
    grid-template-columns:50px 1fr !important;
    padding:10px !important;
  }

  body[data-page="offer"] .protocol-app-no{
    width:46px !important;
    height:46px !important;
    font-size:30px !important;
  }

  body[data-page="offer"] .protocol-app-head b{
    font-size:15px !important;
  }

  body[data-page="offer"] .protocol-app-head strong{
    padding:6px 14px !important;
    font-size:22px !important;
  }

  body[data-page="offer"] .protocol-app-head p{
    font-size:11px !important;
  }

  body[data-page="offer"] .protocol-app-visual{
    min-height:190px !important;
    gap:14px !important;
    padding-top:22px !important;
  }

  body[data-page="offer"] .protocol-pack{
    width:105px !important;
    max-height:150px !important;
  }

  body[data-page="offer"] .water-drum{
    width:96px !important;
    height:128px !important;
    border-width:5px !important;
  }

  body[data-page="offer"] .water-drum b{
    font-size:25px !important;
  }

  body[data-page="offer"] .water-drum span{
    font-size:13px !important;
  }

  body[data-page="offer"] .protocol-stage-label{
    font-size:13px !important;
  }

  body[data-page="offer"] .protocol-prep-row{
    grid-template-columns:1fr !important;
  }

  body[data-page="offer"] .protocol-steps{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  body[data-page="offer"] .protocol-step{
    border-right:0 !important;
    border-bottom:1px solid #dfe7db !important;
    padding:6px !important;
  }

  body[data-page="offer"] .protocol-prep-card h3,
  body[data-page="offer"] .protocol-reminder h3{
    font-size:18px !important;
  }

  body[data-page="offer"] .protocol-reminder{
    grid-template-columns:46px 1fr !important;
    min-height:0 !important;
    padding:14px !important;
    background:
      linear-gradient(90deg,rgba(249,252,245,.98),rgba(249,252,245,.86)),
      url('../assets/funnel/section4-field-bg.png') right center/55% 100% no-repeat !important;
  }

  body[data-page="offer"] .protocol-reminder-icon{
    width:44px !important;
    height:44px !important;
    font-size:27px !important;
  }

  body[data-page="offer"] .protocol-reminder p{
    font-size:12px !important;
  }

  body[data-page="offer"] .protocol-checklist{
    grid-template-columns:1fr !important;
    gap:5px !important;
    text-align:left !important;
  }

  body[data-page="offer"] .protocol-checklist span{
    font-size:11px !important;
  }

  body[data-page="offer"] .protocol-summary{
    min-height:54px !important;
    padding:10px 12px !important;
  }

  body[data-page="offer"] .protocol-summary span{
    font-size:28px !important;
  }

  body[data-page="offer"] .protocol-summary b{
    font-size:18px !important;
  }

  body[data-page="offer"] .offer-protocol-section .cta{
    min-height:56px !important;
    font-size:18px !important;
  }
}


/* =========================================================
   OFFER SECTION 4 — VALUE BREAKDOWN V15
   Real HTML/CSS implementation based on approved reference
   ========================================================= */
body[data-page="offer"] .offer-value-section{
  width:90vw !important;
  max-width:none !important;
  min-height:100vh !important;
  margin:0 auto !important;
  padding:34px 3vw 36px !important;
  position:relative !important;
  overflow:hidden !important;
  text-align:center !important;
  color:#12321d !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.91) 0%,rgba(255,255,255,.94) 70%,rgba(247,251,243,.88) 100%),
    url('../assets/funnel/offer-section2-bonus-bg.png') center center/cover no-repeat !important;
}

body[data-page="offer"] .offer-value-section::after{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:130px !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,0),rgba(241,248,232,.76)),
    url('../assets/funnel/section4-field-bg.png') center 75%/cover no-repeat !important;
  opacity:.72 !important;
}

body[data-page="offer"] .offer-value-shell{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
}

body[data-page="offer"] .offer-value-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:24px !important;
  margin-bottom:10px !important;
}

body[data-page="offer"] .offer-value-logo img{
  width:160px !important;
  height:auto !important;
}

body[data-page="offer"] .offer-value-tagline{
  margin-top:8px !important;
  color:#53636a !important;
  text-align:left !important;
  font-size:13px !important;
  line-height:1.18 !important;
  font-weight:800 !important;
  letter-spacing:.24em !important;
}

body[data-page="offer"] .offer-value-section .eyebrow{
  margin-bottom:8px !important;
  color:#188133 !important;
  font-size:16px !important;
  letter-spacing:.31em !important;
  font-weight:900 !important;
}

body[data-page="offer"] .offer-value-section h2{
  max-width:980px !important;
  margin:0 auto 8px !important;
  color:#0a4b24 !important;
  font-size:clamp(42px,4.5vw,70px) !important;
  line-height:.96 !important;
  text-transform:uppercase !important;
}

body[data-page="offer"] .offer-value-section h2 em{
  color:#18852d !important;
  font-style:normal !important;
}

body[data-page="offer"] .offer-value-section .intro{
  max-width:800px !important;
  margin:0 auto 20px !important;
  color:#3e4b58 !important;
  font-size:17px !important;
  line-height:1.38 !important;
}

body[data-page="offer"] .offer-value-equation{
  display:grid !important;
  grid-template-columns:minmax(210px,1fr) 56px minmax(210px,1fr) 56px minmax(250px,1.15fr) !important;
  align-items:center !important;
  gap:10px !important;
  max-width:1040px !important;
  margin:0 auto !important;
}

body[data-page="offer"] .offer-value-math{
  min-height:132px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px 14px !important;
  border-radius:16px !important;
  border:1px solid #d9e7d4 !important;
  background:rgba(241,248,237,.97) !important;
  box-shadow:0 9px 24px rgba(40,83,42,.08) !important;
}

body[data-page="offer"] .offer-value-math.highlight{
  background:linear-gradient(180deg,#fff0ad 0%,#f8d66d 100%) !important;
  border-color:#e4bd49 !important;
}

body[data-page="offer"] .offer-value-math strong{
  display:block !important;
  color:#087126 !important;
  font-family:Poppins,Arial,sans-serif !important;
  font-size:48px !important;
  line-height:.94 !important;
  letter-spacing:-.045em !important;
}

body[data-page="offer"] .offer-value-math span{
  display:block !important;
  margin-top:8px !important;
  color:#17331e !important;
  font-size:15px !important;
  line-height:1.08 !important;
  font-weight:900 !important;
}

body[data-page="offer"] .offer-value-symbol{
  color:#13912d !important;
  font-size:54px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

body[data-page="offer"] .offer-value-smallnote{
  margin:7px auto 14px !important;
  color:#525e67 !important;
  font-size:12px !important;
}

body[data-page="offer"] .offer-value-products{
  display:grid !important;
  grid-template-columns:1fr 70px 1fr 70px 1fr !important;
  align-items:end !important;
  gap:6px !important;
  max-width:910px !important;
  margin:0 auto !important;
}

body[data-page="offer"] .offer-value-product{
  min-height:270px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  position:relative !important;
  padding:14px 10px 0 !important;
}

body[data-page="offer"] .offer-value-product img{
  width:190px !important;
  max-height:260px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 15px 22px rgba(0,0,0,.20)) !important;
}

body[data-page="offer"] .offer-value-product.free{
  margin-bottom:0 !important;
  border:4px solid #e8c34d !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,rgba(255,247,207,.88),rgba(255,234,150,.64)) !important;
  box-shadow:
    0 0 0 8px rgba(255,222,86,.11),
    0 14px 28px rgba(159,113,12,.16) !important;
}

body[data-page="offer"] .offer-value-plus{
  align-self:center !important;
  color:#13912d !important;
  font-size:60px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

body[data-page="offer"] .offer-value-bow{
  position:absolute !important;
  top:-10px !important;
  right:12px !important;
  width:78px !important;
  height:58px !important;
  z-index:2 !important;
}

body[data-page="offer"] .offer-value-bow::before,
body[data-page="offer"] .offer-value-bow::after{
  content:'' !important;
  position:absolute !important;
  top:2px !important;
  width:37px !important;
  height:30px !important;
  border-radius:70% 15% 70% 15% !important;
  background:linear-gradient(135deg,#f7dd74,#b8820f) !important;
  box-shadow:0 4px 8px rgba(115,77,7,.24) !important;
}

body[data-page="offer"] .offer-value-bow::before{
  left:0 !important;
  transform:rotate(18deg) !important;
}

body[data-page="offer"] .offer-value-bow::after{
  right:0 !important;
  transform:scaleX(-1) rotate(18deg) !important;
}

body[data-page="offer"] .offer-value-bow i{
  position:absolute !important;
  left:30px !important;
  top:17px !important;
  width:20px !important;
  height:20px !important;
  z-index:2 !important;
  border-radius:50% !important;
  background:#d29d21 !important;
  box-shadow:0 3px 7px rgba(90,59,5,.25) !important;
}

body[data-page="offer"] .offer-value-bow b::before,
body[data-page="offer"] .offer-value-bow b::after{
  content:'' !important;
  position:absolute !important;
  top:29px !important;
  width:20px !important;
  height:35px !important;
  background:linear-gradient(180deg,#d3a329,#b37b0b) !important;
}

body[data-page="offer"] .offer-value-bow b::before{
  left:25px !important;
  transform:rotate(14deg) !important;
}

body[data-page="offer"] .offer-value-bow b::after{
  right:21px !important;
  transform:rotate(-14deg) !important;
}

body[data-page="offer"] .offer-value-product-labels{
  display:grid !important;
  grid-template-columns:2fr 1fr !important;
  gap:14px !important;
  max-width:910px !important;
  margin:8px auto 14px !important;
}

body[data-page="offer"] .offer-value-product-labels>div{
  min-height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:9px 14px !important;
  border-radius:12px !important;
  font-size:16px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
}

body[data-page="offer"] .paid-label{
  color:#17371e !important;
  background:rgba(236,246,232,.97) !important;
}

body[data-page="offer"] .free-label{
  color:#17371e !important;
  background:linear-gradient(180deg,#ffeaa1,#f3cc55) !important;
}

body[data-page="offer"] .offer-value-includes{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:10px !important;
  max-width:1040px !important;
  margin:0 auto 14px !important;
}

body[data-page="offer"] .offer-value-includes article{
  min-height:96px !important;
  display:grid !important;
  grid-template-columns:66px 1fr !important;
  align-items:center !important;
  gap:10px !important;
  padding:12px 14px !important;
  text-align:left !important;
  border-radius:14px !important;
  border:1px solid #d6e3d1 !important;
  background:rgba(251,253,249,.96) !important;
  box-shadow:0 7px 18px rgba(37,78,38,.06) !important;
}

body[data-page="offer"] .offer-value-includes article>b{
  color:#15331d !important;
  font-size:13px !important;
  line-height:1.16 !important;
  font-weight:900 !important;
}

/* Reusable CSS icons for the 6 inclusions */
body[data-page="offer"] .include-icon{
  width:56px !important;
  height:56px !important;
  position:relative !important;
  display:block !important;
  color:#11812d !important;
}

body[data-page="offer"] .include-icon.packs span{
  position:absolute !important;
  bottom:4px !important;
  width:22px !important;
  height:43px !important;
  border-radius:4px !important;
  background:linear-gradient(180deg,#159637,#087525) !important;
  border:2px solid #087125 !important;
}

body[data-page="offer"] .include-icon.packs span:first-child{left:5px !important;}
body[data-page="offer"] .include-icon.packs span:last-child{right:5px !important;}

body[data-page="offer"] .include-icon.gift{
  border:5px solid #11812d !important;
  border-radius:5px !important;
  margin:0 !important;
  width:50px !important;
  height:42px !important;
  top:8px !important;
}

body[data-page="offer"] .include-icon.gift::before{
  content:'' !important;
  position:absolute !important;
  left:18px !important;
  top:-13px !important;
  width:5px !important;
  height:50px !important;
  background:#11812d !important;
}

body[data-page="offer"] .include-icon.gift::after{
  content:'' !important;
  position:absolute !important;
  left:-6px !important;
  right:-6px !important;
  top:6px !important;
  height:5px !important;
  background:#11812d !important;
}

body[data-page="offer"] .include-icon.gift span::before,
body[data-page="offer"] .include-icon.gift span::after{
  content:'' !important;
  position:absolute !important;
  top:-20px !important;
  width:22px !important;
  height:13px !important;
  border:5px solid #11812d !important;
  border-radius:60% 60% 0 60% !important;
}

body[data-page="offer"] .include-icon.gift span::before{left:2px !important;}
body[data-page="offer"] .include-icon.gift span::after{right:2px !important;transform:scaleX(-1) !important;}

body[data-page="offer"] .include-icon.guide{
  width:42px !important;
  height:52px !important;
  border:5px solid #11812d !important;
  border-radius:4px !important;
  margin-left:7px !important;
}

body[data-page="offer"] .include-icon.guide::before,
body[data-page="offer"] .include-icon.guide::after{
  content:'' !important;
  position:absolute !important;
  left:8px !important;
  right:8px !important;
  height:4px !important;
  background:#11812d !important;
}

body[data-page="offer"] .include-icon.guide::before{top:15px !important;box-shadow:0 10px 0 #11812d,0 20px 0 #11812d !important;}
body[data-page="offer"] .include-icon.guide::after{display:none !important;}

body[data-page="offer"] .include-icon.calendar{
  width:50px !important;
  height:45px !important;
  border:5px solid #11812d !important;
  border-radius:7px !important;
  margin-top:8px !important;
}

body[data-page="offer"] .include-icon.calendar::before{
  content:'' !important;
  position:absolute !important;
  left:-5px !important;
  right:-5px !important;
  top:8px !important;
  height:5px !important;
  background:#11812d !important;
}

body[data-page="offer"] .include-icon.calendar::after{
  content:'' !important;
  position:absolute !important;
  left:8px !important;
  top:20px !important;
  width:6px !important;
  height:6px !important;
  background:#11812d !important;
  box-shadow:12px 0 0 #11812d,24px 0 0 #11812d,0 12px 0 #11812d,12px 12px 0 #11812d,24px 12px 0 #11812d !important;
}

body[data-page="offer"] .include-icon.headset{
  width:50px !important;
  height:42px !important;
  border:5px solid #11812d !important;
  border-bottom:0 !important;
  border-radius:30px 30px 0 0 !important;
  margin-top:7px !important;
}

body[data-page="offer"] .include-icon.headset::before,
body[data-page="offer"] .include-icon.headset::after{
  content:'' !important;
  position:absolute !important;
  top:20px !important;
  width:10px !important;
  height:21px !important;
  border-radius:5px !important;
  background:#11812d !important;
}

body[data-page="offer"] .include-icon.headset::before{left:-7px !important;}
body[data-page="offer"] .include-icon.headset::after{right:-7px !important;}

body[data-page="offer"] .include-icon.truck{
  width:48px !important;
  height:29px !important;
  background:#11812d !important;
  border-radius:4px 2px 2px 4px !important;
  margin:7px 0 0 2px !important;
}

body[data-page="offer"] .include-icon.truck::before{
  content:'' !important;
  position:absolute !important;
  right:-11px !important;
  bottom:0 !important;
  width:18px !important;
  height:20px !important;
  background:#11812d !important;
  clip-path:polygon(0 0,70% 0,100% 45%,100% 100%,0 100%) !important;
}

body[data-page="offer"] .include-icon.truck::after{
  content:'' !important;
  position:absolute !important;
  left:7px !important;
  bottom:-9px !important;
  width:13px !important;
  height:13px !important;
  border-radius:50% !important;
  background:#fff !important;
  border:4px solid #11812d !important;
  box-shadow:31px 0 0 -4px #fff,31px 0 0 0 #11812d !important;
}

body[data-page="offer"] .offer-value-totalbar{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  max-width:1040px !important;
  margin:0 auto 10px !important;
  overflow:hidden !important;
  border-radius:14px !important;
  border:1px solid #d5e5cf !important;
  background:linear-gradient(90deg,#edf7e8,#dff1d7) !important;
}

body[data-page="offer"] .offer-value-totalbar>div{
  min-height:96px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  padding:12px 16px !important;
  border-right:1px solid #bcd3b9 !important;
}

body[data-page="offer"] .offer-value-totalbar>div:last-child{
  border-right:0 !important;
}

body[data-page="offer"] .offer-value-totalbar strong{
  color:#0a6824 !important;
  font-family:Poppins,Arial,sans-serif !important;
  font-size:38px !important;
  line-height:.95 !important;
  letter-spacing:-.04em !important;
}

body[data-page="offer"] .offer-value-totalbar span{
  color:#21472a !important;
  font-size:12px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
}

body[data-page="offer"] .offer-value-totalbar .shipping{
  flex-direction:row !important;
  gap:12px !important;
}

body[data-page="offer"] .offer-value-totalbar .shipping i{
  font-style:normal !important;
  font-size:34px !important;
}

body[data-page="offer"] .offer-value-totalbar .shipping strong{
  font-size:20px !important;
  letter-spacing:0 !important;
}

body[data-page="offer"] .offer-value-disclaimer{
  margin:0 auto 14px !important;
  color:#45525d !important;
  font-size:13px !important;
}

body[data-page="offer"] .offer-value-section .cta-wrap{
  margin-top:0 !important;
}

body[data-page="offer"] .offer-value-section .cta{
  width:min(600px,100%) !important;
  min-height:62px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#ffdf34,#ffbd00) !important;
  border:1px solid #e2a600 !important;
  color:#113b1d !important;
  box-shadow:0 12px 22px rgba(163,111,0,.18) !important;
  font-size:23px !important;
  font-weight:900 !important;
}

body[data-page="offer"] .offer-value-paynote{
  margin:8px 0 0 !important;
  color:#4f5b63 !important;
  font-size:12px !important;
}

@media(max-width:900px){
  body[data-page="offer"] .offer-value-section{
    width:100% !important;
    min-height:auto !important;
    margin:0 !important;
    padding:24px 12px 28px !important;
  }

  body[data-page="offer"] .offer-value-head{
    gap:12px !important;
    margin-bottom:8px !important;
  }

  body[data-page="offer"] .offer-value-logo img{
    width:120px !important;
  }

  body[data-page="offer"] .offer-value-tagline{
    font-size:10px !important;
    letter-spacing:.18em !important;
  }

  body[data-page="offer"] .offer-value-section .eyebrow{
    font-size:11px !important;
    letter-spacing:.23em !important;
  }

  body[data-page="offer"] .offer-value-section h2{
    font-size:35px !important;
    line-height:.98 !important;
  }

  body[data-page="offer"] .offer-value-section .intro{
    font-size:14px !important;
    margin-bottom:16px !important;
  }

  body[data-page="offer"] .offer-value-equation{
    grid-template-columns:1fr 28px 1fr 28px 1fr !important;
    gap:5px !important;
  }

  body[data-page="offer"] .offer-value-math{
    min-height:96px !important;
    padding:10px 5px !important;
    border-radius:10px !important;
  }

  body[data-page="offer"] .offer-value-math strong{
    font-size:25px !important;
  }

  body[data-page="offer"] .offer-value-math span{
    font-size:8px !important;
  }

  body[data-page="offer"] .offer-value-symbol{
    font-size:30px !important;
  }

  body[data-page="offer"] .offer-value-smallnote{
    font-size:10px !important;
  }

  body[data-page="offer"] .offer-value-products{
    grid-template-columns:1fr 28px 1fr 28px 1fr !important;
    max-width:480px !important;
  }

  body[data-page="offer"] .offer-value-product{
    min-height:150px !important;
    padding:8px 3px 0 !important;
  }

  body[data-page="offer"] .offer-value-product img{
    width:105px !important;
    max-height:150px !important;
  }

  body[data-page="offer"] .offer-value-plus{
    font-size:34px !important;
  }

  body[data-page="offer"] .offer-value-product.free{
    border-width:3px !important;
    border-radius:13px !important;
  }

  body[data-page="offer"] .offer-value-bow{
    transform:scale(.65) !important;
    transform-origin:top right !important;
    right:3px !important;
  }

  body[data-page="offer"] .offer-value-product-labels{
    grid-template-columns:2fr 1fr !important;
    gap:7px !important;
    margin-top:6px !important;
  }

  body[data-page="offer"] .offer-value-product-labels>div{
    min-height:38px !important;
    padding:7px 6px !important;
    font-size:10px !important;
  }

  body[data-page="offer"] .offer-value-includes{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  body[data-page="offer"] .offer-value-includes article{
    min-height:84px !important;
    grid-template-columns:48px 1fr !important;
    padding:10px !important;
  }

  body[data-page="offer"] .offer-value-includes article>b{
    font-size:10px !important;
  }

  body[data-page="offer"] .include-icon{
    transform:scale(.78) !important;
    transform-origin:center !important;
  }

  body[data-page="offer"] .offer-value-totalbar{
    grid-template-columns:1fr 1fr 1fr !important;
  }

  body[data-page="offer"] .offer-value-totalbar>div{
    min-height:78px !important;
    padding:8px 5px !important;
  }

  body[data-page="offer"] .offer-value-totalbar strong{
    font-size:25px !important;
  }

  body[data-page="offer"] .offer-value-totalbar span{
    font-size:8px !important;
  }

  body[data-page="offer"] .offer-value-totalbar .shipping{
    gap:5px !important;
  }

  body[data-page="offer"] .offer-value-totalbar .shipping i{
    font-size:22px !important;
  }

  body[data-page="offer"] .offer-value-totalbar .shipping strong{
    font-size:10px !important;
  }

  body[data-page="offer"] .offer-value-disclaimer{
    font-size:11px !important;
  }

  body[data-page="offer"] .offer-value-section .cta{
    min-height:56px !important;
    font-size:18px !important;
  }

  body[data-page="offer"] .offer-value-paynote{
    font-size:10px !important;
  }
}


/* =========================================================
   UNIVERSAL OFFER SECTION SEPARATOR — V16
   Gold gradient + subtle glow between every Offer section
   ========================================================= */
body[data-page="offer"] .offer-section-separator{
  width:90vw !important;
  height:18px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  overflow:visible !important;
  background:transparent !important;
}

body[data-page="offer"] .offer-section-separator span{
  display:block !important;
  width:94% !important;
  height:3px !important;
  border-radius:999px !important;
  position:relative !important;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(187,133,22,.18) 8%,
      #c99624 22%,
      #f2d675 50%,
      #c99624 78%,
      rgba(187,133,22,.18) 92%,
      transparent 100%
    ) !important;
  box-shadow:
    0 0 8px rgba(212,175,55,.35),
    0 0 18px rgba(212,175,55,.12) !important;
}

body[data-page="offer"] .offer-section-separator span::after{
  content:'' !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:8px !important;
  height:8px !important;
  transform:translate(-50%,-50%) rotate(45deg) !important;
  border-radius:2px !important;
  background:#e1bd55 !important;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.76),
    0 0 10px rgba(212,175,55,.42) !important;
}

@media(max-width:900px){
  body[data-page="offer"] .offer-section-separator{
    width:100% !important;
    height:14px !important;
  }

  body[data-page="offer"] .offer-section-separator span{
    width:92% !important;
    height:2px !important;
  }

  body[data-page="offer"] .offer-section-separator span::after{
    width:7px !important;
    height:7px !important;
  }
}


/* =========================================================
   OFFER SECTION 4 — SOLID / NO-TRANSPARENT FIX V17
   Removes glass/translucent effect from Section 4 only.
   ========================================================= */
body[data-page="offer"] .offer-value-section{
  background:
    url('../assets/funnel/offer-section2-bonus-bg.png') center center/cover no-repeat !important;
}

body[data-page="offer"] .offer-value-section::after{
  display:none !important;
  content:none !important;
  opacity:1 !important;
}

/* Main equation cards */
body[data-page="offer"] .offer-value-math{
  background:#f1f8ed !important;
  border:1px solid #cfe0c8 !important;
  box-shadow:0 9px 24px rgba(40,83,42,.10) !important;
}

body[data-page="offer"] .offer-value-math.highlight{
  background:linear-gradient(180deg,#ffe99a 0%,#f4cf59 100%) !important;
  border-color:#d7ad31 !important;
}

/* Product label bars */
body[data-page="offer"] .paid-label{
  background:#eaf5e5 !important;
}

body[data-page="offer"] .free-label{
  background:linear-gradient(180deg,#ffe79a 0%,#f2c94c 100%) !important;
}

/* Inclusion cards */
body[data-page="offer"] .offer-value-includes article{
  background:#ffffff !important;
  border:1px solid #cfe0c9 !important;
  box-shadow:0 7px 18px rgba(37,78,38,.08) !important;
}

/* Bottom value / shipping bar */
body[data-page="offer"] .offer-value-totalbar{
  background:linear-gradient(90deg,#eaf5e5 0%,#d7edcf 100%) !important;
  border:1px solid #c2d8bd !important;
}

/* Free bonus product card */
body[data-page="offer"] .offer-value-product.free{
  background:linear-gradient(180deg,#fff2bd 0%,#f6d86e 100%) !important;
  border-color:#d7ad31 !important;
  box-shadow:
    0 0 0 8px #fff4c8,
    0 14px 28px rgba(159,113,12,.16) !important;
}

/* Make copy areas fully opaque too */
body[data-page="offer"] .offer-value-section .intro,
body[data-page="offer"] .offer-value-smallnote,
body[data-page="offer"] .offer-value-disclaimer,
body[data-page="offer"] .offer-value-paynote{
  opacity:1 !important;
}

/* Mobile stays solid */
@media(max-width:900px){
  body[data-page="offer"] .offer-value-section{
    background:
      url('../assets/funnel/offer-section2-bonus-bg.png') center center/cover no-repeat !important;
  }

  body[data-page="offer"] .offer-value-math{
    background:#f1f8ed !important;
  }

  body[data-page="offer"] .offer-value-includes article{
    background:#ffffff !important;
  }

  body[data-page="offer"] .offer-value-totalbar{
    background:linear-gradient(90deg,#eaf5e5 0%,#d7edcf 100%) !important;
  }
}


/* =========================================================
   OFFER SECTION 3 — LOWER PANEL SOLID FIX V18
   Removes the remaining transparent/glass appearance under
   the preparation/reminder area.
   ========================================================= */
body[data-page="offer"] .protocol-bottom-solid{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:14px 16px 16px !important;
  border-radius:18px !important;
  background:#ffffff !important;
  border:1px solid #d7e3d2 !important;
  box-shadow:0 10px 24px rgba(31,72,36,.08) !important;
}

body[data-page="offer"] .protocol-bottom-solid .protocol-checklist{
  background:#eef6e9 !important;
  border:1px solid #d0dfca !important;
  opacity:1 !important;
}

body[data-page="offer"] .protocol-bottom-solid .protocol-summary{
  background:#eaf4e5 !important;
  border:1px solid #cbdcc5 !important;
  opacity:1 !important;
}

body[data-page="offer"] .protocol-bottom-solid .cta-wrap{
  margin:12px auto 0 !important;
  padding:0 !important;
  background:#ffffff !important;
}

body[data-page="offer"] .protocol-bottom-solid .protocol-mini{
  margin:8px 0 0 !important;
  padding:0 !important;
  background:#ffffff !important;
  color:#4e5c55 !important;
  opacity:1 !important;
}

/* Remove the translucent bottom fade that was still visible in Section 3. */
body[data-page="offer"] .offer-protocol-section::after{
  display:none !important;
  content:none !important;
  opacity:1 !important;
}

@media(max-width:900px){
  body[data-page="offer"] .protocol-bottom-solid{
    padding:12px 10px 14px !important;
    border-radius:14px !important;
  }
}


/* =========================================================
   OFFER SECTION 4 — REMOVE VALUE EQUATION V19
   ========================================================= */
body[data-page="offer"] .offer-value-products{
  margin-top:10px !important;
}

body[data-page="offer"] .offer-value-section .intro{
  margin-bottom:10px !important;
}


/* V21: remove highlighted header block in offer value section */
body[data-page="offer"] .offer-value-head{display:none !important;}
body[data-page="offer"] .offer-value-section .eyebrow{margin-top:0 !important;}
body[data-page="offer"] .offer-value-shell{padding-top:12px !important;}


/* =========================================================
   OFFER SECTION 5 — DOCUMENTED FIELD VALIDATION V22
   Real HTML/CSS, no flattened section image
   ========================================================= */
body[data-page="offer"] .offer-proof-v22{
  width:90vw !important;
  max-width:none !important;
  min-height:100vh !important;
  margin:0 auto !important;
  padding:36px 3vw 32px !important;
  position:relative !important;
  overflow:hidden !important;
  text-align:left !important;
  color:#fff !important;
  background:
    linear-gradient(90deg,rgba(4,71,28,.96) 0%,rgba(6,97,35,.92) 42%,rgba(5,89,32,.87) 100%),
    url('../assets/funnel/section3-garden-bg.png') center center/cover no-repeat !important;
}

body[data-page="offer"] .offer-proof-v22::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 15% 80%,rgba(245,216,78,.10),transparent 24%),
    radial-gradient(circle at 88% 20%,rgba(133,198,93,.14),transparent 22%) !important;
}

body[data-page="offer"] .offer-proof-v22-shell{
  position:relative !important;
  z-index:1 !important;
  max-width:1180px !important;
  margin:0 auto !important;
}

body[data-page="offer"] .offer-proof-v22-top{
  display:grid !important;
  grid-template-columns:minmax(0,1.3fr) minmax(250px,.55fr) !important;
  gap:24px !important;
  align-items:end !important;
  margin-bottom:20px !important;
}

body[data-page="offer"] .offer-proof-v22 .eyebrow{
  margin-bottom:10px !important;
  color:#f1f6eb !important;
  font-size:14px !important;
  letter-spacing:.32em !important;
  font-weight:900 !important;
}

body[data-page="offer"] .offer-proof-v22 h2{
  max-width:830px !important;
  margin:0 0 12px !important;
  color:#fff !important;
  font-size:clamp(42px,4.4vw,68px) !important;
  line-height:.96 !important;
  text-transform:uppercase !important;
}

body[data-page="offer"] .offer-proof-v22 h2 em{
  color:#ffe33f !important;
  font-style:normal !important;
}

body[data-page="offer"] .offer-proof-v22 .intro{
  max-width:760px !important;
  margin:0 0 18px !important;
  color:#fff !important;
  font-size:17px !important;
  line-height:1.38 !important;
}

body[data-page="offer"] .offer-proof-v22-badge{
  width:210px !important;
  height:210px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top:12px !important;
  border-radius:50% !important;
  border:9px double #f3d46c !important;
  background:
    radial-gradient(circle at 45% 30%,#fff9d9 0%,#f7e6a2 46%,#d5a733 100%) !important;
  box-shadow:
    inset 0 0 0 6px rgba(255,255,255,.45),
    0 12px 28px rgba(0,0,0,.22) !important;
  text-align:center !important;
  color:#0c5a26 !important;
}

body[data-page="offer"] .offer-proof-v22-badge strong{
  display:block !important;
  font-family:Poppins,Arial,sans-serif !important;
  font-size:58px !important;
  line-height:.88 !important;
  letter-spacing:-.05em !important;
}

body[data-page="offer"] .offer-proof-v22-badge span{
  display:block !important;
  margin-top:7px !important;
  color:#174825 !important;
  font-size:13px !important;
  line-height:1.06 !important;
  font-weight:900 !important;
}

body[data-page="offer"] .offer-proof-v22-product{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
}

body[data-page="offer"] .offer-proof-v22-product img{
  width:min(100%,280px) !important;
  max-height:410px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 22px 30px rgba(0,0,0,.30)) !important;
}

body[data-page="offer"] .offer-proof-v22-records{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:14px !important;
  margin:4px 0 16px !important;
}

body[data-page="offer"] .offer-proof-v22-records article{
  overflow:hidden !important;
  border-radius:14px !important;
  background:#fff !important;
  color:#17351f !important;
  border:1px solid #d9e6d5 !important;
  box-shadow:0 12px 24px rgba(0,0,0,.16) !important;
}

body[data-page="offer"] .offer-proof-v22-records article>img{
  display:block !important;
  width:100% !important;
  height:145px !important;
  object-fit:cover !important;
}

body[data-page="offer"] .proof-record-copy{
  padding:14px 14px 16px !important;
}

body[data-page="offer"] .proof-record-copy h3{
  margin:0 0 2px !important;
  color:#17351f !important;
  font-size:17px !important;
  line-height:1.12 !important;
}

body[data-page="offer"] .proof-record-copy>p{
  margin:0 0 10px !important;
  color:#3d5043 !important;
  font-size:12px !important;
}

body[data-page="offer"] .proof-metric-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:5px 0 4px !important;
  font-size:12px !important;
}

body[data-page="offer"] .proof-metric-row b{
  color:#1d3122 !important;
  font-size:13px !important;
}

body[data-page="offer"] .proof-bar{
  height:10px !important;
  overflow:hidden !important;
  border-radius:999px !important;
  background:#dfe5df !important;
}

body[data-page="offer"] .proof-bar i{
  display:block !important;
  height:100% !important;
  border-radius:inherit !important;
}

body[data-page="offer"] .proof-bar.treatment i{
  background:linear-gradient(90deg,#39a83d,#12802c) !important;
}

body[data-page="offer"] .proof-bar.comparison i{
  background:#b9c2bb !important;
}

body[data-page="offer"] .proof-uplift{
  display:block !important;
  margin-top:12px !important;
  color:#14762a !important;
  font-family:Poppins,Arial,sans-serif !important;
  font-size:38px !important;
  line-height:.95 !important;
  text-align:center !important;
}

body[data-page="offer"] .proof-record-copy>small{
  display:block !important;
  margin-top:3px !important;
  color:#314837 !important;
  text-align:center !important;
  font-size:11px !important;
  font-weight:800 !important;
}

body[data-page="offer"] .offer-proof-v22-trust{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:0 !important;
  margin:0 0 14px !important;
  border-top:1px solid rgba(255,255,255,.34) !important;
  border-bottom:1px solid rgba(255,255,255,.34) !important;
}

body[data-page="offer"] .offer-proof-v22-trust>div{
  min-height:76px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:10px 12px !important;
  border-right:1px solid rgba(255,255,255,.28) !important;
}

body[data-page="offer"] .offer-proof-v22-trust>div:last-child{
  border-right:0 !important;
}

body[data-page="offer"] .offer-proof-v22-trust i{
  width:44px !important;
  height:44px !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 auto !important;
  border-radius:50% !important;
  background:#fff !important;
  color:#16812e !important;
  font-style:normal !important;
  font-size:23px !important;
  font-weight:900 !important;
}

body[data-page="offer"] .offer-proof-v22-trust b{
  color:#fff !important;
  font-size:11px !important;
  line-height:1.15 !important;
}

body[data-page="offer"] .offer-proof-v22-license{
  margin:0 0 6px !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:700 !important;
}

body[data-page="offer"] .offer-proof-v22-note{
  max-width:900px !important;
  margin:0 0 16px !important;
  color:#f0f3eb !important;
  font-size:11px !important;
  line-height:1.42 !important;
}

body[data-page="offer"] .offer-proof-v22 .cta-wrap{
  margin:0 !important;
  text-align:center !important;
}

body[data-page="offer"] .offer-proof-v22 .cta{
  width:min(520px,100%) !important;
  min-height:60px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#ffe23d,#ffc20b) !important;
  border:1px solid #d5a800 !important;
  color:#15351f !important;
  box-shadow:0 12px 24px rgba(75,50,0,.20) !important;
  font-size:21px !important;
  font-weight:900 !important;
}

@media(max-width:900px){
  body[data-page="offer"] .offer-proof-v22{
    width:100% !important;
    min-height:auto !important;
    margin:0 !important;
    padding:24px 12px 28px !important;
  }

  body[data-page="offer"] .offer-proof-v22-top{
    display:grid !important;
    grid-template-columns:1fr 120px !important;
    gap:12px !important;
    align-items:end !important;
  }

  body[data-page="offer"] .offer-proof-v22 .eyebrow{
    font-size:10px !important;
    letter-spacing:.22em !important;
  }

  body[data-page="offer"] .offer-proof-v22 h2{
    font-size:34px !important;
    line-height:.97 !important;
  }

  body[data-page="offer"] .offer-proof-v22 .intro{
    font-size:13px !important;
  }

  body[data-page="offer"] .offer-proof-v22-badge{
    width:145px !important;
    height:145px !important;
    border-width:6px !important;
  }

  body[data-page="offer"] .offer-proof-v22-badge strong{
    font-size:40px !important;
  }

  body[data-page="offer"] .offer-proof-v22-badge span{
    font-size:9px !important;
  }

  body[data-page="offer"] .offer-proof-v22-product img{
    width:120px !important;
    max-height:190px !important;
  }

  body[data-page="offer"] .offer-proof-v22-records{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  body[data-page="offer"] .offer-proof-v22-records article{
    display:grid !important;
    grid-template-columns:115px 1fr !important;
  }

  body[data-page="offer"] .offer-proof-v22-records article>img{
    height:100% !important;
    min-height:150px !important;
  }

  body[data-page="offer"] .proof-record-copy{
    padding:10px !important;
  }

  body[data-page="offer"] .proof-record-copy h3{
    font-size:13px !important;
  }

  body[data-page="offer"] .proof-metric-row{
    font-size:10px !important;
  }

  body[data-page="offer"] .proof-metric-row b{
    font-size:10px !important;
  }

  body[data-page="offer"] .proof-uplift{
    font-size:28px !important;
    text-align:left !important;
  }

  body[data-page="offer"] .proof-record-copy>small{
    font-size:9px !important;
    text-align:left !important;
  }

  body[data-page="offer"] .offer-proof-v22-trust{
    grid-template-columns:1fr 1fr !important;
  }

  body[data-page="offer"] .offer-proof-v22-trust>div{
    min-height:66px !important;
    justify-content:flex-start !important;
    border-bottom:1px solid rgba(255,255,255,.22) !important;
  }

  body[data-page="offer"] .offer-proof-v22-trust>div:nth-child(2n){
    border-right:0 !important;
  }

  body[data-page="offer"] .offer-proof-v22-trust i{
    width:36px !important;
    height:36px !important;
    font-size:19px !important;
  }

  body[data-page="offer"] .offer-proof-v22-trust b{
    font-size:9px !important;
  }

  body[data-page="offer"] .offer-proof-v22-license,
  body[data-page="offer"] .offer-proof-v22-note{
    font-size:10px !important;
  }

  body[data-page="offer"] .offer-proof-v22 .cta{
    min-height:55px !important;
    font-size:18px !important;
  }
}

body[data-page="offer"] .offer-bonus-head,
body[data-page="offer"] .offer-value-head{
  display:none !important;
}


/* =========================================================
   V23 — FORCE REMOVE SECTION 2 TOP LOGO / TAGLINE
   ========================================================= */
html body[data-page="offer"] main#main .offer-bonus-section .offer-bonus-head{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

html body[data-page="offer"] main#main .offer-bonus-section .offer-bonus-logo,
html body[data-page="offer"] main#main .offer-bonus-section .offer-bonus-tagline{
  display:none !important;
}

html body[data-page="offer"] main#main .offer-bonus-section .offer-bonus-shell{
  padding-top:8px !important;
}

html body[data-page="offer"] main#main .offer-bonus-section .eyebrow{
  margin-top:0 !important;
}


/* =========================================================
   OFFER SECTION 5 — REFERENCE MATCH V24
   ========================================================= */
body[data-page="offer"] .offer-proof-v24{
  width:90vw !important;
  max-width:none !important;
  min-height:100vh !important;
  margin:0 auto !important;
  padding:34px 3vw 34px !important;
  position:relative !important;
  overflow:hidden !important;
  color:#fff !important;
  text-align:left !important;
  background:
    linear-gradient(90deg,rgba(2,68,27,.96) 0%,rgba(4,104,38,.90) 48%,rgba(4,89,33,.84) 100%),
    url('../assets/funnel/section4-field-bg.png') center center/cover no-repeat !important;
}

body[data-page="offer"] .offer-proof-v24::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg,rgba(0,36,13,.08),rgba(0,56,19,.22)),
    radial-gradient(circle at 15% 70%,rgba(255,226,69,.08),transparent 25%) !important;
}

body[data-page="offer"] .proof24-shell{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  max-width:1220px !important;
  margin:0 auto !important;
}

body[data-page="offer"] .proof24-brand{
  margin-bottom:14px !important;
}

body[data-page="offer"] .proof24-logo{
  width:145px !important;
  height:80px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% / 42% !important;
  background:#fff !important;
  border:3px solid rgba(255,255,255,.85) !important;
  box-shadow:0 9px 20px rgba(0,0,0,.20) !important;
  overflow:hidden !important;
}

body[data-page="offer"] .proof24-logo img{
  width:112px !important;
  height:66px !important;
  object-fit:contain !important;
}

body[data-page="offer"] .proof24-heading{
  max-width:720px !important;
  margin-bottom:10px !important;
}

body[data-page="offer"] .proof24-heading .eyebrow{
  margin:0 0 8px !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.34em !important;
}

body[data-page="offer"] .proof24-heading h2{
  margin:0 0 12px !important;
  color:#fff !important;
  font-size:clamp(43px,4.25vw,66px) !important;
  line-height:.95 !important;
  text-transform:uppercase !important;
  letter-spacing:-.035em !important;
}

body[data-page="offer"] .proof24-heading h2 em{
  color:#ffe63b !important;
  font-style:normal !important;
}

body[data-page="offer"] .proof24-heading .intro{
  max-width:640px !important;
  margin:0 !important;
  color:#fff !important;
  font-size:17px !important;
  line-height:1.38 !important;
}

body[data-page="offer"] .proof24-main{
  display:grid !important;
  grid-template-columns:minmax(300px,.83fr) minmax(0,1.85fr) !important;
  gap:28px !important;
  align-items:end !important;
}

body[data-page="offer"] .proof24-left{
  min-height:560px !important;
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

body[data-page="offer"] .proof24-badge{
  width:205px !important;
  height:205px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  border-radius:50% !important;
  border:8px double #e6bc43 !important;
  background:radial-gradient(circle at 45% 28%,#fffce8 0%,#f8e9a8 42%,#e2bb48 100%) !important;
  box-shadow:
    inset 0 0 0 5px rgba(255,255,255,.5),
    0 13px 28px rgba(0,0,0,.23) !important;
  color:#0c5a25 !important;
  text-align:center !important;
  z-index:3 !important;
}

body[data-page="offer"] .proof24-leaf{
  width:35px !important;
  height:18px !important;
  margin-bottom:4px !important;
  display:block !important;
  position:relative !important;
  border-radius:100% 0 100% 0 !important;
  background:#179334 !important;
  transform:rotate(-24deg) !important;
}

body[data-page="offer"] .proof24-leaf::after{
  content:'' !important;
  position:absolute !important;
  width:27px !important;
  height:3px !important;
  left:8px !important;
  top:10px !important;
  background:#0d7428 !important;
  transform:rotate(24deg) !important;
}

body[data-page="offer"] .proof24-badge strong{
  display:block !important;
  font-family:Poppins,Arial,sans-serif !important;
  font-size:57px !important;
  line-height:.86 !important;
  letter-spacing:-.05em !important;
}

body[data-page="offer"] .proof24-badge b{
  display:block !important;
  margin-top:7px !important;
  color:#173e20 !important;
  font-size:12px !important;
  line-height:1.05 !important;
}

body[data-page="offer"] .proof24-quote{
  position:absolute !important;
  left:220px !important;
  top:48px !important;
  width:150px !important;
  color:#fff !important;
  font-family:cursive !important;
  font-size:24px !important;
  line-height:1.05 !important;
  font-style:italic !important;
  transform:rotate(-5deg) !important;
  text-shadow:0 2px 4px rgba(0,0,0,.24) !important;
}

body[data-page="offer"] .proof24-pack{
  margin-top:auto !important;
  width:100% !important;
  display:flex !important;
  justify-content:flex-start !important;
  align-items:flex-end !important;
}

body[data-page="offer"] .proof24-pack img{
  width:min(100%,350px) !important;
  max-height:500px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 25px 30px rgba(0,0,0,.32)) !important;
}

body[data-page="offer"] .proof24-right{
  align-self:end !important;
}

body[data-page="offer"] .proof24-records{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-bottom:14px !important;
}

body[data-page="offer"] .proof24-card{
  overflow:hidden !important;
  border-radius:13px !important;
  border:1px solid #d4dfd2 !important;
  background:#fff !important;
  color:#14331c !important;
  box-shadow:0 12px 28px rgba(0,0,0,.17) !important;
}

body[data-page="offer"] .proof24-card>img{
  display:block !important;
  width:100% !important;
  height:118px !important;
  object-fit:cover !important;
}

body[data-page="offer"] .proof24-card-body{
  padding:12px 12px 14px !important;
}

body[data-page="offer"] .proof24-card h3{
  margin:0 0 2px !important;
  color:#193820 !important;
  font-size:14px !important;
  line-height:1.08 !important;
}

body[data-page="offer"] .proof24-card p{
  margin:0 0 8px !important;
  color:#445346 !important;
  font-size:11px !important;
}

body[data-page="offer"] .proof24-metric{
  display:flex !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin:5px 0 3px !important;
  color:#27362b !important;
  font-size:11px !important;
}

body[data-page="offer"] .proof24-metric b{
  font-size:11px !important;
}

body[data-page="offer"] .proof24-bar{
  height:9px !important;
  overflow:hidden !important;
  border-radius:999px !important;
  background:#dfe5df !important;
}

body[data-page="offer"] .proof24-bar i{
  display:block !important;
  height:100% !important;
  border-radius:inherit !important;
}

body[data-page="offer"] .proof24-bar.green i{
  background:linear-gradient(90deg,#2fa73b,#117c2b) !important;
}

body[data-page="offer"] .proof24-bar.gray i{
  background:#b7c1b9 !important;
}

body[data-page="offer"] .proof24-uplift{
  margin-top:9px !important;
  padding:8px 6px !important;
  border-radius:10px !important;
  background:#e9f5e4 !important;
  text-align:center !important;
}

body[data-page="offer"] .proof24-uplift strong{
  display:block !important;
  color:#0f7428 !important;
  font-family:Poppins,Arial,sans-serif !important;
  font-size:35px !important;
  line-height:.9 !important;
}

body[data-page="offer"] .proof24-uplift small{
  display:block !important;
  margin-top:3px !important;
  color:#25442d !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

body[data-page="offer"] .proof24-trust{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  border-top:1px solid rgba(255,255,255,.42) !important;
  border-bottom:1px solid rgba(255,255,255,.42) !important;
  margin-bottom:12px !important;
}

body[data-page="offer"] .proof24-trust>div{
  min-height:70px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:9px 10px !important;
  border-right:1px solid rgba(255,255,255,.28) !important;
}

body[data-page="offer"] .proof24-trust>div:last-child{
  border-right:0 !important;
}

body[data-page="offer"] .proof24-trust i{
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 auto !important;
  border-radius:50% !important;
  background:#fff !important;
  color:#16812e !important;
  font-style:normal !important;
  font-size:21px !important;
  font-weight:900 !important;
}

body[data-page="offer"] .proof24-trust b{
  color:#fff !important;
  font-size:10px !important;
  line-height:1.12 !important;
}

body[data-page="offer"] .proof24-license{
  margin:0 0 6px !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:700 !important;
}

body[data-page="offer"] .proof24-note{
  max-width:760px !important;
  margin:0 0 13px !important;
  color:#eff6ec !important;
  font-size:10px !important;
  line-height:1.4 !important;
}

body[data-page="offer"] .offer-proof-v24 .cta-wrap{
  margin:0 !important;
  text-align:center !important;
}

body[data-page="offer"] .offer-proof-v24 .cta{
  width:min(480px,100%) !important;
  min-height:60px !important;
  border-radius:15px !important;
  background:linear-gradient(180deg,#ffe43e,#ffc508) !important;
  color:#17361f !important;
  border:1px solid #d6aa00 !important;
  box-shadow:0 11px 22px rgba(68,48,0,.20) !important;
  font-size:20px !important;
  font-weight:900 !important;
}

@media(max-width:900px){
  body[data-page="offer"] .offer-proof-v24{
    width:100% !important;
    min-height:auto !important;
    margin:0 !important;
    padding:20px 12px 24px !important;
  }

  body[data-page="offer"] .proof24-brand{
    margin-bottom:10px !important;
  }

  body[data-page="offer"] .proof24-logo{
    width:110px !important;
    height:60px !important;
  }

  body[data-page="offer"] .proof24-logo img{
    width:88px !important;
    height:50px !important;
  }

  body[data-page="offer"] .proof24-heading{
    max-width:none !important;
  }

  body[data-page="offer"] .proof24-heading .eyebrow{
    font-size:9px !important;
    letter-spacing:.25em !important;
  }

  body[data-page="offer"] .proof24-heading h2{
    font-size:34px !important;
    line-height:.96 !important;
  }

  body[data-page="offer"] .proof24-heading .intro{
    font-size:13px !important;
  }

  body[data-page="offer"] .proof24-main{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body[data-page="offer"] .proof24-left{
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:145px 1fr !important;
    gap:12px !important;
    align-items:end !important;
  }

  body[data-page="offer"] .proof24-badge{
    width:142px !important;
    height:142px !important;
    border-width:6px !important;
  }

  body[data-page="offer"] .proof24-badge strong{
    font-size:40px !important;
  }

  body[data-page="offer"] .proof24-badge b{
    font-size:8px !important;
  }

  body[data-page="offer"] .proof24-leaf{
    width:27px !important;
    height:14px !important;
  }

  body[data-page="offer"] .proof24-quote{
    display:none !important;
  }

  body[data-page="offer"] .proof24-pack{
    margin:0 !important;
    justify-content:center !important;
  }

  body[data-page="offer"] .proof24-pack img{
    width:150px !important;
    max-height:205px !important;
  }

  body[data-page="offer"] .proof24-records{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  body[data-page="offer"] .proof24-card{
    display:grid !important;
    grid-template-columns:105px 1fr !important;
  }

  body[data-page="offer"] .proof24-card>img{
    height:100% !important;
    min-height:140px !important;
  }

  body[data-page="offer"] .proof24-card-body{
    padding:9px !important;
  }

  body[data-page="offer"] .proof24-card h3{
    font-size:12px !important;
  }

  body[data-page="offer"] .proof24-card p,
  body[data-page="offer"] .proof24-metric,
  body[data-page="offer"] .proof24-metric b{
    font-size:9px !important;
  }

  body[data-page="offer"] .proof24-uplift{
    width:105px !important;
    margin-left:auto !important;
    margin-top:6px !important;
  }

  body[data-page="offer"] .proof24-uplift strong{
    font-size:27px !important;
  }

  body[data-page="offer"] .proof24-uplift small{
    font-size:8px !important;
  }

  body[data-page="offer"] .proof24-trust{
    grid-template-columns:1fr 1fr !important;
  }

  body[data-page="offer"] .proof24-trust>div{
    justify-content:flex-start !important;
    min-height:58px !important;
    border-bottom:1px solid rgba(255,255,255,.24) !important;
  }

  body[data-page="offer"] .proof24-trust>div:nth-child(2n){
    border-right:0 !important;
  }

  body[data-page="offer"] .proof24-trust i{
    width:34px !important;
    height:34px !important;
    font-size:17px !important;
  }

  body[data-page="offer"] .proof24-trust b{
    font-size:8px !important;
  }

  body[data-page="offer"] .proof24-license,
  body[data-page="offer"] .proof24-note{
    font-size:9px !important;
  }

  body[data-page="offer"] .offer-proof-v24 .cta{
    min-height:54px !important;
    font-size:17px !important;
  }
}


/* =========================================================
   OFFER SECTION 5 HOTFIX V25 — remove highlighted top badge,
   make background solid / non-transparent.
   ========================================================= */
body[data-page="offer"] .offer-proof-v24 .proof24-brand{
  display:none !important;
}

body[data-page="offer"] .offer-proof-v24{
  background-color:#0f6a2d !important;
  background-image:
    linear-gradient(90deg,#0a5f25 0%, #118035 52%, #0d6b2c 100%),
    url('../assets/funnel/section4-field-bg.png') !important;
  background-position:center center, center center !important;
  background-size:cover, cover !important;
  background-repeat:no-repeat, no-repeat !important;
  background-blend-mode:multiply !important;
}

body[data-page="offer"] .offer-proof-v24::before{
  background:linear-gradient(180deg,rgba(8,77,29,.18),rgba(8,77,29,.18)) !important;
}

body[data-page="offer"] .offer-proof-v24 .proof24-heading{
  margin-top:0 !important;
}


/* =========================================================
   OFFER SECTION 5 V26 — visible background like sections 3/4
   remove highlighted logo block and make bg fully visible.
   ========================================================= */
body[data-page="offer"] .offer-proof-v24{
  background-color:#0d6d2c !important;
  background-image:
    linear-gradient(90deg, rgba(8,68,27,.78) 0%, rgba(11,106,38,.58) 44%, rgba(11,99,37,.50) 100%),
    url('../assets/funnel/section5-program-bg.png') !important;
  background-position:center center, center center !important;
  background-size:cover, cover !important;
  background-repeat:no-repeat, no-repeat !important;
  background-blend-mode:normal !important;
}

body[data-page="offer"] .offer-proof-v24::before{
  background:
    linear-gradient(180deg, rgba(0,30,10,.08), rgba(0,46,16,.10)),
    radial-gradient(circle at 22% 78%, rgba(255,215,82,.08), transparent 30%) !important;
}

body[data-page="offer"] .offer-proof-v24 .proof24-brand,
body[data-page="offer"] .offer-proof-v24 .proof24-logo{
  display:none !important;
}

body[data-page="offer"] .offer-proof-v24 .proof24-heading{
  margin-top:0 !important;
}

body[data-page="offer"] .offer-proof-v24 .proof24-heading h2,
body[data-page="offer"] .offer-proof-v24 .proof24-heading .intro,
body[data-page="offer"] .offer-proof-v24 .proof24-heading .eyebrow,
body[data-page="offer"] .offer-proof-v24 .proof24-license,
body[data-page="offer"] .offer-proof-v24 .proof24-note,
body[data-page="offer"] .offer-proof-v24 .proof24-trust b,
body[data-page="offer"] .offer-proof-v24 .proof24-quote{
  text-shadow:0 2px 10px rgba(0,0,0,.22) !important;
}


/* =========================================================
   OFFER SECTION 6 — FAQ actual layout V27
   ========================================================= */
body[data-page="offer"] .offer-faq-v27{
  background:#fff;
  padding-top:46px;
  padding-bottom:56px;
}
body[data-page="offer"] .offer-faq-v27 .offer-faq-shell{
  max-width:1120px;
  margin:0 auto;
  border:1px solid #d9e6d7;
  border-radius:24px;
  padding:28px 28px 34px;
  background:
    radial-gradient(circle at 9% 18%, rgba(132,198,83,.16), transparent 16%),
    radial-gradient(circle at 91% 86%, rgba(102,183,77,.14), transparent 15%),
    radial-gradient(circle at 82% 26%, rgba(137,201,94,.12), transparent 13%),
    #fff;
  box-shadow:0 18px 38px rgba(16,69,24,.08);
  overflow:hidden;
}
body[data-page="offer"] .offer-faq-v27 .offer-faq-head{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:22px;
  align-items:center;
  text-align:left;
  margin-bottom:22px;
}
body[data-page="offer"] .offer-faq-v27 .offer-faq-copy .eyebrow{
  font-size:12px;
  letter-spacing:.34em;
  color:#16852c;
  margin-bottom:12px;
}
body[data-page="offer"] .offer-faq-v27 .offer-faq-copy h2{
  font-size:clamp(40px,4.7vw,70px);
  line-height:.96;
  color:#07331b;
  margin:0 0 16px;
}
body[data-page="offer"] .offer-faq-v27 .offer-faq-copy h2 em{color:#24972f}
body[data-page="offer"] .offer-faq-v27 .offer-faq-copy .intro{
  margin:0;
  max-width:580px;
  font-size:18px;
  line-height:1.35;
  color:#45564a;
}
body[data-page="offer"] .offer-faq-v27 .offer-faq-packstage{
  justify-self:end;
  width:min(100%,460px);
  min-height:258px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(248,251,243,.98), rgba(236,244,229,.96)),
    radial-gradient(circle at 65% 30%, rgba(161,213,111,.18), transparent 30%);
}
body[data-page="offer"] .offer-faq-v27 .offer-faq-packstage img{
  max-height:300px;
  object-fit:contain;
  filter:drop-shadow(0 16px 26px rgba(0,0,0,.12));
}
body[data-page="offer"] .offer-faq-v27 .offer-faq-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  text-align:left;
}
body[data-page="offer"] .offer-faq-v27 .offer-faq-col{
  display:grid;
  gap:16px;
  align-content:start;
}
body[data-page="offer"] .offer-faq-v27 .faq-card{
  border:1px solid #d7e3d4;
  border-radius:16px;
  background:#fbfdf9;
  box-shadow:0 10px 24px rgba(15,61,24,.05);
  overflow:hidden;
}
body[data-page="offer"] .offer-faq-v27 .faq-card summary{
  list-style:none;
  cursor:pointer;
  position:relative;
  display:flex;
  align-items:center;
  gap:16px;
  min-height:60px;
  padding:18px 54px 18px 20px;
  font-weight:800;
  font-size:18px;
  line-height:1.18;
  color:#113d24;
}
body[data-page="offer"] .offer-faq-v27 .faq-card summary::-webkit-details-marker{display:none}
body[data-page="offer"] .offer-faq-v27 .faq-card summary::before{
  content:'+';
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#2aa02f;
  color:#fff;
  font-size:32px;
  font-weight:500;
  line-height:1;
}
body[data-page="offer"] .offer-faq-v27 .faq-card[open] summary::before{content:'−'; background:#2f962e}
body[data-page="offer"] .offer-faq-v27 .faq-card summary::after{
  content:'⌄';
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  color:#5d7461;
  font-size:22px;
  font-weight:700;
}
body[data-page="offer"] .offer-faq-v27 .faq-card[open] summary::after{transform:translateY(-50%) rotate(180deg)}
body[data-page="offer"] .offer-faq-v27 .faq-card p{
  margin:0;
  padding:0 20px 18px 74px;
  color:#506154;
  font-size:16px;
  line-height:1.36;
}
body[data-page="offer"] .offer-faq-v27 .offer-faq-support{
  margin-top:16px;
  display:grid;
  grid-template-columns:132px 1fr;
  gap:20px;
  align-items:center;
  padding:18px 22px;
  background:linear-gradient(180deg,#f3f8ed,#eaf3e2);
  border:1px solid #dbe6d7;
  border-radius:18px;
  text-align:left;
}
body[data-page="offer"] .offer-faq-v27 .offer-faq-support-icon{
  position:relative;
  width:112px;
  height:84px;
  border-right:1px solid #bfd0bb;
}
body[data-page="offer"] .offer-faq-v27 .offer-faq-support-copy b{
  display:block;
  font-size:26px;
  line-height:1.05;
  color:#16432a;
  margin-bottom:6px;
}
body[data-page="offer"] .offer-faq-v27 .offer-faq-support-copy p{
  margin:0;
  font-size:16px;
  color:#496050;
}
body[data-page="offer"] .offer-faq-v27 .cta-wrap{
  margin-top:16px;
}
body[data-page="offer"] .offer-faq-v27 .cta-wrap .cta{
  width:100%;
  min-width:0;
  min-height:58px;
  border-radius:16px;
  font-size:24px;
  gap:16px;
}
body[data-page="offer"] .offer-faq-v27 .micro{
  margin-top:10px;
  color:#66756a;
  font-size:14px;
}

@media (max-width: 900px){
  body[data-page="offer"] .offer-faq-v27 .offer-faq-shell{padding:22px 18px 28px}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-head{grid-template-columns:1fr; text-align:center}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-copy .intro{margin:0 auto}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-packstage{justify-self:center; width:100%; max-width:420px; min-height:220px}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-grid{grid-template-columns:1fr}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-support{grid-template-columns:100px 1fr; gap:16px}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-support-copy b{font-size:23px}
}

@media (max-width: 560px){
  body[data-page="offer"] .offer-faq-v27{padding-top:28px; padding-bottom:34px}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-shell{padding:18px 14px 22px; border-radius:18px}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-copy h2{font-size:25px; line-height:1.02}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-copy .eyebrow{font-size:10px; letter-spacing:.3em}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-copy .intro{font-size:14px}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-packstage{min-height:170px}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-packstage img{max-height:180px}
  body[data-page="offer"] .offer-faq-v27 .faq-card summary{padding:14px 42px 14px 14px; font-size:16px; gap:12px; min-height:52px}
  body[data-page="offer"] .offer-faq-v27 .faq-card summary::before{width:32px; height:32px; flex-basis:32px; font-size:28px}
  body[data-page="offer"] .offer-faq-v27 .faq-card summary::after{right:14px; font-size:18px}
  body[data-page="offer"] .offer-faq-v27 .faq-card p{padding:0 14px 16px 58px; font-size:14px}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-support{grid-template-columns:1fr; gap:8px; padding:16px 14px}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-support-icon{width:86px; height:62px; border-right:0}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-support-copy{text-align:left}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-support-copy b{font-size:18px}
  body[data-page="offer"] .offer-faq-v27 .offer-faq-support-copy p{font-size:14px}
  body[data-page="offer"] .offer-faq-v27 .cta-wrap .cta{font-size:18px; min-height:52px}
  body[data-page="offer"] .offer-faq-v27 .micro{font-size:12px}
}


/* =========================================================
   OFFER SECTION 6 WIDTH ALIGNMENT V28
   Match Section 3/4/5 desktop width standard.
   ========================================================= */
body[data-page="offer"] .offer-faq-v27{
  width:90vw !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:3vw !important;
  padding-right:3vw !important;
}

body[data-page="offer"] .offer-faq-v27 .offer-faq-shell{
  width:100% !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:900px){
  body[data-page="offer"] .offer-faq-v27{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  body[data-page="offer"] .offer-faq-v27 .offer-faq-shell{
    width:100% !important;
    max-width:none !important;
  }
}


/* =========================================================
   OFFER SECTION 6 TRUE WIDTH FIX V29
   Make the visible FAQ panel itself match the 90vw section width.
   ========================================================= */
body[data-page="offer"] .offer-faq-v27{
  width:90vw !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
}

body[data-page="offer"] .offer-faq-v27 .offer-faq-shell{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:36px 3vw 38px !important;
  border-radius:0 !important;
  box-sizing:border-box !important;
}

body[data-page="offer"] .offer-faq-v27 .offer-faq-head,
body[data-page="offer"] .offer-faq-v27 .offer-faq-grid,
body[data-page="offer"] .offer-faq-v27 .offer-faq-support,
body[data-page="offer"] .offer-faq-v27 .cta-wrap,
body[data-page="offer"] .offer-faq-v27 .micro{
  width:100% !important;
  max-width:none !important;
}

@media(max-width:900px){
  body[data-page="offer"] .offer-faq-v27{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  body[data-page="offer"] .offer-faq-v27 .offer-faq-shell{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:24px 14px 28px !important;
    border-radius:0 !important;
  }
}

/* ===== OFFER SECTION 7 CLOSE / SECURE ORDER V30 ===== */
body[data-page="offer"] .offer-close-v30{
  position:relative;
  color:#fff;
  padding-top:54px;
  padding-bottom:28px;
  background:
    linear-gradient(90deg,rgba(5,49,24,.92) 0%,rgba(7,66,31,.88) 34%,rgba(18,84,35,.58) 58%,rgba(31,82,36,.18) 100%),
    url('../assets/funnel/hero-rice-field-clear.png') center center/cover no-repeat;
}
body[data-page="offer"] .offer-close-v30::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 85% 14%,rgba(255,220,122,.55),transparent 18%),
    radial-gradient(circle at 72% 76%,rgba(77,157,41,.20),transparent 24%),
    radial-gradient(circle at 14% 88%,rgba(255,206,44,.10),transparent 22%);
}
body[data-page="offer"] .offer-close-shell{
  position:relative;
  z-index:1;
  max-width:1280px;
  margin:0 auto;
}
body[data-page="offer"] .offer-close-grid{
  display:grid;
  grid-template-columns:minmax(400px, 0.96fr) minmax(420px, 1.12fr);
  gap:34px;
  align-items:end;
}
body[data-page="offer"] .offer-close-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
body[data-page="offer"] .offer-close-brand{
  margin-bottom:14px;
}
body[data-page="offer"] .offer-close-logo{
  width:104px;
  height:auto;
  display:block;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));
}
body[data-page="offer"] .offer-close-v30 .eyebrow{
  color:#fff;
  font-size:13px;
  letter-spacing:.23em;
  margin-bottom:14px;
}
body[data-page="offer"] .offer-close-v30 h2{
  color:#fff;
  font-size:clamp(38px,4.7vw,66px);
  line-height:.98;
  margin-bottom:16px;
  text-shadow:0 6px 18px rgba(0,0,0,.22);
}
body[data-page="offer"] .offer-close-v30 h2 em{
  color:#8ee54c;
}
body[data-page="offer"] .offer-close-intro,
body[data-page="offer"] .offer-close-confirm{
  max-width:540px;
  color:#f2f7ef;
  font-size:18px;
  line-height:1.45;
}
body[data-page="offer"] .offer-close-pricecard{
  width:min(100%, 470px);
  margin:22px 0 16px;
  background:#ffffff;
  color:#123d22;
  border-radius:18px;
  border:1px solid rgba(152,188,138,.95);
  box-shadow:0 18px 40px rgba(3,29,11,.18);
  overflow:hidden;
}
body[data-page="offer"] .offer-close-pricecard>b{
  display:block;
  background:linear-gradient(180deg,#2f8f25,#1f6f19);
  color:#fff;
  text-align:center;
  padding:12px 16px;
  font-family:Poppins,Arial,sans-serif;
  font-size:18px;
  line-height:1.15;
}
body[data-page="offer"] .offer-close-pricecard>strong{
  display:block;
  text-align:center;
  font-family:Poppins,Arial,sans-serif;
  font-size:72px;
  line-height:1;
  color:#0e5a1c;
  margin:18px 20px 6px;
}
body[data-page="offer"] .offer-close-pricecard>span{
  display:block;
  text-align:center;
  font-size:17px;
  color:#3b5141;
  margin-bottom:12px;
}
body[data-page="offer"] .offer-close-pricecard ul{
  list-style:none;
  margin:0;
  padding:0 22px 10px;
}
body[data-page="offer"] .offer-close-pricecard li{
  position:relative;
  padding:6px 0 6px 34px;
  font-size:18px;
  line-height:1.38;
  color:#183b21;
}
body[data-page="offer"] .offer-close-pricecard li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:7px;
  width:22px;
  height:22px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#228a20;
  color:#fff;
  font-size:14px;
  font-weight:900;
}
body[data-page="offer"] .offer-close-valuebar{
  margin:10px 16px 0;
  background:#e9f5df;
  color:#1c641f;
  border-radius:10px;
  padding:12px 14px;
  text-align:center;
  font-weight:900;
  font-size:18px;
  line-height:1.25;
}
body[data-page="offer"] .offer-close-offer-note{
  margin:10px 18px 16px;
  text-align:center;
  color:#24402d;
  font-size:15px;
}
body[data-page="offer"] .offer-close-v30 .cta-wrap{
  width:min(100%, 470px);
  margin:0;
}
body[data-page="offer"] .offer-close-v30 .cta{
  width:100%;
  min-height:68px;
  border-radius:16px;
  font-size:18px;
  font-weight:900;
  gap:18px;
}
body[data-page="offer"] .offer-close-confirm{
  margin:14px 0 16px;
  font-size:15px;
  color:#f7fbf2;
}
body[data-page="offer"] .offer-close-trust{
  width:min(100%, 640px);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border-top:1px solid rgba(255,255,255,.28);
  margin-top:8px;
  padding-top:16px;
}
body[data-page="offer"] .offer-close-trust>div{
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 16px;
  min-height:54px;
}
body[data-page="offer"] .offer-close-trust>div+div{
  border-left:1px solid rgba(255,255,255,.22);
}
body[data-page="offer"] .offer-close-trust i{
  font-style:normal;
  font-size:28px;
  line-height:1;
}
body[data-page="offer"] .offer-close-trust span{
  font-size:14px;
  line-height:1.2;
  font-weight:800;
}
body[data-page="offer"] .offer-close-grid>.offer-close-visual{
  display:flex;
  justify-content:flex-end;
}
body[data-page="offer"] .offer-close-visual-stage{
  position:relative;
  width:100%;
  min-height:720px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:10px 0 42px;
}
body[data-page="offer"] .offer-close-visual-stage::before{
  content:'';
  position:absolute;
  left:4%;
  right:2%;
  top:7%;
  bottom:8%;
  background:
    linear-gradient(180deg,rgba(7,46,18,.48),rgba(8,55,18,0) 23%,rgba(8,55,18,.12) 100%),
    url('../assets/funnel/offer-hero-field-bg.png') center center/cover no-repeat;
  border-radius:26px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  overflow:hidden;
}
body[data-page="offer"] .offer-close-visual-stage::after{
  content:'';
  position:absolute;
  right:-6%;
  bottom:-5%;
  width:64%;
  height:30%;
  background:linear-gradient(135deg,#f6d873 0%,#d6aa35 18%,#307d22 58%,#0f5d18 100%);
  border-radius:100% 0 0 0;
  opacity:.97;
  transform:rotate(-6deg);
  box-shadow:0 -8px 24px rgba(0,0,0,.14);
}
body[data-page="offer"] .offer-close-packs{
  position:relative;
  z-index:2;
  width:min(100%, 620px);
  height:560px;
}
body[data-page="offer"] .offer-close-pack{
  position:absolute;
  bottom:0;
  width:43%;
  max-width:260px;
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.28));
}
body[data-page="offer"] .offer-close-pack.back-left{
  left:7%;
  z-index:1;
  transform:translateY(6px) rotate(-1.5deg);
}
body[data-page="offer"] .offer-close-pack.back-right{
  left:35%;
  z-index:2;
  transform:translateY(4px) rotate(1deg);
}
body[data-page="offer"] .offer-close-pack.front{
  right:2%;
  width:40%;
  max-width:245px;
  z-index:3;
}
body[data-page="offer"] .offer-close-badge{
  position:absolute;
  right:-1%;
  top:24%;
  z-index:4;
  width:128px;
  height:128px;
  border-radius:50%;
  background:radial-gradient(circle at 28% 24%,#ffe88d,#ffd73a 46%,#d5a514 100%);
  color:#173708;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-shadow:0 16px 30px rgba(0,0,0,.24), inset 0 0 0 5px rgba(255,255,255,.55);
}
body[data-page="offer"] .offer-close-badge::before,
body[data-page="offer"] .offer-close-badge::after{
  content:'';
  position:absolute;
  left:-20px;
  top:46px;
  width:32px;
  height:18px;
  background:#d5950e;
  border-radius:4px 0 0 4px;
  transform:rotate(-10deg);
  box-shadow:0 2px 0 rgba(255,255,255,.28) inset;
}
body[data-page="offer"] .offer-close-badge::after{
  left:-18px;
  top:64px;
  width:24px;
  height:48px;
  clip-path:polygon(0 0,100% 0,55% 100%,0 65%);
  border-radius:0;
  transform:none;
}
body[data-page="offer"] .offer-close-badge span{
  font-size:16px;
  font-weight:900;
  line-height:1;
}
body[data-page="offer"] .offer-close-badge strong{
  font-family:Poppins,Arial,sans-serif;
  font-size:28px;
  line-height:.95;
  margin-top:3px;
}
body[data-page="offer"] .offer-close-mini-footer{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  color:#eaf5e5;
  border-top:1px solid rgba(255,255,255,.22);
  margin-top:18px;
  padding-top:14px;
  font-size:12px;
}
body[data-page="offer"] .offer-close-mini-footer b,
body[data-page="offer"] .offer-close-mini-footer a{
  color:#fff;
  font-weight:700;
  text-decoration:none;
}
body[data-page="offer"] .offer-close-mini-footer span{
  opacity:.94;
}
body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile{display:none;}

@media (max-width: 1100px){
  body[data-page="offer"] .offer-close-grid{
    grid-template-columns:1fr 1fr;
    gap:24px;
  }
  body[data-page="offer"] .offer-close-v30 h2{font-size:clamp(34px,4.2vw,56px)}
  body[data-page="offer"] .offer-close-pricecard>strong{font-size:60px}
  body[data-page="offer"] .offer-close-visual-stage{min-height:620px}
  body[data-page="offer"] .offer-close-packs{height:500px}
}

@media (max-width: 820px){
  body[data-page="offer"] .offer-close-v30{
    padding-top:36px;
    padding-bottom:24px;
    background:
      linear-gradient(180deg,rgba(8,53,22,.90) 0%,rgba(10,69,30,.82) 26%,rgba(16,71,30,.54) 58%,rgba(17,59,24,.85) 100%),
      url('../assets/funnel/hero-rice-field-clear.png') center top/cover no-repeat;
  }
  body[data-page="offer"] .offer-close-grid{grid-template-columns:1fr;gap:10px}
  body[data-page="offer"] .offer-close-copy{align-items:center;text-align:center}
  body[data-page="offer"] .offer-close-brand{margin-bottom:10px}
  body[data-page="offer"] .offer-close-v30 .eyebrow{font-size:11px;margin-bottom:10px}
  body[data-page="offer"] .offer-close-v30 h2{font-size:clamp(28px,8.2vw,42px);text-align:center}
  body[data-page="offer"] .offer-close-intro,
  body[data-page="offer"] .offer-close-confirm{max-width:none;font-size:15px;text-align:center}
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile{display:block;width:100%;margin:18px 0 8px}
  body[data-page="offer"] .offer-close-grid>.offer-close-visual{display:none}
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-visual-stage{
    min-height:320px;
    padding:0 0 28px;
  }
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-visual-stage::before{
    left:0; right:0; top:0; bottom:0; border-radius:22px;
  }
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-visual-stage::after{
    right:-10%;bottom:-9%;width:76%;height:28%;
  }
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-packs{
    width:min(100%, 360px);
    height:300px;
  }
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-pack{width:42%;max-width:150px}
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-pack.back-left{left:6%}
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-pack.back-right{left:31%}
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-pack.front{right:5%;width:39%;max-width:145px}
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-badge{
    width:92px;height:92px;right:2%;top:28%;
  }
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-badge span{font-size:12px}
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-badge strong{font-size:20px}
  body[data-page="offer"] .offer-close-pricecard{width:100%;max-width:520px}
  body[data-page="offer"] .offer-close-pricecard>b{font-size:16px;padding:10px 14px}
  body[data-page="offer"] .offer-close-pricecard>strong{font-size:54px;margin-top:16px}
  body[data-page="offer"] .offer-close-pricecard>span{font-size:15px}
  body[data-page="offer"] .offer-close-pricecard li{font-size:15px;text-align:left}
  body[data-page="offer"] .offer-close-valuebar{font-size:15px}
  body[data-page="offer"] .offer-close-v30 .cta-wrap{width:100%;max-width:520px}
  body[data-page="offer"] .offer-close-v30 .cta{min-height:58px;font-size:17px}
  body[data-page="offer"] .offer-close-trust{width:100%;grid-template-columns:1fr;gap:8px;padding-top:14px}
  body[data-page="offer"] .offer-close-trust>div{justify-content:flex-start;border-left:0!important;padding:0 0 0 4px;min-height:unset}
  body[data-page="offer"] .offer-close-trust span{text-align:left;font-size:13px}
  body[data-page="offer"] .offer-close-mini-footer{flex-direction:column;text-align:center;font-size:11px}
}

/* ===== OFFER SECTION 7 REFERENCE MATCH V31 ===== */
body[data-page="offer"] .offer-close-v30{
  width:90vw !important;
  max-width:none !important;
  min-height:920px !important;
  margin:0 auto !important;
  padding:42px 3vw 24px !important;
  background:
    linear-gradient(90deg,rgba(3,45,21,.94) 0%,rgba(4,57,25,.89) 32%,rgba(7,64,25,.60) 48%,rgba(11,69,27,.20) 67%,rgba(0,0,0,0) 100%),
    url('../assets/funnel/hero-rice-field-clear.png') center center/cover no-repeat !important;
}
body[data-page="offer"] .offer-close-v30::before{
  background:
    radial-gradient(circle at 88% 12%,rgba(255,221,132,.25),transparent 19%),
    linear-gradient(180deg,rgba(0,0,0,0) 70%,rgba(2,45,16,.42) 100%) !important;
}
body[data-page="offer"] .offer-close-shell{
  max-width:1320px !important;
}
body[data-page="offer"] .offer-close-grid{
  grid-template-columns:minmax(540px, .98fr) minmax(540px, 1.02fr) !important;
  gap:22px !important;
  align-items:end !important;
}
body[data-page="offer"] .offer-close-copy{
  min-width:0 !important;
  align-self:start !important;
}
body[data-page="offer"] .offer-close-brand{
  width:132px !important;
  height:78px !important;
  margin:0 0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  background:#fff !important;
  border:2px solid rgba(255,255,255,.9) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
  overflow:hidden !important;
}
body[data-page="offer"] .offer-close-logo{
  width:110px !important;
  height:62px !important;
  object-fit:contain !important;
  filter:none !important;
}
body[data-page="offer"] .offer-close-v30 .eyebrow{
  font-size:12px !important;
  letter-spacing:.28em !important;
  margin:0 0 13px !important;
}
body[data-page="offer"] .offer-close-v30 h2{
  width:max-content !important;
  max-width:100% !important;
  white-space:nowrap !important;
  font-size:clamp(42px,3.55vw,58px) !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
  margin:0 0 13px !important;
  text-align:left !important;
}
body[data-page="offer"] .offer-close-v30 h2 em{
  display:inline !important;
  color:#69d83d !important;
}
body[data-page="offer"] .offer-close-intro{
  max-width:585px !important;
  margin:0 !important;
  font-size:16px !important;
  line-height:1.42 !important;
  text-align:left !important;
}
body[data-page="offer"] .offer-close-pricecard{
  width:min(100%, 455px) !important;
  margin:18px 0 12px !important;
  border-radius:16px !important;
}
body[data-page="offer"] .offer-close-pricecard>b{
  padding:10px 14px !important;
  font-size:16px !important;
}
body[data-page="offer"] .offer-close-pricecard>strong{
  font-size:62px !important;
  margin:12px 18px 2px !important;
}
body[data-page="offer"] .offer-close-pricecard>span{
  font-size:15px !important;
  margin-bottom:8px !important;
}
body[data-page="offer"] .offer-close-pricecard ul{
  padding:0 20px 6px !important;
}
body[data-page="offer"] .offer-close-pricecard li{
  padding:4px 0 4px 32px !important;
  font-size:15px !important;
  line-height:1.32 !important;
}
body[data-page="offer"] .offer-close-pricecard li::before{
  top:4px !important;
  width:21px !important;
  height:21px !important;
}
body[data-page="offer"] .offer-close-valuebar{
  margin:8px 12px 0 !important;
  padding:9px 10px !important;
  font-size:14px !important;
}
body[data-page="offer"] .offer-close-offer-note{
  margin:7px 14px 11px !important;
  font-size:12px !important;
}
body[data-page="offer"] .offer-close-v30 .cta-wrap{
  width:min(100%, 475px) !important;
}
body[data-page="offer"] .offer-close-v30 .cta{
  min-height:58px !important;
  border-radius:14px !important;
  font-size:17px !important;
}
body[data-page="offer"] .offer-close-confirm{
  max-width:500px !important;
  margin:8px 0 12px !important;
  font-size:12px !important;
  line-height:1.35 !important;
  text-align:left !important;
}
body[data-page="offer"] .offer-close-trust{
  width:min(100%, 650px) !important;
  margin-top:2px !important;
  padding-top:10px !important;
}
body[data-page="offer"] .offer-close-trust>div{
  min-height:44px !important;
  padding:0 12px !important;
}
body[data-page="offer"] .offer-close-trust i{
  font-size:23px !important;
}
body[data-page="offer"] .offer-close-trust span{
  font-size:11px !important;
}

/* desktop pack composition sits directly on the section background */
body[data-page="offer"] .offer-close-grid>.offer-close-visual{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:flex-end !important;
  min-width:0 !important;
}
body[data-page="offer"] .offer-close-grid>.offer-close-visual .offer-close-visual-stage{
  min-height:655px !important;
  padding:0 0 22px !important;
  align-items:flex-end !important;
  justify-content:flex-end !important;
}
body[data-page="offer"] .offer-close-grid>.offer-close-visual .offer-close-visual-stage::before{
  left:5% !important;
  right:0 !important;
  top:auto !important;
  bottom:2px !important;
  height:150px !important;
  border-radius:20px 20px 10px 10px !important;
  background:
    linear-gradient(180deg,rgba(92,70,44,.18),rgba(64,42,27,.54)),
    url('../assets/funnel/rice-texture.jpg') center center/cover no-repeat !important;
  box-shadow:0 -10px 28px rgba(0,0,0,.12) !important;
}
body[data-page="offer"] .offer-close-grid>.offer-close-visual .offer-close-visual-stage::after{
  display:none !important;
  content:none !important;
}
body[data-page="offer"] .offer-close-grid>.offer-close-visual .offer-close-packs{
  width:min(100%, 650px) !important;
  height:565px !important;
  margin-left:auto !important;
}
body[data-page="offer"] .offer-close-grid>.offer-close-visual .offer-close-pack{
  width:42% !important;
  max-width:270px !important;
}
body[data-page="offer"] .offer-close-grid>.offer-close-visual .offer-close-pack.back-left{
  left:2% !important;
  bottom:18px !important;
  transform:rotate(-1deg) !important;
}
body[data-page="offer"] .offer-close-grid>.offer-close-visual .offer-close-pack.back-right{
  left:31% !important;
  bottom:18px !important;
  transform:rotate(.5deg) !important;
}
body[data-page="offer"] .offer-close-grid>.offer-close-visual .offer-close-pack.front{
  right:0 !important;
  bottom:0 !important;
  width:45% !important;
  max-width:292px !important;
}
body[data-page="offer"] .offer-close-grid>.offer-close-visual .offer-close-badge{
  right:0 !important;
  top:16% !important;
  width:116px !important;
  height:116px !important;
}
body[data-page="offer"] .offer-close-grid>.offer-close-visual .offer-close-badge strong{
  font-size:24px !important;
}
body[data-page="offer"] .offer-close-mini-footer{
  margin-top:10px !important;
  padding-top:10px !important;
  font-size:10px !important;
}
body[data-page="offer"]>.site-footer,
body[data-page="offer"] .site-footer{
  display:none !important;
}

@media(max-width:1100px){
  body[data-page="offer"] .offer-close-grid{
    grid-template-columns:minmax(470px,1fr) minmax(420px,.95fr) !important;
  }
  body[data-page="offer"] .offer-close-v30 h2{
    font-size:44px !important;
  }
}

@media(max-width:820px){
  body[data-page="offer"] .offer-close-v30{
    width:100% !important;
    min-height:auto !important;
    padding:28px 14px 24px !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.88) 30%,rgba(11,65,29,.14) 55%,rgba(5,52,24,.93) 100%),
      url('../assets/funnel/hero-rice-field-clear.png') center top/cover no-repeat !important;
    color:#14331d !important;
  }
  body[data-page="offer"] .offer-close-v30::before{
    background:linear-gradient(180deg,transparent 72%,rgba(4,48,21,.34) 100%) !important;
  }
  body[data-page="offer"] .offer-close-grid{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  body[data-page="offer"] .offer-close-copy{
    align-items:center !important;
  }
  body[data-page="offer"] .offer-close-brand{
    width:100px !important;
    height:60px !important;
    margin-bottom:10px !important;
  }
  body[data-page="offer"] .offer-close-logo{
    width:86px !important;
    height:50px !important;
  }
  body[data-page="offer"] .offer-close-v30 .eyebrow{
    color:#1e6d2b !important;
    text-align:center !important;
    font-size:9px !important;
    margin-bottom:8px !important;
  }
  body[data-page="offer"] .offer-close-v30 h2{
    width:auto !important;
    white-space:normal !important;
    text-align:center !important;
    color:#12391f !important;
    font-size:31px !important;
    line-height:.98 !important;
  }
  body[data-page="offer"] .offer-close-v30 h2 em{
    color:#1c7d28 !important;
  }
  body[data-page="offer"] .offer-close-intro{
    color:#24372a !important;
    text-align:center !important;
    font-size:13px !important;
    max-width:520px !important;
  }
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile{
    margin:12px 0 8px !important;
  }
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-visual-stage{
    min-height:280px !important;
    padding:0 0 8px !important;
  }
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-visual-stage::before{
    left:0 !important;
    right:0 !important;
    top:auto !important;
    bottom:0 !important;
    height:84px !important;
    border-radius:14px !important;
    background:
      linear-gradient(180deg,rgba(92,70,44,.10),rgba(64,42,27,.40)),
      url('../assets/funnel/rice-texture.jpg') center/cover no-repeat !important;
  }
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-visual-stage::after{
    display:none !important;
  }
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-packs{
    width:min(100%,350px) !important;
    height:270px !important;
  }
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-pack.back-left{left:5% !important;bottom:6px !important}
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-pack.back-right{left:31% !important;bottom:6px !important}
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-pack.front{right:4% !important;bottom:0 !important}
  body[data-page="offer"] .offer-close-copy .offer-close-visual-mobile .offer-close-badge{
    right:1% !important;
    top:18% !important;
    width:88px !important;
    height:88px !important;
  }
  body[data-page="offer"] .offer-close-pricecard{
    margin:8px 0 10px !important;
  }
  body[data-page="offer"] .offer-close-pricecard>strong{
    font-size:50px !important;
  }
  body[data-page="offer"] .offer-close-pricecard li{
    font-size:13px !important;
  }
  body[data-page="offer"] .offer-close-valuebar{
    font-size:12px !important;
  }
  body[data-page="offer"] .offer-close-v30 .cta{
    min-height:54px !important;
    font-size:16px !important;
  }
  body[data-page="offer"] .offer-close-confirm{
    color:#f4f7f2 !important;
    text-align:center !important;
    font-size:11px !important;
  }
  body[data-page="offer"] .offer-close-trust span,
  body[data-page="offer"] .offer-close-mini-footer{
    color:#fff !important;
  }
}


/* =========================================================
   OFFER SECTION 7 V32 — REMOVE TOP HIGHLIGHTED LOGO
   ========================================================= */
html body[data-page="offer"] .offer-close-v30 .offer-close-brand,
html body[data-page="offer"] .offer-close-v30 .offer-close-logo{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
html body[data-page="offer"] .offer-close-v30 .eyebrow{
  margin-top:0 !important;
}

/* =========================================================
   OFFER FOOTER V33 — WHITE SEPARATOR
   ========================================================= */
html body[data-page="offer"] .offer-close-mini-footer{
  position:relative !important;
  border-top:2px solid #ffffff !important;
  margin-top:18px !important;
  padding-top:16px !important;
  box-shadow:0 -1px 0 rgba(255,255,255,.22) !important;
}

html body[data-page="offer"] .offer-close-mini-footer::before{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-2px !important;
  height:2px !important;
  background:#ffffff !important;
  border-radius:999px !important;
  pointer-events:none !important;
}

@media(max-width:820px){
  html body[data-page="offer"] .offer-close-mini-footer{
    border-top:2px solid #ffffff !important;
    margin-top:16px !important;
    padding-top:14px !important;
  }
}

/* =========================================================
   ORDER PAGE HERO — REFERENCE MATCH V34
   ========================================================= */
body[data-page="order"]{
  background:#f5f7f4 !important;
}

body[data-page="order"] .site-header{
  width:90vw !important;
  max-width:none !important;
  height:92px !important;
  margin:20px auto 0 !important;
  padding:14px 34px !important;
  background:#fff !important;
  border-radius:22px 22px 0 0 !important;
  border:1px solid #d8e1d8 !important;
  border-bottom:0 !important;
  box-shadow:0 12px 30px rgba(27,69,35,.06) !important;
  position:relative !important;
  z-index:4 !important;
}

body[data-page="order"] .site-header img{
  width:132px !important;
  height:70px !important;
  object-fit:contain !important;
}

body[data-page="order"] .site-header .secure{
  color:#124a26 !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}

body[data-page="order"] .checkout-hero-v34{
  width:90vw !important;
  max-width:none !important;
  min-height:690px !important;
  margin:0 auto !important;
  padding:60px 5.5vw 46px !important;
  position:relative !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr) !important;
  align-items:center !important;
  gap:30px !important;
  border-radius:0 0 24px 24px !important;
  border:1px solid #d8e1d8 !important;
  border-top:0 !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.95) 35%,rgba(255,255,255,.72) 52%,rgba(255,255,255,.16) 71%,rgba(255,255,255,0) 100%),
    url('../assets/funnel/offer-hero-field-bg.png') center center/cover no-repeat !important;
  box-shadow:0 18px 42px rgba(27,69,35,.08) !important;
  text-align:left !important;
}

body[data-page="order"] .checkout-hero-v34::before{
  content:'' !important;
  position:absolute !important;
  left:-4% !important;
  right:-4% !important;
  top:-44px !important;
  height:80px !important;
  background:#fff !important;
  border-radius:0 0 50% 50% !important;
  z-index:0 !important;
  pointer-events:none !important;
}

body[data-page="order"] .checkout-hero-v34>*{
  position:relative !important;
  z-index:1 !important;
}

body[data-page="order"] .checkout-hero-copy-v34{
  max-width:700px !important;
}

body[data-page="order"] .checkout-hero-kicker{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  margin:0 0 18px !important;
  color:#20712f !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.22em !important;
  line-height:1.2 !important;
}

body[data-page="order"] .checkout-hero-kicker span{
  width:62px !important;
  height:2px !important;
  flex:0 0 62px !important;
  background:#21823a !important;
}

body[data-page="order"] .checkout-hero-v34 h1{
  margin:0 0 16px !important;
  color:#082f1b !important;
  font-size:clamp(56px,5.6vw,88px) !important;
  line-height:.92 !important;
  letter-spacing:-.045em !important;
  text-align:left !important;
}

body[data-page="order"] .checkout-hero-v34 h1 em{
  color:#0c5d2d !important;
}

body[data-page="order"] .checkout-hero-intro{
  max-width:650px !important;
  margin:0 0 24px !important;
  color:#44514a !important;
  font-size:20px !important;
  line-height:1.35 !important;
}

body[data-page="order"] .checkout-progress-v34{
  width:min(100%,620px) !important;
  margin:28px 0 24px !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:0 !important;
  position:relative !important;
}

body[data-page="order"] .checkout-progress-v34::before{
  content:'' !important;
  position:absolute !important;
  left:16.5% !important;
  right:16.5% !important;
  top:26px !important;
  height:5px !important;
  border-radius:999px !important;
  background:#c7cdca !important;
  z-index:0 !important;
}

body[data-page="order"] .checkout-progress-v34 span{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:9px !important;
  color:#7e8782 !important;
  font-size:14px !important;
  font-weight:900 !important;
}

body[data-page="order"] .checkout-progress-v34 span i{
  width:56px !important;
  height:56px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#b6bcbc !important;
  color:#fff !important;
  font-style:normal !important;
  font-size:29px !important;
  line-height:1 !important;
  box-shadow:0 4px 10px rgba(0,0,0,.08) !important;
}

body[data-page="order"] .checkout-progress-v34 span.active{
  color:#117027 !important;
}

body[data-page="order"] .checkout-progress-v34 span.active i{
  background:linear-gradient(180deg,#35aa32,#168322) !important;
}

body[data-page="order"] .checkout-progress-v34 span:first-child::after{
  content:'' !important;
  position:absolute !important;
  left:50% !important;
  top:26px !important;
  width:50% !important;
  height:5px !important;
  background:#15932a !important;
  z-index:-1 !important;
}

body[data-page="order"] .checkout-progress-v34 span b{
  color:inherit !important;
  font-size:13px !important;
  letter-spacing:.03em !important;
}

body[data-page="order"] .checkout-trust-v34{
  width:min(100%,870px) !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:0 !important;
  padding:16px 18px !important;
  border:1px solid #d9e5d4 !important;
  border-radius:18px !important;
  background:#f3f8ef !important;
  box-shadow:0 10px 24px rgba(30,73,37,.07) !important;
}

body[data-page="order"] .checkout-trust-v34>div{
  min-height:54px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  padding:0 18px !important;
}

body[data-page="order"] .checkout-trust-v34>div+div{
  border-left:1px solid #c3d4c0 !important;
}

body[data-page="order"] .checkout-trust-v34 i{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  color:#138331 !important;
  font-style:normal !important;
  font-size:27px !important;
  font-weight:900 !important;
}

body[data-page="order"] .checkout-trust-v34 b{
  color:#173c23 !important;
  font-size:12px !important;
  line-height:1.15 !important;
}

body[data-page="order"] .checkout-hero-product-v34{
  min-height:540px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  position:relative !important;
}

body[data-page="order"] .checkout-hero-product-v34::after{
  content:'' !important;
  position:absolute !important;
  left:7% !important;
  right:7% !important;
  bottom:5px !important;
  height:75px !important;
  border-radius:50% !important;
  background:radial-gradient(ellipse,rgba(48,50,25,.32),rgba(48,50,25,0) 70%) !important;
  filter:blur(4px) !important;
}

body[data-page="order"] .checkout-hero-pack-v34{
  position:relative !important;
  z-index:1 !important;
  width:min(100%,420px) !important;
  max-height:580px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 25px 30px rgba(0,0,0,.22)) !important;
}

body[data-page="order"] .checkout-layout{
  margin-top:34px !important;
}

@media(max-width:900px){
  body[data-page="order"] .site-header{
    width:100% !important;
    height:76px !important;
    margin:0 !important;
    padding:10px 20px !important;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
  }

  body[data-page="order"] .site-header img{
    width:100px !important;
    height:56px !important;
  }

  body[data-page="order"] .site-header .secure{
    font-size:11px !important;
  }

  body[data-page="order"] .checkout-hero-v34{
    width:100% !important;
    min-height:auto !important;
    margin:0 !important;
    padding:28px 16px 0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 42%,rgba(255,255,255,.80) 58%,rgba(255,255,255,.20) 74%,rgba(255,255,255,0) 100%),
      url('../assets/funnel/offer-hero-field-bg.png') center bottom/cover no-repeat !important;
    text-align:center !important;
  }

  body[data-page="order"] .checkout-hero-v34::before{
    display:none !important;
  }

  body[data-page="order"] .checkout-hero-copy-v34{
    width:100% !important;
    max-width:560px !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  body[data-page="order"] .checkout-hero-kicker{
    justify-content:center !important;
    gap:9px !important;
    font-size:10px !important;
    letter-spacing:.16em !important;
  }

  body[data-page="order"] .checkout-hero-kicker span{
    width:30px !important;
    flex-basis:30px !important;
  }

  body[data-page="order"] .checkout-hero-v34 h1{
    font-size:clamp(38px,10vw,54px) !important;
    line-height:.94 !important;
    text-align:center !important;
  }

  body[data-page="order"] .checkout-hero-intro{
    max-width:520px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:15px !important;
  }

  body[data-page="order"] .checkout-progress-v34{
    width:100% !important;
    max-width:420px !important;
    margin:20px auto 18px !important;
  }

  body[data-page="order"] .checkout-progress-v34::before{
    top:22px !important;
    height:4px !important;
  }

  body[data-page="order"] .checkout-progress-v34 span i{
    width:46px !important;
    height:46px !important;
    font-size:23px !important;
  }

  body[data-page="order"] .checkout-progress-v34 span:first-child::after{
    top:22px !important;
    height:4px !important;
  }

  body[data-page="order"] .checkout-progress-v34 span b{
    font-size:11px !important;
  }

  body[data-page="order"] .checkout-trust-v34{
    width:100% !important;
    max-width:520px !important;
    margin:0 auto !important;
    padding:12px 8px !important;
  }

  body[data-page="order"] .checkout-trust-v34>div{
    min-height:52px !important;
    gap:6px !important;
    padding:0 7px !important;
    flex-direction:column !important;
    text-align:center !important;
  }

  body[data-page="order"] .checkout-trust-v34 i{
    width:28px !important;
    height:28px !important;
    font-size:21px !important;
  }

  body[data-page="order"] .checkout-trust-v34 b{
    font-size:9px !important;
  }

  body[data-page="order"] .checkout-hero-product-v34{
    width:100% !important;
    min-height:330px !important;
    margin-top:4px !important;
  }

  body[data-page="order"] .checkout-hero-pack-v34{
    width:min(78vw,310px) !important;
    max-height:360px !important;
  }
}

@media(max-width:560px){
  body[data-page="order"] .checkout-hero-v34{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  body[data-page="order"] .checkout-hero-v34 h1{
    font-size:37px !important;
  }

  body[data-page="order"] .checkout-hero-intro{
    font-size:14px !important;
  }

  body[data-page="order"] .checkout-trust-v34 b{
    font-size:8px !important;
  }

  body[data-page="order"] .checkout-hero-product-v34{
    min-height:300px !important;
  }

  body[data-page="order"] .checkout-hero-pack-v34{
    width:min(82vw,290px) !important;
  }
}


/* =========================================================
   ORDER PAGE SECTION 2 — PROGRAM SELECTOR + SUMMARY V35
   Real HTML/CSS implementation matching provided reference.
   ========================================================= */
body[data-page="order"] .checkout-layout{
  width:90vw !important;
  max-width:1420px !important;
  margin:26px auto 46px !important;
  padding:22px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.65fr) minmax(330px,.82fr) !important;
  gap:18px !important;
  align-items:start !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#f4fbf1 0%,#eff8eb 100%) !important;
  border:1px solid #d9e8d4 !important;
  box-shadow:0 18px 36px rgba(29,83,38,.08) !important;
}

body[data-page="order"] .checkout-main{
  width:100% !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body[data-page="order"] .checkout-program-v35{
  min-height:100% !important;
  padding:28px 24px 22px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid #dbe7d7 !important;
  box-shadow:0 10px 26px rgba(29,72,36,.06) !important;
  text-align:center !important;
}

body[data-page="order"] .program-step-kicker{
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  gap:14px !important;
  max-width:650px !important;
  margin:0 auto 14px !important;
  color:#228527 !important;
}

body[data-page="order"] .program-step-kicker span{
  height:2px !important;
  background:#2c8d2c !important;
}

body[data-page="order"] .program-step-kicker b{
  font-size:15px !important;
  letter-spacing:.04em !important;
}

body[data-page="order"] .checkout-program-v35 h2{
  margin:0 auto 10px !important;
  color:#07361e !important;
  font-size:clamp(38px,4.1vw,62px) !important;
  line-height:.97 !important;
  text-transform:uppercase !important;
}

body[data-page="order"] .checkout-program-v35 h2 em{
  color:#07361e !important;
}

body[data-page="order"] .program-step-intro{
  margin:0 auto 20px !important;
  color:#536157 !important;
  font-size:18px !important;
}

body[data-page="order"] .quantity-control-v35{
  width:min(470px,100%) !important;
  margin:0 auto 10px !important;
  padding:10px 18px !important;
  display:grid !important;
  grid-template-columns:86px 1fr 86px !important;
  gap:16px !important;
  align-items:center !important;
  border-radius:18px !important;
  background:#eaf6e8 !important;
}

body[data-page="order"] .quantity-control-v35 button{
  width:68px !important;
  height:68px !important;
  display:grid !important;
  place-items:center !important;
  justify-self:center !important;
  border:0 !important;
  border-radius:50% !important;
  color:#fff !important;
  background:linear-gradient(180deg,#1d8d2f,#076122) !important;
  font-size:46px !important;
  font-weight:600 !important;
  line-height:1 !important;
  box-shadow:0 8px 16px rgba(13,99,36,.16) !important;
}

body[data-page="order"] .quantity-control-v35 input{
  height:72px !important;
  margin:0 !important;
  padding:0 10px !important;
  border:1px solid #dbe5d8 !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#0b4d24 !important;
  font-family:Poppins,Arial,sans-serif !important;
  font-size:52px !important;
  font-weight:900 !important;
  text-align:center !important;
  box-shadow:0 6px 14px rgba(22,73,30,.06) !important;
  -moz-appearance:textfield !important;
}

body[data-page="order"] .quantity-control-v35 input::-webkit-outer-spin-button,
body[data-page="order"] .quantity-control-v35 input::-webkit-inner-spin-button{
  -webkit-appearance:none !important;
  margin:0 !important;
}

body[data-page="order"] .program-hectare-rule{
  margin:0 0 18px !important;
  color:#15812a !important;
  font-size:17px !important;
  letter-spacing:.02em !important;
}

body[data-page="order"] .program-equation-v35{
  display:grid !important;
  grid-template-columns:minmax(170px,1fr) 36px minmax(135px,.76fr) 36px minmax(190px,1.05fr) !important;
  gap:8px !important;
  align-items:center !important;
  padding:20px 18px 14px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#f0f8ed 0%,#f7fbf5 100%) !important;
  border:1px solid #e0eadc !important;
}

body[data-page="order"] .program-equation-group{
  min-width:0 !important;
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
}

body[data-page="order"] .program-equation-group>b{
  margin-top:8px !important;
  color:#1a3e24 !important;
  font-size:13px !important;
  line-height:1.1 !important;
  text-align:center !important;
}

body[data-page="order"] .program-equation-group small{
  margin-top:6px !important;
  color:#69736b !important;
  font-size:10px !important;
}

body[data-page="order"] .program-packs-v35{
  height:190px !important;
  width:100% !important;
  position:relative !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
}

body[data-page="order"] .program-packs-v35 img{
  display:block !important;
  object-fit:contain !important;
  filter:drop-shadow(0 10px 13px rgba(0,0,0,.16)) !important;
}

body[data-page="order"] .program-packs-v35.two-packs img{
  width:47% !important;
  margin:0 -4% !important;
}

body[data-page="order"] .program-packs-v35.one-pack img{
  width:72% !important;
  max-width:130px !important;
}

body[data-page="order"] .program-packs-v35.three-packs img{
  width:38% !important;
  margin:0 -7% !important;
}

body[data-page="order"] .program-packs-v35.three-packs img:nth-child(2){
  transform:translateY(-5px) !important;
  z-index:2 !important;
}

body[data-page="order"] .program-free-tag-v35{
  position:absolute !important;
  top:-7px !important;
  right:14% !important;
  z-index:3 !important;
  padding:5px 13px !important;
  border-radius:999px !important;
  background:#ffd527 !important;
  color:#0d4b21 !important;
  font-size:13px !important;
  font-weight:900 !important;
  box-shadow:0 5px 12px rgba(168,126,0,.14) !important;
}

body[data-page="order"] .program-op-v35{
  color:#0e6f28 !important;
  font-family:Poppins,Arial,sans-serif !important;
  font-size:42px !important;
  font-weight:900 !important;
  text-align:center !important;
}

body[data-page="order"] .program-shipping-v35{
  margin-top:14px !important;
  min-height:52px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  border-radius:12px !important;
  background:linear-gradient(90deg,#e8f6e3,#def2d7) !important;
  color:#195426 !important;
  font-size:18px !important;
}

body[data-page="order"] .program-shipping-v35 span{
  font-size:29px !important;
}

body[data-page="order"] .program-example-v35{
  margin-top:12px !important;
  padding:13px 16px !important;
  display:grid !important;
  grid-template-columns:minmax(220px,1fr) auto !important;
  gap:16px !important;
  align-items:center !important;
  border-radius:12px !important;
  background:#f4f9f1 !important;
  border:1px solid #e2eadd !important;
  text-align:left !important;
}

body[data-page="order"] .program-example-v35 b{
  color:#175328 !important;
  font-size:14px !important;
}

body[data-page="order"] .program-example-v35 p{
  margin:2px 0 0 !important;
  color:#506055 !important;
  font-size:13px !important;
}

body[data-page="order"] .example-packs-v35{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
}

body[data-page="order"] .example-packs-v35>span{
  height:62px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
}

body[data-page="order"] .example-packs-v35 img{
  width:37px !important;
  height:60px !important;
  object-fit:contain !important;
  margin:0 -7px !important;
}

body[data-page="order"] .example-packs-v35 strong{
  color:#1d6b2d !important;
  font-size:30px !important;
}

body[data-page="order"] .order-summary-v35{
  position:sticky !important;
  top:18px !important;
  width:100% !important;
  padding:26px 22px 22px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid #dbe7d7 !important;
  box-shadow:0 10px 28px rgba(29,72,36,.06) !important;
}

body[data-page="order"] .order-summary-v35>h2{
  margin:0 !important;
  color:#0a3a20 !important;
  font-size:29px !important;
  line-height:1 !important;
  text-align:left !important;
}

body[data-page="order"] .summary-divider-v35{
  height:1px !important;
  margin:13px 0 16px !important;
  background:#dce5da !important;
}

body[data-page="order"] .summary-product-v35{
  display:grid !important;
  grid-template-columns:92px 1fr !important;
  gap:14px !important;
  align-items:start !important;
  text-align:left !important;
}

body[data-page="order"] .summary-product-v35>img{
  width:86px !important;
  height:128px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 7px 11px rgba(0,0,0,.11)) !important;
}

body[data-page="order"] .summary-product-v35 b{
  display:block !important;
  color:#172f1e !important;
  font-size:16px !important;
  line-height:1.15 !important;
}

body[data-page="order"] .summary-product-v35 p{
  margin:5px 0 10px !important;
  color:#667169 !important;
  font-size:13px !important;
}

body[data-page="order"] .summary-product-v35 span{
  display:block !important;
  color:#3a4b3f !important;
  font-size:14px !important;
}

body[data-page="order"] .summary-product-v35 strong{
  display:block !important;
  margin-top:4px !important;
  color:#168229 !important;
  font-size:14px !important;
}


body[data-page="order"] .summary-copy-v45{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

body[data-page="order"] .summary-title-v45{
  margin:0 !important;
}

body[data-page="order"] .summary-hectare-v45{
  margin:5px 0 10px !important;
  color:#667169 !important;
  font-size:13px !important;
}

body[data-page="order"] .summary-line-v45{
  display:block !important;
  margin:0 !important;
  color:#3a4b3f !important;
  font-size:14px !important;
  line-height:1.35 !important;
}

body[data-page="order"] .summary-bonus-v45{
  margin-top:3px !important;
  color:#168229 !important;
  font-weight:800 !important;
}

body[data-page="order"] .summary-next-v35 span[aria-hidden="true"]{
  display:inline-block !important;
  margin-left:6px !important;
}


body[data-page="order"] .summary-totals-v35{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:8px 18px !important;
  margin:0 !important;
  text-align:left !important;
}

body[data-page="order"] .summary-totals-v35 dt,
body[data-page="order"] .summary-totals-v35 dd{
  margin:0 !important;
  color:#47564c !important;
  font-size:15px !important;
}

body[data-page="order"] .summary-totals-v35 dd{
  color:#173621 !important;
  font-weight:800 !important;
  text-align:right !important;
}

body[data-page="order"] .summary-totals-v35 dd.green{
  color:#17852b !important;
}

body[data-page="order"] .summary-grand-total-v35{
  margin-top:14px !important;
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:12px 14px !important;
  border-radius:10px !important;
  background:linear-gradient(90deg,#edf8e8,#e0f3d8) !important;
  color:#0c4e21 !important;
}

body[data-page="order"] .summary-grand-total-v35 b{
  font-size:21px !important;
}

body[data-page="order"] .summary-grand-total-v35 strong{
  font-family:Poppins,Arial,sans-serif !important;
  font-size:30px !important;
}

body[data-page="order"] .summary-value-v35{
  margin:12px 0 18px !important;
  color:#647168 !important;
  font-size:13px !important;
  text-align:center !important;
}

body[data-page="order"] .summary-next-v35{
  width:100% !important;
  min-height:62px !important;
  border:0 !important;
  border-radius:11px !important;
  background:linear-gradient(180deg,#20a32c,#08721f) !important;
  color:#fff !important;
  font-size:17px !important;
  font-weight:900 !important;
  box-shadow:0 9px 18px rgba(15,115,35,.14) !important;
}

body[data-page="order"] .summary-secure-v35{
  margin:12px 0 0 !important;
  color:#657168 !important;
  font-size:11px !important;
  line-height:1.35 !important;
  text-align:center !important;
}

@media(max-width:900px){
  body[data-page="order"] .checkout-layout{
    width:100% !important;
    max-width:none !important;
    margin:18px 0 30px !important;
    padding:12px !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    border-radius:0 !important;
  }

  body[data-page="order"] .checkout-program-v35{
    padding:20px 14px 16px !important;
    border-radius:16px !important;
  }

  body[data-page="order"] .program-step-kicker{
    max-width:480px !important;
    gap:10px !important;
    margin-bottom:10px !important;
  }

  body[data-page="order"] .program-step-kicker b{
    font-size:12px !important;
  }

  body[data-page="order"] .checkout-program-v35 h2{
    font-size:clamp(28px,8vw,40px) !important;
  }

  body[data-page="order"] .program-step-intro{
    font-size:14px !important;
  }

  body[data-page="order"] .quantity-control-v35{
    max-width:330px !important;
    grid-template-columns:58px 1fr 58px !important;
    gap:10px !important;
    padding:8px 12px !important;
  }

  body[data-page="order"] .quantity-control-v35 button{
    width:52px !important;
    height:52px !important;
    font-size:34px !important;
  }

  body[data-page="order"] .quantity-control-v35 input{
    height:56px !important;
    font-size:40px !important;
  }

  body[data-page="order"] .program-hectare-rule{
    font-size:13px !important;
  }

  body[data-page="order"] .program-equation-v35{
    grid-template-columns:minmax(0,1fr) 24px minmax(0,.78fr) 24px minmax(0,1.05fr) !important;
    gap:3px !important;
    padding:14px 7px 10px !important;
  }

  body[data-page="order"] .program-packs-v35{
    height:120px !important;
  }

  body[data-page="order"] .program-equation-group>b{
    font-size:9px !important;
  }

  body[data-page="order"] .program-equation-group small{
    font-size:7px !important;
  }

  body[data-page="order"] .program-free-tag-v35{
    top:-3px !important;
    right:8% !important;
    padding:3px 7px !important;
    font-size:9px !important;
  }

  body[data-page="order"] .program-op-v35{
    font-size:24px !important;
  }

  body[data-page="order"] .program-shipping-v35{
    min-height:44px !important;
    font-size:13px !important;
  }

  body[data-page="order"] .program-shipping-v35 span{
    font-size:22px !important;
  }

  body[data-page="order"] .program-example-v35{
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:11px 12px !important;
  }

  body[data-page="order"] .program-example-v35 p{
    font-size:11px !important;
  }

  body[data-page="order"] .example-packs-v35{
    justify-content:center !important;
  }

  body[data-page="order"] .example-packs-v35 img{
    width:31px !important;
    height:50px !important;
  }

  body[data-page="order"] .order-summary-v35{
    position:static !important;
    padding:18px 14px 16px !important;
    border-radius:16px !important;
  }

  body[data-page="order"] .order-summary-v35>h2{
    font-size:22px !important;
  }

  body[data-page="order"] .summary-product-v35{
    grid-template-columns:72px 1fr !important;
    gap:10px !important;
  }

  body[data-page="order"] .summary-product-v35>img{
    width:65px !important;
    height:96px !important;
  }

  body[data-page="order"] .summary-product-v35 b{
    font-size:13px !important;
  }

  body[data-page="order"] .summary-product-v35 p,
  body[data-page="order"] .summary-product-v35 span,
  body[data-page="order"] .summary-product-v35 strong{
    font-size:11px !important;
  }

  body[data-page="order"] .summary-grand-total-v35 b{
    font-size:18px !important;
  }

  body[data-page="order"] .summary-grand-total-v35 strong{
    font-size:25px !important;
  }

  body[data-page="order"] .summary-next-v35{
    min-height:54px !important;
    font-size:15px !important;
  }
}

@media(max-width:560px){
  body[data-page="order"] .checkout-layout{
    padding:8px !important;
  }

  body[data-page="order"] .checkout-program-v35{
    padding:17px 10px 14px !important;
  }

  body[data-page="order"] .checkout-program-v35 h2{
    font-size:28px !important;
  }

  body[data-page="order"] .program-step-kicker b{
    font-size:10px !important;
  }

  body[data-page="order"] .program-step-kicker span{
    height:1px !important;
  }

  body[data-page="order"] .program-equation-v35{
    grid-template-columns:minmax(0,1fr) 18px minmax(0,.78fr) 18px minmax(0,1fr) !important;
  }

  body[data-page="order"] .program-packs-v35{
    height:102px !important;
  }

  body[data-page="order"] .program-packs-v35.one-pack img{
    max-width:75px !important;
  }

  body[data-page="order"] .program-op-v35{
    font-size:19px !important;
  }

  body[data-page="order"] .program-equation-group>b{
    font-size:8px !important;
  }

  body[data-page="order"] .program-hectare-rule{
    font-size:11px !important;
  }

  body[data-page="order"] .program-shipping-v35{
    font-size:11px !important;
  }
}


/* =========================================================
   ORDER SECTION 2 WIDTH MATCH V36
   Match the exact outer width of the Order Hero (90vw).
   ========================================================= */
body[data-page="order"] form.checkout-layout{
  width:90vw !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:900px){
  body[data-page="order"] form.checkout-layout{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* =========================================================
   ORDER STEP 2 — DELIVERY REBUILD V37
   Matches supplied desktop/mobile reference while preserving
   existing checkout fields, validation, totals and submission.
   ========================================================= */
body[data-page="order"] .checkout-delivery-v37{
  min-height:100% !important;
  padding:28px 24px 22px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid #dbe7d7 !important;
  box-shadow:0 10px 26px rgba(29,72,36,.06) !important;
  text-align:left !important;
}

body[data-page="order"] .delivery-step-kicker-v37{
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  gap:14px !important;
  max-width:650px !important;
  margin:0 auto 14px !important;
  color:#228527 !important;
}

body[data-page="order"] .delivery-step-kicker-v37 span{
  height:2px !important;
  background:#2c8d2c !important;
}

body[data-page="order"] .delivery-step-kicker-v37 b{
  font-size:15px !important;
  letter-spacing:.04em !important;
}

body[data-page="order"] .checkout-delivery-v37 h2{
  margin:0 auto 8px !important;
  color:#07361e !important;
  font-size:clamp(36px,3.55vw,56px) !important;
  line-height:.98 !important;
  text-align:center !important;
  text-transform:uppercase !important;
}

body[data-page="order"] .checkout-delivery-v37 h2 em{
  color:#16852b !important;
}

body[data-page="order"] .delivery-step-intro-v37{
  margin:0 auto 20px !important;
  color:#526158 !important;
  font-size:17px !important;
  line-height:1.35 !important;
  text-align:center !important;
}

body[data-page="order"] .delivery-section-title-v37{
  width:100% !important;
  margin:14px 0 12px !important;
  padding:9px 12px !important;
  border-radius:9px !important;
  background:linear-gradient(90deg,#e8f6e6 0%,#eff9ed 100%) !important;
  color:#0f4c25 !important;
  font-family:Poppins,Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
}

body[data-page="order"] .delivery-contact-grid-v37{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}

body[data-page="order"] .delivery-address-grid-v37{
  display:grid !important;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1.25fr) minmax(150px,.72fr) !important;
  gap:10px 12px !important;
}

body[data-page="order"] .delivery-address-grid-v37>label:nth-child(1){
  grid-column:1 / 2 !important;
}

body[data-page="order"] .delivery-address-grid-v37>label:nth-child(2){
  grid-column:2 / 4 !important;
}

body[data-page="order"] .delivery-address-grid-v37 .delivery-wide-v37{
  grid-column:1 / -1 !important;
}

body[data-page="order"] .delivery-address-grid-v37 .delivery-street-v37{
  grid-column:1 / 3 !important;
}

body[data-page="order"] .checkout-delivery-v37 label{
  min-width:0 !important;
  margin-bottom:0 !important;
  color:#183b24 !important;
  font-size:11px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
}

body[data-page="order"] .checkout-delivery-v37 input:not([type=checkbox]):not([type=radio]){
  height:48px !important;
  min-height:48px !important;
  margin-top:6px !important;
  padding:10px 13px !important;
  border:1px solid #c7d8c5 !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#1c3423 !important;
  font-size:14px !important;
  font-weight:500 !important;
  box-shadow:0 2px 7px rgba(24,72,31,.025) !important;
}

body[data-page="order"] .checkout-delivery-v37 input:not([type=checkbox]):not([type=radio]):focus{
  border-color:#33933a !important;
  box-shadow:0 0 0 3px rgba(51,147,58,.10) !important;
  outline:none !important;
}

body[data-page="order"] .delivery-input-wrap-v37{
  position:relative !important;
  display:block !important;
}

body[data-page="order"] .delivery-input-wrap-v37 input{
  padding-right:44px !important;
}

body[data-page="order"] .delivery-input-wrap-v37 i{
  display:none !important;
  position:absolute !important;
  right:11px !important;
  top:50% !important;
  width:22px !important;
  height:22px !important;
  margin-top:3px !important;
  transform:translateY(-50%) !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#1d912f !important;
  color:#fff !important;
  font-style:normal !important;
  font-size:13px !important;
  font-weight:900 !important;
}

body[data-page="order"] .delivery-input-wrap-v37:has(input:valid) i{
  display:grid !important;
}

body[data-page="order"] .delivery-saved-note-v37{
  margin:10px 0 16px !important;
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  padding:9px 13px !important;
  border-radius:10px !important;
  background:linear-gradient(90deg,#edf7ed,#e6f3e5) !important;
  color:#52645a !important;
}

body[data-page="order"] .delivery-saved-note-v37>span{
  width:26px !important;
  height:26px !important;
  flex:0 0 26px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#72aeb0 !important;
  color:#fff !important;
  font-family:Georgia,serif !important;
  font-size:17px !important;
  font-weight:900 !important;
}

body[data-page="order"] .delivery-saved-note-v37 p{
  margin:0 !important;
  font-size:12px !important;
  line-height:1.3 !important;
}

body[data-page="order"] .delivery-consent-v37{
  margin:10px 0 14px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  color:#344b3a !important;
  font-size:11px !important;
  font-weight:500 !important;
}

body[data-page="order"] .delivery-consent-v37 input{
  width:24px !important;
  height:24px !important;
  margin:0 !important;
  accent-color:#168c2d !important;
}

body[data-page="order"] .delivery-consent-v37 a{
  color:#12672a !important;
  font-weight:700 !important;
}

body[data-page="order"] .delivery-shipping-v37{
  min-height:62px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  padding:10px 14px !important;
  border-radius:12px !important;
  background:linear-gradient(90deg,#e8f6e3,#def2d7) !important;
  color:#154d23 !important;
  text-align:left !important;
}

body[data-page="order"] .delivery-shipping-v37>span{
  font-size:32px !important;
  line-height:1 !important;
}

body[data-page="order"] .delivery-shipping-v37 b{
  display:block !important;
  font-size:17px !important;
  line-height:1.05 !important;
}

body[data-page="order"] .delivery-shipping-v37 small{
  display:block !important;
  margin-top:4px !important;
  color:#55705b !important;
  font-size:10px !important;
  line-height:1.2 !important;
}

/* Checkout progress: completed steps turn into checks, current step stays numbered. */
body[data-page="order"] .checkout-progress-v34 span.completed{
  color:#117027 !important;
}

body[data-page="order"] .checkout-progress-v34 span.completed i{
  background:linear-gradient(180deg,#35aa32,#168322) !important;
  font-size:0 !important;
}

body[data-page="order"] .checkout-progress-v34 span.completed i::before{
  content:'✓' !important;
  font-size:28px !important;
  line-height:1 !important;
}

body[data-page="order"] .checkout-progress-v34 span:nth-child(2).completed::after{
  content:'' !important;
  position:absolute !important;
  left:50% !important;
  top:26px !important;
  width:50% !important;
  height:5px !important;
  background:#15932a !important;
  z-index:-1 !important;
}

/* Step-2 summary closer to the supplied reference. */
body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-product-v35 p{
  display:none !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-product-v35>div>span,
body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-product-v35>div>strong{
  display:none !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-product-v35 b::after{
  content:'  •  ' attr(data-pack-summary) !important;
}

@media(max-width:900px){
  body[data-page="order"] .checkout-delivery-v37{
    padding:20px 14px 16px !important;
    border-radius:16px !important;
  }

  body[data-page="order"] .delivery-step-kicker-v37{
    max-width:480px !important;
    gap:10px !important;
    margin-bottom:10px !important;
  }

  body[data-page="order"] .delivery-step-kicker-v37 b{
    font-size:12px !important;
  }

  body[data-page="order"] .checkout-delivery-v37 h2{
    font-size:clamp(28px,7.5vw,39px) !important;
  }

  body[data-page="order"] .delivery-step-intro-v37{
    font-size:14px !important;
  }

  body[data-page="order"] .delivery-contact-grid-v37,
  body[data-page="order"] .delivery-address-grid-v37{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body[data-page="order"] .delivery-address-grid-v37>label,
  body[data-page="order"] .delivery-address-grid-v37 .delivery-wide-v37,
  body[data-page="order"] .delivery-address-grid-v37 .delivery-street-v37{
    grid-column:1 !important;
  }

  body[data-page="order"] .delivery-section-title-v37{
    font-size:14px !important;
  }

  body[data-page="order"] .checkout-delivery-v37 input:not([type=checkbox]):not([type=radio]){
    height:46px !important;
    min-height:46px !important;
  }

  body[data-page="order"] .delivery-shipping-v37{
    justify-content:flex-start !important;
  }

  /* Compact order summary below the delivery form like the mobile reference. */
  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .order-summary-v35{
    padding:14px 12px 14px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .order-summary-v35>h2{
    font-size:18px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-product-v35{
    grid-template-columns:54px 1fr !important;
    gap:8px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-product-v35>img{
    width:48px !important;
    height:70px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-totals-v35,
  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-grand-total-v35,
  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-value-v35{
    font-size:11px !important;
  }
}

@media(max-width:560px){
  body[data-page="order"] .checkout-delivery-v37{
    padding:17px 10px 14px !important;
  }

  body[data-page="order"] .delivery-step-kicker-v37 b{
    font-size:10px !important;
  }

  body[data-page="order"] .delivery-step-kicker-v37 span{
    height:1px !important;
  }

  body[data-page="order"] .checkout-delivery-v37 h2{
    font-size:27px !important;
  }

  body[data-page="order"] .delivery-saved-note-v37 p{
    font-size:11px !important;
  }

  body[data-page="order"] .delivery-shipping-v37 b{
    font-size:14px !important;
  }
}

body[data-page="order"] .summary-pack-total-v37{
  display:none !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-pack-total-v37{
  display:block !important;
  margin:4px 0 6px !important;
  color:#53645a !important;
  font-size:13px !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-hectare-v45{
  margin:2px 0 8px !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-product-v35 b::after{
  content:none !important;
}

/* V37 address grid refinement to mirror reference proportions. */
@media(min-width:901px){
  body[data-page="order"] .delivery-address-grid-v37{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  body[data-page="order"] .delivery-address-grid-v37>label:nth-child(1){grid-column:1 / 3 !important;}
  body[data-page="order"] .delivery-address-grid-v37>label:nth-child(2){grid-column:3 / 5 !important;}
  body[data-page="order"] .delivery-address-grid-v37 .delivery-wide-v37{grid-column:1 / 5 !important;}
  body[data-page="order"] .delivery-address-grid-v37 .delivery-street-v37{grid-column:1 / 4 !important;}
}


/* =========================================================
   ORDER DELIVERY ADDRESS SELECTORS V38
   ========================================================= */
body[data-page="order"] .delivery-address-grid-v37 select{
  width:100% !important;
  min-height:48px !important;
  padding:0 42px 0 14px !important;
  border:1px solid #cfd9cf !important;
  border-radius:7px !important;
  background-color:#fff !important;
  color:#173d24 !important;
  font-size:14px !important;
  line-height:1.2 !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  background-image:
    linear-gradient(45deg,transparent 50%,#315c3a 50%),
    linear-gradient(135deg,#315c3a 50%,transparent 50%) !important;
  background-position:
    calc(100% - 18px) 20px,
    calc(100% - 12px) 20px !important;
  background-size:6px 6px,6px 6px !important;
  background-repeat:no-repeat !important;
}
body[data-page="order"] .delivery-address-grid-v37 select:focus{
  border-color:#2d9239 !important;
  box-shadow:0 0 0 3px rgba(45,146,57,.10) !important;
  outline:none !important;
}
body[data-page="order"] .delivery-address-grid-v37 select:disabled{
  background-color:#f2f5f1 !important;
  color:#8c998e !important;
  cursor:not-allowed !important;
}
body[data-page="order"] .delivery-address-grid-v37 select.is-loading{
  background-color:#f6faf4 !important;
  color:#57715d !important;
}


/* V42 address cascade loading states */
body[data-page="order"] select.is-loading{
  cursor:progress !important;
  opacity:.78 !important;
}
body[data-page="order"] #delivery-city-v39:disabled,
body[data-page="order"] #delivery-barangay-v39:disabled{
  cursor:not-allowed !important;
}


/* V44 complete Philippine address selectors */
body[data-page="order"] #delivery-province-v39,
body[data-page="order"] #delivery-city-v39,
body[data-page="order"] #delivery-barangay-v39{
  width:100%;
  text-overflow:ellipsis;
}
body[data-page="order"] select.is-loading{
  cursor:progress!important;
  opacity:.72;
}


/* =========================================================
   ORDER STEP 2 SUMMARY — REFERENCE MATCH V46
   Applies ONLY while Delivery (Step 2) is visible.
   ========================================================= */
body[data-page="order"] .summary-mobile-price-v46{
  display:none !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .order-summary-v35{
  padding:28px 24px 24px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid #dbe7d7 !important;
  box-shadow:0 10px 28px rgba(29,72,36,.06) !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .order-summary-v35>h2{
  margin:0 !important;
  font-size:29px !important;
  line-height:1 !important;
  color:#0a3a20 !important;
  text-align:left !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-divider-v35{
  margin:14px 0 17px !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-product-v35{
  display:grid !important;
  grid-template-columns:94px minmax(0,1fr) !important;
  gap:15px !important;
  align-items:center !important;
  padding:0 !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-product-v35>img{
  width:88px !important;
  height:132px !important;
  object-fit:contain !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-title-v45{
  font-size:16px !important;
  line-height:1.15 !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-pack-total-v37{
  display:block !important;
  margin:6px 0 0 !important;
  color:#5d685f !important;
  font-size:13px !important;
  line-height:1.25 !important;
}

/* Reference Step 2 shows only the compact pack total, not the Step 1 breakdown. */
body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-hectare-v45,
body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-line-v45{
  display:none !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-totals-v35{
  margin:0 !important;
  gap:10px 18px !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-totals-v35 dt,
body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-totals-v35 dd{
  font-size:15px !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-grand-total-v35{
  min-height:58px !important;
  margin-top:16px !important;
  padding:12px 14px !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-grand-total-v35 b{
  font-size:21px !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-grand-total-v35 strong{
  font-size:30px !important;
}

/* Product-value line is not shown in the supplied Step 2 reference. */
body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-value-v35{
  display:none !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-next-v35{
  margin-top:18px !important;
  min-height:62px !important;
  font-size:17px !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-secure-v35{
  margin-top:13px !important;
  font-size:11px !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) #prev-step{
  margin-top:6px !important;
  padding:14px 0 0 !important;
  color:#203527 !important;
}

@media(max-width:900px){
  /* Mobile Step 2 reference uses a compact order-summary card below the address form. */
  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .order-summary-v35{
    padding:13px 12px 15px !important;
    border-radius:14px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .order-summary-v35>h2{
    position:relative !important;
    padding-right:26px !important;
    font-size:18px !important;
    line-height:1.1 !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .order-summary-v35>h2::after{
    content:'⌃' !important;
    position:absolute !important;
    right:2px !important;
    top:-2px !important;
    color:#174c27 !important;
    font-size:20px !important;
    font-weight:900 !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-divider-v35{
    margin:8px 0 10px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-product-v35{
    grid-template-columns:48px minmax(0,1fr) auto !important;
    gap:9px !important;
    align-items:center !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-product-v35>img{
    width:44px !important;
    height:62px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-title-v45{
    font-size:11px !important;
    line-height:1.15 !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-pack-total-v37{
    margin:3px 0 0 !important;
    font-size:10px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-mobile-price-v46{
    display:block !important;
    align-self:center !important;
    color:#122e1b !important;
    font-size:16px !important;
    white-space:nowrap !important;
  }

  /* The mobile reference keeps the Step 2 summary compact. */
  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-totals-v35,
  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-grand-total-v35,
  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-value-v35{
    display:none !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-next-v35{
    min-height:48px !important;
    margin-top:10px !important;
    font-size:13px !important;
    border-radius:9px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-secure-v35{
    margin-top:8px !important;
    font-size:9px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) #prev-step{
    padding-top:10px !important;
    font-size:10px !important;
  }
}


/* =========================================================
   V47 — STEP 2 ORDER SUMMARY — EXACT REFERENCE PASS
   Scoped ONLY while Delivery / Step 2 is visible.
   ========================================================= */
body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .order-summary-v35{
  align-self:stretch !important;
  min-height:100% !important;
  padding:30px 24px 24px !important;
  border:1px solid #d8e5d6 !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:none !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .order-summary-v35>h2{
  margin:0 !important;
  color:#0a3b21 !important;
  font-size:30px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:-.025em !important;
  text-align:left !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-divider-v35{
  height:1px !important;
  margin:14px 0 17px !important;
  background:#d9e3d8 !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-product-v35{
  display:grid !important;
  grid-template-columns:90px minmax(0,1fr) !important;
  gap:16px !important;
  align-items:center !important;
  min-height:132px !important;
  padding:0 !important;
  border:0 !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-product-v35>img{
  width:84px !important;
  height:128px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.10)) !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-copy-v45{
  display:block !important;
  min-width:0 !important;
  text-align:left !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-title-v45{
  display:block !important;
  margin:0 !important;
  color:#162d1d !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
}

/* Critical reference fix: quantity must stay inline with “Program ×”. */
body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-title-v45 [data-count],
body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-pack-total-v37 [data-packs]{
  display:inline !important;
  color:inherit !important;
  font:inherit !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-pack-total-v37{
  display:block !important;
  margin:6px 0 0 !important;
  color:#56635a !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1.25 !important;
}

/* The Step 2 reference shows only product name + total packs. */
body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-hectare-v45,
body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-line-v45{
  display:none !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-totals-v35{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:11px 18px !important;
  margin:0 !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-totals-v35 dt,
body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-totals-v35 dd{
  margin:0 !important;
  font-size:16px !important;
  line-height:1.2 !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-totals-v35 dt{
  color:#45544a !important;
  font-weight:500 !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-totals-v35 dd{
  color:#172e1d !important;
  font-weight:800 !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-totals-v35 dd.green{
  color:#15902a !important;
  font-size:18px !important;
  font-weight:900 !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-grand-total-v35{
  min-height:60px !important;
  margin:18px 0 0 !important;
  padding:12px 14px !important;
  border-radius:10px !important;
  background:linear-gradient(90deg,#eef8ea 0%,#e1f3da 100%) !important;
  box-shadow:none !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-grand-total-v35 b{
  color:#0e5124 !important;
  font-size:22px !important;
  font-weight:900 !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-grand-total-v35 strong{
  color:#0c4920 !important;
  font-size:31px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-value-v35{
  display:none !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-next-v35{
  width:100% !important;
  min-height:62px !important;
  margin:18px 0 0 !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,#20a32e 0%,#0a7921 100%) !important;
  color:#fff !important;
  font-size:17px !important;
  font-weight:900 !important;
  letter-spacing:-.015em !important;
  box-shadow:0 8px 16px rgba(16,119,37,.13) !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-secure-v35{
  margin:14px 0 0 !important;
  color:#58665e !important;
  font-size:11px !important;
  line-height:1.3 !important;
  text-align:center !important;
}

body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) #prev-step{
  width:100% !important;
  margin:17px 0 0 !important;
  padding:16px 0 0 !important;
  border-top:1px solid #dce5da !important;
  color:#1d3425 !important;
  font-size:12px !important;
  font-weight:500 !important;
  text-align:center !important;
}

@media(max-width:900px){
  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .order-summary-v35{
    min-height:0 !important;
    padding:12px 11px 14px !important;
    border-radius:12px !important;
    box-shadow:none !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .order-summary-v35>h2{
    position:relative !important;
    padding-right:28px !important;
    font-size:17px !important;
    line-height:1.1 !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .order-summary-v35>h2::after{
    content:'⌃' !important;
    position:absolute !important;
    right:2px !important;
    top:-2px !important;
    color:#154526 !important;
    font-size:19px !important;
    font-weight:900 !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-divider-v35{
    margin:7px 0 8px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-product-v35{
    grid-template-columns:44px minmax(0,1fr) auto !important;
    gap:8px !important;
    min-height:58px !important;
    align-items:center !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-product-v35>img{
    width:40px !important;
    height:58px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-title-v45{
    font-size:10.5px !important;
    line-height:1.14 !important;
    white-space:normal !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-pack-total-v37{
    margin-top:2px !important;
    color:#526159 !important;
    font-size:9.5px !important;
    line-height:1.1 !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-mobile-price-v46{
    display:block !important;
    align-self:center !important;
    color:#132d1a !important;
    font-size:15px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-mobile-price-v46 [data-total]{
    display:inline !important;
  }

  /* Desktop-only subtotal/total blocks disappear in the compact mobile reference. */
  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-totals-v35,
  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-grand-total-v35,
  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-value-v35{
    display:none !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-next-v35{
    min-height:47px !important;
    margin-top:9px !important;
    border-radius:8px !important;
    font-size:13px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .summary-secure-v35{
    margin-top:7px !important;
    font-size:9px !important;
    line-height:1.25 !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) #prev-step{
    margin-top:8px !important;
    padding-top:9px !important;
    font-size:10px !important;
  }
}

@media(max-width:560px){
  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .order-summary-v35{
    padding:10px 9px 12px !important;
  }
  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .order-summary-v35>h2{
    font-size:16px !important;
  }
}


/* =========================================================
   V48 — ORDER SUMMARY TEXT/SPACING HARD FIX
   Keeps all dynamic quantities inline so labels never render as:
   "Para sa1hektarya", "2Program Packs", or "+1FREE Bonus Pack".
   ========================================================= */
body[data-page="order"] .summary-copy-v45 .summary-title-v45 [data-count],
body[data-page="order"] .summary-copy-v45 .summary-pack-total-v37 [data-packs],
body[data-page="order"] .summary-copy-v45 .summary-hectare-v45 [data-count],
body[data-page="order"] .summary-copy-v45 .summary-line-v45 [data-paid],
body[data-page="order"] .summary-copy-v45 .summary-line-v45 [data-count]{
  display:inline !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:inherit !important;
  font:inherit !important;
  line-height:inherit !important;
  white-space:nowrap !important;
}

body[data-page="order"] .summary-copy-v45 .summary-title-v45,
body[data-page="order"] .summary-copy-v45 .summary-hectare-v45,
body[data-page="order"] .summary-copy-v45 .summary-line-v45,
body[data-page="order"] .summary-copy-v45 .summary-pack-total-v37{
  word-spacing:normal !important;
  letter-spacing:normal !important;
}

/* Step 1/reference summary: preserve each detail as its own readable row. */
body[data-page="order"] .checkout-program-v35:not([hidden]) ~ * .summary-copy-v45{
  min-width:0 !important;
}

body[data-page="order"] .summary-hectare-v45{
  line-height:1.35 !important;
}

body[data-page="order"] .summary-line-v45{
  line-height:1.35 !important;
}


/* =========================================================
   ORDER FINAL REVIEW — REFERENCE MATCH V49
   ========================================================= */
body[data-page="order"] .summary-review-title-v49,
body[data-page="order"] .review-included-v49,
body[data-page="order"] .review-consents-v49,
body[data-page="order"] .review-submit-note-v49{display:none !important;}

body[data-page="order"] .checkout-review-v49{
  padding:22px 18px 0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-align:left !important;
}
body[data-page="order"] .review-step-kicker-v49{
  display:grid !important;grid-template-columns:1fr auto 1fr !important;align-items:center !important;gap:14px !important;
  margin:0 4px 10px !important;color:#14832a !important;
}
body[data-page="order"] .review-step-kicker-v49 span{height:2px !important;background:#278c33 !important;}
body[data-page="order"] .review-step-kicker-v49 b{font-size:15px !important;letter-spacing:.05em !important;}
body[data-page="order"] .checkout-review-v49>h2{
  margin:0 !important;color:#081f15 !important;font-size:clamp(34px,3.5vw,52px) !important;line-height:.96 !important;text-align:center !important;text-transform:uppercase !important;
}
body[data-page="order"] .review-step-intro-v49{
  margin:8px 0 20px !important;color:#354d83 !important;font-size:18px !important;text-align:center !important;
}
body[data-page="order"] .review-card-v49{
  margin:0 0 14px !important;padding:14px 16px !important;border:1px solid #cbdcf1 !important;border-radius:10px !important;background:#fff !important;box-shadow:none !important;
}
body[data-page="order"] .review-card-head-v49{
  display:grid !important;grid-template-columns:56px 1fr auto !important;align-items:center !important;gap:12px !important;margin-bottom:10px !important;
}
body[data-page="order"] .review-icon-v49{
  width:52px !important;height:52px !important;display:grid !important;place-items:center !important;border-radius:12px !important;background:#e8f8ed !important;color:#07742b !important;font-size:28px !important;line-height:1 !important;
}
body[data-page="order"] .review-payment-icon-v49{font-size:34px !important;font-weight:900 !important;}
body[data-page="order"] .review-card-head-v49 h3{
  margin:0 !important;color:#0c2417 !important;font-size:25px !important;line-height:1 !important;
}
body[data-page="order"] .review-card-head-v49 button{
  float:none !important;justify-self:end !important;border:0 !important;background:none !important;color:#153d93 !important;font-size:14px !important;font-weight:800 !important;text-decoration:underline !important;
}
body[data-page="order"] .review-program-body-v49{
  display:grid !important;grid-template-columns:105px 1fr !important;gap:18px !important;align-items:center !important;padding:0 4px 2px !important;
}
body[data-page="order"] .review-program-pack-v49{width:95px !important;height:142px !important;object-fit:contain !important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.14)) !important;}
body[data-page="order"] .review-program-body-v49 p,
body[data-page="order"] .review-detail-v49{margin:0 0 4px !important;color:#223a78 !important;font-size:16px !important;line-height:1.45 !important;white-space:pre-line !important;}
body[data-page="order"] .review-program-body-v49 .review-main-line-v49{color:#132d70 !important;font-weight:700 !important;}
body[data-page="order"] .review-program-body-v49 b{display:block !important;margin-top:6px !important;color:#09822d !important;font-size:18px !important;}
body[data-page="order"] .review-detail-v49{padding-left:68px !important;color:#183772 !important;}
body[data-page="order"] .review-payment-v49 .review-detail-v49{font-weight:600 !important;}
body[data-page="order"] .review-trust-strip-v49{
  display:grid !important;grid-template-columns:1.8fr repeat(3,.7fr) !important;gap:12px !important;align-items:center !important;margin:4px -4px 0 !important;padding:12px 8px 4px !important;color:#0a5429 !important;
}
body[data-page="order"] .review-trust-strip-v49>div{display:flex !important;align-items:center !important;gap:8px !important;}
body[data-page="order"] .review-trust-strip-v49 span{font-size:23px !important;}
body[data-page="order"] .review-trust-strip-v49 b{display:block !important;font-size:13px !important;}
body[data-page="order"] .review-trust-strip-v49 small{display:block !important;font-size:9px !important;line-height:1.2 !important;}

/* Switch the right card from ORDER SUMMARY to PAYMENT SUMMARY only on Final Review. */
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])){
  grid-template-columns:minmax(0,1.55fr) minmax(330px,.8fr) !important;
  background:linear-gradient(180deg,#eefaf1,#e7f7ed) !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .order-summary-v35{
  padding:20px 16px 18px !important;border-radius:12px !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-default-title-v49,
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-product-v35,
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-product-divider-v49{display:none !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-review-title-v49{display:inline !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .order-summary-v35>h2{
  color:#0e2b1a !important;font-size:26px !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-divider-v35{margin:8px 0 14px !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-totals-v35 dt,
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-totals-v35 dd{font-size:17px !important;color:#203b76 !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-totals-v35 dd{color:#142444 !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-totals-v35 dd.green{color:#15912f !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-grand-total-v35{
  min-height:58px !important;margin-top:12px !important;padding:10px 12px !important;border-radius:6px !important;background:linear-gradient(90deg,#e6f7e8,#ddf3e3) !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-grand-total-v35 b{font-size:25px !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-grand-total-v35 strong{font-size:32px !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-value-v35{
  display:flex !important;align-items:center !important;justify-content:center !important;gap:5px !important;margin:6px 0 10px !important;padding:10px 8px !important;border-radius:6px !important;background:#e2f6e7 !important;color:#173e25 !important;font-size:13px !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-gift-icon-v49{font-size:22px !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .review-included-v49{display:block !important;padding:6px 6px 10px !important;border-top:1px solid #d7e1d9 !important;}
body[data-page="order"] .review-included-title-v49{margin:0 0 7px !important;color:#21332a !important;font-size:12px !important;font-weight:900 !important;}
body[data-page="order"] .review-included-v49 p{display:flex !important;align-items:center !important;gap:9px !important;margin:7px 0 !important;color:#294580 !important;font-size:12px !important;}
body[data-page="order"] .review-included-v49 i{width:20px !important;height:20px !important;display:grid !important;place-items:center !important;border-radius:50% !important;background:#159432 !important;color:#fff !important;font-style:normal !important;font-weight:900 !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .review-consents-v49{display:block !important;}
body[data-page="order"] .review-consent-v49{display:grid !important;grid-template-columns:30px 1fr !important;gap:8px !important;align-items:start !important;margin:7px 0 !important;padding:10px !important;border:1px solid #cddceb !important;border-radius:7px !important;background:#fff !important;color:#294580 !important;font-size:10px !important;line-height:1.35 !important;}
body[data-page="order"] .review-consent-v49 input{width:28px !important;height:28px !important;margin:0 !important;accent-color:#12882d !important;}
body[data-page="order"] .review-consent-v49 a{color:#12469b !important;text-decoration:underline !important;}
body[data-page="order"] .review-marketing-v49 input{accent-color:#fff !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) #next-step{display:none !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) #submit-order{display:block !important;min-height:54px !important;margin-top:10px !important;font-size:16px !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .review-submit-note-v49{display:block !important;margin:7px 4px !important;color:#405c95 !important;font-size:10px !important;line-height:1.3 !important;text-align:center !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-secure-v35{margin:8px 0 0 !important;color:#314d86 !important;font-size:10px !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) #prev-step{padding:10px 0 0 !important;color:#19367f !important;font-size:12px !important;font-weight:700 !important;}

/* 4-step progress */
body[data-page="order"] .checkout-progress-v34{max-width:620px !important;grid-template-columns:repeat(4,1fr) !important;}
body[data-page="order"] .checkout-progress-v34 span{position:relative !important;z-index:1 !important;}

@media(max-width:900px){
  body[data-page="order"] .checkout-review-v49{padding:16px 8px 0 !important;}
  body[data-page="order"] .checkout-review-v49>h2{font-size:32px !important;}
  body[data-page="order"] .review-step-intro-v49{font-size:14px !important;margin-bottom:10px !important;}
  body[data-page="order"] .review-card-v49{padding:8px 10px !important;margin-bottom:8px !important;}
  body[data-page="order"] .review-card-head-v49{grid-template-columns:44px 1fr 26px !important;gap:8px !important;margin:0 !important;}
  body[data-page="order"] .review-icon-v49{width:40px !important;height:40px !important;border-radius:8px !important;font-size:22px !important;}
  body[data-page="order"] .review-card-head-v49 h3{font-size:17px !important;}
  body[data-page="order"] .review-card-head-v49 button{font-size:0 !important;text-decoration:none !important;}
  body[data-page="order"] .review-card-head-v49 button::after{content:'⌄' !important;font-size:22px !important;color:#0f347d !important;}
  body[data-page="order"] .review-program-body-v49{grid-template-columns:58px 1fr !important;gap:8px !important;padding:4px 0 0 !important;}
  body[data-page="order"] .review-program-pack-v49{width:52px !important;height:70px !important;}
  body[data-page="order"] .review-program-body-v49 p{font-size:11px !important;margin-bottom:2px !important;}
  body[data-page="order"] .review-program-body-v49 p:nth-of-type(2),
  body[data-page="order"] .review-program-body-v49 p:nth-of-type(3){display:none !important;}
  body[data-page="order"] .review-program-body-v49 b{font-size:12px !important;margin-top:2px !important;}
  body[data-page="order"] .review-detail-v49{padding-left:48px !important;margin:0 !important;font-size:11px !important;line-height:1.3 !important;max-height:1.5em !important;overflow:hidden !important;}
  body[data-page="order"] .review-delivery-v49 .review-detail-v49{font-weight:600 !important;}
  body[data-page="order"] .review-payment-v49 .review-detail-v49{font-weight:600 !important;}
  body[data-page="order"] .review-trust-strip-v49{display:none !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])){grid-template-columns:1fr !important;padding:8px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .order-summary-v35{padding:10px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .order-summary-v35>h2{font-size:17px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-totals-v35 dt,
  body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-totals-v35 dd{font-size:13px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-grand-total-v35{min-height:44px !important;margin-top:7px !important;padding:7px 10px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-grand-total-v35 b{font-size:18px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-grand-total-v35 strong{font-size:25px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .summary-value-v35{margin:4px 0 6px !important;padding:7px !important;font-size:10px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) .review-included-v49{display:none !important;}
  body[data-page="order"] .review-consent-v49{grid-template-columns:28px 1fr !important;margin:5px 0 !important;padding:8px !important;font-size:9px !important;}
  body[data-page="order"] .review-consent-v49 input{width:24px !important;height:24px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-review-v49:not([hidden])) #submit-order{min-height:46px !important;margin-top:7px !important;font-size:13px !important;}
  body[data-page="order"] .checkout-progress-v34{max-width:420px !important;}
  body[data-page="order"] .checkout-progress-v34 span i{width:38px !important;height:38px !important;font-size:18px !important;}
  body[data-page="order"] .checkout-progress-v34 span b{font-size:8px !important;}
}

@media(max-width:560px){
  body[data-page="order"] .checkout-review-v49>h2{font-size:27px !important;line-height:.95 !important;}
  body[data-page="order"] .review-step-kicker-v49{gap:8px !important;margin-bottom:6px !important;}
  body[data-page="order"] .review-step-kicker-v49 b{font-size:11px !important;}
  body[data-page="order"] .review-step-intro-v49{font-size:12px !important;}
  body[data-page="order"] .checkout-progress-v34{gap:4px !important;}
  body[data-page="order"] .checkout-progress-v34 span i{width:34px !important;height:34px !important;font-size:16px !important;}
}


/* =========================================================
   ORDER PAYMENT — REFERENCE MATCH V50
   ========================================================= */
body[data-page="order"] .checkout-payment-v50{
  padding:26px 18px 18px !important;
  background:#fff !important;
  border:1px solid #d7e6d7 !important;
  border-radius:16px !important;
  box-shadow:0 8px 22px rgba(25,72,33,.04) !important;
  text-align:center !important;
}
body[data-page="order"] .payment-step-kicker-v50{
  display:grid !important;grid-template-columns:1fr auto 1fr !important;align-items:center !important;gap:14px !important;
  margin:0 2px 12px !important;color:#14852c !important;
}
body[data-page="order"] .payment-step-kicker-v50 span{height:2px !important;background:#238a32 !important;}
body[data-page="order"] .payment-step-kicker-v50 b{font-size:15px !important;letter-spacing:.04em !important;}
body[data-page="order"] .checkout-payment-v50>h2{
  margin:0 !important;color:#0a2617 !important;font-size:clamp(35px,3.45vw,52px) !important;line-height:.98 !important;text-transform:uppercase !important;
}
body[data-page="order"] .payment-step-intro-v50{
  margin:8px 0 22px !important;color:#334d83 !important;font-size:17px !important;
}
body[data-page="order"] .payment-options-v50{display:grid !important;gap:12px !important;text-align:left !important;}
body[data-page="order"] .payment-choice-v50{
  position:relative !important;display:grid !important;grid-template-columns:46px 1fr !important;gap:12px !important;align-items:start !important;
  margin:0 !important;padding:18px 18px !important;border:1px solid #cad8e6 !important;border-radius:11px !important;background:#fff !important;cursor:pointer !important;
}
body[data-page="order"] .payment-choice-v50:has(input:checked),
body[data-page="order"] .payment-choice-ewallet-v50:has(#ewallet-choice-v50:checked){
  border:2px solid #168d2e !important;padding:17px !important;background:linear-gradient(180deg,#f6fff4,#effbed) !important;
}
body[data-page="order"] .payment-choice-v50>input{position:absolute !important;opacity:0 !important;pointer-events:none !important;}
body[data-page="order"] .payment-radio-ui-v50{
  width:32px !important;height:32px !important;border:3px solid #8b9bac !important;border-radius:50% !important;background:#fff !important;box-sizing:border-box !important;margin-top:1px !important;
}
body[data-page="order"] .payment-choice-v50:has(input:checked) .payment-radio-ui-v50,
body[data-page="order"] .payment-choice-ewallet-v50:has(#ewallet-choice-v50:checked) .payment-radio-ui-v50{
  border-color:#11902e !important;box-shadow:inset 0 0 0 6px #fff !important;background:#11902e !important;
}
body[data-page="order"] .payment-choice-copy-v50{min-width:0 !important;display:block !important;}
body[data-page="order"] .payment-choice-copy-v50>b{
  display:flex !important;align-items:center !important;gap:12px !important;color:#0b2918 !important;font-size:25px !important;line-height:1.05 !important;
}
body[data-page="order"] .payment-choice-copy-v50>b small{
  margin-left:auto !important;padding:7px 14px !important;border-radius:16px !important;background:#ccefc9 !important;color:#1a6e27 !important;font-size:11px !important;font-weight:900 !important;
}
body[data-page="order"] .payment-choice-copy-v50 p{margin:5px 0 9px !important;color:#3e568a !important;font-size:15px !important;}
body[data-page="order"] .payment-choice-copy-v50 em{
  display:flex !important;align-items:center !important;gap:8px !important;margin:0 !important;padding:8px 11px !important;border-radius:7px !important;background:#eef7f6 !important;color:#536a83 !important;font-size:12px !important;font-style:normal !important;
}
body[data-page="order"] .payment-choice-copy-v50 em i{
  width:22px !important;height:22px !important;display:grid !important;place-items:center !important;flex:0 0 22px !important;border-radius:50% !important;background:#6daeb0 !important;color:#fff !important;font-family:Georgia,serif !important;font-style:normal !important;font-weight:900 !important;
}
body[data-page="order"] .payment-choice-v50.is-disabled{opacity:.58 !important;cursor:not-allowed !important;}
body[data-page="order"] .payment-provider-radios-v50{display:none !important;}

body[data-page="order"] .ewallet-guide-v50{
  margin-top:14px !important;padding:14px 16px 16px !important;border:1px solid #d6e1eb !important;border-radius:12px !important;background:linear-gradient(180deg,#f9fbfd,#f3f7fa) !important;text-align:left !important;
}
body[data-page="order"] .ewallet-guide-title-v50{
  display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:13px !important;color:#122a60 !important;font-size:17px !important;font-weight:900 !important;
}
body[data-page="order"] .ewallet-steps-v50{
  display:grid !important;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr !important;align-items:center !important;gap:5px !important;margin-bottom:14px !important;text-align:center !important;
}
body[data-page="order"] .ewallet-steps-v50>div{min-width:0 !important;}
body[data-page="order"] .ewallet-steps-v50 i{
  width:42px !important;height:42px !important;display:grid !important;place-items:center !important;margin:0 auto 6px !important;border-radius:50% !important;background:#fff !important;color:#129136 !important;font-size:25px !important;font-style:normal !important;box-shadow:0 3px 10px rgba(17,82,40,.06) !important;
}
body[data-page="order"] .ewallet-steps-v50 p{margin:0 !important;color:#233c72 !important;font-size:11px !important;line-height:1.3 !important;}
body[data-page="order"] .ewallet-steps-v50>strong{color:#19346f !important;font-size:22px !important;}
body[data-page="order"] .wallet-account-v50{
  margin:0 0 12px !important;padding:10px !important;border-radius:8px !important;background:#eef7ff !important;color:#193b68 !important;font-size:12px !important;
}
body[data-page="order"] .wallet-account-v50 .wallet-instructions{background:transparent !important;padding:0 !important;}
body[data-page="order"] .upload-box-v50{
  position:relative !important;min-height:112px !important;margin:0 !important;padding:16px 12px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;
  border:1.5px dashed #aebfd0 !important;border-radius:8px !important;background:#fbfdff !important;color:#314c7c !important;text-align:center !important;cursor:pointer !important;
}
body[data-page="order"] .upload-box-v50.is-disabled{opacity:.48 !important;cursor:not-allowed !important;}
body[data-page="order"] .upload-cloud-v50{font-size:36px !important;line-height:1 !important;color:#8fa5b7 !important;}
body[data-page="order"] .upload-box-v50 b{margin-top:4px !important;font-size:14px !important;}
body[data-page="order"] .upload-box-v50 small{font-size:10px !important;}
body[data-page="order"] .upload-box-v50 em{margin-top:4px !important;color:#64788f !important;font-size:9px !important;font-style:normal !important;}
body[data-page="order"] .upload-box-v50 input{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;opacity:0 !important;cursor:pointer !important;}
body[data-page="order"] .upload-box-v50 input:disabled{cursor:not-allowed !important;}

/* Step 3 payment summary */
body[data-page="order"] .summary-deliver-to-v50,
body[data-page="order"] .summary-payment-method-v50{display:none !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])){
  grid-template-columns:minmax(0,1.55fr) minmax(330px,.8fr) !important;background:linear-gradient(180deg,#f1faee,#edf7ea) !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-product-v35{
  grid-template-columns:92px 1fr !important;gap:14px !important;align-items:start !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-product-v35>img{width:86px !important;height:128px !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-hectare-v45,
body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-line-v45,
body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-mobile-price-v46{display:none !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-pack-total-v37{display:block !important;margin:6px 0 0 !important;color:#54665a !important;font-size:13px !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-deliver-to-v50{display:block !important;margin:0 0 12px !important;color:#304779 !important;font-size:13px !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-payment-method-v50{display:block !important;margin:10px 0 12px !important;padding:12px 10px !important;border-radius:7px !important;background:#f0f5f7 !important;color:#213c72 !important;font-size:14px !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-value-v35{margin:8px 0 0 !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) #next-step{min-height:58px !important;margin-top:12px !important;font-size:16px !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-secure-v35{color:#405783 !important;}
body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) #prev-step{color:#193b79 !important;font-weight:700 !important;}

/* Keep 3 progress steps for Program/Delivery/Payment; reveal Review only on final review. */
body[data-page="order"] .checkout-progress-v34{grid-template-columns:repeat(3,1fr) !important;max-width:500px !important;}
body[data-page="order"] .checkout-progress-v34 span:nth-child(4){display:none !important;}
body[data-page="order"]:has(.checkout-review-v49:not([hidden])) .checkout-progress-v34{grid-template-columns:repeat(4,1fr) !important;max-width:620px !important;}
body[data-page="order"]:has(.checkout-review-v49:not([hidden])) .checkout-progress-v34 span:nth-child(4){display:flex !important;}

@media(max-width:900px){
  body[data-page="order"] .checkout-payment-v50{padding:18px 10px 12px !important;border-radius:14px !important;}
  body[data-page="order"] .checkout-payment-v50>h2{font-size:32px !important;}
  body[data-page="order"] .payment-step-intro-v50{margin-bottom:12px !important;font-size:13px !important;}
  body[data-page="order"] .payment-choice-v50{grid-template-columns:36px 1fr !important;gap:9px !important;padding:12px !important;}
  body[data-page="order"] .payment-choice-v50:has(input:checked),body[data-page="order"] .payment-choice-ewallet-v50:has(#ewallet-choice-v50:checked){padding:11px !important;}
  body[data-page="order"] .payment-radio-ui-v50{width:26px !important;height:26px !important;border-width:2px !important;}
  body[data-page="order"] .payment-choice-copy-v50>b{font-size:17px !important;gap:6px !important;}
  body[data-page="order"] .payment-choice-copy-v50>b small{padding:5px 8px !important;font-size:8px !important;}
  body[data-page="order"] .payment-choice-copy-v50 p{margin:3px 0 6px !important;font-size:11px !important;}
  body[data-page="order"] .payment-choice-copy-v50 em{padding:6px 8px !important;font-size:9px !important;}
  body[data-page="order"] .payment-choice-copy-v50 em i{width:18px !important;height:18px !important;flex-basis:18px !important;font-size:11px !important;}
  body[data-page="order"] .ewallet-guide-v50{padding:10px !important;margin-top:9px !important;}
  body[data-page="order"] .ewallet-guide-title-v50{font-size:12px !important;margin-bottom:8px !important;}
  body[data-page="order"] .ewallet-steps-v50{grid-template-columns:1fr !important;gap:5px !important;text-align:left !important;}
  body[data-page="order"] .ewallet-steps-v50>strong{display:none !important;}
  body[data-page="order"] .ewallet-steps-v50>div{display:grid !important;grid-template-columns:30px 1fr !important;align-items:center !important;gap:8px !important;}
  body[data-page="order"] .ewallet-steps-v50 i{width:28px !important;height:28px !important;margin:0 !important;font-size:17px !important;}
  body[data-page="order"] .ewallet-steps-v50 p{font-size:9px !important;}
  body[data-page="order"] .ewallet-steps-v50 br{display:none !important;}
  body[data-page="order"] .upload-box-v50{min-height:78px !important;padding:10px !important;}
  body[data-page="order"] .upload-cloud-v50{font-size:28px !important;}
  body[data-page="order"] .upload-box-v50 b{font-size:11px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .order-summary-v35{padding:10px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .order-summary-v35>h2{font-size:17px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-product-v35{grid-template-columns:52px 1fr !important;gap:8px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-product-v35>img{width:46px !important;height:62px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-title-v45{font-size:11px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-pack-total-v37{font-size:10px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-deliver-to-v50{font-size:10px !important;margin-bottom:6px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-payment-method-v50{margin:5px 0 6px !important;padding:7px !important;font-size:10px !important;}
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) #next-step{min-height:45px !important;font-size:12px !important;margin-top:7px !important;}
  body[data-page="order"] .checkout-progress-v34{max-width:420px !important;}
}
@media(max-width:560px){
  body[data-page="order"] .payment-step-kicker-v50{gap:8px !important;margin-bottom:7px !important;}
  body[data-page="order"] .payment-step-kicker-v50 b{font-size:10px !important;}
  body[data-page="order"] .checkout-payment-v50>h2{font-size:27px !important;}
  body[data-page="order"] .payment-step-intro-v50{font-size:11px !important;}
  body[data-page="order"] .checkout-progress-v34{gap:4px !important;}
}


/* =========================================================
   THANK YOU / ORDER SUBMITTED — REFERENCE MATCH V51
   ========================================================= */
body[data-page="thanks"]{
  background:#fff !important;
}

body[data-page="thanks"] .site-header{
  position:relative !important;
  width:90vw !important;
  max-width:1420px !important;
  height:112px !important;
  margin:0 auto !important;
  padding:16px 34px 30px !important;
  overflow:visible !important;
  background:#fff !important;
}

body[data-page="thanks"] .site-header::after{
  content:'' !important;
  position:absolute !important;
  left:-5vw !important;
  right:-5vw !important;
  bottom:-24px !important;
  height:62px !important;
  z-index:-1 !important;
  background:linear-gradient(180deg,#e3f8ec 0%,#effbf3 100%) !important;
  border-radius:0 0 50% 50% / 0 0 70% 70% !important;
}

body[data-page="thanks"] .site-header img{
  width:155px !important;
  height:78px !important;
}

body[data-page="thanks"] .site-header .secure{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  color:#164d28 !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
}

body[data-page="thanks"] .thanks-wrap-v51{
  width:90vw !important;
  max-width:1420px !important;
  margin:44px auto 24px !important;
  padding:0 !important;
}

body[data-page="thanks"] .thanks-panel-v51{
  display:block !important;
  width:100% !important;
  padding:22px 28px 18px !important;
  border:0 !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 0 0 20px #edf9ef,0 18px 42px rgba(27,78,38,.08) !important;
}

body[data-page="thanks"] .thanks-grid-v51{
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.82fr) !important;
  gap:34px !important;
  align-items:start !important;
}

body[data-page="thanks"] .thanks-copy-v51{
  padding:0 6px 0 4px !important;
}

body[data-page="thanks"] .thanks-success-badge-v51{
  width:max-content !important;
  max-width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-height:50px !important;
  padding:5px 20px 5px 7px !important;
  border:1px solid #73c79a !important;
  border-radius:28px !important;
  background:#f3fbf6 !important;
  color:#12692b !important;
}

body[data-page="thanks"] .thanks-success-badge-v51 span{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 38px !important;
  border-radius:50% !important;
  background:#188532 !important;
  color:#fff !important;
  font-size:26px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

body[data-page="thanks"] .thanks-success-badge-v51 b{
  font-size:17px !important;
  letter-spacing:.01em !important;
}

body[data-page="thanks"] .thanks-copy-v51 h1{
  margin:12px 0 0 !important;
  color:#071d13 !important;
  font-size:clamp(52px,5vw,78px) !important;
  line-height:.93 !important;
  letter-spacing:-.055em !important;
  text-transform:uppercase !important;
}

body[data-page="thanks"] .thanks-lead-v51{
  margin:6px 0 18px !important;
  color:#1c2f74 !important;
  font-size:22px !important;
  line-height:1.28 !important;
}

body[data-page="thanks"] .thanks-validation-v51{
  min-height:126px !important;
  display:grid !important;
  grid-template-columns:58px 1fr !important;
  gap:18px !important;
  align-items:start !important;
  padding:18px 20px !important;
  border:1px solid #efd885 !important;
  border-radius:16px !important;
  background:linear-gradient(110deg,#fff7cf 0%,#fff9e7 72%,#fff6c8 100%) !important;
  color:#173068 !important;
}

body[data-page="thanks"] .validation-icon-v51{
  width:48px !important;
  height:48px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#d5a800 !important;
  color:#fff !important;
  font-family:Poppins,Arial,sans-serif !important;
  font-size:30px !important;
  font-weight:900 !important;
}

body[data-page="thanks"] .thanks-validation-v51 b{
  display:block !important;
  margin:0 0 2px !important;
  color:#181d23 !important;
  font-family:Poppins,Arial,sans-serif !important;
  font-size:22px !important;
}

body[data-page="thanks"] .thanks-validation-v51 p{
  margin:0 !important;
  color:#173068 !important;
  font-size:17px !important;
  line-height:1.4 !important;
}

body[data-page="thanks"] .thanks-reference-wrap-v51{
  margin-top:16px !important;
  padding-top:8px !important;
  border-top:1px solid #d6e2df !important;
}

body[data-page="thanks"] .thanks-section-label-v51{
  display:block !important;
  margin:0 0 5px !important;
  color:#176731 !important;
  font-size:17px !important;
}

body[data-page="thanks"] .reference-v51{
  min-height:67px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:10px 14px 10px 22px !important;
  border:1px solid #88d8b0 !important;
  border-radius:10px !important;
  background:#effbf4 !important;
}

body[data-page="thanks"] .reference-v51 strong{
  display:block !important;
  margin:0 !important;
  color:#102b2a !important;
  font-family:Poppins,Arial,sans-serif !important;
  font-size:29px !important;
  line-height:1 !important;
  letter-spacing:-.025em !important;
}

body[data-page="thanks"] .reference-v51 button{
  position:relative !important;
  width:44px !important;
  height:44px !important;
  flex:0 0 44px !important;
  border:0 !important;
  background:transparent !important;
  text-decoration:none !important;
}

body[data-page="thanks"] .reference-v51 button span::before,
body[data-page="thanks"] .reference-v51 button span::after{
  content:'' !important;
  position:absolute !important;
  width:17px !important;
  height:20px !important;
  border:2px solid #18338d !important;
  border-radius:3px !important;
}

body[data-page="thanks"] .reference-v51 button span::before{
  left:12px !important;
  top:9px !important;
}

body[data-page="thanks"] .reference-v51 button span::after{
  left:17px !important;
  top:14px !important;
  background:#effbf4 !important;
}

body[data-page="thanks"] .thanks-reference-note-v51{
  margin:4px 0 0 !important;
  color:#1c3975 !important;
  font-size:13px !important;
}

body[data-page="thanks"] .thanks-snapshot-v51{
  min-height:100% !important;
  padding:18px 22px !important;
  border:1px solid #d8e4ea !important;
  border-radius:14px !important;
  background:#fff !important;
  text-align:center !important;
}

body[data-page="thanks"] .snapshot-heading-v51{
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  gap:14px !important;
  align-items:center !important;
  color:#17652e !important;
}

body[data-page="thanks"] .snapshot-heading-v51 span{
  height:2px !important;
  background:#27913a !important;
}

body[data-page="thanks"] .snapshot-heading-v51 b{
  font-size:17px !important;
}

body[data-page="thanks"] .thanks-product-v51{
  display:block !important;
  width:auto !important;
  height:205px !important;
  margin:16px auto 8px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 10px 15px rgba(0,0,0,.12)) !important;
}

body[data-page="thanks"] .thanks-snapshot-v51 h3{
  margin:0 0 3px !important;
  color:#17245a !important;
  font-size:19px !important;
  line-height:1.25 !important;
}

body[data-page="thanks"] .snapshot-packs-v51{
  display:block !important;
  color:#158832 !important;
  font-size:18px !important;
}

body[data-page="thanks"] .snapshot-divider-v51{
  height:1px !important;
  margin:18px 0 10px !important;
  background:#d4e0e6 !important;
}

body[data-page="thanks"] .thanks-snapshot-v51 dl{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:8px 18px !important;
  margin:0 !important;
  color:#18316b !important;
  font-size:17px !important;
  text-align:left !important;
}

body[data-page="thanks"] .thanks-snapshot-v51 dt,
body[data-page="thanks"] .thanks-snapshot-v51 dd{
  margin:0 !important;
}

body[data-page="thanks"] .thanks-snapshot-v51 dd{
  color:#101a34 !important;
  font-weight:800 !important;
  text-align:right !important;
}

body[data-page="thanks"] .thanks-snapshot-v51 dd.green{
  color:#13872f !important;
}

body[data-page="thanks"] .thanks-status-v51{
  width:100% !important;
  min-height:68px !important;
  margin:22px 0 0 !important;
  border-radius:8px !important;
  background:linear-gradient(180deg,#18a138 0%,#087828 100%) !important;
  font-family:Poppins,Arial,sans-serif !important;
  font-size:21px !important;
  box-shadow:0 10px 20px rgba(10,114,38,.12) !important;
}

body[data-page="thanks"] .thanks-status-v51 span{
  font-size:34px !important;
  font-weight:400 !important;
}

body[data-page="thanks"] .thanks-status-help-v51{
  margin:5px 0 10px !important;
  color:#1b3673 !important;
  font-size:13px !important;
  text-align:center !important;
}

body[data-page="thanks"] .thanks-status-result-v51{
  margin:0 !important;
  color:#17652e !important;
  font-weight:700 !important;
  text-align:center !important;
}

body[data-page="thanks"] .thanks-trust-v51{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  margin-top:10px !important;
  padding:16px 0 !important;
  border-top:1px solid #d6e1e7 !important;
  border-bottom:1px solid #d6e1e7 !important;
}

body[data-page="thanks"] .thanks-trust-v51>div{
  min-height:55px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  padding:0 18px !important;
  color:#234278 !important;
  font-size:14px !important;
  line-height:1.25 !important;
  text-align:left !important;
}

body[data-page="thanks"] .thanks-trust-v51>div+div{
  border-left:1px solid #d6e1e7 !important;
}

body[data-page="thanks"] .thanks-trust-v51 i{
  width:43px !important;
  height:43px !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 43px !important;
  border-radius:50% !important;
  background:#158331 !important;
  color:#fff !important;
  font-style:normal !important;
  font-size:23px !important;
  font-weight:900 !important;
}

body[data-page="thanks"] .thanks-contact-v51{
  margin:10px 0 0 !important;
  color:#1f3972 !important;
  font-size:13px !important;
  text-align:center !important;
}

body[data-page="thanks"] .thanks-contact-v51 a{
  text-decoration:underline !important;
}

body[data-page="thanks"] .site-footer{
  display:none !important;
}

body[data-page="thanks"] .thanks-empty-v51{
  padding:40px !important;
  border-radius:18px !important;
  background:#f6fbf5 !important;
  text-align:center !important;
}

@media(max-width:900px){
  body[data-page="thanks"] .site-header{
    width:100% !important;
    height:76px !important;
    padding:8px 16px 13px !important;
  }

  body[data-page="thanks"] .site-header::after{
    left:0 !important;
    right:0 !important;
    bottom:-16px !important;
    height:42px !important;
  }

  body[data-page="thanks"] .site-header img{
    width:102px !important;
    height:58px !important;
  }

  body[data-page="thanks"] .site-header .secure{
    font-size:11px !important;
  }

  body[data-page="thanks"] .thanks-wrap-v51{
    width:100% !important;
    margin:26px auto 0 !important;
    padding:0 10px 16px !important;
  }

  body[data-page="thanks"] .thanks-panel-v51{
    padding:12px 10px 12px !important;
    border-radius:18px !important;
    box-shadow:0 0 0 8px #eefaf0 !important;
  }

  body[data-page="thanks"] .thanks-grid-v51{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body[data-page="thanks"] .thanks-copy-v51{
    padding:0 !important;
  }

  body[data-page="thanks"] .thanks-success-badge-v51{
    min-height:38px !important;
    padding:4px 14px 4px 5px !important;
    gap:9px !important;
  }

  body[data-page="thanks"] .thanks-success-badge-v51 span{
    width:29px !important;
    height:29px !important;
    flex-basis:29px !important;
    font-size:20px !important;
  }

  body[data-page="thanks"] .thanks-success-badge-v51 b{
    font-size:12px !important;
  }

  body[data-page="thanks"] .thanks-copy-v51 h1{
    margin-top:8px !important;
    font-size:43px !important;
    text-align:center !important;
  }

  body[data-page="thanks"] .thanks-lead-v51{
    margin:4px 0 10px !important;
    font-size:16px !important;
    line-height:1.25 !important;
    text-align:center !important;
  }

  body[data-page="thanks"] .thanks-desktop-break-v51{
    display:none !important;
  }

  body[data-page="thanks"] .thanks-validation-v51{
    min-height:0 !important;
    grid-template-columns:42px 1fr !important;
    gap:10px !important;
    padding:12px !important;
    border-radius:12px !important;
  }

  body[data-page="thanks"] .validation-icon-v51{
    width:36px !important;
    height:36px !important;
    font-size:22px !important;
  }

  body[data-page="thanks"] .thanks-validation-v51 b{
    font-size:16px !important;
  }

  body[data-page="thanks"] .thanks-validation-v51 p{
    font-size:13px !important;
    line-height:1.34 !important;
  }

  body[data-page="thanks"] .thanks-reference-wrap-v51{
    margin-top:10px !important;
    padding-top:8px !important;
  }

  body[data-page="thanks"] .thanks-section-label-v51{
    font-size:13px !important;
  }

  body[data-page="thanks"] .reference-v51{
    min-height:53px !important;
    padding:8px 8px 8px 13px !important;
  }

  body[data-page="thanks"] .reference-v51 strong{
    font-size:21px !important;
  }

  body[data-page="thanks"] .reference-v51 button{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }

  body[data-page="thanks"] .thanks-reference-note-v51{
    font-size:11px !important;
  }

  body[data-page="thanks"] .thanks-snapshot-v51{
    padding:11px 10px !important;
    border-radius:10px !important;
  }

  body[data-page="thanks"] .snapshot-heading-v51{
    gap:8px !important;
    text-align:left !important;
  }

  body[data-page="thanks"] .snapshot-heading-v51 b{
    font-size:13px !important;
  }

  body[data-page="thanks"] .thanks-snapshot-v51{
    display:grid !important;
    grid-template-columns:72px 1fr !important;
    column-gap:10px !important;
    align-items:start !important;
    text-align:left !important;
  }

  body[data-page="thanks"] .snapshot-heading-v51,
  body[data-page="thanks"] .snapshot-divider-v51,
  body[data-page="thanks"] .thanks-snapshot-v51 dl{
    grid-column:1 / -1 !important;
  }

  body[data-page="thanks"] .thanks-product-v51{
    grid-column:1 !important;
    grid-row:2 / span 2 !important;
    width:62px !important;
    height:86px !important;
    margin:8px auto 0 !important;
  }

  body[data-page="thanks"] .thanks-snapshot-v51 h3{
    grid-column:2 !important;
    margin:10px 0 1px !important;
    font-size:13px !important;
    align-self:end !important;
  }

  body[data-page="thanks"] .snapshot-packs-v51{
    grid-column:2 !important;
    font-size:13px !important;
    align-self:start !important;
  }

  body[data-page="thanks"] .snapshot-divider-v51{
    margin:6px 0 5px !important;
  }

  body[data-page="thanks"] .thanks-snapshot-v51 dl{
    gap:4px 12px !important;
    font-size:13px !important;
  }

  body[data-page="thanks"] .thanks-status-v51{
    min-height:48px !important;
    margin-top:12px !important;
    font-size:14px !important;
  }

  body[data-page="thanks"] .thanks-status-v51 span{
    font-size:24px !important;
  }

  body[data-page="thanks"] .thanks-status-help-v51{
    margin:4px 0 8px !important;
    font-size:10px !important;
  }

  body[data-page="thanks"] .thanks-trust-v51{
    grid-template-columns:1fr !important;
    margin-top:5px !important;
    padding:8px 0 !important;
  }

  body[data-page="thanks"] .thanks-trust-v51>div{
    min-height:36px !important;
    justify-content:flex-start !important;
    padding:3px 5px !important;
    gap:10px !important;
    font-size:11px !important;
  }

  body[data-page="thanks"] .thanks-trust-v51>div+div{
    border-left:0 !important;
  }

  body[data-page="thanks"] .thanks-trust-v51 i{
    width:28px !important;
    height:28px !important;
    flex-basis:28px !important;
    font-size:15px !important;
  }

  body[data-page="thanks"] .thanks-contact-v51{
    margin-top:8px !important;
    font-size:10px !important;
  }
}

@media(max-width:420px){
  body[data-page="thanks"] .site-header .secure{
    font-size:10px !important;
  }
  body[data-page="thanks"] .thanks-copy-v51 h1{
    font-size:38px !important;
  }
  body[data-page="thanks"] .reference-v51 strong{
    font-size:19px !important;
  }
}


/* =========================================================
   V52 — STEP 1 / PROGRAM — REFERENCE MATCH PASS
   Scoped ONLY while Step 1 is visible so Delivery, Payment,
   Final Review, address cascade, and backend behavior remain intact.
   ========================================================= */
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])){
  width:90vw !important;
  max-width:none !important;
  margin:26px auto 46px !important;
  padding:20px !important;
  grid-template-columns:minmax(0,1.64fr) minmax(330px,.84fr) !important;
  gap:18px !important;
  align-items:stretch !important;
  border:1px solid #d9e8d4 !important;
  border-radius:21px !important;
  background:linear-gradient(180deg,#f4fbf1 0%,#eef8eb 100%) !important;
  box-shadow:0 18px 36px rgba(29,83,38,.07) !important;
}

body[data-page="order"] .checkout-program-v35:not([hidden]){
  height:100% !important;
  padding:24px 20px 18px !important;
  border:1px solid #dbe7d7 !important;
  border-radius:17px !important;
  background:#fff !important;
  box-shadow:none !important;
}

body[data-page="order"] .checkout-program-v35:not([hidden]) .program-step-kicker{
  max-width:610px !important;
  margin:0 auto 13px !important;
  gap:14px !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .program-step-kicker span{
  height:2px !important;
  background:#278b31 !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .program-step-kicker b{
  color:#16812b !important;
  font-size:14px !important;
  font-weight:900 !important;
}

body[data-page="order"] .checkout-program-v35:not([hidden]) h2{
  max-width:760px !important;
  margin:0 auto 9px !important;
  color:#07351e !important;
  font-size:clamp(38px,3.25vw,50px) !important;
  font-weight:900 !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) h2 em{
  color:#07351e !important;
  font-style:normal !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .program-step-intro{
  margin:0 auto 18px !important;
  color:#536157 !important;
  font-size:17px !important;
  line-height:1.35 !important;
}

body[data-page="order"] .checkout-program-v35:not([hidden]) .quantity-control-v35{
  width:min(420px,100%) !important;
  margin:0 auto 9px !important;
  padding:9px 14px !important;
  grid-template-columns:70px 1fr 70px !important;
  gap:12px !important;
  border-radius:17px !important;
  background:#eaf6e8 !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .quantity-control-v35 button{
  width:60px !important;
  height:60px !important;
  font-size:40px !important;
  font-weight:700 !important;
  box-shadow:0 7px 15px rgba(13,99,36,.16) !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .quantity-control-v35 input{
  height:64px !important;
  border-radius:11px !important;
  font-size:47px !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .program-hectare-rule{
  margin:0 0 16px !important;
  color:#15812a !important;
  font-size:15px !important;
  font-weight:900 !important;
}

body[data-page="order"] .checkout-program-v35:not([hidden]) .program-equation-v35{
  min-height:220px !important;
  grid-template-columns:minmax(165px,1fr) 32px minmax(125px,.72fr) 32px minmax(180px,1.06fr) !important;
  gap:7px !important;
  padding:14px 14px 12px !important;
  border:1px solid #dfe9dc !important;
  border-radius:15px !important;
  background:linear-gradient(180deg,#eff8ec 0%,#f7fbf5 100%) !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .program-packs-v35{
  height:165px !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .program-packs-v35.two-packs img{
  width:45% !important;
  margin:0 -3.5% !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .program-packs-v35.one-pack img{
  width:68% !important;
  max-width:112px !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .program-packs-v35.three-packs img{
  width:36% !important;
  margin:0 -6.5% !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .program-equation-group>b{
  margin-top:6px !important;
  font-size:12px !important;
  font-weight:900 !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .program-equation-group small{
  margin-top:4px !important;
  font-size:9px !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .program-free-tag-v35{
  top:-2px !important;
  right:11% !important;
  padding:4px 11px !important;
  font-size:12px !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .program-op-v35{
  font-size:37px !important;
}

body[data-page="order"] .checkout-program-v35:not([hidden]) .program-shipping-v35{
  min-height:48px !important;
  margin-top:12px !important;
  gap:11px !important;
  border-radius:10px !important;
  font-size:16px !important;
  font-weight:900 !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .program-truck-v52{
  width:31px !important;
  height:25px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#0b6d2d !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .program-truck-v52 svg{
  width:31px !important;
  height:25px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.6 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

body[data-page="order"] .checkout-program-v35:not([hidden]) .program-example-v35{
  min-height:76px !important;
  margin-top:11px !important;
  padding:11px 14px !important;
  grid-template-columns:minmax(230px,1fr) auto !important;
  border-radius:10px !important;
  background:#f5faf3 !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .program-example-v35 b{
  font-size:13px !important;
  font-weight:900 !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .program-example-v35 p{
  font-size:12px !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .example-packs-v35>span{
  height:54px !important;
}
body[data-page="order"] .checkout-program-v35:not([hidden]) .example-packs-v35 img{
  width:33px !important;
  height:52px !important;
}

/* Step 1 Order Summary mirrors the supplied reference. */
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .order-summary-v35{
  position:relative !important;
  top:auto !important;
  align-self:stretch !important;
  min-height:100% !important;
  padding:25px 22px 22px !important;
  border:1px solid #dbe7d7 !important;
  border-radius:17px !important;
  background:#fff !important;
  box-shadow:none !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .order-summary-v35>h2{
  margin:0 !important;
  color:#0a3a20 !important;
  font-size:28px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:-.03em !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-divider-v35{
  height:1px !important;
  margin:13px 0 15px !important;
  background:#dbe5d9 !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-product-v35{
  display:grid !important;
  grid-template-columns:90px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:start !important;
  min-height:134px !important;
  padding:0 !important;
  border:0 !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-product-v35>img{
  width:84px !important;
  height:126px !important;
  object-fit:contain !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-copy-v45{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  min-width:0 !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-title-v45{
  margin:0 !important;
  color:#172f1e !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-pack-total-v37,
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-mobile-price-v46,
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-deliver-to-v50,
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-payment-method-v50,
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .review-included-v49,
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .review-consents-v49,
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .review-submit-note-v49{
  display:none !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-hectare-v45{
  display:block !important;
  margin:5px 0 10px !important;
  color:#677169 !important;
  font-size:12.5px !important;
  line-height:1.25 !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-line-v45{
  display:block !important;
  margin:0 !important;
  color:#3f4d43 !important;
  font-size:13.5px !important;
  line-height:1.35 !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-bonus-v45{
  margin-top:3px !important;
  color:#168229 !important;
  font-weight:900 !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-totals-v35{
  margin:0 !important;
  gap:9px 18px !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-totals-v35 dt,
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-totals-v35 dd{
  font-size:14px !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-grand-total-v35{
  min-height:57px !important;
  margin-top:14px !important;
  padding:11px 13px !important;
  border-radius:9px !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-grand-total-v35 b{
  font-size:20px !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-grand-total-v35 strong{
  font-size:29px !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-value-v35{
  display:block !important;
  margin:11px 0 17px !important;
  color:#677169 !important;
  font-size:12px !important;
  text-align:center !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-gift-icon-v49{
  display:none !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-next-v35{
  min-height:58px !important;
  margin:0 !important;
  border-radius:9px !important;
  font-size:16px !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-secure-v35{
  margin:11px 0 0 !important;
  color:#657168 !important;
  font-size:10.5px !important;
  line-height:1.35 !important;
}
body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) #prev-step{
  display:none !important;
}

@media(max-width:900px){
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])){
    width:100% !important;
    margin:18px 0 30px !important;
    padding:9px !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]){
    padding:17px 10px 13px !important;
    border-radius:13px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-step-kicker{
    max-width:300px !important;
    margin-bottom:8px !important;
    gap:8px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-step-kicker b{
    font-size:10px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) h2{
    max-width:340px !important;
    font-size:27px !important;
    line-height:.98 !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-step-intro{
    margin-bottom:12px !important;
    font-size:12px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .quantity-control-v35{
    width:min(255px,100%) !important;
    padding:6px 8px !important;
    grid-template-columns:48px 1fr 48px !important;
    gap:8px !important;
    border-radius:13px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .quantity-control-v35 button{
    width:43px !important;
    height:43px !important;
    font-size:29px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .quantity-control-v35 input{
    height:47px !important;
    font-size:34px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-hectare-rule{
    margin-bottom:11px !important;
    font-size:10.5px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-equation-v35{
    min-height:134px !important;
    grid-template-columns:minmax(0,1fr) 18px minmax(0,.78fr) 18px minmax(0,1.04fr) !important;
    gap:2px !important;
    padding:9px 5px 8px !important;
    border-radius:10px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-packs-v35{
    height:92px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-packs-v35.one-pack img{
    max-width:63px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-equation-group>b{
    margin-top:4px !important;
    font-size:7.5px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-equation-group small{
    font-size:6.5px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-free-tag-v35{
    top:0 !important;
    right:5% !important;
    padding:2px 6px !important;
    font-size:8px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-op-v35{
    font-size:18px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-shipping-v35{
    min-height:39px !important;
    margin-top:9px !important;
    gap:8px !important;
    font-size:10.5px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-truck-v52,
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-truck-v52 svg{
    width:23px !important;
    height:19px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-example-v35{
    min-height:76px !important;
    margin-top:9px !important;
    padding:9px 10px !important;
    grid-template-columns:1fr auto !important;
    gap:7px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-example-v35 b{
    font-size:10px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-example-v35 p{
    font-size:9px !important;
    line-height:1.25 !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .example-packs-v35{
    gap:5px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .example-packs-v35>span{
    height:42px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .example-packs-v35 img{
    width:25px !important;
    height:40px !important;
    margin:0 -5px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .example-packs-v35 strong{
    font-size:20px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .order-summary-v35{
    min-height:0 !important;
    padding:11px 10px 13px !important;
    border-radius:12px !important;
  }
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .order-summary-v35>h2{
    font-size:16px !important;
  }
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-divider-v35{
    margin:7px 0 8px !important;
  }
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-product-v35{
    grid-template-columns:46px minmax(0,1fr) !important;
    gap:8px !important;
    min-height:66px !important;
    align-items:start !important;
  }
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-product-v35>img{
    width:42px !important;
    height:64px !important;
  }
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-title-v45{
    font-size:10px !important;
    line-height:1.14 !important;
  }
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-hectare-v45{
    margin:2px 0 3px !important;
    font-size:8.5px !important;
  }
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-line-v45{
    font-size:8.5px !important;
    line-height:1.25 !important;
  }
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-totals-v35{
    gap:4px 12px !important;
  }
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-totals-v35 dt,
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-totals-v35 dd{
    font-size:9px !important;
  }
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-grand-total-v35{
    min-height:35px !important;
    margin-top:6px !important;
    padding:6px 8px !important;
    border-radius:6px !important;
  }
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-grand-total-v35 b{
    font-size:13px !important;
  }
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-grand-total-v35 strong{
    font-size:19px !important;
  }
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-value-v35{
    margin:5px 0 8px !important;
    font-size:8px !important;
  }
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-next-v35{
    min-height:42px !important;
    font-size:10.5px !important;
    border-radius:7px !important;
  }
  body[data-page="order"] form.checkout-layout:has(.checkout-program-v35:not([hidden])) .summary-secure-v35{
    margin-top:6px !important;
    font-size:7.5px !important;
  }
}

@media(max-width:560px){
  body[data-page="order"] .checkout-program-v35:not([hidden]) h2{
    font-size:25px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-equation-v35{
    min-height:128px !important;
  }
  body[data-page="order"] .checkout-program-v35:not([hidden]) .program-packs-v35{
    height:87px !important;
  }
}


/* =========================================================
   ORDER DELIVERY — MOBILE STABILITY FIX V58
   Keep the existing delivery design; fix mobile overflow,
   iOS focus zoom/native select rendering, and touch usability.
   ========================================================= */
@media(max-width:900px){
  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])){
    grid-template-columns:1fr !important;
    width:100% !important;
    min-width:0 !important;
    gap:10px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .checkout-main,
  body[data-page="order"] .checkout-delivery-v37,
  body[data-page="order"] .delivery-contact-grid-v37,
  body[data-page="order"] .delivery-address-grid-v37{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  body[data-page="order"] .delivery-contact-grid-v37>label,
  body[data-page="order"] .delivery-address-grid-v37>label,
  body[data-page="order"] .delivery-address-grid-v37 .delivery-wide-v37,
  body[data-page="order"] .delivery-address-grid-v37 .delivery-street-v37{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    grid-column:1 / -1 !important;
  }

  body[data-page="order"] .checkout-delivery-v37 input:not([type=checkbox]):not([type=radio]),
  body[data-page="order"] .checkout-delivery-v37 select,
  body[data-page="order"] .checkout-delivery-v37 textarea{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    font-size:16px !important;
    touch-action:manipulation !important;
  }

  /* Native mobile select is more reliable than the desktop custom arrow. */
  body[data-page="order"] .delivery-address-grid-v37 select{
    min-height:48px !important;
    padding:0 12px !important;
    appearance:auto !important;
    -webkit-appearance:menulist !important;
    background-image:none !important;
    background-position:initial !important;
    background-size:auto !important;
    text-overflow:ellipsis !important;
  }

  body[data-page="order"] .delivery-input-wrap-v37{
    width:100% !important;
    min-width:0 !important;
  }

  body[data-page="order"] .delivery-consent-v37{
    width:100% !important;
    min-width:0 !important;
    align-items:flex-start !important;
  }

  body[data-page="order"] .delivery-consent-v37 span{
    min-width:0 !important;
    overflow-wrap:anywhere !important;
  }

  body[data-page="order"] .delivery-shipping-v37{
    width:100% !important;
    min-width:0 !important;
  }
}

@media(max-width:560px){
  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])){
    display:flex !important;
    flex-direction:column !important;
    margin:14px 0 24px !important;
    padding:8px !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-delivery-v37:not([hidden])) .checkout-main{
    padding:0 !important;
    overflow:visible !important;
  }

  body[data-page="order"] .checkout-delivery-v37{
    padding:16px 10px 14px !important;
    overflow:visible !important;
  }

  body[data-page="order"] .delivery-contact-grid-v37,
  body[data-page="order"] .delivery-address-grid-v37{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
  }

  body[data-page="order"] .delivery-section-title-v37{
    margin-top:12px !important;
  }

  body[data-page="order"] .delivery-address-grid-v37 select,
  body[data-page="order"] .checkout-delivery-v37 input:not([type=checkbox]):not([type=radio]){
    min-height:50px !important;
    height:50px !important;
    border-radius:9px !important;
  }
}

/* =========================================================
   ORDER PAYMENT — MOBILE STABILITY FIX V59
   Keep the approved V50 payment design. Fix mobile/landscape
   overflow, narrow cards, e-wallet guide and summary stacking.
   ========================================================= */
@media(max-width:900px){
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])){
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    gap:10px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .checkout-main,
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .checkout-payment-v50,
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .order-summary-v35,
  body[data-page="order"] .payment-options-v50,
  body[data-page="order"] .payment-choice-v50,
  body[data-page="order"] .payment-choice-copy-v50,
  body[data-page="order"] .ewallet-guide-v50,
  body[data-page="order"] .wallet-account-v50,
  body[data-page="order"] .upload-box-v50{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .checkout-main{
    padding:0 !important;
  }

  body[data-page="order"] .payment-choice-v50{
    grid-template-columns:34px minmax(0,1fr) !important;
    align-items:start !important;
    overflow:hidden !important;
  }

  body[data-page="order"] .payment-choice-copy-v50>b{
    min-width:0 !important;
    flex-wrap:wrap !important;
    overflow-wrap:anywhere !important;
  }

  body[data-page="order"] .payment-choice-copy-v50>b small{
    flex:0 0 auto !important;
    margin-left:0 !important;
    white-space:nowrap !important;
  }

  body[data-page="order"] .payment-choice-copy-v50 p,
  body[data-page="order"] .payment-choice-copy-v50 em,
  body[data-page="order"] .ewallet-guide-title-v50,
  body[data-page="order"] .ewallet-steps-v50 p{
    min-width:0 !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
  }

  body[data-page="order"] .ewallet-guide-title-v50{
    gap:8px !important;
  }

  body[data-page="order"] .ewallet-steps-v50{
    width:100% !important;
    min-width:0 !important;
  }

  body[data-page="order"] .ewallet-steps-v50>div{
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  body[data-page="order"] .payment-qr{
    width:min(220px,100%) !important;
    height:auto !important;
    max-width:100% !important;
  }

  body[data-page="order"] .upload-box-v50 input[type="file"]{
    max-width:100% !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .order-summary-v35{
    position:static !important;
    align-self:stretch !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-product-v35{
    grid-template-columns:52px minmax(0,1fr) !important;
    min-width:0 !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-copy-v45,
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-title-v45,
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-pack-total-v37,
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-deliver-to-v50,
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-payment-method-v50{
    min-width:0 !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-totals-v35,
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-grand-total-v35{
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
}

@media(max-width:560px){
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])){
    margin:14px 0 24px !important;
    padding:8px !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
  }

  body[data-page="order"] .checkout-payment-v50{
    padding:16px 10px 13px !important;
    border-radius:13px !important;
    overflow:visible !important;
  }

  body[data-page="order"] .payment-step-kicker-v50{
    grid-template-columns:minmax(18px,1fr) auto minmax(18px,1fr) !important;
  }

  body[data-page="order"] .checkout-payment-v50>h2{
    max-width:100% !important;
    font-size:clamp(24px,8vw,29px) !important;
    line-height:1 !important;
    overflow-wrap:anywhere !important;
  }

  body[data-page="order"] .payment-step-intro-v50{
    padding:0 4px !important;
    line-height:1.35 !important;
  }

  body[data-page="order"] .payment-choice-v50{
    grid-template-columns:30px minmax(0,1fr) !important;
    gap:8px !important;
    padding:11px 10px !important;
    border-radius:10px !important;
  }

  body[data-page="order"] .payment-choice-v50:has(input:checked),
  body[data-page="order"] .payment-choice-ewallet-v50:has(#ewallet-choice-v50:checked){
    padding:10px 9px !important;
  }

  body[data-page="order"] .payment-radio-ui-v50{
    width:24px !important;
    height:24px !important;
    margin-top:1px !important;
  }

  body[data-page="order"] .payment-choice-copy-v50>b{
    gap:5px !important;
    font-size:15px !important;
    line-height:1.15 !important;
  }

  body[data-page="order"] .payment-choice-copy-v50>b small{
    padding:4px 6px !important;
    font-size:7px !important;
  }

  body[data-page="order"] .payment-choice-copy-v50 p{
    margin:3px 0 5px !important;
    font-size:10px !important;
    line-height:1.3 !important;
  }

  body[data-page="order"] .payment-choice-copy-v50 em{
    gap:6px !important;
    padding:6px 7px !important;
    font-size:8.5px !important;
    line-height:1.3 !important;
  }

  body[data-page="order"] .payment-choice-copy-v50 em i{
    width:17px !important;
    height:17px !important;
    flex-basis:17px !important;
    font-size:10px !important;
  }

  body[data-page="order"] .ewallet-guide-v50{
    margin-top:8px !important;
    padding:9px !important;
    border-radius:10px !important;
  }

  body[data-page="order"] .ewallet-guide-title-v50{
    margin-bottom:7px !important;
    font-size:11px !important;
    line-height:1.2 !important;
  }

  body[data-page="order"] .ewallet-steps-v50{
    gap:6px !important;
    margin-bottom:9px !important;
  }

  body[data-page="order"] .ewallet-steps-v50>div{
    grid-template-columns:26px minmax(0,1fr) !important;
    gap:7px !important;
  }

  body[data-page="order"] .ewallet-steps-v50 i{
    width:26px !important;
    height:26px !important;
    font-size:15px !important;
  }

  body[data-page="order"] .ewallet-steps-v50 p{
    font-size:8.5px !important;
    line-height:1.25 !important;
  }

  body[data-page="order"] .wallet-account-v50{
    padding:8px !important;
    font-size:10px !important;
    line-height:1.3 !important;
  }

  body[data-page="order"] .upload-box-v50{
    min-height:76px !important;
    padding:9px 8px !important;
  }

  body[data-page="order"] .upload-cloud-v50{
    font-size:25px !important;
  }

  body[data-page="order"] .upload-box-v50 b{
    font-size:10.5px !important;
  }

  body[data-page="order"] .upload-box-v50 small,
  body[data-page="order"] .upload-box-v50 em{
    max-width:100% !important;
    font-size:8px !important;
    overflow-wrap:anywhere !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .order-summary-v35{
    padding:10px !important;
    border-radius:12px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-product-v35{
    grid-template-columns:46px minmax(0,1fr) !important;
    gap:8px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-product-v35>img{
    width:42px !important;
    height:60px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-totals-v35{
    gap:4px 10px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-totals-v35 dt,
  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-totals-v35 dd{
    font-size:9px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-grand-total-v35{
    min-height:35px !important;
    padding:6px 8px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-grand-total-v35 b{
    font-size:12px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-grand-total-v35 strong{
    font-size:19px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-value-v35{
    font-size:8px !important;
    white-space:normal !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) .summary-payment-method-v50{
    font-size:9px !important;
  }

  body[data-page="order"] form.checkout-layout:has(.checkout-payment-v50:not([hidden])) #next-step{
    width:100% !important;
    min-width:0 !important;
    white-space:normal !important;
    line-height:1.2 !important;
  }
}

/* =========================================================
   ORDER DELIVERY — TRUE MOBILE GRID FIX V60
   Fix specificity conflict from the desktop nth-child rules.
   On small screens every delivery field must occupy one full row.
   ========================================================= */
@media(max-width:900px){
  body[data-page="order"] .delivery-address-grid-v37{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-auto-columns:minmax(0,1fr) !important;
    grid-auto-flow:row !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  /* Match the specificity of the original desktop placement rules. */
  body[data-page="order"] .delivery-address-grid-v37>label:nth-child(1),
  body[data-page="order"] .delivery-address-grid-v37>label:nth-child(2),
  body[data-page="order"] .delivery-address-grid-v37>label:nth-child(3),
  body[data-page="order"] .delivery-address-grid-v37>label:nth-child(4),
  body[data-page="order"] .delivery-address-grid-v37>label:nth-child(5),
  body[data-page="order"] .delivery-address-grid-v37>label:nth-child(6){
    grid-column:1 / -1 !important;
    grid-row:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    justify-self:stretch !important;
  }

  body[data-page="order"] #delivery-province-v39,
  body[data-page="order"] #delivery-city-v39,
  body[data-page="order"] #delivery-barangay-v39,
  body[data-page="order"] .delivery-address-grid-v37 input{
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}

@media(max-width:560px){
  body[data-page="order"] .delivery-address-grid-v37{
    grid-template-columns:minmax(0,100%) !important;
  }

  body[data-page="order"] .delivery-address-grid-v37>label:nth-child(1),
  body[data-page="order"] .delivery-address-grid-v37>label:nth-child(2),
  body[data-page="order"] .delivery-address-grid-v37>label:nth-child(3),
  body[data-page="order"] .delivery-address-grid-v37>label:nth-child(4),
  body[data-page="order"] .delivery-address-grid-v37>label:nth-child(5),
  body[data-page="order"] .delivery-address-grid-v37>label:nth-child(6){
    grid-column:1 / 2 !important;
  }
}


/* =========================================================
   V63 — VSL VIDEO AUTO ASPECT / AUTO FIT
   The hero video frame follows the uploaded video's real ratio.
   Landscape, square and portrait (including 9:16) are kept whole:
   no crop, no stretch, and the frame is constrained to the hero area.
   ========================================================= */
body[data-page="vsl"] .video-card[data-video-fit="ready"]{
  width:min(100%,var(--vsl-fit-width,500px));
  max-width:100%;
  aspect-ratio:var(--vsl-media-ratio,auto);
  flex:0 0 auto;
  transition:width .18s ease;
}
body[data-page="vsl"] .video-card video{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
  background:#071b10;
}
body[data-page="vsl"] .video-card[data-video-orientation="portrait"]{
  margin-inline:auto;
}
@media (max-width:800px){
  body[data-page="vsl"] .video-card[data-video-fit="ready"]{
    width:min(100%,var(--vsl-fit-width,450px));
  }
}
@media (max-width:560px){
  body[data-page="vsl"] .video-card[data-video-fit="ready"]{
    width:min(100%,var(--vsl-fit-width,350px));
    margin-inline:auto;
  }
}
@media (prefers-reduced-motion:reduce){
  body[data-page="vsl"] .video-card[data-video-fit="ready"]{transition:none}
}

/* =========================================================
   V64 — EXTERNAL VSL URL PLAYBACK
   Supports direct MP4/WEBM plus YouTube, Vimeo, Google Drive
   preview and public Facebook video embeds on the live funnel.
   ========================================================= */
body[data-page="vsl"] .video-card[data-embed-fit="ready"]{
  width:min(100%,var(--vsl-fit-width,500px));
  max-width:100%;
  aspect-ratio:var(--vsl-media-ratio,16 / 9);
  flex:0 0 auto;
  overflow:hidden;
}
body[data-page="vsl"] .video-card .vsl-embed{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  border:0;
  background:#071b10;
}
body[data-page="vsl"] .video-card[data-embed-fit="ready"][data-video-orientation="portrait"]{
  margin-inline:auto;
}
@media(max-width:800px){
  body[data-page="vsl"] .video-card[data-embed-fit="ready"]{width:min(100%,var(--vsl-fit-width,420px));}
}
@media(max-width:560px){
  body[data-page="vsl"] .video-card[data-embed-fit="ready"]{width:min(100%,var(--vsl-fit-width,340px));margin-inline:auto;}
  body[data-page="vsl"] .video-card[data-embed-fit="ready"][data-video-orientation="portrait"]{--vsl-fit-width:255px!important;}
}


/* =========================================================
   V67 — STANDARD VSL VIDEO ~600PX ON DESKTOP
   Landscape/direct and landscape/embed VSL players may expand
   to about 600px when the viewport has room. Portrait behavior
   and tablet/mobile caps stay unchanged.
   ========================================================= */
@media (min-width:801px){
  body[data-page="vsl"] .hero-visual{
    justify-content:flex-start;
    overflow:visible;
  }
  body[data-page="vsl"] .video-card[data-embed-fit="ready"][data-video-orientation="landscape"]{
    width:min(600px,var(--vsl-fit-width,600px));
    max-width:none;
  }
  body[data-page="vsl"] .video-card[data-video-fit="ready"][data-video-orientation="landscape"]{
    width:min(600px,var(--vsl-fit-width,600px));
    max-width:none;
  }
}


/* =========================================================
   V68 — AUTOPLAY + NO SKIP / NON-INTERACTIVE VSL PLAYER
   Keeps the 600px standard size from V67. The media starts
   automatically muted and the player itself cannot be scrubbed.
   ========================================================= */
body[data-page="vsl"] #vsl-player video,
body[data-page="vsl"] #vsl-player iframe.vsl-embed{
  pointer-events:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
body[data-page="vsl"] #vsl-player video::-webkit-media-controls{
  display:none !important;
}
body[data-page="vsl"] #vsl-player{
  cursor:default;
}


/* =========================================================
   V69 — AUTOPLAY MUTED + ONE-TAP SOUND
   Browser-safe autoplay starts muted. A dedicated overlay or
   the existing VSL CTA enables sound on a real user gesture.
   The underlying player remains non-interactive/no-skip.
   ========================================================= */
body[data-page="vsl"] #vsl-player{position:relative;}
body[data-page="vsl"] #vsl-player .vsl-sound-toggle{
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  z-index:8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:42px;
  padding:9px 16px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  background:rgba(3,39,20,.88);
  color:#fff;
  font-weight:800;
  font-size:12px;
  letter-spacing:.02em;
  line-height:1;
  box-shadow:0 7px 22px rgba(0,0,0,.24);
  cursor:pointer;
  pointer-events:auto !important;
  user-select:none;
  -webkit-user-select:none;
  white-space:nowrap;
}
body[data-page="vsl"] #vsl-player .vsl-sound-toggle:hover{background:rgba(3,55,27,.96);}
body[data-page="vsl"] #vsl-player .vsl-sound-toggle:focus-visible{outline:3px solid #ffd124;outline-offset:3px;}
body[data-page="vsl"] #vsl-player .vsl-sound-toggle[hidden]{display:none !important;}
@media(max-width:560px){
  body[data-page="vsl"] #vsl-player .vsl-sound-toggle{
    bottom:10px;
    min-height:40px;
    padding:8px 13px;
    font-size:11px;
  }
}


/* V72 — do not auto-translate funnel text.
   Browser/Google Translate is asked to preserve the original Filipino/English copy. */
html.notranslate, body.notranslate{unicode-bidi:normal;}


/* =========================================================
   V73 — SECTION 4 CLICKABLE FIELD RESULTS
   ========================================================= */
body[data-page="vsl"] .section4-results .proof-clickable{
  cursor:pointer;
  position:relative;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
body[data-page="vsl"] .section4-results .proof-clickable::after{
  content:'Tingnan detalye  →';
  position:absolute;
  right:14px;
  bottom:12px;
  z-index:3;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(5,111,42,.92);
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.02em;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .16s ease, transform .16s ease;
  pointer-events:none;
}
@media (hover:hover) and (pointer:fine){
  body[data-page="vsl"] .section4-results .proof-clickable:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 34px rgba(3,56,28,.18);
  }
  body[data-page="vsl"] .section4-results .proof-clickable:hover::after{opacity:1;transform:none;}
}
body[data-page="vsl"] .section4-results .proof-clickable:focus-visible{
  outline:3px solid #f4c928;
  outline-offset:4px;
}
.proof-detail-dialog{
  width:min(920px,92vw);
  max-height:88vh;
  margin:auto;
  padding:0;
  border:0;
  border-radius:20px;
  overflow:auto;
  background:#fff;
  color:var(--ink);
  box-shadow:0 26px 80px rgba(0,0,0,.32);
}
.proof-detail-dialog::backdrop{background:rgba(0,28,14,.72);backdrop-filter:blur(3px);}
.proof-detail-dialog[open]{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);}
.proof-dialog-media{min-height:430px;background:#eef5e8;}
.proof-dialog-media img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block;}
.proof-dialog-copy{padding:44px 38px 34px;align-self:center;}
.proof-dialog-copy .section4-location{display:inline-block;margin-bottom:14px;}
.proof-dialog-copy h3{font-size:24px;margin-bottom:10px;}
.proof-dialog-copy h4{font-size:40px;line-height:1.05;margin:8px 0 14px;}
.proof-dialog-copy h4 strong{color:#e01713;}
.proof-dialog-copy p{font-size:15px;}
.proof-dialog-copy .section4-uplift,.proof-dialog-copy .section4-doc{margin-top:14px;}
.proof-dialog-close{
  position:absolute;
  top:12px;right:14px;z-index:5;
  width:42px;height:42px;border:0;border-radius:50%;
  background:rgba(0,55,27,.92);color:#fff;font-size:28px;line-height:1;
  display:grid;place-items:center;
}
@media(max-width:700px){
  body[data-page="vsl"] .section4-results .proof-clickable::after{opacity:1;transform:none;font-size:9px;right:9px;bottom:9px;}
  .proof-detail-dialog{width:min(94vw,560px);max-height:90vh;border-radius:16px;}
  .proof-detail-dialog[open]{display:block;}
  .proof-dialog-media{min-height:0;}
  .proof-dialog-media img{height:auto;min-height:0;max-height:44vh;object-fit:cover;}
  .proof-dialog-copy{padding:24px 20px 28px;}
  .proof-dialog-copy h3{font-size:19px;}
  .proof-dialog-copy h4{font-size:30px;}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="vsl"] .section4-results .proof-clickable,body[data-page="vsl"] .section4-results .proof-clickable::after{transition:none;}
}


/* =========================================================
   V75 — MOBILE FOLLOWING CTA / SOFT GLOW
   Section 5 CTA follows the viewport only while the user is
   inside the Complete TerraBooster Program section on mobile.
   Desktop remains unchanged.
   ========================================================= */
@media (max-width:700px){
  body[data-page="vsl"] #program.section5-program.cta-floating-active .section5-inner,
  body[data-page="home"] #program.section5-program.cta-floating-active .section5-inner{
    padding-bottom:118px !important;
  }

  body[data-page="vsl"] #program .section5-cta.mobile-following,
  body[data-page="home"] #program .section5-cta.mobile-following{
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important;
    width:auto !important;
    max-width:620px !important;
    margin:0 auto !important;
    z-index:80 !important;
    min-height:58px !important;
    padding:14px 18px !important;
    border:1px solid rgba(204,153,0,.78) !important;
    border-radius:14px !important;
    box-shadow:
      0 10px 28px rgba(0,0,0,.24),
      0 0 0 0 rgba(255,208,31,.65) !important;
    animation:agrifixStickyCtaGlow 1.65s ease-in-out infinite !important;
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
  }

  body[data-page="vsl"] #program .section5-cta.mobile-following span,
  body[data-page="home"] #program .section5-cta.mobile-following span{
    display:inline-block !important;
    animation:agrifixStickyCtaArrow .95s ease-in-out infinite alternate !important;
  }
}

@keyframes agrifixStickyCtaGlow{
  0%,100%{
    box-shadow:
      0 10px 28px rgba(0,0,0,.22),
      0 0 0 0 rgba(255,208,31,.58),
      0 0 18px rgba(255,215,44,.34);
  }
  50%{
    box-shadow:
      0 12px 32px rgba(0,0,0,.27),
      0 0 0 7px rgba(255,208,31,.12),
      0 0 30px rgba(255,215,44,.58);
  }
}

@keyframes agrifixStickyCtaArrow{
  from{transform:translateX(0)}
  to{transform:translateX(5px)}
}

@media (prefers-reduced-motion:reduce){
  body[data-page="vsl"] #program .section5-cta.mobile-following,
  body[data-page="home"] #program .section5-cta.mobile-following,
  body[data-page="vsl"] #program .section5-cta.mobile-following span,
  body[data-page="home"] #program .section5-cta.mobile-following span{
    animation:none !important;
  }
}


/* =========================================================
   V76 — OFFER MOBILE STICKY GLOW CTA
   The Offer page gets one floating "MAGPATULOY SA ORDER" CTA
   on mobile while scrolling. The normal in-section CTAs remain
   untouched. Desktop stays unchanged.
   ========================================================= */
.offer-mobile-sticky-cta{display:none!important;}
@media (max-width:700px){
  body[data-page="offer"].offer-floating-cta-active{
    padding-bottom:88px;
  }
  body[data-page="offer"] .offer-mobile-sticky-cta{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    max-width:620px!important;
    min-height:58px!important;
    margin:0 auto!important;
    padding:14px 18px!important;
    border:1px solid rgba(204,153,0,.78)!important;
    border-radius:14px!important;
    z-index:85!important;
    font-size:clamp(12px,3.8vw,15px)!important;
    line-height:1.2!important;
    white-space:normal!important;
    text-align:center!important;
    box-shadow:
      0 10px 28px rgba(0,0,0,.24),
      0 0 0 0 rgba(255,208,31,.65)!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(16px) translateZ(0);
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  }
  body[data-page="offer"] .offer-mobile-sticky-cta.is-visible{
    display:inline-flex!important;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) translateZ(0);
    animation:agrifixStickyCtaGlow 1.65s ease-in-out infinite!important;
  }
  body[data-page="offer"] .offer-mobile-sticky-cta span{
    display:inline-block!important;
    animation:agrifixStickyCtaArrow .95s ease-in-out infinite alternate!important;
  }
}
@media (prefers-reduced-motion:reduce){
  body[data-page="offer"] .offer-mobile-sticky-cta,
  body[data-page="offer"] .offer-mobile-sticky-cta span{
    animation:none!important;
    transition:none!important;
  }
}


/* =========================================================
   V77 — ROBUST MOBILE STICKY PROGRAM CTA
   Body-level floating clone avoids clipping by Section 5 overflow.
   ========================================================= */
.program-mobile-sticky-cta{display:none!important;}
@media (max-width:700px){
  body.program-floating-cta-active{padding-bottom:88px;}
  body[data-page="vsl"] .program-mobile-sticky-cta,
  body[data-page="home"] .program-mobile-sticky-cta{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    max-width:620px!important;
    min-height:58px!important;
    margin:0 auto!important;
    padding:14px 18px!important;
    border:1px solid rgba(204,153,0,.82)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#ffe34f 0%,#ffc91f 100%)!important;
    color:#111!important;
    font-family:Poppins,Arial,sans-serif!important;
    font-size:clamp(12px,3.8vw,15px)!important;
    line-height:1.2!important;
    font-weight:900!important;
    text-align:center!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    z-index:2147483000!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(16px) translateZ(0);
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
    box-shadow:0 10px 28px rgba(0,0,0,.24),0 0 0 0 rgba(255,208,31,.65)!important;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
  }
  body[data-page="vsl"] .program-mobile-sticky-cta.is-visible,
  body[data-page="home"] .program-mobile-sticky-cta.is-visible{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) translateZ(0)!important;
    animation:agrifixStickyCtaGlow 1.65s ease-in-out infinite!important;
  }
  .program-mobile-sticky-cta span{
    display:inline-block!important;
    margin-left:8px!important;
    font-size:23px!important;
    line-height:1!important;
    animation:agrifixStickyCtaArrow .95s ease-in-out infinite alternate!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .program-mobile-sticky-cta,.program-mobile-sticky-cta span{animation:none!important;transition:none!important;}
}


/* =========================================================
   V78 — REAL MOBILE FOLLOWING PROGRAM CTA
   The floating CTA is static HTML under <main>, not a JS clone.
   Body state alone controls it, so it truly stays viewport-fixed.
   ========================================================= */
@media (max-width:700px){
  body[data-page="vsl"] .program-mobile-sticky-cta,
  body[data-page="home"] .program-mobile-sticky-cta{
    display:none!important;
    position:fixed!important;
    inset:auto 14px calc(14px + env(safe-area-inset-bottom,0px)) 14px!important;
    width:auto!important;
    max-width:none!important;
    min-height:58px!important;
    margin:0!important;
    padding:14px 16px!important;
    border:1px solid #d8a900!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#ffe75b 0%,#ffc91e 100%)!important;
    color:#101010!important;
    font-family:Poppins,Arial,sans-serif!important;
    font-size:clamp(12px,3.7vw,15px)!important;
    line-height:1.2!important;
    font-weight:900!important;
    text-align:center!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    z-index:2147483646!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(0,18px,0)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.30),0 0 0 0 rgba(255,204,0,.72)!important;
  }
  body[data-page="vsl"].program-floating-cta-active .program-mobile-sticky-cta,
  body[data-page="home"].program-floating-cta-active .program-mobile-sticky-cta{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0)!important;
    animation:agrifixStickyCtaGlow 1.55s ease-in-out infinite!important;
  }
  body.program-floating-cta-active{padding-bottom:92px!important;}
  .program-mobile-sticky-cta span{
    display:inline-block!important;
    font-size:22px!important;
    line-height:1!important;
    animation:agrifixStickyCtaArrow .9s ease-in-out infinite alternate!important;
  }
}


/* =========================================================
   V79 — PAGE-WIDE MOBILE FOLLOWING CTA
   VSL CTA now follows from the top of the funnel to the bottom,
   rather than activating only when Section 5 reaches the viewport.
   Offer CTA is likewise visible across the full Offer page on mobile.
   ========================================================= */
@media (max-width:700px){
  body[data-page="vsl"]:has(#lead-dialog[open]) .program-mobile-sticky-cta,
  body[data-page="home"]:has(#lead-dialog[open]) .program-mobile-sticky-cta{
    display:none!important;
  }
}


/* =========================================================
   V79.1 — OFFER FARMER TESTIMONIAL VIDEO GALLERY
   Approved desktop/mobile direction from UAT handover pages 6–7.
   ========================================================= */
.offer-testimonials-v791{position:relative;width:90vw!important;max-width:none!important;margin:0 auto!important;background-color:#f7f4e9;background-image:url("../assets/extracted/testimonial-page6-background-v797.png?v=20260920-v79.8");background-repeat:no-repeat;background-position:center bottom;background-size:100% 100%;padding:58px 3vw 70px;color:#123d2b;overflow:hidden}
.offer-testimonials-v791 .testimonial-shell{position:relative;z-index:1;max-width:1180px;margin:0 auto}
.offer-testimonials-v791 .testimonial-kicker{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 8px;color:#47754d;font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.offer-testimonials-v791 .testimonial-kicker:before,.offer-testimonials-v791 .testimonial-kicker:after{content:"";width:62px;height:2px;background:#c7a84d;opacity:.7}
.offer-testimonials-v791 h2{margin:0;text-align:center;color:#103f2a;font-size:clamp(28px,4vw,48px);line-height:1.02;font-weight:950;letter-spacing:-.035em}
.offer-testimonials-v791 .testimonial-intro{max-width:760px;margin:10px auto 28px;text-align:center;color:#526158;font-size:15px;line-height:1.55}
.offer-testimonial-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr);gap:12px;align-items:stretch}
.offer-testimonial-card{position:relative;overflow:hidden;border:0;border-radius:10px;background:#183f2e;color:#fff;box-shadow:0 10px 28px rgba(19,61,43,.14);padding:0;cursor:pointer;text-align:left;min-width:0;isolation:isolate}
.offer-testimonial-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.offer-testimonial-card:hover img,.offer-testimonial-card:focus-visible img{transform:scale(1.025)}
.offer-testimonial-card:focus-visible{outline:4px solid #e1bd50;outline-offset:3px}
.offer-testimonial-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(3,24,15,.12) 58%,rgba(3,24,15,.88) 100%);z-index:1;pointer-events:none}
.offer-testimonial-card.featured{min-height:390px;aspect-ratio:16/9}
.offer-testimonial-support{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.offer-testimonial-card.support{min-height:188px;aspect-ratio:16/10}
.testimonial-play{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.93);box-shadow:0 5px 20px rgba(0,0,0,.22);color:#123d2b;font-size:23px;padding-left:4px;transition:transform .2s ease,background .2s ease}
.featured .testimonial-play{width:72px;height:72px;font-size:29px}
.offer-testimonial-card:hover .testimonial-play{transform:translate(-50%,-50%) scale(1.07);background:#fff9df}
.testimonial-card-copy{position:absolute;z-index:4;left:16px;right:16px;bottom:14px;display:flex;align-items:end;justify-content:space-between;gap:10px;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.testimonial-card-copy strong{display:block;font-size:16px;line-height:1.15;color:#fff}
.featured .testimonial-card-copy strong{font-size:24px}
.testimonial-card-copy small{display:block;margin-top:4px;color:#f2f5ef;font-size:11px;line-height:1.35}
.testimonial-card-copy em{display:inline-block;margin-top:6px;padding:3px 8px;border-radius:99px;background:#2f804b;color:#fff;font-size:10px;font-style:normal;font-weight:800;text-shadow:none}
.testimonial-duration{flex:0 0 auto;padding:3px 6px;border-radius:5px;background:rgba(0,0,0,.62);color:#fff;font-size:11px;font-weight:800;text-shadow:none}
.testimonial-duration:empty{display:none}
.testimonial-unavailable{position:absolute;z-index:5;right:10px;top:10px;padding:5px 8px;border-radius:99px;background:rgba(255,255,255,.9);color:#325845;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.testimonial-mobile-nav{display:none}
.testimonial-disclaimer{display:flex;align-items:flex-start;justify-content:center;gap:8px;max-width:820px;margin:18px auto 14px;text-align:center;color:#667269;font-size:11px;line-height:1.5}
.testimonial-disclaimer .leaf{color:#258149;font-size:18px;line-height:1}
.offer-testimonials-v791 .cta-wrap{margin:0 auto;max-width:410px}
.offer-testimonials-v791 .cta{width:100%}

.testimonial-video-modal[hidden]{display:none!important}
.testimonial-video-modal{position:fixed;inset:0;z-index:2147483645;display:grid;place-items:center;padding:20px;background:rgba(5,20,13,.86);backdrop-filter:blur(5px)}
.testimonial-modal-panel{width:min(960px,96vw);max-height:92vh;border-radius:16px;background:#071d14;box-shadow:0 28px 80px rgba(0,0,0,.5);overflow:hidden;border:1px solid rgba(255,255,255,.16)}
.testimonial-modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:#123d2b;color:#fff}
.testimonial-modal-head strong{font-size:14px;line-height:1.3}
.testimonial-modal-actions{display:flex;gap:8px}
.testimonial-modal-actions button{min-width:44px;min-height:44px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font-size:18px;cursor:pointer}
.testimonial-media-host{display:grid;place-items:center;min-height:260px;background:#000;aspect-ratio:16/9}
.testimonial-media-host video,.testimonial-media-host iframe{display:block;width:100%;height:100%;border:0;background:#000}
.testimonial-modal-empty{padding:42px 24px;text-align:center;color:#fff}
.testimonial-modal-empty b{display:block;font-size:20px;margin-bottom:8px}
.testimonial-modal-empty p{margin:0;color:#cad5cf;font-size:13px;line-height:1.5}
body.testimonial-modal-open{overflow:hidden!important}

@media (max-width:820px){
  .offer-testimonials-v791{width:100%!important;padding:44px 0 38px;background-size:auto 100%;background-position:center bottom}
  .offer-testimonials-v791 .testimonial-shell{max-width:100%;padding:0 16px}
  .offer-testimonials-v791 h2{font-size:clamp(30px,9vw,42px);max-width:520px;margin-inline:auto}
  .offer-testimonials-v791 .testimonial-intro{font-size:14px;padding:0 6px;margin-bottom:20px}
  .offer-testimonial-layout{display:block}
  .offer-testimonial-card.featured{min-height:0;aspect-ratio:4/3;border-radius:8px}
  .featured .testimonial-play{width:66px;height:66px;font-size:27px}
  .featured .testimonial-card-copy strong{font-size:20px}
  .offer-testimonial-support{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;padding:10px 1px 7px;margin-top:0;overscroll-behavior-inline:contain;scrollbar-width:none}
  .offer-testimonial-support::-webkit-scrollbar{display:none}
  .offer-testimonial-card.support{flex:0 0 78%;min-height:0;aspect-ratio:16/10;scroll-snap-align:start;border-radius:8px}
  .testimonial-card-copy{left:12px;right:10px;bottom:10px}
  .testimonial-card-copy strong{font-size:15px}
  .testimonial-play{width:52px;height:52px;min-width:44px;min-height:44px}
  .testimonial-mobile-nav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:9px;margin:2px auto 0;max-width:310px}
  .testimonial-mobile-nav button{width:44px;height:44px;border:0;background:transparent;color:#466554;font-size:26px;cursor:pointer}
  .testimonial-dots{display:flex;align-items:center;justify-content:center;gap:7px}
  .testimonial-dots button{width:9px;height:9px;min-width:9px;min-height:9px;padding:0;border:0;border-radius:50%;background:#c9cec7;cursor:pointer}
  .testimonial-dots button[aria-current="true"]{background:#298148;transform:scale(1.12)}
  .testimonial-swipe-label{text-align:center;margin:0 0 8px;color:#6f776f;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .testimonial-disclaimer{font-size:10px;padding:0 8px;margin-top:10px}
  .offer-testimonials-v791 .cta-wrap{max-width:none;width:100%;padding:0 2px}
  .offer-testimonials-v791 .cta{min-height:54px;font-size:15px}
  .testimonial-video-modal{padding:10px}
  .testimonial-modal-panel{width:100%;border-radius:12px}
  .testimonial-media-host{min-height:210px}
}

/* V79.2 — Dynamic testimonial count safety. */
@media (min-width:821px){
  .offer-testimonial-card.featured{align-self:start;aspect-ratio:16/10;min-height:360px}
  .offer-testimonial-support{align-content:start}
}

/* V79.11 — Checkout email is optional */
.optional-label-v7911{font-weight:700;color:#5f6f63;font-size:.86em}