.basket__title{margin:0 0 20px;font-size:24px}@media (min-width: 768px){.basket__title{font-size:28px}}.basket{display:grid;gap:24px;align-items:start}@media (min-width: 900px){.basket{grid-template-columns:minmax(0,1fr) 300px}}.basket__list{list-style:none;margin:0;padding:0}.basket__item{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:12px 16px;padding:16px 0;border-bottom:1px solid var(--c-border)}.basket__img{display:grid;place-items:center;width:88px;height:88px;border:1px solid var(--c-border);border-radius:10px;background:var(--c-soft);overflow:hidden}.basket__img img{width:100%;height:100%;object-fit:contain;padding:6px}.basket__body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.basket__name{font-weight:600}.basket__name:hover{color:var(--c-dark)}.basket__price{font-size:14px;color:var(--c-muted)}.basket__unavailable{margin:0;font-size:13px;color:var(--c-muted)}.basket__side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.basket__sum{font-weight:700;white-space:nowrap}.basket__remove{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--c-muted);font-size:22px;line-height:1}.basket__remove:hover{background:var(--c-soft);color:var(--c-text)}.basket__summary{padding:20px;border:1px solid var(--c-border);border-radius:var(--radius);background:#fff}@media (min-width: 900px){.basket__summary{position:sticky;top:16px}}.basket__summary-title{margin:0 0 8px;font-size:18px}.basket__total{margin:0 0 16px;font-size:28px;font-weight:700}.basket__summary .btn:disabled{opacity:.45;cursor:not-allowed}