.steps{display:flex;gap:10px;flex-wrap:wrap}
.steps .on{color:var(--ink)}

.cart{align-items:start;padding-bottom:var(--section)}
.c-list{grid-column:1/9}
.c-head,.line{display:grid;grid-template-columns:120px minmax(0,1fr) 90px 120px 90px;gap:var(--gap);align-items:center}
.c-head{padding-bottom:10px;border-bottom:1px solid var(--ink)}
.c-head span:nth-child(5),.line .sum{text-align:right}
.line{padding:16px 0;border-bottom:1px solid var(--line)}
.line .th{width:120px;aspect-ratio:1;background:var(--field);position:relative}
.line .th>div{position:absolute;inset:0}
.line .name b{display:block;font-weight:500;font-size:16px}
.line .name .del{margin-top:12px;cursor:pointer}
.line .unit{color:var(--body)}
.line .sum{font-weight:500;font-size:16px}
.line .lbl{display:none}
.c-after{display:flex;justify-content:space-between;gap:20px;padding-top:20px}

.c-sum{grid-column:9/13;position:sticky;top:86px;border-top:1px solid var(--ink);padding-top:14px}
.c-sum h2{font-size:20px;font-weight:500;letter-spacing:-.01em;margin-bottom:18px}
.c-sum .row{padding:10px 0;border-bottom:1px solid var(--line)}
.c-sum .total{border-bottom:0;padding-top:16px;align-items:baseline}
.c-sum .total b{font-size:28px;font-weight:500;letter-spacing:-.02em}
.c-sum .btn{width:100%;margin-top:14px}
.perks{list-style:none;margin-top:22px}
.perks li{display:flex;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.perks li::before{content:"—";color:var(--mute)}

.empty{grid-column:1/-1;padding:40px 0 var(--section)}
.empty h2{font-size:40px;font-weight:500;letter-spacing:-.03em;line-height:1.05;margin-bottom:14px}
.empty p{margin-bottom:28px}

.grid4{row-gap:var(--gap)}.grid4 .item{grid-column:span 3}

@media (max-width:1000px){
  .c-list,.c-sum{grid-column:1/-1}
  .c-sum{position:static;margin-top:40px}
  .c-head{display:none}
  .line{grid-template-columns:96px 1fr auto;grid-template-areas:"th name sum" "th qty qty";row-gap:12px}
  .line .th{width:96px;grid-area:th}.line .name{grid-area:name}.line .sum{grid-area:sum}
  .line .unit{display:none}.line .qty{grid-area:qty}
  .grid4 .item{grid-column:span 6}
}