/* =================== lkm-cfg.css — ЛКМ комплектатор по рецептуре (scoped .lkmcfg) =================== */
.lkmcfg{margin:22px 0;padding:22px;border:1px solid var(--hc-line-2,rgba(180,151,115,.22));border-radius:18px;background:linear-gradient(180deg,#fff,#fbf7ec)}
.lkmcfg__head{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.lkmcfg__head svg{width:22px;height:22px;color:var(--hc-accent-dark,#7a6548);flex:none}
.lkmcfg__head h2{margin:0;font:600 19px/1.2 var(--hc-serif,"Playfair Display",Georgia,serif);color:var(--hc-ink,#1a1714)}
.lkmcfg__compat{margin-left:auto;font:600 11px/1 var(--hc-mono,monospace);color:#2e7d4f;background:rgba(46,125,79,.1);padding:6px 10px;border-radius:999px;white-space:nowrap}
.lkmcfg__sub{font-size:13px;line-height:1.5;color:var(--hc-ink-soft,rgba(26,23,20,.62));margin:0 0 16px;max-width:64ch}

.lkmcfg__kit{margin-bottom:16px}
.lkmcfg__kit-t{font:600 11px/1 var(--hc-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--hc-accent-dark,#7a6548);margin-bottom:8px}
.lkmcfg__row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed var(--hc-line-2,rgba(180,151,115,.18))}
.lkmcfg__nm b{display:block;font-size:13px;font-weight:600;line-height:1.25;color:var(--hc-ink,#1a1714)}
.lkmcfg__nm a{text-decoration:none}
.lkmcfg__nm a:hover b{color:var(--hc-accent-dark,#7a6548)}
.lkmcfg__nm small{font-size:11px;color:var(--hc-ink-soft,rgba(26,23,20,.5))}
.lkmcfg__role{font:600 9.5px/1 var(--hc-mono,monospace);letter-spacing:.05em;text-transform:uppercase;color:var(--hc-accent-dark,#7a6548);border:1px solid var(--hc-line-2,rgba(180,151,115,.3));padding:4px 8px;border-radius:999px;white-space:nowrap}
.lkmcfg__row--base .lkmcfg__role{color:var(--hc-ink,#1a1714);border-color:var(--hc-ink,#1a1714)}
.lkmcfg__q{font:600 13px/1 var(--hc-mono,monospace);color:var(--hc-ink,#1a1714);white-space:nowrap;text-align:right;min-width:78px}

.lkmcfg__bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:14px 16px;background:rgba(212,184,150,.1);border-radius:12px}
.lkmcfg__qty-wrap{margin-right:auto}
.lkmcfg__qty-wrap small,.lkmcfg__tot small{display:block;font:600 10px/1 var(--hc-mono,monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--hc-ink-soft,rgba(26,23,20,.5));margin-bottom:5px}
.lkmcfg__qty{display:inline-flex;align-items:center;border:1px solid var(--hc-line-2,rgba(180,151,115,.3));border-radius:10px;overflow:hidden;background:#fff}
.lkmcfg__qty button{appearance:none;border:0;background:transparent;width:34px;height:36px;font-size:18px;cursor:pointer;color:var(--hc-ink,#1a1714)}
.lkmcfg__qty input{width:46px;height:36px;border:0;text-align:center;font:600 15px/1 var(--hc-sans,"Outfit",sans-serif);-moz-appearance:textfield}
.lkmcfg__qty input::-webkit-outer-spin-button,.lkmcfg__qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.lkmcfg__tot{text-align:right}
.lkmcfg__tot b{font:600 22px/1 var(--hc-serif,"Playfair Display",Georgia,serif);color:var(--hc-ink,#1a1714)}
.lkmcfg__btn{appearance:none;border:0;cursor:pointer;background:linear-gradient(180deg,#caa86a,#b4925f);color:#2a2113;font:600 13px/1 var(--hc-sans,"Outfit",sans-serif);padding:13px 20px;border-radius:10px;white-space:nowrap}
.lkmcfg__btn:hover{background:linear-gradient(180deg,#d3b27a,#b89a63)}
.lkmcfg__btn:disabled{opacity:.6;cursor:default}
.lkmcfg__note{margin:12px 0 0;font-size:11.5px;line-height:1.45;color:var(--hc-ink-soft,rgba(26,23,20,.55))}

@media(max-width:720px){
  .lkmcfg__qty-wrap{margin-right:0}
  .lkmcfg__tot{margin-left:auto}
  .lkmcfg__btn{flex:1 1 100%;width:100%}
}