.desktop.footer-reveal .site-wrapper header {
    background-color: #fff !important;
}

.desktop-main-menu-wrapper .main-menu .main-menu-item {
    margin-right: 6px !important;
}

.desktop-header-active .desktop-main-menu-wrapper {
    min-height: 40px !important;
}

.desktop .language .dropdown:hover,
.desktop .currency .dropdown:hover {
    background: none !important;
}


.main-products.product-list .product-thumb {
    box-shadow: none !important;
}

.language .dropdown-toggle .symbol+span,
.currency .dropdown-toggle .symbol+span {
    margin-left: 5px !important;
}

div.mega-menu-content .item-content {
    box-shadow: none !important;
}

div.mega-menu-content .item-content:hover {
    cursor: pointer;
}

div.top-menu.secondary-menu div.top-menu.top-menu-14 ul li {
    height: 40px !important;
}

.desktop-header-active .header-classic .desktop-cart-wrapper {
    width: 70px !important;
}

.overlay-cart {
    z-index: 1000;
}

html.cart-footer-relative .site-wrapper>footer {
    position: relative !important;
    bottom: auto !important;
    width: 100% !important;
}


.btn-secondary {
    color: rgba(0, 0, 0, 0.75) !important;
}

html.route-account-account div.my-account-more,
html.route-account-account div.my-newsletter {
    display: none !important;
}

/*Multicurrency system*/
span.multicurrency {
    font-size: 0.4em;
    position: relative;
    width: 100%;
    display: block;
    opacity: 0.7;
}

.price-old span.multicurrency,
.product-price-old span.multicurrency,
.mobile-cart-content-container span.multicurrency,
html.route-checkout-checkout span.multicurrency,
.product-tax span.multicurrency,
div.cross-discount-bundle-items span.multicurrency,
article.stats-card span.multicurrency,
html.route-account-account span.multicurrency,
html.route-account-order-info span.multicurrency,
html.route-account-order span.multicurrency{
    display: none !important;
}

.product-price span.multicurrency,
.product-price-new span.multicurrency {
    top: 0px !important;
    width: 100%;
    text-align: center;
    font-family: 'Chakra Petch', sans-serif !important;
    font-weight: 600 !important;
    /* Chakra Semibold para evitar que se vea fina */
    font-size: 15px !important;
    /* Tamaño absoluto premium y legible */
    opacity: 1 !important;
    /* Más negra (sin opacidad de 0.7) */
    color: #1e293b !important;
    /* Color oscuro pizarra elegante */
    display: block !important;
    margin-top: 4px !important;
}

html.route-checkout-checkout div.checkout-section.cart-section table tr:last-of-type span.multicurrency {
    display: block !important;
    font-size: 1em;
}

html.route-checkout-checkout div.checkout-section.cart-section div.table-responsive table tr span.multicurrency {
    display: none !important;
}


/*
 * Minicarrito: Journal3 (variable "button") suele cambiar tipografía/sombra/padding en :hover con !important.
 * .btn usa transition: all → cualquier cambio mueve el hit area; con flex-wrap en .cart-buttons el salto es peor en panel estrecho.
 */
div.cart-content .cart-buttons .btn-checkout,
div.cart-content .cart-buttons .btn-checkout:hover,
div.cart-content .cart-buttons .btn-checkout:focus,
div.cart-content .cart-buttons .btn-checkout:active {
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    transform: none !important;
    box-sizing: border-box !important;
    min-height: 44px !important;
    align-self: center !important;
}

div.cart-content .cart-buttons .btn-checkout.cart-checkout-main,
div.cart-content .cart-buttons .btn-checkout.cart-checkout-main:hover,
div.cart-content .cart-buttons .btn-checkout.cart-checkout-main:focus,
div.cart-content .cart-buttons .btn-checkout.cart-checkout-main:active {
    padding: 10px 10px !important;
    font-size: 14px !important;
}

div.cart-content .cart-buttons .btn-checkout span,
div.cart-content .cart-buttons .btn-checkout:hover span,
div.cart-content .cart-buttons .btn-checkout:focus span,
div.cart-content .cart-buttons .btn-checkout:active span {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

div.cart-content .cart-buttons .btn.btn-checkout::after,
div.cart-content .cart-buttons .btn.btn-checkout:hover::after,
div.cart-content .cart-buttons .btn.btn-checkout:focus::after {
    font-size: 14px !important;
    line-height: 1 !important;
    transform: none !important;
}

@media (min-width: 1025px) {

    div.cart-content .cart-buttons .btn-checkout,
    div.cart-content .cart-buttons .btn-checkout:hover,
    div.cart-content .cart-buttons .btn-checkout:focus,
    div.cart-content .cart-buttons .btn-checkout:active {
        font-size: 14px !important;
    }

    div.cart-content .cart-buttons .btn-checkout.cart-checkout-main,
    div.cart-content .cart-buttons .btn-checkout.cart-checkout-main:hover,
    div.cart-content .cart-buttons .btn-checkout.cart-checkout-main:focus,
    div.cart-content .cart-buttons .btn-checkout.cart-checkout-main:active {
        padding: 12px 10px !important;
    }

    div.cart-content .cart-buttons .btn.btn-checkout::after,
    div.cart-content .cart-buttons .btn.btn-checkout:hover::after,
    div.cart-content .cart-buttons .btn.btn-checkout:focus::after {
        font-size: 16px !important;
    }
}

div.cart-content .cart-buttons .btn-checkout {
    transition-property: background-color, color, border-color, box-shadow, opacity !important;
    transition-duration: 0.15s !important;
    transition-timing-function: ease !important;
}

/* Fila del pie del carrito: evita que un hover micro-mueva el wrap */
div.cart-content .cart-buttons {
    flex-wrap: wrap !important;
    row-gap: 8px !important;
    column-gap: 8px !important;
    align-content: center !important;
}

.desktop .main-menu>.j-menu>li:hover>a {
    font-weight: 400 !important;
}

.main-products.product-grid .product-thumb {
    border: none !important;
}


.main-products.product-grid .product-thumb .extra-group .btn:first-child::before,
.module-products-grid .product-grid .product-thumb .extra-group .btn:first-child::before,
.main-products .product-thumb .extra-group .btn::before,
.module-products-grid .product-grid .product-thumb .extra-group .btn::before {
    font-size: 15px !important;
    /* Armonizado con el texto de 14px */
    margin-right: 6px !important;
}

/* Categoria: carrito + texto Comprar (CTA de tarjetas de producto) */
.route-product-category .main-products.product-grid .product-thumb .extra-group .btn.btn,
.route-product-category .main-products.product-grid .product-thumb .extra-group .btn.btn:hover,
.route-product-category .main-products.product-grid .product-thumb .extra-group .btn.btn:focus,
.route-product-category .main-products.product-grid .product-thumb .extra-group .btn.btn:active,
.route-product-category .module-products-grid .product-grid .product-thumb .extra-group .btn.btn,
.route-product-category .module-products-grid .product-grid .product-thumb .extra-group .btn.btn:hover,
.route-product-category .module-products-grid .product-grid .product-thumb .extra-group .btn.btn:focus,
.route-product-category .module-products-grid .product-grid .product-thumb .extra-group .btn.btn:active,
.route-product-category .main-products.product-grid .product-thumb .extra-group .btn.btn .btn-text,
.route-product-category .module-products-grid .product-grid .product-thumb .extra-group .btn.btn .btn-text,
.route-product-category .main-products.product-grid .product-thumb .extra-group .btn.btn::before,
.route-product-category .module-products-grid .product-grid .product-thumb .extra-group .btn.btn::before {
    color: #000 !important;
    opacity: 1 !important;
}

.main-products.product-grid .product-thumb div.options-qty-hover div.option-qty-actions .btn.btn.btn-cart,
.main-products.product-grid .product-thumb div.options-qty-hover div.option-qty-actions .btn.btn.btn-cart:hover {
    font-size: 14px !important;
}

.main-products.product-grid .product-thumb div.options-qty-hover div.option-qty-actions .btn.btn-default.btn-compare {
    display: block !important;
}


.product-label-default.product-label-30 {
    display: block !important;
    position: absolute !important;
    float: left !important;
    width: 100% !important;
    bottom: 0px !important;
}

.product-label-default.product-label-30 b {
    width: 100% !important;
    font-size: 15px !important;
    color: rgba(0, 0, 0, 0.75) !important;
    font-weight: 400 !important;

}

.product-info .product-details .product-price-group .price-wrapper {
    width: 26%;
}

#product {
    margin-bottom: 20px;
}

.options-qty-panel .option-qty-error {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    margin: 0px;
    font-weight: 400;
    font-size: 16px;
}

.form-horizontal .form-group {
    margin-bottom: 12px;
}

/*FILTER IMPROVE - DISABLED (requested revert to previous filter bar)*/


@media all and (max-width: 0px) {

    :root {
        --pf-accent: #5c0a57;
        --pf-accent-strong: #42063f;
        --pf-bg: #ffffff;
        --pf-bg-soft: #f8f9fb;
        --pf-border: #e8eaf1;
        --pf-text: #2a2f3a;
        --pf-text-muted: #6f7787;
        --pf-radius: 14px;
        --pf-radius-sm: 10px;
        --pf-shadow: 0 10px 30px rgba(17, 24, 39, 0.08);
        --pf-focus: 0 0 0 3px rgba(92, 10, 87, 0.18);
    }

    /* Tarjeta general */
    .side-column .module-filter {
        background: var(--pf-bg);
        border: 1px solid var(--pf-border);
        border-radius: var(--pf-radius);
        box-shadow: var(--pf-shadow);
        overflow: hidden;
    }

    .side-column .module-filter .module-title {
        padding: 14px 16px;
        margin: 0;
        border-bottom: 1px solid var(--pf-border);
        background: linear-gradient(180deg, #fff 0%, #fbfbfe 100%);
    }

    .side-column .module-filter .module-title .title {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.2px;
        color: var(--pf-text);
    }

    /* Bloques de filtros */
    .side-column .module-filter .panel-group {
        margin: 0;
    }

    .side-column .module-filter .panel {
        border: 0;
        border-bottom: 1px solid var(--pf-border);
        margin: 0;
        background: transparent;
    }

    .side-column .module-filter .panel:last-child {
        border-bottom: 0;
    }

    .side-column .module-filter .panel-heading {
        padding: 0;
        background: transparent;
    }

    .side-column .module-filter .panel-title>a,
    .side-column .module-filter .panel-title>span {
        padding: 13px 16px;
        font-weight: 500 !important;
        position: relative;
        float: left;
        color: var(--pf-text);
        transition: background-color 0.2s ease, color 0.2s ease;
        width: 100%;
    }

    .side-column .module-filter .panel-title>a b,
    .side-column .module-filter .links-text b {
        font-weight: 500 !important;
    }

    .side-column .module-filter .panel-title>a:hover,
    .side-column .module-filter .panel-title>a:focus {
        background: var(--pf-bg-soft);
        color: var(--pf-text) !important;
    }

    .side-column .module-filter .panel-body>div>label:hover .links-text {
        font-size: 13px !important;
        color: var(--pf-text) !important;
    }


    .module-filter-406 .panel-group .panel-heading a::before {
        font-size: 10px;
        color: var(--pf-text) !important;
    }

    .side-column .module-filter .panel-body {
        padding: 8px 14px 14px;
    }

    /* Opciones (checkbox/radio) */
    .side-column .module-filter .panel-body>div>label {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 9px;
        margin: 0;
        padding-left: 12px;
        border-radius: var(--pf-radius-sm);
        cursor: pointer;
        color: var(--pf-text);
        transition: background-color 0.15s ease, transform 0.15s ease;
    }

    .side-column .module-filter .panel-body>div>label+label {
        margin-top: 3px;
    }

    .side-column .module-filter .panel-body>div>label:hover {
        background: var(--pf-bg-soft);
    }

    .side-column .module-filter .panel-body>div>label:has(input:checked) {
        background: rgba(92, 10, 87, 0.07);
    }

    .side-column .module-filter .links-text {
        font-weight: 400 !important;
    }

    .side-column .module-filter .panel-body>div>label input[type='checkbox'],
    .side-column .module-filter .panel-body>div>label input[type='radio'] {
        width: 16px;
        height: 16px;
        accent-color: var(--pf-accent);
        margin: 0;
        flex: 0 0 auto;
    }

    .grid-row-column-left-1 {
        padding-left: 0px !important;
    }

    .side-column .module-filter .links-text {
        color: var(--pf-text);
        font-size: 13px;
        font-weight: 600;
    }

    .side-column .module-filter .count-badge {
        margin-left: auto;
        background: #eff2f7;
        color: var(--pf-text-muted);
        border-radius: 999px;
        font-size: 11px;
        font-weight: 700;
        min-width: 24px;
        height: 22px;
        padding: 0 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* Slider precio */
    .side-column .module-filter .irs-line {
        background: #e9ebf2;
        border-radius: 999px;
        height: 6px;
    }

    .side-column .module-filter .irs-bar {
        background: linear-gradient(90deg, var(--pf-accent) 0%, #7b1780 100%);
        height: 6px;
    }

    .side-column .module-filter .irs-slider {
        width: 16px;
        height: 16px;
        top: 18px;
        border: 2px solid #fff;
        border-radius: 50%;
        background: var(--pf-accent);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }



    /* Botón reset dentro del módulo */
    .side-column .module-filter .module-title button.reset-filter,
    .side-column .module-filter .module-title button.reset-filter:hover {
        color: var(--pf-text) !important;
        position: relative;
        float: right;
        top: 10px;
        padding: 0px;
        background: none !important;
        box-shadow: none !important;
    }

    .side-column .module-filter .module-title button.reset-filter:hover::before,
    .side-column .module-filter .module-title button.reset-filter::before {
        font-size: 10px;
        color: var(--pf-text) !important;
    }

    /* Scroll largo más limpio */
    .side-column .module-filter .panel-body::-webkit-scrollbar {
        width: 8px;
    }

    .side-column .module-filter .panel-body::-webkit-scrollbar-thumb {
        background: #d8dcea;
        border-radius: 8px;
    }

    /* Modo móvil (drawer de filtros) */
    .mobile-filter-wrapper .module-filter {
        border-radius: 0;
        box-shadow: none;
        border: 0;
    }

    .mobile-filter-wrapper .module-filter .panel-title>a,
    .mobile-filter-wrapper .module-filter .panel-title>span {
        padding: 14px 8px;
    }

    /* Accesibilidad: foco visible */
    .side-column .module-filter a:focus-visible,
    .side-column .module-filter button:focus-visible,
    .side-column .module-filter input:focus-visible {
        outline: none;
        box-shadow: var(--pf-focus);
        border-radius: 8px;
    }

    /* Fallback para navegadores sin :has() */
    @supports not selector(:has(*)) {

        .side-column .module-filter .panel-body>div>label input:checked+img,
        .side-column .module-filter .panel-body>div>label input:checked~.links-text {
            filter: saturate(1.05);
        }
    }

    .module-filter-406 .panel-group .panel {
        margin-top: 0px !important;
    }

}

/*FILTER IMPROVE - END DISABLED*/

/*
 * Mini-carrito en cabecera: solo alineación del enlace/icono.
 * NO forzar height:auto en #cart ni wrappers: tras cargar, journal3/js/mql.js ejecuta
 * desktopHeader() y mueve #cart al .desktop-cart-wrapper definitivo; si antes el #cart
 * no estaba dentro de .header-cart-group/.mid-bar, un height:auto que solo aplica después
 * del movimiento provoca un salto visual ("al cargar se sube el carrito").
 * Va con header_icons_tooltips.ocmod.xml (tooltip posicionado por JS).
 */
html.desktop-header-active #cart>a.cart-heading,
html.desktop-header-active #cart>a.dropdown-toggle {
    display: flex !important;
    align-items: center !important;
    min-height: 0 !important;
    overflow: visible !important;
}

html.desktop-header-active #cart>a>i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

/* Minicart: ocultar puntero .j-dropdown cuando el desplegable está cerrado (evita triángulo huérfano) */
html.desktop-header-active #cart:not(.open) #cart-content.j-dropdown::before {
    display: none !important;
}

/* Hardening desktop cart icon: never render extra triangular pseudo-elements */
html.desktop-header-active #cart-content.j-dropdown::before,
html.desktop-header-active #cart>a::after,
html.desktop-header-active #cart>a>i::after,
html.desktop-header-active #cart .header-cart-tooltip::before,
html.desktop-header-active #cart .header-cart-tooltip::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
}

/* Product page: reward points below EAN + bold + Journal star icon */
#product-product .product-info .product-stats li.product-ean {
    order: 998;
}

#product-product .product-info .product-stats li.product-reward {
    order: 999;
    font-weight: 700;
}

#product-product .product-info .product-stats li.product-reward b,
#product-product .product-info .product-stats li.product-reward span {
    font-weight: 700;
}

#product-product .product-info .product-stats li.product-reward::before {
    content: none !important;
    display: none !important;
}

#product-product .product-info .product-stats li.product-reward .reward-points-icon {
    font-size: 13px;
    line-height: 1;
    margin-left: 5px;
    margin-right: 2px;
}



@media only screen and (max-width: 470px) {
    .product-info:not(.has-sticky-option-actions) .product-details .product-price-group .price-wrapper {
        width: 100%;
    }

    .route-product-product:not(.popup) .product-info:not(.has-sticky-option-actions) .product-details .product-price,
    .route-product-product:not(.popup) .product-info:not(.has-sticky-option-actions) .product-details .product-price-new {
        padding: 0px !important;
        line-height: 13px !important;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .route-product-product:not(.popup) .product-info:not(.has-sticky-option-actions) .product-price-group {
        margin-top: 30px;
    }

    .route-product-product:not(.popup) .product-info:not(.has-sticky-option-actions) .product-details .product-price-old,
    .product-info:not(.has-sticky-option-actions) .product-details .product-tax,
    .product-info:not(.has-sticky-option-actions) .product-stats .product-stock,
    .product-info:not(.has-sticky-option-actions) .product-details .product-stats {
        padding: 0px !important;
    }

    .product-info:not(.has-sticky-option-actions) .product-price span.multicurrency,
    .product-info:not(.has-sticky-option-actions) .product-price-new span.multicurrency {
        top: 10px;
    }

    .product-info:not(.has-sticky-option-actions) .product-stats li {
        margin-right: 0px;
    }

    .product-info:not(.has-sticky-option-actions) .product-details .product-price-group .price-wrapper {
        flex: 0 0 40%;
        padding-top: 24px;
    }

    .route-product-product:not(.popup) .product-info:not(.has-sticky-option-actions) .product-price-group .product-stats {
        flex: 0 0 60%;
    }

    #product div.options-qty-panel .stepper span i {
        width: 100%;
    }
}

@media only screen and (max-width: 760px) {

    .product-info .product-left,
    .product-info .product-right {
        width: 100% !important;
    }

}

/* ============================================================
   Related Products in Cart Sidebar
   ============================================================ */

.mobile-container.mobile-cart-content-container {
    width: min(90vw, 420px) !important;
    max-width: 100% !important;
}

.mobile-cart-content-wrapper {
    width: 100%;
}

.mobile-header-active .cart-content .cart-totals {
    width: min(90vw, 420px) !important;
    max-width: 100% !important;
}

/* When product names are too tall, keep the products list scrollable
   so it doesn't invade the related-products/totals area */
div.cart-content .cart-related-products-module~.cart-totals,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module~.cart-totals {
    position: sticky;
    bottom: 0;
    z-index: 3;
}

div.cart-content .cart-related-products-module,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module {
    position: sticky;
    bottom: 109px;
    z-index: 2;
}

div.cart-content .cart-related-products-module~.cart-products,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module~.cart-products,
div.cart-content .cart-products:first-child:nth-last-child(3),
div.cart-content .cart-products:first-child:nth-last-child(2),
.mobile-cart-content-wrapper.cart-content .cart-products:first-child:nth-last-child(3),
.mobile-cart-content-wrapper.cart-content .cart-products:first-child:nth-last-child(2) {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 360px);
}

/* Mini products module in cart: keep it glued to totals */
div.cart-content .cart-related-products-module,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module {
    padding: 10px 10px 10px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(182, 187, 198, 1) !important;
    background-color: #ffffff;
}

.mobile .mobile-cart-content-wrapper.cart-content .cart-related-products-module {
    padding-top: 20px !important;
}

div.cart-content .cart-related-products-module>.module,
div.cart-content .cart-related-products-module .module-body,
div.cart-content .cart-related-products-module .side-products,
div.cart-content .cart-related-products-module .swiper,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module>.module,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .module-body,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .side-products,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .swiper {
    margin-bottom: 0 !important;
}

div.cart-content .cart-related-products-module+.cart-totals,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module+.cart-totals {
    margin-top: 0 !important;
}

div.cart-content .cart-related-products-module .module-side_products,
div.cart-content .cart-related-products-module .side-products,
div.cart-content .cart-related-products-module .side-product,
div.cart-content .cart-related-products-module .product-layout,
div.cart-content .cart-related-products-module .product-thumb,
div.cart-content .cart-related-products-module .caption,
div.cart-content .cart-related-products-module .buttons-wrapper,
div.cart-content .cart-related-products-module .swiper-container,
div.cart-content .cart-related-products-module .swiper-wrapper,
div.cart-content .cart-related-products-module .swiper-slide,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .module-side_products,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .side-products,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .side-product,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .product-layout,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .product-thumb,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .caption,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .buttons-wrapper,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .swiper-container,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .swiper-wrapper,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .swiper-slide {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

div.cart-content .cart-related-products-module .button-group,
div.cart-content .cart-related-products-module .wish-group,
div.cart-content .cart-related-products-module .extra-group,
div.cart-content .cart-related-products-module .price,
div.cart-content .cart-related-products-module .rating,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .button-group,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .wish-group,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .extra-group,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .price,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .rating {
    margin-bottom: 0 !important;
}

div.cart-content .cart-related-products-module .caption,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .caption {
    flex-grow: 0 !important;
}

div.cart-content .cart-related-products-module .buttons-wrapper,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .buttons-wrapper {
    margin-top: 0 !important;
}

div.cart-content .cart-related-products-module .swiper-pagination,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .swiper-pagination {
    position: relative !important;
    bottom: auto !important;
    margin: 4px 0 0 !important;
}

div.cart-content .cart-related-products-module .module-side_products .side-product .btn-cart::before,
.mobile-cart-content-wrapper.cart-content .cart-related-products-module .module-side_products .side-product .btn-cart::before {
    content: '\e936' !important;
    font-family: icomoon !important;
    font-size: 27px !important;
    color: rgba(89, 96, 119, 0.8) !important;
    line-height: 1 !important;
}

/*Botones*/
.buttons .pull-left .btn.btn-default {
    background: rgba(89, 96, 119, 1);
}

/*END Botones*/
/*Phone prefix*/
div.devman-phone-prefix-wrapper {
    position: relative;
}

select.form-control.devman-phone-prefix-select {
    display: none !important;
}

div.devman-phone-prefix-wrapper>input,
.container .quick-checkout-wrapper .left .payment-address div.devman-phone-prefix-wrapper>input.form-control,
.container .quick-checkout-wrapper .left .shipping-address div.devman-phone-prefix-wrapper>input.form-control {
    padding-left: 60px !important;
}

div.devman-phone-prefix-wrapper .bootstrap-select>.dropdown-toggle {
    background: none !important;
    color: #1e293b !important;
    height: 42px !important;
    width: 55px !important;
    margin: 0px !important;
}

div.devman-phone-prefix-wrapper div.dropdown.bootstrap-select {
    position: absolute !important;
    left: 0px !important;
    width: 59px !important;
    height: 40px !important;
    background: none !important;
    padding: 0px !important;
}

div.devman-phone-prefix-wrapper .dropdown bootstrap-select.form-control.devman-phone-prefix-select {
    padding: 0px !important;
}

div.devman-phone-prefix-select span.devman-phone-prefix-option-label {
    margin-right: 20px;
}

/* END Phone prefix*/

#form-country span img {
    width: 20px;
}


/* Eliminar el carácter ":" verde del Stock sin borrar el punto */
#product-product .product-info .product-stats li.product-stock b {
    display: none !important;
}

/* EN STOCK product page: del tamaño del título y con tipografía corporativa (Chakra Petch Bold) */
#product-product .product-info .product-stats li.product-stock {
    display: inline-flex !important;
    align-items: center !important;
    font-family: 'Chakra Petch', sans-serif !important;
    font-weight: 700 !important; /* Puesto a Bold (700) a petición de Víctor */
    margin-bottom: 12px !important;
    /* Espacio premium para separar de los datos de abajo */
}

#product-product .product-info .product-stats li.product-stock::before {
    position: relative !important;
    top: -2px !important;
    /* Ajuste óptico fino para centrar el punto verde */
    margin-top: 0 !important;
    align-self: center !important;
    vertical-align: middle !important;
    font-size: 20px !important;
    /* Tamaño proporcional para PC */
}

#product-product .product-info .product-stats li.product-stock span,
#product-product .product-info .product-stats li.product-stock .quantity_counter p {
    font-size: 22px !important;
    /* Tamaño del título en PC */
    font-weight: 700 !important; /* Puesto a Bold (700) a petición de Víctor */
    line-height: 1.2 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    font-family: 'Chakra Petch', sans-serif !important;
}

/* Precio antiguo en rojo, un poco más grande, regular (delgado) y en Chakra Petch */
#product-product .product-info .product-price-group .price-wrapper .product-price-old {
    color: #dc2626 !important;
    /* Rojo elegante */
    font-family: 'Chakra Petch', sans-serif !important;
    font-weight: 400 !important;
    /* Regular / Delgado */
    font-size: 20px !important; /* Un poco más grande en PC (era 18px) */
    line-height: 1.1 !important;
    display: block !important;
}

/* Ajustes de Stock para Móvil (max-width: 767px) */
@media (max-width: 767px) {
    #product-product .product-info .product-stats li.product-stock {
        margin-bottom: 8px !important;
    }

    #product-product .product-info .product-stats li.product-stock::before {
        font-size: 16px !important;
        /* Tamaño proporcional para móvil */
        top: -1px !important;
        /* Ajuste óptico fino para móvil */
    }

    #product-product .product-info .product-stats li.product-stock span,
    #product-product .product-info .product-stats li.product-stock .quantity_counter p {
        font-size: 20px !important;
        /* Tamaño del título en Móvil */
        font-weight: 700 !important; /* Grosor en móvil */
    }
}

/* Tallas y opciones de producto en el mini-carrito lateral (barra lateral) */
div.cart-content .cart-products tbody .td-name span,
div.cart-content .cart-products tbody .td-name small,
div.cart-content .cart-products tbody .td-name small * {
    font-family: 'Bai Jamjuree', sans-serif !important;
    font-size: 11px !important;
    /* Más pequeño que el nombre del producto, elegante y discreto */
    font-weight: 400 !important;
    /* Regular (sin negrilla ni negro intenso) a petición de Víctor */
    color: #64748b !important;
    /* Gris pizarra elegante y legible */
}

/* Ajustes específicos para el precio y botón "Al Carrito" en Móvil (max-width: 767px) */
@media (max-width: 767px) {

    /* Alinear precio arriba horizontalmente con el Stock */
    #product-product .product-info .product-price-group {
        display: flex !important;
        align-items: flex-start !important;
    }

    #product-product .product-info .product-price-group .price-wrapper {
        flex: 0 0 45% !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    #product-product .product-info .product-price-group .product-stats {
        flex: 0 0 55% !important;
    }

    #product-product .product-info .product-price-group .price-group {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        margin-bottom: 4px !important;
    }

    /* Cuadrar bien debajo el precio antiguo y el precio sin iva */
    #product-product .product-info .product-price-group .price-wrapper .product-price,
    #product-product .product-info .product-price-group .price-wrapper .product-price-new {
        display: block !important;
        line-height: 1.1 !important;
        margin-top: 0 !important;
        margin-bottom: 2px !important;
        font-family: 'Chakra Petch', sans-serif !important;
        font-weight: 700 !important;
        /* Chakra Bold para precio nuevo */
    }

    #product-product .product-info .product-price-group .price-wrapper .product-price-old {
        display: block !important;
        line-height: 1.1 !important;
        margin-top: 0 !important;
        margin-bottom: 2px !important;
        font-family: 'Chakra Petch', sans-serif !important;
        font-weight: 400 !important;
        /* Chakra Regular / Delgado */
        font-size: 20px !important; /* Un poco más grande en móvil (era 16px) */
        color: #dc2626 !important;
        /* Rojo elegante */
    }

    #product-product .product-info .product-price-group .price-wrapper .product-tax {
        display: block !important;
        line-height: 1.2 !important;
        margin-top: 2px !important;
        font-family: 'Bai Jamjuree', sans-serif !important;
        /* Corporativo para sin iva */
        font-weight: 500 !important;
        font-size: 12px !important;
        /* Tamaño unificado */
        color: #64748b !important;
        /* Gris elegante pizarra */
    }

    /* Tipografía y tamaño de "Al Carrito" armonizado con "Favoritos" y "Comparar" */
    #product-product .product-info .product-details #button-cart .btn-text,
    #product-product .product-info .product-details .wishlist-compare .btn .btn-text {
        font-family: 'Chakra Petch', sans-serif !important;
        font-weight: 600 !important;
        /* Chakra Semibold */
        font-size: 14px !important;
        /* Armonizado en tamaño */
    }

    /* Espacio entre el icono de carrito y el texto "Al Carrito" */
    #button-cart::before {
        margin-right: 8px !important;
    }

    /* Unificar y achicar el tamaño de la letra de los labels de Mailchimp en móvil */
    #mc_embed_signup label,
    #mc_embed_signup .mc-field-group label {
        font-family: 'Bai Jamjuree', sans-serif !important;
        font-weight: 500 !important;
        /* Bai Jamjuree Medium */
        font-size: 13px !important;
        /* Tamaño más pequeño unificado como arriba */
        color: #cbd5e1 !important;
        /* Gris claro elegante */
        margin-bottom: 4px !important;
    }

    #mc_embed_signup .indicates-required {
        font-family: 'Bai Jamjuree', sans-serif !important;
        font-weight: 400 !important;
        font-size: 11px !important;
        color: #94a3b8 !important;
    }
}

/* Centrar y distribuir tallas en 2 columnas en móviles y tabletas (ancho <= 1024px) */
@media (max-width: 1024px) {
    html .options-qty-panel .option-qty-group {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 8px !important;
        float: none !important;
        width: 100% !important;
    }

    html .options-qty-panel .option-qty-row {
        float: none !important;
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        margin-right: 0 !important;
        margin-bottom: 8px !important;
        box-sizing: border-box !important;
    }
}

/* PDP actions: keep "Al Carrito" in the same family as quick buy / wishlist / compare,
   but slightly larger, and tighten the mobile spacing before the cross-discount block. */
#product-product .product-info .product-details #button-cart .btn-text,
#product-product .product-info .product-details .btn[data-action="cart"] .btn-text,
#product-product .product-info .product-details .btn[data-action="quickbuy"] .quick-buy-label,
#product-product .product-info .product-details .wishlist-compare .btn .btn-text,
#product-product .product-info .product-details .product-options-qty-actions .btn.btn-wishlist .btn-text,
#product-product .product-info .product-details .product-options-qty-actions .btn.btn-compare .btn-text {
    font-family: 'Chakra Petch', sans-serif !important;
    font-weight: 400 !important;
}

@media (min-width: 768px) {

    #product-product .product-info .product-details #button-cart .btn-text,
    #product-product .product-info .product-details .btn[data-action="cart"] .btn-text,
    .options-qty-panel .option-qty-actions .btn-cart .btn-text,
    .options-qty-hover .option-qty-actions .btn-cart .btn-text,
    .popup-wrapper.popup-options-qty .option-qty-actions .btn-cart .btn-text,
    .product-info.has-product-options-qty .product-options-qty-panel .option-qty-actions .btn-cart .btn-text,
    .product-thumb .options-qty-panel .btn-cart .btn-text,
    .product-thumb .options-qty-hover .btn-cart .btn-text,
    div.add_to_cart_sticky .btn[data-action="cart"] .btn-text,
    .main-products .product-thumb div.options-qty-hover div.option-qty-actions .btn.btn.btn-cart .btn-text,
    .module-products-grid .product-grid .product-thumb div.options-qty-hover div.option-qty-actions .btn.btn.btn-cart .btn-text {
        font-size: 15px !important;
        line-height: 1 !important;
    }

    #product-product .product-info .product-details .btn[data-action="quickbuy"] .quick-buy-label,
    #product-product .product-info .product-details .wishlist-compare .btn .btn-text,
    #product-product .product-info .product-details .product-options-qty-actions .btn.btn-wishlist .btn-text,
    #product-product .product-info .product-details .product-options-qty-actions .btn.btn-compare .btn-text {
        font-size: 16px !important;
        line-height: 1 !important;
    }
}

@media (max-width: 767px) {

    #product-product .product-info .product-details #button-cart .btn-text,
    #product-product .product-info .product-details .btn[data-action="cart"] .btn-text,
    .options-qty-panel .option-qty-actions .btn-cart .btn-text,
    .options-qty-hover .option-qty-actions .btn-cart .btn-text,
    .popup-wrapper.popup-options-qty .option-qty-actions .btn-cart .btn-text,
    .product-info.has-product-options-qty .product-options-qty-panel .option-qty-actions .btn-cart .btn-text,
    .product-thumb .options-qty-panel .btn-cart .btn-text,
    .product-thumb .options-qty-hover .btn-cart .btn-text,
    div.add_to_cart_sticky .btn[data-action="cart"] .btn-text,
    .main-products .product-thumb div.options-qty-hover div.option-qty-actions .btn.btn.btn-cart .btn-text,
    .module-products-grid .product-grid .product-thumb div.options-qty-hover div.option-qty-actions .btn.btn.btn-cart .btn-text {
        font-size: 14px !important;
        line-height: 1 !important;
    }

    #product-product .product-info .product-details .btn[data-action="quickbuy"] .quick-buy-label,
    #product-product .product-info .product-details .wishlist-compare .btn .btn-text,
    #product-product .product-info .product-details .product-options-qty-actions .btn.btn-wishlist .btn-text,
    #product-product .product-info .product-details .product-options-qty-actions .btn.btn-compare .btn-text {
        font-size: 14px !important;
        line-height: 1 !important;
    }

    #product-product .product-info.has-product-options-qty .product-details .button-group-page .product-options-qty-actions {
        row-gap: 8px !important;
    }

    #product-product .product-info.has-product-options-qty .product-details .button-group-page .btn.btn-wishlist,
    #product-product .product-info.has-product-options-qty .product-details .button-group-page .btn.btn-compare {
        min-height: 34px !important;
        height: 34px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    #product-product .product-info.has-product-options-qty .product-details .button-group-page,
    #product-product .product-info:not(.has-product-options-qty) .product-details .button-group-page {
        margin-bottom: 18px !important;
    }

    #product-product .product-info:not(.has-product-options-qty) .product-details .button-group-page .stepper-group.cart-group {
        row-gap: 8px !important;
    }

    #product-product .cross-discount-bundle {
        margin-top: 0 !important;
    }
}

/* ==========================================================================
   CABECERA: AJUSTE DE CAMIÓN DE ENVÍO Y MENÚ EN PC (EVITAR SALTO DE LÍNEA)
   ========================================================================== */

/* 1. Evitar que el camión de envío salte a una segunda línea en pantallas de PC */
.desktop-main-menu-wrapper .main-menu {
    flex-wrap: nowrap !important;
}

/* 2. Reducir el ancho sobredimensionado del widget del camión en todas las pantallas de PC */
html.desktop div.desktop-country-wrapper {
    width: auto !important;
    margin-left: 12px !important;
}

/* 3. Ajustes específicos para laptops y pantallas medianas (1025px a 1366px) */
@media (max-width: 1366px) {
    /* Reducir el margen derecho entre los elementos del menú principal */
    .desktop-main-menu-wrapper .main-menu .main-menu-item {
        margin-right: 4px !important;
    }

    /* Reducir el espaciado horizontal de los enlaces del menú y ajustar el tamaño de fuente */
    .desktop-main-menu-wrapper .main-menu > .j-menu > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 13.5px !important;
    }

    /* Ajuste en el widget del país de envío en laptops */
    html.desktop div.desktop-country-wrapper {
        margin-left: 8px !important;
    }
}

/* ==========================================================================
   CHECKOUT: AJUSTE DE ESTILO DE LUPA EN EL BUSCADOR DE PRODUCTOS
   ========================================================================== */

/* 1. Lupa al principio: Sin fondo en reposo, bordes redondeados listos para el hover */
.checkout-product-search-container .header-search .search-button {
    background-color: transparent !important; /* Sin fondo en reposo (transparente) */
    background: transparent !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    height: 100% !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
}

/* 2. Forzar el icono de lupa e icomoon en el botón (gris oscuro en reposo para visibilidad sobre fondo blanco) */
.checkout-product-search-container .header-search .search-button::before {
    content: "\f002" !important;
    font-family: icomoon !important;
    font-size: 16px !important;
    color: #666666 !important; /* Gris oscuro para ser visible sobre fondo blanco */
    display: inline-block !important;
    font-weight: normal !important;
    font-style: normal !important;
    transition: color 0.15s ease !important;
}

/* 3. Hover de la lupa: Se activa el fondo "gris medio" (#71717a) */
.quick-checkout-wrapper .right .cart-section .section-body .checkout-product-search-container .header-search .search-button:hover,
.checkout-product-search-container .header-search .search-button:hover,
.checkout-product-search-container .header-search .search-button:focus,
.checkout-product-search-container .header-search .search-button:active {
    background-color: #71717a !important; /* Gris medio premium en hover (#71717a) */
    background: #71717a !important;
}

/* 4. Cambiar el icono a blanco en hover para alto contraste */
.quick-checkout-wrapper .right .cart-section .section-body .checkout-product-search-container .header-search .search-button:hover::before,
.checkout-product-search-container .header-search .search-button:hover::before {
    color: #ffffff !important;
}

/* 5. Icono de lupa en el título: Clase personalizada para evitar que JS de Journal3 lo rompa en reload */
.checkout-product-search-container .product-search-title .checkout-title-search-icon::before {
    content: "\f002" !important;
    font-family: icomoon !important;
    display: inline-block !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 15px !important;
    color: #666666 !important;
}

/* ==========================================================================
   CHECKOUT: ESTILIZACIÓN DEL STEPPER DE CANTIDAD EN VERDE CORPORATIVO (PC Y MÓVIL)
   ========================================================================== */

/* 1. Contenedor del stepper en el carrito del checkout */
.quick-checkout-wrapper .cart-section .table-responsive table tbody td.td-qty .stepper {
    border-color: #bce1bd !important;
    background-color: #ecf5e8 !important;
}

/* 2. Campo de entrada (input) */
.quick-checkout-wrapper .cart-section .table-responsive table tbody td.td-qty .stepper input {
    background-color: #ecf5e8 !important;
    color: #224a23 !important;
}

/* 3. Contenedor de las flechas (span) */
.quick-checkout-wrapper .cart-section .table-responsive table tbody td.td-qty .stepper span {
    border-left-color: rgba(255, 255, 255, 0.2) !important;
    background-color: rgb(88, 143, 39) !important; /* Verde corporativo oscuro de EN STOCK */
}

/* 4. Flechas individuales (iconos i) */
.quick-checkout-wrapper .cart-section .table-responsive table tbody td.td-qty .stepper span i {
    background-color: rgb(88, 143, 39) !important; /* Verde corporativo oscuro de EN STOCK */
    color: #ffffff !important;             /* Flecha blanca de alto contraste */
}

/* 5. Hover en las flechas */
.quick-checkout-wrapper .cart-section .table-responsive table tbody td.td-qty .stepper span i:hover {
    background-color: #3f6a1c !important; /* Verde aún más oscuro para el hover */
    color: #ffffff !important;
}

/* 6. Borde divisor entre flechas */
.quick-checkout-wrapper .cart-section .table-responsive table tbody td.td-qty .stepper span i.fa-angle-up {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* ==========================================================================
   CHECKOUT: STEPPER DE CANTIDAD EN ROJO CORPORATIVO SÓLIDO SI NO HAY STOCK (PC Y MÓVIL)
   ========================================================================== */

/* 1. Contenedor del stepper sin stock (Fondo rosa/rojo suave y borde rojo claro) */
.quick-checkout-wrapper .cart-section .table-responsive table tbody tr:has(.td-product span.text-danger) td.td-qty .stepper {
    border-color: #fca5a5 !important;
    background-color: #fee2e2 !important;
}

/* 2. Campo de entrada (input) sin stock (Fondo rosa/rojo suave y número en rojo oscuro) */
.quick-checkout-wrapper .cart-section .table-responsive table tbody tr:has(.td-product span.text-danger) td.td-qty .stepper input {
    background-color: #fee2e2 !important;
    color: #dc2626 !important;
    font-weight: 700 !important;
}

/* 3. Contenedor de las flechas (span) sin stock (Fondo rojo precio viejo y divisor translúcido) */
.quick-checkout-wrapper .cart-section .table-responsive table tbody tr:has(.td-product span.text-danger) td.td-qty .stepper span {
    border-left-color: rgba(255, 255, 255, 0.2) !important;
    background-color: #dc2626 !important; /* Rojo del precio viejo tachado */
}

/* 4. Flechas individuales (iconos i) sin stock (Fondo rojo precio viejo y flecha blanca) */
.quick-checkout-wrapper .cart-section .table-responsive table tbody tr:has(.td-product span.text-danger) td.td-qty .stepper span i {
    background-color: #dc2626 !important; /* Rojo del precio viejo tachado */
    color: #ffffff !important;
}

/* 5. Hover en las flechas sin stock */
.quick-checkout-wrapper .cart-section .table-responsive table tbody tr:has(.td-product span.text-danger) td.td-qty .stepper span i:hover {
    background-color: #b91c1c !important; /* Rojo aún más oscuro */
    color: #ffffff !important;
}

/* 6. Borde divisor entre flechas sin stock */
.quick-checkout-wrapper .cart-section .table-responsive table tbody tr:has(.td-product span.text-danger) td.td-qty .stepper span i.fa-angle-up {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* ==========================================================================
   PRODUCT PAGE & OPTIONS: ESTILIZACIÓN DE LAS FLECHAS DEL STEPPER ACTIVO EN VERDE OSCURO + FLECHA BLANCA
   ========================================================================== */

/* 1. Fondo del contenedor de las flechas (span) cuando la talla tiene cantidad activa */
html body .stepper:has(input.activo) span,
html body .option-qty-stepper:has(input.activo) span,
html body .main-products.product-grid .product-thumb .stepper:has(input.activo) span,
html body .module-products-grid .product-grid .product-thumb .stepper:has(input.activo) span,
html body #product .button-group-page .stepper:has(input.activo) span,
html body div.add_to_cart_sticky div.product-details div.product-options .option-qty-stepper:has(input.activo) span,
html body .options-qty-panel .option-qty-stepper.stepper:has(input.activo) span,
html body .options-qty-panel .stepper:has(input.activo) span,
html body #product div.options-qty-panel .stepper:has(input.activo) span {
    background-color: rgb(88, 143, 39) !important; /* Verde corporativo oscuro de EN STOCK */
    border-left-color: rgba(255, 255, 255, 0.2) !important;
}

/* 2. Fondo y color de los iconos de las flechas (i) */
html body .stepper:has(input.activo) span i,
html body .option-qty-stepper:has(input.activo) span i,
html body .main-products.product-grid .product-thumb .stepper:has(input.activo) span i,
html body .module-products-grid .product-grid .product-thumb .stepper:has(input.activo) span i,
html body #product .button-group-page .stepper:has(input.activo) span i,
html body div.add_to_cart_sticky div.product-details div.product-options .option-qty-stepper:has(input.activo) span i,
html body .options-qty-panel .option-qty-stepper.stepper:has(input.activo) span i,
html body .options-qty-panel .stepper:has(input.activo) span i,
html body .main-products .product-thumb .stepper:has(input.activo) span i,
html body .module-products-grid .product-grid .product-thumb .stepper:has(input.activo) span i,
html body #product div.options-qty-panel .stepper:has(input.activo) span i,
html body div.add_to_cart_sticky div.options-qty-panel .stepper:has(input.activo) span i {
    background-color: rgb(88, 143, 39) !important; /* Verde corporativo oscuro de EN STOCK */
    color: #ffffff !important;             /* Flecha blanca de alto contraste */
}

/* 3. Hover en las flechas */
html body .stepper:has(input.activo) span i:hover,
html body .option-qty-stepper:has(input.activo) span i:hover,
html body .main-products.product-grid .product-thumb .stepper:has(input.activo) span i:hover,
html body .module-products-grid .product-grid .product-thumb .stepper:has(input.activo) span i:hover,
html body #product .button-group-page .stepper:has(input.activo) span i:hover,
html body div.add_to_cart_sticky div.product-details div.product-options .option-qty-stepper:has(input.activo) span i:hover,
html body .options-qty-panel .option-qty-stepper.stepper:has(input.activo) span i:hover,
html body .options-qty-panel .stepper:has(input.activo) span i:hover,
html body .main-products .product-thumb .stepper:has(input.activo) span i:hover,
html body .module-products-grid .product-grid .product-thumb .stepper:has(input.activo) span i:hover,
html body #product div.options-qty-panel .stepper:has(input.activo) span i:hover,
html body div.add_to_cart_sticky div.options-qty-panel .stepper:has(input.activo) span i:hover {
    background-color: #3f6a1c !important; /* Verde aún más oscuro para el hover */
    color: #ffffff !important;
}

/* 4. Divisor entre flechas */
html body .stepper:has(input.activo) span i.fa-angle-up,
html body .option-qty-stepper:has(input.activo) span i.fa-angle-up,
html body .main-products.product-grid .product-thumb .stepper:has(input.activo) span i.fa-angle-up,
html body .module-products-grid .product-grid .product-thumb .stepper:has(input.activo) span i.fa-angle-up,
html body #product .button-group-page .stepper:has(input.activo) span i.fa-angle-up,
html body div.add_to_cart_sticky div.product-details div.product-options .option-qty-stepper:has(input.activo) span i.fa-angle-up,
html body .options-qty-panel .option-qty-stepper.stepper:has(input.activo) span i.fa-angle-up,
html body .options-qty-panel .stepper:has(input.activo) span i.fa-angle-up,
html body .main-products .product-thumb .stepper:has(input.activo) span i.fa-angle-up,
html body .module-products-grid .product-grid .product-thumb .stepper:has(input.activo) span i.fa-angle-up,
html body #product div.options-qty-panel .stepper:has(input.activo) span i.fa-angle-up,
html body div.add_to_cart_sticky div.options-qty-panel .stepper:has(input.activo) span i.fa-angle-up {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* ==========================================================================
   PRODUCT PAGE & OPTIONS: ESTILIZACIÓN DE LAS FLECHAS DEL STEPPER SIN STOCK (ROJO COMPLETO)
   ========================================================================== */

/* 1. Contenedor del stepper sin stock (Fondo rosa/rojo suave y borde rojo claro) */
html body .stepper:has(input.sin_stock),
html body .option-qty-stepper:has(input.sin_stock),
html body .options-qty-panel .option-qty-stepper.stepper:has(input.sin_stock) {
    background-color: #fee2e2 !important;
    border-color: #fca5a5 !important;
}

/* 2. Campo de entrada (input) sin stock (Fondo rosa/rojo suave y número en rojo oscuro) */
html body .stepper:has(input.sin_stock) input,
html body .option-qty-stepper:has(input.sin_stock) input,
html body .stepper input.sin_stock,
html body .option-qty-stepper input.sin_stock,
html body #product div.options-qty-panel input.sin_stock,
html body .options-qty-panel .option-qty-input.sin_stock,
html body div.add_to_cart_sticky div.product-details div.product-options .option-qty-stepper input.sin_stock,
html body input.form-control.option-qty-input.sin_stock,
html body .main-products.product-grid .product-thumb .stepper input.form-control.option-qty-input.sin_stock,
html body .module-products-grid .product-grid .product-thumb .stepper input.form-control.option-qty-input.sin_stock,
html body .stepper input.form-control.option-qty-input.sin_stock,
html body #product .button-group-page .stepper input.form-control.option-qty-input.sin_stock,
html body #product div.options-qty-panel input.sin_stock,
html body div.add_to_cart_sticky div.product-details div.product-options .option-qty-stepper .option-qty-input.sin_stock,
html body .option-qty-input.sin_stock {
    background-color: #fee2e2 !important; /* Rojo claro / Rosa suave de fondo */
    color: #dc2626 !important;            /* Número en rojo oscuro */
}

/* 3. Fondo del contenedor de las flechas (span) cuando la talla tiene cantidad sin stock */
html body .stepper:has(input.sin_stock) span,
html body .option-qty-stepper:has(input.sin_stock) span,
html body .main-products.product-grid .product-thumb .stepper:has(input.sin_stock) span,
html body .module-products-grid .product-grid .product-thumb .stepper:has(input.sin_stock) span,
html body #product .button-group-page .stepper:has(input.sin_stock) span,
html body div.add_to_cart_sticky div.product-details div.product-options .option-qty-stepper:has(input.sin_stock) span,
html body .options-qty-panel .option-qty-stepper.stepper:has(input.sin_stock) span,
html body .options-qty-panel .stepper:has(input.sin_stock) span,
html body #product div.options-qty-panel .stepper:has(input.sin_stock) span {
    background-color: #dc2626 !important; /* Rojo del precio viejo tachado */
    border-left-color: rgba(255, 255, 255, 0.2) !important;
}

/* 4. Fondo y color de los iconos de las flechas (i) */
html body .stepper:has(input.sin_stock) span i,
html body .option-qty-stepper:has(input.sin_stock) span i,
html body .main-products.product-grid .product-thumb .stepper:has(input.sin_stock) span i,
html body .module-products-grid .product-grid .product-thumb .stepper:has(input.sin_stock) span i,
html body #product .button-group-page .stepper:has(input.sin_stock) span i,
html body div.add_to_cart_sticky div.product-details div.product-options .option-qty-stepper:has(input.sin_stock) span i,
html body .options-qty-panel .option-qty-stepper.stepper:has(input.sin_stock) span i,
html body .options-qty-panel .stepper:has(input.sin_stock) span i,
html body .main-products .product-thumb .stepper:has(input.sin_stock) span i,
html body .module-products-grid .product-grid .product-thumb .stepper:has(input.sin_stock) span i,
html body #product div.options-qty-panel .stepper:has(input.sin_stock) span i,
html body div.add_to_cart_sticky div.options-qty-panel .stepper:has(input.sin_stock) span i {
    background-color: #dc2626 !important; /* Rojo del precio viejo tachado */
    color: #ffffff !important;             /* Flecha blanca de alto contraste */
}

/* 5. Hover en las flechas sin stock */
html body .stepper:has(input.sin_stock) span i:hover,
html body .option-qty-stepper:has(input.sin_stock) span i:hover,
html body .main-products.product-grid .product-thumb .stepper:has(input.sin_stock) span i:hover,
html body .module-products-grid .product-grid .product-thumb .stepper:has(input.sin_stock) span i:hover,
html body #product .button-group-page .stepper:has(input.sin_stock) span i:hover,
html body div.add_to_cart_sticky div.product-details div.product-options .option-qty-stepper:has(input.sin_stock) span i:hover,
html body .options-qty-panel .option-qty-stepper.stepper:has(input.sin_stock) span i:hover,
html body .options-qty-panel .stepper:has(input.sin_stock) span i:hover,
html body .main-products .product-thumb .stepper:has(input.sin_stock) span i:hover,
html body .module-products-grid .product-grid .product-thumb .stepper:has(input.sin_stock) span i:hover,
html body #product div.options-qty-panel .stepper:has(input.sin_stock) span i:hover,
html body div.add_to_cart_sticky div.options-qty-panel .stepper:has(input.sin_stock) span i:hover {
    background-color: #b91c1c !important; /* Rojo aún más oscuro para el hover */
    color: #ffffff !important;
}

/* 6. Divisor entre flechas sin stock */
html body .stepper:has(input.sin_stock) span i.fa-angle-up,
html body .option-qty-stepper:has(input.sin_stock) span i.fa-angle-up,
html body .main-products.product-grid .product-thumb .stepper:has(input.sin_stock) span i.fa-angle-up,
html body .module-products-grid .product-grid .product-thumb .stepper:has(input.sin_stock) span i.fa-angle-up,
html body #product .button-group-page .stepper:has(input.sin_stock) span i.fa-angle-up,
html body div.add_to_cart_sticky div.product-details div.product-options .option-qty-stepper:has(input.sin_stock) span i.fa-angle-up,
html body .options-qty-panel .option-qty-stepper.stepper:has(input.sin_stock) span i.fa-angle-up,
html body .options-qty-panel .stepper:has(input.sin_stock) span i.fa-angle-up,
html body .main-products .product-thumb .stepper:has(input.sin_stock) span i.fa-angle-up,
html body .module-products-grid .product-grid .product-thumb .stepper:has(input.sin_stock) span i.fa-angle-up,
html body #product div.options-qty-panel .stepper:has(input.sin_stock) span i.fa-angle-up,
html body div.add_to_cart_sticky div.options-qty-panel .stepper:has(input.sin_stock) span i.fa-angle-up {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* ==========================================================================
   CROSS SELLING / COMPRA CONJUNTA: ESTILIZACIÓN DEL DESCUENTO EN VERDE CORPORATIVO
   ========================================================================== */

/* Poner el monto del descuento en verde oscuro, más grande y BOLD (sugerencia de Víctor) */
.cross-discount-summary-amount {
    color: #224a23 !important;       /* Verde del precio original */
    font-size: 1.15em !important;      /* Más grande */
    font-weight: 800 !important;       /* BOLD */
}

/* ==========================================================================
   NORMALIZACIÓN TIPOGRÁFICA DE PÁGINAS DE CUENTA Y LOGOUT (VÍCTOR)
   ========================================================================== */

/* 1. TÍTULOS PRINCIPALES H1 (Bai Jamjuree Bold 700 - Reducidos de tamaño para elegancia) */
.route-account-account .page-title,
.route-account-order .page-title,
.route-account-order-info .page-title,
.route-account-wishlist .page-title,
.route-account-notifywhenavailable .page-title,
.route-account-stock-alerts .page-title,
.route-account-edit .page-title,
.route-account-password .page-title,
.route-account-address .page-title,
.route-account-address-add .page-title,
.route-account-address-edit .page-title,
.route-account-logout .page-title {
    font-family: 'Bai Jamjuree', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    text-transform: none !important;
    color: #1e293b !important;
}

@media (max-width: 767px) {
    .route-account-account .page-title,
    .route-account-order .page-title,
    .route-account-order-info .page-title,
    .route-account-wishlist .page-title,
    .route-account-notifywhenavailable .page-title,
    .route-account-stock-alerts .page-title,
    .route-account-edit .page-title,
    .route-account-password .page-title,
    .route-account-address .page-title,
    .route-account-address-add .page-title,
    .route-account-address-edit .page-title,
    .route-account-logout .page-title {
        font-size: 20px !important;
    }
}

/* 2. SUBTÍTULOS, CARD HEADERS, LEYENDAS Y CABECERAS DE TABLAS (Chakra Petch Semibold 600 - Tamaño Refinado) */
.route-account-account h2.title,
.route-account-order h2.title,
.route-account-order-info h2.title,
.route-account-wishlist h2.title,
.route-account-wishlist .title-created-lists,
.route-account-wishlist .list-group-title,
.route-account-wishlist h3,
.route-account-wishlist h4,
.route-account-edit legend,
.route-account-password legend,
.route-account-address legend,
.route-account-address-add legend,
.route-account-address-edit legend,
.route-account-order thead td,
.route-account-order thead th,
.route-account-order-info thead td,
.route-account-order-info thead th,
.route-account-wishlist thead td,
.route-account-wishlist thead th,
#account-stock-alerts thead td,
.route-account-notifywhenavailable thead td {
    font-family: 'Chakra Petch', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #1e293b !important;
}

/* 2b. BOTONES - SOLO TIPOGRAFÍA Y PESO (Respeta colores de fondo/hover del tema) */
.route-account-account .buttons .btn,
.route-account-order .buttons .btn,
.route-account-order-info .buttons .btn,
.route-account-wishlist .buttons .btn,
.route-account-edit .buttons .btn,
.route-account-password .buttons .btn,
.route-account-address .buttons .btn,
.route-account-address-add .buttons .btn,
.route-account-address-edit .buttons .btn,
.route-account-logout .buttons .btn,
.route-account-wishlist .btn,
#account-stock-alerts .buttons .btn,
#account-stock-alerts .btn,
.route-account-address .btn {
    font-family: 'Chakra Petch', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
}

@media (max-width: 767px) {
    .route-account-account h2.title,
    .route-account-order h2.title,
    .route-account-order-info h2.title,
    .route-account-wishlist h2.title,
    .route-account-edit legend,
    .route-account-password legend,
    .route-account-address legend,
    .route-account-order thead td,
    .route-account-wishlist thead td,
    #account-stock-alerts thead td {
        font-size: 14px !important;
    }
}

/* 3. QUICK ACTIONS DASHBOARD - REFINAMIENTO DE TAMAÑO Y ESPACIADO */
.route-account-account .account-quick-actions ul.account-list li a,
.route-account-account .account-list > li > a {
    font-family: 'Bai Jamjuree', sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    color: #334155 !important;
}

/* 4. TEXTO DE CUERPO, DESCRIPCIONES, TABLAS Y FORMULARIOS (Bai Jamjuree Regular 400 - Rediseño Elegante) */
.route-account-account .account-page,
.route-account-account p,
.route-account-account ul li,
.route-account-order tbody td,
.route-account-order p,
.route-account-order .pagination-results,
.route-account-order-info tbody td,
.route-account-order-info p,
    /* Favoritos y listas creadas */
.route-account-wishlist tbody td,
.route-account-wishlist tbody td a:not(.btn),
.route-account-wishlist p,
.route-account-wishlist .list-group a,
.route-account-wishlist .list-group-item,
    /* Avisos de stock */
#account-stock-alerts tbody td,
#account-stock-alerts tbody td a:not(.btn),
#account-stock-alerts p,
#account-stock-alerts tbody td div,
    /* Editar cuenta y contraseña */
.route-account-edit label.control-label,
.route-account-edit label,
.route-account-edit .form-control,
.route-account-edit .radio label,
.route-account-edit .checkbox label,
.route-account-edit p,
.route-account-edit .alert,
.route-account-password label.control-label,
.route-account-password label,
.route-account-password .form-control,
.route-account-password p,
    /* Direcciones */
.route-account-address .address-list,
.route-account-address address,
.route-account-address .address-list td,
.route-account-address-add label.control-label,
.route-account-address-add label,
.route-account-address-add .form-control,
.route-account-address-edit label.control-label,
.route-account-address-edit label,
.route-account-address-edit .form-control,
.route-account-address-edit p {
    font-family: 'Bai Jamjuree', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    color: #334155 !important;
}

/* Reducir celdas de tablas a 13px para máxima finura visual */
.route-account-order tbody td,
.route-account-order-info tbody td,
.route-account-wishlist tbody td,
.route-account-wishlist tbody td a:not(.btn),
#account-stock-alerts tbody td,
#account-stock-alerts tbody td a:not(.btn) {
    font-size: 13px !important;
}

/* 5. MENSAJE DE SALIDA EN LOGOUT - REDISEÑO Y REDUCCIÓN DE TAMAÑO (PC & MÓVIL) */
.route-account-logout #content p,
.route-account-logout #common-success p {
    font-family: 'Bai Jamjuree', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    color: #475569 !important; /* Gris pizarra suave corporativo */
    margin-bottom: 24px !important;
}

@media (max-width: 767px) {
    .route-account-logout #content p,
    .route-account-logout #common-success p {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
}

/* 6. RESTAURAR FUENTES DE ICONOS EN BOTONES (FontAwesome y Journal Icons) */
.route-account-account .btn::before,
.route-account-account .btn::after,
.route-account-order .btn::before,
.route-account-order .btn::after,
.route-account-order-info .btn::before,
.route-account-order-info .btn::after,
.route-account-wishlist .btn::before,
.route-account-wishlist .btn::after,
.route-account-stock-alerts .btn::before,
.route-account-stock-alerts .btn::after,
.route-account-notifywhenavailable .btn::before,
.route-account-notifywhenavailable .btn::after,
.route-account-edit .btn::before,
.route-account-edit .btn::after,
.route-account-password .btn::before,
.route-account-password .btn::after,
.route-account-address .btn::before,
.route-account-address .btn::after,
.route-account-logout .btn::before,
.route-account-logout .btn::after,
.btn i,
.btn::before,
.btn::after,
.btn span::before,
.btn span::after {
    font-family: icomoon, FontAwesome, "Journal Icons", inherit !important;
}

/* ==========================================================================
   REDISEÑO Y NORMALIZACIÓN DE BOTONES EN WISHLIST Y AVISOS DE STOCK
   ========================================================================== */

/* 1. Forzar tamaño de 12px para el texto "Comprar" en Wishlist (evitando el override de 17px de custom.css) */
html body #account-wishlist .btn-cart span,
html body #account-wishlist .btn-cart .btn-text,
html body #account-wishlist .wishlist-primary-actions .btn-cart span,
html body #account-wishlist .wishlist-primary-actions .btn-cart .btn-text,
html body .route-account-wishlist .btn-cart span,
html body .route-account-wishlist .btn-cart .btn-text,
html body .route-account-wishlist .wishlist-primary-actions .btn-cart span,
html body .route-account-wishlist .wishlist-primary-actions .btn-cart .btn-text {
    font-size: 12px !important;
    font-family: 'Chakra Petch', sans-serif !important;
    font-weight: 600 !important;
}

/* 2. Restauración del icono del carrito en el botón "Comprar" de Wishlist */
html body #account-wishlist .btn-cart::before,
html body .route-account-wishlist .btn-cart::before {
    content: "\f07a" !important; /* Icono de carrito de FontAwesome */
    font-family: FontAwesome, icomoon !important;
    font-size: 12px !important;
    margin-right: 6px !important;
    display: inline-block !important;
    color: inherit !important;
    position: static !important;
}

/* 3. Restauración de iconos de acción en la página de Avisos de Stock (Stock Alerts) */
#account-stock-alerts .btn i,
#account-stock-alerts .btn::before,
#account-stock-alerts .btn::after,
.route-account-stock-alerts .btn i,
.route-account-stock-alerts .btn::before,
.route-account-stock-alerts .btn::after,
.route-account-stock_alerts .btn i,
.route-account-stock_alerts .btn::before,
.route-account-stock_alerts .btn::after {
    font-family: FontAwesome, icomoon, inherit !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: inherit !important;
}

/* Evitar que se pierda el color rojo del icono de eliminar en Avisos de Stock y Wishlist */
#account-stock-alerts .btn-danger i,
#account-stock-alerts .btn-danger::before,
#account-stock-alerts .btn-danger::after,
#account-wishlist .btn-remove i,
#account-wishlist .btn-remove::before,
#account-wishlist .btn-remove::after,
.route-account-wishlist .btn-remove i,
.route-account-wishlist .btn-remove::before,
.route-account-wishlist .btn-remove::after {
    color: inherit !important;
}

/* 4. Contraste impecable y control de hovers para los botones de Avisos de Stock */
#account-stock-alerts .btn-primary:not([disabled]):not(.disabled) {
    color: #ffffff !important;
}
#account-stock-alerts .btn-primary:not([disabled]):not(.disabled):hover {
    color: #ffffff !important;
    background-color: #2c3e50 !important; /* Fondo elegante oscuro en hover */
}
#account-stock-alerts .btn-primary[disabled],
#account-stock-alerts .btn-primary.disabled {
    background-color: #cbd5e1 !important;
    color: #64748b !important;
    opacity: 0.85 !important;
    cursor: not-allowed !important;
}
#account-stock-alerts .btn-primary[disabled] i,
#account-stock-alerts .btn-primary[disabled]::before,
#account-stock-alerts .btn-primary[disabled]::after,
#account-stock-alerts .btn-primary.disabled i,
#account-stock-alerts .btn-primary.disabled::before,
#account-stock-alerts .btn-primary.disabled::after {
    color: #64748b !important;
}
#account-stock-alerts .btn-danger {
    color: #ffffff !important;
}
#account-stock-alerts .btn-danger:hover {
    color: #ffffff !important;
    background-color: #b91c1c !important; /* Rojo elegante más oscuro en hover */
}


/* ==========================================================================
   NORMALIZACIÓN GLOBAL DEL BOTÓN "COMPRA RÁPIDA" (PC Y MÓVIL)
   Aplica a todos los productos (con opciones y simples) para unificar fuentes y centrado
   ========================================================================== */

/* 1. Unificación de fuentes a Chakra Petch Regular */
.product-info .button-group-page .btn[data-action="quickbuy"] .quick-buy-label,
.product-info .button-group-page .btn-cart-quickbuy .quick-buy-label,
.product-info .button-group-page .btn[data-action="quickbuy"] .quick-buy-content,
.product-info .button-group-page .btn-cart-quickbuy .quick-buy-content,
.product-info .button-group-page .btn[data-action="quickbuy"],
.product-info .button-group-page .btn-cart-quickbuy,
.product-info .button-group-page .btn.btn-wishlist,
.product-info .button-group-page .btn.btn-compare,
.product-info .button-group-page .btn.btn-wishlist .btn-text,
.product-info .button-group-page .btn.btn-compare .btn-text,
.product-info .button-group-page .stepper-group .btn.btn-wishlist,
.product-info .button-group-page .stepper-group .btn.btn-compare,
.product-info .button-group-page .stepper-group .btn.btn-wishlist .btn-text,
.product-info .button-group-page .stepper-group .btn.btn-compare .btn-text {
    font-family: 'Chakra Petch', sans-serif !important;
    font-weight: 400 !important; /* Regular sin negrita */
}

/* 2. Alineación y centrado de los textos en PC (min-width: 768px) */
@media (min-width: 768px) {
    .product-info .button-group-page .btn[data-action="quickbuy"] .quick-buy-label,
    .product-info .button-group-page .btn-cart-quickbuy .quick-buy-label {
        font-size: 16px !important;
        line-height: 1 !important;
        text-align: center !important; /* Centrado del texto */
        display: block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .product-info .button-group-page .btn[data-action="quickbuy"] .quick-buy-content,
    .product-info .button-group-page .btn-cart-quickbuy .quick-buy-content {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
    }
}

/* 3. Comportamiento en Móviles (max-width: 767px) */
@media (max-width: 767px) {
    .product-info .button-group-page .btn[data-action="quickbuy"] .quick-buy-label,
    .product-info .button-group-page .btn-cart-quickbuy .quick-buy-label {
        display: none !important; /* Ocultar el texto en móviles pequeños */
    }

    .product-info .button-group-page .btn[data-action="quickbuy"] .quick-buy-content,
    .product-info .button-group-page .btn-cart-quickbuy .quick-buy-content {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        width: 100% !important;
    }
}

.top-menu .j-menu>li+li {
    margin-left: 0px !important;
}
.mid-bar .secondary-menu .top-menu {
    margin-right: 0px !important;
}

html.desktop body.is-sticky div.mobile-cart-wrapper.mini-cart {
    margin-right: 20px;
}


/* Degradado */

.desktop-main-menu-wrapper .main-menu .menu-fullwidth>.j-dropdown .grid-row,
.desktop-main-menu-wrapper .main-menu .mega-fullwidth>.j-dropdown .grid-row,
.desktop-header-active header,
.desktop-header-active .is-sticky .header .desktop-main-menu-wrapper::before{
    border: none !important;
}


.desktop-main-menu-wrapper .main-menu .menu-fullwidth>.j-dropdown,
.desktop-main-menu-wrapper .main-menu .mega-fullwidth>.j-dropdown,
footer .grid-row-2,
.desktop-header-active .is-sticky .header .desktop-main-menu-wrapper::before,
body:not(.is-sticky) div.header.header-classic,
div.mobile-header.mobile-default.mobile-1,
div.mobile-bar.sticky-bar.mobile-bar-sticky{
    border-bottom: 2px solid transparent !important;
}
.grid-row-top-13 {
    border-bottom: 4px solid transparent !important;
}

html.mobile.phone footer {
    border-top: 2px solid transparent !important;
}

.desktop-header-active header,
.grid-row-top-13,
.desktop-main-menu-wrapper .main-menu .menu-fullwidth>.j-dropdown,
.desktop-main-menu-wrapper .main-menu .mega-fullwidth>.j-dropdown,
footer .grid-row-2,
.desktop-header-active .is-sticky .header .desktop-main-menu-wrapper::before,
body:not(.is-sticky) div.header.header-classic,
div.mobile-header.mobile-default.mobile-1,
div.mobile-bar.sticky-bar.mobile-bar-sticky,
html.mobile.phone footer{
    border-image: linear-gradient(
            to right,
            #DF3BE3,
            #04D8FE
    ) 1 !important;
}

.required .control-label::after {
    color: #DF3BE3 !important;
    margin-left: 5px !important;
}

/* Iconos */
.icomoon {
    font-family: icomoon !important;
}
.icon-truck:before {
    content: '\e91e' !important;
}

/*#cart>a>i::before,
#country-selector .icon-truck,
.top-menu-14 .j-menu li.top-menu-item>a::before,
.mobile-header-active .mini-search .search-trigger::before,
.top-menu-13 .j-menu li.top-menu-item-7>a::before{
    color: rgba(222, 59, 227, 1) !important;
}*/
.top-menu-14 .j-menu li.top-menu-item>a {
    text-align: center;
}

.top-menu-14 .j-menu li.top-menu-item>a::before {
    left: auto !important;
}

/* .top-menu-14 .j-menu li.top-menu-item-4>a::before {
    top: 7px !important;
}

.top-menu-14 .j-menu li.top-menu-item-7>a::before {
    top: 4px !important;
} */


/* .top-menu-14 .j-menu li.top-menu-item-9>a::before {
    top: 2px !important;
    font-size: 28px !important;
}

.top-menu-14 .j-menu li.top-menu-item-5>a::before {
    top: 6px !important;
} */

html div.main-menu.main-menu-3 > .j-menu .menu-item.main-menu-item>a::before,
html .main-menu .main-menu-item>a::before {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    display: inline-block;
    font-family: FontAwesome, icomoon, "Journal Icons" !important;
    font-size: 16px !important;
    color: rgba(222, 59, 227, 1) !important;
    margin-right: 6px;
    vertical-align: middle;
}

/* .top-menu-14 .j-menu li.top-menu-item-3>a::before {
    top: 5px !important;
    font-size: 21px !important;
} */

#country-selector .icon-truck {
    font-size: 27px;
    margin-right: 7px;
}

@media (min-width: 1500px) and (max-width: 1920px) {
    .desktop-header-active .header .menu-stretch .main-menu-item > a .links-text {
        font-size: 15px;
    }
}

@media (min-width: 1500px) and (max-width: 1920px) {
    .desktop-header-active body.is-sticky .header .menu-stretch .main-menu-item > a .links-text {
        font-size: 13px;
    }
}

@media (min-width: 1370px) and (max-width: 1500px) {
    .desktop-header-active .header .menu-stretch .main-menu-item > a .links-text {
        font-size: 12px;
    }

    .desktop-header-active body.is-sticky .header .menu-stretch .main-menu-item > a .links-text {
        font-size: 11px;
    }


}




/*.desktop-header-active .header #logo img {
    left: 0px !important;
}

.desktop-search-wrapper {
    margin-left: 50px !important;
    margin-right: 20px !important;
}*/

/* 7. PÁGINA DE ÉXITO (SUCCESS) - ESTILOS GENERALES (FUENTE Y TAMAÑOS SE CONTROLAN DESDE EL MÓDULO) */
.route-checkout-success #content p,
.route-checkout-success #common-success p {
    line-height: 1.6 !important;
    color: #475569 !important; /* Gris suave legible */
}


.desktop-header-active .mobile-wrapper-header {
    background: #354664;
}
.desktop-header-active .mobile-wrapper-header>span,
.desktop-header-active .mobile-wrapper-header>a{
    color: #fff !important;
}