/* Readable, light checkout for the Perfecte Salesmail workshop. */
.sm-checkout--light {
  --text-body:#30232d; --text-secondary:#6b5563;
  color:var(--text-body); min-height:100vh;
  background:radial-gradient(ellipse at 0 12%,#f7dbe8aa,transparent 40%),radial-gradient(ellipse at 100% 32%,#ffe8cf80,transparent 45%),#fcf5f5;
}
.sm-checkout .offer-shell { width:min(1240px,calc(100% - 64px)); }
.sm-checkout .offer-header { background:#fff; border-bottom:1px solid #f0e5e9; }
.sm-checkout .offer-header .offer-shell { min-height:82px; }
.sm-checkout .offer-header img { width:204px; }
.sm-checkout .checkout-layout { --checkout-panel-padding:38px; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); grid-template-areas:"pitch lead" "pitch payment"; gap:0 56px; padding-block:42px 80px; isolation:isolate; }
/* One desktop card behind the intro and form; mobile uses their natural DOM order. */
.sm-checkout .checkout-layout::before { content:""; grid-column:2; grid-row:1 / 3; align-self:stretch; min-width:0; background:#fff; border:2px solid #fff; border-radius:20px; box-shadow:0 18px 60px #7e395912; z-index:0; pointer-events:none; }
.sm-checkout .checkout-lead,.sm-checkout .checkout-aside,.sm-checkout .checkout-panel { position:relative; z-index:1; min-width:0; }
.sm-checkout .checkout-lead { grid-area:lead; padding:var(--checkout-panel-padding) var(--checkout-panel-padding) 0; }
.sm-checkout .checkout-aside { grid-area:pitch; }
.sm-checkout .checkout-package { width:100%; max-width:300px; margin:0; }
.sm-checkout .sm-package { border:3px solid #fff; border-radius:22px; box-shadow:0 14px 45px #92456115; }
.sm-checkout .sm-package__contents { grid-template-columns:1fr; margin-top:-24px; padding-inline:14px; gap:8px; }
.sm-checkout .sm-package__item { display:grid; grid-template-columns:62px minmax(0,1fr); gap:0 12px; align-items:center; padding:10px; }
.sm-checkout .sm-package__sample { grid-row:span 2; height:52px; margin:0; }
.sm-checkout .sm-package__item b { font-size:14px; }
.sm-checkout .sm-package__item > span { font-size:12px; line-height:1.5; color:#68525f; }
.sm-checkout .checkout-viewers { display:flex; align-items:center; gap:10px; margin:22px 0 0; color:var(--text-secondary); font-size:14px; font-weight:600; line-height:1.5; }
.sm-checkout .checkout-product-title { font-size:36px; line-height:1.12; margin-top:28px; color:#30232d; }
.sm-checkout .checkout-aside__intro { font-size:17px; line-height:1.7; margin-top:20px!important; color:var(--text-body); }
.sm-checkout .checkout-benefits { margin-block:26px; gap:17px; }
.sm-checkout .checkout-benefits li { gap:12px; align-items:flex-start; }
.sm-checkout .checkout-benefits .ds-check { margin-top:1px; }
.sm-checkout .checkout-benefits strong { font-size:16px; line-height:1.6; font-weight:650; }
.sm-checkout .checkout-aside__price { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; margin-top:26px; }
.sm-checkout .checkout-aside__price s { font-size:22px; color:var(--text-secondary); }
.sm-checkout .checkout-aside__price strong { font-size:32px; line-height:1.2; }
.sm-checkout .checkout-aside__price > span { font-size:16px; color:var(--text-secondary); }
.sm-checkout .checkout-testimonial { border-top:1px solid #e4d2dc; margin-top:28px; padding-top:25px; }
.sm-checkout .checkout-testimonial__stars { color:#d49a26; font-size:22px; letter-spacing:2px; }
.sm-checkout .checkout-testimonial blockquote { margin:13px 0 14px; font-size:22px; line-height:1.5; font-weight:650; letter-spacing:-.025em; }
.sm-checkout .checkout-testimonial figcaption { font-size:14px; color:var(--text-secondary); }
.sm-checkout .checkout-help { display:block; font-size:14px; line-height:1.7; }
.sm-checkout .checkout-help a { text-decoration:underline; text-underline-offset:3px; }
.sm-checkout .checkout-panel { grid-area:payment; padding:28px var(--checkout-panel-padding) var(--checkout-panel-padding); background:transparent; border:0; box-shadow:none; }
.sm-checkout .checkout-panel form > fieldset.checkout-section:first-of-type { margin-top:0; }
.sm-checkout .checkout-progress { font-size:13px; gap:12px; margin-bottom:28px; color:#766370; }
.sm-checkout .checkout-progress i { width:25px; height:25px; font-size:12px; }
.sm-checkout .checkout-title { font-size:34px; line-height:1.14; letter-spacing:-.045em; }
.sm-checkout .checkout-intro { font-size:16px; line-height:1.7; color:#594650; margin-top:20px!important; }
.sm-checkout .checkout-result { margin-top:22px; font-size:16px; line-height:1.65; }
.sm-checkout .checkout-expertise { font-size:15px; line-height:1.7; color:#6b5563; margin-top:18px; }
.sm-checkout .checkout-section { margin-top:32px; }
.sm-checkout .checkout-section legend,.sm-checkout .checkout-section > h3 { font-size:23px; margin-bottom:20px; }
.sm-checkout .checkout-field { margin-bottom:20px; }
.sm-checkout .checkout-field label { font-size:15px; color:#5b4553; margin-bottom:8px; }
.sm-checkout .checkout-field input,.sm-checkout .checkout-field select { font-size:16px; height:54px; border-radius:8px; }
.sm-checkout .checkout-checkbox { font-size:15px; line-height:1.6; }
.sm-checkout .checkout-checkbox input,.sm-checkout .checkout-addon > input { width:20px; height:20px; margin-top:2px; }
.sm-checkout .checkout-method { padding:18px 7px 15px; gap:12px; }
.sm-checkout .checkout-method b { font-size:14px; line-height:1.4; }
.sm-checkout .checkout-method-help { font-size:14px; color:#6b5563; line-height:1.6; }
.sm-checkout .method-check { font-size:14px; }
.sm-checkout .checkout-section-intro { font-size:15px; color:#6b5563; }
.sm-checkout .checkout-addon { padding:22px 18px; gap:12px; }
.sm-checkout .checkout-addon:has(input:checked) { border-color:#23845e; box-shadow:0 0 0 1px #23845e; background:#f0f8f3; }
.sm-checkout .checkout-addon > input { accent-color:#23845e; }
.sm-checkout .checkout-addons { container-type:inline-size; }
.sm-checkout .checkout-addon--video .checkout-addon__eyebrow { flex-wrap:wrap; gap:8px 12px; color:#80546a; font-size:14px; letter-spacing:0; }
.sm-checkout .checkout-addon--video .checkout-addon__eyebrow > span { padding:5px 10px; border:0; border-radius:5px; background:#087b50; color:#fff; font-size:16px; line-height:1.4; font-weight:750; white-space:nowrap; }
.sm-checkout .checkout-addon__video-intro { display:grid; grid-template-columns:120px minmax(0,1fr); align-items:center; gap:16px; margin-top:20px; }
.sm-checkout .checkout-addon__thumbnail { display:block; position:relative; width:120px; overflow:hidden; border-radius:8px; background:#e8ddd6; }
.sm-checkout .checkout-addon__thumbnail img { display:block; width:120px; height:68px; object-fit:cover; }
.sm-checkout .checkout-addon__video-icon { position:absolute; right:6px; bottom:6px; display:grid; place-items:center; width:23px; height:23px; border-radius:50%; background:#fff; color:#b23869; box-shadow:0 1px 5px #0003; }
.sm-checkout .checkout-addon__video-icon svg { width:17px; height:17px; }
.sm-checkout .checkout-addon__heading > b { display:block; font-size:23px; line-height:1.2; letter-spacing:-.035em; }
.sm-checkout .checkout-addon--video .checkout-addon__name { color:#6f4b5e; font-size:14px; line-height:1.6; margin-top:8px; }
.sm-checkout .checkout-addon--video .checkout-addon__text { color:#6f5664; font-size:16px; line-height:1.65; margin-top:16px; }
.sm-checkout .checkout-addon--video .checkout-addon__price { flex-wrap:wrap; margin-top:20px; gap:10px; }
.sm-checkout .checkout-addon--video .checkout-addon__price strong { font-size:32px; }
.sm-checkout .checkout-addon--video .checkout-addon__price s { font-size:20px; color:#806d77; }
.sm-checkout .checkout-addon--video .checkout-addon__price small { font-size:14px; color:#806d77; }
.sm-checkout .checkout-addon__saving { display:block; font-size:14px; font-weight:700; color:#087b50; margin-top:2px; }
.sm-checkout .checkout-addon--video .checkout-addon__action { display:inline-flex; padding:12px 15px; border-radius:7px; background:#b4386a; color:#fff; font-size:15px; line-height:1.5; }
.sm-checkout .checkout-addon--video:has(input:checked) .checkout-addon__action { background:#087b50; color:#fff; }
.sm-checkout .checkout-summary__product { font-size:16px; gap:18px; }
.sm-checkout .checkout-summary__product > div:first-child > span,.sm-checkout .checkout-summary__product s { font-size:14px; }
.sm-checkout .checkout-summary__rows p { font-size:16px; gap:16px; }
.sm-checkout .checkout-summary__rows small { font-size:13px; }
.sm-checkout .checkout-total b { font-size:21px; }
.sm-checkout .checkout-savings { font-size:15px; }
.sm-checkout .checkout-savings summary { font-size:15px; line-height:1.5; }
.sm-checkout .checkout-savings__details p { font-size:14px; }
.sm-checkout .checkout-savings__details small,.sm-checkout .checkout-savings__note { font-size:13px; }
.sm-checkout .checkout-tax-note { font-size:14px; }
.sm-checkout .checkout-delivery { display:flex; align-items:flex-start; gap:12px; padding:20px; margin-top:24px; border-radius:10px; background:#fcf5f8; color:#33232f; }
.sm-checkout .checkout-delivery > svg { width:22px; height:22px; flex:none; color:#bd4779; margin-top:2px; }
.sm-checkout .checkout-delivery b { font-size:16px; }
.sm-checkout .checkout-delivery p { color:#6b5563; font-size:15px; line-height:1.6; margin-top:6px; }
.sm-checkout .checkout-terms { margin-top:25px; }
.sm-checkout .checkout-submit { min-height:62px; font-size:18px; }
.sm-checkout .checkout-trust p { font-size:14px; }
.sm-checkout .checkout-trust b { font-size:15px; }
.sm-checkout .checkout-trust strong,.sm-checkout .checkout-trust span { font-size:13px; line-height:1.5; }
.sm-checkout .checkout-secure { font-size:13px; }
.sm-checkout .offer-footer { border-top:1px solid #eadce3; font-size:14px; padding-block:30px; }
@container (max-width:430px) {
  .sm-checkout .checkout-addon__video-intro { grid-template-columns:1fr; gap:14px; }
}
@media (max-width:1000px) {
  .sm-checkout .checkout-layout { --checkout-panel-padding:28px; column-gap:30px; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
  .sm-checkout .checkout-product-title { font-size:31px; }
  .sm-checkout .checkout-title { font-size:30px; }
}
@media (max-width:800px) {
  .sm-checkout .offer-shell { width:calc(100% - 36px); }
  .sm-checkout .checkout-layout { grid-template-columns:minmax(0,1fr); grid-template-areas:"lead" "pitch" "payment"; gap:32px; padding-top:26px; max-width:620px; }
  .sm-checkout .checkout-layout::before { display:none; }
  .sm-checkout .checkout-lead { padding:0; }
  .sm-checkout .checkout-aside { display:block; }
  .sm-checkout .checkout-package { margin-inline:auto; }
  .sm-checkout .sm-package__item b { font-size:13px; }
  .sm-checkout .sm-package__item > span { font-size:12px; }
  .sm-checkout .checkout-panel { padding:26px 22px; background:#fff; border:2px solid #fff; border-radius:20px; box-shadow:0 18px 60px #7e395912; }
  .sm-checkout .checkout-progress { font-size:12px; gap:8px; }
  .sm-checkout .checkout-progress__line { width:24px; }
  .sm-checkout .checkout-field-grid { grid-template-columns:1fr; gap:0; }
  .sm-checkout .checkout-trust { grid-template-columns:1fr; gap:18px; }
}
@media (max-width:380px) {
  .sm-checkout .offer-shell { width:calc(100% - 24px); }
  .sm-checkout .checkout-panel { padding:24px 18px; }
  .sm-checkout .checkout-title { font-size:28px; }
  .sm-checkout .checkout-methods { grid-template-columns:1fr; }
  .sm-checkout .checkout-method { flex-direction:row; justify-content:flex-start; gap:16px; padding:14px 16px; }
  .sm-checkout .checkout-method b { font-size:15px; text-align:left; }
  .sm-checkout .method-check { top:50%; transform:translateY(-50%); right:15px; }
}
