/* v7 checkout (25 Oct 2026; Adam: "go with the airbnb checkout", Mobbin's Airbnb "Confirm and pay").
   Dresses template-parts/m250/checkout.php and checkout-confirmed.php; loaded by inc/v7-parts/checkout.php IN PLACE of
   m250-checkout.css, so it also carries every functional rule that sheet had (honeypot, [hidden], the phone order
   collapse, the phone pay bar, loading and busy states, reduced motion). Read inc/v7-parts/checkout.php for why this is
   a skin and not a second template.

   Layout: a title row, then numbered step cards on the left and a sticky price card on the right. The cards are drawn
   from the page's existing elements by grid placement only (the <aside> and .ck-main are display:contents on v7), so the
   DOM order, and with it the script, the tab order and the inert-while-paying rule, is the page's own.
   Palette: white, #222 text, #DDDDDD lines, the brand gradient for the one main action per step. Headings Perfect
   Corporate (never under 20px), everything else Figtree. */

body.m250-p-checkout{background:#fff}

/* ---------- the header: Airbnb's slim bar with one hairline, not sticky (nothing sits over the fields) ---------- */
body.m250-p-checkout .v7h--checkout{position:relative;top:auto;margin:0;padding:0;background:#fff;border-bottom:1px solid #EBEBEB}
body.m250-p-checkout .v7h--checkout .v7h__bar{max-width:1120px;height:76px;padding:0 40px;border-radius:0;box-shadow:none;background:none}
body.m250-p-checkout .v7h__secure{font-size:14.5px;color:#222}
@media (max-width:1000px){body.m250-p-checkout .v7h--checkout .v7h__bar{height:64px;padding:0 16px}}

/* ---------- base (functional rules carried from m250-checkout.css) ---------- */
.ck{--k-ink:#222;--k-2:#6A6A6A;--k-3:#3F3F3F;--k-line:#DDDDDD;--k-soft:#EBEBEB;--k-in:#B0B0B0;--k-grey:#F7F7F7;
  --k-err:#C13515;--k-err-bg:#FFF8F6;--k-ok:#008A05;--k-or:#E4560B;--k-ease:cubic-bezier(.2,.8,.2,1);
  position:relative;overflow-x:clip;background:#fff;color:var(--k-ink);font-family:var(--v7-font);-webkit-font-smoothing:antialiased}
:where(.ck) *,:where(.ck) *::before,:where(.ck) *::after{box-sizing:border-box}
.ck :where(h1,h2,h3,p,ul,ol,dl,dd,figure){margin:0}
.ck :where(ul,ol){list-style:none;padding:0}
.ck [hidden]{display:none!important}
.ck :where(a){color:inherit}
.ck .ic{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ck .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ck-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.ck :is(a,button,summary,input,[tabindex]):focus-visible{outline:2px solid var(--k-ink);outline-offset:2px}
@media (forced-colors:active){.ck :is(a,button,input):focus-visible{outline:2px solid Highlight}}
.ck-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ck [inert]{pointer-events:none}
.ck-nowrap{white-space:nowrap}
.ck7 .v6-tile{display:none}

/* ---------- layout ---------- */
.ck7 .ck__wrap{max-width:1120px;margin:0 auto;padding:40px 40px 112px;display:grid;column-gap:80px;
  grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:auto auto auto 1fr;
  grid-template-areas:"top side" "x side" "main side" ". side"}
.ck7 .ck-aside,.ck7 .ck-main{display:contents}
.ck7-top{grid-area:top}
.ck7-xcard{grid-area:x}
.ck7-side{grid-area:side;align-self:start;position:sticky;top:32px;min-width:0}
.ck7 .ck-form{grid-area:main;min-width:0}
.ck7 .ck6-eyebrow{display:none}
/* The H1 is the step's own heading: the script rewrites and focuses it, so it stays, for screen readers only. */
.ck7 .ck-h1{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;outline:none}
/* The step list stays for assistive technology (and its "Your details" button on step 2): shown only while focused. */
.ck7 .ck-steps{position:absolute;top:8px;left:40px;z-index:5;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.ck7 .ck-steps:focus-within{width:auto;height:auto;clip:auto;overflow:visible;padding:8px 12px;background:#fff;border:1px solid var(--k-line);border-radius:10px}
.ck7 .ck-steps__m{display:none}
.ck7 .ck-steps__l{display:flex;gap:16px}
.ck7 .ck-steps__b{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0;border:0;background:none;font:500 14px/1 var(--v7-font);color:var(--k-2)}
.ck7 .ck-steps__t{display:none}
.ck7 .ck-steps__l li.is-current .ck-steps__b{color:var(--k-ink);font-weight:600}

/* ---------- title row ---------- */
.ck7-top{display:flex;align-items:center;gap:20px;margin:8px 0 36px}
.ck7-top__back{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;margin-left:-4px;border-radius:50%;background:var(--k-grey);color:var(--k-ink);text-decoration:none;transition:background .15s}
.ck7-top__back:hover{background:var(--k-soft)}
.ck7-top__back .ic{width:17px;height:17px;transform:rotate(180deg);stroke-width:2.2}
.ck7-top__t{font:600 34px/1.1 var(--v7-head);letter-spacing:-.02em;color:var(--k-ink)}

/* ---------- step cards ---------- */
.ck7-card,.ck7 #ck-details,.ck7 .ck-recap{background:#fff;border:1px solid var(--k-line);border-radius:14px}
.ck7-card{padding:24px}
.ck7-xcard{margin-bottom:16px}
.ck7-card__h,.ck7 .ck-ptitle{display:flex;align-items:baseline;font:600 22px/1.25 var(--v7-head);letter-spacing:-.01em;color:var(--k-ink)}
.ck7-n{flex:none}
.ck7-n::after{content:".";margin-right:7px}
.ck7 .ck-panel.is-in,.ck7 .ck-panel.is-in-back{animation:ck7-in 220ms var(--k-ease) both}
@keyframes ck7-in{from{opacity:0}to{opacity:1}}

/* card 1: the optional extras (the block the order card used to hold) */
.ck7 .ck-x{margin-top:12px}
.ck7 .ck-x__btn{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;padding:0;border:0;background:none;cursor:pointer;
  font:500 16px/1.4 var(--v7-font);color:var(--k-ink);text-align:left}
.ck7 .ck-x__btn:hover span:first-child{text-decoration:underline;text-underline-offset:3px}
.ck7 .ck-x__ic{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--k-in);color:var(--k-ink);transition:transform .2s var(--k-ease),border-color .15s}
.ck7 .ck-x__ic .ic{width:15px;height:15px;stroke-width:2.2}
.ck7 .ck-x__btn:hover .ck-x__ic{border-color:var(--k-ink)}
.ck7 .ck-x__btn[aria-expanded="true"] .ck-x__ic{transform:rotate(45deg)}
.ck7 .ck-x--quiet .ck-x__btn{font-size:15px;color:var(--k-3)}
.ck7 .ck-x__panel{animation:ck7-in 200ms var(--k-ease)}
.ck7 .ck-x__sub{font:400 14px/1.5 var(--v7-font);color:var(--k-2);margin:2px 0 6px}
.ck7 .ck-xr{padding:18px 0;border-top:1px solid var(--k-soft)}
.ck7 .ck-xr:first-child{border-top:0}
.ck7 .ck-xr__main{display:flex;align-items:flex-start;gap:18px}
.ck7 .ck-xr__l{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:3px;cursor:pointer}
.ck7 .ck-xr__n{grid-column:1;font:500 16px/1.35 var(--v7-font);color:var(--k-ink)}
.ck7 .ck-xr__p{display:contents}
.ck7 .ck-xr__p > b{grid-column:2;grid-row:1;justify-self:end;font:600 16px/1.35 var(--v7-font);color:var(--k-ink)}
.ck7 .ck-xr__p > span:not([class]){grid-column:2;grid-row:2;justify-self:end;font:400 13px/1.45 var(--v7-font);color:var(--k-2)}
.ck7 .ck-xr__pk{grid-column:1;grid-row:3;font:400 13px/1.45 var(--v7-font);color:var(--k-3)}
.ck7 .ck-xr__sv{grid-column:2;grid-row:3;justify-self:end}
.ck7 .ck-xr__sv{display:block;font:600 12.5px/1.3 var(--v7-font);color:#C2410C;background:none;padding:0;height:auto;border:0}
.ck7 .ck-xr__d{grid-column:1;grid-row:2;font:400 14px/1.45 var(--v7-font);color:var(--k-2)}
.ck7 .ck-xr__c{grid-column:1 / -1;grid-row:4;font:500 13px/1.45 var(--v7-font);color:var(--k-3)}
/* The control: Airbnb's round selector. Still the page's own checkbox (role="switch"); only its look changes. */
.ck7 .ck-switch{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:26px;height:26px;margin:0;border-radius:50%;border:1.5px solid var(--k-in);background:#fff;cursor:pointer;transition:border-color .15s,background .15s}
.ck7 .ck-switch::after{content:"";position:absolute;inset:0;border-radius:50%;opacity:0;transform:scale(.6);transition:opacity .15s,transform .2s var(--k-ease);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8.5'/%3E%3C/svg%3E") center/15px no-repeat,var(--v7-brand)}
.ck7 .ck-switch:hover{border-color:var(--k-ink)}
.ck7 .ck-switch:checked{border-color:transparent}
.ck7 .ck-switch:checked::after{opacity:1;transform:none}
.ck7 .ck-switch:focus-visible{outline:2px solid var(--k-ink);outline-offset:3px}
@media (forced-colors:active){.ck7 .ck-switch{appearance:auto;-webkit-appearance:checkbox}}
.ck7 .ck-xr.is-on .ck-xr__n{font-weight:600}
.ck7 .ck-xr__q{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.ck7 .ck-xr__ql{font:400 14px/1.4 var(--v7-font);color:var(--k-3)}
.ck7 .ck-qty{display:inline-flex;align-items:center;gap:6px}
.ck7 .ck-qty__b{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--k-in);background:#fff;color:var(--k-ink);cursor:pointer;transition:border-color .15s}
.ck7 .ck-qty__b:hover:not(:disabled){border-color:var(--k-ink)}
.ck7 .ck-qty__b:disabled{border-color:var(--k-soft);color:var(--k-soft);cursor:not-allowed}
.ck7 .ck-qty__b .ic{width:14px;height:14px;stroke-width:2.4}
.ck7 .ck-qty__i{width:40px;height:34px;border:0;background:none;text-align:center;font:500 16px/1 var(--v7-font);color:var(--k-ink);font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
.ck7 .ck-qty__i::-webkit-inner-spin-button,.ck7 .ck-qty__i::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.ck7 .ck-xr__note{margin-top:10px;font:400 13px/1.45 var(--v7-font);color:var(--k-3)}

/* card 2 on step 1: the details panel, with the next step's greyed card under it (drawn by ::before so the
   greyed card can sit outside the frame without moving it in the markup). */
.ck7 #ck-details{position:relative;border:0;padding:24px 24px 104px}
.ck7 #ck-details::before{content:"";position:absolute;inset:0 0 80px 0;border:1px solid var(--k-line);border-radius:14px;pointer-events:none}
.ck7 .ck7-card--next{position:absolute;left:0;right:0;bottom:0;height:64px;display:flex;align-items:center;padding:0 24px;border-color:var(--k-soft);
  font:600 22px/1 var(--v7-head);letter-spacing:-.01em;color:#B0B0B0}
.ck7 .ck-intro{margin:8px 0 22px;font:400 15px/1.55 var(--v7-font);color:var(--k-2);max-width:none}

/* design mode: the design we made, attached */
.ck7 .ck-rd{display:flex;gap:16px;align-items:center;margin:18px 0 4px;padding:12px;border:1px solid var(--k-line);border-radius:12px}
.ck7 .ck-rd img{width:96px;height:64px;object-fit:cover;object-position:top;border-radius:8px;border:1px solid var(--k-soft);flex:none}
.ck7 .ck-rd p{display:flex;flex-direction:column;gap:3px}
.ck7 .ck-rd b{font:600 15px/1.4 var(--v7-font)}
.ck7 .ck-rd span{font:400 13.5px/1.45 var(--v7-font);color:var(--k-2)}

/* ---------- fields: Airbnb's grouped box, labels inside the cells. Each .ck-fld becomes display:contents so its label
   and box share a grid cell and its help and error lines can sit under the whole group. ---------- */
.ck7 .ck-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:"f l" "e e" "b b" "x1 x1" "x2 x2" "x3 x3" "x4 x4" "h h"}
.ck7 .ck-fld{display:contents}
.ck7 [data-ck-field="first_name"] :is(.ck-fld__w,.ck-fld__l){grid-area:f}
.ck7 [data-ck-field="last_name"] :is(.ck-fld__w,.ck-fld__l){grid-area:l}
.ck7 [data-ck-field="email"] :is(.ck-fld__w,.ck-fld__l){grid-area:e}
.ck7 [data-ck-field="business"] :is(.ck-fld__w,.ck-fld__l){grid-area:b}
.ck7 #ck-first_name-err{grid-area:x1}
.ck7 #ck-last_name-err{grid-area:x2}
.ck7 #ck-email-err{grid-area:x3}
.ck7 #ck-business-err{grid-area:x4}
.ck7 #ck-email-help{grid-area:h}
.ck7 .ck-fld__w{position:relative;display:block;border:1px solid var(--k-in);background:#fff;transition:border-color .15s}
.ck7 [data-ck-field="first_name"] .ck-fld__w{border-radius:12px 0 0 0}
.ck7 [data-ck-field="last_name"] .ck-fld__w{border-radius:0 12px 0 0;margin-left:-1px}
.ck7 [data-ck-field="email"] .ck-fld__w{margin-top:-1px}
.ck7 [data-ck-field="business"] .ck-fld__w{margin-top:-1px;border-radius:0 0 12px 12px}
.ck7 .ck-fld__l{position:relative;z-index:3;align-self:start;margin:9px 13px 0;pointer-events:none;font:400 12.5px/1.2 var(--v7-font);color:var(--k-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck7 [data-ck-field="last_name"] .ck-fld__l{margin-left:12px}
.ck7 .ck-opt{font-weight:400;color:var(--k-2)}
.ck7 .ck-in{display:block;width:100%;height:58px;padding:24px 42px 6px 12px;border:0;border-radius:inherit;background:transparent;
  font:400 16px/1.3 var(--v7-font);color:var(--k-ink);scroll-margin-top:110px;-webkit-appearance:none;appearance:none}
.ck7 .ck-in:focus{outline:none}
.ck7 .ck-in:focus-visible{outline:none}
.ck7 .ck-fld__w:focus-within{z-index:2;border-color:var(--k-ink);box-shadow:0 0 0 1px var(--k-ink)}
.ck7 .ck-fld.is-bad .ck-fld__w{z-index:1;border-color:var(--k-err);background:var(--k-err-bg);box-shadow:0 0 0 1px var(--k-err)}
.ck7 .ck-fld.is-bad .ck-fld__w:focus-within{z-index:2;border-color:var(--k-err);box-shadow:0 0 0 1px var(--k-err)}
.ck7 .ck-fld.is-bad .ck-fld__l{color:var(--k-err)}
.ck7 .ck-fld__ok,.ck7 .ck-fld__bad{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:none;pointer-events:none}
.ck7 .ck-fld__ok{color:var(--k-ok)}
.ck7 .ck-fld__ok .ic{width:18px;height:18px;stroke-width:2.4}
.ck7 .ck-fld__bad{width:18px;height:18px;border-radius:50%;background:var(--k-err);color:#fff;font:700 12px/18px var(--v7-font);text-align:center}
.ck7 .ck-fld.is-good .ck-fld__ok,.ck7 .ck-fld.is-bad .ck-fld__bad{display:block}
.ck7 .ck-fld__h{margin-top:10px;font:400 13px/1.45 var(--v7-font);color:var(--k-2)}
.ck7 .ck-fld__h button{font:inherit;font-weight:600;color:var(--k-ink);background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.ck7 :is(.ck-fld__e,.ck-tick__e){display:flex;gap:8px;align-items:flex-start;margin-top:8px;font:500 13px/1.45 var(--v7-font);color:var(--k-err);animation:ck7-err 140ms var(--k-ease)}
.ck7 :is(.ck-fld__e,.ck-tick__e)::before{content:"!";flex:none;width:16px;height:16px;margin-top:1px;border-radius:50%;background:var(--k-err);color:#fff;font:700 11px/16px var(--v7-font);text-align:center}
@keyframes ck7-err{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}

/* ---------- buttons: one brand-gradient action per step, 56px, 10px radius, no arrows ---------- */
.ck7 .ck-btn,.ck7 .ck-pay{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:14px 24px;border:0;border-radius:10px;
  background:var(--v7-brand);color:#fff;font:600 17px/1.25 var(--v7-font);text-align:center;text-decoration:none;cursor:pointer;transition:filter .15s,transform .1s}
.ck7 .ck-btn:hover,.ck7 .ck-pay:hover:not(:disabled){filter:brightness(.95)}
.ck7 .ck-btn:active,.ck7 .ck-pay:active:not(:disabled){transform:scale(.99)}
.ck7 .ck-btn:focus-visible,.ck7 .ck-pay:focus-visible{outline:2px solid var(--k-ink);outline-offset:3px}
.ck7 .ck-btn .ic{display:none}
.ck7 .ck-btn--next{margin-top:24px}
.ck7 .ck-btn--quiet{background:#fff;color:var(--k-ink);border:1px solid var(--k-ink)}
/* busy: the details check (Continue) and the payment start (Pay) */
.ck7 .ck-btn[aria-busy="true"]{cursor:progress;color:transparent}
.ck7 .ck-btn[aria-busy="true"]::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:ck7-spin 700ms linear infinite}
.ck7 .ck-pay__ic{display:inline-flex}
.ck7 .ck-pay__ic .ic{width:18px;height:18px;stroke-width:2.2}
.ck7 .ck-pay:disabled{cursor:not-allowed;background:var(--k-soft);color:#929292;filter:none}
.ck7 .ck-pay[aria-busy="true"]{cursor:progress;background:var(--v7-brand);color:#fff}
.ck7 .ck-pay[aria-busy="true"] .ck-pay__ic .ic{display:none}
.ck7 .ck-pay[aria-busy="true"] .ck-pay__ic::before{content:"";width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:ck7-spin 700ms linear infinite}
@keyframes ck7-spin{to{transform:rotate(360deg)}}
.ck7 .ck-signin{margin-top:18px;text-align:center;font:400 14px/1.5 var(--v7-font);color:var(--k-2)}
.ck7 .ck-signin a{font-weight:600;color:var(--k-ink);text-decoration:underline;text-underline-offset:3px}
.ck7 .ck-facts{margin-top:24px;padding-top:20px;border-top:1px solid var(--k-soft);display:grid;gap:8px}
.ck7 .ck-facts li{display:flex;gap:10px;align-items:baseline;font:400 13.5px/1.5 var(--v7-font);color:var(--k-2)}
.ck7 .ck-facts li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--k-in);transform:translateY(-2px)}

/* alerts */
.ck7 .ck-alert{margin-top:18px;font:500 14px/1.5 var(--v7-font);color:var(--k-err)}
.ck7 .ck-alert a{font-weight:600;text-decoration:underline}
.ck7 .ck-alert--card{padding:14px 16px;border:1px solid #F1C5BE;border-radius:12px;background:var(--k-err-bg)}
.ck7 .ck-alert--card.is-info{color:var(--k-ink);border-color:var(--k-line);background:var(--k-grey)}
.ck7 .ck-fail{margin-top:8px;font:500 13px/1.45 var(--v7-font);color:var(--k-err)}
.ck-fail--nojs a{color:inherit;font-weight:700;text-decoration:underline}

/* ---------- step 2: card 2 collapses to Airbnb's one-liner with a grey button; card 3 is drawn round the review
   sections by the panel's ::before, each section placed on its own row. ---------- */
.ck7 .ck-panel--pay{display:grid;grid-template-columns:minmax(0,1fr);position:relative}
.ck7 .ck-panel--pay::before{content:"";grid-column:1;grid-row:2 / 11;border:1px solid var(--k-line);border-radius:14px;pointer-events:none}
.ck7 .ck-panel--pay > *{grid-column:1;position:relative;margin-left:24px;margin-right:24px;min-width:0}
.ck7 .ck-panel--pay > .ck-recap{grid-row:1;margin:0 0 16px}
.ck7 .ck-panel--pay > .ck-ptitle{grid-row:2;margin-top:24px}
.ck7 .ck-panel--pay > .ck-sec:nth-of-type(1){grid-row:3}
.ck7 .ck-panel--pay > .ck-ref{grid-row:4}
.ck7 .ck-panel--pay > .ck-sec:nth-of-type(2){grid-row:5}
.ck7 .ck-panel--pay > .ck-alert{grid-row:6}
.ck7 .ck-panel--pay > .ck-notice{grid-row:7}
.ck7 .ck-panel--pay > .ck-pay{grid-row:8;width:auto}
.ck7 .ck-panel--pay > .ck-fail{grid-row:9}
.ck7 .ck-panel--pay > .ck-secure{grid-row:10;margin-bottom:24px}
.ck7 .ck-panel--pay > .ck-back{grid-row:11;margin:16px 0 0;justify-self:start}
.ck7 .ck-panel--pay > noscript{grid-row:12}
.ck.is-js.ck7 .ck-ptitle{display:flex}
.ck7 .ck-ptitle::before{content:"3." / "";margin-right:7px}

.ck7 .ck-recap{padding:20px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center}
.ck7 .ck-recap__hd{display:contents}
.ck7 .ck-recap__hd .ck-h2{grid-column:1;font:600 22px/1.25 var(--v7-head);letter-spacing:-.01em;color:var(--k-ink)}
.ck7 .ck-recap__hd .ck-h2::before{content:"2." / "";margin-right:7px}
.ck7 .ck-edit,.ck7 .ck7-change{grid-column:2;grid-row:1 / span 2;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:0;border-radius:8px;
  background:var(--k-grey);font:600 14px/1 var(--v7-font);color:var(--k-ink);text-decoration:none;cursor:pointer;transition:background .15s}
.ck7 .ck-edit:hover,.ck7 .ck7-change:hover{background:var(--k-soft)}
.ck7 .ck-recap__l{grid-column:1;display:flex;flex-wrap:wrap;gap:0 6px;margin-top:6px;font:400 14.5px/1.5 var(--v7-font);color:var(--k-2)}
.ck7 .ck-recap__l > div{display:inline}
.ck7 .ck-recap__l dt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.ck7 .ck-recap__l dd{display:inline;overflow-wrap:anywhere}
.ck7 .ck-recap__l > div:not([hidden]) + div:not([hidden])::before{content:"·";margin-right:6px}

.ck7 .ck-sec{margin-top:24px;padding-top:24px;border-top:1px solid var(--k-soft)}
.ck7 .ck-panel--pay > .ck-sec:nth-of-type(1){margin-top:16px;padding-top:0;border-top:0}
.ck7 .ck-sec > .ck-h2{margin-bottom:12px;font:600 16px/1.4 var(--v7-font);color:var(--k-ink)}
.ck7 .ck-pm__i{font:400 14px/1.5 var(--v7-font);color:var(--k-2);margin-bottom:12px}
.ck7 .ck-pm__l{display:flex;flex-wrap:wrap;gap:8px}
.ck7 .ck-pm__t{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:40px;border:1px solid var(--k-line);border-radius:8px;background:#fff}
.ck7 .ck-pm__t img{max-width:38px;max-height:24px;width:auto;height:auto;object-fit:contain}
.ck7 .ck-pm__n{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ck7 .ck-pm__t.is-text .ck-pm__n{position:static;width:auto;height:auto;clip:auto;font:600 11px/14px var(--v7-font);text-align:center;padding:0 4px}
.ck7 .ck-pm__more{height:40px;padding:0 12px;border:1px solid var(--k-line);border-radius:8px;background:#fff;font:600 13px/1 var(--v7-font);cursor:pointer}
.ck7 .ck-pm__e{display:flex;align-items:center;gap:8px;font:500 14px/1.4 var(--v7-font);color:var(--k-ink)}
.ck7 .ck-pm__e .ic{width:16px;height:16px}
.ck7 .ck-mandate{margin-top:12px;font:400 13.5px/1.5 var(--v7-font);color:var(--k-3)}
.ck7 .ck-ref{margin-top:16px}
.ck7 .ck-ref summary{display:inline-flex;align-items:center;min-height:44px;font:600 14px/1.4 var(--v7-font);color:var(--k-ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px;list-style:none}
.ck7 .ck-ref summary::-webkit-details-marker{display:none}
.ck7 .ck-ref__b{position:relative;display:flex;flex-direction:column;gap:8px;margin-top:6px;max-width:320px}
.ck7 .ck-ref__b .ck-fld__l{position:static;margin:0;font:500 13px/1.3 var(--v7-font);color:var(--k-3)}
.ck7 .ck-ref__b .ck-in{height:52px;padding:0 14px;border:1px solid var(--k-in);border-radius:10px}
.ck7 .ck-ref__b .ck-in:focus{border-color:var(--k-ink);box-shadow:0 0 0 1px var(--k-ink)}
.ck7 .ck-ref__b .ck-fld__h{margin-top:0}

/* consent: the existing wording, small and calm; the boxes in #222 */
.ck7 .ck-consent{border:0;padding:0}
.ck7 .ck-tick{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:14px;padding:12px 0;min-height:44px;position:relative}
.ck7 .ck-tick + .ck-tick{border-top:1px solid var(--k-soft)}
.ck7 .ck-tick input{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:1px 0 0;border:1.5px solid var(--k-in);border-radius:6px;background:#fff;cursor:pointer;grid-row:1;transition:background .12s,border-color .12s}
.ck7 .ck-tick input:hover{border-color:var(--k-ink)}
.ck7 .ck-tick input:checked{background:var(--k-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat;border-color:var(--k-ink)}
.ck7 .ck-tick input:focus-visible{outline:2px solid var(--k-ink);outline-offset:2px}
@media (forced-colors:active){.ck7 .ck-tick input{appearance:auto;-webkit-appearance:checkbox}}
.ck7 .ck-tick label{font:400 13.5px/1.55 var(--v7-font);color:var(--k-3);cursor:pointer}
.ck7 .ck-tick label a{color:var(--k-ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.ck7 .ck-tick__e{grid-column:2}
.ck7 .ck-tick.is-bad input{border-color:var(--k-err);box-shadow:0 0 0 1px var(--k-err)}
.ck7 .ck-agree{margin-top:10px;font:400 13px/1.5 var(--v7-font);color:var(--k-2)}
.ck7 .ck-notice{display:block;margin-top:20px;padding:14px 16px;border-radius:12px;background:var(--k-grey);font:400 13px/1.55 var(--v7-font);color:var(--k-3)}
.ck7 .ck-panel--pay > .ck-pay{margin-top:20px}
.ck7 .ck-secure{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px}
.ck7 .ck6-trust__mollie{display:inline-flex;align-items:center;gap:7px;font:500 13px/1.4 var(--v7-font);color:var(--k-2)}
.ck7 .ck6-trust__mollie .ic{width:14px;height:14px}
.ck7 .ck6-trust__rev .mf-trust{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;margin:0!important;font:500 13px/1.4 var(--v7-font)}
.ck7 .ck6-trust__rev .mf-trust__a{display:inline-flex;align-items:center;gap:8px;color:var(--k-3)}
.ck7 .ck6-trust__rev .mf-trust__logo{height:16px;width:auto}
.ck7 .ck6-trust__rev .mf-trust__sep{width:3px;height:3px;border-radius:50%;background:var(--k-in)}
.ck7 .ck-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:none;font:600 14px/1 var(--v7-font);color:var(--k-ink);cursor:pointer}
.ck7 .ck-back .ic{width:15px;height:15px;transform:rotate(180deg)}
.ck7 .ck-back:hover span{text-decoration:underline;text-underline-offset:3px}

/* ---------- the price card (Airbnb's right column). The order's own nodes, arranged by grid areas: the thumbnail
   row, the guarantee, then "Your order" as price details (the website's figure node, the care row, the added lines),
   the total and what comes later, then the documents. ---------- */
.ck7 .ck-sum{background:#fff;border:1px solid var(--k-line);border-radius:14px}
.ck7 .ck-sum__toggle{display:none}
.ck7 .ck-sum__body{display:grid;grid-template-columns:96px minmax(0,1fr) auto;column-gap:16px;padding:24px;
  grid-template-areas:"pic t t" "rd rd rd" "guar guar guar" "hd hd hd" "wl wl wp" "care care care" "lines lines lines" "snotes snotes snotes" "tot tot tot" "links links links"}
.ck7 :is(.ck-sum__scroll,.ck-web,.ck-sum__foot){display:contents}
.ck7 .ck-web__pic{grid-area:pic;display:block;width:96px;height:80px;border-radius:10px;overflow:hidden;background:#fff}
.ck7 .ck-web__pic svg{display:block;width:96px;height:80px}
.ck7 .ck-web__pic img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;border:1px solid var(--k-soft);border-radius:10px}
.ck7 .ck-web__t{grid-area:t;align-self:center;min-width:0}
.ck7 .ck-web__n{font:600 17px/1.3 var(--v7-font);color:var(--k-ink)}
.ck7 .ck-web__d{margin-top:4px;font:400 13.5px/1.45 var(--v7-font);color:var(--k-2)}
.ck7 .ck-web__rd{grid-area:rd;display:flex;gap:10px;align-items:flex-start;margin-top:16px;font:400 13.5px/1.45 var(--v7-font);color:var(--k-3)}
.ck7 .ck-web__rd .ic{width:16px;height:16px;margin-top:1px}
.ck7 .ck-guar{grid-area:guar;display:flex;align-items:flex-start;gap:10px;margin-top:24px;padding:20px 0;border-top:1px solid var(--k-line);font:600 15px/1.4 var(--v7-font);color:var(--k-ink)}
.ck7 .ck-guar .ic{width:18px;height:18px;color:var(--k-or);margin-top:1px}
.ck7 .ck-guar a{text-decoration:none}
.ck7 .ck-guar a:hover{text-decoration:underline;text-underline-offset:3px}
.ck7 .ck-sum__hd{grid-area:hd;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:20px;margin-bottom:14px;border-top:1px solid var(--k-line)}
.ck7 .ck-sum__h{font:600 22px/1.25 var(--v7-head);letter-spacing:-.01em;color:var(--k-ink)}
.ck7 .ck7-change{grid-column:auto;grid-row:auto}
.ck7 .ck7-pdweb{grid-area:wl;font:400 15px/1.5 var(--v7-font);color:var(--k-ink)}
.ck7 .ck-web__p{grid-area:wp;justify-self:end;font:400 15px/1.5 var(--v7-font);color:var(--k-ink)}
.ck7 .ck7-care{grid-area:care;display:flex;justify-content:space-between;gap:12px;margin-top:10px;font:400 15px/1.5 var(--v7-font);color:var(--k-ink)}
.ck7 .ck7-care b{font-weight:400}
.ck7 .ck-lines{grid-area:lines}
.ck7 .ck-lines:empty,.ck7 .ck-snotes:empty,.ck7 .ck-fees:empty{display:none}
.ck7 .ck-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;margin-top:10px;animation:ck7-line 160ms var(--k-ease)}
@keyframes ck7-line{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.ck7 .ck-line__t{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}
.ck7 .ck-line__n{font:400 15px/1.5 var(--v7-font);color:var(--k-ink)}
.ck7 .ck-line__s{font:400 13px/1.45 var(--v7-font);color:var(--k-2)}
.ck7 .ck-line b{font:400 15px/1.5 var(--v7-font);color:var(--k-ink)}
.ck7 .ck-line__x{padding:2px 0;border:0;background:none;font:500 13px/1.4 var(--v7-font);color:var(--k-2);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.ck7 .ck-line__x:hover{color:var(--k-ink)}
.ck7 .ck-line.is-flash{animation:ck7-flash 700ms ease-out}
@keyframes ck7-flash{from{background:#FDF0E6}to{background:transparent}}
.ck7 .ck-snotes{grid-area:snotes;margin-top:10px}
.ck7 .ck-snotes li{font:400 13px/1.45 var(--v7-font);color:var(--k-2)}
.ck7 .ck-tot{grid-area:tot;position:relative;margin-top:20px;padding-top:20px;border-top:1px solid var(--k-line)}
.ck7 .ck-tot__bar{position:absolute;left:0;right:0;top:-1px;height:2px;overflow:hidden;opacity:0;transition:opacity .12s}
.ck7 .ck-tot__bar::after{content:"";position:absolute;top:0;bottom:0;width:30%;background:var(--v7-brand);animation:ck7-bar 900ms linear infinite}
@keyframes ck7-bar{from{left:-30%}to{left:100%}}
.ck7 .ck-tot.is-loading .ck-tot__bar{opacity:1}
.ck7 .ck-tot.is-loading :is(.ck-due__n,.ck-later__l),.ck7 .ck-sum.is-loading :is(.ck-lines,.ck-web__p){opacity:.45;transition:opacity .12s}
.ck7 .ck-due{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.ck7 .ck-due__l{font:600 16px/1.4 var(--v7-font);color:var(--k-ink)}
.ck7 .ck-due__n{font:600 24px/1.2 var(--v7-head);letter-spacing:-.01em;color:var(--k-ink)}
.ck7 .ck-num.is-roll{animation:ck7-roll 320ms var(--k-ease)}
@keyframes ck7-roll{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
.ck7 .ck-later{margin-top:16px;padding:14px 16px;border-radius:12px;background:var(--k-grey)}
.ck7 .ck-later__h{margin-bottom:6px;font:600 13px/1.4 var(--v7-font);color:var(--k-ink)}
.ck7 .ck-later__l{display:grid;gap:10px}
.ck7 .ck-later__l li{display:flex;flex-direction:column;gap:2px}
.ck7 .ck-later__t{font:500 13.5px/1.45 var(--v7-font);color:var(--k-ink)}
.ck7 .ck-later__s{font:400 13px/1.45 var(--v7-font);color:var(--k-2)}
.ck7 .ck-fees li{margin-top:10px;font:400 13px/1.45 var(--v7-font);color:var(--k-2)}
.ck7 .ck-links{grid-area:links;margin-top:16px;font:400 12.5px/1.5 var(--v7-font);color:var(--k-2)}
.ck7 .ck-links a{color:var(--k-2);text-decoration:underline;text-underline-offset:2px}
.ck7 .ck-links a:hover{color:var(--k-ink)}

/* the note under the card (Airbnb's "rare find" slot) */
.ck7-note{display:flex;gap:14px;align-items:flex-start;margin-top:16px;padding:18px 20px;border:1px solid var(--k-line);border-radius:14px;font:400 14px/1.5 var(--v7-font);color:var(--k-2)}
.ck7-note b{display:block;font-weight:600;color:var(--k-ink)}
.ck7-note__ic{display:inline-flex;flex:none;color:var(--k-or);margin-top:2px}
.ck7-note__ic .ic{width:22px;height:22px;stroke-width:1.8}

/* ---------- the phone pay bar (step 2 only; the script decides when) ---------- */
.ck-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:12px;padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
  background:#fff;border-top:1px solid #EBEBEB;transform:translateY(0);transition:transform .2s cubic-bezier(.2,.8,.2,1);font-family:var(--v7-font)}
.ck-bar[hidden]{display:none}
.ck-bar.is-away{transform:translateY(110%)}
.ck-bar__sum{flex:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:44px;justify-content:center;padding:0;border:0;background:none;text-align:left;cursor:pointer;color:#222}
.ck-bar__l{font:400 13px/1.3 var(--v7-font);color:#6A6A6A;text-decoration:underline;text-underline-offset:2px}
.ck-bar__n{font:600 18px/1.3 var(--v7-font)}
.ck-bar__pay{flex:none;min-height:52px;padding:0 24px;border:0;border-radius:10px;background:var(--v7-brand);color:#fff;font:600 16px/1 var(--v7-font);cursor:pointer}
.ck-bar__pay:disabled{background:#EBEBEB;color:#929292}
@media (min-width:1024px){.ck-bar{display:none!important}}

/* ---------- phones and tablets: one column, the price card first and collapsible ---------- */
@media (max-width:1023px){
  .ck7 .ck__wrap{max-width:640px;padding:20px max(16px,env(safe-area-inset-right)) 104px max(16px,env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);column-gap:0;
    grid-template-rows:none;grid-template-areas:"top" "side" "x" "main"}
  .ck7 .ck-steps{left:16px}
  .ck7-side{position:static;margin-bottom:16px}
  .ck7-note{display:none}
  .ck7-top{gap:14px;margin:0 0 20px}
  .ck7-top__back{width:36px;height:36px;margin-left:0}
  .ck7-top__t{font-size:26px}
  .ck7 .ck-sum__toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:0 18px;border:0;border-radius:14px;background:none;cursor:pointer;
    font:500 15px/1.3 var(--v7-font);color:var(--k-ink);text-align:left}
  .ck7 .ck-sum__tl{flex:1;text-decoration:underline;text-underline-offset:3px}
  .ck7 .ck-sum__toggle b{font:600 17px/1 var(--v7-font)}
  .ck7 .ck-sum__toggle .ic{width:16px;height:16px;transition:transform .2s var(--k-ease)}
  .ck7 .ck-sum__toggle[aria-expanded="true"] .ic{transform:rotate(180deg)}
  .ck-sum[data-open="false"] .ck-sum__body{display:none}
  .ck7 .ck-sum__body{padding:4px 18px 20px;border-top:1px solid var(--k-soft)}
  .ck7 .ck-sum__h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .ck7 .ck-sum__hd{margin-bottom:0;padding-top:16px}
  .ck7 .ck7-change{display:none}
  .ck7 .ck-web__pic{margin-top:16px}
  .ck7 .ck-web__t{margin-top:16px}
  .ck7 .ck-edit{min-height:44px}
  .ck7 .ck-line__x{min-height:36px}
  .ck7-card,.ck7 .ck-recap{padding:20px}
  .ck7 #ck-details{padding:20px 20px 100px}
  .ck7 .ck7-card--next{padding:0 20px}
  .ck7 .ck-panel--pay > *{margin-left:20px;margin-right:20px}
  .ck7 .ck-panel--pay > .ck-recap{margin:0 0 16px}
  .ck7 .ck-panel--pay > .ck-back{margin:12px 0 0}
  .ck7 .ck-panel--pay > .ck-secure{margin-bottom:20px}
  .ck7-card__h,.ck7 .ck-ptitle,.ck7 .ck-recap__hd .ck-h2,.ck7 .ck7-card--next{font-size:21px}
}


/* ---------- step 3: order confirmed, a centred card with a big tick ---------- */
.ck7.ck--done{background:#fff}
.ck7 .ck-done{max-width:640px;margin:0 auto;padding:48px max(16px,env(safe-area-inset-right)) 104px max(16px,env(safe-area-inset-left))}
.ck7 .ck-steps--done{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.ck7 .ck6-done{display:block}
.ck7 .ck6-done__main,.ck7 .ck-done > .ck-done__mark ~ *:not(.ck6-done){text-align:center}
.ck7 .ck6-done__main{padding:40px 32px 32px;border:1px solid var(--k-line);border-radius:14px}
.ck7 .ck-done__mark{display:grid;place-items:center;width:72px;height:72px;margin:0 auto;border-radius:50%;background:var(--v7-brand)}
.ck7 .ck-done__mark svg{display:block;width:72px;height:72px}
.ck7 .ck-done__mark circle{fill:none}
.ck7 .ck-done__mark path{fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:0;animation:ck7-draw 450ms 120ms var(--k-ease) both}
@keyframes ck7-draw{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
.ck7 .ck-done__mark--wait{background:none}
.ck7 .ck-done__mark--wait span{display:block;width:44px;height:44px;border-radius:50%;border:3px solid var(--k-soft);border-top-color:var(--k-or);animation:ck7-spin 900ms linear infinite}
.ck7 .ck-done__h{margin-top:22px;font:600 34px/1.15 var(--v7-head);letter-spacing:-.02em;color:var(--k-ink);outline:none;text-wrap:balance;text-align:center}
.ck7 .ck-done__h .v6-o{display:block;color:var(--k-2)}
.ck7 .ck-done__lead{margin:14px auto 0;max-width:46ch;font:400 16px/1.6 var(--v7-font);color:var(--k-2);text-align:center}
.ck7 .ck-done__go{margin-top:28px}
.ck7 .ck-done__go .ck-btn{width:100%}
.ck7 .ck-done__fine{margin-top:10px;font:400 13px/1.5 var(--v7-font);color:var(--k-2);text-align:center}
.ck7 .ck-done__h2{margin:32px 0 18px;padding-top:28px;border-top:1px solid var(--k-soft);font:600 22px/1.25 var(--v7-head);letter-spacing:-.01em;color:var(--k-ink);text-align:left}
.ck7 .ck-next{position:relative;display:grid;gap:20px;text-align:left}
.ck7 .ck-next::before{content:"";position:absolute;left:9px;top:12px;bottom:56px;width:1px;background:var(--k-line)}
.ck7 .ck-next li{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:16px;align-items:start}
.ck7 .ck-next__dot{position:relative;z-index:1;width:19px;height:19px;margin-top:2px;border-radius:50%;background:#fff;border:1.5px solid var(--k-in)}
.ck7 .ck-next li.is-now .ck-next__dot{border:0;background:var(--v7-brand);box-shadow:0 0 0 4px #FDF0E6}
.ck7 .ck-next__chip{font:600 12.5px/1.4 var(--v7-font);color:var(--k-2)}
.ck7 .ck-next li.is-now .ck-next__chip{color:var(--k-or)}
.ck7 .ck-next__t{margin-top:1px;font:600 16px/1.4 var(--v7-font);color:var(--k-ink)}
.ck7 .ck-next__d{font:400 14px/1.5 var(--v7-font);color:var(--k-2)}
.ck7 .ck6-done__side{display:grid;gap:16px;margin-top:16px}
.ck7 .ck-rec{border:1px solid var(--k-line);border-radius:14px;padding:0 24px}
.ck7 .ck-rec summary{display:flex;align-items:center;min-height:60px;font:600 20px/1.2 var(--v7-head);color:var(--k-ink);cursor:pointer}
.ck7 .ck-rec__l li,.ck7 .ck-rec__paid{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--k-soft);font:400 15px/1.5 var(--v7-font);color:var(--k-ink)}
.ck7 .ck-rec__paid{font-weight:600;border-top-color:var(--k-line)}
.ck7 .ck-rec__later{display:grid;gap:8px;margin:4px 0 20px;padding:14px 16px;border-radius:12px;background:var(--k-grey)}
.ck7 .ck-rec__later:empty{display:none}
.ck7 .ck-rec__later li{font:400 13.5px/1.5 var(--v7-font);color:var(--k-3)}
.ck7 .ck6-done__trust{display:flex;flex-direction:column;align-items:center;gap:10px;padding:4px 8px;text-align:center}
.ck7 .ck-done__help{font:400 14px/1.5 var(--v7-font);color:var(--k-2)}
.ck7 .ck-done__help a{color:var(--k-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ck7 .ck6-done__trust .mf-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:0!important;font:500 13px/1.4 var(--v7-font)}
.ck7 .ck6-done__trust .mf-trust__a{display:inline-flex;align-items:center;gap:8px;color:var(--k-3)}
.ck7 .ck6-done__trust .mf-trust__logo{height:16px;width:auto}
.ck7 .v6-co{display:flex;gap:8px;align-items:flex-start;margin:0!important;font:400 12px/1.5 var(--v7-font);color:var(--k-2);text-align:left}
.ck7 .v6-co .v6-ic{width:16px;height:16px;flex:none}
/* the other states (confirming, not completed, held, unknown) share the centred card */
.ck7 .ck-done:not(:has(.ck6-done)){margin-top:24px;margin-bottom:24px;padding:48px 32px;border:1px solid var(--k-line);border-radius:14px;max-width:600px}
@media (max-width:640px){
  .ck7 .ck-done{padding-top:24px}
  .ck7 .ck6-done__main{padding:32px 20px 24px}
  .ck7 .ck-done__h{font-size:28px}
  .ck7 .ck-rec{padding:0 20px}
  .ck7 .ck-done:not(:has(.ck6-done)){margin:16px;padding:36px 20px}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .ck *,.ck *::before,.ck *::after{animation-duration:80ms!important;animation-iteration-count:1!important;transition-duration:80ms!important}
  .ck7 .ck-panel.is-in,.ck7 .ck-panel.is-in-back,.ck7 .ck-line,.ck7 .ck-x__panel,.ck7 .ck-num.is-roll,.ck7 .ck-done__mark path{animation:none!important}
  .ck7 .ck-tot__bar::after{animation:none;left:0;width:100%;opacity:.5}
  .ck7 .ck-pay[aria-busy="true"] .ck-pay__ic::before,.ck7 .ck-btn[aria-busy="true"]::after{animation:none!important;border-style:dotted}
  .ck7 .ck-line.is-flash{animation:none;box-shadow:inset 2px 0 0 var(--k-or)}
}