
.section-cart{
  position: relative;
  background-color: transparent;
  background-image: url("/assets/img/sp-cart/sp-cart.svg"); /* ваш файл фона для корзины */
  background-repeat: no-repeat;
  background-position: right 0px center;
  background-size: contain;
  width: 100%;
  height: 80px; /* как в примере для section-search */
  margin: 0;
  padding: 0;
}

/* Адаптив: поджимаем фон на более узких экранах */
@media (max-width: 991.98px){
  .section-cart{
    background-position: right 0px center;
    background-size: contain;
    width: 100%;
    height: 100px;
  }
}
@media (max-width: 575.98px){
  .section-cart{
    background-position: right -50px center;
    background-size: contain;
    width: 100%;
    height: 70px;
  }
}

/* Кнопка корзины внутри секции — на всю ширину (стили самой кнопки ниже) */
.section-cart .btn-cart{ width: 70%;}

/* ===== СТИЛИ КНОПКИ КОРЗИНЫ (перенесены из header.css в отдельный файл) ===== */
.btn-cart{
  background:transparent;
  color:#fff;
  border:0;
  padding:.65rem 1rem;
  transition:transform .12s ease;
}
.btn-cart:hover{
  transform:translateY(-1px);
  color:#fff;
}

/* Если используете выпадающий дропдаун корзины — оставляем тут */
.sp-cart-dropdown{
  position:absolute; right:0; top:.5rem; width:min(520px,100%);
  background:#fff; border-radius:var(--sp-radius); box-shadow:var(--sp-shadow); padding:1rem;
}
.sp-thumb{
  width:48px; height:48px; border-radius:10px;
  background:linear-gradient(135deg,#ececec,#d9d9d9);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
}
@media (max-width: 575.98px){
  .section-cart .btn-cart{ width: 80%;margin-left: auto;}
}