.hero.page .kinds{margin-top:22px}
.hero.page .kinds button{padding:0 22px}
.opt.soon{opacity:.55;cursor:default}
.opt.soon span{font-style:normal}
.qty{display:inline-flex;align-items:stretch;border:1.5px solid rgba(120,110,180,.3);border-radius:11px;overflow:hidden;background:rgba(255,255,255,.7)}
.qty button{width:44px;min-height:44px;border:0;background:transparent;font:inherit;font-size:20px;font-weight:600;color:var(--violet);cursor:pointer}
.qty button:hover{background:var(--blue-soft)}
.f .qty input{width:64px;min-height:44px;border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);border-radius:0;text-align:center;padding:0;background:#fff;-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.lines{display:grid;gap:8px;max-height:560px;overflow:auto;padding:2px}
.lrow{border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.62);padding:8px 10px}
.lhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lhead .ln{width:26px;height:26px;border-radius:999px;background:var(--blue-soft);color:var(--violet);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
.f .lhead input[type=text]{flex:1 1 200px;width:auto;min-width:0}
.chk.mini{font-size:14px;padding:0;min-height:44px;align-items:center;white-space:nowrap}
.chk.mini input{margin-top:0}
.f3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}
.cocard{margin-top:10px;border:1.5px solid rgba(26,127,78,.35);background:rgba(26,127,78,.06);border-radius:14px;padding:12px 14px;display:grid;gap:2px}
.cocard b{font-size:16px}
.cocard span{font-size:13.5px;color:var(--muted)}
.f textarea{resize:vertical;min-height:64px}
.sfoot{margin-top:18px;font-size:14px;color:var(--muted)}
.recap dl div.tot dd{white-space:nowrap}
@media (max-width:760px){
  .f3{grid-template-columns:1fr}
  .hero.page .kinds{display:flex;width:100%}
  .hero.page .kinds button{flex:1;padding:0 8px}
}

.subcol{min-width:0}
.sstep .sh .sum{overflow-wrap:anywhere;min-width:0}
.sstep .acts .btn{max-width:100%;white-space:normal;text-align:center;line-height:1.25}
.f .chk.mini{display:flex;margin:0;font-weight:600}
.recap .price small{display:block;margin-top:2px}
.recap dl dd{white-space:nowrap}