/* White, Shopify-style checkout skin. Layout only: checkout.js and payment fields are unchanged. */
html body[data-bw-checkout]{
  --ck-ink:#141414;--ck-sub:#555;--ck-mute:#767676;--ck-line:#e3e3e3;--ck-panel:#f6f5f2;--ck-gold:#9a7a2e;--ck-gold-hi:#c9a24f;--ck-focus:#1a73e8;
  background:#fff!important;color:var(--ck-ink);font:16px/1.55 Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
body[data-bw-checkout] .bw-header,body[data-bw-checkout] .premium-path,body[data-bw-checkout] .bw-page-banner{display:none!important}

/* Header */
body[data-bw-checkout] .commerce-nav{max-width:none;margin:0;padding:18px max(24px,calc(50% - 560px))!important;border-bottom:1px solid var(--ck-line);background:#fff;display:flex;align-items:center;justify-content:space-between}
body[data-bw-checkout] .commerce-nav .wordmark{color:var(--ck-ink);font-weight:800;letter-spacing:.22em;font-size:15px;text-decoration:none;display:flex;flex-direction:column}
body[data-bw-checkout] .commerce-nav .wordmark span{letter-spacing:.04em;font-weight:500;font-size:11px;color:var(--ck-mute)}
body[data-bw-checkout] .checkout-login{color:var(--ck-ink);font-size:14px;font-weight:600}
body[data-bw-checkout] .ck-secure{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ck-sub);margin-right:auto;margin-left:28px}
body[data-bw-checkout] .ck-secure svg{width:15px;height:15px}

/* Two columns: form left, summary right */
body[data-bw-checkout] .checkout-layout{max-width:none;margin:0;padding:0!important;gap:0!important;grid-template-columns:minmax(0,1fr) minmax(360px,44%);min-height:calc(100vh - 140px)}
body[data-bw-checkout] .checkout-card{order:1;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:40px 48px 56px max(24px,calc(50vw - 560px))!important;color:var(--ck-ink)}
body[data-bw-checkout] .order-intro{order:2;background:var(--ck-panel);border-left:1px solid var(--ck-line);padding:40px max(24px,calc(50vw - 560px)) 56px 40px!important;color:var(--ck-ink)}
body[data-bw-checkout] .order-intro>*{max-width:420px}

/* Summary panel */
body[data-bw-checkout] .order-intro .eyebrow{color:var(--ck-gold);letter-spacing:.18em;font-size:11px;font-weight:700}
body[data-bw-checkout] .order-intro h1{font:600 28px/1.2 var(--display,Georgia,serif)!important;color:var(--ck-ink)!important;margin:10px 0 6px!important;max-width:none!important}
body[data-bw-checkout] .order-intro>p,body[data-bw-checkout] #renewal,body[data-bw-checkout] .muted{color:var(--ck-sub)!important}
body[data-bw-checkout] .price-line{padding:16px 0;margin:14px 0 6px!important;border-top:1px solid var(--ck-line);border-bottom:1px solid var(--ck-line);justify-content:space-between}
body[data-bw-checkout] .price-line strong{font:700 30px/1 Figtree,system-ui,sans-serif!important;color:var(--ck-ink)!important}
body[data-bw-checkout] #billing-label{color:var(--ck-sub);font-size:14px}
body[data-bw-checkout] .checkout-includes,body[data-bw-checkout] .after-payment{background:#fff;border:1px solid var(--ck-line);border-radius:10px;color:var(--ck-ink)}
body[data-bw-checkout] .checkout-includes summary,body[data-bw-checkout] .after-payment summary{color:var(--ck-ink);font-weight:600;cursor:pointer}
body[data-bw-checkout] .included,body[data-bw-checkout] .after-payment p{color:var(--ck-sub)}
body[data-bw-checkout] .order-intro a{color:var(--ck-gold)}

/* Form */
body[data-bw-checkout] #checkout-active{color:var(--ck-gold);font-size:11px;letter-spacing:.18em;font-weight:700}
body[data-bw-checkout] .checkout-steps{border-bottom:1px solid var(--ck-line);padding-bottom:0!important;gap:22px!important}
body[data-bw-checkout] .checkout-steps li{color:var(--ck-mute);padding-bottom:10px;font-size:13px;font-weight:600}
body[data-bw-checkout] .checkout-steps [aria-current]{color:var(--ck-ink)!important;border-bottom:2px solid var(--ck-ink)!important;padding-bottom:9px!important}
body[data-bw-checkout] .checkout-card h2{font:600 22px/1.3 Figtree,system-ui,sans-serif!important;color:var(--ck-ink)!important;margin:6px 0 6px}
body[data-bw-checkout] .checkout-card label{color:var(--ck-ink);font-size:14px;font-weight:600}
body[data-bw-checkout] .checkout-card input:not([type=checkbox]),body[data-bw-checkout] .checkout-card select{background:#fff!important;color:var(--ck-ink)!important;border:1px solid #cfcfcf!important;border-radius:8px!important;padding:13px 14px!important;font:16px Figtree,system-ui,sans-serif!important;box-shadow:none!important;width:100%}
body[data-bw-checkout] .checkout-card input:focus,body[data-bw-checkout] .checkout-card select:focus{outline:none;border-color:var(--ck-focus)!important;box-shadow:0 0 0 3px rgba(26,115,232,.18)!important}
body[data-bw-checkout] .checkout-card input[type=checkbox]{accent-color:var(--ck-ink);width:18px;height:18px}
body[data-bw-checkout] .optional{color:var(--ck-mute)!important;font-weight:500}
body[data-bw-checkout] .notification-options,body[data-bw-checkout] .terms{background:#fafafa!important;border:1px solid var(--ck-line)!important;border-radius:10px!important;color:var(--ck-ink)}
body[data-bw-checkout] .notification-options summary,body[data-bw-checkout] .terms summary{color:var(--ck-ink)!important;font-weight:600}
body[data-bw-checkout] .notification-offer p,body[data-bw-checkout] .notification-offer label,body[data-bw-checkout] .check span{color:var(--ck-sub)!important;font-weight:500}
body[data-bw-checkout] #notification-discount{color:var(--ck-gold)!important;font-weight:600}

/* Buttons: one strong primary action */
body[data-bw-checkout] .checkout-card button:not(.secondary),body[data-bw-checkout] .checkout-card .button:not(.secondary){background:#141414!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:16px 20px!important;font:700 16px Figtree,system-ui,sans-serif!important;width:100%;box-shadow:none!important;cursor:pointer;transition:background .2s}
body[data-bw-checkout] .checkout-card button:not(.secondary):hover{background:#000!important}
body[data-bw-checkout] .checkout-card button:disabled{background:#c8c8c8!important;color:#fff!important;cursor:not-allowed}
body[data-bw-checkout] .checkout-card .secondary{background:#fff!important;color:var(--ck-ink)!important;border:1px solid #cfcfcf!important;border-radius:8px!important;padding:14px 18px!important;font-weight:600!important;width:100%}
body[data-bw-checkout] .checkout-card a{color:var(--ck-ink);text-decoration:underline;text-underline-offset:3px}
body[data-bw-checkout] #status{color:var(--ck-sub)!important;font-size:14px}
body[data-bw-checkout] .support,body[data-bw-checkout] .support a{color:var(--ck-mute)!important;font-size:13px}
/* Card fields: PayPal draws each input inside its own iframe, so the wrapper must size to it. */
body[data-bw-checkout] #card-fields{display:grid;gap:4px;margin:6px 0 4px}
body[data-bw-checkout] #card-fields>label,body[data-bw-checkout] #card-fields .two>label{display:block;font:600 13.5px/1.3 Figtree,system-ui,sans-serif;color:#333;margin:0}
body[data-bw-checkout] #card-name,body[data-bw-checkout] #card-number,body[data-bw-checkout] #card-expiry,body[data-bw-checkout] #card-cvv{height:auto!important;min-height:0!important;background:none!important;border:0!important;border-radius:0!important;margin:2px -4px 0!important;padding:0!important;overflow:visible}
body[data-bw-checkout] #card-fields .two{gap:12px}
body[data-bw-checkout] #card-pay{margin-top:12px}
body[data-bw-checkout] .ck-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 8px;padding:12px 14px;border:1px solid #141414;border-radius:8px;background:#fafafa;font:700 14.5px Figtree,system-ui,sans-serif;color:#141414}
body[data-bw-checkout] .ck-card-head span{display:flex;gap:5px}
body[data-bw-checkout] .ck-card-head i{font-style:normal;border:1px solid #d6d6d6;border-radius:4px;padding:2px 6px;font-size:10.5px;letter-spacing:.03em;background:#fff;color:#333}
body[data-bw-checkout] .ck-pay-error{background:#fff4f2;border:1px solid #f0c4bb;color:#8a2a17!important;border-radius:8px;padding:12px 14px;font-size:14px;margin:10px 0 0}
body[data-bw-checkout] .ck-lock{display:flex;gap:8px;align-items:center;justify-content:center;font-size:12.5px;color:#666;margin-top:10px}
@media(max-width:520px){body[data-bw-checkout] #card-fields .two{grid-template-columns:1fr 1fr}}

/* Trust + recommendations injected by checkout-extras.js */
.ck-trust{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.ck-trust li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#444;line-height:1.45}
.ck-trust svg{flex:0 0 18px;width:18px;height:18px;color:#9a7a2e;margin-top:1px}
.ck-trust b{color:#141414}
.ck-pay{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.ck-pay span{border:1px solid #ddd;border-radius:6px;padding:4px 8px;font-size:11.5px;font-weight:700;color:#333;background:#fff;letter-spacing:.02em}
.ck-recs{margin-top:24px;padding-top:20px;border-top:1px solid #e3e3e3}
.ck-recs h3{font:700 12px/1.3 Figtree,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#767676;margin:0 0 12px}
.ck-rec{display:flex;gap:14px;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e3e3e3;border-radius:10px;padding:14px 16px;margin-bottom:10px;text-decoration:none!important;color:#141414!important;transition:border-color .2s,box-shadow .2s}
.ck-rec:hover{border-color:#c9a24f;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.ck-rec b{display:block;font-size:14.5px}
.ck-rec small{display:block;color:#666;font-size:13px;line-height:1.4;margin-top:2px}
.ck-rec em{font-style:normal;font-weight:700;font-size:14px;white-space:nowrap;color:#141414}
.ck-help{margin-top:18px;font-size:13.5px;color:#555}
.ck-help a{color:#141414!important;font-weight:700}

/* Footer */
body[data-bw-checkout]>footer{background:#fff;color:#767676;border-top:1px solid #e3e3e3;padding:18px;text-align:center;font-size:13px}
body[data-bw-checkout]>footer a{color:#555}

/* Mobile: summary first and compact, like Shopify's collapsible order summary */
@media(max-width:860px){
  body[data-bw-checkout] .checkout-layout{grid-template-columns:1fr}
  body[data-bw-checkout] .order-intro{order:0;border-left:0;border-bottom:1px solid var(--ck-line);padding:20px!important}
  body[data-bw-checkout] .checkout-card{padding:24px 20px 40px!important}
  body[data-bw-checkout] .ck-secure{display:none}
  body[data-bw-checkout] .order-intro h1{font-size:22px!important}
  body[data-bw-checkout] .ck-recs{display:none}
  body[data-bw-checkout] .ck-recs.ck-recs-m{display:block}
}
.ck-trust-m{display:none}
body[data-bw-checkout] .checkout-includes summary,body[data-bw-checkout] .after-payment summary{font-size:15px}
@media(max-width:860px){
  body[data-bw-checkout] .ck-trust{display:none}
  body[data-bw-checkout] .after-payment,body[data-bw-checkout] .checkout-preview{display:none}
  .ck-trust-m{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:#555;margin:14px 0 0}
  .ck-trust-m svg{flex:0 0 15px;width:15px;height:15px;color:#9a7a2e;margin-top:2px}
  .ck-trust-m a{color:#141414!important;font-weight:700}
}