:root {
    color-scheme: light;
    --kmbi-bg: #f2f4f8;
    --kmbi-card: #ffffff;
    --kmbi-text: #182034;
    --kmbi-muted: #687386;
    --kmbi-line: #e2e6ed;
    --kmbi-primary: #d7263d;
    --kmbi-primary-dark: #b91f34;
    --kmbi-success: #16845b;
    --kmbi-danger: #b7263f;
    --kmbi-shadow: 0 24px 70px rgba(20, 30, 52, .12);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--kmbi-bg); }
body.kmbi-page {
    min-width: 320px;
    min-height: 100vh;
    margin: 0;
    color: var(--kmbi-text);
    background:
        radial-gradient(circle at 8% 10%, rgba(215, 38, 61, .09), transparent 28rem),
        radial-gradient(circle at 92% 90%, rgba(34, 77, 154, .08), transparent 30rem),
        var(--kmbi-bg);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}
button, input, textarea { font: inherit; }
a { color: #b91f34; }

.kmbi-shell {
    width: 100%;
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 38px 20px;
}

.kmbi-card {
    width: min(100%, 820px);
    background: var(--kmbi-card);
    border: 1px solid rgba(221, 226, 235, .9);
    border-radius: 24px;
    box-shadow: var(--kmbi-shadow);
    overflow: hidden;
}

.kmbi-request-card { padding: 34px clamp(24px, 5vw, 56px) 46px; }
.kmbi-partner-card { width: min(100%, 1160px); padding: 30px clamp(20px, 4vw, 42px) 44px; }

.kmbi-brand {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}
.kmbi-brand img { display: block; max-width: 210px; max-height: 74px; object-fit: contain; }
.kmbi-brand-text { gap: 11px; color: var(--kmbi-text); font-size: 24px; letter-spacing: -.5px; }
.kmbi-brand-mark { display: grid; grid-template-columns: repeat(2, 10px); gap: 3px; transform: rotate(-2deg); }
.kmbi-brand-mark i { width: 10px; height: 10px; border-radius: 2px; background: var(--kmbi-primary); }
.kmbi-brand-mark i:nth-child(2) { background: #ef9f24; }
.kmbi-brand-mark i:nth-child(3) { background: #2667c9; }
.kmbi-brand-mark i:nth-child(4) { background: #27a36a; }

.kmbi-heading { margin: 0 0 28px; }
.kmbi-heading-center { text-align: center; }
.kmbi-heading h1, .kmbi-partner-header h1 {
    margin: 5px 0 10px;
    font-size: clamp(29px, 5vw, 42px);
    line-height: 1.12;
    letter-spacing: -1.2px;
}
.kmbi-heading p { max-width: 690px; margin: 0; color: var(--kmbi-muted); font-size: 16px; line-height: 1.7; }
.kmbi-heading-center p { margin-inline: auto; }
.kmbi-eyebrow { margin: 0; color: var(--kmbi-primary) !important; font-size: 12px !important; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }

.kmbi-alert { margin: 0 0 24px; padding: 15px 17px; border-radius: 12px; font-size: 14px; }
.kmbi-alert ul { margin: 8px 0 0 20px; padding: 0; }
.kmbi-alert-error { border: 1px solid #f1b7c0; color: #8e1f33; background: #fff1f3; }
.kmbi-alert-success { border: 1px solid #a8dcc8; color: #126644; background: #eefbf6; }

.kmbi-form { display: grid; gap: 20px; }
.kmbi-grid { display: grid; gap: 18px; }
.kmbi-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kmbi-grid-code { grid-template-columns: minmax(0, 2fr) minmax(125px, .75fr); }
.kmbi-field { display: grid; gap: 7px; }
.kmbi-field label { color: var(--kmbi-text); font-size: 14px; font-weight: 750; }
.kmbi-field label > span:not(.kmbi-optional) { color: var(--kmbi-primary); }
.kmbi-optional { margin-left: 5px; color: #929aa8; font-size: 12px; font-weight: 500; }
.kmbi-field small { color: var(--kmbi-muted); font-size: 12px; }

.kmbi-field input,
.kmbi-field textarea {
    width: 100%;
    min-height: 50px;
    margin: 0;
    border: 1px solid #cfd5df;
    border-radius: 11px;
    padding: 12px 14px;
    color: var(--kmbi-text);
    background: #fff;
    outline: 0;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.kmbi-field textarea { min-height: 100px; resize: vertical; }
.kmbi-field input:hover, .kmbi-field textarea:hover { border-color: #aeb6c4; }
.kmbi-field input:focus, .kmbi-field textarea:focus { border-color: var(--kmbi-primary); box-shadow: 0 0 0 4px rgba(215, 38, 61, .12); }
.kmbi-field input::placeholder, .kmbi-field textarea::placeholder { color: #9aa2af; opacity: 1; }

.kmbi-checkbox {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 11px;
    align-items: start;
    color: #566174;
    font-size: 13px;
    line-height: 1.55;
    cursor: pointer;
}
.kmbi-checkbox input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--kmbi-primary); }
.kmbi-checkbox a { font-weight: 700; }

.kmbi-button {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 11px;
    padding: 13px 21px;
    color: #fff;
    background: var(--kmbi-primary);
    box-shadow: 0 9px 20px rgba(215, 38, 61, .19);
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}
.kmbi-button:hover { color: #fff; background: var(--kmbi-primary-dark); transform: translateY(-1px); box-shadow: 0 11px 24px rgba(215, 38, 61, .23); }
.kmbi-button:focus-visible, .kmbi-link-button:focus-visible, .kmbi-tab:focus-visible { outline: 3px solid rgba(38, 103, 201, .35); outline-offset: 3px; }
.kmbi-button:disabled { cursor: wait; opacity: .72; transform: none; }
.kmbi-button-secondary { margin-top: 14px; color: var(--kmbi-text); background: #eef1f5; box-shadow: none; }
.kmbi-button-secondary:hover { color: var(--kmbi-text); background: #e2e7ee; box-shadow: none; }
.kmbi-button-success { background: var(--kmbi-success); box-shadow: 0 9px 20px rgba(22, 132, 91, .18); }
.kmbi-button-success:hover { background: #116f4c; box-shadow: 0 11px 24px rgba(22, 132, 91, .22); }
.kmbi-button-danger-outline { min-height: 44px; padding: 10px 16px; color: var(--kmbi-danger); border: 1px solid #e7aab5; background: #fff; box-shadow: none; }
.kmbi-button-danger-outline:hover { color: #fff; background: var(--kmbi-danger); box-shadow: none; }
.kmbi-submit { width: 100%; margin-top: 2px; }
.kmbi-button-loading { display: none; }
.kmbi-form.is-submitting .kmbi-button-label { display: none; }
.kmbi-form.is-submitting .kmbi-button-loading { display: inline; }
.kmbi-form-note { margin: -8px 0 0; color: #858e9c; font-size: 12px; text-align: center; }
.kmbi-hp { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

.kmbi-success-panel { padding: 40px 0 18px; text-align: center; }
.kmbi-success-panel h1 { margin: 18px 0 10px; font-size: clamp(28px, 5vw, 40px); letter-spacing: -.9px; }
.kmbi-success-panel p { color: var(--kmbi-muted); }
.kmbi-success-icon { width: 66px; height: 66px; display: inline-grid; place-items: center; border-radius: 50%; color: #fff; background: var(--kmbi-success); font-size: 34px; font-weight: 800; box-shadow: 0 12px 28px rgba(22,132,91,.22); }
.kmbi-order-ref { display: inline-block; margin: 4px 0 0 !important; padding: 7px 11px; border-radius: 8px; color: #4a5567 !important; background: #f1f3f6; font-size: 13px; }

.kmbi-login-wrap { width: min(100%, 480px); margin: 35px auto 22px; }
.kmbi-login-form .kmbi-button { width: 100%; }
.kmbi-partner-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.kmbi-partner-header h1 { margin-bottom: 0; }
.kmbi-link-button { border: 0; padding: 8px 0; color: var(--kmbi-muted); background: transparent; font-weight: 700; cursor: pointer; }
.kmbi-link-button:hover { color: var(--kmbi-primary); }

.kmbi-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 22px; }
.kmbi-tab { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid var(--kmbi-line); border-radius: 11px; padding: 10px 14px; color: #566174; background: #fafbfc; font-size: 13px; font-weight: 750; text-decoration: none; }
.kmbi-tab strong { min-width: 26px; height: 26px; display: grid; place-items: center; border-radius: 999px; color: #657083; background: #eceff3; font-size: 12px; }
.kmbi-tab-active { border-color: rgba(215,38,61,.32); color: var(--kmbi-primary); background: #fff4f5; }
.kmbi-tab-active strong { color: #fff; background: var(--kmbi-primary); }

.kmbi-orders { display: grid; gap: 16px; }
.kmbi-order-card { border: 1px solid var(--kmbi-line); border-radius: 15px; background: #fff; overflow: hidden; }
.kmbi-order-card-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; border-bottom: 1px solid #ebedf1; background: #fafbfc; }
.kmbi-order-card-header > div { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.kmbi-order-number { font-weight: 850; }
.kmbi-order-card time { color: var(--kmbi-muted); font-size: 12px; }
.kmbi-status { display: inline-flex; border-radius: 999px; padding: 6px 10px; font-size: 11px; font-weight: 850; white-space: nowrap; }
.kmbi-status-open { color: #8a5a00; background: #fff4d7; }
.kmbi-status-completed { color: #116543; background: #e8f7f1; }
.kmbi-status-failed { color: #8d2336; background: #fff0f2; }
.kmbi-order-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 310px); gap: 20px; padding: 20px; }
.kmbi-order-main h2 { margin: 0 0 17px; font-size: 20px; line-height: 1.35; }
.kmbi-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 20px; margin: 0; }
.kmbi-details div { min-width: 0; }
.kmbi-details dt { margin-bottom: 3px; color: var(--kmbi-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.kmbi-details dd { margin: 0; color: #313b4c; font-size: 14px; overflow-wrap: anywhere; }
.kmbi-detail-wide { grid-column: 1 / -1; }
.kmbi-customer-box { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 16px; border-radius: 12px; background: #f4f6f9; }
.kmbi-customer-box strong { font-size: 16px; }
.kmbi-customer-box a { color: #33425a; overflow-wrap: anywhere; text-decoration: none; }
.kmbi-customer-box a:hover { color: var(--kmbi-primary); text-decoration: underline; }
.kmbi-box-label { color: var(--kmbi-muted); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }

.kmbi-order-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 16px; padding: 18px 20px; border-top: 1px solid #e8ebf0; background: #fbfcfd; }
.kmbi-complete-form { display: grid; gap: 7px; }
.kmbi-complete-form > label { color: var(--kmbi-text); font-size: 13px; font-weight: 800; }
.kmbi-amount-row { display: flex; gap: 10px; align-items: stretch; }
.kmbi-money-input { min-width: 190px; display: flex; align-items: center; border: 1px solid #cfd5df; border-radius: 10px; background: #fff; overflow: hidden; }
.kmbi-money-input:focus-within { border-color: var(--kmbi-success); box-shadow: 0 0 0 4px rgba(22,132,91,.11); }
.kmbi-money-input input { min-width: 0; width: 100%; height: 48px; border: 0; padding: 10px 12px; outline: 0; }
.kmbi-money-input span { padding-right: 12px; color: var(--kmbi-muted); font-size: 13px; font-weight: 700; }
.kmbi-failed-form { padding-bottom: 1px; }
.kmbi-closed-summary { display: flex; flex-wrap: wrap; gap: 24px; padding: 17px 20px; border-top: 1px solid #e8ebf0; background: #fbfcfd; }
.kmbi-closed-summary div { display: grid; gap: 2px; }
.kmbi-closed-summary span { color: var(--kmbi-muted); font-size: 11px; font-weight: 750; text-transform: uppercase; }
.kmbi-closed-summary strong { font-size: 14px; }
.kmbi-empty { padding: 55px 22px; border: 1px dashed #cfd5df; border-radius: 14px; text-align: center; }
.kmbi-empty h2 { margin: 0 0 5px; font-size: 20px; }
.kmbi-empty p { margin: 0; color: var(--kmbi-muted); }

@media (max-width: 760px) {
    .kmbi-shell { align-items: start; padding: 14px; }
    .kmbi-card { border-radius: 18px; }
    .kmbi-request-card, .kmbi-partner-card { padding: 24px 18px 30px; }
    .kmbi-brand { margin-bottom: 18px; }
    .kmbi-grid-2, .kmbi-grid-code, .kmbi-order-grid { grid-template-columns: 1fr; }
    .kmbi-field input, .kmbi-field textarea { font-size: 16px; }
    .kmbi-partner-header { align-items: center; }
    .kmbi-tabs { grid-template-columns: 1fr; }
    .kmbi-tab { min-height: 48px; }
    .kmbi-order-card-header { align-items: flex-start; }
    .kmbi-order-grid { gap: 15px; padding: 17px; }
    .kmbi-details { grid-template-columns: 1fr; }
    .kmbi-detail-wide { grid-column: auto; }
    .kmbi-order-actions { grid-template-columns: 1fr; padding: 17px; }
    .kmbi-amount-row { flex-direction: column; }
    .kmbi-money-input { width: 100%; min-width: 0; }
    .kmbi-order-actions .kmbi-button { width: 100%; }
    .kmbi-failed-form { padding: 0; }
}

@media (max-width: 420px) {
    .kmbi-shell { padding: 0; }
    .kmbi-card { min-height: 100vh; border: 0; border-radius: 0; box-shadow: none; }
    .kmbi-request-card, .kmbi-partner-card { padding-inline: 16px; }
    .kmbi-heading h1, .kmbi-partner-header h1 { font-size: 29px; }
    .kmbi-order-card-header { flex-direction: column; }
    .kmbi-partner-header { align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

.kmbi-discount-notice { display:flex; gap:14px; align-items:flex-start; margin:0 0 24px; padding:16px 18px; border:1px solid #f0d38e; border-radius:14px; background:#fff8e8; color:#5e4918; }
.kmbi-discount-notice strong { flex:0 0 auto; padding:5px 9px; border-radius:999px; background:#ef9f24; color:#fff; font-size:12px; }
.kmbi-discount-notice span { font-size:14px; line-height:1.55; }
.kmbi-availability { margin:0; padding:16px; border:1px solid var(--kmbi-line); border-radius:13px; }
.kmbi-availability legend { padding:0 7px; font-size:14px; font-weight:800; }
.kmbi-availability legend span { color:#929aa8; font-size:12px; font-weight:500; }
.kmbi-availability > small { display:block; margin-top:10px; color:var(--kmbi-muted); font-size:12px; }
.kmbi-day-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.kmbi-day-grid label { cursor:pointer; }
.kmbi-day-grid input { position:absolute; opacity:0; pointer-events:none; }
.kmbi-day-grid span { display:block; padding:9px 8px; border:1px solid #cfd5df; border-radius:9px; text-align:center; font-size:12px; font-weight:700; }
.kmbi-day-grid input:checked + span { border-color:var(--kmbi-primary); color:var(--kmbi-primary); background:#fff1f3; }
.kmbi-time-row { display:grid; grid-template-columns:repeat(2,minmax(0,180px)); gap:12px; margin-top:12px; }
.kmbi-time-row label { display:grid; gap:5px; color:var(--kmbi-muted); font-size:12px; font-weight:700; }
.kmbi-time-row input { min-height:44px; border:1px solid #cfd5df; border-radius:9px; padding:8px 10px; background:#fff; }
.kmbi-items-section { padding:18px; border:1px solid var(--kmbi-line); border-radius:14px; background:#fafbfc; }
.kmbi-section-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:14px; }
.kmbi-section-heading h2 { margin:0 0 3px; font-size:18px; }
.kmbi-section-heading p { margin:0; color:var(--kmbi-muted); font-size:13px; }
.kmbi-add-item { min-height:40px; border:1px solid #cfd5df; border-radius:9px; padding:8px 12px; color:var(--kmbi-primary); background:#fff; font-weight:800; cursor:pointer; white-space:nowrap; }
.kmbi-items { display:grid; gap:12px; }
.kmbi-item-row { display:grid; grid-template-columns:28px minmax(0,1fr) 36px; gap:10px; align-items:end; padding:14px; border:1px solid #e0e4eb; border-radius:11px; background:#fff; }
.kmbi-item-number { align-self:center; color:var(--kmbi-muted); font-weight:850; }
.kmbi-item-fields { display:grid; grid-template-columns:minmax(150px,.85fr) minmax(0,1.55fr) minmax(95px,.45fr); gap:12px; }
.kmbi-item-fields input { min-height:46px; }
.kmbi-remove-item { width:36px; height:36px; border:0; border-radius:9px; color:#a3293d; background:#fff0f2; font-size:24px; cursor:pointer; }
.kmbi-product-list { display:grid; gap:8px; margin-bottom:16px; }
.kmbi-product-list > div { display:grid; gap:3px; padding:11px 12px; border:1px solid var(--kmbi-line); border-radius:9px; background:#fafbfc; }
.kmbi-product-list span { color:var(--kmbi-muted); font-size:12px; }
@media (max-width:760px) {
  .kmbi-discount-notice { flex-direction:column; gap:9px; }
  .kmbi-day-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kmbi-time-row { grid-template-columns:1fr 1fr; }
  .kmbi-section-heading { flex-direction:column; }
  .kmbi-add-item { width:100%; }
  .kmbi-item-row { grid-template-columns:24px minmax(0,1fr) 36px; align-items:start; }
  .kmbi-item-fields { grid-template-columns:1fr; }
}

.kmbi-discount-badge-image {
  flex: 0 0 auto;
  display: block;
  width: clamp(78px, 8vw, 118px);
  height: clamp(78px, 8vw, 118px);
  object-fit: contain;
}
.kmbi-discount-notice.has-badge-image { align-items:center; }
@media (max-width:760px) {
  .kmbi-discount-notice.has-badge-image { align-items:center; text-align:center; }
  .kmbi-discount-badge-image { width:92px; height:92px; }
}

/* 0.4.0 Premium Collector UI */
:root {
  --kmbi-accent: #12b7e4;
  --kmbi-card-width: 820px;
  --kmbi-surface: rgba(255,255,255,.88);
  --kmbi-soft-blue: color-mix(in srgb, var(--kmbi-accent) 12%, white);
}
body.kmbi-page {
  position: relative;
  overflow-x: hidden;
  background: linear-gradient(145deg, color-mix(in srgb,var(--kmbi-bg) 92%,#fff), var(--kmbi-bg));
}
.kmbi-background { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.kmbi-background::after { content:""; position:absolute; inset:0; opacity:.25; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E"); mix-blend-mode:multiply; }
.kmbi-orb { position:absolute; border-radius:50%; filter:blur(70px); opacity:.32; will-change:transform; }
.orb-a { width:38vw; height:38vw; min-width:340px; min-height:340px; left:-10vw; top:-12vw; background:rgba(226,31,61,.22); }
.orb-b { width:40vw; height:40vw; min-width:380px; min-height:380px; right:-13vw; top:13vh; background:color-mix(in srgb,var(--kmbi-accent) 38%,transparent); }
.orb-c { width:34vw; height:34vw; min-width:320px; min-height:320px; left:26vw; bottom:-18vw; background:rgba(246,162,26,.20); }
.orb-d { width:26vw; height:26vw; min-width:260px; min-height:260px; right:18vw; top:-12vw; background:rgba(146,104,255,.13); }
.has-animated-background .orb-a { animation:kmbiOrbA 28s ease-in-out infinite alternate; }
.has-animated-background .orb-b { animation:kmbiOrbB 34s ease-in-out infinite alternate; }
.has-animated-background .orb-c { animation:kmbiOrbC 31s ease-in-out infinite alternate; }
.has-animated-background .orb-d { animation:kmbiOrbD 36s ease-in-out infinite alternate; }
@keyframes kmbiOrbA { to { transform:translate(14vw,12vh) scale(1.12); } }
@keyframes kmbiOrbB { to { transform:translate(-15vw,14vh) scale(.9); } }
@keyframes kmbiOrbC { to { transform:translate(10vw,-15vh) scale(1.08); } }
@keyframes kmbiOrbD { to { transform:translate(-10vw,18vh) scale(1.2); } }
.kmbi-float-brick { position:absolute; display:grid; grid-template-columns:repeat(2,18px); gap:7px; padding:13px; border:1px solid rgba(255,255,255,.65); border-radius:15px; background:rgba(255,255,255,.23); box-shadow:0 14px 45px rgba(26,38,65,.08), inset 0 1px 0 rgba(255,255,255,.8); backdrop-filter:blur(8px); opacity:0; }
.kmbi-float-brick b { width:18px; height:18px; border-radius:50%; background:rgba(255,255,255,.48); box-shadow:inset 0 2px 3px rgba(255,255,255,.7),0 2px 5px rgba(45,65,100,.08); }
.has-floating-bricks .kmbi-float-brick { opacity:.32; animation:kmbiBrickFloat 13s ease-in-out infinite alternate; }
.brick-a { left:7vw; top:18vh; transform:rotate(-14deg); }
.brick-b { right:8vw; top:23vh; grid-template-columns:repeat(3,18px); animation-delay:-4s!important; transform:rotate(11deg); }
.brick-c { left:12vw; bottom:14vh; grid-template-columns:repeat(2,18px); animation-delay:-8s!important; transform:rotate(8deg); }
.brick-d { right:13vw; bottom:10vh; animation-delay:-6s!important; transform:rotate(-10deg); }
@keyframes kmbiBrickFloat { to { translate:0 -28px; rotate:5deg; } }
.kmbi-shell { position:relative; z-index:2; padding:54px 20px; }
.kmbi-request-card { width:min(100%,var(--kmbi-card-width)); position:relative; padding:clamp(32px,5vw,58px); border:1px solid rgba(255,255,255,.82); border-radius:32px; background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.82)); box-shadow:0 36px 110px rgba(26,38,65,.15),inset 0 1px 0 #fff; backdrop-filter:blur(22px) saturate(1.14); animation:kmbiCardIn .7s cubic-bezier(.2,.8,.2,1) both; }
.kmbi-request-card::before { content:""; position:absolute; z-index:-1; inset:-2px; border-radius:34px; background:linear-gradient(130deg,rgba(255,255,255,.9),color-mix(in srgb,var(--kmbi-accent) 28%,transparent),rgba(226,31,61,.12),rgba(255,255,255,.7)); opacity:.48; filter:blur(1px); }
@keyframes kmbiCardIn { from { opacity:0; transform:translateY(24px) scale(.985); } to { opacity:1; transform:none; } }
.kmbi-brand { margin-bottom:26px; }
.kmbi-brand img { max-width:230px; max-height:84px; filter:drop-shadow(0 10px 18px color-mix(in srgb,var(--kmbi-accent) 18%,transparent)); animation:kmbiLogoIn .65s .12s both; }
@keyframes kmbiLogoIn { from { opacity:0; transform:scale(.88) translateY(-7px); } to { opacity:1; transform:none; } }
.kmbi-heading { margin-bottom:30px; }
.kmbi-heading h1 { max-width:700px; font-size:clamp(34px,5.2vw,48px); letter-spacing:-1.7px; line-height:1.04; }
.kmbi-heading p { font-size:16px; line-height:1.75; }
.kmbi-eyebrow { font-size:11px!important; letter-spacing:.16em; }
.kmbi-discount-notice { position:relative; overflow:hidden; align-items:center; gap:22px; padding:20px 22px; border:1px solid rgba(232,177,63,.48); border-radius:22px; background:linear-gradient(135deg,rgba(255,250,233,.96),rgba(255,245,214,.76)); box-shadow:0 15px 38px rgba(199,139,22,.10),inset 0 1px 0 #fff; }
.kmbi-discount-notice::before { content:""; position:absolute; width:170px; height:170px; left:-60px; top:-70px; border-radius:50%; background:rgba(246,162,26,.13); filter:blur(4px); }
.kmbi-discount-notice > strong { position:relative; padding:9px 14px; font-size:13px; box-shadow:0 7px 16px rgba(239,159,36,.24); }
.kmbi-discount-badge-image { position:relative; z-index:1; width:clamp(96px,11vw,126px); height:clamp(96px,11vw,126px); filter:drop-shadow(0 16px 18px rgba(155,92,10,.22)); }
.has-badge-animation .kmbi-discount-badge-image { animation:kmbiBadgeFloat 4.6s ease-in-out infinite; }
.has-badge-animation .kmbi-discount-notice::after { content:""; position:absolute; top:-30%; left:-35%; width:22%; height:160%; transform:rotate(20deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent); animation:kmbiBadgeShine 9s ease-in-out infinite; }
@keyframes kmbiBadgeFloat { 50% { transform:translateY(-6px) rotate(1.2deg); } }
@keyframes kmbiBadgeShine { 0%,72% { left:-35%; opacity:0; } 77% { opacity:.75; } 88% { left:120%; opacity:0; } 100% { left:120%; opacity:0; } }
.kmbi-discount-copy { display:grid; gap:5px; }
.kmbi-discount-copy > b { color:#47330a; font-size:17px; line-height:1.35; }
.kmbi-discount-copy > span { color:#65501e; font-size:14px; line-height:1.65; }
.kmbi-form { gap:22px; }
.kmbi-field input,.kmbi-field textarea,.kmbi-time-row input { border-color:#d5dbe5; border-radius:14px; background:rgba(255,255,255,.8); box-shadow:inset 0 1px 0 rgba(255,255,255,.9); transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease; }
.kmbi-field input:focus,.kmbi-field textarea:focus,.kmbi-time-row input:focus { border-color:var(--kmbi-accent); background:#fff; box-shadow:0 0 0 4px color-mix(in srgb,var(--kmbi-accent) 16%,transparent),0 9px 20px rgba(29,52,85,.06); transform:translateY(-1px); outline:0; }
.kmbi-availability { padding:18px; border-radius:18px; background:rgba(250,252,255,.64); }
.kmbi-anytime { display:inline-block; margin:2px 0 13px; cursor:pointer; }
.kmbi-anytime input { position:absolute; opacity:0; }
.kmbi-anytime span { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid #d5dbe5; border-radius:999px; background:#fff; color:#536075; font-size:12px; font-weight:800; transition:.18s ease; }
.kmbi-anytime i { width:17px; height:17px; display:grid; place-items:center; border-radius:50%; color:transparent; background:#eef1f5; font-style:normal; font-size:11px; }
.kmbi-anytime input:checked + span { border-color:var(--kmbi-accent); color:#fff; background:var(--kmbi-accent); box-shadow:0 8px 18px color-mix(in srgb,var(--kmbi-accent) 25%,transparent); }
.kmbi-anytime input:checked + span i { color:var(--kmbi-accent); background:#fff; }
.kmbi-day-grid span { border-radius:999px; transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease; }
.kmbi-day-grid label:hover span { transform:translateY(-1px); border-color:color-mix(in srgb,var(--kmbi-accent) 55%,#ccd4df); background:var(--kmbi-soft-blue); }
.kmbi-day-grid input:checked + span { border-color:var(--kmbi-accent); color:#fff; background:var(--kmbi-accent); box-shadow:0 7px 16px color-mix(in srgb,var(--kmbi-accent) 24%,transparent); }
.kmbi-availability.is-anytime .kmbi-day-grid,.kmbi-availability.is-anytime .kmbi-time-row { opacity:.38; pointer-events:none; filter:grayscale(.3); }
.kmbi-items-section { padding:20px; border-radius:20px; background:linear-gradient(145deg,rgba(248,250,253,.92),rgba(244,247,251,.72)); }
.kmbi-add-item { border-radius:999px; border-color:color-mix(in srgb,var(--kmbi-primary) 25%,#d4dae3); box-shadow:0 6px 14px rgba(27,41,69,.05); transition:.16s ease; }
.kmbi-add-item:hover { transform:translateY(-2px); border-color:var(--kmbi-primary); box-shadow:0 10px 20px rgba(27,41,69,.09); }
.kmbi-item-row { border-radius:16px; box-shadow:0 6px 18px rgba(28,43,72,.045); transition:opacity .22s ease,transform .22s ease,max-height .25s ease,padding .25s ease,margin .25s ease; }
.kmbi-item-row.is-entering { animation:kmbiItemIn .3s cubic-bezier(.2,.8,.2,1) both; }
.kmbi-item-row.is-removing { opacity:0; transform:translateX(15px) scale(.98); }
@keyframes kmbiItemIn { from { opacity:0; transform:translateY(-12px) scale(.985); } }
.kmbi-item-number { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(145deg,var(--kmbi-accent),color-mix(in srgb,var(--kmbi-accent) 75%,#2460c9)); box-shadow:0 7px 15px color-mix(in srgb,var(--kmbi-accent) 22%,transparent); font-size:12px; }
.kmbi-remove-item { border-radius:50%; transition:.16s ease; }
.kmbi-remove-item:hover { transform:rotate(8deg) scale(1.07); }
.kmbi-checkbox { padding:15px 16px; border:1px solid #e0e5ed; border-radius:15px; background:rgba(249,251,253,.78); }
.kmbi-checkbox input { width:22px; height:22px; }
.kmbi-submit { position:relative; overflow:hidden; min-height:60px; border-radius:16px; background:linear-gradient(135deg,var(--kmbi-primary),color-mix(in srgb,var(--kmbi-primary) 78%,#8f0b28)); box-shadow:0 14px 28px color-mix(in srgb,var(--kmbi-primary) 25%,transparent); }
.kmbi-submit:hover { background:linear-gradient(135deg,color-mix(in srgb,var(--kmbi-primary) 94%,#fff),color-mix(in srgb,var(--kmbi-primary) 70%,#79071f)); transform:translateY(-3px); box-shadow:0 18px 36px color-mix(in srgb,var(--kmbi-primary) 32%,transparent); }
.has-button-shine .kmbi-submit::after { content:""; position:absolute; top:-70%; left:-35%; width:18%; height:240%; transform:rotate(20deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent); animation:kmbiButtonShine 5.8s ease-in-out infinite; }
@keyframes kmbiButtonShine { 0%,66% { left:-35%; opacity:0; } 70% { opacity:.8; } 87% { left:125%; opacity:0; } 100% { left:125%; opacity:0; } }
.kmbi-button-loading::before { content:""; width:17px; height:17px; display:inline-block; margin-right:8px; border:2px solid rgba(255,255,255,.45); border-top-color:#fff; border-radius:50%; vertical-align:-3px; animation:kmbiSpin .7s linear infinite; }
@keyframes kmbiSpin { to { transform:rotate(360deg); } }
.kmbi-success-panel { position:relative; min-height:440px; display:grid; place-items:center; align-content:center; }
.kmbi-success-icon { position:relative; z-index:2; width:82px; height:82px; font-size:40px; animation:kmbiSuccessPop .55s cubic-bezier(.2,1.5,.4,1) both; }
@keyframes kmbiSuccessPop { from { opacity:0; transform:scale(.35) rotate(-18deg); } }
.kmbi-success-particles { position:absolute; width:160px; height:160px; top:76px; left:50%; translate:-50% 0; pointer-events:none; }
.kmbi-success-particles i { position:absolute; width:16px; height:16px; border-radius:4px; background:var(--kmbi-accent); opacity:0; }
.kmbi-success-particles i:nth-child(1){left:10%;top:45%;background:#e21f3d}.kmbi-success-particles i:nth-child(2){left:28%;top:12%;background:#f6a21a}.kmbi-success-particles i:nth-child(3){right:22%;top:10%;background:#12b7e4}.kmbi-success-particles i:nth-child(4){right:7%;top:48%;background:#8c68ff}.kmbi-success-particles i:nth-child(5){left:25%;bottom:8%;background:#27a36a}.kmbi-success-particles i:nth-child(6){right:25%;bottom:4%;background:#e21f3d}
.has-success-animation .kmbi-success-particles i { animation:kmbiParticle .8s .18s cubic-bezier(.2,.8,.2,1) both; }
@keyframes kmbiParticle { 0%{opacity:0;transform:translate(0,0) scale(.3) rotate(0)} 40%{opacity:1} 100%{opacity:0;transform:translate(var(--x,12px),var(--y,-22px)) scale(1) rotate(100deg)} }
.kmbi-success-particles i:nth-child(1){--x:-22px;--y:-8px}.kmbi-success-particles i:nth-child(2){--x:-14px;--y:-25px}.kmbi-success-particles i:nth-child(3){--x:18px;--y:-25px}.kmbi-success-particles i:nth-child(4){--x:24px;--y:-5px}.kmbi-success-particles i:nth-child(5){--x:-12px;--y:20px}.kmbi-success-particles i:nth-child(6){--x:15px;--y:22px}
.kmbi-preset-clean .kmbi-background,.kmbi-preset-clean .kmbi-request-card::before { display:none; }
.kmbi-preset-clean .kmbi-request-card { background:#fff; backdrop-filter:none; }
.kmbi-preset-spectacular .kmbi-orb { opacity:.44; filter:blur(58px); }
.kmbi-preset-spectacular .kmbi-float-brick { opacity:.48; }
.kmbi-preset-spectacular .kmbi-request-card { box-shadow:0 44px 130px rgba(23,37,68,.2),0 0 70px color-mix(in srgb,var(--kmbi-accent) 10%,transparent); }
.has-reduced-effects .kmbi-orb,.has-reduced-effects .kmbi-float-brick,.has-reduced-effects .kmbi-discount-badge-image,.has-reduced-effects .kmbi-submit::after,.has-reduced-effects .kmbi-discount-notice::after { animation:none!important; }
@media(max-width:760px){
 .kmbi-shell{padding:18px 12px}.kmbi-request-card{padding:28px 18px 34px;border-radius:24px}.kmbi-request-card::before{border-radius:26px}.kmbi-heading h1{font-size:32px}.kmbi-discount-notice{padding:18px;gap:10px}.kmbi-discount-copy{text-align:center}.kmbi-discount-copy>b{font-size:16px}.kmbi-float-brick{display:none}.kmbi-orb{opacity:.2}.kmbi-success-panel{min-height:380px}
}
@media(max-width:420px){
 .kmbi-card{min-height:0;margin:8px 0;border:1px solid rgba(255,255,255,.8);border-radius:22px;box-shadow:0 22px 64px rgba(26,38,65,.12)}.kmbi-request-card{padding:25px 15px 30px}.kmbi-discount-badge-image{width:90px;height:90px}.kmbi-checkbox{padding:13px}.kmbi-items-section{padding:14px}
}
@media(prefers-reduced-motion:reduce){
 .kmbi-orb,.kmbi-float-brick,.kmbi-request-card,.kmbi-brand img,.kmbi-discount-badge-image,.kmbi-discount-notice::after,.kmbi-submit::after,.kmbi-success-icon,.kmbi-success-particles i{animation:none!important}.kmbi-float-brick{display:none}
}


/* 0.4.1 – Sötét prémium preset */
.kmbi-preset-midnight {
    color-scheme: dark;
    --kmbi-bg: #0c1220;
    --kmbi-card: rgba(15, 22, 37, .76);
    --kmbi-text: #eef3ff;
    --kmbi-muted: #a8b4ca;
    --kmbi-line: rgba(155, 173, 205, .16);
    --kmbi-shadow: 0 38px 110px rgba(0, 0, 0, .45);
    --kmbi-soft-blue: color-mix(in srgb, var(--kmbi-accent) 14%, #0d1730);
}
body.kmbi-page.kmbi-preset-midnight {
    background:
        radial-gradient(circle at 10% 10%, rgba(226,31,61,.18), transparent 24rem),
        radial-gradient(circle at 82% 14%, rgba(18,183,228,.18), transparent 28rem),
        radial-gradient(circle at 88% 88%, rgba(246,162,26,.12), transparent 24rem),
        linear-gradient(180deg, #0c1220 0%, #0f1729 48%, #0a1020 100%);
}
.kmbi-preset-midnight .kmbi-background::after { opacity: .4; mix-blend-mode: screen; }
.kmbi-preset-midnight .kmbi-orb { opacity: .34; filter: blur(72px); }
.kmbi-preset-midnight .orb-a { background: rgba(226,31,61,.28); }
.kmbi-preset-midnight .orb-b { background: rgba(18,183,228,.24); }
.kmbi-preset-midnight .orb-c { background: rgba(246,162,26,.18); }
.kmbi-preset-midnight .orb-d { background: rgba(130,104,255,.18); }
.kmbi-preset-midnight .kmbi-card { border-color: rgba(160, 178, 205, .12); box-shadow: 0 45px 120px rgba(0,0,0,.5); }
.kmbi-preset-midnight .kmbi-request-card,
.kmbi-preset-midnight .kmbi-partner-card { background: linear-gradient(180deg, rgba(18,27,44,.82), rgba(12,18,31,.82)); }
.kmbi-preset-midnight .kmbi-request-card::before {
    background: linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.03));
    border-color: rgba(173, 194, 222, .1);
}
.kmbi-preset-midnight .kmbi-field input,
.kmbi-preset-midnight .kmbi-field textarea,
.kmbi-preset-midnight .kmbi-time-row input {
    color: var(--kmbi-text);
    border-color: rgba(164, 183, 213, .16);
    background: rgba(17, 26, 43, .88);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.kmbi-preset-midnight .kmbi-field input:hover,
.kmbi-preset-midnight .kmbi-field textarea:hover,
.kmbi-preset-midnight .kmbi-time-row input:hover { border-color: rgba(182, 203, 233, .28); }
.kmbi-preset-midnight .kmbi-field input::placeholder,
.kmbi-preset-midnight .kmbi-field textarea::placeholder { color: #7f8ba3; }
.kmbi-preset-midnight .kmbi-availability,
.kmbi-preset-midnight .kmbi-items-section,
.kmbi-preset-midnight .kmbi-checkbox,
.kmbi-preset-midnight .kmbi-order-card,
.kmbi-preset-midnight .kmbi-login-wrap .kmbi-card {
    background: rgba(255,255,255,.03);
    border-color: rgba(164,183,213,.12);
}
.kmbi-preset-midnight .kmbi-tab,
.kmbi-preset-midnight .kmbi-day-grid span,
.kmbi-preset-midnight .kmbi-anytime span,
.kmbi-preset-midnight .kmbi-button-secondary,
.kmbi-preset-midnight .kmbi-add-item,
.kmbi-preset-midnight .kmbi-order-card-header {
    color: #dce5f6;
    border-color: rgba(164,183,213,.14);
    background: rgba(255,255,255,.045);
}
.kmbi-preset-midnight .kmbi-button-secondary:hover,
.kmbi-preset-midnight .kmbi-add-item:hover,
.kmbi-preset-midnight .kmbi-day-grid label:hover span { background: rgba(18,183,228,.15); }
.kmbi-preset-midnight .kmbi-form-note,
.kmbi-preset-midnight .kmbi-order-ref,
.kmbi-preset-midnight .kmbi-details dd { color: #c8d2e5 !important; }
.kmbi-preset-midnight .kmbi-discount-notice {
    border-color: rgba(246,162,26,.28);
    background: linear-gradient(135deg, rgba(54,39,8,.5), rgba(46,32,9,.28));
    box-shadow: 0 18px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}
.kmbi-preset-midnight .kmbi-discount-copy > b { color: #fff3d3; }
.kmbi-preset-midnight .kmbi-discount-copy > span { color: #f0d9a5; }
.kmbi-preset-midnight .kmbi-float-brick {
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.08);
    box-shadow: 0 16px 50px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter: blur(10px);
}
.kmbi-preset-midnight .kmbi-float-brick b {
    background: rgba(255,255,255,.24);
    box-shadow: inset 0 1px 3px rgba(255,255,255,.28), 0 2px 8px rgba(0,0,0,.18);
}
.kmbi-preset-midnight.has-floating-bricks .kmbi-float-brick { opacity: .74; }
.kmbi-preset-midnight.kmbi-preset-spectacular .kmbi-float-brick,
.kmbi-preset-midnight .kmbi-preset-spectacular .kmbi-float-brick { opacity: .82; }
.kmbi-preset-midnight .kmbi-alert-error { background: rgba(137,28,48,.18); border-color: rgba(241,183,192,.28); color: #ffc1ca; }
.kmbi-preset-midnight .kmbi-alert-success { background: rgba(17,111,76,.18); border-color: rgba(168,220,200,.24); color: #b6f1d8; }
.kmbi-preset-midnight .kmbi-button-danger-outline { color: #ffccd5; border-color: rgba(231,170,181,.38); background: rgba(255,255,255,.02); }
.kmbi-preset-midnight .kmbi-button-danger-outline:hover { color:#fff; background: var(--kmbi-danger); }
@media(max-width:760px){
  .kmbi-preset-midnight .kmbi-orb{opacity:.3;}
}


/* 0.4.2 – Sötét prémium finomhangolás */
.kmbi-preset-midnight .kmbi-item-row {
    border-color: rgba(164,183,213,.16);
    background: linear-gradient(180deg, rgba(16, 25, 42, .96), rgba(13, 20, 34, .96));
    box-shadow: 0 12px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
}
.kmbi-preset-midnight .kmbi-item-row .kmbi-field label {
    color: #dce5f6;
}
.kmbi-preset-midnight .kmbi-item-row .kmbi-optional {
    color: #95a3ba;
}
.kmbi-preset-midnight .kmbi-item-row .kmbi-field label > span:not(.kmbi-optional) {
    color: #ff7b92;
}
.kmbi-preset-midnight .kmbi-item-row .kmbi-item-number {
    box-shadow: 0 8px 18px color-mix(in srgb,var(--kmbi-accent) 26%,transparent);
}
.kmbi-preset-midnight .kmbi-item-row .kmbi-remove-item {
    color: #ffd6dc;
    background: rgba(183, 38, 63, .18);
    border: 1px solid rgba(231,170,181,.22);
}
.kmbi-preset-midnight .kmbi-item-row .kmbi-remove-item:hover {
    background: rgba(183, 38, 63, .9);
    color: #fff;
}


/* 0.4.4 – Sötét prémium partnerfelület javítások */
.kmbi-preset-midnight .kmbi-product-list > div,
.kmbi-preset-midnight .kmbi-customer-box,
.kmbi-preset-midnight .kmbi-order-actions,
.kmbi-preset-midnight .kmbi-closed-summary {
    background: linear-gradient(180deg, rgba(16, 25, 42, .96), rgba(13, 20, 34, .96));
    border-color: rgba(164,183,213,.16);
    box-shadow: 0 12px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.04);
}
.kmbi-preset-midnight .kmbi-product-list > div {
    border-color: rgba(164,183,213,.16);
}
.kmbi-preset-midnight .kmbi-product-list strong,
.kmbi-preset-midnight .kmbi-customer-box strong,
.kmbi-preset-midnight .kmbi-order-main h2,
.kmbi-preset-midnight .kmbi-complete-form > label {
    color: #eef3ff;
}
.kmbi-preset-midnight .kmbi-product-list span,
.kmbi-preset-midnight .kmbi-customer-box a,
.kmbi-preset-midnight .kmbi-box-label,
.kmbi-preset-midnight .kmbi-details dt,
.kmbi-preset-midnight .kmbi-closed-summary span {
    color: #9dacc5;
}
.kmbi-preset-midnight .kmbi-customer-box a:hover { color: #ffffff; }
.kmbi-preset-midnight .kmbi-order-actions,
.kmbi-preset-midnight .kmbi-closed-summary {
    border-top-color: rgba(164,183,213,.12);
}
.kmbi-preset-midnight .kmbi-money-input {
    border-color: rgba(164,183,213,.18);
    background: rgba(17, 26, 43, .92);
}
.kmbi-preset-midnight .kmbi-money-input input {
    color: #eef3ff;
    background: transparent;
}
.kmbi-preset-midnight .kmbi-money-input span {
    color: #9dacc5;
}
.kmbi-preset-midnight .kmbi-money-input:focus-within {
    border-color: #1ea672;
    box-shadow: 0 0 0 4px rgba(30,166,114,.16);
}
.kmbi-preset-midnight .kmbi-order-ref {
    color: #d7e3f7 !important;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(164,183,213,.16);
}
.kmbi-preset-midnight .kmbi-order-number,
.kmbi-preset-midnight .kmbi-order-card time {
    color: #dce5f6;
}
.kmbi-preset-midnight .kmbi-status-open { color:#f8d682; background:rgba(138,90,0,.25); }
.kmbi-preset-midnight .kmbi-status-completed { color:#b5eed9; background:rgba(17,101,67,.24); }
.kmbi-preset-midnight .kmbi-status-failed { color:#ffc1ca; background:rgba(141,35,54,.24); }


/* 0.4.6 – Partner IP-cím megjelenítés */
.kmbi-ip-label { margin-top: 12px; }
.kmbi-ip-address {
    max-width: 100%;
    display: inline-block;
    padding: 6px 9px;
    border: 1px solid rgba(93,110,139,.16);
    border-radius: 8px;
    color: #33425a;
    background: rgba(255,255,255,.72);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 12px;
    overflow-wrap: anywhere;
}
.kmbi-preset-midnight .kmbi-ip-address {
    color: #d9e6fa;
    border-color: rgba(164,183,213,.16);
    background: rgba(255,255,255,.06);
}

/* 0.5.0 – Partner kapcsolatfelvételi munkalista */
.kmbi-contact-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kmbi-partner-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 12px;
    margin: 0 0 22px;
    padding: 16px;
    border: 1px solid var(--kmbi-line);
    border-radius: 14px;
    background: rgba(250,251,253,.86);
}
.kmbi-partner-filters label { display: grid; gap: 6px; color: var(--kmbi-muted); font-size: 12px; font-weight: 800; }
.kmbi-partner-filters input {
    min-height: 44px;
    border: 1px solid #cfd5df;
    border-radius: 10px;
    padding: 8px 11px;
    color: var(--kmbi-text);
    background: #fff;
}
.kmbi-partner-filters .kmbi-button { min-height: 44px; margin: 0; padding-block: 10px; }
.kmbi-filter-reset { align-self: center; color: var(--kmbi-muted); font-size: 13px; font-weight: 750; }
.kmbi-contact-actions { grid-template-columns: minmax(0, 1fr) auto; }
.kmbi-contact-actions form:first-child { min-width: 0; }
.kmbi-contact-actions form:first-child .kmbi-button { width: 100%; }
.kmbi-password-wrap { position: relative; }
.kmbi-password-wrap input { padding-right: 52px; }
.kmbi-password-toggle {
    position: absolute;
    top: 50%;
    right: 7px;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 9px;
    transform: translateY(-50%);
    color: var(--kmbi-muted);
    background: transparent;
    cursor: pointer;
    font-size: 20px;
}
.kmbi-password-toggle:hover { color: var(--kmbi-primary); background: rgba(127,139,163,.1); }
.kmbi-preset-midnight .kmbi-partner-filters {
    border-color: rgba(164,183,213,.14);
    background: rgba(255,255,255,.035);
}
.kmbi-preset-midnight .kmbi-partner-filters input {
    color: #eef3ff;
    border-color: rgba(164,183,213,.18);
    background: rgba(17,26,43,.92);
}
.kmbi-preset-midnight .kmbi-filter-reset { color: #a8b4ca; }
.kmbi-preset-midnight .kmbi-password-toggle { color: #a8b4ca; }
@media (max-width:760px) {
    .kmbi-contact-tabs { grid-template-columns: 1fr; }
    .kmbi-partner-filters { display: grid; grid-template-columns: 1fr 1fr; }
    .kmbi-partner-filters .kmbi-button, .kmbi-filter-reset { grid-column: 1 / -1; }
    .kmbi-contact-actions { grid-template-columns: 1fr; }
    .kmbi-contact-actions form .kmbi-button { width: 100%; }
}
@media (max-width:420px) {
    .kmbi-partner-filters { grid-template-columns: 1fr; }
    .kmbi-partner-filters .kmbi-button, .kmbi-filter-reset { grid-column: auto; }
}


/* 0.5.3 – Kockamorzsa támogatási kiemelés */
.kmbi-support-notice {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0,1fr);
    gap: 14px;
    align-items: center;
    margin: -8px 0 24px;
    padding: 16px 18px;
    border: 1px solid color-mix(in srgb,var(--kmbi-accent) 24%,#d8e0eb);
    border-radius: 16px;
    background: linear-gradient(135deg,color-mix(in srgb,var(--kmbi-accent) 8%,#fff),rgba(255,255,255,.76));
    box-shadow: 0 10px 28px rgba(29,52,85,.06), inset 0 1px 0 rgba(255,255,255,.9);
    overflow: hidden;
}
.kmbi-support-notice::after {
    content: "";
    position: absolute;
    right: -28px;
    top: -38px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: color-mix(in srgb,var(--kmbi-accent) 10%,transparent);
    filter: blur(2px);
}
.kmbi-support-icon {
    position: relative;
    z-index: 1;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg,var(--kmbi-accent),color-mix(in srgb,var(--kmbi-accent) 72%,#245fd0));
    box-shadow: 0 9px 20px color-mix(in srgb,var(--kmbi-accent) 24%,transparent);
    font-size: 19px;
}
.kmbi-support-copy { position: relative; z-index: 1; display: grid; gap: 3px; }
.kmbi-support-copy b { color: var(--kmbi-text); font-size: 15px; line-height: 1.4; }
.kmbi-support-copy span { color: var(--kmbi-muted); font-size: 13px; line-height: 1.6; }
.kmbi-preset-midnight .kmbi-support-notice {
    border-color: rgba(18,183,228,.2);
    background: linear-gradient(135deg,rgba(18,183,228,.11),rgba(255,255,255,.025));
    box-shadow: 0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.035);
}
.kmbi-preset-midnight .kmbi-support-copy b { color: #eef5ff; }
.kmbi-preset-midnight .kmbi-support-copy span { color: #aebbd1; }
@media(max-width:560px){
    .kmbi-support-notice { grid-template-columns: 38px minmax(0,1fr); gap: 11px; padding: 14px; }
    .kmbi-support-icon { width:38px; height:38px; border-radius:12px; font-size:17px; }
}


/* 0.6.1 – Partner kereső és oldalszámozás */
.kmbi-partner-filters { grid-template-columns: minmax(280px, 1.8fr) minmax(150px, .65fr) minmax(150px, .65fr) auto auto; }
.kmbi-partner-search input { min-width: 0; }
.kmbi-partner-results-summary { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:18px 2px 12px; color:var(--kmbi-muted); font-size:13px; }
.kmbi-partner-results-summary strong { color:var(--kmbi-text); font-size:14px; }
.kmbi-pagination { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; margin:24px 0 4px; }
.kmbi-pagination a, .kmbi-pagination-current { min-width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--kmbi-line); border-radius:11px; padding:0 12px; color:var(--kmbi-text); background:rgba(255,255,255,.72); text-decoration:none; font-size:13px; font-weight:800; transition:.16s ease; }
.kmbi-pagination a:hover { border-color:var(--kmbi-accent); color:var(--kmbi-accent); transform:translateY(-1px); }
.kmbi-pagination-current { border-color:var(--kmbi-accent); color:#fff; background:var(--kmbi-accent); box-shadow:0 8px 20px color-mix(in srgb,var(--kmbi-accent) 25%,transparent); }
.kmbi-pagination-arrow { min-width:auto!important; }
.kmbi-pagination-dots { color:var(--kmbi-muted); padding:0 2px; }
.kmbi-preset-midnight .kmbi-pagination a { color:#dce5f6; border-color:rgba(164,183,213,.16); background:rgba(255,255,255,.045); }
.kmbi-preset-midnight .kmbi-pagination a:hover { color:#fff; border-color:var(--kmbi-accent); background:rgba(18,183,228,.12); }
.kmbi-preset-midnight .kmbi-pagination-current { color:#fff; background:var(--kmbi-accent); }
@media(max-width:980px){ .kmbi-partner-filters{grid-template-columns:1fr 1fr}.kmbi-partner-search{grid-column:1/-1}.kmbi-partner-filters .kmbi-button,.kmbi-filter-reset{align-self:end} }
@media(max-width:620px){ .kmbi-partner-filters{grid-template-columns:1fr}.kmbi-partner-search{grid-column:auto}.kmbi-pagination-arrow{width:100%}.kmbi-partner-results-summary{align-items:flex-start;flex-direction:column;gap:2px} }


/* 0.6.2 – Kereső és dátumszűrő szétválasztása */
.kmbi-partner-tools {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 16px;
    margin: 26px 0 0;
}
.kmbi-partner-tool {
    display: grid;
    gap: 15px;
    min-width: 0;
    padding: 20px;
    border: 1px solid var(--kmbi-line);
    border-radius: 17px;
    background: rgba(255,255,255,.58);
}
.kmbi-tool-heading { display:grid; gap:3px; }
.kmbi-tool-heading strong { color:var(--kmbi-text); font-size:15px; }
.kmbi-tool-heading span { color:var(--kmbi-muted); font-size:12px; line-height:1.45; }
.kmbi-tool-row {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: end;
    gap: 11px;
}
.kmbi-date-filter-row { grid-template-columns: minmax(145px,1fr) minmax(145px,1fr) auto; }
.kmbi-tool-row > label { display:grid; gap:6px; min-width:0; }
.kmbi-tool-row > label > span:not(.screen-reader-text) { color:var(--kmbi-muted); font-size:12px; font-weight:750; }
.kmbi-tool-row input {
    width:100%;
    min-width:0;
    min-height:48px;
    border:1px solid #cfd5df;
    border-radius:12px;
    padding:10px 13px;
    color:var(--kmbi-text);
    background:#fff;
    outline:0;
}
.kmbi-tool-row input:focus { border-color:var(--kmbi-accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--kmbi-accent) 16%,transparent); }
.kmbi-tool-row .kmbi-button { min-height:48px; white-space:nowrap; }
.kmbi-tool-row .kmbi-filter-reset { grid-column:1/-1; justify-self:start; margin-top:-2px; }
.kmbi-preset-midnight .kmbi-partner-tool {
    border-color:rgba(164,183,213,.14);
    background:rgba(255,255,255,.035);
}
.kmbi-preset-midnight .kmbi-tool-row input {
    color:#eef3ff;
    border-color:rgba(164,183,213,.18);
    background:rgba(17,26,43,.9);
}
.kmbi-preset-midnight .kmbi-tool-row input::placeholder { color:#7f8ba3; }
@media(max-width:980px){
    .kmbi-partner-tools{grid-template-columns:1fr;}
}
@media(max-width:680px){
    .kmbi-partner-tool{padding:16px;}
    .kmbi-tool-row,.kmbi-date-filter-row{grid-template-columns:1fr;}
    .kmbi-tool-row .kmbi-button{width:100%;}
}


/* 0.6.3 – Partneri megrendelési eredmény */
.kmbi-contact-actions {
    grid-template-columns: minmax(220px, 1fr) repeat(3, auto);
}
.kmbi-contact-actions form .kmbi-button { min-height: 50px; }
.kmbi-button-result-failed {
    color: #ffd2da;
    border: 1px solid rgba(231,170,181,.42);
    background: rgba(183,38,63,.13);
    box-shadow: none;
}
.kmbi-button-result-failed:hover, .kmbi-button-result-failed.is-selected {
    color: #fff;
    background: #a92a42;
    box-shadow: 0 10px 22px rgba(169,42,66,.23);
}
.kmbi-button-result-completed {
    color: #c9f4e3;
    border: 1px solid rgba(91,199,154,.38);
    background: rgba(22,132,91,.14);
    box-shadow: none;
}
.kmbi-button-result-completed:hover, .kmbi-button-result-completed.is-selected {
    color: #fff;
    background: #16845b;
    box-shadow: 0 10px 22px rgba(22,132,91,.24);
}
@media(max-width:1050px){
    .kmbi-contact-actions { grid-template-columns: 1fr 1fr; }
    .kmbi-contact-actions form .kmbi-button { width:100%; }
}
@media(max-width:760px){
    .kmbi-contact-actions { grid-template-columns: 1fr; }
}


/* 0.6.4 – partneroldali törlési feltétel */
.kmbi-delete-locked-note {
    margin: 0;
    align-self: center;
    color: var(--kmbi-muted);
    font-size: 12px;
    line-height: 1.45;
    text-align: right;
}
.kmbi-preset-midnight .kmbi-delete-locked-note { color: #9dacc5; }
@media (max-width: 760px) {
    .kmbi-delete-locked-note { text-align: left; }
}


/* 0.6.5 – egységes partneri műveleti gombsor */
.kmbi-contact-actions {
    grid-template-columns: minmax(260px, 1fr) repeat(3, minmax(180px, auto));
    gap: 12px;
}
.kmbi-contact-actions > form { min-width: 0; }
.kmbi-contact-actions > form .kmbi-button {
    width: 100%;
    min-height: 52px;
    white-space: normal;
    line-height: 1.25;
}
.kmbi-contact-actions .kmbi-button-danger-outline { min-width: 120px; }
@media(max-width:1180px){
    .kmbi-contact-actions { grid-template-columns: 1fr 1fr; }
}
@media(max-width:760px){
    .kmbi-contact-actions { grid-template-columns: 1fr; }
}

/* 0.7.0 – Szállítási adatok */
.kmbi-shipping-section { padding:20px; border:1px solid var(--kmbi-line); border-radius:20px; background:linear-gradient(145deg,rgba(248,250,253,.92),rgba(244,247,251,.72)); display:grid; gap:18px; }
.kmbi-shipping-section .kmbi-section-heading { margin-bottom:0; }
.kmbi-post-fee-notice { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 16px; border:1px solid rgba(18,183,228,.24); border-radius:14px; background:rgba(18,183,228,.08); }
.kmbi-post-fee-notice strong { color:var(--kmbi-text); }
.kmbi-post-fee-notice span { color:var(--kmbi-muted); font-size:13px; }
.kmbi-address-label { margin-top:10px; }
.kmbi-address-value { color:inherit; line-height:1.5; }
.kmbi-preset-midnight .kmbi-shipping-section { background:rgba(255,255,255,.03); border-color:rgba(164,183,213,.12); }
.kmbi-preset-midnight .kmbi-post-fee-notice { background:rgba(18,183,228,.10); border-color:rgba(18,183,228,.22); }
.kmbi-preset-midnight .kmbi-post-fee-notice strong { color:#eef3ff; }
.kmbi-preset-midnight .kmbi-post-fee-notice span { color:#a8b4ca; }
@media(max-width:760px){.kmbi-post-fee-notice{align-items:flex-start;flex-direction:column}.kmbi-shipping-section{padding:16px}}
.kmbi-data-use-note { margin:0; color:var(--kmbi-muted); font-size:12px; line-height:1.6; text-align:center; }


/* 0.7.1 – Vásárlási feltételek és igényfogadás szüneteltetése */
.kmbi-purchase-terms {
    display:grid; grid-template-columns:44px minmax(0,1fr); gap:14px; align-items:start;
    padding:18px; border:1px solid rgba(217,145,27,.38); border-radius:17px;
    background:linear-gradient(145deg,#fff9ea,#fff4d9); color:#5e4818;
}
.kmbi-purchase-terms-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:14px; color:#fff; background:#e39a20; font-size:24px; font-weight:900; box-shadow:0 9px 20px rgba(205,132,14,.2); }
.kmbi-purchase-terms h2 { margin:0 0 7px; font-size:17px; color:#4c370d; }
.kmbi-purchase-terms p { margin:0; font-size:13px; line-height:1.7; }
.kmbi-terms-checkbox { margin-top:-8px; }
.kmbi-pause-panel { display:grid; grid-template-columns:64px minmax(0,1fr); gap:20px; align-items:center; padding:26px; border:1px solid rgba(226,31,61,.28); border-radius:22px; background:linear-gradient(145deg,rgba(255,244,247,.98),rgba(250,238,242,.9)); box-shadow:0 18px 45px rgba(120,21,40,.08); }
.kmbi-pause-icon { width:64px; height:64px; display:grid; place-items:center; border-radius:20px; color:#fff; background:var(--kmbi-primary); font-size:27px; font-weight:900; letter-spacing:2px; }
.kmbi-pause-panel h2 { margin:0 0 7px; font-size:22px; }
.kmbi-pause-panel p { margin:0; color:#6d4650; line-height:1.65; }
.kmbi-pause-control { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 24px; padding:18px 20px; border:1px solid var(--kmbi-line); border-radius:17px; background:rgba(255,255,255,.04); }
.kmbi-pause-control > div { min-width:0; }
.kmbi-pause-control-label { display:block; color:var(--kmbi-muted); font-size:11px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.kmbi-pause-control strong { display:block; margin-top:2px; font-size:20px; }
.kmbi-pause-control p { margin:5px 0 0; color:var(--kmbi-muted); font-size:13px; }
.kmbi-pause-control.is-paused { border-color:rgba(226,31,61,.28); background:rgba(226,31,61,.07); }
.kmbi-pause-control.is-active { border-color:rgba(22,132,91,.25); background:rgba(22,132,91,.06); }
.kmbi-preset-midnight .kmbi-purchase-terms { border-color:rgba(246,162,26,.25); background:linear-gradient(145deg,rgba(67,45,8,.52),rgba(42,30,8,.34)); color:#f0d9a5; }
.kmbi-preset-midnight .kmbi-purchase-terms h2 { color:#fff1cc; }
.kmbi-preset-midnight .kmbi-pause-panel { border-color:rgba(226,31,61,.28); background:linear-gradient(145deg,rgba(61,17,31,.46),rgba(35,14,24,.34)); }
.kmbi-preset-midnight .kmbi-pause-panel p { color:#d9b7c0; }
@media(max-width:760px){ .kmbi-pause-control{align-items:stretch;flex-direction:column}.kmbi-pause-control form,.kmbi-pause-control .kmbi-button{width:100%}.kmbi-pause-panel{grid-template-columns:1fr;text-align:center}.kmbi-pause-icon{margin:auto}.kmbi-purchase-terms{grid-template-columns:38px minmax(0,1fr);padding:15px}.kmbi-purchase-terms-icon{width:38px;height:38px;border-radius:12px} }

/* 0.7.2 – Partner címadat-szerkesztés */
.kmbi-address-updated { color: var(--kmbi-muted); font-size: 11px; }
.kmbi-address-editor { width: 100%; margin-top: 8px; }
.kmbi-address-editor > summary { display: inline-flex; align-items: center; gap: 6px; color: var(--kmbi-accent); font-size: 12px; font-weight: 800; cursor: pointer; list-style: none; }
.kmbi-address-editor > summary::-webkit-details-marker { display:none; }
.kmbi-address-editor > summary::before { content:'✎'; }
.kmbi-address-edit-form { display:grid; gap:12px; margin-top:12px; padding:14px; border:1px solid var(--kmbi-line); border-radius:12px; background:rgba(255,255,255,.04); }
.kmbi-address-edit-form label { display:grid; gap:6px; color:var(--kmbi-text); font-size:12px; font-weight:800; }
.kmbi-address-edit-form textarea,.kmbi-address-edit-form input { width:100%; border:1px solid #cfd5df; border-radius:10px; padding:10px 11px; color:var(--kmbi-text); background:#fff; font:inherit; }
.kmbi-address-edit-form .kmbi-button { width:100%; min-height:42px; }
.kmbi-preset-midnight .kmbi-address-edit-form { border-color:rgba(164,183,213,.16); background:rgba(255,255,255,.025); }
.kmbi-preset-midnight .kmbi-address-edit-form textarea,.kmbi-preset-midnight .kmbi-address-edit-form input { color:#eef3ff; border-color:rgba(164,183,213,.18); background:rgba(17,26,43,.92); }


/* 0.7.3 – Termékenkénti partnerkezelés és IP-védelem */
.kmbi-ip-limit-control { margin-top: 14px; }
.kmbi-partner-product-item { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(300px,430px); gap:18px; align-items:center; }
.kmbi-partner-product-copy { display:grid; gap:4px; min-width:0; }
.kmbi-item-status-form { display:flex; align-items:end; justify-content:flex-end; gap:10px; }
.kmbi-item-status-form label { display:grid; gap:5px; min-width:190px; color:var(--kmbi-muted); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.kmbi-item-status-form select { min-height:42px; border:1px solid #cfd5df; border-radius:10px; padding:8px 34px 8px 11px; color:var(--kmbi-text); background:#fff; }
.kmbi-item-status-form .kmbi-button { min-height:42px; padding:9px 15px; margin:0; }
.kmbi-preset-midnight .kmbi-item-status-form select { color:#eef3ff; border-color:rgba(164,183,213,.18); background:#111a2b; }
@media(max-width:900px){ .kmbi-partner-product-item{grid-template-columns:1fr}.kmbi-item-status-form{justify-content:flex-start} }
@media(max-width:560px){ .kmbi-item-status-form{display:grid;grid-template-columns:1fr}.kmbi-item-status-form label{min-width:0}.kmbi-item-status-form .kmbi-button{width:100%} }

/* 0.7.8 – Cikkszám alapú készletnév-kitöltés */
.kmbi-autofill-status{display:block;min-height:16px;margin-top:5px;color:var(--kmbi-muted);font-size:11px;line-height:1.35}
.kmbi-autofill-status.is-found{color:#16854b}
.kmbi-autofill-status.is-loading{opacity:.78}
.kmbi-preset-midnight .kmbi-autofill-status.is-found{color:#7de2aa}

/* 0.7.9 – Kompaktabb cikkszámmező és rendezettebb terméksor */
@media (min-width:761px){
  .kmbi-item-fields{
    grid-template-columns:minmax(150px,190px) minmax(300px,1fr) minmax(105px,140px);
    gap:18px;
    align-items:start;
  }
  .kmbi-item-fields > .kmbi-field:first-child input{width:100%;max-width:190px;}
  .kmbi-item-fields > .kmbi-field:nth-child(2){min-width:0;}
  .kmbi-item-fields > .kmbi-field:nth-child(2) input{width:100%;}
  .kmbi-item-fields .kmbi-quantity-field input{width:100%;max-width:140px;}
}
@media (min-width:761px) and (max-width:980px){
  .kmbi-item-fields{grid-template-columns:minmax(140px,170px) minmax(240px,1fr) minmax(95px,120px);gap:12px;}
}

/* 0.9.0 – Előrendelés publikus oldal */
.kmbi-preorder-shell{width:min(1180px,calc(100% - 28px));margin-inline:auto;}
.kmbi-preorder-page-card{max-width:1180px;width:100%;}
.kmbi-preorder-heading{max-width:760px;margin-left:auto;margin-right:auto;text-align:center;}
.kmbi-preorder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px;}
.kmbi-preorder-card{display:grid;grid-template-columns:210px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid var(--kmbi-line);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 12px 34px rgba(24,32,52,.07);}
.kmbi-preorder-image{min-height:220px;display:flex;align-items:center;justify-content:center;padding:18px;background:#f5f7fb;border-right:1px solid var(--kmbi-line);}
.kmbi-preorder-image img{display:block;width:100%;height:100%;max-height:240px;object-fit:contain;}
.kmbi-preorder-image.is-empty{color:var(--kmbi-muted);font-size:13px;}
.kmbi-preorder-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;min-width:0;}
.kmbi-preorder-copy h2{margin:0;color:var(--kmbi-text);font-size:22px;line-height:1.25;}
.kmbi-preorder-code{display:inline-flex;padding:5px 9px;border-radius:999px;color:var(--kmbi-muted);background:rgba(18,183,228,.09);font-size:12px;font-weight:800;}
.kmbi-preorder-copy dl{display:grid;gap:8px;width:100%;margin:0;}
.kmbi-preorder-copy dl>div{display:flex;justify-content:space-between;gap:14px;padding-bottom:8px;border-bottom:1px solid var(--kmbi-line);}
.kmbi-preorder-copy dt{color:var(--kmbi-muted);font-size:12px;font-weight:700;}
.kmbi-preorder-copy dd{margin:0;color:var(--kmbi-text);font-size:13px;font-weight:800;text-align:right;}
.kmbi-preorder-copy .kmbi-button{margin-top:auto;width:100%;}
.kmbi-preorder-empty{display:grid;gap:6px;margin-top:26px;padding:26px;border:1px dashed var(--kmbi-line);border-radius:18px;text-align:center;color:var(--kmbi-muted);}
.kmbi-preorder-empty strong{color:var(--kmbi-text);font-size:18px;}
.kmbi-preorder-form-panel{margin-top:30px;padding:24px;border:1px solid var(--kmbi-line);border-radius:22px;background:rgba(255,255,255,.7);scroll-margin-top:24px;}
.kmbi-preorder-selected{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--kmbi-line);}
.kmbi-preorder-selected img{width:110px;height:90px;object-fit:contain;border-radius:14px;background:#fff;}
.kmbi-preorder-selected span{color:var(--kmbi-accent);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;}
.kmbi-preorder-selected h2{margin:4px 0 5px;color:var(--kmbi-text);font-size:23px;}
.kmbi-preorder-selected p{margin:0;color:var(--kmbi-muted);font-size:13px;}
.kmbi-preorder-quantity input{max-width:150px;}
.kmbi-preset-midnight .kmbi-preorder-card,.kmbi-preset-midnight .kmbi-preorder-form-panel{background:rgba(17,26,43,.82);border-color:rgba(164,183,213,.14);}
.kmbi-preset-midnight .kmbi-preorder-image{background:rgba(255,255,255,.035);border-color:rgba(164,183,213,.14);}
.kmbi-preset-midnight .kmbi-preorder-copy h2,.kmbi-preset-midnight .kmbi-preorder-copy dd,.kmbi-preset-midnight .kmbi-preorder-selected h2,.kmbi-preset-midnight .kmbi-preorder-empty strong{color:#eef3ff;}
.kmbi-preset-midnight .kmbi-preorder-copy dl>div,.kmbi-preset-midnight .kmbi-preorder-selected{border-color:rgba(164,183,213,.13);}
@media(max-width:980px){.kmbi-preorder-grid{grid-template-columns:1fr}.kmbi-preorder-card{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:650px){.kmbi-preorder-shell{width:min(100% - 16px,1180px)}.kmbi-preorder-page-card{padding-left:16px;padding-right:16px}.kmbi-preorder-card{grid-template-columns:1fr}.kmbi-preorder-image{min-height:190px;border-right:0;border-bottom:1px solid var(--kmbi-line)}.kmbi-preorder-form-panel{padding:16px}.kmbi-preorder-selected{grid-template-columns:1fr}.kmbi-preorder-selected img{width:100%;height:150px}.kmbi-preorder-quantity input{max-width:none}}