/* Desktop видим, мобайл скрыт по умолчанию */
.basket.default .item-mobile { display: none; }

@media (max-width: 720px) {
  /* прячем только десктопные строки */
  .basket.default .items .item { display: none; }

  /* показываем мобильные карточки */
  .basket.default .item-mobile { display: block; padding: 12px; border:1px solid #eee; border-radius:12px; background:#fff; margin-bottom:12px; }

  .item-mobile__info { display:flex; align-items:center; gap:10px; }
  .item-mobile__img img { width:72px; height:72px; object-fit:cover; border-radius:10px; background:#f5f5f5; display:block; }
  .item-mobile__meta { flex:1; min-width:0; }
  .item-mobile__name { display:block; color:#111; font-weight:600; text-decoration:none; margin-bottom:6px; }
  .item-mobile__price { font-weight:700; color:#242c6e; }

  .item-mobile__remove { width:32px; height:32px; border:1px solid #e0e0e0; border-radius:10px; background:#fafafa; position:relative; flex:0 0 32px; }
  .item-mobile__remove:before,
  .item-mobile__remove:after { content:""; position:absolute; left:50%; top:50%; width:12px; height:2px; background:#999; transform:translate(-50%,-50%) rotate(45deg); }
  .item-mobile__remove:after { transform:translate(-50%,-50%) rotate(-45deg); }

  .item-mobile__controls { margin-top:12px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
  .item-mobile__controls .counter .wrap { display:inline-flex; align-items:center; gap:6px; padding:4px 6px; border:1px solid #e5e5e5; border-radius:10px; background:#f7f7f7; }
  .counter .ctrl { width:32px; height:32px; border:1px solid #dcdcdc; border-radius:8px; background:#fff; position:relative; }
  .counter .ctrl::before,
  .counter .ctrl::after { content:""; position:absolute; left:50%; top:50%; width:12px; height:2px; background:#666; transform:translate(-50%,-50%); }
  .counter .ctrl.plus::after { transform:translate(-50%,-50%) rotate(90deg); }
  .counter .input input.count { width:56px; height:32px; border:1px solid #dcdcdc; border-radius:8px; text-align:center; font-size:14px; padding:0; background:#fff; }

  .item-mobile__sum { font-weight:700; font-size:16px; color:#111; }

  .basket .items .head {
      display: none;
  }

  .item-mobile__actions {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
  }
  .item-mobile__removeBtn {
    width: 32px;
    height: 32px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background: #fafafa;
    position: relative;
    cursor: pointer;
    padding: 0;
  }
  .item-mobile__removeBtn:before,
  .item-mobile__removeBtn:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 2px;
    background: #555;
    transform: translate(-50%,-50%) rotate(45deg);
  }
  .item-mobile__removeBtn:after {
    transform: translate(-50%,-50%) rotate(-45deg);
  }


}