.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;
}

.desktop .language .dropdown:hover button>span,
.desktop .currency .dropdown:hover button>span {
    font-size: 14px !important;
}

.language .dropdown:hover::after,
.currency .dropdown:hover::after {
    font-size: 11px !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;
}


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

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

/*
 * 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;
}

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 {
    font-size: 18px !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;
}

/* 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-right: 6px;
}


/* Ocultar logo reCAPTCHA v3 */
.grecaptcha-badge {
    display: none !important;
    visibility: hidden !important;
}