/* Opto Zero v3.97 — mobile only.
   1) Cart: move delete button higher to the right, as requested.
   2) List mode: make the +/- quantity block even less stretched.
   No desktop changes, no card redesign. */

@media (max-width: 767px) {
  /* MOBILE CART: move delete button */
  #checkout-cart.oc-cart-page-v35 .oc-cart-table > tbody > tr.oc-cart-line-v383 {
    overflow: visible !important;
  }

  #checkout-cart .oc-cart-line-actions-v383 {
    position: static !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    padding-right: 0 !important;
  }

  #checkout-cart .oc-cart-stepper-v383 {
    width: 124px !important;
    min-width: 124px !important;
    max-width: 124px !important;
  }

  #checkout-cart .oc-cart-remove-v383 {
    position: absolute !important;
    top: 58px !important;
    right: 12px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 14px !important;
    z-index: 3 !important;
  }

  /* MOBILE LIST MODE: narrower quantity block only */
  [data-oc-product-grid].oc-list-view .oc-product-card .oc-product-actions,
  .oc-products-grid.oc-list-view .oc-product-card .oc-product-actions,
  .oc-home-products.oc-list-view .oc-product-card .oc-product-actions,
  .search-grid-fix.oc-list-view .oc-product-card .oc-product-actions {
    display: grid !important;
    grid-template-columns: 108px !important;
    justify-content: start !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
  }

  [data-oc-product-grid].oc-list-view .oc-product-card .oc-qty-control,
  .oc-products-grid.oc-list-view .oc-product-card .oc-qty-control,
  .oc-home-products.oc-list-view .oc-product-card .oc-qty-control,
  .search-grid-fix.oc-list-view .oc-product-card .oc-qty-control {
    display: inline-grid !important;
    grid-template-columns: 24px 60px 24px !important;
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    height: 40px !important;
    min-height: 40px !important;
    justify-self: start !important;
    align-self: center !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  [data-oc-product-grid].oc-list-view .oc-product-card .oc-qty-btn,
  .oc-products-grid.oc-list-view .oc-product-card .oc-qty-btn,
  .oc-home-products.oc-list-view .oc-product-card .oc-qty-btn,
  .search-grid-fix.oc-list-view .oc-product-card .oc-qty-btn {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    font-size: 17px !important;
  }

  [data-oc-product-grid].oc-list-view .oc-product-card .oc-qty-input,
  .oc-products-grid.oc-list-view .oc-product-card .oc-qty-input,
  .oc-home-products.oc-list-view .oc-product-card .oc-qty-input,
  .search-grid-fix.oc-list-view .oc-product-card .oc-qty-input {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 6px !important;
    font-size: 15px !important;
    line-height: 40px !important;
    text-align: center !important;
  }
}

@media (max-width: 370px) {
  #checkout-cart .oc-cart-stepper-v383 {
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
  }

  #checkout-cart .oc-cart-remove-v383 {
    top: 54px !important;
    right: 10px !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
  }

  [data-oc-product-grid].oc-list-view .oc-product-card .oc-product-actions,
  .oc-products-grid.oc-list-view .oc-product-card .oc-product-actions,
  .oc-home-products.oc-list-view .oc-product-card .oc-product-actions,
  .search-grid-fix.oc-list-view .oc-product-card .oc-product-actions {
    grid-template-columns: 102px !important;
  }

  [data-oc-product-grid].oc-list-view .oc-product-card .oc-qty-control,
  .oc-products-grid.oc-list-view .oc-product-card .oc-qty-control,
  .oc-home-products.oc-list-view .oc-product-card .oc-qty-control,
  .search-grid-fix.oc-list-view .oc-product-card .oc-qty-control {
    grid-template-columns: 23px 56px 23px !important;
    width: 102px !important;
    min-width: 102px !important;
    max-width: 102px !important;
    height: 38px !important;
    min-height: 38px !important;
  }

  [data-oc-product-grid].oc-list-view .oc-product-card .oc-qty-btn,
  .oc-products-grid.oc-list-view .oc-product-card .oc-qty-btn,
  .oc-home-products.oc-list-view .oc-product-card .oc-qty-btn,
  .search-grid-fix.oc-list-view .oc-product-card .oc-qty-btn {
    width: 23px !important;
    min-width: 23px !important;
    max-width: 23px !important;
    height: 38px !important;
    min-height: 38px !important;
    font-size: 16px !important;
  }

  [data-oc-product-grid].oc-list-view .oc-product-card .oc-qty-input,
  .oc-products-grid.oc-list-view .oc-product-card .oc-qty-input,
  .oc-home-products.oc-list-view .oc-product-card .oc-qty-input,
  .search-grid-fix.oc-list-view .oc-product-card .oc-qty-input {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 38px !important;
    min-height: 38px !important;
    font-size: 14px !important;
    line-height: 38px !important;
  }
}