.conversion-page[data-page="checkout"]{--checkout-bg:#f7f4f0;--checkout-surface:#fff;--checkout-text:#2e1710;--checkout-muted:#716b68;--checkout-line:#e7e1dc;--checkout-accent:#b95d3f;--checkout-accent-dark:#97472f;min-height:100vh;background:var(--checkout-bg);color:var(--checkout-text)}
.conversion-page[data-page="checkout"] .sticky-header-shell{position:relative;z-index:10}
.checkout-site-header{border-bottom:1px solid var(--checkout-line);background:#fff}
.checkout-header__inner{display:flex;align-items:center;justify-content:space-between;width:min(100% - 48px,1320px);min-height:76px;margin-inline:auto}
.checkout-header__brand{display:grid;gap:1px}
.checkout-header__brand .wordmark{gap:9px;margin:0;color:var(--checkout-text);font-family:var(--font-display);font-size:27px;line-height:1;text-transform:none}
.checkout-header__brand .wordmark em{color:#9b6345;font-style:normal}
.checkout-header__brand .coffeedeal-logo-mark{width:31px;height:31px}
.checkout-header__brand small{margin-left:40px;color:#746b67;font-size:10px;font-weight:750;letter-spacing:.24em;text-transform:uppercase}
.checkout-header__back{display:inline-flex;align-items:center;gap:9px;color:var(--checkout-text);font-size:16px;font-weight:700}
.checkout-header__back .icon{width:17px;height:17px;transform:rotate(180deg)}
.modern-checkout{min-height:calc(100vh - 158px);padding:38px 0 54px;background:radial-gradient(circle at -4% 43%,rgba(185,93,63,.055),transparent 23%),radial-gradient(circle at 104% 45%,rgba(185,93,63,.045),transparent 22%),var(--checkout-bg)}
.modern-checkout__container{width:min(100% - 48px,1320px);margin-inline:auto}
.checkout-loading{display:grid;min-height:520px;place-items:center;color:var(--checkout-muted);font-size:16px}
.checkout-breadcrumb{display:flex;align-items:center;gap:9px;margin:0 0 19px;color:var(--checkout-muted);font-size:16px}
.checkout-breadcrumb a{color:var(--checkout-muted)}
.checkout-breadcrumb strong{color:var(--checkout-text);font-weight:700}
.modern-checkout__surface{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.92fr);overflow:clip;border:1px solid var(--checkout-line);border-radius:20px;background:var(--checkout-surface);box-shadow:0 24px 65px rgba(61,31,19,.07)}
.checkout-summary,.checkout-handoff{min-width:0;padding:42px 44px 45px}
.checkout-summary{position:relative;border-right:1px solid var(--checkout-line)}
.checkout-summary__sticky{position:sticky;top:94px;max-height:calc(100dvh - 110px);padding-right:12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.checkout-summary__heading{margin-bottom:24px}
.checkout-summary__heading>div{display:flex;align-items:baseline;gap:15px}
.checkout-summary__heading h1,.checkout-handoff h2{margin:0;color:var(--checkout-text);font-family:var(--font-body);font-size:31px;font-weight:780;line-height:1.18;letter-spacing:-.025em;text-transform:none}
.checkout-summary__heading span{color:var(--checkout-muted);font-size:16px;font-weight:550}
.checkout-warehouse-plan{display:grid;gap:12px;margin:0 0 20px;padding:16px 17px;border:1px solid #e5ddd7;border-radius:12px;background:#f8f5f2;color:var(--checkout-muted)}
.checkout-warehouse-plan.is-blocked{border-color:#e7b9aa;background:#fff3ef;color:#7e3020}
.checkout-warehouse-plan__heading{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:center}
.checkout-warehouse-plan__heading>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#eee4dc;color:var(--checkout-text)}
.checkout-warehouse-plan.is-blocked .checkout-warehouse-plan__heading>span{background:#f4d9d0;color:#8a321f}
.checkout-warehouse-plan__heading .icon{width:20px;height:20px}
.checkout-warehouse-plan__heading div{display:grid;gap:2px}
.checkout-warehouse-plan__heading strong{color:var(--checkout-text);font-size:16px;line-height:1.3}
.checkout-warehouse-plan__heading small{font-size:13px;font-weight:500;line-height:1.45}
.checkout-warehouse-plan>p{margin:0;font-size:14px;font-weight:500;line-height:1.45}
.checkout-warehouse-plan__list{display:flex;flex-wrap:wrap;gap:7px}
.checkout-warehouse-plan__list span{display:grid;gap:1px;padding:7px 10px;border:1px solid #ded3cb;border-radius:7px;background:#fff;color:#6a5e57;font-size:12px;font-weight:500;line-height:1.35}
.checkout-warehouse-plan__list b{color:#43312a;font-size:13px}
.checkout-summary .order-lines{display:grid;gap:12px;margin:0 0 20px}
.checkout-order-line{position:relative;display:grid;grid-template-columns:94px minmax(0,1fr) auto;gap:17px;align-items:center;min-height:130px;padding:12px 14px;border:1px solid var(--checkout-line);border-radius:13px;background:#fff;transition:border-color 160ms ease,box-shadow 160ms ease}
.checkout-order-line:hover{border-color:#d8cac0;box-shadow:0 8px 20px rgba(61,31,19,.055)}
.checkout-order-line__media{display:grid;place-items:center;width:94px;height:104px;overflow:hidden;border-radius:9px;background:#f2ece6}
.checkout-order-line__media img{width:100%;height:100%;padding:7px;object-fit:contain}
.checkout-order-line__content{align-self:center;padding-right:8px}
.checkout-order-line__content>strong{display:block;max-width:350px;color:var(--checkout-text);font-size:17px;font-weight:720;line-height:1.32}
.checkout-order-line__content>small{display:block;margin-top:4px;color:var(--checkout-muted);font-size:15px;font-weight:500;line-height:1.35}
.checkout-order-line__content>.checkout-order-line__warehouse{display:flex;align-items:center;gap:5px;color:#6f6058;font-size:13px;font-weight:680}
.checkout-order-line__warehouse .icon{width:12px;height:12px;color:var(--checkout-accent)}
.checkout-order-line .qty-control{display:grid;grid-template-columns:32px 34px 32px;width:max-content;margin-top:11px;overflow:hidden;border:1px solid var(--checkout-line);border-radius:8px;background:#fff}
.checkout-order-line .qty-control button,.checkout-order-line .qty-control span{display:grid;width:auto;height:31px;min-width:0;place-items:center;border:0;background:#fff;color:var(--checkout-text);font-size:16px}
.checkout-order-line .qty-control button:hover{background:#f7f3ef}
.checkout-order-line .qty-control span{border-inline:1px solid var(--checkout-line);font-size:15px;font-weight:750}
.checkout-order-line__price{display:grid;align-self:end;justify-items:end;gap:2px;padding:0 2px 7px 4px;color:var(--checkout-text);white-space:nowrap}
.checkout-order-line__price del{color:#958983;font-size:14px;font-weight:500;line-height:1.2}
.checkout-order-line__price strong{font-size:17px;line-height:1.25}
.checkout-order-line__price.is-sale strong{color:var(--checkout-accent-dark)}
.checkout-order-line__remove{position:absolute;top:11px;right:11px;display:grid;width:29px;height:29px;place-items:center;border:1px solid var(--checkout-line);border-radius:8px;background:#fff;color:#6f6763;transition:background 160ms ease,color 160ms ease}
.checkout-order-line__remove .icon{width:14px;height:14px}
.checkout-order-line__remove:hover{background:#f8efeb;color:var(--checkout-accent-dark)}
.checkout-discount-note{display:flex;align-items:center;gap:13px;min-height:64px;margin:0 0 20px;padding:15px 18px;border:1px solid var(--checkout-line);border-radius:12px;color:var(--checkout-muted);font-size:16px;font-weight:500}
.checkout-discount-note .icon{width:22px;height:22px;color:var(--checkout-text)}
.checkout-summary__totals{display:grid;gap:13px;padding:4px 0 19px;border-bottom:1px solid var(--checkout-line)}
.checkout-summary__totals div,.checkout-summary__total{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px}
.checkout-summary__totals .checkout-summary__saving{padding:8px 11px;border-radius:8px;background:#edf7f0;color:#276640;font-weight:700}
.checkout-summary__totals .checkout-summary__saving strong{color:#276640}
.checkout-summary__totals .checkout-summary__shipping.is-free{padding:8px 11px;border-radius:8px;background:#edf7f0;color:#276640;font-weight:700}
.checkout-summary__totals .checkout-summary__shipping.is-free strong{color:#276640}
.checkout-summary__totals .checkout-summary__vat{color:var(--checkout-muted);font-size:14px}
.checkout-summary__totals .checkout-summary__vat strong{color:var(--checkout-muted);font-weight:650}
.checkout-summary__shipping-value{display:grid;justify-items:end;gap:2px}
.checkout-summary__shipping-value strong{font-size:17px}
.checkout-summary__shipping-value small{color:var(--checkout-muted);font-size:13px;font-weight:500;line-height:1.35;text-align:right}
.checkout-summary__totals div:last-child span:last-child{color:var(--checkout-muted);text-align:right}
.checkout-summary__totals strong{color:var(--checkout-text);font-weight:700;white-space:nowrap}
.checkout-summary__total{padding-top:18px;font-size:22px}
.checkout-summary__total strong{font-weight:780;white-space:nowrap}
.checkout-summary__final-note{margin:10px 0 0;color:var(--checkout-muted);font-size:13px;line-height:1.45}
.checkout-handoff{display:flex;flex-direction:column}
.checkout-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 70px;padding:0;list-style:none}
.checkout-stepper li{position:relative;display:grid;justify-items:center;gap:9px;color:var(--checkout-muted);font-size:14px;text-align:center}
.checkout-stepper li:not(:last-child):after{content:"";position:absolute;top:16px;left:calc(50% + 26px);width:calc(100% - 52px);height:1px;background:var(--checkout-line)}
.checkout-stepper span{position:relative;z-index:1;display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--checkout-line);border-radius:50%;background:#f5f2ef;color:var(--checkout-text);font-size:14px;font-weight:750}
.checkout-stepper strong{font-weight:550;line-height:1.3}
.checkout-stepper .is-active{color:var(--checkout-text)}
.checkout-stepper .is-active span{border-color:var(--checkout-accent);background:var(--checkout-accent);color:#fff}
.checkout-stepper .is-active strong{font-weight:700}
.checkout-handoff__intro{margin-bottom:29px}
.checkout-handoff__intro p{margin:8px 0 0;color:var(--checkout-muted);font-size:17px;font-weight:500;line-height:1.55}
.checkout-handoff__benefits{display:grid;gap:24px;margin:0 0 30px;padding:0;list-style:none}
.checkout-handoff__benefits li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:15px;align-items:start}
.checkout-handoff__icon{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#f4f0ed;color:var(--checkout-text)}
.checkout-handoff__icon .icon{width:22px;height:22px}
.checkout-handoff__benefits li>span:last-child{color:var(--checkout-muted);font-size:15px;font-weight:500;line-height:1.5}
.checkout-handoff__benefits strong{display:block;margin:1px 0 3px;color:var(--checkout-text);font-size:17px;font-weight:740}
.checkout-connection-note{display:grid;gap:3px;margin:0 0 15px;padding:12px 14px;border-left:3px solid #c08a55;border-radius:4px;background:#fff7ee;color:#715d51;font-size:13px;font-weight:500;line-height:1.5}
.checkout-connection-note strong{color:var(--checkout-text);font-size:14px}
.checkout-connection-note--blocked{border-left-color:#b33a2b;background:#fff1ee;color:#7e251b}
.checkout-error{margin:0 0 15px;padding:12px 14px;border-left:3px solid #b33a2b;border-radius:4px;background:#fff1ee;color:#7e251b;font-size:14px;font-weight:550;line-height:1.45}
.checkout-handoff__submit{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;min-height:56px;margin-top:auto;padding:13px 20px;border:0;border-radius:9px;background:var(--checkout-accent);box-shadow:0 10px 22px rgba(151,71,47,.17);color:#fff;font-family:var(--font-body);font-size:17px;font-weight:750;transition:background 160ms ease,transform 160ms ease,box-shadow 160ms ease}
.checkout-handoff__submit .icon{width:20px;height:20px}
.checkout-handoff__submit:hover:not(:disabled){background:var(--checkout-accent-dark);box-shadow:0 13px 26px rgba(151,71,47,.22);transform:translateY(-1px)}
.checkout-handoff__submit:disabled{cursor:not-allowed;box-shadow:none;opacity:.52}
.checkout-handoff__confirmation{margin:11px 0 0;color:var(--checkout-muted);font-size:13px;font-weight:500;line-height:1.4;text-align:center}
.checkout-handoff__trust{display:flex;align-items:center;justify-content:center;gap:7px;margin:17px 0 0;color:#595452;font-size:14px;font-weight:550}
.checkout-handoff__trust .icon{width:15px;height:15px}
.checkout-handoff__privacy{margin:13px auto 0;max-width:54ch;color:#716c69;font-size:12px;font-weight:500;line-height:1.5;text-align:center}
.checkout-empty{margin:45px auto;max-width:620px;border-color:var(--checkout-line);background:#fff;box-shadow:0 22px 55px rgba(61,31,19,.06)}
.checkout-empty h1{margin:0 0 10px;font-size:34px}
.checkout-empty .checkout-success__icon .icon{width:28px;height:28px}
.checkout-empty .button{margin-top:14px}
.checkout-footer{border-top:1px solid var(--checkout-line);background:#fff}
.checkout-footer__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;width:min(100% - 48px,1320px);min-height:80px;margin-inline:auto}
.checkout-footer .wordmark{justify-self:start;color:var(--checkout-text);font-family:var(--font-display);font-size:20px;text-transform:none}
.checkout-footer .wordmark em{color:#9b6345;font-style:normal}
.checkout-footer .coffeedeal-logo-mark{display:none}
.checkout-footer__links{display:flex;align-items:center;justify-content:center;gap:8px 18px;color:var(--checkout-muted);font-size:13px;font-weight:500}
.checkout-footer__links span{display:flex;align-items:center}
.checkout-footer__links span:not(:last-child):after{display:none}
.checkout-footer__inner>span:last-child{justify-self:end;color:var(--checkout-muted);font-size:13px;font-weight:500}

@media(max-width:980px){
  .modern-checkout__surface{grid-template-columns:1fr}
  .checkout-summary{border-right:0;border-bottom:1px solid var(--checkout-line)}
  .checkout-summary__sticky{position:static;max-height:none;padding-right:0;overflow:visible}
  .checkout-stepper{margin-bottom:44px}
}

@media(max-width:680px){
  .checkout-header__inner,.modern-checkout__container,.checkout-footer__inner{width:min(100% - 28px,1320px)}
  .checkout-header__inner{min-height:68px}
  .checkout-header__brand .wordmark{font-size:23px}
  .checkout-header__brand .coffeedeal-logo-mark{width:27px;height:27px}
  .checkout-header__brand small{display:none}
  .checkout-header__back{font-size:0}
  .checkout-header__back .icon{width:21px;height:21px}
  .modern-checkout{padding:24px 0 38px}
  .checkout-breadcrumb{margin-bottom:14px;font-size:15px}
  .modern-checkout__surface{overflow:visible;border-radius:15px}
  .checkout-summary,.checkout-handoff{padding:25px 18px 28px}
  .checkout-summary__heading{margin-bottom:18px}
  .checkout-summary__heading h1,.checkout-handoff h2{font-size:27px}
  .checkout-summary__heading>div{justify-content:space-between;width:100%}
  .checkout-warehouse-plan{padding:14px}
  .checkout-order-line{grid-template-columns:78px minmax(0,1fr);gap:13px;min-height:130px;padding:11px}
  .checkout-order-line__media{width:78px;height:96px}
  .checkout-order-line__content{padding-right:28px}
  .checkout-order-line__content>strong{font-size:16px}
  .checkout-order-line__price{grid-column:2;justify-self:end;margin-top:-39px;padding:0 2px 7px;font-size:16px}
  .checkout-order-line__remove{top:9px;right:9px}
  .checkout-discount-note{min-height:58px;padding:13px 15px}
  .checkout-summary__totals div{align-items:flex-start}
  .checkout-summary__totals div:last-child span:last-child{max-width:180px}
  .checkout-summary__total{flex-wrap:wrap;gap:8px 16px}
  .checkout-summary__total strong:first-child{min-width:0;white-space:normal}
  .checkout-summary__total strong:last-child{margin-left:auto}
  .checkout-stepper{margin-bottom:36px}
  .checkout-stepper li{font-size:12px}
  .checkout-stepper li:not(:last-child):after{left:calc(50% + 21px);width:calc(100% - 42px)}
  .checkout-stepper span{width:32px;height:32px}
  .checkout-handoff__benefits{gap:20px}
  .checkout-handoff__benefits li{grid-template-columns:42px minmax(0,1fr);gap:13px}
  .checkout-handoff__icon{width:42px;height:42px}
  .checkout-handoff__submit{font-size:16px}
  .checkout-footer__inner{grid-template-columns:1fr;justify-items:center;gap:12px;padding:25px 0;text-align:center}
  .checkout-footer .wordmark,.checkout-footer__inner>span:last-child{justify-self:center}
  .checkout-footer__links{flex-wrap:wrap}
}

@media(prefers-reduced-motion:reduce){
  .checkout-order-line,.checkout-handoff__submit{transition:none}
}