.slot-note{margin:-6px 0 18px;font:500 13px/1.6 var(--sans);color:var(--muted);max-width:70ch}
.slot-note[hidden]{display:none}
.checkout > *{min-width:0}
#payZone{margin-top:clamp(20px,3vw,28px)}
#payZone[hidden]{display:none}
.cfg .stage > .leftcol{grid-column:1;grid-row:1;display:flex;flex-direction:column;
    gap:clamp(12px,1.8vw,16px);min-width:0}
.cfg .leftcol .pv-col{position:static;height:auto;width:auto;max-width:100%;
    background:var(--surface);border:1px solid var(--edge);border-radius:16px;
    padding:14px;box-shadow:0 20px 44px -28px rgba(20,18,20,.4)}
.cfg .stage > #payZone{grid-column:2;grid-row:1;margin-top:0;min-width:0}
#payZone .co-thumb{display:none}
@media (min-width:901px){.cfg .leftcol .pv-col .frame,
    .cfg .leftcol .pv-col .viewport{flex:none}
.cfg .leftcol .pv-col .site{min-height:0}}
#payZone .sum-note{margin-top:8px}
.trustblock{margin:12px 0 0;display:flex;flex-direction:column;gap:7px}
.pm-accept{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0 2px}
.pm-accept .pm-tile{display:inline-flex;align-items:center;justify-content:center;height:28px;width:44px;
    min-width:0;padding:0;border-radius:0;background:none;border:0}
.pm-accept .pm-tile img{display:block;width:44px;height:auto}
#payZone .summary{box-shadow:none;border:0;border-bottom:1px solid var(--edge);border-radius:0;
    padding:0 0 12px;background:none}
#payZone .payform{box-shadow:none;border:0;background:none;padding:12px 0 0}
#payZone .checkout{grid-template-columns:1fr;gap:0}
.dombento{--eq:cubic-bezier(.165,.84,.44,1);--eu:cubic-bezier(.23,1,.32,1);
    border:1px solid var(--edge);border-radius:18px;background:var(--surface);
    padding:14px 16px 16px;margin:12px 0 0;box-shadow:0 20px 44px -28px rgba(20,18,20,.4)}
.dombento[hidden]{display:none}
.dom-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dom-t{margin:0;font-family:var(--serif);font-size:16px;font-weight:600;letter-spacing:-.01em}
.dom-s{margin:6px 0 0;font:400 12.5px/1.5 var(--sans);color:var(--muted)}
.dom-field{position:relative;display:flex;align-items:center;gap:8px;margin-top:11px;
    border:1.5px solid var(--edge);border-radius:13px;background:var(--surface);padding:0 6px 0 11px;
    overflow:hidden;transition:border-color .2s var(--eq),box-shadow .2s var(--eq)}
.dom-field:focus-within{border-color:var(--klein);box-shadow:0 0 0 3px color-mix(in srgb,var(--klein) 13%,transparent)}
.dom-field > svg{width:16px;height:16px;flex:0 0 auto;color:var(--muted)}
.dom-field input{flex:1 1 auto;min-width:0;border:0;background:none;outline:none;
    font:500 14px var(--sans);color:var(--ink);padding:11px 0}
.dom-scan{position:absolute;left:0;bottom:0;height:2px;width:26%;opacity:0;pointer-events:none;
    background:var(--klein);border-radius:2px}
.dombento[data-phase="checking"] .dom-scan{opacity:.85;animation:domScan 1.05s var(--eq) infinite}
@keyframes domScan{ 0%{transform:translateX(-100%)} 100%{transform:translateX(320%)} }
.dom-go{-webkit-appearance:none;appearance:none;cursor:pointer;flex:0 0 auto;
    border:0;border-radius:9px;background:var(--klein);color:#fff;
    font:700 12.5px var(--sans);padding:8px 15px;min-width:72px;position:relative;
    transition:filter .18s var(--eq)}
.dom-go:hover{filter:brightness(1.06)}
.dom-go[disabled]{cursor:default}
.dom-go .g1,.dom-go .g2{display:block;transition:opacity .18s var(--eq)}
.dom-go .g2{position:absolute;inset:0;display:grid;place-items:center;opacity:0}
.dombento[data-phase="checking"] .dom-go .g1{opacity:0}
.dombento[data-phase="checking"] .dom-go .g2{opacity:1;animation:domBlink 1s steps(1,end) infinite}
@keyframes domBlink{ 0%,49%{opacity:1} 50%,100%{opacity:.35} }
.dom-hint{margin:8px 0 0;font:400 11.5px/1.5 var(--sans);color:var(--muted)}
.dom-hint b{font-weight:600;color:var(--ink)}
.dom-wrap{position:relative;margin-top:0;height:0}
.dom-wrap[hidden]{display:none}
.dom-panel{position:absolute;left:0;right:0;top:8px;z-index:5;
    border:1px solid var(--edge);border-radius:16px;background:var(--surface);
    box-shadow:0 26px 60px -30px rgba(20,18,20,.5),0 2px 8px -4px rgba(20,18,20,.14);
    max-height:min(52vh,388px);overflow-y:auto;overscroll-behavior:contain;
    scrollbar-width:thin;animation:domPanelIn .22s var(--eq) both}
@keyframes domPanelIn{ 0%{opacity:0;transform:translateY(-6px)} }
.dom-plate{position:absolute;left:8px;right:8px;top:0;height:0;border-radius:13px;
    background:color-mix(in srgb,var(--klein) 6%,var(--surface));
    border:2px solid var(--klein);opacity:0;pointer-events:none;
    transition:transform .38s var(--eu),height .28s var(--eu),opacity .2s var(--eq)}
.dom-plate.on{opacity:1}
.dom-results{list-style:none;margin:0;padding:8px;display:grid;gap:7px}
.dom-sep{font:700 9.5px var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);
    padding:9px 2px 1px;animation:domIn .4s var(--eq) backwards;animation-delay:calc(var(--i,0) * 42ms)}
.dom-r{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;
    gap:2px 12px;border:1px solid var(--edge);border-radius:13px;background:var(--surface);
    padding:9px 13px;text-align:left;width:100%;
    animation:domIn .4s var(--eq) backwards;animation-delay:calc(var(--i,0) * 42ms);
    transition:border-color .2s var(--eq),transform .2s var(--eu)}
.dom-r.taken,.dom-r.unknown{opacity:1;background:transparent;border-style:dashed}
.dom-r.free{cursor:pointer}
.dom-r.sk{border-style:dashed;pointer-events:none}
.qsave{margin:0;text-align:left}
.qsave:not([open])>*:not(summary){display:none!important}
.qsave>summary{list-style:none;cursor:pointer;color:var(--klein-text);text-decoration:underline;text-underline-offset:3px}
.qsave>summary::-webkit-details-marker{display:none}
.qsave[open]>summary{margin-bottom:9px;text-decoration:none;color:var(--ink)}
.qsave-t{margin:0 0 9px;font:600 13.5px var(--sans);color:var(--ink)}
.qsave-er{display:flex;flex-wrap:wrap;gap:8px}
.qsave-fld{flex:1 1 190px;min-width:0;display:flex;align-items:center;gap:8px;background:#fff;
    border:1.5px solid var(--fedge);border-radius:13px;padding:0 12px;height:42px;
    transition:border-color .18s var(--eq),box-shadow .18s var(--eq)}
.qsave-fld:focus-within{border-color:var(--klein);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--klein) 13%,transparent)}
.qsave-fld svg{width:15px;height:15px;color:var(--muted);flex:none}
.qsave-fld input{flex:1;min-width:0;border:0;outline:none;background:none;
    font:400 13.5px var(--sans);color:var(--ink)}
.qsave-send{flex:none;border:0;border-radius:13px;background:var(--klein);color:var(--accent-ink);
    font:600 13px var(--sans);padding:0 16px;height:42px;cursor:pointer;
    transition:background-color .2s var(--eq)}
.qsave-send:hover{background:var(--klein-lift)}
.qsave-lf{display:flex;align-items:stretch;margin-top:9px;border:1.5px solid var(--edge);
    border-radius:13px;background:var(--surface);overflow:hidden}
.qsave-lf input{flex:1 1 auto;min-width:0;border:0;background:none;outline:none;
    font:500 12.5px var(--mono);color:var(--muted);padding:10px 12px;text-overflow:ellipsis}
.qsave-lf button{flex:none;border:0;border-left:1.5px solid var(--edge);background:var(--surface-2);
    font:600 12.5px var(--sans);color:var(--klein-text);padding:0 14px;cursor:pointer;
    transition:background-color .2s var(--eq),color .2s var(--eq),border-color .2s var(--eq)}
.qsave-lf button:hover{background:var(--klein);color:#fff;border-left-color:var(--klein)}
.qsave-code{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;
    border:1px dashed var(--fedge);border-radius:13px;padding:9px 13px;background:var(--surface)}
.qsave-k{font:700 9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.qsave-v{font:700 14.5px var(--mono);letter-spacing:.08em;color:var(--ink)}
