/* =========================
   PROCARDS GLOBAL BUTTON FIX
   ========================= */

/* Botones negros globales que se ven en varias paginas */
.btn,
button,
input[type="submit"],
input[type="button"],
a.btn,
.bootstrap .btn,
.page-my-account #content .links a,
#content .page-content .btn,
#main .btn,
#main button,
#main input[type="submit"],
#main input[type="button"] {
  background: linear-gradient(180deg,#ff8a00 0%,#ff6a00 100%) !important;
  color: #fff !important;
  border: 1px solid #e56d00 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 14px rgba(255,106,0,.22) !important;
  text-shadow: none !important;
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a.btn:hover,
.bootstrap .btn:hover,
.page-my-account #content .links a:hover,
#content .page-content .btn:hover,
#main .btn:hover,
#main button:hover,
#main input[type="submit"]:hover,
#main input[type="button"]:hover {
  background: linear-gradient(180deg,#ff9f2f 0%,#ff7a00 100%) !important;
  color: #fff !important;
  border-color: #ff7a00 !important;
  text-decoration: none !important;
}

/* Botones oscuros especificos que suelen meter algunos modulos */
.btn-primary,
.btn-secondary,
.btn-default,
.button,
.submit,
.exclusive,
.btn-black,
.black,
a.backtolist,
.backtolist {
  background: linear-gradient(180deg,#ff8a00 0%,#ff6a00 100%) !important;
  color: #fff !important;
  border: 1px solid #e56d00 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 14px rgba(255,106,0,.22) !important;
}

/* =========================
   AUCTION / PREORDER / TABLE PAGINATION
   ========================= */

.dataTables_paginate .paginate_button,
.dataTables_paginate .paginate_button a,
.paginate_button,
.paginate_button a,
.auction_pagination a,
.auction_theme_modern .btn,
.auction_theme_modern .paginate_button,
.auction_theme_modern .paginate_button a,
.auction_theme_modern .auction_pagination a,
.auction_theme_modern a.backtolist,
.auction_theme_modern .backtolist {
  background: linear-gradient(180deg,#ff8a00 0%,#ff6a00 100%) !important;
  color: #fff !important;
  border: 1px solid #e56d00 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 14px rgba(255,106,0,.22) !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.dataTables_paginate .paginate_button:hover,
.dataTables_paginate .paginate_button a:hover,
.paginate_button:hover,
.paginate_button a:hover,
.auction_pagination a:hover,
.auction_theme_modern .btn:hover,
.auction_theme_modern .paginate_button:hover,
.auction_theme_modern .paginate_button a:hover,
.auction_theme_modern .auction_pagination a:hover,
.auction_theme_modern a.backtolist:hover,
.auction_theme_modern .backtolist:hover {
  background: linear-gradient(180deg,#ff9f2f 0%,#ff7a00 100%) !important;
  color: #fff !important;
  border-color: #ff7a00 !important;
}

.dataTables_paginate .current,
.dataTables_paginate .current a,
.paginate_button.current,
.paginate_button.current a {
  background: #ff6a00 !important;
  color: #fff !important;
  border-color: #ff6a00 !important;
}

/* Quitar adornos raros */
.auction_pagination .next:after,
.auction_pagination .previous:after {
  display: none !important;
  content: none !important;
}

/* Evitar requests rotos de iconos del modulo */
.auction_theme_modern #block-auction .form-inline label:after,
.auction_theme_modern #bidders-history .form-inline label:after,
.auction_theme_modern .auction_pagination .next:after,
.auction_theme_modern .auction_pagination .previous:after {
  background-image: none !important;
}

/* =========================
   SEARCH BAR MOBILE FIX
   ========================= */

@media (max-width: 767px) {
  #header .header-top .search-widget,
  #search_widget,
  #search_widget form {
    width: 100% !important;
    max-width: 100% !important;
  }

  #search_widget {
    margin-top: 8px !important;
  }

  #search_widget form {
    display: flex !important;
    align-items: stretch !important;
    position: relative !important;
  }

  #search_widget input[type="search"],
  #search_widget input[type="text"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    line-height: 46px !important;
    padding-left: 16px !important;
    padding-right: 86px !important;
    margin: 0 !important;
    border: 2px solid #ff7a00 !important;
    border-radius: 30px !important;
    box-sizing: border-box !important;
  }

  #search_widget button[type="submit"] {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 46px !important;
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: #ff7a00 !important;
    border: 2px solid #ff7a00 !important;
    box-shadow: none !important;
  }

  #search_widget .wk_voice_block,
  #search_widget .wk_voice_serach {
    position: absolute !important;
    right: 52px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 3 !important;
  }

  /* Espacio para whatsapp flotante */
  body,
  #wrapper,
  #content-wrapper,
  .page-content {
    padding-bottom: 90px !important;
  }
}

/* =========================
   AUCTION MOBILE TOUCHUPS
   ========================= */

@media (max-width: 767px) {
  .auction_theme_modern .dataTables_filter,
  .auction_theme_modern .dataTables_length {
    width: 100% !important;
    float: none !important;
    text-align: left !important;
    margin-bottom: 12px !important;
  }

  .auction_theme_modern .dataTables_filter label,
  .auction_theme_modern .dataTables_length label {
    width: 100% !important;
    display: block !important;
  }

  .auction_theme_modern .dataTables_filter input[type="search"] {
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    padding: 12px 14px !important;
  }

  .auction_theme_modern .dataTables_paginate,
  .auction_theme_modern .auction_pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
  }
}


/* =========================
   HOTFIX: NO TOCAR TARJETAS DE MI CUENTA
   ========================= */

.page-my-account #content .links a,
#my-account #content .links a,
.page-customer-account #content .links a,
#authentication #content .links a {
  background: #fff !important;
  color: #555 !important;
  border: 1px solid #ebebeb !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
  text-shadow: none !important;
  border-radius: 0 !important;
}

.page-my-account #content .links a:hover,
#my-account #content .links a:hover,
.page-customer-account #content .links a:hover,
#authentication #content .links a:hover {
  background: #fff !important;
  color: #333 !important;
  border-color: #ebebeb !important;
  text-decoration: none !important;
}

.page-my-account #content .links a i,
#my-account #content .links a i,
.page-customer-account #content .links a i,
#authentication #content .links a i {
  color: #555 !important;
}

.page-my-account #content .links a span,
.page-my-account #content .links a .link-item,
#my-account #content .links a span,
#my-account #content .links a .link-item,
.page-customer-account #content .links a span,
.page-customer-account #content .links a .link-item {
  color: #555 !important;
}

/* Mantener SOLO botones reales con look ProCards */
.btn,
button,
input[type="submit"],
input[type="button"],
a.btn,
.bootstrap .btn,
#main .btn,
#main button,
#main input[type="submit"],
#main input[type="button"],
.dataTables_paginate .paginate_button,
.dataTables_paginate .paginate_button a,
.paginate_button,
.paginate_button a,
.auction_pagination a,
.auction_theme_modern .btn,
.auction_theme_modern .paginate_button,
.auction_theme_modern .paginate_button a,
.auction_theme_modern .auction_pagination a,
.auction_theme_modern a.backtolist,
.auction_theme_modern .backtolist {
  background: linear-gradient(180deg,#ff8a00 0%,#ff6a00 100%) !important;
  color: #fff !important;
  border: 1px solid #e56d00 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 14px rgba(255,106,0,.22) !important;
  text-shadow: none !important;
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a.btn:hover,
.bootstrap .btn:hover,
#main .btn:hover,
#main button:hover,
#main input[type="submit"]:hover,
#main input[type="button"]:hover,
.dataTables_paginate .paginate_button:hover,
.dataTables_paginate .paginate_button a:hover,
.paginate_button:hover,
.paginate_button a:hover,
.auction_pagination a:hover,
.auction_theme_modern .btn:hover,
.auction_theme_modern .paginate_button:hover,
.auction_theme_modern .paginate_button a:hover,
.auction_theme_modern .auction_pagination a:hover,
.auction_theme_modern a.backtolist:hover,
.auction_theme_modern .backtolist:hover {
  background: linear-gradient(180deg,#ff9f2f 0%,#ff7a00 100%) !important;
  color: #fff !important;
  border-color: #ff7a00 !important;
  text-decoration: none !important;
}

/* Evitar requests rotos de iconos del modulo */
.auction_theme_modern #block-auction .form-inline label:after,
.auction_theme_modern #bidders-history .form-inline label:after,
.auction_theme_modern .auction_pagination .next:after,
.auction_theme_modern .auction_pagination .previous:after {
  background-image: none !important;
}


/* =========================
   HOTFIX: NO TOCAR TARJETAS DE MI CUENTA
   ========================= */

.page-my-account #content .links a,
#my-account #content .links a,
.page-customer-account #content .links a,
#authentication #content .links a {
  background: #fff !important;
  color: #555 !important;
  border: 1px solid #ebebeb !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
  text-shadow: none !important;
  border-radius: 0 !important;
}

.page-my-account #content .links a:hover,
#my-account #content .links a:hover,
.page-customer-account #content .links a:hover,
#authentication #content .links a:hover {
  background: #fff !important;
  color: #333 !important;
  border-color: #ebebeb !important;
  text-decoration: none !important;
}

.page-my-account #content .links a i,
#my-account #content .links a i,
.page-customer-account #content .links a i,
#authentication #content .links a i {
  color: #555 !important;
}

.page-my-account #content .links a span,
.page-my-account #content .links a .link-item,
#my-account #content .links a span,
#my-account #content .links a .link-item,
.page-customer-account #content .links a span,
.page-customer-account #content .links a .link-item {
  color: #555 !important;
}

/* Mantener SOLO botones reales con look ProCards */
.btn,
button,
input[type="submit"],
input[type="button"],
a.btn,
.bootstrap .btn,
#main .btn,
#main button,
#main input[type="submit"],
#main input[type="button"],
.dataTables_paginate .paginate_button,
.dataTables_paginate .paginate_button a,
.paginate_button,
.paginate_button a,
.auction_pagination a,
.auction_theme_modern .btn,
.auction_theme_modern .paginate_button,
.auction_theme_modern .paginate_button a,
.auction_theme_modern .auction_pagination a,
.auction_theme_modern a.backtolist,
.auction_theme_modern .backtolist {
  background: linear-gradient(180deg,#ff8a00 0%,#ff6a00 100%) !important;
  color: #fff !important;
  border: 1px solid #e56d00 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 14px rgba(255,106,0,.22) !important;
  text-shadow: none !important;
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a.btn:hover,
.bootstrap .btn:hover,
#main .btn:hover,
#main button:hover,
#main input[type="submit"]:hover,
#main input[type="button"]:hover,
.dataTables_paginate .paginate_button:hover,
.dataTables_paginate .paginate_button a:hover,
.paginate_button:hover,
.paginate_button a:hover,
.auction_pagination a:hover,
.auction_theme_modern .btn:hover,
.auction_theme_modern .paginate_button:hover,
.auction_theme_modern .paginate_button a:hover,
.auction_theme_modern .auction_pagination a:hover,
.auction_theme_modern a.backtolist:hover,
.auction_theme_modern .backtolist:hover {
  background: linear-gradient(180deg,#ff9f2f 0%,#ff7a00 100%) !important;
  color: #fff !important;
  border-color: #ff7a00 !important;
  text-decoration: none !important;
}

/* Evitar requests rotos de iconos del modulo */
.auction_theme_modern #block-auction .form-inline label:after,
.auction_theme_modern #bidders-history .form-inline label:after,
.auction_theme_modern .auction_pagination .next:after,
.auction_theme_modern .auction_pagination .previous:after {
  background-image: none !important;
}


/* =========================
   HOTFIX: NO TOCAR TARJETAS DE MI CUENTA
   ========================= */

.page-my-account #content .links a,
#my-account #content .links a,
.page-customer-account #content .links a,
#authentication #content .links a {
  background: #fff !important;
  color: #555 !important;
  border: 1px solid #ebebeb !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
  text-shadow: none !important;
  border-radius: 0 !important;
}

.page-my-account #content .links a:hover,
#my-account #content .links a:hover,
.page-customer-account #content .links a:hover,
#authentication #content .links a:hover {
  background: #fff !important;
  color: #333 !important;
  border-color: #ebebeb !important;
  text-decoration: none !important;
}

.page-my-account #content .links a i,
#my-account #content .links a i,
.page-customer-account #content .links a i,
#authentication #content .links a i {
  color: #555 !important;
}

.page-my-account #content .links a span,
.page-my-account #content .links a .link-item,
#my-account #content .links a span,
#my-account #content .links a .link-item,
.page-customer-account #content .links a span,
.page-customer-account #content .links a .link-item {
  color: #555 !important;
}

/* Mantener SOLO botones reales con look ProCards */
.btn,
button,
input[type="submit"],
input[type="button"],
a.btn,
.bootstrap .btn,
#main .btn,
#main button,
#main input[type="submit"],
#main input[type="button"],
.dataTables_paginate .paginate_button,
.dataTables_paginate .paginate_button a,
.paginate_button,
.paginate_button a,
.auction_pagination a,
.auction_theme_modern .btn,
.auction_theme_modern .paginate_button,
.auction_theme_modern .paginate_button a,
.auction_theme_modern .auction_pagination a,
.auction_theme_modern a.backtolist,
.auction_theme_modern .backtolist {
  background: linear-gradient(180deg,#ff8a00 0%,#ff6a00 100%) !important;
  color: #fff !important;
  border: 1px solid #e56d00 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 14px rgba(255,106,0,.22) !important;
  text-shadow: none !important;
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a.btn:hover,
.bootstrap .btn:hover,
#main .btn:hover,
#main button:hover,
#main input[type="submit"]:hover,
#main input[type="button"]:hover,
.dataTables_paginate .paginate_button:hover,
.dataTables_paginate .paginate_button a:hover,
.paginate_button:hover,
.paginate_button a:hover,
.auction_pagination a:hover,
.auction_theme_modern .btn:hover,
.auction_theme_modern .paginate_button:hover,
.auction_theme_modern .paginate_button a:hover,
.auction_theme_modern .auction_pagination a:hover,
.auction_theme_modern a.backtolist:hover,
.auction_theme_modern .backtolist:hover {
  background: linear-gradient(180deg,#ff9f2f 0%,#ff7a00 100%) !important;
  color: #fff !important;
  border-color: #ff7a00 !important;
  text-decoration: none !important;
}

/* Evitar requests rotos de iconos del modulo */
.auction_theme_modern #block-auction .form-inline label:after,
.auction_theme_modern #bidders-history .form-inline label:after,
.auction_theme_modern .auction_pagination .next:after,
.auction_theme_modern .auction_pagination .previous:after {
  background-image: none !important;
}


/* Auction module ProCards override */
@import url("/modules/auction/views/css/procards-override.css");

/* === ProCards mobile product layout fix === */
@media (max-width: 767px) {
  .product-prices,
  .product-information,
  .product-actions,
  .product-add-to-cart,
  .product-quantity,
  .pb-right-column,
  .product-right,
  .product-info,
  .product-details {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .product-add-to-cart,
  .product-actions .product-add-to-cart,
  .product-actions .input-group,
  .product-add-to-cart .add {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
  }

  #quantity_wanted,
  .qty,
  .input-group.bootstrap-touchspin input {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    text-align: center !important;
  }

  .product-add-to-cart .add-to-cart,
  .product-add-to-cart .ajax_add_to_cart_button,
  .product-add-to-cart .btn-primary {
    flex: 1 1 calc(100% - 56px) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 56px) !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    line-height: 1.1 !important;
    text-align: center !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
  }

  .wishlist-button-add,
  .btn-product-wishlist,
  .product-add-to-cart .wishlist,
  .product-add-to-cart .wishlist-button {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .btn,
  .button,
  .ajax_add_to_cart_button,
  .add-to-cart,
  .btn-primary,
  .btn-default,
  .ets_share_this_product,
  .affiliate_button,
  .ets_am_affiliate_link,
  .product-actions .btn,
  .product-add-to-cart .btn {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  .ets_share_this_product,
  .affiliate_button,
  .ets_am_affiliate_link,
  .product-actions .btn:not(.add-to-cart):not(.ajax_add_to_cart_button):not(.btn-product-wishlist) {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
  }

  .ets_am_product_message,
  .ets_aff_product,
  .product-affiliate-box,
  .product-reward-box,
  .alert,
  .product-discount-box {
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .joinchat,
  .whatsapp-widget,
  .sticky-whatsapp {
    transform: scale(.88) !important;
    transform-origin: bottom right !important;
  }
}
/* === /ProCards mobile product layout fix === */

/* === ProCards autocomplete uniform thumbnails === */
.ui-autocomplete .ui-menu-item > a,
ul.ui-autocomplete li.ui-menu-item > a {
  display: grid !important;
  grid-template-columns: 56px 1fr !important;
  align-items: center !important;
  column-gap: 12px !important;
  min-height: 78px !important;
}

.ui-autocomplete .autocomplete-thumbnail,
ul.ui-autocomplete .autocomplete-thumbnail {
  width: 56px !important;
  height: 78px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  min-height: 78px !important;
  max-height: 78px !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  background: #fff !important;
  border: 1px solid #eee !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-self: center !important;
  align-self: center !important;
  border-radius: 2px !important;
}

.ui-autocomplete .product,
ul.ui-autocomplete .product {
  display: block !important;
  flex: 1 1 auto !important;
  line-height: 1.25 !important;
}
/* === /ProCards autocomplete uniform thumbnails === */

/* === ProCards ETS OPC mobile cart cleanup === */
@media (max-width: 767px) {
  .form_info_price_mobile > .row {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  .form_info_price_mobile > .row > div,
  .form_info_price_mobile > .row > div.form_total_price,
  .product-line-grid-qty,
  .product-line-grid-price,
  .product-line-grid-right.product-line-actions {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-align: left !important;
    padding: 0 !important;
    border-left: 0 !important;
  }

  .product-line-grid-right .qty:before,
  .product-line-grid-right .form_price:before,
  .product-line-grid-right .form_total_price:before,
  .onepagecheckout-left .product-line-grid-qty .qty:before,
  .onepagecheckout-left .product-line-grid-right.product-line-actions:before {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    margin: 0 0 4px 0 !important;
    text-align: left !important;
    color: #777 !important;
  }

  .product-line-grid-qty .qty,
  .onepagecheckout-left .product-line-grid-qty .qty {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  .block-onepagecheckout .input-group.bootstrap-touchspin {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    height: 36px !important;
    margin: 0 !important;
    position: relative !important;
    padding: 0 !important;
    box-shadow: none !important;
  }

  .block-onepagecheckout .input-group.bootstrap-touchspin input.js-cart-line-product-quantity {
    position: static !important;
    order: 2 !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    border-radius: 0 !important;
    z-index: 1 !important;
  }

  .block-onepagecheckout .bootstrap-touchspin .input-group-btn-vertical {
    position: static !important;
    display: contents !important;
  }

  .block-onepagecheckout .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    position: static !important;
    order: 1 !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #b3ccd1 !important;
    border-right: 0 !important;
    border-radius: 18px 0 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
  }

  .block-onepagecheckout .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    position: static !important;
    order: 3 !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #b3ccd1 !important;
    border-left: 0 !important;
    border-radius: 0 18px 18px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
  }

  .block-onepagecheckout .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down:before,
  .block-onepagecheckout .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up:before {
    position: static !important;
    transform: none !important;
    -webkit-transform: none !important;
    margin: 0 !important;
    line-height: 1 !important;
  }

  .form_total_price,
  .product-line-grid-price {
    text-align: left !important;
  }

  #form_ets_onepagecheckout .form_price .product-price,
  #form_ets_onepagecheckout .form_total_price .product-price,
  #form_ets_onepagecheckout .product-price {
    margin-top: 0 !important;
  }
}
/* === /ProCards ETS OPC mobile cart cleanup === */

/* === ProCards ETS OPC mobile coupon + totals cleanup === */
@media (max-width: 767px) {
  /* Cupón en vertical y sin icono lateral */
  .block-onepagecheckout .block-promo .promo-code {
    padding: 0 !important;
    margin-top: 8px !important;
  }

  .block-onepagecheckout .block-promo .promo-code form {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding-left: 0 !important;
    text-align: left !important;
  }

  .block-onepagecheckout span.ets_icon_scices.ets_icon_svg,
  .block-onepagecheckout .ets_icon_scices,
  .block-onepagecheckout .ets_icon_scices:before,
  .block-onepagecheckout .ets_icon_scices:after {
    display: none !important;
    content: none !important;
  }

  .block-onepagecheckout .block-promo .promo-input {
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    text-align: center !important;
  }

  #form_ets_onepagecheckout .promo-code .btn-primary,
  .block-onepagecheckout .block-promo .promo-input + button,
  .block-onepagecheckout .block-promo .promo-code button {
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    margin: 0 !important;
    white-space: normal !important;
  }

  /* Caja de totales más ancha y legible */
  .block-onepagecheckout .cart-detailed-totals,
  .block-onepagecheckout .card-block.cart-summary-totals {
    display: block !important;
    width: 100% !important;
    margin-top: 12px !important;
  }

  .block-onepagecheckout .cart-detailed-totals .cart-summary-line {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 6px 0 !important;
    margin: 0 !important;
  }

  .block-onepagecheckout .cart-detailed-totals .cart-summary-line span,
  .block-onepagecheckout .card-block.cart-summary-totals .cart-summary-line span {
    display: block !important;
    width: auto !important;
    float: none !important;
    padding: 0 !important;
  }

  .block-onepagecheckout .cart-detailed-totals .cart-summary-line .label,
  .block-onepagecheckout .card-block.cart-summary-totals .cart-summary-line .label {
    text-align: left !important;
    max-width: 62% !important;
    white-space: normal !important;
    line-height: 1.25 !important;
  }

  .block-onepagecheckout .cart-detailed-totals .cart-summary-line .value,
  .block-onepagecheckout .card-block.cart-summary-totals .cart-summary-line .value,
  .block-onepagecheckout .cart-detailed-totals .cart-summary-line .sub {
    text-align: right !important;
    margin-left: auto !important;
    white-space: nowrap !important;
  }

  .block-onepagecheckout .card-block.cart-summary-totals .cart-summary-line.cart-total {
    margin-top: 10px !important;
  }

  .block-onepagecheckout .card-block.cart-summary-totals .cart-summary-line.cart-total .label,
  .block-onepagecheckout .card-block.cart-summary-totals .cart-summary-line.cart-total .value {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }
}
/* === /ProCards ETS OPC mobile coupon + totals cleanup === */

/* === ProCards checkout help block === */
.procards-checkout-help{
  margin:16px 0 0;
  padding:14px;
  border:1px solid #ffd7b8;
  background:#fff7f0;
  border-radius:8px;
}
.procards-checkout-help-title{
  font-weight:700;
  color:#111;
  margin-bottom:6px;
}
.procards-checkout-help-text{
  font-size:14px;
  line-height:1.45;
  color:#555;
  margin-bottom:10px;
}
.procards-checkout-help-btn{
  display:inline-block;
  background:#ff8a00;
  color:#fff !important;
  padding:10px 14px;
  border-radius:8px;
  text-decoration:none !important;
  font-weight:700;
}
.procards-checkout-help-btn:hover{
  opacity:.92;
}
@media (max-width: 767px){
  .procards-checkout-help-btn{
    display:block;
    width:100%;
    text-align:center;
  }
}
/* === /ProCards checkout help block === */