/* LOCK Kit — compact button in summary + slide-in drawer */
html body.lk .lk-kitbtn{display:flex;align-items:center;gap:14px;width:100%;margin:16px 0 8px;padding:12px 14px 12px 12px;border-radius:18px;border:1.5px solid rgba(var(--lk-accent-rgb),.3);background:#FFF6F1;color:var(--lk-text);text-align:left;cursor:pointer;font-family:var(--lk-body);transition:transform .3s var(--lk-ease),box-shadow .3s,border-color .3s;justify-content:flex-start;box-shadow:none;height:auto;min-height:0;text-transform:none;letter-spacing:0}
html body.lk .lk-kitbtn:hover,html body.lk .lk-kitbtn:focus{background:#FFF1E8;color:var(--lk-text);border-color:var(--lk-accent);transform:translateY(-2px);box-shadow:var(--lk-sh-1)}
.lk-kitbtn__imgs{display:flex;flex:none}
.lk-kitbtn__imgs img{width:40px;height:40px;border-radius:12px;background:#fff;object-fit:contain;padding:3px;box-sizing:border-box;box-shadow:0 0 0 2px #FFF6F1,0 2px 6px rgba(10,14,19,.08);margin-left:-10px;mix-blend-mode:normal}
.lk-kitbtn__imgs img:first-child{margin-left:0}
.lk-kitbtn__txt{flex:1;min-width:0;display:grid;gap:2px}
.lk-kitbtn__txt b{font:700 14.5px/1.3 var(--lk-body);color:var(--lk-ink)}
.lk-kitbtn__txt small{font:500 12.5px/1.35 var(--lk-body);color:var(--lk-muted)}
.lk-kitbtn__go{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;background:var(--lk-ink);color:#fff;font:700 13px var(--lk-body)}

.lk-kitd{position:fixed;inset:0;z-index:99990}
.lk-kitd__veil{position:absolute;inset:0;background:rgba(10,14,19,.5);backdrop-filter:blur(4px)}
.lk-kitd__panel{position:absolute;top:0;right:0;bottom:0;width:min(560px,100vw);background:var(--lk-paper);display:flex;flex-direction:column;box-shadow:-30px 0 80px rgba(0,0,0,.25);font-family:var(--lk-body)}
.lk-kitd__head{display:flex;gap:14px;align-items:flex-start;padding:22px 22px 16px;background:#fff;border-bottom:1px solid var(--lk-line)}
.lk-kitd__head>div{flex:1;min-width:0}
.lk-kitd__head h3{font:600 20px/1.2 var(--lk-display)!important;margin:10px 0 6px!important;color:var(--lk-ink)}
.lk-kitd__head p{margin:0;font-size:13.5px;line-height:1.5;color:var(--lk-muted)}
.lk-kitd__body{flex:1;overflow:auto;padding:14px 16px 20px;display:grid;gap:10px;align-content:start;overscroll-behavior:contain}
.lk-kitd__foot{padding:14px 18px calc(16px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--lk-line);box-shadow:0 -10px 30px rgba(10,14,19,.06)}
.lk-kitd__total{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.lk-kitd__total span{font:600 13.5px var(--lk-body);color:var(--lk-muted)}
.lk-kitd__total strong{font:700 26px var(--lk-display);color:var(--lk-ink)}
.lk-kitd__total small{width:100%;font-size:12.5px;color:var(--lk-ok)}
.lk-kitd__btns{display:grid;grid-template-columns:auto 1fr;gap:10px}
.lk-kitd__btns .lk-btn{height:52px;font-size:14.5px}
.lk-kitd__btns .lk-btn.is-busy{opacity:.6;pointer-events:none}
.lk-kitx__msg{margin:10px 0 0!important;font-size:13px;color:var(--lk-muted);min-height:1em}
.lk-kitx__msg.is-ok{color:var(--lk-ok)}.lk-kitx__msg.is-ok a{color:var(--lk-ink)!important;font-weight:700;text-decoration:underline}
.lk-kitx__msg.is-warn{color:var(--lk-accent-deep)}

.lk-kslot{background:#fff;border-radius:18px;border:1.5px solid transparent;box-shadow:0 1px 2px rgba(10,14,19,.04),0 4px 14px rgba(10,14,19,.05);transition:border-color .2s,opacity .2s}
.lk-kslot.is-on{border-color:rgba(var(--lk-accent-rgb),.35)}
.lk-kslot:not(.is-on){opacity:.6}
.lk-kslot__main{display:grid;grid-template-columns:24px 64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 14px 8px;cursor:pointer;margin:0}
.lk-kslot__main input{position:absolute;opacity:0;width:0;height:0}
.lk-kslot__box{width:24px;height:24px;border-radius:8px;border:2px solid #C3CBD4;background:#fff;position:relative;transition:all .2s}
.lk-kslot__main input:checked+.lk-kslot__box{background:var(--lk-accent);border-color:var(--lk-accent)}
.lk-kslot__main input:checked+.lk-kslot__box::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.lk-kslot__img{width:64px;height:64px;border-radius:14px;background:radial-gradient(120% 90% at 50% 35%,#fff,#EEF1F4);overflow:hidden;display:block}
.lk-kslot__img img{width:100%!important;height:100%!important;object-fit:contain;padding:6px;box-sizing:border-box;mix-blend-mode:multiply}
.lk-kslot__info{min-width:0;display:grid;gap:3px}
.lk-kslot__info small{font:800 10.5px var(--lk-body);letter-spacing:.06em;text-transform:uppercase;color:var(--lk-muted)}
.lk-kslot__info small em{font-style:normal;color:var(--lk-accent-deep)}
.lk-kslot__info b{font:700 14px/1.3 var(--lk-body);color:var(--lk-text)}
.lk-kslot__var{font-size:12px;color:var(--lk-muted)}
.lk-chipset{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.lk-chipset i{font-style:normal;font:700 10.5px var(--lk-body);color:#15803D;background:rgba(22,163,74,.09);padding:3px 7px;border-radius:999px}
.lk-kslot__price{font:700 15px var(--lk-display);color:var(--lk-ink);white-space:nowrap;text-align:right}
.lk-kslot__price small{display:block;font:600 11px var(--lk-body);color:var(--lk-muted)}
.lk-kslot__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 14px 12px 50px}
.lk-kslot__why{flex:1 1 100%;font-size:12.5px;line-height:1.45;color:var(--lk-muted)}
html body.lk .lk-kslot__alt{height:30px;padding:0 12px;border-radius:999px;background:var(--lk-paper);color:var(--lk-text)!important;font:700 12px var(--lk-body);border:0;margin:0;cursor:pointer}
html body.lk .lk-kslot__alt:hover,html body.lk .lk-kslot__alt.is-open{background:var(--lk-ink);color:#fff!important}
.lk-kslot__link{font:700 12px var(--lk-body);color:var(--lk-muted)!important;text-decoration:underline!important}
.lk-kslot__note{margin:0 14px 12px 50px!important;padding:8px 12px;border-radius:10px;background:#FFF6F1;font-size:12px;line-height:1.45;color:#7A2A0E}
.lk-kslot__alts{display:grid;gap:6px;padding:0 14px 14px 50px}
html body.lk .lk-kslot__opt{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;border:1.5px solid var(--lk-line);background:#fff;color:var(--lk-text);text-align:left;cursor:pointer;font-family:var(--lk-body);margin:0;justify-content:stretch;height:auto}
html body.lk .lk-kslot__opt:hover{border-color:var(--lk-ink);background:#fff;color:var(--lk-text)}
html body.lk .lk-kslot__opt.is-on{border-color:var(--lk-accent);background:#FFF6F1}
.lk-kslot__opt img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#F2F4F6;mix-blend-mode:multiply}
.lk-kslot__opt b{display:block;font:700 13px/1.3 var(--lk-body);color:var(--lk-text)}
.lk-kslot__opt small{display:block;font-size:11.5px;color:var(--lk-muted)}
.lk-kslot__opt em{font:700 13px var(--lk-display);font-style:normal;white-space:nowrap}
@media (max-width:560px){
  .lk-kitd__panel{width:100vw}
  .lk-kslot__main{grid-template-columns:24px 52px minmax(0,1fr);}
  .lk-kslot__img{width:52px;height:52px}
  .lk-kslot__price{grid-column:3;text-align:left}
  .lk-kslot__meta,.lk-kslot__alts{padding-left:14px}.lk-kslot__note{margin-left:14px!important}
  .lk-kitd__btns{grid-template-columns:1fr}
  .lk-kitbtn__go span,.lk-kitbtn__imgs img:nth-child(n+3){display:none}
}

/* cart: missing items */
.lk-missing{margin-top:18px;padding:18px;border-radius:20px;background:#FFF6F1;border:1px solid rgba(var(--lk-accent-rgb),.25)}
.lk-missing>b{display:flex;align-items:center;gap:8px;font:700 15px var(--lk-body);color:#7A2A0E;margin-bottom:12px}
.lk-missing__list{display:grid;gap:8px}
.lk-missing__item{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:#fff}
.lk-missing__item.is-req{box-shadow:inset 3px 0 0 var(--lk-accent)}
.lk-missing__item img{width:56px;height:56px;object-fit:contain;border-radius:10px;background:#F2F4F6;mix-blend-mode:multiply}
.lk-missing__item small{display:block;font:700 11px var(--lk-body);color:var(--lk-accent-deep);text-transform:uppercase;letter-spacing:.04em}
.lk-missing__item a:not(.lk-btn){display:block;font:700 14px/1.3 var(--lk-body);color:var(--lk-text)!important;text-decoration:none!important}
.lk-missing__item span{display:block;font-size:12.5px;color:var(--lk-muted)}
.lk-missing__item em{font:700 15px var(--lk-display);font-style:normal;white-space:nowrap}
.lk-missing__item .lk-btn{height:40px;padding:0 16px;font-size:13px}

@media (max-width:1100px){.lk-kitx__grid{grid-template-columns:1fr}.lk-kitx__sum{position:static}}
@media (max-width:640px){
  .lk-kitx{padding:0 12px}
  .lk-kitx__head{flex-direction:column;align-items:flex-start}
  .lk-slot__item{grid-template-columns:60px minmax(0,1fr);padding:10px 14px 14px}
  .lk-slot__img{width:60px;height:60px}
  .lk-slot__price{grid-column:2;text-align:left}
  .lk-slot__head{padding:14px 14px 0}
  .lk-slot__alts,.lk-slot__note{padding-left:14px;margin-left:14px!important}
  .lk-slot__alts{padding:0 14px 14px}
  .lk-missing__item{grid-template-columns:48px minmax(0,1fr)}
  .lk-missing__item em,.lk-missing__item .lk-btn{grid-column:2}
}
