/* US warehouse lineup: price ladder, pre-order upsell, coming-soon states. */
.kk-ladder{--kk-ink:#211e1c;--kk-soft:#645e58;--kk-paper:#fffdf8;--kk-cream:#f4f0e7;--kk-ember:#ff722e;--kk-night:#151b21;--kk-ok:#3ccf7a;position:relative;background:var(--kk-night);color:var(--kk-cream);padding:clamp(56px,8vw,112px) 5vw clamp(44px,6vw,80px);overflow:hidden}
.kk-ladder::before{content:"";position:absolute;inset:auto -10% -40% auto;width:60vw;height:60vw;max-width:760px;max-height:760px;border-radius:50%;background:radial-gradient(circle,rgba(255,114,46,.16),rgba(255,114,46,0) 65%);pointer-events:none}
.kk-ladder__head{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:clamp(36px,5vw,64px)}
.kk-ladder__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font:700 11px var(--body,Manrope,Arial,sans-serif);letter-spacing:.15em;text-transform:uppercase;color:var(--kk-ember)}
.kk-ladder__dot{width:8px;height:8px;border-radius:50%;background:var(--kk-ok);box-shadow:0 0 0 0 rgba(60,207,122,.6);animation:kk-pulse 2.2s ease-out infinite}
@keyframes kk-pulse{0%{box-shadow:0 0 0 0 rgba(60,207,122,.55)}70%{box-shadow:0 0 0 10px rgba(60,207,122,0)}100%{box-shadow:0 0 0 0 rgba(60,207,122,0)}}
.kk-ladder h2{margin:0;font:700 clamp(44px,5.6vw,84px)/.92 var(--display,'Barlow Condensed',Impact,sans-serif);text-transform:uppercase;letter-spacing:-.01em;color:#fff}
.kk-ladder__intro{max-width:380px;margin:0;font:500 15px/1.6 var(--body,Manrope,Arial,sans-serif);color:rgba(244,240,231,.78)}
.kk-ladder__steps{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--kk-steps,5),minmax(0,1fr));align-items:stretch;gap:14px}
.kk-ladder__step{display:flex}
.kk-ladder__step a{flex:1;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.kk-ladder__riser{position:relative;display:flex;align-items:flex-start;height:34px;margin-left:22px;border-left:2px solid rgba(255,114,46,.55)}
.kk-ladder__diff{position:relative;left:-2px;display:inline-block;transform:translateY(-2px);padding:5px 10px;border-radius:0 999px 999px 0;background:var(--kk-ember);color:#21130c;font:800 13px/1 var(--body,Manrope,Arial,sans-serif);letter-spacing:.02em;white-space:nowrap}
.kk-ladder__diff--start{background:transparent;border:1px solid rgba(244,240,231,.35);border-left:0;color:var(--kk-cream);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.kk-ladder__card{display:flex;flex-direction:column;gap:8px;flex:1;padding:14px 16px 16px;border-radius:14px;background:var(--kk-paper);color:var(--kk-ink);border:2px solid transparent;transition:transform .2s cubic-bezier(.2,.75,.25,1),border-color .2s,box-shadow .2s}
.kk-ladder__step a:hover .kk-ladder__card,.kk-ladder__step a:focus-visible .kk-ladder__card{transform:translateY(-4px);border-color:var(--kk-ember);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.kk-ladder__step a:focus-visible{outline:none}
.kk-ladder__media{display:grid;place-items:center;aspect-ratio:4/3;border-radius:10px;background:var(--kk-cream);overflow:hidden}
.kk-ladder__media img{width:88%;height:88%;object-fit:contain}
.kk-ladder__name{margin-top:4px;font:700 26px/1 var(--display,'Barlow Condensed',Impact,sans-serif);text-transform:uppercase}
.kk-ladder__reason{font:600 13px/1.4 var(--body,Manrope,Arial,sans-serif);color:var(--kk-soft);min-height:2.8em}
.kk-ladder__specs{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;padding:10px 0;border-block:1px solid #ebe6e0}
.kk-ladder__specs span{padding:4px 6px;border-radius:5px;background:var(--kk-cream);font:700 11px/1.2 var(--body,Manrope,Arial,sans-serif);white-space:nowrap}
.kk-ladder__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:4px}
.kk-ladder__foot strong{font:800 20px/1 var(--body,Manrope,Arial,sans-serif)}
.kk-ladder__status{display:inline-flex;align-items:center;gap:6px;font:700 10px/1.2 var(--body,Manrope,Arial,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:#17633f;text-align:right}
.kk-ladder__status::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#17a35a}
.kk-ladder__step.is-preorder .kk-ladder__status{color:#b54417}
.kk-ladder__step.is-preorder .kk-ladder__status::before{background:var(--kk-ember)}
.kk-ladder__note{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;margin:28px 0 0;font:500 12px/1.5 var(--body,Manrope,Arial,sans-serif);color:rgba(244,240,231,.6)}
.kk-ladder__note a{color:var(--kk-cream);font-weight:700;text-underline-offset:4px}
@media (max-width:1100px) and (min-width:900px){.kk-ladder__name{font-size:22px}.kk-ladder__card{padding:12px}.kk-ladder__foot{flex-direction:column;align-items:flex-start}}
@media (max-width:899px){
  .kk-ladder__head{flex-direction:column;align-items:flex-start;gap:18px}
  .kk-ladder__steps{grid-template-columns:1fr;gap:12px}
  .kk-ladder__step{padding-top:0}
  .kk-ladder__riser{height:auto;min-height:34px;padding:8px 0 10px;margin-left:30px}
  .kk-ladder__step:first-child .kk-ladder__riser{min-height:0;padding-top:0;border-left-color:transparent}
  .kk-ladder__step:first-child .kk-ladder__diff--start{display:none}
  .kk-ladder__diff{transform:none}
  .kk-ladder__card{display:grid;grid-template-columns:96px 1fr;grid-template-areas:"media name" "media reason" "specs specs" "foot foot";column-gap:14px;row-gap:4px;padding:12px}
  .kk-ladder__media{grid-area:media;aspect-ratio:1;align-self:start}
  .kk-ladder__name{grid-area:name;font-size:24px;align-self:end}
  .kk-ladder__reason{grid-area:reason;min-height:0}
  .kk-ladder__specs{grid-area:specs;margin-top:6px}
  .kk-ladder__foot{grid-area:foot}
  .kk-ladder__step a:hover .kk-ladder__card{transform:none}
}
@media (prefers-reduced-motion:reduce){.kk-ladder__dot{animation:none}.kk-ladder__card{transition:none}}

/* Pre-order upsell inside the G2 buy box */
.kk-upsell{grid-column:1/-1;width:100%;box-sizing:border-box;display:grid;gap:6px;margin:14px 0 0;padding:16px 18px;border-radius:12px;background:#151b21;color:#f4f0e7}
.kk-upsell strong{font:800 15px/1.3 Manrope,Arial,sans-serif;color:#fff}
.kk-upsell p{margin:0;font:500 13px/1.55 Manrope,Arial,sans-serif;color:rgba(244,240,231,.82)}
.kk-upsell a{justify-self:start;display:inline-flex;align-items:center;gap:10px;margin-top:6px;padding:10px 14px;border-radius:5px;background:#ff722e;color:#21130c;font:800 13px/1 Manrope,Arial,sans-serif;text-decoration:none}
.kk-upsell a:hover{background:#ff8a4d}

/* Coming-soon product page */
.kk-notify{margin:18px 0 0;padding:18px;border:1px solid #ded7cb;border-radius:12px;background:#fffdf8}
.kk-notify__title{display:flex;align-items:center;gap:10px;margin:0 0 6px;font:800 15px/1.3 Manrope,Arial,sans-serif;color:#211e1c}
.kk-notify__title::before{content:"";width:8px;height:8px;border-radius:50%;background:#ff722e}
.kk-notify p{margin:0 0 12px;font:500 13px/1.55 Manrope,Arial,sans-serif;color:#645e58}
.kk-notify__row{display:flex;gap:8px}
.kk-notify__row input{flex:1;min-width:0;min-height:48px;padding:0 14px;border:1px solid #cfc7ba;border-radius:5px;background:#fff;font:500 15px Manrope,Arial,sans-serif;color:#211e1c}
.kk-notify__row input:focus{outline:2px solid #ff722e;outline-offset:1px}
.kk-notify__row button{min-height:48px;padding:0 18px;border:0;border-radius:5px;background:#211e1c;color:#fff;font:800 13px Manrope,Arial,sans-serif;cursor:pointer}
.kk-notify__row button:hover{background:#000}
.kk-notify__fine{margin:10px 0 0!important;font-size:11px!important}
.kk-notify__ok{margin:0!important;padding:12px 14px;border-radius:8px;background:#e6f4ec;color:#17633f!important;font-weight:700!important}
.kk-notify__err{margin:0 0 10px!important;color:#8e1b1b!important;font-weight:700!important}
.kk-ladder-compact{margin:18px 0 0}
.kk-ladder-compact__title{margin:0 0 10px;font:700 11px/1.4 Manrope,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#645e58}
.kk-ladder-compact ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.kk-ladder-compact a{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;border:1px solid #ded7cb;border-radius:10px;background:#fffdf8;color:#211e1c;text-decoration:none;transition:border-color .18s}
.kk-ladder-compact a:hover{border-color:#ff722e}
.kk-ladder-compact img{width:72px;height:54px;object-fit:contain;border-radius:6px;background:#f4f0e7}
.kk-ladder-compact strong{display:block;font:700 15px/1.2 Manrope,Arial,sans-serif}
.kk-ladder-compact small{display:block;font:500 12px/1.35 Manrope,Arial,sans-serif;color:#645e58}
.kk-ladder-compact__price{text-align:right;font:800 15px/1.2 Manrope,Arial,sans-serif;white-space:nowrap}
.kk-ladder-compact__price small{font-weight:700;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:#17633f}

/* Coming-soon cards: visible, clearly not the main choice */
.is-coming-soon .night-card__image img,.is-coming-soon .hlw-card__media img,.is-coming-soon.hlw-card img{filter:grayscale(1);opacity:.5}
.night-card.is-coming-soon{background:#f8f5ef;box-shadow:none;border:1px dashed #d8d0c3}
.night-card.is-coming-soon .night-card__top span:last-child{color:#b54417}
.night-card.is-coming-soon .night-card__purchase strong{color:#8a8178}
.night-catalog-soon{grid-column:1/-1;margin:28px 0 -4px}
