/* Perkelta iš prototipo mix-krepselis.html */
.helpbox{margin-top:48px;padding:32px 36px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.helpbox h2{font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#fff;margin-top:14px}
.helpbox p{color:#c7c7cc;margin-top:8px;font-size:17px;max-width:52ch}
.helpbox .ic-chip.y{background:var(--yellow)}
.helpbox .ic-chip.y .ph{color:var(--ink)}
.helpbox .act{display:flex;flex-wrap:wrap;gap:10px;max-width:420px;justify-content:flex-end}
.helpbox .btn-w{box-shadow:none}
.helpbox small{flex-basis:100%;text-align:right;color:#aeaeb2;font-size:14.5px}
@media (max-width:900px){.helpbox{grid-template-columns:1fr}.helpbox .act{justify-content:flex-start}.helpbox small{text-align:left}}
@media (max-width:767px){.helpbox{padding:24px 20px;margin-top:36px}.helpbox h2{font-size:24px}.helpbox .act .btn{flex:1 1 auto}}

.csteps{display:flex;align-items:center;gap:8px;list-style:none;font-size:15px;font-weight:600;flex-wrap:wrap;margin:6px 0 18px}
.csteps li{display:flex;align-items:center;gap:8px;color:var(--ink-3)}
.csteps li b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:14px;background:#fff;box-shadow:0 0 0 1px var(--line);color:var(--ink-2)}
.csteps li.done{color:var(--ink-2)}
.csteps li.done b{background:var(--ink);color:#fff;box-shadow:none}
.csteps li.now{color:var(--ink)}
.csteps li.now b{background:var(--yellow);color:var(--ink);box-shadow:none}
.csteps .sep{width:28px;height:2px;background:rgba(0,0,0,.14);border-radius:2px}
.cgrid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--gap);align-items:start}
.sum{padding:26px;position:sticky;top:16px;display:flex;flex-direction:column;gap:12px}
.sum h2{font-size:22px;font-weight:800}
.sum .ln{display:flex;justify-content:space-between;gap:12px;font-size:16.5px;color:var(--ink-2)}
.sum .ln b{color:var(--ink);font-weight:700;white-space:nowrap}
.sum .tot{border-top:1px solid var(--line);padding-top:14px;margin-top:2px;align-items:baseline}
.sum .tot span{font-size:18px;color:var(--ink);font-weight:700}
.sum .tot b{font-size:30px;font-weight:800;letter-spacing:-.02em}
.sum .vat{font-size:14px;color:var(--ink-3);margin-top:-8px;text-align:right}
.sum .btn{width:100%}
.sum .code-in .btn{width:auto}
.sum ul.tr{list-style:none;display:grid;gap:8px;font-size:15px;color:var(--ink-2);border-top:1px solid var(--line);padding-top:14px}
.sum ul.tr li{display:flex;gap:10px;align-items:center}
.sum ul.tr i{font-size:19px;color:var(--ok)}
.ship{padding:18px 22px;display:flex;flex-direction:column;gap:10px}
.ship p{font-size:16.5px;display:flex;align-items:center;gap:10px}
.ship p i{font-size:22px;color:var(--accent-ink)}
.ship .track{height:10px;border-radius:var(--r-pill);background:var(--tile-2);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.ship .track span{display:block;height:100%;background:var(--yellow);border-radius:var(--r-pill);transition:width .5s var(--ease)}
.ship.ok p i{color:var(--ok)}
.ship.ok .track span{background:var(--ok)}
@media (max-width:1180px){.cgrid{grid-template-columns:minmax(0,1fr) 340px}}
@media (max-width:900px){.cgrid{grid-template-columns:1fr}.sum{position:static}}
@media (max-width:767px){.csteps{font-size:13.5px;gap:6px}.csteps .sep{width:10px}.csteps li:not(.now) span{display:none}.sum{padding:20px}}

.ch{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ch h1{font-size:44px;line-height:1.1;letter-spacing:-.03em;font-weight:800}
.ch a{font-weight:600;font-size:16px;display:inline-flex;gap:6px;align-items:center}
.ch a:hover{text-decoration:underline;text-underline-offset:3px}
.items{display:flex;flex-direction:column;gap:10px;margin-top:var(--gap)}
.crow{display:grid;grid-template-columns:96px minmax(0,1fr) auto auto 44px;grid-template-areas:"th info qty tot rm";gap:18px;align-items:center;padding:12px 16px 12px 12px;background:var(--tile);border-radius:22px;box-shadow:0 0 0 1px var(--line)}
.crow .th{grid-area:th;width:96px;height:96px;border-radius:var(--r-md);overflow:hidden;display:grid;place-items:center;position:relative}
.crow .th.photo>img,.crow .th.dark>img{position:absolute;inset:0}
.crow .th.photo{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.crow .th.photo img{width:100%;height:100%;object-fit:contain;padding:8px}
.crow .th.photo.cover img,.crow .th.dark img{object-fit:cover;padding:0;width:100%;height:100%}
.crow .th.dark{background:var(--ink-tile)}
.crow .th.boiler{background:var(--tile-2)}
.crow .th.boiler img{height:84px;width:auto}
.crow .th.gth .gi{width:56%;border-radius:30%}
.crow .th.gth .gi i{font-size:30px}
.crow .th.gth .gb{display:none}
.crow .info{grid-area:info;min-width:0}
.crow h3{font-size:17.5px;font-weight:700;line-height:1.3}
.crow h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.crow .code{font-size:14.5px;color:var(--ink-3)}
.crow .stock{margin-top:4px}
.crow .unit{font-size:14.5px;color:var(--ink-3)}
.qty{grid-area:qty;display:flex;align-items:center;height:44px;border-radius:var(--r-pill);background:var(--tile-2);box-shadow:inset 0 0 0 1px var(--line)}
.qty button{width:40px;height:44px;border:0;background:none;font-size:16px;cursor:pointer;display:grid;place-items:center;border-radius:var(--r-pill)}
.qty button:hover{background:#e6e6ea}
.qty span{min-width:30px;text-align:center;font-weight:700}
.crow .tot{grid-area:tot;font-size:21px;font-weight:800;white-space:nowrap;min-width:110px;text-align:right}
.crow .rm{grid-area:rm;width:44px;height:44px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;font-size:20px;color:var(--ink-3);cursor:pointer}
.crow .rm:hover{background:#fdecea;color:var(--err)}
.code-in{display:flex;gap:8px}
.code-in input{flex:1;min-width:0;height:46px;border-radius:var(--r-pill);border:0;background:var(--tile-2);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);padding:0 16px;font-size:16px;outline:0}
.code-in input:focus{box-shadow:inset 0 0 0 2px var(--yellow);background:#fff}
.code-in .btn{height:46px;padding:0 16px;font-size:15.5px}
.b2bt{padding:18px 22px;display:flex;align-items:center;gap:14px;margin-top:10px}
.b2bt p{flex:1;font-size:16px;color:var(--ink-2)}
.b2bt p b{color:var(--ink)}
.b2bt .btn{height:44px;font-size:15.5px}
.emptyc{padding:56px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.emptyc .ic{width:84px;height:84px;border-radius:50%;background:var(--tile-2);display:grid;place-items:center;font-size:40px}
.emptyc h2{font-size:28px;font-weight:800}
.emptyc p{color:var(--ink-2)}
.emptyc .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}
@media (max-width:1180px){.crow{grid-template-columns:84px minmax(0,1fr) auto 44px;grid-template-areas:"th info info rm" "th qty tot tot"}.crow .th{width:84px;height:84px}.crow .tot{text-align:right}}
@media (max-width:767px){
  .ch h1{font-size:32px}
  .crow{grid-template-columns:72px minmax(0,1fr) 40px;grid-template-areas:"th info rm" "qty qty tot";gap:10px 12px;padding:10px}
  .crow .th{width:72px;height:72px;border-radius:var(--r-sm)}
  .crow h3{font-size:16px}
  .crow .tot{grid-column:2 / -1;font-size:19px;min-width:0}
  .crow .rm{width:40px;height:40px}
  .qty{justify-self:start}
  .b2bt{flex-wrap:wrap;padding:18px}
  .b2bt .ic-chip{display:none}
  .b2bt p{flex-basis:100%}
}

.pay-note{font-size:13.5px;color:var(--ink-3);margin-top:8px;line-height:1.4}
.sndc{margin-top:var(--gap);padding:22px 24px;background:#fffdf3;box-shadow:inset 0 0 0 1px rgba(242,183,5,.45)}
.sndc h2{font-size:20px;font-weight:800;display:flex;gap:8px;align-items:center}
.sndc-p{margin:8px 0 0;color:var(--ink-2);font-size:15px;line-height:1.5}
.c-note{display:block;margin-top:4px;font-size:13px;color:var(--ink-3)}
.sndp-h{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap}
.tag-pro{font-size:12.5px;color:#8a5a00;background:#fff4cc;padding:2px 8px;border-radius:99px}
.snd-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.snd-a .btn{flex:1 1 auto}
.snd-m{margin:8px 0 0;font-size:14px;color:#2f7a33}
#crefn .refn{margin:var(--gap) 0 0}
@media (max-width:767px){.sndc{padding:18px 16px}}
.sndc-b{margin-top:var(--gap);height:46px;padding:0 18px;font-size:15.5px}
.sndc.drawer-on{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);margin:0;z-index:80;border-radius:0;overflow:auto;background:#fff;box-shadow:-12px 0 40px rgba(0,0,0,.2)}
.snd-ov{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:79}
.snd-x{all:unset;cursor:pointer;margin-left:auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--tile-2);font-size:20px}
.sndc[hidden]{display:none}
/* Telefone: suma ir „Pirkti“ iškart po prekėmis, B2B pasiūlymas po suma, apačioje prilipusi juosta */
.cbar{display:none}
@media (max-width:900px){
  .cbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -1px 0 var(--line),0 -8px 24px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .2s var(--ease)}
  .cbar.on{transform:none}
  body{padding-bottom:76px}
  .cbar small{display:block;font-size:13px;color:var(--ink-3)}
  .cbar b{font-size:21px;font-weight:800}
  .cbar .btn{height:48px;padding:0 26px;font-size:16.5px}
}