.kp-sample{padding:40px 0 70px!important;background:var(--cream)!important}.sample-shell{width:min(1240px,94%);margin:auto}.sample-intro{max-width:800px;margin:12px auto 26px;text-align:center}.sample-intro h1{font-size:clamp(38px,5vw,66px);line-height:1.04;letter-spacing:-.045em;margin:10px 0 20px}.sample-intro h1 em{color:var(--orange);font-style:normal}.sample-intro p{font-size:19px;color:var(--muted)}.sample-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:38px;align-items:start}.sample-story{position:sticky;top:100px}.sample-story .coffee-photo{width:100%;border-radius:26px;background:#eee9db;display:block}.sample-story h2{font-size:29px;margin:20px 0 8px}.sample-points{padding:0;list-style:none;display:grid;gap:10px}.sample-points li{padding:10px 0;border-bottom:1px solid #d9dfd6}.sample-points b{color:var(--orange);margin-right:10px}.sample-fan{position:relative;height:200px;margin:22px auto 12px;width:280px}.sample-mini{position:absolute;width:125px;height:165px;border-radius:12px;padding:16px;box-shadow:0 14px 25px var(--ink)20;display:flex;flex-direction:column;justify-content:space-between;font-size:12px;border:1px solid #ffffff60;transition:transform .25s}.sample-mini:nth-child(1){background:#e77b3a;color:#213c34;left:10px;top:15px;transform:rotate(-17deg)}.sample-mini:nth-child(2){background:#eee4cc;left:75px;top:0;transform:rotate(0deg)}.sample-mini:nth-child(3){background:#3e254c;color:#fff;left:145px;top:20px;transform:rotate(17deg)}.sample-mini:hover{transform:translateY(-10px) rotate(0deg)}.sample-mini strong{font-size:22px;line-height:1.05}.sample-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 18px 50px var(--ink)0a}.sample-progress{display:flex;gap:8px;margin:0 0 8px;padding:0;list-style:none}.sample-progress li{flex:1;padding:12px 7px;border-bottom:3px solid #e5e7df;color:#6a756e;font-size:13px}.sample-progress li[aria-current=step]{border-color:var(--orange);color:var(--ink);font-weight:800}.sample-progress li.done{border-color:#3f7654}.sample-form h2{font-size:27px;margin:22px 0 6px}.sample-form .help{color:#5c6b63;font-size:14px;margin:0 0 20px}.sample-form fieldset{border:0;margin:0 0 20px;padding:0;min-width:0}.sample-form legend{font-weight:750;font-size:15px;margin-bottom:10px}.sample-options{display:flex;flex-wrap:wrap;gap:8px}.sample-option{display:flex;align-items:center;gap:7px;border:1.5px solid #d7dccc;border-radius:12px;padding:12px 14px;cursor:pointer;font-size:14px;background:white;line-height:1.35}.sample-option:has(input:checked){background:#f2f7e8;border-color:#567c42;box-shadow:0 0 0 1px #567c42}.sample-option input{accent-color:#395d36;width:17px;height:17px;flex:none}.sample-shapes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sample-shapes .sample-option{flex-direction:column;text-align:center;padding:14px 7px}.sample-shapes .bag-icon{width:40px;height:55px;min-height:55px;background:#385c4d}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sample-field{display:flex;flex-direction:column;gap:6px;font-size:14px;margin-bottom:16px}.sample-field label{font-weight:700}.sample-field input,.sample-field select,.sample-field textarea,.code-line input{font:inherit;border:1.5px solid #c9d1c5;border-radius:10px;padding:12px;width:100%;background:white;min-height:48px;color:var(--ink)}.sample-field input:focus,.sample-field select:focus,.sample-field textarea:focus{outline:3px solid var(--orange)40;border-color:#ad591d}.sample-field small{color:#647065;font-size:12px}.sample-check{display:flex;gap:10px;font-size:14px;margin:14px 0;align-items:flex-start}.sample-check input{margin-top:4px;accent-color:#31573d;flex:none}.sample-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px;align-items:center}.sample-actions .btn{min-height:48px}.sample-error{color:#9c2525;font-size:14px;padding:12px;border:1px solid #ebbbbb;border-radius:9px;background:#fff7f7}.sample-note{background:#f5f0df;border:1px solid #ded3b6;border-radius:12px;padding:13px;font-size:14px;line-height:1.6;margin:16px 0}.sample-summary{display:grid;grid-template-columns:1fr 1.6fr;gap:8px;font-size:14px;overflow-wrap:anywhere}.sample-summary dt{color:#5e6c62}.sample-summary dd{margin:0;font-weight:650;white-space:pre-line}.sample-verify{padding:16px;border:1px solid var(--line);border-radius:14px;margin:14px 0}.sample-verify h3{font-size:18px;margin:0 0 10px}.code-line{display:flex;gap:8px;margin:10px 0}.code-line input{letter-spacing:3px;max-width:190px}.sample-contacts{display:flex;flex-wrap:wrap;gap:14px;margin:25px 0;font-size:14px}.sample-contacts a{text-decoration:underline}.sample-required{font-size:12px;color:#6a736b;margin:12px 0}.sample-saved{font-size:13px;color:#315f38}.sample-status{font-size:13px;margin-top:10px;line-height:1.5}.sample-form [hidden],.kp-sample [hidden]{display:none!important}.sample-form input[aria-invalid=true],.sample-form select[aria-invalid=true]{border-color:#a6332a}.preview-pill{display:inline-block;border:1px solid #cfc7b6;border-radius:30px;padding:5px 13px;font-size:12px;color:#6c624c}.sample-form button:disabled{opacity:.55;cursor:not-allowed}.sample-success{padding:25px;background:#eef4e6;border-radius:20px}.sample-success h2{font-size:30px}.sample-hp{position:absolute;left:-10000px;height:1px;overflow:hidden}.sample-mobile-benefit{display:none}@media(max-width:900px){.sample-layout{grid-template-columns:1fr}.sample-story{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.sample-story .coffee-photo{align-self:center}.sample-story .sample-fan{display:none}.sample-story h2{font-size:23px}.sample-card{padding:24px}.sample-intro{margin-top:0}}@media(max-width:540px){.sample-story{display:none}.sample-mobile-benefit{display:block;text-align:center;font-size:14px;margin-bottom:20px}.sample-mobile-benefit img{height:170px;object-fit:contain;border-radius:15px;margin:auto}.sample-grid{grid-template-columns:1fr;gap:0}.sample-card{padding:18px;border-radius:18px}.sample-intro h1{font-size:39px}.sample-intro p{font-size:16px}.sample-progress li{font-size:11px}.sample-shapes{gap:5px}.sample-option{padding:10px;font-size:13px}.sample-actions .btn{padding:12px;font-size:14px}.sample-summary{grid-template-columns:1fr}.sample-summary dd{margin-bottom:8px}.code-line{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.sample-mini{transition:none}}

.kp-sample{font-family:inherit;color:var(--ink)}.sample-card{box-shadow:var(--shadow)}.sample-form .btn{box-shadow:0 5px 0 #203f3512}.sample-form .btn:hover{transform:translateY(-1px)}.sample-progress li[aria-current=step]{box-shadow:inset 0 -1px var(--orange)}.sample-required-star{color:var(--orange)}

/* Latest Plan B badge: matching cart yellow, green lettering, raised depth. */
.sample-headline-badge{display:inline-block;max-width:100%;padding:19px 32px;margin:4px auto 24px!important;border:1px solid #dbc485;border-radius:999px;background:linear-gradient(145deg,#fff8dc,var(--gold));color:var(--ink)!important;font-size:clamp(19px,2.4vw,31px)!important;line-height:1.25;font-weight:850;letter-spacing:-.025em;box-shadow:5px 7px 18px #203f3528,inset 1px 1px 0 #fffdf7;}
body[data-page="sample-pack"] .sample-intro{margin-top:22px}
body[data-page="sample-pack"] .sample-shell>.home-contact-rail{width:100%;margin-bottom:26px}
body[data-page="sample-pack"] .main-nav{gap:clamp(8px,1.05vw,16px);font-size:14px}
body[data-page="sample-pack"] .sample-story{top:115px}
body[data-page="sample-pack"] .sample-mobile-benefit img{width:100%;height:auto;max-height:250px;object-fit:contain}
@media(max-width:540px){.sample-headline-badge{border-radius:26px;padding:17px 20px;font-size:21px!important}.sample-shell{width:94%}.sample-card{padding:18px}.sample-shell>.home-contact-rail{margin-bottom:18px}}

/* Sample request review, 12 November 2026: preview only. */
.sample-intro{max-width:none;width:100%}.sample-headline-badge{display:block;width:100%;max-width:none;box-sizing:border-box;box-shadow:5px 8px 20px #203f3535,inset 1px 1px 0 #fffdf7}.sample-intro .sample-welcome{font-size:22.8px;max-width:820px;margin:0 auto 28px}.sample-story .coffee-photo{box-shadow:0 18px 34px #203f3538}.sample-story{position:static!important}.sample-mini{box-sizing:border-box;height:180px;width:135px;padding:12px;box-shadow:0 15px 24px #203f3540;overflow:hidden;animation:sample-shuffle 3s infinite ease-in-out}.sample-mini strong{font-size:19px;margin-top:9px;margin-bottom:auto}.sample-mini span,.sample-mini small{font-size:10px;line-height:1.3}.sample-mini:nth-child(1){--tilt:-17deg;animation-delay:0s}.sample-mini:nth-child(2){--tilt:0deg;animation-delay:.2s}.sample-mini:nth-child(3){--tilt:17deg;animation-delay:.4s}.sample-fan{height:225px;width:300px}.meet-kanga{color:var(--ink)}.meet-pouch{color:var(--orange)}.sample-team-contact{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-weight:700;margin:22px 0}.sample-team-contact img{border-radius:50%;object-fit:cover;box-shadow:0 5px 15px #203f3530}.sample-progress{gap:0;isolation:isolate;margin-bottom:22px}.sample-progress li{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;padding:17px 16px;border:0;background:#f8e0dd;color:#633b34;font-size:15.6px;font-weight:750;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%)}.sample-progress li:first-child{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}.sample-progress li:before{content:'';width:9px;height:9px;background:#b85a50;border-radius:50%;flex:none}.sample-progress li.done{background:#e0efdf;color:#244b34}.sample-progress li.done:before{background:#327444}.sample-progress li[aria-current=step]{background:#ffe29a;color:#244334;box-shadow:inset 0 -4px #e8ae30;animation:sample-glow 2.5s ease-in-out infinite}.sample-progress li[aria-current=step]:before{background:#e1a100;box-shadow:0 0 0 4px #fff8dd}.sample-form legend{font-size:18px}.sample-field label{font-size:16px}.sample-calculator{background:linear-gradient(135deg,#ede5fc,#f7f1ff);border:1px solid #cbb6ec;border-radius:20px;padding:22px;margin:8px 0 25px;color:#47335e;box-shadow:0 8px 20px #61428c14}.sample-calculator h3{margin-top:0;font-size:23px}.sample-calculator p{font-size:15px;line-height:1.55}#stock-results{display:grid;grid-template-columns:1fr 1fr;gap:12px}#stock-results>div{display:flex;flex-direction:column;gap:6px;background:#ffffffa8;border-radius:12px;padding:16px}#stock-results strong{font-size:25px}#stock-results small,#stock-results>p{grid-column:1/-1}.sample-slot-section legend{float:none;width:100%;text-align:center;font-size:25px}.sample-slot-section>p{text-align:center;font-size:16px}.sample-slots{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sample-slot{align-items:flex-start;background:#e6f0df;box-shadow:0 5px 0 #203f3515;border-radius:16px;padding:17px}.sample-slot:nth-child(2){background:#fff0c9}.sample-slot:nth-child(3){background:#fbe2d2}.sample-slot:nth-child(4){background:#ede3f7}.sample-slot strong,.sample-slot small{display:block}.sample-slot strong{font-size:16px;margin-bottom:9px}.sample-slot small{font-size:13px;line-height:1.4}.sample-slot-unsure{grid-column:1/-1;justify-content:center;background:white}.sample-shape-visual{width:100%;max-width:110px;height:130px;display:block}.sample-shape-visual svg{width:100%;height:100%}.sample-actions .btn.primary{border-radius:18px;background:linear-gradient(135deg,#ffb36c,var(--orange));color:#203f35;font-weight:850;border:1px solid #ce7131;box-shadow:0 6px 0 #ad591d35,0 12px 22px #df8e2720;padding:16px 22px;transition:transform .2s}.sample-actions .btn.primary:hover{transform:translateY(-3px)}.sample-actions .sample-required{max-width:180px}.sample-service-contact{border:2px solid #c3d3bb;background:#f2f7ed;border-radius:14px;padding:15px;cursor:pointer}.sample-service-contact:has(input[aria-invalid=true]){border-color:#af392b;background:#fff0eb;box-shadow:0 0 0 3px #c95e3420}.sample-check input{min-width:21px;min-height:21px}.sample-truck{display:inline-block;animation:sample-drive 2.5s ease-in-out infinite}.sample-error{position:sticky;top:10px;z-index:3;font-size:16px}.sample-card{scroll-margin-top:110px}.sample-form [aria-invalid=true]{outline:2px solid #af392b;outline-offset:3px}.sample-story-lead{font-weight:700}
@keyframes sample-shuffle{0%,16.67%,100%{transform:translateY(0) rotate(var(--tilt))}43%{transform:translate(18px,-15px) rotate(calc(var(--tilt) + 10deg))}70%{transform:translate(-9px,4px) rotate(calc(var(--tilt) - 6deg))}}
@keyframes sample-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.08)}}
@keyframes sample-drive{0%,100%{transform:translateX(0)}50%{transform:translateX(9px)}}
@media(max-width:540px){.sample-intro .sample-welcome{font-size:19.2px}.sample-progress li{font-size:13.2px;padding:15px 8px;gap:4px}.sample-progress li:before{width:7px;height:7px}.sample-slots{grid-template-columns:1fr}.sample-actions{flex-wrap:wrap}.sample-actions .btn.primary{flex:1;font-size:15px}.sample-slot-unsure{grid-column:auto}#stock-results strong{font-size:22px}.sample-calculator{padding:16px}.sample-story{display:block!important}.sample-story>div:first-child>.coffee-photo{display:none}.sample-story .sample-fan{display:block}.sample-story h2{font-size:27px}.sample-story>div:nth-child(2)>p,.sample-story .sample-points{font-size:15px}.sample-story{margin-bottom:14px}.sample-team-contact{align-items:center}.sample-layout{gap:16px}}
@media(prefers-reduced-motion:reduce){.sample-mini,.sample-truck,.sample-progress li[aria-current=step]{animation:none}.sample-actions .btn.primary{transition:none}}

/* Optional qualification preserves the short request path. */
.sample-extra{border:1px solid #d6dfd7;border-radius:16px;padding:1rem;margin:1rem 0}.sample-extra summary{font-weight:750;cursor:pointer;color:#224b37;padding:.5rem 0}.sample-extra[open] summary{margin-bottom:.75rem}.sample-form .sample-grid{grid-template-columns:1fr}.sample-welcome{max-width:50rem}


.sample-contacts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 24px}.sample-contacts a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #cbd7c9;border-radius:999px;background:#fff;color:var(--ink);font-weight:700;text-decoration:none}.sample-contacts a:hover,.sample-contacts a:focus-visible{border-color:var(--orange);outline:2px solid var(--orange);outline-offset:2px}

/* Clear, static send-code actions; no flashing required. */
.sample-verify .sample-send-code{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:16px 20px;background:#f49a45;color:#17382b;border:2px solid #9b4c17;border-radius:14px;font-size:18px;font-weight:800;box-shadow:0 4px 0 #9b4c1730}.sample-send-code:focus-visible,#retry-verification:focus-visible{outline:3px solid #17382b;outline-offset:4px}.sample-verify .sample-send-code:disabled{background:#eee7dc;color:#4a514b;border-color:#aeb5ab;box-shadow:none;opacity:1}.sample-qualification{margin-top:20px}

/* Saved requests replace the signup pitch and open at the page top. */
body.sample-complete .sample-shell > :not(.sample-layout),
body.sample-complete .sample-story,
body.sample-complete .sample-progress,
body.sample-complete .footer,
body.sample-complete .sample-confirmation-reference{display:none!important}
body.sample-complete .sample-layout{display:block}
body.sample-complete .sample-card{max-width:760px;margin:0 auto}
body.sample-complete .sample-success{padding:clamp(24px,5vw,48px)}
body.sample-complete .sample-success h1{font-size:clamp(32px,5vw,48px);line-height:1.1;margin:0 0 16px}
body.sample-complete .sample-success p{font-size:20px;margin:0}
body.sample-complete #sample-success-title:focus{outline:none}

/* Luella contact: circular portrait beside the label. */
.sample-luella-contact{gap:10px}.sample-luella-contact img{width:40px;height:40px;flex:none;object-fit:cover;border-radius:50%}.sample-team-contact{flex-direction:row;align-items:center;gap:12px}

/* Preview: clear selected stock period and January slot; independent from green CTAs. */
.stock-term-choice{border:0;padding:0;margin:12px 0 16px;min-width:0}
.stock-term-choice legend{font-size:15px;font-weight:800;margin-bottom:10px;color:#37264d}
.stock-term-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.stock-term-buttons label{position:relative;cursor:pointer}
.stock-term-buttons input{position:absolute;inset:0;opacity:0;cursor:pointer}
.stock-term-buttons span{display:block;text-align:center;background:#fff;color:#37264d;border:2px solid #b7a6d1;padding:12px 6px;border-radius:12px;font-weight:800;font-size:14px}
.stock-term-buttons input:checked+span{background:#17283f;color:white;border-color:#17283f;box-shadow:0 0 0 3px #d8b5f9}
.stock-term-buttons input:focus-visible+span{outline:3px solid #bb660b;outline-offset:3px}
#stock-results{display:block}
#stock-results .stock-primary{background:#fff;border:2px solid #b7a6d1;border-radius:14px;padding:20px;display:grid;gap:7px}
#stock-results .stock-primary strong{font-size:clamp(28px,5vw,42px);line-height:1.1}
#stock-results .stock-primary span{font-weight:800;font-size:16px}
#stock-results .stock-primary small{color:#615c6b}
.sample-slot:has(input[value="January 2027"]:checked){background:#17283f!important;color:#fff!important;border:3px solid #f8c968;box-shadow:0 0 0 4px #f8c96885,0 9px 16px #10182a32}
.sample-slot:has(input[value="January 2027"]:checked) span,
.sample-slot:has(input[value="January 2027"]:checked) strong,
.sample-slot:has(input[value="January 2027"]:checked) small{color:#fff!important}
.sample-slot:has(input[value="January 2027"]:checked) strong:after{content:"  ✓ Selected";font-size:.85em;color:#ffe5a5}
.sample-slot:has(input[value="January 2027"]:focus-visible){outline:3px solid #bf5700;outline-offset:3px}
@media(max-width:480px){.stock-term-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Plan B only: email-first 100 + optional WhatsApp 100 preview offer. */
.sample-voucher-offer{position:relative;box-sizing:border-box;width:min(700px,100%);margin:24px auto 20px 0;padding:23px 27px 21px;text-align:left;background:linear-gradient(138deg,#fff6cf,#ffe1a0 54%,#fff4d0);border:2px solid #b88b33;border-radius:24px;box-shadow:0 16px 36px #302c2230;color:#203f35}
.sample-voucher-offer .sample-voucher-star{position:absolute;right:-13px;top:-18px;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:3px solid #fff;background:#f7c940;color:#644b0b;font-size:34px;box-shadow:0 6px 15px #3a3a2e50;transform:rotate(-13deg)}
.sample-voucher-offer .voucher-kicker{margin:0 0 6px!important;color:#705013!important;letter-spacing:.12em;font-size:12px!important;font-weight:850}
.sample-voucher-offer h2{font-size:clamp(25px,3.3vw,37px);line-height:1.12;margin:0 0 10px}
.sample-voucher-offer h2 strong{color:#a64619}
.sample-voucher-offer p{font-size:16px;color:#203f35;line-height:1.38;margin:8px 0}
.sample-voucher-offer .voucher-subtext{font-size:14px;margin:10px 0 16px}
.sample-voucher-offer label:not(.voucher-check){display:block;font-size:14px;font-weight:750;margin:12px 0 6px}
.sample-voucher-offer .voucher-fields{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
.sample-voucher-offer .voucher-fields input{min-width:0;flex:1 1 195px;min-height:48px;padding:10px 12px;border-radius:11px;border:1.5px solid #b0a383;background:#fff;font-size:16px}
.sample-voucher-offer .voucher-fields .btn{min-height:48px;padding:10px 15px;font-size:14px;white-space:normal}
.sample-voucher-offer .voucher-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.4;margin:12px 0;text-align:left;color:#294033}
.sample-voucher-offer .voucher-check input{margin:3px 0 0;flex:none;accent-color:#385b37;width:17px;height:17px}
.sample-voucher-offer .voucher-terms{font-size:12px;line-height:1.4;color:#5f572c;margin-top:16px}
.sample-voucher-offer #voucher-status{font-size:13px;font-weight:700;min-height:16px;margin:11px 0}
.sample-voucher-offer [hidden]{display:none!important}
.sample-voucher-offer #voucher-email-verify,.sample-voucher-offer #voucher-whatsapp-section{margin-top:13px;padding-top:12px;border-top:1px solid #cfaf71}
.sample-voucher-offer #voucher-rewards{overflow-wrap:anywhere;font-size:13px;font-weight:700}
.sample-voucher-offer #voucher-rewards p{font-size:13px}
.sample-extra-questions{margin:14px 0;border:1px solid #d0d6c8;background:#f9fbf5;border-radius:14px;padding:13px 16px}
.sample-extra-questions summary{cursor:pointer;font-size:15px;font-weight:750;color:#254a3a;padding:4px}
.sample-extra-questions[open] summary{margin-bottom:18px}
@media(max-width:600px){.sample-voucher-offer{width:100%;margin:28px auto 20px;padding:20px 16px 18px}.sample-voucher-offer .sample-voucher-star{right:9px;top:-24px}.sample-voucher-offer .voucher-fields{flex-direction:column}.sample-voucher-offer .voucher-fields .btn{width:100%}.sample-voucher-offer h2{max-width:85%}}
@media(prefers-reduced-motion:reduce){.sample-voucher-offer .sample-voucher-star{transform:none}}

/* Preview voucher clarity and recovery: keep the short email action visible. */
@media(min-width:701px){.sample-voucher-offer{width:min(600px,100%);margin:24px 0 22px auto;padding-right:114px}}
.sample-voucher-offer .sample-voucher-star{right:12px;top:12px;width:83px;height:83px;display:flex;flex-direction:column;gap:0;transform:rotate(9deg);line-height:1;background:#f7c940;border:3px solid #fff;box-shadow:0 4px 18px #3a3a2e44}
.sample-voucher-offer .sample-voucher-star strong{font-size:30px;color:#573d07;line-height:1.1}
.sample-voucher-offer .sample-voucher-star small{font-size:12px;font-weight:900;letter-spacing:.12em;color:#573d07}
.sample-voucher-offer .voucher-recovery{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.sample-voucher-offer .voucher-text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;font-size:14px;font-weight:750;color:#274f4c;cursor:pointer;padding:10px 4px;min-height:44px}
.sample-voucher-offer .voucher-text-button:disabled{cursor:not-allowed;opacity:.65;text-decoration:none}
.sample-voucher-offer .voucher-text-button:focus-visible{outline:3px solid #9a3e0a;outline-offset:2px}
@media(max-width:700px){.sample-voucher-offer{margin:28px auto 20px;padding:24px 16px 18px}.sample-voucher-offer .sample-voucher-star{right:10px;top:8px;width:64px;height:64px}.sample-voucher-offer .sample-voucher-star strong{font-size:24px}.sample-voucher-offer .sample-voucher-star small{font-size:10px}.sample-voucher-offer h2{max-width:75%;font-size:clamp(23px,6vw,30px)}.sample-voucher-offer .voucher-recovery{justify-content:space-between}}

/* 13 Nov preview layout repair: a genuinely compact reward beside the main form. */
body[data-page="sample-pack"] .sample-voucher-after-louella{width:100%;margin:14px 0 0}
body[data-page="sample-pack"] .sample-voucher-offer{
  width:100%;max-width:430px;margin:0;padding:18px 18px 14px;
  border-radius:16px;box-shadow:0 9px 22px #26332b20;text-align:left;
  background:linear-gradient(130deg,#fff9dc,#ffe6ac);
}
body[data-page="sample-pack"] .sample-voucher-offer .sample-voucher-star{
  right:12px;top:12px;width:53px;height:53px;border-width:2px;
  box-shadow:0 3px 10px #40321622;transform:rotate(7deg);
}
body[data-page="sample-pack"] .sample-voucher-offer .sample-voucher-star strong{font-size:20px}
body[data-page="sample-pack"] .sample-voucher-offer .sample-voucher-star small{font-size:8px}
body[data-page="sample-pack"] .sample-voucher-offer .voucher-kicker{font-size:10px!important;margin:0 56px 4px 0!important}
body[data-page="sample-pack"] .sample-voucher-offer h2{
  font-size:clamp(21px,2.1vw,25px);line-height:1.15;
  margin:0 55px 5px 0;max-width:none;
}
body[data-page="sample-pack"] .sample-voucher-offer .voucher-brief{
  font-size:13px;line-height:1.4;margin:5px 0 10px;
}
body[data-page="sample-pack"] .sample-voucher-offer .voucher-asterisk{
  color:#533e0a;font-size:15px;vertical-align:top;margin-left:2px;text-decoration:none;
}
body[data-page="sample-pack"] .sample-voucher-offer label:not(.voucher-check){margin:8px 0 4px;font-size:13px}
body[data-page="sample-pack"] .sample-voucher-offer .voucher-fields{gap:6px}
body[data-page="sample-pack"] .sample-voucher-offer .voucher-fields input{min-height:44px;flex:1 1 150px}
body[data-page="sample-pack"] .sample-voucher-offer .voucher-fields .btn{min-height:44px;padding:8px 12px;font-size:13px}
body[data-page="sample-pack"] .sample-voucher-offer .voucher-check{font-size:12px;line-height:1.35;margin:9px 0}
body[data-page="sample-pack"] .sample-voucher-offer .voucher-terms{font-size:11px;line-height:1.3;margin:6px 0 0}
body[data-page="sample-pack"] .sample-voucher-offer .voucher-terms a{color:#3d4233;text-decoration:underline;text-underline-offset:2px}
body[data-page="sample-pack"] .sample-voucher-offer #voucher-status{font-size:12px;margin:6px 0;min-height:0}
body[data-page="sample-pack"] .sample-story .sample-primary-heading{
  font-size:clamp(28px,3.3vw,40px);line-height:1.13;letter-spacing:-.035em;
  margin:20px 0 5px;color:var(--ink);
}
body[data-page="sample-pack"] .sample-story .sample-primary-heading em{color:var(--orange);font-style:normal}
body[data-page="sample-pack"] .sample-footer-terms{
  max-width:1240px;width:calc(100% - 48px);margin:20px auto 0;
  padding:14px 0 0;border-top:1px solid #ffffff40;
}
body[data-page="sample-pack"] .sample-footer-terms p{
  font-size:12px;line-height:1.65;color:#e2e9d9;margin:0;
}
body[data-page="sample-pack"] .sample-footer-terms a{color:#fff3ba;text-decoration:underline}
@media(max-width:900px){
  body[data-page="sample-pack"] .sample-story{display:flex;flex-direction:column;gap:12px}
}
@media(max-width:540px){
  /* The old mobile rule hid the whole story. Keep Louella and the compact offer visible. */
  body[data-page="sample-pack"] .sample-story{display:flex!important;flex-direction:column;gap:12px;margin-bottom:16px}
  body[data-page="sample-pack"] .sample-story>div:not(.sample-voucher-after-louella){display:none!important}
  body[data-page="sample-pack"] .sample-story .sample-team-contact{display:flex}
  body[data-page="sample-pack"] .sample-voucher-offer{max-width:none;margin:0;padding:15px}
  body[data-page="sample-pack"] .sample-voucher-offer .voucher-fields{flex-direction:column}
  body[data-page="sample-pack"] .sample-voucher-offer .voucher-fields .btn{width:100%}
  body[data-page="sample-pack"] .sample-voucher-offer h2{font-size:22px}
  body[data-page="sample-pack"] .sample-story .sample-primary-heading{font-size:30px;margin:11px 0 6px}
  body[data-page="sample-pack"] .sample-footer-terms{width:calc(100% - 32px)}
}

/* Plan B, 13 Nov: image-led sample hero. Overlay the original full-resolution animated Artwork Cafe artwork. */
body[data-page="sample-pack"] .sample-intro{margin:12px auto 12px}
body[data-page="sample-pack"] .sample-intro .sample-motion-banner{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:188px;max-width:none;width:100%;padding:16px clamp(20px,4vw,52px);
  border-radius:30px;text-align:left;overflow:visible;position:relative;
}
body[data-page="sample-pack"] .sample-motion-banner .sample-banner-copy{
  flex:1 1 auto;min-width:0;max-width:calc(100% - 240px);z-index:2;
  margin:0!important;padding:0;font-size:clamp(20px,2.7vw,35px)!important;
  line-height:1.2;font-weight:850;color:#214631!important;
  text-shadow:0 1px 0 #fff6c2;
}
body[data-page="sample-pack"] .sample-banner-art{
  flex:0 0 clamp(170px,24vw,320px);width:clamp(170px,24vw,320px);
  height:182px;position:relative;z-index:1;pointer-events:none;align-self:center;
}
body[data-page="sample-pack"] .sample-banner-art picture{display:block;position:absolute;inset:-48px -4px -42px -10px}
body[data-page="sample-pack"] .sample-banner-art img{
  display:block;width:100%;height:100%;object-fit:contain;
  transform:rotate(9deg) scale(1.13);transform-origin:center;
  filter:drop-shadow(13px 19px 10px #203f3540);
}
body[data-page="sample-pack"] .sample-intro .sample-welcome{font-size:clamp(24px,3.2vw,34px);line-height:1.25;font-weight:800;max-width:850px;text-align:center;margin:18px auto 16px}
body[data-page="sample-pack"] .sample-contacts{margin:10px auto 16px;align-items:center}
body[data-page="sample-pack"] .sample-contacts a{
  display:inline-flex;align-items:center;gap:10px;justify-content:center;
  padding:6px 15px;min-height:50px;text-decoration:none;
}
body[data-page="sample-pack"] .sample-contacts a img.sample-ceo-photo{
  width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none;
  box-shadow:0 3px 9px #122e2340;
}
body[data-page="sample-pack"] .sample-call-icon{
  flex:0 0 31px;width:31px;height:31px;padding:5px;border-radius:50%;
  background:#ffe6a7;color:#244b34;transform-origin:center;
  animation:sample-phone-ring 3.4s ease-in-out infinite;
}
@keyframes sample-phone-ring{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(-18deg)}79%{transform:rotate(15deg)}83%{transform:rotate(-12deg)}87%{transform:rotate(8deg)}91%{transform:rotate(0)}}
body[data-page="sample-pack"] .sample-hero-title{
  font-size:clamp(32px,4.5vw,55px);font-weight:850;letter-spacing:-.04em;
  line-height:1.1;margin:10px auto 22px;text-align:center;color:var(--ink);
}
body[data-page="sample-pack"] .sample-hero-title em{font-style:normal;color:var(--orange)}
body[data-page="sample-pack"] .sample-connection-stage{position:relative;isolation:isolate;overflow:visible}
body[data-page="sample-pack"] .sample-connection-stage img{
  width:100%;display:block;height:auto;border-radius:22px;
}
body[data-page="sample-pack"] .sample-joey-bounce{
  position:absolute;left:52%;top:35%;z-index:2;
  width:20%;min-width:63px;max-width:100px;padding:8px 4px;
  border:1px solid #d5c19d;border-radius:4px 4px 2px 2px;
  background:linear-gradient(#fff9e7,#f8e1b3);
  box-shadow:0 7px 10px #193b3344;transform:translate(-50%,0) rotate(-2deg);
  color:#223d35;font-size:clamp(8px,1vw,12px);font-weight:900;
  line-height:1.15;letter-spacing:.015em;text-align:center;
  pointer-events:none;animation:sample-card-pulse 2.7s ease-in-out infinite;
}
@keyframes sample-card-pulse{
  0%,100%{transform:translate(-50%,4px) rotate(-2deg)}
  50%{transform:translate(-50%,-14px) rotate(1deg)}
}
body[data-page="sample-pack"] .sample-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-page="sample-pack"] .sample-progress li{
  min-width:0;white-space:nowrap;flex-wrap:nowrap;gap:4px;padding:14px 8px;
  font-size:clamp(10px,1.15vw,14px);letter-spacing:-.015em;
}
body[data-page="sample-pack"] .sample-progress li span{display:inline-block;white-space:nowrap}
@media(max-width:900px){
  body[data-page="sample-pack"] .sample-intro .sample-motion-banner{min-height:165px}
  body[data-page="sample-pack"] .sample-banner-art{flex-basis:205px;width:205px;height:150px}
  body[data-page="sample-pack"] .sample-banner-art picture{inset:-33px -5px -28px -10px}
  body[data-page="sample-pack"] .sample-motion-banner .sample-banner-copy{max-width:calc(100% - 185px)}
}
@media(max-width:540px){
  body[data-page="sample-pack"] .sample-intro .sample-motion-banner{
    padding:14px 12px 14px 16px;gap:2px;min-height:128px;border-radius:23px;
  }
  body[data-page="sample-pack"] .sample-motion-banner .sample-banner-copy{
    font-size:clamp(15px,4vw,21px)!important;max-width:calc(100% - 105px);
    line-height:1.18;
  }
  body[data-page="sample-pack"] .sample-banner-art{width:113px;height:113px;flex-basis:113px}
  body[data-page="sample-pack"] .sample-banner-art picture{inset:-18px -5px -17px -10px}
  body[data-page="sample-pack"] .sample-banner-art img{transform:rotate(10deg) scale(1.04)}
  body[data-page="sample-pack"] .sample-contacts{gap:7px;justify-content:space-between;flex-wrap:wrap}
  body[data-page="sample-pack"] .sample-contacts a{font-size:12px;padding:5px 8px;min-height:46px;gap:6px}
  body[data-page="sample-pack"] .sample-contacts .sample-luella-contact img,
  body[data-page="sample-pack"] .sample-contacts .sample-ceo-photo{width:29px;height:29px}
  body[data-page="sample-pack"] .sample-call-icon{width:26px;height:26px;flex-basis:26px;padding:4px}
  body[data-page="sample-pack"] .sample-hero-title{font-size:31px;margin:12px auto 16px}
  body[data-page="sample-pack"] .sample-progress{gap:0}
  body[data-page="sample-pack"] .sample-progress li{
    font-size:clamp(9px,2.6vw,11px);gap:1px;padding:12px 2px;
    letter-spacing:-.025em;
  }
  body[data-page="sample-pack"] .sample-progress li:before{width:5px;height:5px;flex-basis:5px}
  body[data-page="sample-pack"] .sample-mobile-benefit .sample-joey-bounce{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="sample-pack"] .sample-call-icon,
  body[data-page="sample-pack"] .sample-joey-bounce{animation:none!important}
  body[data-page="sample-pack"] .sample-joey-bounce{transform:translate(-50%,0) rotate(-2deg)}
}

/* Owner-requested form and stock calculator polish (Plan B preview only). */
body[data-page="sample-pack"] .sample-extra-questions{display:block;border:1px solid #c8d9bb;background:#f7f9ee;border-radius:18px;padding:18px;margin:15px 0}
body[data-page="sample-pack"] .sample-extra-title{font-size:20px;color:#234931;margin:0 0 18px}
body[data-page="sample-pack"] .sample-packaging-option{flex:1 1 145px;min-height:67px;border-width:2px;font-weight:750;box-shadow:0 4px 10px #26392712}
body[data-page="sample-pack"] .sample-packaging-option:nth-child(1){background:#e9f5e2;border-color:#93bd8b}
body[data-page="sample-pack"] .sample-packaging-option:nth-child(2){background:#f9edce;border-color:#d7b462}
body[data-page="sample-pack"] .sample-packaging-option:nth-child(3){background:#e8e7f9;border-color:#a5a1d8}
body[data-page="sample-pack"] .sample-packaging-option:has(input:checked){outline:3px solid #28774a;outline-offset:2px;box-shadow:0 4px 13px #2b6c4560}
body[data-page="sample-pack"] .sample-calculator{background:linear-gradient(137deg,#eadbf8,#f7e8ff 54%,#d6caee);border:2px solid #c4a4dc;box-shadow:0 13px 25px #58327333,inset 0 2px 0 #ffffff99}
body[data-page="sample-pack"] .sample-calculator h3{position:relative;font-size:26.5px;max-width:100%;padding-right:36px;font-weight:850}
body[data-page="sample-pack"] .sample-calc-kangaroo{display:inline-block;position:absolute;left:52%;top:0;animation:sample-three-hops 3.5s ease-in forwards;pointer-events:none}
@keyframes sample-three-hops{0%{left:53%;top:0;opacity:1;transform:translateY(0) rotate(0)}14%{left:60%;top:-25px;transform:translateY(-5px) rotate(-9deg)}26%{left:67%;top:0;transform:translateY(0)}40%{left:75%;top:-31px;transform:translateY(-5px) rotate(12deg)}52%{left:82%;top:0;transform:translateY(0)}67%{left:90%;top:-43px;transform:translateY(-6px) rotate(-9deg)}84%{left:102%;top:-65px;opacity:1}100%{left:112%;top:-95px;opacity:0}}
body[data-page="sample-pack"] .stock-term-buttons span{background:linear-gradient(145deg,#fff2bf,#f7daa0);border-color:#c8a45b;box-shadow:0 3px 8px #7e59251c}
body[data-page="sample-pack"] .stock-term-buttons input:checked+span{background:linear-gradient(145deg,#f7bf52,#dc8e1d);border-color:#b77c17;color:#253b32;box-shadow:0 0 0 3px #fff5b4,0 6px 11px #9a762951}
body[data-page="sample-pack"] #stock-results .stock-primary{background:linear-gradient(137deg,#fff5c6,#f7c966,#ffe19b);border:2px solid #cb9c31;box-shadow:0 0 0 3px #ffe9925b,0 12px 22px #aa7c354d;gap:8px}
body[data-page="sample-pack"] #stock-results .stock-primary strong{font-size:clamp(29px,5vw,44px);color:#224635;line-height:1.1}
body[data-page="sample-pack"] #stock-results .stock-primary .stock-label{font-size:18px;font-weight:800;color:#4f3d1e}
body[data-page="sample-pack"] #stock-results .stock-primary small{font-size:13px;line-height:1.5;color:#57451f}
body[data-page="sample-pack"] .sample-pricing-whatsapp{display:inline-flex;align-items:center;gap:9px;max-width:100%;padding:6px 13px;border-radius:13px;background:#dcf3e4;border:2px solid #69b481;color:#163e2d;font-weight:750;text-decoration:none}
body[data-page="sample-pack"] .sample-pricing-whatsapp[hidden]{display:none!important}
body[data-page="sample-pack"] .sample-pricing-whatsapp img{width:36px;height:36px;border-radius:50%;object-fit:cover}
body[data-page="sample-pack"] .sample-slot-heading{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap}
body[data-page="sample-pack"] .sample-slot-heading img{max-width:150px;width:120px;height:auto;object-fit:contain}
body[data-page="sample-pack"] .sample-phone-line{display:flex;align-items:stretch;gap:8px}
body[data-page="sample-pack"] .sample-country-prefix{display:grid;place-items:center;padding:0 13px;min-width:59px;border:1.5px solid #b4c9b1;background:#e7f0df;border-radius:11px;font-size:17px;font-weight:800;color:#245037}
body[data-page="sample-pack"] .sample-phone-line input{flex:1 1 auto;min-width:0}
@media(max-width:540px){body[data-page="sample-pack"] .sample-calculator h3{font-size:25px}body[data-page="sample-pack"] .sample-slot-heading{gap:6px}body[data-page="sample-pack"] .sample-slot-heading img{width:94px}body[data-page="sample-pack"] .sample-pricing-whatsapp{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){body[data-page="sample-pack"] .sample-calc-kangaroo{animation:none;position:static}}

/* Plan B only: celebratory sample-request confirmation, shown after server success. */
body.sample-complete .kp-sample{min-height:calc(100svh - 80px);padding:28px 0 48px!important;background:radial-gradient(circle at 78% 11%,#fff5ca 0,transparent 37%),#f4f5e9!important}
body.sample-complete .sample-shell{width:min(1240px,96%);margin:auto}
body.sample-complete .sample-layout{display:block;max-width:none}
body.sample-complete .sample-card{max-width:1200px;margin:0 auto;padding:clamp(16px,3vw,42px);border:2px solid #e6d9a8;border-radius:30px;box-shadow:0 16px 42px #31513e29;background:#fffdf5}
body.sample-complete .sample-success{padding:0;background:transparent;border:0}
body.sample-complete .sample-party-hero{display:grid;grid-template-columns:minmax(210px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(16px,4vw,50px);padding:16px 0 32px}
body.sample-complete .sample-party-art{height:290px;position:relative;isolation:isolate}
body.sample-complete .sample-party-box{position:absolute;bottom:19px;left:22%;width:184px;height:155px;filter:drop-shadow(0 15px 14px #324d3642)}
body.sample-complete .sample-party-box-front{position:absolute;left:0;right:0;bottom:0;height:124px;border-radius:13px 13px 18px 18px;background:linear-gradient(125deg,#f4af29,#f7d77b 58%,#df9824);box-shadow:inset -9px -11px 0 #92591818,inset 3px 2px 0 #fff5be;border:3px solid #bd812d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}
body.sample-complete .sample-party-roo{font-size:60px;line-height:1;transform:rotate(-11deg)}
body.sample-complete .sample-party-box-wordmark{font-size:16px;font-weight:900;color:#294632;letter-spacing:-.04em}
body.sample-complete .sample-party-lid{position:absolute;z-index:3;width:212px;height:54px;left:-14px;top:0;border-radius:11px;background:linear-gradient(120deg,#f9c044,#ffe4a1 65%,#e4a433);border:3px solid #bd812d;box-shadow:0 6px 10px #65381530;transform-origin:18% 86%;animation:kanga-party-lid .85s cubic-bezier(.16,.82,.27,1.05) .18s both}
body.sample-complete .sample-party-bow{display:grid;place-items:center;font-size:33px;color:#4b7a51}
body.sample-complete .sample-party-confetti{position:absolute;left:74%;top:49%;width:0;height:0;pointer-events:none}
body.sample-complete .sample-party-confetti i{position:absolute;display:block;width:11px;height:20px;border-radius:2px;background:var(--c);opacity:0;animation:kanga-party-confetti 1.55s ease-out var(--d) both}
body.sample-complete .sample-party-confetti i:nth-child(3n){width:12px;height:12px;border-radius:50%}
body.sample-complete .sample-party-confetti i:nth-child(4n){width:6px;height:18px}
body.sample-complete .sample-party-copy{padding:8px 0}
body.sample-complete .sample-party-eyebrow{margin:0 0 11px!important;color:#447c53!important;font-size:12px!important;font-weight:900;letter-spacing:.12em}
body.sample-complete .sample-party-copy h1{color:#234832;font-size:clamp(36px,5.1vw,64px);font-weight:900;margin:0 0 16px}
body.sample-complete .sample-party-lead{font-size:clamp(22px,2.3vw,31px)!important;line-height:1.22;color:#2c4535;font-weight:800;margin:0 0 14px!important}
body.sample-complete .sample-party-note{color:#5b7161;font-size:15px!important;line-height:1.6;margin-bottom:12px!important}
body.sample-complete .sample-confirmation-reference{display:block!important;margin:12px 0!important;color:#4c6b57;font-size:12px!important;font-weight:750;overflow-wrap:anywhere}
body.sample-complete .sample-party-continue{padding:23px 0 0;border-top:1px solid #dce8d8;text-align:center}
body.sample-complete .sample-party-continue h2{font-size:clamp(23px,3vw,32px);line-height:1.18;margin:0 0 8px;color:#244c34}
body.sample-complete .sample-party-continue>p{font-size:15px;line-height:1.5;color:#617368;margin:0 0 19px}
body.sample-complete .sample-party-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.sample-complete .sample-party-action{display:flex;align-items:center;gap:10px;padding:14px 12px;border:1.5px solid #bdcfb9;border-radius:16px;text-decoration:none;color:#234e36;background:linear-gradient(#fff,#f4f9ee);box-shadow:0 5px 15px #23493215;min-height:92px}
body.sample-complete .sample-party-action:hover,body.sample-complete .sample-party-action:focus-visible{border-color:#4b8654;box-shadow:0 7px 20px #254d3733;transform:translateY(-2px)}
body.sample-complete .sample-party-action img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
body.sample-complete .sample-party-action-icon{display:grid;place-items:center;font-size:26px;width:44px;height:44px;border-radius:50%;background:#e6f0dc;flex:none}
body.sample-complete .sample-party-action>span:nth-last-child(2){text-align:left;flex:1;min-width:0}
body.sample-complete .sample-party-action strong{font-size:14px;display:block;line-height:1.3}
body.sample-complete .sample-party-action small{font-size:12px;display:block;line-height:1.45;margin-top:3px;color:#607367}
body.sample-complete .sample-party-next{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px 15px;margin:25px auto 0;padding:15px 0 0;border-top:1px solid #e8ede5}
body.sample-complete .sample-party-next p{margin:0 8px 0 0;font-size:14px!important;font-weight:700;color:#536958}
body.sample-complete .sample-party-next a{display:inline-flex;align-items:center;min-height:43px;padding:10px 13px;border:1px solid #bdd3be;border-radius:11px;text-decoration:none;font-size:13px;font-weight:800;background:#fff;color:#284e39}
body.sample-complete .sample-party-next .sample-party-home{background:#284e39;color:#fff;border-color:#284e39}
@keyframes kanga-party-lid{0%{transform:translateY(0) rotate(0)}28%{transform:translateY(-17px) rotate(-8deg)}100%{transform:translate(-24px,-95px) rotate(-37deg)}}
@keyframes kanga-party-confetti{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.4)}10%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(550deg) scale(1.15)}}
@media(max-width:760px){
body.sample-complete .sample-party-hero{grid-template-columns:1fr;gap:3px;text-align:center}
body.sample-complete .sample-party-art{height:225px}
body.sample-complete .sample-party-box{transform:scale(.75);transform-origin:bottom center;left:calc(50% - 92px);bottom:8px}
body.sample-complete .sample-party-copy h1{font-size:clamp(35px,9vw,48px)}
body.sample-complete .sample-party-actions{grid-template-columns:1fr}
body.sample-complete .sample-party-action{min-height:66px}
body.sample-complete .sample-party-action>span:nth-last-child(2){flex:1}
body.sample-complete .sample-party-confetti{left:75%;top:48%}
body.sample-complete .sample-party-next{gap:9px}
body.sample-complete .sample-party-next p{width:100%}
}
@media(prefers-reduced-motion:reduce){
body.sample-complete .sample-party-lid{animation:none;transform:translate(-12px,-60px) rotate(-25deg)}
body.sample-complete .sample-party-confetti i{animation:none;opacity:.8;transform:translate(calc(var(--dx) * .46),calc(var(--dy) * .55)) rotate(25deg)}
body.sample-complete .sample-party-action:hover{transform:none}
}

/* Plan B private preview: staged bag-shape lighting, 15% larger progress labels, isolated SVG demonstrations. */
body[data-page="sample-pack"] .sample-shapes .sample-option{
  isolation:isolate;position:relative;overflow:hidden;
  background:radial-gradient(ellipse 85% 65% at 50% 30%,#fff9df 0%,#e5c68f 66%,#b18451 100%);
  border:2px solid #a88759;box-shadow:inset 0 4px 12px #ffffffa8,inset 0 -15px 24px #573e2d35,0 8px 14px #283d323d;
}
body[data-page="sample-pack"] .sample-shapes .sample-option:nth-child(2){background:radial-gradient(ellipse at 50% 28%,#f8f7e2 0%,#d9e0bb 65%,#96a87d 100%);border-color:#879777}
body[data-page="sample-pack"] .sample-shapes .sample-option:nth-child(3){background:radial-gradient(ellipse at 50% 28%,#f5e9df 0%,#ddc2b6 65%,#ae8b7c 100%);border-color:#ac8b7b}
body[data-page="sample-pack"] .sample-shapes .sample-option::before{content:"";position:absolute;left:14%;right:14%;top:122px;height:14px;border-radius:50%;background:#58f49b;box-shadow:0 0 8px 4px #4cff96,0 0 23px 11px #31d77580;animation:sample-shape-green-light 2.25s ease-in-out infinite}
@keyframes sample-shape-green-light{0%,100%{opacity:.35;filter:brightness(.74)}50%{opacity:1;filter:brightness(1.55)}}
body[data-page="sample-pack"] .sample-shapes .sample-shape-visual{position:relative;z-index:1;filter:drop-shadow(6px 8px 6px #1c392e66)}
body[data-page="sample-pack"] .sample-shapes .sample-option:has(input:checked){outline:3px solid #2c8e52;outline-offset:2px;box-shadow:inset 0 5px 11px #ffffffa9,0 9px 18px #2f754868}
body[data-page="sample-pack"] .sample-progress li{font-size:clamp(15.6px,1.8vw,18px);font-weight:850;white-space:nowrap;letter-spacing:-.02em;gap:6px;padding:16px 7px}
body[data-page="sample-pack"] .sample-progress li[aria-current="step"]{background:linear-gradient(130deg,#f6e9ac,#f4f8dc);box-shadow:inset 0 -5px #34b76c,0 0 12px 3px #5cf8a488;animation:sample-progress-green-flash 2.25s ease-in-out infinite}
body[data-page="sample-pack"] .sample-progress li[aria-current="step"]::before{background:#31de77;box-shadow:0 0 0 3px #abffd3,0 0 10px 3px #41eb87}
@keyframes sample-progress-green-flash{0%,100%{filter:brightness(.94)}50%{filter:brightness(1.12)}}
/* Pouch logo from the existing transparent brand artwork. Kanga+kangaroo dark, Pouch orange. */
body[data-page="sample-pack"] .sample-slot-section .sample-slot-heading{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;font-weight:900}
body[data-page="sample-pack"] .sample-slot-heading .sample-slot-text{font-size:30px;font-weight:900;line-height:1.14;color:#213b2d}
body[data-page="sample-pack"] .sample-logo-two-tone{width:156px;height:62px;flex:0 0 156px;display:inline-block;background:linear-gradient(to right,#151a18 0%,#151a18 59%,#f34c22 59%,#f34c22 100%);-webkit-mask:url("assets/kangapouch-logo.webp") center/contain no-repeat;mask:url("assets/kangapouch-logo.webp") center/contain no-repeat}
body[data-page="sample-pack"] .sample-banner-art .sample-clean-animated-bag{position:absolute;inset:-42px -22px -34px -26px;width:calc(100% + 35px);height:calc(100% + 65px);object-fit:contain;transform:rotate(8deg) scale(1.04);filter:drop-shadow(16px 24px 13px #203f3552);display:block}
body[data-page="sample-pack"] .sample-connection-stage .sample-clean-connection{width:100%;height:auto;object-fit:contain;border-radius:0;background:transparent;box-shadow:none;display:block}
body[data-page="sample-pack"] .sample-connection-stage-desktop{max-width:520px;margin:0 auto 10px}
body[data-page="sample-pack"] .sample-connection-stage-mobile{max-width:380px;margin:0 auto}
body[data-page="sample-pack"] .sample-mobile-benefit .sample-connection-stage-mobile img{height:auto;max-height:280px}
@media(max-width:540px){
body[data-page="sample-pack"] .sample-progress li{font-size:clamp(10.5px,2.9vw,12.65px);padding:12px 2px;gap:2px;letter-spacing:-.025em}
body[data-page="sample-pack"] .sample-progress li::before{width:5px;height:5px;flex-basis:5px}
body[data-page="sample-pack"] .sample-slot-heading .sample-slot-text{font-size:clamp(23px,6vw,30px)}
body[data-page="sample-pack"] .sample-logo-two-tone{width:122px;flex-basis:122px;height:50px}
body[data-page="sample-pack"] .sample-banner-art .sample-clean-animated-bag{inset:-20px -13px -10px -8px;width:calc(100% + 20px);height:calc(100% + 25px);transform:rotate(7deg) scale(1.02)}
}
@media(prefers-reduced-motion:reduce){body[data-page="sample-pack"] .sample-shapes .sample-option::before,body[data-page="sample-pack"] .sample-progress li[aria-current="step"]{animation:none}}

/* Plan B – raised gold controls and green selected-month glow (2026-11-13) */
body[data-page="sample-pack"] .sample-progress {
  gap: 7px;
  padding: 7px;
  border-radius: 20px;
  background: linear-gradient(142deg,#fff9db,#ebce91 48%,#faf0c8);
  box-shadow: inset 0 2px 4px #fffdf0, inset 0 -3px 9px #80541e26, 0 11px 22px #4b3a2152;
}
body[data-page="sample-pack"] .sample-progress li {
  min-width:0;
  background: linear-gradient(155deg,#fffbde 0%,#f5dd9e 48%,#dcaa59 100%);
  border: 1px solid #bb914c;
  color:#2b4635;
  font-weight:850;
  border-radius:12px;
  clip-path:none;
  text-shadow:0 1px #ffffff99;
  box-shadow:inset 0 2px #fffef3dd,inset 0 -4px #9c6b2d55,0 5px 9px #79532a38;
}
body[data-page="sample-pack"] .sample-progress li.done {
  background:linear-gradient(148deg,#edffed,#baddaa 65%,#85b68b);
  border-color:#6d9a6e;
  box-shadow:inset 0 2px #fff,inset 0 -4px #48785444,0 5px 9px #2d663122;
}
body[data-page="sample-pack"] .sample-progress li[aria-current="step"] {
  background:linear-gradient(146deg,#fff9df,#f5d27a 59%,#e4b257);
  border:2px solid #3c9655;
  color:#1d422f;
  box-shadow:inset 0 2px #fff9d8,inset 0 -4px #aa731d4b,0 5px 10px #82602d44,0 0 0 2px #88f0a0,0 0 16px 4px #6be99190;
  animation:sample-steps-raised-glow 2.6s ease-in-out infinite;
}
@keyframes sample-steps-raised-glow {
  0%,100% { filter:brightness(.99); }
  50% { filter:brightness(1.12); }
}
/* Carry the voucher's warm embossed shading through the sample choices. */
body[data-page="sample-pack"] .sample-form .sample-options .sample-option:not(.sample-shape-visual),
body[data-page="sample-pack"] .sample-form .sample-slot,
body[data-page="sample-pack"] .sample-form .sample-shapes .sample-option {
  background:linear-gradient(155deg,#fff9dc 0%,#f8e5af 47%,#dfb672 100%);
  border:2px solid #c49c58;
  color:#254433;
  box-shadow:inset 0 2px #fffdf4,inset 0 -3px #98692d38,0 6px 12px #6f4c2c36;
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;
}
body[data-page="sample-pack"] .sample-form .sample-options .sample-option:hover,
body[data-page="sample-pack"] .sample-form .sample-shapes .sample-option:hover,
body[data-page="sample-pack"] .sample-form .sample-slot:hover{
  transform:translateY(-2px);
  box-shadow:inset 0 2px #fffdf3,inset 0 -3px #91622c46,0 9px 16px #5c492b44;
}
body[data-page="sample-pack"] .sample-form .sample-option:has(input:checked){
  border-color:#2b9352;
  box-shadow:inset 0 2px #fffdf3,inset 0 -3px #407a3d30,0 7px 14px #4c6c3c44,0 0 0 2px #d2ffdd,0 0 13px 4px #60e9979c;
}
body[data-page="sample-pack"] .stock-term-buttons span {
  background:linear-gradient(148deg,#fff9dc 0%,#f5db9a 51%,#deac60 100%);
  border:2px solid #bd904d;
  color:#2a4334;
  box-shadow:inset 0 2px #fffdf2,inset 0 -4px #9b692c44,0 6px 11px #77532d3d;
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;
}
body[data-page="sample-pack"] .stock-term-buttons label:hover span{
  transform:translateY(-2px);
  box-shadow:inset 0 2px #fffdf2,inset 0 -4px #9b692c44,0 9px 16px #77532d55;
}
body[data-page="sample-pack"] .stock-term-buttons input:checked + span {
  background:linear-gradient(145deg,#f9eac0 0%,#f0c56b 60%,#cf9844 100%);
  color:#183e2b;
  border:2px solid #248c4a;
  box-shadow:inset 0 2px #fff7d9,inset 0 -4px #96682944,0 7px 15px #406e4852,0 0 0 3px #abffd2,0 0 13px 5px #33d878a6;
  animation:sample-month-green-glow 2.6s ease-in-out infinite;
}
@keyframes sample-month-green-glow {
  0%,100% { box-shadow:inset 0 2px #fff7d9,inset 0 -4px #96682944,0 7px 15px #406e4852,0 0 0 3px #abffd2,0 0 11px 4px #33d87880; }
  50% { box-shadow:inset 0 2px #fff7d9,inset 0 -4px #96682944,0 7px 15px #406e4852,0 0 0 3px #bcffe0,0 0 18px 7px #32d976c4; }
}
body[data-page="sample-pack"] .sample-form .btn,
body[data-page="sample-pack"] .sample-voucher-offer .btn {
  background:linear-gradient(148deg,#fff3c3,#f5c772 52%,#d9953c);
  color:#244333;
  border:1px solid #b57f36;
  border-radius:14px;
  box-shadow:inset 0 2px #fff9e8,inset 0 -3px #7f521d3c,0 7px 12px #754f2c42;
}
body[data-page="sample-pack"] .sample-form .btn.primary,
body[data-page="sample-pack"] .sample-voucher-offer .btn.primary {
  background:linear-gradient(145deg,#ffefb7,#f4b55b 65%,#d78b32);
  color:#203d2f;
  border-color:#b77525;
}
body[data-page="sample-pack"] .sample-form .btn:disabled,
body[data-page="sample-pack"] .sample-voucher-offer .btn:disabled { opacity:.55;box-shadow:none;cursor:not-allowed; }
body[data-page="sample-pack"] .stock-term-buttons input:focus-visible + span,
body[data-page="sample-pack"] .sample-form .sample-option:has(input:focus-visible) {
  outline:3px solid #135d38;
  outline-offset:3px;
}
@media(max-width:540px){
  body[data-page="sample-pack"] .sample-progress{gap:3px;padding:4px}
  body[data-page="sample-pack"] .sample-progress li{padding:12px 3px;font-size:clamp(10px,2.8vw,12.6px);border-radius:7px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="sample-pack"] .stock-term-buttons input:checked + span,
  body[data-page="sample-pack"] .sample-progress li[aria-current="step"]{animation:none}
  body[data-page="sample-pack"] .stock-term-buttons span,
  body[data-page="sample-pack"] .sample-form .sample-option{transition:none}
}

/* Plan B sample journey: continuous progress ribbon, restrained bag shadows, pastel slots and verification CTA */
/* A true three-step progress ribbon, not three raised clickable buttons. */
body[data-page="sample-pack"] .sample-progress{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;
  padding:0!important;margin:0 0 23px;border-radius:12px;overflow:visible;
  background:transparent!important;box-shadow:none!important;isolation:isolate;
}
body[data-page="sample-pack"] .sample-progress li{
  position:relative;min-width:0;display:flex;justify-content:center;align-items:center;gap:6px;
  border:0!important;border-radius:0!important;
  padding:14px 13px 14px 20px!important;margin:0 0 0 -8px;
  background:linear-gradient(145deg,#f6e7d8,#f8d6c2)!important;
  box-shadow:inset 0 -3px #b88e8050!important;
  font-size:clamp(12px,1.28vw,16px);font-weight:800;color:#604536;
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%,15px 50%)!important;
  white-space:nowrap;animation:none!important;filter:none!important;
}
body[data-page="sample-pack"] .sample-progress li:first-child{
  margin-left:0;padding-left:12px!important;
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%)!important;
}
body[data-page="sample-pack"] .sample-progress li:last-child{
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%,15px 50%)!important;
  border-radius:0 12px 12px 0!important;
}
body[data-page="sample-pack"] .sample-progress li.done{
  background:linear-gradient(145deg,#e9f4df,#c3dfb7)!important;
  color:#234735!important;box-shadow:inset 0 -3px #648f7240!important;
}
body[data-page="sample-pack"] .sample-progress li[aria-current="step"]{
  background:linear-gradient(135deg,#fff3ce,#f6ca70)!important;
  color:#293d30!important;box-shadow:inset 0 -3px #bb7f2e60!important;
}
body[data-page="sample-pack"] .sample-progress li::before{
  width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#bc875e!important;box-shadow:none!important;
}
body[data-page="sample-pack"] .sample-progress li.done::before{background:#4e8a63!important}
body[data-page="sample-pack"] .sample-progress li[aria-current="step"]::before{background:#dd9b2d!important}
body[data-page="sample-pack"] .sample-progress li>span:first-child{white-space:nowrap}
body[data-page="sample-pack"] .sample-progress .sample-verified-ribbon:not([hidden]){
  font-size:11px;font-weight:900;color:#195b36;background:#e3f9dd;
  border:1px solid #52aa72;border-radius:30px;padding:4px 7px;white-space:nowrap;
}
body[data-page="sample-pack"] .sample-progress .sample-verified-ribbon[hidden]{display:none!important}
/* Remove the nightclub-like green floor glow from all pouch-shape stages. */
body[data-page="sample-pack"] .sample-shapes .sample-option::before{content:none!important;display:none!important;animation:none!important}
body[data-page="sample-pack"] .sample-shapes .sample-shape-visual{
  filter:drop-shadow(1px 6px 3px #2733254a)!important;
}
body[data-page="sample-pack"] .sample-shapes .sample-option:has(input:checked){
  outline:2px solid #578d67;outline-offset:1px;box-shadow:inset 0 4px 9px #ffffffaa,0 7px 12px #2e49352f!important;
}
body[data-page="sample-pack"] .sample-shapes .sample-option:has(input:checked)::before{display:none!important}
body[data-page="sample-pack"] .sample-form fieldset:has(input[name="business_type"]) .sample-option span,
body[data-page="sample-pack"] .sample-shapes .sample-option>span:last-child{
  font-weight:850!important;font-size:clamp(15px,1.5vw,18px)!important;
}
/* Restore the original restrained seasonal print-slot colour coding. */
body[data-page="sample-pack"] .sample-form .sample-slots .sample-slot{
  border:1.5px solid #bacbb9!important;box-shadow:0 5px 9px #203f3524,inset 0 2px #ffffff8a!important;
  color:#2e4836;background:#e6f0df!important;transform:none;
}
body[data-page="sample-pack"] .sample-form .sample-slots .sample-slot:nth-child(2){
  background:linear-gradient(145deg,#fff4d4,#f5e4b5)!important;border-color:#e4c885!important;
}
body[data-page="sample-pack"] .sample-form .sample-slots .sample-slot:nth-child(3){
  background:linear-gradient(145deg,#ffecdf,#f2cfbd)!important;border-color:#dfa88a!important;
}
body[data-page="sample-pack"] .sample-form .sample-slots .sample-slot:nth-child(4){
  background:linear-gradient(145deg,#f2e9fa,#e4d3ee)!important;border-color:#b5a0d4!important;
}
body[data-page="sample-pack"] .sample-form .sample-slots .sample-slot:nth-child(5){
  background:#ffffff!important;border-color:#d0d9ce!important;
}
body[data-page="sample-pack"] .sample-form .sample-slots .sample-slot:has(input:checked){
  border:2px solid #377a56!important;
  box-shadow:inset 0 2px #fff8,0 0 0 2px #95c8a4,0 6px 10px #436e4c30!important;
}
/* Keep the phone dialling code independent from the national mobile number. */
body[data-page="sample-pack"] .sample-dial-label,body[data-page="sample-pack"] .sample-sr-only{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
body[data-page="sample-pack"] .sample-phone-line .sample-country-prefix{
  width:112px;min-width:112px;max-width:112px;padding:9px 8px;border-radius:11px;
  text-align:center;font-size:15px;font-weight:850;cursor:pointer;
  background:#ecf5e9!important;border:1.5px solid #9dbd9e;color:#244735;
}
/* Focused verification: replace left-side promotional story with a live booking schedule. */
body[data-page="sample-pack"] .sample-story.is-verifying>div:nth-child(-n+2){display:none!important}
body[data-page="sample-pack"] .sample-story .sample-verify-booking:not([hidden]){
  display:block!important;padding:16px 14px 18px;margin:0 0 20px;
  border:1px solid #c5d6bd;border-radius:17px;
  background:linear-gradient(155deg,#f6fbef,#e7f0e0);
  box-shadow:0 10px 22px #2749361d;
}
body[data-page="sample-pack"] .sample-verify-booking[hidden]{display:none!important}
body[data-page="sample-pack"] .sample-verify-booking .sample-booking-kicker{
  margin:0;font-size:11px;font-weight:900;letter-spacing:.12em;color:#5c8d63;
}
body[data-page="sample-pack"] .sample-verify-booking h2{
  font-size:clamp(21px,2.2vw,28px);margin:9px 0;color:#254632;
}
body[data-page="sample-pack"] .sample-verify-booking p{font-size:14px;line-height:1.5;color:#4b6251}
body[data-page="sample-pack"] .sample-booking-frame{
  width:100%;min-height:385px;overflow:hidden;border-radius:12px;
  background:#fff;border:1px solid #d1dec9;
}
body[data-page="sample-pack"] .sample-booking-frame iframe{
  display:block;width:100%;height:410px;border:0;background:#fff;
}
body[data-page="sample-pack"] .sample-verify-booking .sample-booking-open{
  display:inline-block;margin:13px 0;font-size:14px;font-weight:800;
  text-decoration:underline;color:#245d3c;
}
body[data-page="sample-pack"] .sample-verify-booking small{display:block;font-size:11px;color:#687b69;line-height:1.4}
/* Celebration only follows a real successful verification response. */
body[data-page="sample-pack"] .sample-verification-brand{font-weight:900;color:#263d32}
body[data-page="sample-pack"] .sample-verification-brand span{color:#eb6835}
body[data-page="sample-pack"] .sample-verified-next[hidden]{display:none!important}
body[data-page="sample-pack"] .sample-verified-next{
  display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:9px;
  margin:18px 0 8px;padding:12px 14px;border-radius:15px;
  background:linear-gradient(125deg,#f1fbea,#fff1c7);border:1px solid #b5d8a5;
  box-shadow:0 8px 15px #2f65332b;
}
body[data-page="sample-pack"] .sample-verified-next-title{font-size:16px;font-weight:900;color:#285f3c}
body[data-page="sample-pack"] .sample-verified-next-arrow{font-size:37px;font-family:cursive;color:#cc8034;transform:rotate(-11deg);animation:sample-go-arrow 1.2s ease-in-out infinite alternate}
body[data-page="sample-pack"] .sample-verified-next-go{font-size:20px;font-family:cursive;font-weight:900;color:#a46125;transform:rotate(-6deg)}
body[data-page="sample-pack"] .sample-verified-box{position:relative;display:inline-grid;place-items:center;width:45px;height:42px;font-size:29px;animation:sample-verified-gift .75s ease-out both}
body[data-page="sample-pack"] .sample-verified-box i{position:absolute;left:50%;top:50%;color:#eeac39;opacity:0;font-size:17px;font-style:normal;animation:sample-verified-spark .9s ease-out .35s both}
body[data-page="sample-pack"] .sample-verified-box i:nth-of-type(1){--x:-31px;--y:-24px}
body[data-page="sample-pack"] .sample-verified-box i:nth-of-type(2){--x:30px;--y:-27px}
body[data-page="sample-pack"] .sample-verified-box i:nth-of-type(3){--x:40px;--y:4px}
body[data-page="sample-pack"] .sample-verified-box i:nth-of-type(4){--x:-35px;--y:11px}
body[data-page="sample-pack"] .sample-verified-box i:nth-of-type(5){--x:6px;--y:-39px}
@keyframes sample-verified-gift{from{transform:scale(.4) rotate(-12deg)}to{transform:scale(1) rotate(0)}}
@keyframes sample-verified-spark{0%{opacity:0;transform:translate(0,0) scale(.2)}30%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(210deg)}}
@keyframes sample-go-arrow{from{transform:translate(0,0) rotate(-12deg)}to{transform:translate(5px,6px) rotate(-12deg)}}
body[data-page="sample-pack"] .sample-form .sample-submit-big{
  min-height:66px;font-size:clamp(17px,2vw,22px)!important;font-weight:900!important;
  padding:16px 25px!important;white-space:normal;box-shadow:0 0 0 2px #f7e5b1,0 5px 17px #a477336e!important;
}
body[data-page="sample-pack"] .sample-verified-next:not([hidden])~.sample-actions .sample-submit-big:not(:disabled){
  border:2px solid #e8a033!important;animation:sample-ready-glow 1.75s ease-in-out infinite;
}
@keyframes sample-ready-glow{0%,100%{box-shadow:0 0 0 2px #fbd77b,0 0 8px 2px #eea52d70}50%{box-shadow:0 0 0 4px #ffe6a0,0 0 22px 8px #f5b237ab}}
body[data-page="sample-pack"] .sample-intro .sample-form-intro-heading{
  margin:2px 0 15px;font-size:clamp(27px,3.8vw,48px);letter-spacing:-.035em;
  line-height:1.13;text-align:left;color:#234633;
}
@media(max-width:650px){
  body[data-page="sample-pack"] .sample-progress li{padding:10px 6px 10px 15px!important;margin-left:-5px;font-size:clamp(10px,2.65vw,12.5px)}
  body[data-page="sample-pack"] .sample-progress li:first-child{padding-left:5px!important}
  body[data-page="sample-pack"] .sample-progress li::before{display:none}
  body[data-page="sample-pack"] .sample-progress .sample-verified-ribbon:not([hidden]){position:absolute;right:1px;bottom:-23px;font-size:9px;padding:2px 4px}
  body[data-page="sample-pack"] .sample-progress:has(.sample-verified-ribbon:not([hidden])){margin-bottom:36px}
  body[data-page="sample-pack"] .sample-booking-frame iframe{height:370px}
  body[data-page="sample-pack"] .sample-verified-next-arrow{font-size:28px}
  body[data-page="sample-pack"] .sample-verified-next-go{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="sample-pack"] .sample-verified-next-arrow,
  body[data-page="sample-pack"] .sample-verified-box,
  body[data-page="sample-pack"] .sample-verified-box i,
  body[data-page="sample-pack"] .sample-verified-next:not([hidden])~.sample-actions .sample-submit-big:not(:disabled){animation:none!important}
}

/* Private Plan B sample-pack corrections, 13 Nov: colour, copy, and conditional roaster controls. */
body[data-page="sample-pack"] .sample-form .sample-pouch-orange{color:#ee6e31!important}
body[data-page="sample-pack"] .sample-form .sample-intro-prompt{font-size:19.2px!important;color:#ec7037!important;font-weight:850!important;line-height:1.35;margin:3px 0 19px}
body[data-page="sample-pack"] .sample-company-choice .sample-company-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-page="sample-pack"] .sample-company-choice .sample-option{justify-content:center;min-height:62px;border-radius:14px!important;font-weight:850;text-align:center}
body[data-page="sample-pack"] .sample-form .sample-company-choice .sample-coffee-brand{
 background:linear-gradient(145deg,#fff2e4,#ffd9bd 57%,#f6b99c)!important;border:2px solid #e5a582!important;color:#6e3824!important;box-shadow:inset 0 2px #fff8f2,0 6px 11px #a5634228!important}
body[data-page="sample-pack"] .sample-form .sample-company-choice .sample-roaster{
 background:linear-gradient(145deg,#f5faee,#d9efd1 57%,#b9ddb7)!important;border:2px solid #9cc19c!important;color:#285038!important;box-shadow:inset 0 2px #fff,0 6px 11px #52856124!important}
body[data-page="sample-pack"] .sample-form .sample-company-choice .sample-coffee-brand:has(input:checked){
 border-color:#d87342!important;box-shadow:inset 0 2px #fff8ef,0 0 0 2px #ffd3b6,0 8px 16px #af70483d!important}
body[data-page="sample-pack"] .sample-form .sample-company-choice .sample-roaster:has(input:checked){
 border-color:#478d56!important;box-shadow:inset 0 2px #fff,0 0 0 2px #b7d9ba,0 8px 16px #437e4d3c!important}
body[data-page="sample-pack"] #roaster-details[hidden]{display:none!important}
body[data-page="sample-pack"] #roaster-details{margin:-5px 0 19px;padding:16px 15px 4px;background:#f4faef;border:1px solid #c5dcbf;border-radius:16px}
body[data-page="sample-pack"] #roaster-details .sample-client-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body[data-page="sample-pack"] .sample-form #roaster-details .sample-client-options .sample-option{
 justify-content:center;min-height:55px;text-align:center;background:linear-gradient(145deg,#f6fbf0,#dcebd7)!important;
 border:1.5px solid #aac9a8!important;box-shadow:0 4px 10px #38624518!important}
body[data-page="sample-pack"] .sample-form #roaster-details .sample-client-options .sample-option:has(input:checked){
 border:2px solid #488655!important;box-shadow:0 0 0 2px #b9d8b8,0 5px 12px #437c4235!important}
body[data-page="sample-pack"] .sample-company-choice .sample-option:has(input:focus-visible),
body[data-page="sample-pack"] #roaster-details .sample-option:has(input:focus-visible){outline:3px solid #355e43!important;outline-offset:3px}
@media(max-width:600px){body[data-page="sample-pack"] .sample-company-choice .sample-company-options{gap:8px}
body[data-page="sample-pack"] .sample-company-choice .sample-option{min-height:64px;padding:10px 6px}
body[data-page="sample-pack"] #roaster-details{padding:12px 9px 3px}
body[data-page="sample-pack"] #roaster-details .sample-client-options{gap:5px}
body[data-page="sample-pack"] #roaster-details .sample-client-options .sample-option{padding:10px 4px;font-size:12px}}

/* Private preview: original Artwork Café card-and-pouch image, completely static. */
body[data-page="sample-pack"] .sample-banner-art img.sample-artwork-static{
  animation:none!important;transition:none!important;
  -webkit-mask:none!important;mask:none!important;
  filter:drop-shadow(8px 12px 9px rgba(19,46,40,.25))!important;
}

/* Plan B sample-form refinement, 13 November: coloured size buttons and one-line branded calculator result. */
body[data-page="sample-pack"] .sample-form .sample-size-choice .sample-size-options{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
}
body[data-page="sample-pack"] .sample-form .sample-size-choice .sample-size-options .sample-option{
  min-height:58px;display:flex;align-items:center;justify-content:center;
  padding:12px 9px;border-radius:14px!important;text-align:center;
  font-weight:850;color:#27453a;
  box-shadow:inset 0 2px 1px #ffffffad,0 6px 12px #343a3b20!important;
  transition:transform .18s ease,box-shadow .18s ease;
}
body[data-page="sample-pack"] .sample-form .sample-size-choice .sample-option:nth-child(1){
  background:linear-gradient(145deg,#fff3e7,#ffddbf 62%,#f5bc94)!important;
  border:2px solid #edb68e!important;
}
body[data-page="sample-pack"] .sample-form .sample-size-choice .sample-option:nth-child(2){
  background:linear-gradient(145deg,#f1fbea,#d9f0d2 62%,#b1ddba)!important;
  border:2px solid #a5d0ab!important;
}
body[data-page="sample-pack"] .sample-form .sample-size-choice .sample-option:nth-child(3){
  background:linear-gradient(145deg,#f7f3ff,#e5dafa 62%,#cdc0eb)!important;
  border:2px solid #c2b2e3!important;
}
body[data-page="sample-pack"] .sample-form .sample-size-choice .sample-option:nth-child(4){
  background:linear-gradient(145deg,#fffbea,#fff0bc 62%,#f5d991)!important;
  border:2px solid #e7ca83!important;
}
body[data-page="sample-pack"] .sample-form .sample-size-choice .sample-option:nth-child(5){
  background:linear-gradient(145deg,#fff2f4,#f9dae1 62%,#eec5d5)!important;
  border:2px solid #e9bdcc!important;
}
body[data-page="sample-pack"] .sample-form .sample-size-choice .sample-option:hover{
  transform:translateY(-2px)!important;
}
body[data-page="sample-pack"] .sample-form .sample-size-choice .sample-option:has(input:checked){
  border-color:#4e855b!important;
  box-shadow:inset 0 2px 1px #fff,0 0 0 2px #91bd9b,0 8px 15px #3e705439!important;
}
body[data-page="sample-pack"] .sample-inline-logo{
  display:inline-block;vertical-align:-.24em;
  width:5.5em;height:1.62em;margin:0 .12em;
  background:linear-gradient(90deg,#172b23 0%,#172b23 59%,#f26d2e 59%,#f26d2e 100%);
  -webkit-mask:url("assets/kangapouch-logo.webp") center/contain no-repeat;
  mask:url("assets/kangapouch-logo.webp") center/contain no-repeat;
}
body[data-page="sample-pack"] .sample-calculator[hidden]{display:none!important}
body[data-page="sample-pack"] #stock-results .stock-primary .stock-number-line{
  display:flex!important;flex-flow:row nowrap!important;align-items:center;justify-content:flex-start;
  gap:.15em!important;white-space:nowrap!important;min-width:0;
  font-size:clamp(27px,3.5vw,44px)!important;line-height:1.12!important;
  font-weight:900!important;
}
body[data-page="sample-pack"] #stock-results .stock-number-line .stock-quantity{
  font-size:1em!important;font-weight:900!important;white-space:nowrap!important;flex:0 0 auto;
}
body[data-page="sample-pack"] #stock-results .stock-number-line .stock-result-logo{
  display:inline-block!important;flex:0 1 4.7em!important;
  width:6.58em!important;height:1.61em!important;min-width:3.92em;
  background:linear-gradient(90deg,#172a20 0%,#172a20 59%,#ef6b32 59%,#ef6b32 100%);
  -webkit-mask:url("assets/kangapouch-logo.webp") center/contain no-repeat;
  mask:url("assets/kangapouch-logo.webp") center/contain no-repeat;
}
@media(max-width:550px){
  body[data-page="sample-pack"] .sample-form .sample-size-choice .sample-size-options{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
  }
  body[data-page="sample-pack"] #stock-results .stock-primary .stock-number-line{
    font-size:clamp(22px,7vw,32px)!important;
  }
  body[data-page="sample-pack"] .sample-inline-logo{width:4.8em;height:1.45em}
}


/* Coffee Impression original cutout — sample banner only; keep it fully inside yellow card. */
body[data-page="sample-pack"] .sample-banner-art img.sample-coffee-impression{
  position:static!important;inset:auto!important;
  width:100%!important;height:100%!important;max-width:100%!important;
  object-fit:contain!important;object-position:center!important;
  transform:none!important;animation:none!important;
  filter:drop-shadow(10px 14px 9px rgba(19,46,40,.30))!important;
}
body[data-page="sample-pack"] .sample-motion-banner .sample-banner-art{
  flex:0 0 clamp(160px,22vw,285px)!important;
  width:clamp(160px,22vw,285px)!important;height:184px!important;
  overflow:visible!important;align-self:center;display:flex;align-items:center;justify-content:center;
}
body[data-page="sample-pack"] .sample-motion-banner .sample-banner-copy{
  max-width:calc(100% - 300px)!important;
}
@media(max-width:900px){
  body[data-page="sample-pack"] .sample-motion-banner .sample-banner-art{
    flex-basis:190px!important;width:190px!important;height:154px!important;
  }
  body[data-page="sample-pack"] .sample-motion-banner .sample-banner-copy{max-width:calc(100% - 200px)!important}
}
@media(max-width:540px){
  body[data-page="sample-pack"] .sample-motion-banner .sample-banner-art{
    flex-basis:110px!important;width:110px!important;height:110px!important;
  }
  body[data-page="sample-pack"] .sample-motion-banner .sample-banner-copy{
    max-width:calc(100% - 115px)!important;
  }
  body[data-page="sample-pack"] .sample-banner-art img.sample-coffee-impression{
    filter:drop-shadow(4px 7px 5px rgba(19,46,40,.25))!important;
  }
}

/* 14 Nov 2026: Coffee Impression grounded tabletop shadow + 20% larger headline.
   Preview only. The approved original bag image remains unchanged. */
body[data-page="sample-pack"] .sample-motion-banner .sample-banner-copy{
  font-size:clamp(24px,3.24vw,42px)!important;
  line-height:1.16!important;
}
body[data-page="sample-pack"] .sample-motion-banner .sample-banner-art{
  isolation:isolate!important;
}
body[data-page="sample-pack"] .sample-motion-banner .sample-banner-art::before{
  content:"";position:absolute;pointer-events:none;
  left:10%;bottom:-1px;width:80%;height:7px;
   border-radius:50%;
   background:radial-gradient(ellipse at center,rgba(23,32,26,.61) 0%,rgba(23,32,26,.42) 57%,rgba(23,32,26,0) 100%);
   transform:none;
   filter:blur(3px);z-index:0;
}
body[data-page="sample-pack"] .sample-banner-art img.sample-coffee-impression{
  position:relative!important;z-index:1;
  filter:drop-shadow(0 5px 4px rgba(18,35,28,.43))!important;
}
@media(max-width:900px){
  body[data-page="sample-pack"] .sample-motion-banner .sample-banner-copy{
    font-size:clamp(22px,3.24vw,35px)!important;
  }
}
@media(max-width:540px){
  body[data-page="sample-pack"] .sample-motion-banner .sample-banner-copy{
    font-size:clamp(18px,4.8vw,25.2px)!important;
    line-height:1.14!important;
  }
  body[data-page="sample-pack"] .sample-motion-banner .sample-banner-art::before{
    bottom:-1px;height:6px;filter:blur(2px);
  }
  body[data-page="sample-pack"] .sample-banner-art img.sample-coffee-impression{
    filter:drop-shadow(0 5px 4px rgba(18,35,28,.43))!important;
  }
}

/* 14 Nov 2026: KangaPack postage message and grounded contact CTA shadows; Plan B preview only. */
body[data-page="sample-pack"] .sample-intro .sample-postage {
  font-size:clamp(18px,2.3vw,24px)!important;
  line-height:1.35;
  font-weight:650;
  color:#354d40;
  margin:0 auto 19px;
  max-width:760px;
  text-align:center;
}
body[data-page="sample-pack"] .sample-contacts a {
  box-shadow:0 6px 7px rgba(25,46,34,.23),0 2px 2px rgba(25,46,34,.12)!important;
  transition:box-shadow .2s,transform .2s;
}
body[data-page="sample-pack"] .sample-contacts a:hover {
  box-shadow:0 8px 12px rgba(25,46,34,.26)!important;
  transform:translateY(-1px);
}
body[data-page="sample-pack"] .sample-story .sample-team-contact {
  box-shadow:0 5px 10px rgba(25,46,34,.17);
  border-radius:16px;
  padding:8px 12px;
}
@media(prefers-reduced-motion:reduce) {
  body[data-page="sample-pack"] .sample-contacts a {transition:none}
}


/* 14 Nov: approved customer-facing sample page polish; isolate to sample pack. */
body[data-page="sample-pack"] .sample-intro .sample-form-intro-heading{
  width:100%;text-align:center!important;margin-left:auto!important;margin-right:auto!important;
}
body[data-page="sample-pack"] .sample-connection-stage{
  border-radius:30px!important;overflow:hidden!important;
  -webkit-mask-image:radial-gradient(ellipse 101% 99% at center,#000 84%,transparent 100%);
  mask-image:radial-gradient(ellipse 101% 99% at center,#000 84%,transparent 100%);
}
body[data-page="sample-pack"] .sample-connection-stage img.sample-clean-connection{
  border-radius:30px!important;
}
body[data-page="sample-pack"] .sample-form .sample-shapes .sample-option{
  box-shadow:inset 0 2px 3px rgba(255,255,255,.65),0 11px 18px rgba(21,38,30,.33),0 4px 5px rgba(21,38,30,.16)!important;
}
body[data-page="sample-pack"] .sample-form .sample-slots .sample-slot{
  box-shadow:0 8px 14px rgba(27,42,31,.29),0 3px 5px rgba(27,42,31,.15)!important;
}
body[data-page="sample-pack"] .sample-form .sample-shapes .sample-option:has(input:checked),
body[data-page="sample-pack"] .sample-form .sample-slots .sample-slot:has(input:checked){
  box-shadow:0 0 0 3px #e7b965,0 10px 19px rgba(28,46,34,.36)!important;
}
body[data-page="sample-pack"] [data-next-sample]{
  font-size:clamp(19px,2.2vw,25px)!important;
  font-weight:900!important;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  line-height:1.3;text-align:center;
}
body[data-page="sample-pack"] .sample-forward-arrow{
  display:inline-block;font-size:1.55em;line-height:1;animation:kanga-next-point 1.05s ease-in-out infinite alternate;
}
@keyframes kanga-next-point{from{transform:translateX(0)}to{transform:translateX(9px)}}
body[data-page="sample-pack"] .sample-contacts a[href*="wa.me"]{
  background:#168d50!important;border-color:#08773d!important;color:#fff!important;
  box-shadow:0 6px 10px rgba(0,74,37,.3)!important;
}
body[data-page="sample-pack"] .sample-contacts .sample-whatsapp-icon{
  flex:0 0 23px;width:23px;height:23px;color:#fff;
}
body[data-page="sample-pack"] .sample-contacts .sample-luella-contact{
  display:inline-flex;gap:8px;
}
body[data-page="sample-pack"] .sample-mail-bounce{
  position:relative;display:inline-grid;place-items:center;flex:0 0 25px;
  width:25px;height:25px;border-radius:7px;background:#fff7df;color:#315541;font-size:21px;
  animation:kanga-mail-hop 1.6s ease-in-out infinite;
}
body[data-page="sample-pack"] .sample-mail-bounce::after{
  content:"";position:absolute;left:20%;right:20%;bottom:-7px;height:4px;
  background:rgba(25,35,29,.25);border-radius:50%;filter:blur(2px);
  animation:kanga-mail-shadow 1.6s ease-in-out infinite;
}
@keyframes kanga-mail-hop{0%,100%{transform:translateY(0)}45%{transform:translateY(-7px)}}
@keyframes kanga-mail-shadow{0%,100%{opacity:.7;transform:scaleX(1)}45%{opacity:.3;transform:scaleX(.7)}}
body[data-page="sample-pack"] .sample-contacts .sample-arrange-call .sample-call-icon{
  box-sizing:border-box;border-radius:50%;background:#202b26;padding:7px;color:#fff;
  width:36px;height:36px;flex:0 0 36px;
}
@media(prefers-reduced-motion:reduce){
 body[data-page="sample-pack"] .sample-forward-arrow,
 body[data-page="sample-pack"] .sample-mail-bounce,
 body[data-page="sample-pack"] .sample-mail-bounce::after{animation:none!important}
}


/* 14 November: Coffee Connection depth and warm yellow call handset. */
body[data-page="sample-pack"] .sample-connection-stage{overflow:visible!important;isolation:isolate}
body[data-page="sample-pack"] .sample-connection-stage::after{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 left:22%;right:-4%;top:24%;bottom:-4%;
 border-radius:30px 28px 42px 36px;
 background:rgba(24,38,31,.32);
 filter:blur(14px);transform:translate(8px,9px);
}
body[data-page="sample-pack"] .sample-connection-stage img.sample-clean-connection{
 border-radius:30px!important;box-shadow:11px 15px 20px -11px rgba(24,38,31,.38)!important;
 -webkit-mask-image:radial-gradient(ellipse 101% 99% at center,#000 84%,transparent 100%);
 mask-image:radial-gradient(ellipse 101% 99% at center,#000 84%,transparent 100%);
}
body[data-page="sample-pack"] .sample-contacts .sample-arrange-call .sample-call-icon{
 color:#ffca39!important;stroke:#ffca39!important;background:#26372d!important;
 border:1px solid #111d16;padding:6px;
 filter:drop-shadow(1px 2px 1px rgba(0,0,0,.25));
}
body[data-page="sample-pack"] .voucher-identity{display:grid;gap:6px;margin:0 0 12px}
body[data-page="sample-pack"] .voucher-identity label{font-weight:750;font-size:14px}
body[data-page="sample-pack"] .voucher-identity input{width:100%;min-height:46px;box-sizing:border-box;padding:11px 13px;border:1.5px solid #bccbbb;border-radius:12px;background:#fff;font:inherit;color:#243d30}
body[data-page="sample-pack"] .voucher-identity input:focus-visible{outline:3px solid #f3a348;outline-offset:2px}
@media(max-width:540px){body[data-page="sample-pack"] .sample-connection-stage::after{filter:blur(8px);transform:translate(4px,5px)}}