product_inlinee input[type="number"] {
  -moz-appearance: textfield;
  /* Firefox üçün */
  -webkit-appearance: number-input;
  /* Safari və Chrome üçün */
  appearance: number-input;
}

/* Yalnız ox işarələrini göstərmək üçün */
.product_inlinee input[type="number"]::-webkit-inner-spin-button,
.product_inlinee input[type="number"]::-webkit-outer-spin-button {
  opacity: 1;
}

.product-image-basket {
    width: 160px;
    height: 100px;
    overflow: hidden;
    object-fit: cover;
    flex-shrink: 0;
    margin-right: 1.15rem;
}

.product-image-basket img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.product-infoBasket p {
  margin-bottom: 0;
  
  font-size: 14.18px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333333;
}

.product-checkbox_baskett {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid black;
  cursor: pointer;
  display: inline-block;
  position: relative;
  user-select: none;
}

.product-checkbox_baskett:checked::before {
  content: "✔";
  color: #ef4136;
  font-size: 12px;
  position: absolute;
  top: 8px;
  left: 54%;
  transform: translate(-50%, -50%);
  user-select: none;
  
}

/* azalt artir basket */

.product_quality-basket-table {
  padding: 0px 5px;
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
}

.quantity_input_table_basket {
  width: 50px;
  text-align: center;
  border: none;
  background-color: transparent;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 700;
  line-height: 16.8px;
  letter-spacing: 0.02em;
  color: #2d2d2d;
}

.product_quality-basket-table button {
  padding: 5px 10px;
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.3s ease;
  border: none;
}

.product_quality-basket-table button i {
  font-size: 10px;
}

#sm-product-quantity {
  margin-right: 0 !important;
  padding: 0;
}

.order-summaryBasketRight {
    margin-bottom: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 10px;
    background-color: white;
}

.left-grid-basket {
  background-color: white;
  border-radius: 22px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 70%;
}
.gridBasket {
    display: flex;
    width: 100%;
    gap: 10px;
}
.right-grid-basket {
      width: 30%;
}

.height-100 {
  height: 100%;
  border-radius: 5px;
}

.information_basket {
  margin-bottom: 2rem;
}
.basket_info_product_quality h3{
  display: flex;
  gap: 1rem;
}


.order-summaryBasketRight {
  height: 260px !important;
}

.basket_general {
  padding-bottom: 2rem !important;
  padding-top: 0 !important;
}

.cart-item-rowBasket {
  display: flex;
}

.checkbox__cart-item-toggle {
  align-items: center;
  display: flex;
  padding-right: 10px;
}

.cart-item-wrapperBasket {
  width: 100%;
  display: flex;
}

.product-infoBasket {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  width: 100%;
}

.productNameBasket p {
  
  font-size: 16px;
  font-weight: 500;
  line-height: 19.68px;
  color: #000000;
}

.product-priceBasket {
  display: flex;
  flex-direction: column;
}

.discount-priceBasket {
  
  font-size: 20px;
  font-weight: 600;
  line-height: 24.6px;
  color: black;
}

.original-priceBasket {
  
  font-size: 17px;
  font-weight: 400;
  line-height: 20.91px;
  text-decoration-line: line-through;
  color: #928f8f;
}

.productCharacteristics p {
  font-size: 13px;
  font-weight: 400;
  line-height: 15.99px;
  color: #000000;
}

.productCharacteristics p strong {
  font-size: 13px;
  font-weight: bold;
  line-height: 15.99px;
  color: black;
}

.productCharacteristics {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.delete-btnBasketItem {
  display: flex;
  gap: 5px;
  align-items: center;
  border: none;
  outline: none;
  background-color: #fdf0ef;
  border-radius: 8px;
  padding: 5px 10px;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
}

.delete-btnBasketItem:hover {
  background-color: #fad9d7;
}

.delete-btnBasketItem:active {
  transform: scale(0.96);
}

.delete-btnBasketItem i {
  color: #ef4136;
  font-size: 12px;
}

.delete-btnBasketItem p {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  color: #ef4136;
  margin: 0;
}

.productNameBasket {
  width: calc(100% - 7rem);
  flex-grow: 1;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
  min-width: 60%;
}

.productDeleteBasket {
  text-align: right;
  width: 6.5rem;
  display: flex;
  justify-content: end;
}

.productCharacteristics {
  margin-right: 1rem;
}

.product_quality-basket-table {
  display: block;
  position: relative;
  text-align: center;
  align-self: baseline;
}

.miqdarQiymetFlex {
  display: flex;
}

.product-infoBasket {
  display: flex;
  justify-content: space-between;
}

.miqdarQiymetFlex {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}

.quantity_input_table_basket:focus {
  outline: none;
  border: none;
  user-select: none;
}

.product_card_basket {
    padding: 30px;
}

.storeNamesBasket {
  display: flex;
  flex-direction: column;
}

.storeNamesBasket span {
  font-family: Poppins;
  font-size: 9px;
  font-weight: 400;
  line-height: 12.6px;
  letter-spacing: 0.02em;
  color: #6b6a6a;
}

.storeFlexBasket {
  display: flex;
  gap: 4px;
}

.storeNamesBasket p {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 700;
  line-height: 16.8px;
  letter-spacing: 0.02em;
  color: #2d2d2d;
}

.storeImgBasket {
  width: 25px;
  height: 25px;
  overflow: hidden;
}

.storeImgBasket img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.storeBetweenCard {
  display: flex;
  justify-content: space-between;
}

.basket_info_product_quality h3 {
  font-family: Poppins;
  font-size: 24px;
  font-weight: 700;
  line-height: 33.6px;
  letter-spacing: 0.02em;
  color: #2d2d2d;
}

.basket_info_product_quality h3 span {
  font-family: Poppins;
  font-size: 24px;
  font-weight: 400;
  line-height: 33.6px;
  letter-spacing: 0.02em;
  color: #a09999;
}

.chooseAllProduct p {
  
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  color: #1f2026;
  margin: 0;
  padding: 0;
}

.chooseAllProduct {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  text-align: start;
  gap: 10px;
}

.betweenBasketCardTop {
  display: flex;
  justify-content: space-between;
  width: 70%;
}

#clear_basket {
  border: none;
  background-color: #fdf0ef;
  color: #ef4136;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
  font-family: 'Poppins', sans-serif;
}

#clear_basket:hover {
  background-color: #fad9d7;
}

#clear_basket:active {
  transform: scale(0.97);
}

#clear_basket i {
  color: #ef4136;
  font-size: 12px;
}

/* Wishlist / favorite sehifesindeki ikona stilleri */
.order__card-close {
  font-size: 14px;
  transition: color 0.2s;
}

.fa-trash.order__card-close,
a:has(.fa-trash) .order__card-close {
  color: #ef4136;
}

.fa-cart-shopping.order__card-close,
a:has(.fa-cart-shopping) .order__card-close {
  color: #1a7a36;
}

/* Account favorite table ikon linkleri */
table tbody td a i.order__card-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  font-size: 13px;
  transition: background 0.2s, transform 0.15s;
}

table tbody td a:has(.fa-trash) i.order__card-close,
table tbody td a i.fa-trash {
  color: #ef4136;
  background-color: #fdf0ef;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  font-size: 13px;
  transition: background 0.2s;
}

table tbody td a i.fa-trash:hover {
  background-color: #fad9d7;
}

table tbody td a i.fa-cart-shopping {
  color: #1a7a36;
  background-color: #edfaf0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  font-size: 13px;
  transition: background 0.2s;
}

table tbody td a i.fa-cart-shopping:hover {
  background-color: #d4f2db;
}

.orderTitleBasket h3 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 700;
  line-height: 22.4px;
  letter-spacing: 0.02em;
  color: #2d2d2d;
}

.amount-rowsummaryBasketRight {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.orderFlexBasket {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.order-summaryBasketRight {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.rowsummaryBasketRight_1 .label {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0.02em;
  color: #a09999;
}
.rowsummaryBasketRight_1 .value {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 800;
  line-height: 19.6px;
  letter-spacing: 0.02em;
  color: black;
}
.rowsummaryBasketRight_2 .label {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0.02em;
  color: #ef4136;
}
.rowsummaryBasketRight_2 .value {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 800;
  line-height: 19.6px;
  letter-spacing: 0.02em;
  color: #ef4136;
}
.rowsummaryBasketRight_3 .label {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0.02em;
  color: black;
}
.rowsummaryBasketRight_3 .value {
  font-family: Poppins;
  font-size: 24px;
  font-weight: 800;
  line-height: 33.6px;
  letter-spacing: 0.02em;
  color: black;
}

.order-button-basket_right {
  border-radius: 10px;
  background-color: #ef4136;
  font-family: Poppins;
  font-size: 15px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.02em;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px;
  border: none;
  user-select: none;
}

.order-button-basket_right:hover{
  background-color: #fcfce6;
  color: black;
}

.card_pro_img {
  overflow: hidden; /* Şəkilin konteynerdən kənara çıxmasının qarşısını almaq üçün */
  height: 220px;
}

.card_pro_img img {
  transition: transform 0.3s ease; /* Hover keçidi üçün transition əlavə edin */
  display: block; /* Yersiz boşluqlardan qaçmaq üçün */
  width: 100%; /* Şəkilin konteynerə uyğun gəlməsi üçün */
  height: 100%; /* Proporasiyanı qorumaq üçün */
}

.card_pro_img:hover img {
  transform: scale(1.1); /* Hover zamanı şəkli böyüdür */
}

/* ===== Seçilmiş məhsullar cədvəli ===== */
.fav-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.fav-table thead tr {
  background: #f8f9fa;
}

.fav-table thead th {
  padding: 12px 16px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #9ca3af;
  border-bottom: 1px solid #e5e7eb;
}

.fav-table tbody tr {
  transition: background 0.15s;
}

.fav-table tbody tr:hover {
  background: #fafafa;
}

.fav-table tbody td {
  padding: 14px 16px;
  vertical-align: middle;
  border-bottom: 1px solid #f0f0f0;
}

/* Şəkil sütunu */
td.fav-img-cell {
  width: 80px;
  padding: 10px 12px;
}

td.fav-img-cell a {
  display: block;
  width: 68px;
  height: 68px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}

td.fav-img-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Ad sütunu */
td.fav-name-cell {
  min-width: 180px;
}

td.fav-name-cell a {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  text-decoration: none;
  margin-bottom: 4px;
  line-height: 1.4;
}

td.fav-name-cell a:hover {
  color: #ef4136;
}

.fav-brand {
  display: inline-block;
  font-size: 11px;
  color: #9ca3af;
  background: #f3f4f6;
  border-radius: 4px;
  padding: 2px 7px;
  margin-top: 3px;
}

/* Qiymət sütunu */
td.fav-price-cell {
  font-size: 15px;
  font-weight: 700;
  color: #ef4136;
  white-space: nowrap;
  min-width: 90px;
}

/* Əməliyyat sütunu */
.fav-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.fav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  background: #fff;
  padding: 10px 13px;
  font-size: 12px;
  font-weight: 500;
  color: #2d2d2d;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  transition: all 0.3s ease;
  text-decoration: none;
}

.fav-btn--cart:hover {
  border-color: #ef4136;
  color: #ef4136;
}

.fav-btn--cart:hover i {
  color: #ef4136;
}

.fav-btn--delete {
  width: 42px;
  height: 42px;
  padding: 0;
  flex-shrink: 0;
  font-size: 16px;
  color: #ef4136;
}

.fav-btn--delete:hover {
  border-color: #ef4136;
  background: #fdf0ef;
}
.right-grid-basket {
  position: sticky;
  top: 20px;
  align-self: start;
}

/* ===== TIME SLOT & INSTALLMENT BASE ===== */
.time-slot,
.installment-slot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #d1d5db;
  border-radius: 10px;
  padding: 8px 14px;
  margin: 4px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  transition: all 0.2s;
  user-select: none;
}

.time-slot.selected,
.installment-slot.selected {
  background-color: #ef4136;
  border-color: #ef4136;
  color: #fff;
}

.time-slot-input,
.installment-slot-input {
  display: none;
}

.installment-options {
  display: none;
  margin-top: 10px;
}

.installment-options.show {
  display: block;
}

/* ===== CHECKOUT PAGE ===== */

#checkout_holder {
  max-width: 100%;
}

.step-title-header {
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
}

.step-title-header h5,
.fm-poppins_bold {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1a;
  font-family: 'Poppins', sans-serif;
  margin: 0;
}

#collapse-shipping-address .form-control,
#collapse-delivery-method .form-control,
#collapse-payment-method .form-control {
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  padding: 10px 14px;
  font-size: 14px;
  color: #374151;
  background: #fff;
  transition: border-color 0.2s;
  height: auto;
}

#collapse-shipping-address .form-control:focus,
#collapse-delivery-method .form-control:focus,
#collapse-payment-method .form-control:focus {
  border-color: #ef4136;
  outline: none;
  box-shadow: none;
}

/* Radio buttons */
.custom-radio-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 14px;
  color: #374151;
  margin-bottom: 10px;
}

.custom-radio-input {
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.custom-radio-input input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  margin: 0;
}

.custom-radio-input span {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #d1d5db;
  background: #fff;
  transition: border-color 0.2s;
}

.custom-radio-input input[type="radio"]:checked + span {
  border: 6px solid #ef4136;
}

/* Submit button */
#button-payment-method {
  background-color: #ef4136;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 12px 32px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s;
  width: auto;
}

#button-payment-method:hover {
  background-color: #c0392b;
}

/* Section spacing */
#collapse-shipping-address,
#collapse-delivery-method,
#collapse-payment-method {
  background: #fff;
  border-radius: 14px;
  border: 1px solid #f0f0f0;
  padding: 24px;
  margin-bottom: 16px;
}

.basket_general .animate-on-scroll {
  background: transparent;
}

/* ===== CHECKOUT ORDER TABLE ===== */

.checkout-order-card {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 16px;
  padding: 28px;
  margin-bottom: 24px;
}

.checkout-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.checkout-table thead tr {
  background: #f9fafb;
  border-bottom: 2px solid #f0f0f0;
}

.checkout-table thead th {
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border: none;
}

.checkout-table tbody tr {
  border-bottom: 1px solid #f3f4f6;
  transition: background 0.15s;
}

.checkout-table tbody tr:hover {
  background: #fafafa;
}

.checkout-table tbody td {
  padding: 14px 16px;
  vertical-align: middle;
  border: none;
  color: #374151;
}

.checkout-product-link {
  color: #ef4136;
  font-weight: 500;
  text-decoration: none;
}

.checkout-product-link:hover {
  text-decoration: underline;
}

.checkout-product-img {
  width: 72px;
  height: 56px;
  object-fit: contain;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
}

.checkout-table tfoot .checkout-tfoot-row td {
  padding: 10px 16px;
  border: none;
  color: #6b7280;
  font-size: 14px;
  border-top: 1px solid #f3f4f6;
}

.checkout-table tfoot .checkout-tfoot-total td {
  padding: 14px 16px;
  border: none;
  border-top: 2px solid #f0f0f0;
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
}

.checkout-confirm-row {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
}

.btn-checkout-confirm {
  background-color: #ef4136;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 12px 32px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s;
  width: auto;
}

.btn-checkout-confirm:hover {
  background-color: #c0392b;
}

/* ===== MOBILE CHECKOUT TABLE ===== */
@media (max-width: 768px) {

  .checkout-order-card {
    padding: 16px !important;
  }

  /* Cədvəl başlığını gizlə */
  .checkout-table thead {
    display: none !important;
  }

  /* Hər sətri kart kimi göstər */
  .checkout-table tbody tr {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }

  .checkout-table tbody td {
    display: block !important;
    padding: 2px 4px !important;
    border: none !important;
    text-align: left !important;
  }

  /* Ad — üst sətirdə, tam genişlikdə */
  .checkout-table tbody td:nth-child(1) {
    order: 1;
    width: 100% !important;
    flex: 0 0 100% !important;
  }

  .checkout-product-link {
    font-size: 14px !important;
    font-weight: 600 !important;
    display: block;
    white-space: normal !important;
    word-break: break-word;
    color: #1a1a1a !important;
  }

  /* Şəkil — solda, ikinci sətirdə */
  .checkout-table tbody td:nth-child(2) {
    order: 2;
    flex-shrink: 0;
  }

  .checkout-product-img {
    width: 64px !important;
    height: 52px !important;
    border-radius: 8px;
  }

  /* Say, qiymət, məbləğ — şəklin yanında */
  .checkout-table tbody td:nth-child(3),
  .checkout-table tbody td:nth-child(4),
  .checkout-table tbody td:nth-child(5) {
    order: 2;
    display: inline-block !important;
    font-size: 13px;
  }

  .checkout-table tbody td:nth-child(3)::before { content: "Say: "; color: #9ca3af; font-size: 12px; }
  .checkout-table tbody td:nth-child(4)::before { content: "Qiymət: "; color: #9ca3af; font-size: 12px; }
  .checkout-table tbody td:nth-child(5)::before { content: "Məbləğ: "; color: #9ca3af; font-size: 12px; }

  /* Footer sətirləri */
  .checkout-table tfoot tr {
    display: flex !important;
    justify-content: space-between !important;
  }

  .checkout-table tfoot td {
    display: block !important;
    text-align: right !important;
  }

  .checkout-table tfoot td[colspan="4"] {
    flex: 1;
    text-align: left !important;
  }

  /* Təsdiqlə düyməsi */
  .checkout-confirm-row {
    justify-content: stretch !important;
  }

  .btn-checkout-confirm {
    width: 100% !important;
  }
}

/* ===== MOBILE CHECKOUT ===== */
@media (max-width: 768px) {

  /* Bölmə padding azalt */
  #collapse-shipping-address,
  #collapse-delivery-method,
  #collapse-payment-method {
    padding: 16px !important;
  }

  /* Bootstrap col-3 button → tam genişlik */
  .col-3:has(#button-payment-method) {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  #button-payment-method {
    width: 100% !important;
    padding: 14px !important;
    font-size: 15px !important;
  }

  /* Input sahələri */
  .col-md-4,
  .col-md-12 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  /* Çatdırılma tarixi + saatlar: column layout */
  #delivery-options .form-group.d-flex {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px;
  }

  #delivery-options .mr-3 {
    margin-right: 0 !important;
    width: 100%;
  }

  #delivery-options .mr-3 .form-control {
    width: 100%;
  }

  #delivery-options .catdirilmasaati {
    width: 100%;
  }

  #delivery-options .catdirilmasaati .d-flex {
    flex-wrap: wrap;
    gap: 4px;
  }

  /* Time slot + installment slot düymələri */
  .time-slot,
  .installment-slot {
    flex: 1 1 calc(50% - 8px);
    justify-content: center;
    text-align: center;
    margin: 2px !important;
  }

  /* ml-4 → mobilde azalt */
  .ml-4 {
    margin-left: 8px !important;
  }

  /* Sifariş et düyməsi */
  #button-payment-method {
    width: 100%;
  }

  .basket_general {
    padding: 12px !important;
  }
}

/* ===== MOBILE CART ===== */
@media (max-width: 768px) {

  /* Grid: məhsullar üstdə, sifariş xülasəsi altda */
  .gridBasket {
    flex-direction: column !important;
  }

  .left-grid-basket {
    width: 100% !important;
    gap: 8px !important;
  }

  .right-grid-basket {
    width: 100% !important;
    position: static !important;
  }

  .betweenBasketCardTop {
    width: 100% !important;
  }

  /* Kart paddingi */
  .product_card_basket {
    padding: 12px !important;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #f0f0f0;
  }

  /* Checkbox + kart wrapper */
  .cart-item-rowBasket {
    align-items: flex-start;
    gap: 8px;
  }

  .checkbox__cart-item-toggle {
    padding-right: 0 !important;
    padding-top: 4px;
  }

  /* Şəkil + info yan-yana */
  .cart-item-wrapperBasket {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
  }

  /* Şəkil */
  .product-image-basket {
    width: 80px !important;
    height: 80px !important;
    flex-shrink: 0 !important;
    margin-right: 0 !important;
    border-radius: 10px;
    overflow: hidden;
  }

  /* Info bloku: ad, qiymət, miqdar, sil */
  .product-infoBasket {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 6px !important;
    position: relative;
    width: 100%;
  }

  /* Ad */
  .productNameBasket {
    width: 100% !important;
    margin-bottom: 0 !important;
    padding-right: 36px; /* sil üçün yer */
  }

  .productNameBasket p {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
  }

  /* Sil — sağ üst küncə */
  .productDeleteBasket {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: auto !important;
  }

  .delete-btnBasketItem {
    background: transparent !important;
    padding: 4px !important;
    border-radius: 6px !important;
  }

  .delete-btnBasketItem p {
    display: none !important; /* yalnız ikon göstər */
  }

  .delete-btnBasketItem img {
    width: 16px;
    height: 16px;
    opacity: 0.5;
  }

  /* Qiymət */
  .product-priceBasket {
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .discount-priceBasket {
    font-size: 16px !important;
    font-weight: 700 !important;
  }

  .original-priceBasket {
    font-size: 13px !important;
  }

  /* Miqdar */
  .product_quality-basket-table {
    display: inline-flex !important;
    align-items: center;
  }

  /* Sifariş xülasəsi */
  .order-summaryBasketRight {
    height: auto !important;
  }

  .order-button-basket_right {
    width: 100%;
  }
}