/* checkout1 (Debranded Sections H9PMbl3LKjnMu8UA9Hbjkp) desktop 1091:2826 / tablet 1095:3286 / mobile 1098:1773.
   Spacing, type scale and radii are the library's Spacing collection (Desktop / Tablet / Mobile modes). */
:root{
  --pad-s:20px;--pad-t:12px;--gap-s:20px;--gap-t:12px;
  --fs-h3:28px;--fs-pb:20px;--fs-pm:18px;--fs-ps:16px;--fs-pt:14px;
  --r-m:16px;--r-s:8px;--r-t:4px;
  --side:60px;
}
@media (max-width:1023px){:root{--pad-s:16px;--pad-t:10px;--gap-s:16px;--gap-t:10px;--fs-h3:26px;--fs-pb:20px;--fs-pm:18px;--fs-ps:14px;--fs-pt:12px;--r-m:12px;--r-s:8px;--r-t:4px;--side:40px}}
@media (max-width:640px){:root{--pad-s:12px;--pad-t:8px;--gap-s:12px;--gap-t:8px;--fs-h3:24px;--fs-pb:18px;--fs-pm:16px;--fs-ps:14px;--fs-pt:12px;--r-m:8px;--r-s:4px;--r-t:2px;--side:15px}}

body{background:var(--color-background-white);color:var(--color-text-primary)}
p,h1,h2,h3,ul{margin:0;padding:0}
button{font:inherit;cursor:pointer}
a{color:inherit}

/* ---------- CheckoutHeaderBar ---------- */
.c1-hdr{display:flex;align-items:center;justify-content:space-between;padding:var(--pad-s) var(--side);background:var(--color-brand-whitespace)}
.c1-logo img{height:36px;width:auto}
.c1-hdr-r{display:flex;align-items:center;gap:var(--gap-s);font-size:var(--fs-pt);line-height:1.4;color:var(--color-text-secondary);white-space:nowrap}
.c1-hdr-g{display:flex;align-items:center;gap:4px;font-weight:600}
.c1-hdr-g svg{width:16px;height:16px;flex:none}
.c1-hdr-p{font-weight:500}

/* ---------- SecureBar ---------- */
.c1-secure{display:flex;align-items:center;justify-content:center;gap:8px;padding:var(--pad-t) var(--side);background:var(--color-background-brand-tint);font-weight:600;font-size:var(--fs-ps);line-height:1.4}
.c1-secure svg{width:16px;height:16px;flex:none}

/* ---------- ProgressSteps ---------- */
.c1-crumbs{display:flex;align-items:center;justify-content:center;gap:var(--gap-t);padding:var(--pad-s) var(--side);font-size:var(--fs-ps);line-height:1.4;color:var(--color-text-secondary);font-weight:500;white-space:nowrap}
.c1-crumbs b{font-weight:800;color:var(--color-brand-primary)}
.c1-crumbs i{font-style:normal;font-weight:700}

/* ---------- body grid ---------- */
.c1-body{display:grid;grid-template-columns:minmax(0,620fr) minmax(0,660fr);grid-template-areas:"rail head" "rail form";grid-template-rows:auto 1fr;column-gap:40px;row-gap:20px;max-width:1440px;margin:0 auto;padding:40px var(--side)}
.c1-rail{grid-area:rail;display:flex;flex-direction:column;gap:var(--gap-s);align-self:start}
.c1-phead{grid-area:head;display:flex;flex-direction:column;gap:4px}
.c1-form{grid-area:form;display:flex;flex-direction:column;gap:20px;min-width:0}

/* ProductHeader */
.c1-rating{display:flex;align-items:center;gap:8px;font-weight:600;font-size:var(--fs-ps);line-height:1.4;color:var(--color-text-secondary)}
.c1-rating svg{width:17px;height:16px;flex:none}
.c1-phead h1{font-family:var(--font-heading);font-weight:400;font-size:var(--fs-h3);line-height:1.2;color:var(--color-brand-primary)}
.c1-sub{font-weight:500;font-size:var(--fs-pm);line-height:1.4;color:var(--color-text-secondary)}

/* USPChecklist */
.c1-usp{list-style:none;display:flex;flex-direction:column;gap:var(--gap-t);padding:var(--pad-s) 0}
.c1-usp::before,.c1-usp::after{content:"";display:block;height:1px;background:var(--color-border-default)}
.c1-usp li{display:flex;align-items:center;gap:8px;font-weight:500;font-size:var(--fs-ps);line-height:1.4}
.c1-usp svg{width:20px;height:20px;flex:none}

/* ReviewCards slot -> note cards */
.c1-notes{display:flex;flex-direction:column;gap:var(--gap-t)}
.c1-note{display:flex;align-items:flex-start;gap:var(--gap-t);padding:var(--pad-s);background:var(--color-brand-whitespace);border:1px solid var(--color-border-default);border-radius:var(--r-m)}
.c1-note>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.c1-note h3{font-weight:700;font-size:var(--fs-ps);line-height:1.4}
.c1-note p{font-weight:500;font-size:var(--fs-ps);line-height:1.4;color:var(--color-text-secondary)}
.c1-note .by{font-weight:700;font-size:var(--fs-pt);color:var(--color-text-primary)}
.c1-note img{flex:none;width:44px;height:44px;border-radius:22px;object-fit:cover}

/* ---------- StepHeader1 ---------- */
.c1-step{display:flex;align-items:center;gap:var(--gap-t)}
.c1-step span{flex:none;width:36px;height:36px;border-radius:100px;background:var(--color-brand-primary);color:var(--color-text-white);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--fs-ps);line-height:1.5}
.c1-step h2{flex:1;font-family:var(--font-heading);font-weight:400;font-size:var(--fs-pb);line-height:1.5}

/* ---------- RadioCard1 ---------- */
.c1-tiers{display:flex;flex-direction:column;gap:12px}
.rc{position:relative;display:flex;align-items:center;gap:var(--gap-t);padding:var(--pad-s);background:var(--color-brand-whitespace);border:1px solid var(--color-border-default);border-radius:var(--r-m);cursor:pointer}
.rc.is-on{background:var(--color-background-brand-tint);border-color:var(--color-brand-primary);box-shadow:inset 0 0 0 1px var(--color-brand-primary),0 2px 4px rgba(0,0,0,.14)}
.rc:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}
.rc-badges{position:absolute;left:10px;right:10px;top:1.5px;height:0;display:flex;align-items:center;justify-content:flex-end;gap:4px}
.rc-badges span{background:var(--color-ui-green);padding:3px 8px;border-radius:var(--r-t);font-weight:800;font-size:var(--fs-pt);line-height:1.4;white-space:nowrap}
.rc-radio{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border-default);position:relative}
.rc.is-on .rc-radio{border-color:var(--color-brand-primary)}
.rc.is-on .rc-radio::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--color-brand-primary)}
.rc-img{flex:none;width:88px;height:88px;border-radius:var(--r-s);object-fit:cover}
.rc-c{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.rc-name{display:flex;flex-direction:column;line-height:1.5}
.rc-name b{font-weight:700;font-size:18px}
.rc-name span{font-weight:500;font-size:14px;color:var(--color-text-secondary)}
.rc-price{display:flex;align-items:baseline;gap:8px;line-height:1.5;white-space:nowrap}
.rc-price b{font-family:var(--font-heading);font-weight:400;font-size:var(--fs-pb)}
.rc-price s{font-weight:500;font-size:var(--fs-ps);color:var(--color-text-secondary)}
.rc-unit{display:flex;align-items:center;gap:8px;font-weight:500;font-size:var(--fs-pt);color:var(--color-text-secondary);white-space:nowrap;min-height:23px}
.rc-unit em{font-style:normal;background:var(--color-ui-green);color:var(--color-text-primary);font-weight:700;padding:3px 8px;border-radius:var(--r-t)}
.rc-free{display:flex;flex-direction:column;gap:6px;padding-top:4px}
.rc-free-row{display:flex;align-items:center;gap:10px;font-weight:500;font-size:14px}
.rc-free-row i{width:28px;height:28px;border-radius:6px;background:var(--color-border-default)}
.rc-free-row span{flex:1}
.rc-free-row s{color:var(--color-text-secondary)}
.rc-free-row b{font-weight:800;color:var(--color-ui-red);letter-spacing:.56px}

/* ---------- Field1 ---------- */
.f1{display:flex;flex-direction:column;gap:8px;min-width:0}
.f1>span:first-child{font-weight:600;font-size:var(--fs-ps);line-height:1.5}
.f1 input,.f1 select,.f1-box{width:100%;min-width:0;background:var(--color-brand-whitespace);border:1px solid var(--color-border-default);border-radius:var(--r-s);padding:calc(var(--pad-t) - 1px) calc(var(--pad-s) - 1px);font:500 var(--fs-ps)/1.5 var(--font-body);color:var(--color-text-primary);appearance:none;-webkit-appearance:none}
.f1 input::placeholder{color:var(--color-text-secondary);opacity:1}
.f1 input:focus,.f1 select:focus{outline:none;border-color:var(--color-brand-primary)}
.f1-box{display:flex;align-items:center;gap:8px}
.f1-box input,.f1-box select{border:0;padding:0;border-radius:0;flex:1;background:transparent}
.f1-ic{flex:none;width:12px;height:7px;pointer-events:none}
.f1-search{width:18px;height:18px}
.c1-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.c1-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}

/* ShippingNoteRow */
.c1-shipnote{display:flex;align-items:center;gap:8px;font-weight:600;font-size:var(--fs-pt);line-height:1.4;color:var(--color-text-secondary)}
.c1-shipnote svg{width:18px;height:18px;flex:none}

/* ---------- Express + divider ---------- */
.c1-exlabel{text-align:center;font-weight:500;font-size:var(--fs-pt);line-height:1.4}
.c1-express{display:grid;grid-template-columns:1fr;gap:12px}
.c1-xb{height:56px;border:0;border-radius:var(--r-s);display:flex;align-items:center;justify-content:center;gap:2px;font-weight:600;font-size:22px}
.c1-xb-apple{background:#000;color:#fff}.c1-xb-apple svg{width:24px;height:24px}
.c1-xb:hover{filter:brightness(.95)}
.c1-or{display:flex;align-items:center;gap:12px;font-weight:500;font-size:var(--fs-pt);line-height:1.4;color:var(--color-text-secondary)}
.c1-or i{flex:1;height:1px;background:var(--color-border-default)}

/* ---------- PaymentMethodAccordion ---------- */
.c1-pay{border:1px solid var(--color-border-default);border-radius:var(--r-m);overflow:hidden;background:var(--color-brand-whitespace)}
.c1-pm{display:flex;align-items:center;gap:var(--gap-t);padding:var(--pad-s);cursor:pointer;position:relative}
.c1-pm+.c1-cc+.c1-pm,.c1-cc+.c1-pm{border-top:1px solid var(--color-border-default)}
.c1-pm input{position:absolute;opacity:0;pointer-events:none}
.rd{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--color-border-default);position:relative}
.c1-pm input:checked+.rd{border-color:var(--color-brand-primary)}
.c1-pm input:checked+.rd::after{content:"";position:absolute;inset:3.5px;border-radius:50%;background:var(--color-brand-primary)}
.c1-pm-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.4}
.c1-pm-t b{font-weight:700;font-size:var(--fs-ps)}
.c1-pm-t small{font-weight:500;font-size:var(--fs-pt);color:var(--color-text-secondary)}
.c1-cards{display:flex;gap:4px}
.c1-cards img{width:30px;height:19px;object-fit:contain;border-radius:3px}
.c1-pill{background:var(--color-border-default);padding:3px 8px;border-radius:var(--r-t);font-weight:800;font-size:var(--fs-pt);line-height:1.4}
.c1-cc{display:flex;flex-direction:column;gap:var(--gap-t);padding:var(--pad-s);background:var(--color-background-brand-tint)}
.c1-billing{display:flex;align-items:center;gap:8px;font-weight:500;font-size:var(--fs-pt);line-height:1.4;color:var(--color-text-secondary);cursor:pointer}
.c1-billing input{position:absolute;opacity:0}
.cb{flex:none;width:18px;height:18px;border-radius:4px;border:2px solid var(--color-border-default);background:#fff;position:relative}
.c1-billing input:checked+.cb{background:var(--color-brand-primary);border-color:var(--color-brand-primary)}
.c1-billing input:checked+.cb::after{content:"";position:absolute;left:4px;top:0;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* ---------- OrderSummary (SummaryLine1) ---------- */
.c1-sum{display:flex;flex-direction:column;gap:4px;padding:20px 0}
.c1-sum hr{border:0;height:1px;background:var(--color-border-default);margin:0;width:100%}
.sl{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;font-weight:400;font-size:var(--fs-ps);line-height:1.4}
.sl span:last-child{font-weight:500;white-space:nowrap}
.sl s{color:var(--color-text-secondary)}
.sl-total{min-height:38px;font-weight:800;font-size:var(--fs-pb)}
.sl-total span:last-child{font-weight:800}
.sl-save{color:var(--color-text-success);font-weight:700}
.c1-terms{text-align:center;font-weight:500;font-size:var(--fs-pt);line-height:1.4}

/* ---------- CTA1 ---------- */
.c1-cta{display:flex;flex-direction:column;align-items:center;gap:12px}
.c1-btn{width:100%;border:0;cursor:pointer;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;gap:20px;padding:var(--pad-s) 24px;background:var(--color-brand-primary);color:var(--color-text-white);border-radius:6px;font-weight:700;font-size:var(--fs-pb);line-height:1.5;letter-spacing:-.1px;text-decoration:none;white-space:nowrap}
.c1-btn:hover{background:var(--color-brand-primary-hover)}
.c1-btn svg{width:12px;height:8.4px;transform:rotate(90deg);flex:none}
.c1-guar{display:flex;align-items:center;gap:8px;font-weight:600;font-size:var(--fs-ps);line-height:1.5;letter-spacing:-.08px}
.c1-guar svg{width:18px;height:18px}

/* ---------- Tablet: one column, rail (gallery + USP + cards) between header and form ---------- */
@media (max-width:1023px){
  .c1-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "rail" "form";grid-template-rows:none;row-gap:var(--gap-s);padding:32px var(--side) 40px}
  .gal--rail .gal-main{aspect-ratio:740/560}
  .c1-rail{gap:var(--gap-s)}
  .c1-form{margin-top:20px}
}

/* ---------- Mobile: order = header, gallery, USP, steps 1-5, CTA, trust, note cards, footer ---------- */
@media (max-width:640px){
  .c1-hdr{flex-direction:column;gap:6px;padding:12px var(--side) 12px}
  .c1-logo img{height:33px}
  .c1-hdr-r{flex-direction:column;gap:0}
  .c1-secure{padding:12px var(--side)}
  .c1-crumbs{padding:8px var(--side)}
  .c1-body{grid-template-areas:none;display:flex;flex-direction:column;gap:12px;padding:24px var(--side) 40px}
  .c1-rail{display:contents}
  .c1-phead{order:1;align-items:center;text-align:center;gap:4px}
  .gal--rail{order:2}
  .c1-usp{order:3}
  .c1-form{order:4;margin:8px 0 0;gap:var(--gap-s)}
  .c1-notes{order:5;margin-top:8px}
  .gal--rail .gal-main{aspect-ratio:1/1}
  .c1-step span{width:36px;height:36px}
  .rc{padding:12px;gap:12px}
  .rc-img{width:64px;height:64px}
  .rc-name b{font-size:16px}
  .rc-name span{font-size:13px}
  .c1-sum{padding:8px 0}
  .sl{font-size:15px}
  .sl-total{font-size:20px}
  .c1-xb{height:56px}
}
.c1-note img[src*="stamp.png"]{object-fit:contain;border-radius:0}

/* ---------- Premium Shipping Insurance below the CTA (Tereza, 30 Sep; velinsleep silver-sheets pattern) ---------- */
.ins{width:100%;background:var(--color-background-white);border:1px solid var(--color-border-default);border-radius:var(--r-s)}
.ins-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 14px}
.ins-t{min-width:0}
.ins-h{margin:0;font-weight:700;font-size:var(--fs-ps);line-height:1.45;color:var(--color-text-primary)}
.ins-h b{font-weight:800}
.ins-s{margin:2px 0 0;font-weight:400;font-size:var(--fs-pt);line-height:1.45;color:var(--color-text-secondary)}
.ins-sw{position:relative;flex:none;width:64px;height:26px;border:0;border-radius:999px;cursor:pointer;background:var(--color-border-default);padding:0;transition:background .15s}
.ins-sw .ins-lab{position:absolute;top:50%;right:10px;transform:translateY(-50%);font:700 13px/1 var(--font-body);color:var(--color-text-primary)}
.ins-sw .ins-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .15s}
.ins.is-on .ins-sw{background:var(--color-brand-primary)}
.ins.is-on .ins-sw .ins-lab{right:auto;left:11px;color:#fff}
.ins.is-on .ins-sw .ins-knob{left:41px}
.ins-sw:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}
.ins-tbl{width:100%;border-collapse:collapse;table-layout:fixed;font-size:var(--fs-pt);line-height:1.3;border-top:1px solid var(--color-border-default)}
.ins.is-on .ins-tbl{display:none}
.ins-tbl th{font-weight:600;text-align:center;padding:10px 6px 6px;width:27.5%}
.ins-tbl th:first-child{text-align:left;padding-left:14px;width:45%}
.ins-tbl td{padding:6px;text-align:center;color:var(--color-text-secondary)}
.ins-tbl td:first-child{text-align:left;padding-left:14px;color:var(--color-text-primary)}
.ins-tbl tr:last-child td{padding-bottom:12px}
.ins-y{color:var(--color-text-success)!important;font-weight:800}
.ins-n{font-weight:800}