/* Fuente custom */
@font-face {
    font-family: "Zaseni";
    src: url("../fonts/CardiffBold.woff2") format("woff2"), url("../fonts/CardiffBold.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Breathing";
    src: url("../fonts/Breathing.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/* webkit-fill-height */
.height-fill {
    height: -webkit-fill-available !important;
}
/* Paleta base */
:root {
    --pink-strong: #e91e63;
    --pink-soft: #ff7aa8;
    --pink-very: #ffe3ed;
    --gray-700: #4a4a4a;
    --gray-500: #8a8a8a;
    --gray-200: #e9e9e9;
    --white: #ffffff;
    --zaseni-fucsia: #e61f84;
    --zaseni-rosa: #ffc2e3;
    --zaseni-suave: #ffc2e336;
    --zaseni-fuerte: #b81b6a;
}
html:has(#product) {
    max-width: 100vw;
    overflow-x: hidden;
}
html {
    overscroll-behavior-x: none;
    overscroll-behavior-y: none;
}
.btn-primary {
    background: var(--zaseni-fucsia);
    color: white;
    border: 1px solid var(--zaseni-fucsia);
    border-radius: 8px;
}
.btn-primary:focus {
    background: var(--zaseni-fucsia);
    color: white;
    border: 1px solid var(--zaseni-fucsia);
    border-radius: 8px;
    text-decoration: none;
}

.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--zaseni-fucsia);
    --bs-btn-border-color: #2fb5d2;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(78.2, 192.1, 216.75);
    --bs-btn-hover-border-color: rgb(67.8, 188.4, 214.5);
    --bs-btn-focus-shadow-rgb: 40, 154, 179;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--zaseni-fucsia);
    --bs-btn-active-border-color: rgb(67.8, 188.4, 214.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #2fb5d2;
    --bs-btn-disabled-border-color: #2fb5d2;
}

.btn-primary:hover {
    background: var(--zaseni-fuerte);
    border: 1px solid var(--zaseni-fuerte);
}

/* Colores radio button */
input[type="radio"] {
    accent-color: var(--zaseni-fucsia);
}

input[type="checkbox"] {
    accent-color: var(--zaseni-fucsia);
}


/* Barra sticky */
#sticky-buybar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: var(--white);
    border-top: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 -6px 16px rgba(0,0,0,.08);
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
    flex-direction: column; /* 2 filas: precio (arriba) + bottom (abajo) */
    align-items: stretch;
    gap: 8px;
    /* Animaci�n entrada/salida */
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: opacity .3s ease, transform .3s ease;
}

#sticky-add > .fa {
    margin-right: 5px;
}

#sticky-buybar.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

    /* ===== Fila 1: PRECIO ===== */
    #sticky-buybar .buybar-price {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--gray-700);
        font-weight: 600;
        width: 100%; /* asegura que el precio ocupe su propia fila */
        font-size: 15px;
        zoom: 1.2;
    }

        #sticky-buybar .buybar-price .price-old {
            color: var(--gray-500);
            text-decoration: line-through;
            font-weight: 400;
        }

        #sticky-buybar .buybar-price .price-new {
            font-weight: 700;
        }

        #sticky-buybar .buybar-price .discount-badge {
            color: white;
            background: var(--zaseni-rosa);
            border: 1px solid var(--zaseni-rosa);
            border-radius: 5px;
            padding: 5px;
            font-size: .85rem;
            font-weight: 600;
            line-height: 1.2;
        }

    /* ===== Fila 2: CANTIDAD + BOT�N en la MISMA L�NEA ===== */
    #sticky-buybar .buybar-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: nowrap; /* clave para no romper l�nea */
        width: 100%;
        white-space: nowrap; /* evita saltos por espacios */
    }

    /* Cantidad (bloque compacto) */
    #sticky-buybar .buybar-qty {
        flex: 0 0 auto; /* solo lo necesario */
        display: inline-flex;
        width: -webkit-fill-available;
        align-items: center;
    }

    #sticky-buybar .buybar-btns-qty {
        border: 1px solid black;
        border-radius: 8px;
        margin-right: 5%;
    }

    #sticky-buybar .buybar-qty-input {
        width: 33px;
        height: 36px;
        text-align: center;
        padding: 6px 8px;
        border-top: 0;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        background: var(--white);
        color: #222;
        font-size: 15px;
    }

    #sticky-buybar .buybar-inc {
        width: 36px;
        height: 36px;
        color: black;
        border-top: 0;
        border-bottom: 0;
        border-right: 0;
        border-left: 0;
        background: transparent;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        cursor: pointer;
        border-radius: 0px 10px 10px 0px;
    }

    #sticky-buybar .buybar-dec {
        width: 36px;
        height: 36px;
        color: black;
        border-top: 0;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        background: transparent;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        cursor: pointer;
        border-radius: 10px;
    }



    /* Bot�n ancho a la derecha (en la MISMA L�NEA) */
    #sticky-buybar #sticky-add {
        flex: 1 1 auto; /* se estira y ocupa el resto */
        min-width: 160px;
        display: inline-flex; /* evita display:block del tema */
        align-items: center;
        justify-content: center;
        background-image: linear-gradient(to right, #EC4F9F, #EC4F9F);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 0 100%;
        transition: background-size .35s ease-in-out !important;
        background-clip: padding-box;
        -webkit-background-clip: padding-box;
        width: -webkit-fill-available;
        color: var(--white);
        border: 1px solid var(--zaseni-fucsia);
        padding: 10px 14px;
        font-weight: 700;
        font-size: 12px;
        border-radius: 8px;
        cursor: pointer;
    }

    @media(min-width: 660px) {
        #sticky-buybar #sticky-add {
            
            font-size: 14px;
        }
    }

        #sticky-buybar #sticky-add:hover {
            background-size: 100% 100%;
        }

        #sticky-buybar #sticky-add:active {
            transform: translateY(0);
        }

      

/* Evita que tape contenido */
body.has-sticky-buybar {
    padding-bottom: 60px;
}

/* --- Fallback responsive (por si en pantallas muy estrechas no cabe en una l�nea) --- */
@media (max-width: 480px) {
    #sticky-buybar .buybar-bottom {
        gap: 8px;
    }

    #sticky-buybar {
        display: flex;
        flex-direction: column;
    }

    #sticky-buybar #sticky-add {
        min-width: 120px;
    }

    #sticky-buybar .buybar-btns-qty {
        zoom: 0.8;
    }
}

@media (min-width: 600px) {
    #sticky-buybar {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}

/* Lista de gamas MEGAMENU */
.bubble-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

    .bubble-list li {
        margin: 0;
    }

.bubble {
    display: inline-block;
    padding: .5rem .8rem;
    border-radius: 9999px;
    background: #ffc2e336; /* gris claro */
    border: 1px solid #e2e8f0;
    font: 500 0.95rem/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    white-space: nowrap;
    transition: transform .12s ease, background-color .12s ease, border-color .12s ease;
    color: black;
}

    .bubble:hover {
        transform: translateY(-1px);
        background: #ffc2e336;
        border-color: #d7dee6;
        color: var(--zaseni-fucsia);
    }


/* Contenedor del slider */
.product-list-subcategories-slider {
  position: relative;
  margin: 20px 0;
}

/* Pastillas gris�ceas */
    .product-list-subcategories-slider .swiper-slide {
        border-radius: 20px; /* menos redondo */
        text-align: center;
        transition: all 0.3s ease;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-width: auto;
        width: auto; /* se ajusta al contenido */
    }

        .product-list-subcategories-slider .swiper-background:hover {
            background: #ffc2e3c4;
            transform: scale(1.03);
        }

/* Imagen m�s peque�a y ajustada */
.product-list-subcategories-slider .subcategory-image img {
  max-width: 40px;
  max-height: 40px;
  object-fit: contain;
  border-radius: 10px; /* esquinas suaves, no redondas */
  margin-bottom: 5px;
}

a.subcategory-link {
    width: 100%;
    height: 100%;
}

/* Nombre de subcategor�a pegado al contenido */
.product-list-subcategories-slider .subcategory-name {
  font-size: 13px;
  font-weight: 500;
  color: #333;
  text-decoration: none;
  line-height: 1.2;
}

.product-list-subcategories-slider .subcategory-name:hover {
  color: #000;
}

/* Ocultar los slides fuera del viewport */
.product-list-subcategories-slider .swiper-container {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center; /* alinear contenido + flechas verticalmente */
}

/* Estilo de las flechas */
.swiper-button-next, .swiper-button-prev {
    background: white;
    color: var(--zaseni-fucsia);
    border: 0;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    zoom: 1.2;
}

    .swiper-button-next:after, .swiper-button-prev:after {
        font-family: FontAwesome;
        font-size: 20px;
        text-transform: none !important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1;
    }

.product-list-subcategories-slider .swiper-button-next, .product-list-subcategories-slider .swiper-button-prev {
    width: 32px;
    height: 32px;
    background: #ffc2e336;
    border-radius: 50%;
    color: var(--zaseni-fucsia);
    margin-top: 0;
    top: auto;
    bottom: auto;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-list-subcategories-slider .swiper-button-next {
  right: 5px;
}

.product-list-subcategories-slider .swiper-button-prev {
  left: 5px;
}

.product-list-subcategories-slider .swiper-button-next:after,
.product-list-subcategories-slider .swiper-button-prev:after {
  font-size: 16px;
  font-weight: bold;
}

.product-list-subcategories-slider .swiper-button-next {
  right: 5px;
}

.product-list-subcategories-slider .swiper-button-prev {
  left: 5px;
}

    .product-list-subcategories-slider .swiper-button-next:hover,
    .product-list-subcategories-slider .swiper-button-prev:hover {
        background: #ffc2e3c4;
    }

/* Filtro categor�a*/
.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: #fff; /* fondo para que no se vea trasl�cido */
}

.products-selection{
    margin: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

/* Mensaje de env�o gratis */
/* Estilos comunes */
.cart-free-shipping-message,
.cart-free-shipping-message-desktop,
.cart-free-shipping-message-mobile {
    font-weight: bold;
    padding: 10px;
    background: none;
    text-align: center;
    margin-bottom: 10px;
}

/* Por defecto (móvil): oculta la versión desktop */
.cart-free-shipping-message-desktop {
    display: none;
}

/* Móvil visible hasta 560px */
@media (max-width: 560px) {
    .cart-free-shipping-message-mobile {
        display: block;
    }
}

/* Desktop visible desde 561px (evita el solape con 560) */
@media (min-width: 561px) {
    .cart-free-shipping-message-desktop {
        display: block;
    }

    .cart-free-shipping-message-mobile {
        display: none;
    }
}



/* Desactivar box shadow mobile*/
#mobile-header {
    box-shadow: none !important;
}

/* Negrita en el menu horizontal */
.cbp-horizontal .cbp-tab-title {
    font-weight: bold !important;
}

/* Barra de busqueda border suavizados */
.header-top .form-search-control {
    border-radius: 50px !important;
}

/* Variantes border suavizados */
a.variant-url > img {
    border-radius: 10px;
}

/* Precio de las miniaturas */
.current-price {
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-bottom: 5px;
}

.product-miniature-grid .product-price {
    font-size: 20px;
    color: #000000;
}

.current-price .price-discount {
    display: flex;
    align-items: center;
    gap: 6px;
}

.current-price .functional-buttons {
    margin-left: auto; /* empuja a la derecha */
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 25px;
}

.products-grid .product-miniature-layout-1 {
    text-align: left !important;
}

/* Ancho de la p�gina */
.container, .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
}



/* Boton lista deseos */
.btn-iqitwishlist-add .added {
    display: none;
}

.btn-iqitwishlist-add.active .added {
    display: inline-block;
}

.btn-iqitwishlist-add.active .not-added {
    display: none;
}


/* Bot�n de a�adir al carrito */
.btn-product-list {
    width: 95% !important;
    text-align: center !important;
    border-radius: 8px;
    background: white;
    color: var(--zaseni-fucsia);
    border: var(--zaseni-fucsia) 1px solid;
}
.btn-product-list:hover {
    width: 95% !important;
    text-align: center !important;
    border-radius: 8px;
    background: var(--zaseni-fucsia);
    color: white;
    border: var(--zaseni-fucsia) 1px solid;
}

.products-grid .product-add-cart{
    text-align: center;
}
/* Titulo productos miniatura */
.product-miniature-grid .product-title {
    text-align: center;
}

/* Altura descripci�n miniatura */

.products-grid .product-miniature-default .product-description {
    justify-content: space-between !important;
    height: 100% !important;
    z-index: 52 !important;
}

/* Ajuste ancho miniatura desc */
.product-miniature-default .regular-price {
    margin-left: 5px;
}

.current-price {
    width: 95%;
    margin-left: 5px;
}

/* Input buscar pc */
/* From uiverse.io by @satyamchaudharydev */
/* removing default style of button */

.form button {
    border: none;
    background: none;
    color: #8b8ba7;
}
/* styling of whole input container */
.form {
    --timing: 0.3s;
    --width-of-input: 200px;
    --height-of-input: 40px;
    --border-height: 2px;
    --input-bg: #fff;
    --border-color: lightpink;
    --border-radius: 30px;
    --after-border-radius: 1px;
    position: relative;
    width: var(--width-of-input);
    height: var(--height-of-input);
    display: flex;
    align-items: center;
    padding-inline: 0.8em;
    border-radius: var(--border-radius);
    transition: border-radius 0.5s ease;
    background: var(--input-bg,#fff);
}
/* styling of Input */
.input {
    font-size: 0.9rem;
    background-color: transparent;
    width: 100%;
    height: 100%;
    padding-inline: 0.5em;
    padding-block: 0.7em;
    border: none;
}
/* Hover on Input */
.form:focus-within {
    border-radius: var(--after-border-radius);
}

input:focus {
    outline: none;
}
/* here is code of animated border */
.form:focus-within:before {
    transform: scale(1);
}
/* styling of close button */
/* == you can click the close button to remove text == */
.reset {
    border: none;
    background: none;
    opacity: 0;
    visibility: hidden;
}
/* close button shown when typing */
input:not(:placeholder-shown) ~ .reset {
    opacity: 1;
    visibility: visible;
}
/* sizing svg icons */
.form svg {
    width: 17px;
    margin-top: 0px;
}

/* Ancho completo mobile sidebar */
.col-mobile-menu-push #_mobile_iqitmegamenu-mobile.show {
    width: 100%;
    overflow: scroll;
    gap: 3%;
}

/* Columnas movil custom css */

.contenedorCustom {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}

.contenedorHijoCustom {
    flex: 0 0 49%;
}

/* Men� movil bot�n custom */
#checkbox {
  display: none;
}

.toggle {
  position: relative;
  width: 40px;
  cursor: pointer;
  zoom: 0.48;
  margin-top: 6px;
  display: block;
  height: calc(4px * 3 + 11px * 2);
}

.bar {
  position: absolute;
  left: 0;
  right: 0;
  height: 3px;
  border-radius: calc(4px / 2);
  background: black;
  color: black;
  opacity: 1;
  transition: none 0.35s cubic-bezier(.5,-0.35,.35,1.5) 0s;
}

/***** Tornado Animation *****/

.bar--top {
  bottom: calc(50% + 11px + 4px/ 2);
  transition-property: bottom,transform;
  transition-delay: calc(0s + 0.35s) * .6;
}

.bar--middle {
  top: calc(50% - 4px/ 2);
  transition-property: opacity,transform;
  transition-delay: calc(0s + 0.35s * .3);
}

.bar--bottom {
  top: calc(50% + 11px + 4px/ 2);
  transition-property: top,transform;
  transition-delay: 0s;
}

#checkbox:checked + .toggle .bar--top {
  transform: rotate(-135deg);
  transition-delay: 0s;
  bottom: calc(50% - 4px/ 2);
}

#checkbox:checked + .toggle .bar--middle {
  opacity: 0;
  transform: rotate(-135deg);
  transition-delay: calc(0s + 0.35s * .3);
}

#checkbox:checked + .toggle .bar--bottom {
  top: calc(50% - 4px/ 2);
  transform: rotate(-225deg);
  transition-delay: calc(0s + 0.35s * .6);
}

/* Desplazamiento vertical menu m�vil */
.col-mobile-menu-push #_mobile_iqitmegamenu-mobile.show {
    height: 94%;
    -webkit-overflow-scrolling: touch;
}



/* Coraz�n lista de deseos */
.heart-container {
    --heart-color: rgb(255, 91, 137);
    position: relative;
    width: 50px;
    height: 50px;
    transition: .3s;
}

    .heart-container .checkbox {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 20;
        cursor: pointer;
    }

    .heart-container .svg-container {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .heart-container .svg-outline,
    .heart-container .svg-filled {
        fill: var(--heart-color);
        position: absolute;
    }

    .heart-container .svg-filled {
        animation: keyframes-svg-filled 1s;
        display: none;
    }

    .heart-container .svg-celebrate {
        position: absolute;
        animation: keyframes-svg-celebrate .5s;
        animation-fill-mode: forwards;
        display: none;
        stroke: var(--heart-color);
        fill: var(--heart-color);
        stroke-width: 2px;
    }

    .heart-container .checkbox:checked ~ .svg-container .svg-filled {
        display: block
    }

    .heart-container .checkbox:checked ~ .svg-container .svg-celebrate {
        display: block
    }

@keyframes keyframes-svg-filled {
    0% {
        transform: scale(0);
    }

    25% {
        transform: scale(1.2);
    }

    50% {
        transform: scale(1);
        filter: brightness(1.5);
    }
}

@keyframes keyframes-svg-celebrate {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        filter: brightness(1.5);
    }

    100% {
        transform: scale(1.4);
        opacity: 0;
        display: none;
    }
}

/* En Warehouse ya hay scroll en .mm-panel__scroller; con push, conserva overlay y desplazamiento */
.js-mobile-menu__submenu.hiddenMenuMaxi {
    display: none;
}

.js-mobile-menu__submenu:not(.hiddenMenuMaxi) {
    display: block;
}

.mobile-menu__arrow .expand-icon {
    transition: transform .3s;
}

.js-mobile-menu__submenu:not(.hiddenMenuMaxi) ~ .mobile-menu__arrow .expand-icon {
    transform: rotate(180deg);
}


/* Flecha acorde�n */
/*------ Settings ------*/
.mobile-menu__arrow_animated {
    --color: #a5a5b0;
    --size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-size: var(--size);
    user-select: none;
    fill: var(--color);
}

.mobile-menu__arrow_animated::after {
    content: "";
    position: absolute;
    top: -30px;
    right: -30px;
    bottom: -30px;
    left: -1800px;
}

    .mobile-menu__arrow_animated .chevron-down {
        position: absolute;
        animation: keyframes-return .5s;
        transition: transform .5s;
        margin-right: 35px;
        zoom: 0.6;
        fill: dimgray;
    }

/* ------ Cuando el li tiene .open ------ */
.mobile-menu__tab.open .mobile-menu__arrow_animated .chevron-down {
    animation: keyframes-rotate .5s;
    transform: rotate(180deg);
}

.mobile-menu__links-list {
    display: none;
}
/* ------ Animaciones ------ */
@keyframes keyframes-rotate {
    0% {
        transform: rotate(0deg);
        opacity: 0;
    }

    100% {
        transform: rotate(180deg);
        opacity: 1;
    }
}

@keyframes keyframes-return {
    0% {
        transform: rotate(180deg);
        opacity: 0;
    }

    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}

/* Ajuste espacio en blanco superior sidebar menu */
.py-4 {
    padding-top: 0 !important;
}

.mobile-menu__column-title {
    margin-bottom: 0.5714285714rem;
    font-size: 18px;
    text-transform: lowercase;
}

.mobile-menu__column-title::first-letter {
    text-transform: uppercase;
}

.mobile-menu__column-categories:not(:last-child) {
    margin-bottom: 1.37143rem !important;
}

.mobile-menu__link {
    color: #595050 !important;
    padding-top: 1.4285714286rem;
    padding-bottom: 1.4285714286rem;
    font-size: 1.5714285714rem;
    font-style: normal;
    text-transform: none;
    font-size: 18px;
    font-weight: bold !important;
}

li.mobile-menu__links-list-li::first-letter {
    text-transform: uppercase;
}

.mobile-menu__links-list-li {
    padding-top: 0.4285714286rem;
    padding-bottom: 0.4285714286rem;
    text-transform: lowercase;
    font-size: 15px;
}

.mobile-menu__column {
    font-size: 1.1428571429rem;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    color: #595050;
    margin-bottom: .6571428571rem !important;
}

/* Ajuste sticky js-product-list-top */
/* Estado fijo del topbar de listado */
#js-product-list-top.is-fixed {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 60;
    padding-left: 9px;
    padding-right: 9px;
    background: #fff; /* que no sea transparente al solaparse */
    box-shadow: 0 2px 6px rgba(0,0,0,.04);
}

/* (Recomendado) evita que ancestros anulen el fixed con transform/overflow */
#content, .products, .products-selection {
    transform: none !important;
    overflow: visible !important;
}

/* Dropdown order amazzing filter */
#filter-row-desktop.is-fixed {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 54;
    background: #fff;
    padding-right: 11px;
    padding-left: 11px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08); /* opcional */
}

#filter-row-desktop {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    align-items: stretch;
}

.horizontal-layout {
    margin: 0 -5px 0 -5px;
    width: 90%;
}

.horizontal-layout .h-el {
    width: 14.8%;
}

@media (min-width: 600px) {
    #js-product-list-top {
        display: none !important;
    }
}

@media (max-width: 480px) {
    #filter-row-desktop {
        display: none !important;
    }
}

/* Amazzing horizontal filter */
.horizontal-layout .af_subtitle {
    border: 0 !important;
    padding: 10px 30px 10px 15px !important;
}

.horizontal-layout .af_filter_content {
    border: 0 !important;
    width: -webkit-fill-available;
    min-width: max-content;
}

.horizontal-layout .h-el {
    width: max-content;
    padding-right: 10px;
}

.af_filter li {
    padding: 5px 0;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.horizontal-layout .type-3 .af_filter_content, .horizontal-layout .has-slider .af_filter_content {
    width: 250%;
}
/* Ambjolisearch custom css */
@media (max-width: 576px) {
    .ui-jolisearch {
        max-width: 100%;
    }
}

.ui-menu.ui-jolisearch {
    background-color: #fff;
    z-index: 9999;
    border: 1px solid #aaa;
    font-family: inherit;
    border-radius: 8px;
    position: fixed;
}

.jolisearch-modal {
    padding: 105px 0;
}
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .jolisearch-products__list {
    display: flex;
    justify-content: center;
}

.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product {
    flex: 0 0 33%;
}

    .ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product > a {
        display: flex;
        flex: 1;
        flex-direction: column;
        position: relative;
    }

.ui-jolisearch .product-flags {
    display: block !important;
    border: 0 !important;
}
.ui-jolisearch .product-flags .product-flag {
    border-radius: 8px;
    background-color: var(--zaseni-rosa);
}

@media(max-width: 720px) {
    .ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product {
        flex: 1 0 45%;
    }
}

.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 0.5rem;
    min-height: 170px;
}

.product-price--old {
    text-decoration: line-through;
    color: gray;
}

.product-price--discount {
    background: var(--zaseni-rosa);
    color: white;
    border-radius: 8px;
    padding: 0 3px;
}

.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .items-count {
    background: var(--zaseni-rosa);
}

.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product > a:hover {
    background: white !important;
}

.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product:hover {
    background: white !important;
    border: 1px solid var(--zaseni-fucsia);
    border-radius: 8px;
}

.jolisearch-filter__link.category-name:hover {
    color: var(--zaseni-fucsia) !important;
    background: none !important;
}
.jolisearch-filter__content > li:hover {
    background: none !important;
    border: 0 !important;
}

.jolisearch-filter__link.manufacturer-name:hover {
    color: var(--zaseni-fucsia) !important;
}

#search-widget-mobile {
    display: none !important;
}

/* Ocultar bot�n cookies */

.lgcookieslaw-fixed-button {
    display: none !important;
}

#lgcookieslaw_banner.lgcookieslaw-banner-floating {
    border-radius: 8px;
}

.lgcookieslaw-banner-floating .lgcookieslaw-reject-button, .lgcookieslaw-banner-floating .lgcookieslaw-accept-button {
    border-radius: 8px;
}

.fancybox-outer, .fancybox-inner {
    border-radius: 8px;
}

.lgcookieslaw-section {
    border-radius: 8px;
}

.lgcookieslaw-slider:before {
    border-radius: 50%;
}

.lgcookieslaw-slider {
    border-radius: 50px;
}

.lgcookieslaw-section-purpose-button {
    border-radius: 8px;
}

.lgcookieslaw-modal-footer .lgcookieslaw-button {
    border-radius: 8px;
}

.lgcookieslaw-modal .lgcookieslaw-partial-accept-button, .lgcookieslaw-modal .lgcookieslaw-reject-button {
    background: gray !important;
}

/* Barra busqueda escritorio */
.mobile-menu, .search-widget form {
    position: relative;
    width: -webkit-fill-available;
}
.desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget {
    max-width: 90%;
    border: 1px lightgray solid;
    border-radius: 8px;
    padding: 2px;
}

/* color por defecto puede venir de tu CSS actual */
#search_widget {
    transition: border-color .15s ease;
}
    /* estado activo al hacer click en el input */
    #search_widget.is-active {
        border-color: var(--zaseni-fucsia) !important; /* azul; cambia al que quieras */
    }


/* Ocultar cupones carrito */
.block-promo .cart-voucher-area {
    display: none !important;
}

/* Imagenes subcategor�as */
.product-list-subcategories-slider .subcategory-image img {
    max-width: 100% !important;
    max-height: 100% !important;
}



.swiper-background {
    background: #ffc2e336;
    padding: 10px 15px;
}

.product-list-subcategories-slider {
    margin: 0 !important;
}

/* Bot�n a�adir al carrito */
.add-to-cart {
    background-color: var(--zaseni-fucsia);
    color: #fff;
    font-weight: bold;
    padding: 10px 70px;
    border-radius: 8px;
    transition: background-color 0.3s ease;
    border: none;
    cursor: pointer;
}
    .add-to-cart:hover {
        background-color: #b81b6a;
        color: #fff;
        font-weight: bold;
        padding: 10px 70px;
        border-radius: 8px;
        transition: background-color 0.3s ease;
        border: none;
        cursor: pointer;
    }

.add > .add-to-cart {
    background-color: var(--zaseni-fucsia);
    color: #fff;
    font-weight: bold;
    padding: 10px 70px;
    border-radius: 8px;
    transition: background-color 0.3s ease;
    border: none;
    cursor: pointer;
    position: relative;
}

.add > .add-to-cart {
    background-image: linear-gradient(to right, #EC4F9F, #EC4F9F);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .35s ease-in-out;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

@media(max-width: 460px){
    .add > .add-to-cart {
        padding: 10px 20px !important;
    }
}

    .add > .add-to-cart:hover {
        background-size: 100% 100%;
    }

.input-group-add-cart > .add-to-cart {
    background-color: white;
    color: var(--zaseni-fucsia);
    font-weight: bold;
    padding: 10px 18px !important;
    border-radius: 8px;
    border: var(--zaseni-fucsia) 1px solid;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

    .input-group-add-cart > .add-to-cart:hover {
        background-color: var(--zaseni-fucsia);
        color: white;
        font-weight: bold;
        padding: 10px 18px;
        border-radius: 8px;
        border: var(--zaseni-fucsia) 1px solid;
        transition: background-color 0.3s ease;
        cursor: pointer;
    }



@media (max-width: 362px) {
    button.btn.btn-product-list.add-to-cart {
        font-size: 11px;
    }
}

.no-stock {
    background-color: lightgray;
    color: #fff;
    font-weight: bold;
    padding: 10px 18px;
    border-radius: 8px;
    transition: background-color 0.3s ease;
    border: none;
    cursor: pointer;
}
.no-stock:hover {
    background-color: lightgray;
    color: #000;
    font-weight: bold;
    padding: 10px 18px;
    border-radius: 8px;
    transition: background-color 0.3s ease;
    border: none;
    cursor: pointer;
}

.product-quantity .add-to-cart:disabled {
    opacity: 0.75;
}

.product-quantity > .col {
    margin-bottom: 0 !important;
}
/* Ancho completo men� filtro compacto movil */
.has-compact-filter #amazzing_filter {
    max-width: 100% !important;
}

/* Porcentaje descuento rosa */
span.discount-percentage {
    color: white;
    background: #ffc2e3;
    padding: 5px;
    border-radius: 5px;
    font-size: 16px;
}

/* Product flags style */
.product-miniature-default li.product-flag:first-child {
    margin-top: 0;
    border-radius: 5px;
    background: #ffc2e3;
    font-size: 14px;
}

/* Boton abrir filtro movil */
.btn.compact-toggle.external, .btn.compact-toggle.sticky {
    white-space: nowrap;
    outline: none;
    background: transparent;
    color: #777777;
    scale: 1.3;
    border: 0;
}

.products-selection .form-control {
    background-color: #ffffff;
    color: #777777;
    border: 0 !important;
    scale: 1.3;
}

/* Precio descuento */
.descuento {
    display: flex;
    gap: 10px;
    scale: 1.2;
    align-items: baseline;
    padding-left: 7.5%;
}

.descuento > .current-price {
    width: auto !important;
}

/* Ocultar descuento flag */
.product-flags .discount, .product-flags .on-sale {
    display: none !important;
}

/* Barra de "a�adir al carrito"*/
.col.col-12.col-sm-auto.col-add-btn {
    width: 80%;
}

.col.col-12.col-sm-auto.col-add-qty {
    width: 150px;
    margin-right: 0;
}

@media(max-width: 470px){
    .col.col-12.col-sm-auto.col-add-qty {
        width: 30%;
        margin-right: 1%;
    }
    .row.extra-small-gutters.product-quantity {
        display: flex;
        flex-wrap: nowrap !important;
        flex-direction: row;
        align-items: center;
    }

    .col.col-12.col-sm-auto.col-add-btn {
        width: 73%;
    }
}

.row.extra-small-gutters.product-quantity {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

/* Corazon */
button#iqit-wishlist-product-btn {
    right: 0;
    background: transparent;
    font-size: 30px;
    padding: 1rem 1.5rem 1rem 1rem !important;
}

#header .header-btn-w .header-btn > .icon {
    display: inline-block;
    position: relative;
    color: #1a1a1a;
}

.fa.fa-heart-o:hover {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    --fa: "\f004";
    color: var(--zaseni-fucsia);
}

.open_wishlist_form i:hover {
    opacity: 1 !important;
}

.fa.fa-heart.added {
    color: var(--zaseni-fucsia);
}
/* Radio tama�os combinaciones */
.btn.ml-button-2.selected, a.variant-url-2.selected-2 .btn.ml-button-2 {
    border-radius: 8px;
}
.btn.ml-button-2 {
    border-radius: 8px;
}

.custom-select-item.selected-item {
    border-radius: 8px;
}

/* Clase flex-end */
.flex-end {
    align-items: flex-end !important;
}

/* Impuestos */
span.impuestos {
    font-size: 12px;
    font-weight: 100;
}

/* Finalizar compra */
.finalizar-compra {
    background: var(--zaseni-fucsia);
    border-radius: 8px;
    color: white;
    border: 1px solid var(--zaseni-fucsia);
}
.finalizar-compra:hover {
    background: white;
    border-radius: 8px;
    color: var(--zaseni-fucsia);
    border: 1px solid var(--zaseni-fucsia);
}


/* Notificaciones */
.alert-info {
    background: var(--zaseni-rosa);
    color: white;
    border: var(--zaseni-rosa);
}

/* Borde product tabs */
.nav-tabs .nav-link.active, .nav-tabs .nav-link:focus{
    border-bottom: 0;
}
.nav-tabs .nav-link.active:hover {
    border-bottom: 0;
}

.nav-tabs .nav-link:hover {
    border-bottom: 0;
}

@media (max-width: 575.98px) {

    .product-tabs .card-header-tabs .nav-item, .product-tabs .nav-tabs .nav-item {
        margin: 0 0 0rem;
    }
}

.nav-tabs .nav-link {
    color: #000000;
    font-size: 1.1428571429rem;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    text-decoration: none;
}

.nav-tabs > .nav-item > .nav-link {
    position: relative;
    cursor: pointer;
}

    .nav-tabs > .nav-item > .nav-link::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 2px;
        background-color: var(--zaseni-fucsia);
        transition: all 0.3s ease;
        transform: translateX(-50%);
    }

    /* Cuando est� activa (por click o por Bootstrap) */
    .nav-tabs > .nav-item > .nav-link.active::after,
    .nav-tabs > .nav-item > .nav-link.selected::after {
        width: 100%;
    }


/* Count products cesta */
.ps-shoppingcart .cart-products-count-btn {
    display: none;
    text-align: center;
    line-height: 15px;
    border-radius: 30px;
    min-width: 16px;
    height: 16px;
    font-size: .8rem;
    position: absolute;
    top: 6px;
    right: 4px;
    padding: 1px 5px;
    background: transparent;
    color: black;
}

/* Ancho del logo */
    .logo {
        width: 150px;
    }

/* Body sin scroll */
body.no-scroll {
    overflow: hidden; /* Evita el scroll vertical y horizontal */
}

/* Eliminamos border ordenar por y redondeamos*/
.products-sort-order > .form-control {
    border: 0;
}

.select-title .select-title-name {
    max-width: 130px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    vertical-align: bottom;
}

.products-sort-order > .dropdown-menu {
    border-radius: 8px;
}


/* Animaci�n menu horizontal */
.cbp-hrmenu-tab > .nav-link {
    position: relative;
}

.cbp-hrmenu-tab > .nav-link:hover {
    background: none;
}

.cbp-hrmenu .cbp-hrsub-inner {
    padding: 0px 30px !important;
}


.cbp-hrmenu-tab > .nav-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: var(--zaseni-fucsia);
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.cbp-hropen > .nav-link::after {
    width: 100%;
}

.cbp-horizontal > ul > li.cbp-hropen > a, .cbp-horizontal > ul > li.cbp-hropen > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li.cbp-hropen > a:hover {
    background: none !important;
}

#cbp-hrmenu .cbp-hrsub, #cbp-hrmenu .cbp-hrsub-level2, #cbp-hrmenu .cbp-hrsub-wrapper {
    transition: opacity 300ms ease-in-out;
}

.cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link {
    line-height: 2rem;
}

.cbp-column-title {
    position: relative;
}

    .cbp-column-title::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 2px;
        background-color: var(--zaseni-fucsia);
        transition: width 0.3s ease; /* con width basta */
        transform: translateX(-50%);
    }

    /* Cuando alg�n enlace descendiente est� hover, expande el subrayado */
    .cbp-column-title.is-hover::after {
        width: 100%;
    }



    /* Eliminamos borde inferior dentro de producto  y ajustamos para dejar bien la descripci�n encima del precio */
    .product_header_container {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

.product_header_container > .product-prices.js-product-prices {
    margin-top: 1rem;
    margin-bottom: -1rem;
}


/* Alineamos coraz�n con bot�n a�adir carrito producto */
.add {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

/* Color filtros horizontales */
.horizontal-layout .has-selection .af_subtitle, .horizontal-layout .has-selection .af_subtitle.toggle-content:before, .horizontal-layout .has-selection .af_filter_content {
    border-color: black;
}

.horizontal-layout .has-selection .af_subtitle {
    color: black;
}

.selectedFilters .cf {
    padding: 7px 25px 7px 5px;
    background: var(--zaseni-rosa);
    position: relative;
    line-height: 1;
    color: var(--zaseni-fucsia);
    border-radius: 8px;
}

a.u-times.close {
    opacity: 1 !important;
    color: var(--zaseni-fucsia) !important;
}

.selectedFilters .clearAll a {
    color: black !important;
    display: block;
    font-size: 20px;
}

.selectedFilters .clearAll {
    background: none;
    line-height: 1;
}

    .selectedFilters .clearAll .txt {
        text-decoration: underline;
    }

.dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item {
    color: #474747 !important;
    border-bottom: 0 !important;
}

/* Quitamos padding innecesaro product tabs */
.rte-content ol, .rte-content ul {
    list-style-type: disc;
    padding: 0rem 0rem 0rem 2rem;
}

/* Volvemos las horizontal tabs horizontales con scroll */
@media (max-width: 576px) {
    #product-infos-tabs {
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 1rem;
        /* font-size: larger; */
        /* scroll-snap-type: x proximity; */
        zoom: 1.2;
        overflow-y: hidden;
    }

        #product-infos-tabs .nav-item {
            flex: 0 0 auto; /* que no se encojan */
            scroll-snap-align: start; /* opcional: que �encajen� al inicio */
        }

        #product-infos-tabs .nav-link {
            white-space: nowrap; /* no romper l�nea dentro de la tab */
        }

        /* Opcional: ocultar la barra en navegadores que la muestran gorda */
        #product-infos-tabs::-webkit-scrollbar {
            height: 6px;
        }

        #product-infos-tabs::-webkit-scrollbar-thumb {
            border-radius: 4px;
        }
}

/* Barra lateral del carrito */

.ps-shoppingcart.side-cart #blockcart-content {
    padding-bottom: 10px !important;
}
@media(min-width: 500px) {
    .ps-shoppingcart.side-cart #blockcart-content {
        width: 30vw;
    }
}

    .tramitar-pedido {
        color: white;
        background-color: var(--zaseni-fucsia);
        transition: background-color .35s ease-in-out;
        text-decoration: none !important;
    }

    .tramitar-pedido:hover {
        color: white;
        background-color: #b81b6a;
    }

.cart-buttons > a {
    border-radius: 8px;
}
/* Alineaci�n m�vil productascombinations */
@media (max-width: 460px) {
    #initial-combinations {
        justify-content: flex-start;
        gap: 1%;
    }

    .variant-url {
        flex: 0 0 24%;
        margin-right: 0 !important;
    }
}

/*Altura header movil */
#mobile-header .mobile-main-bar {
    padding-top: 1.4285714286rem;
    padding-bottom: 0.4285714286rem;
}

/* condiciones */
.condiciones {
    color: #3f3f3f;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 10px;
    gap: 10px;
}

/* Centramos el input de cantidad */
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    text-align: center;
}

.product-quantity .qty .input-group {
    flex-wrap: nowrap;
    align-items: center;
    border: 1px solid black;
    border-radius: 8px;
    color: black;
}

.product-quantity .qty {
    width: auto !important;
    height: 100%;
}

#quantity_wanted {
    border: 0;
}

/* Formularios */
.form-control {
    border-radius: 8px;
}

.btn-sign {
    border-radius: 8px;
    background-color: var(--zaseni-fucsia);
    color: white;
    padding: 10px 70px;
    font-weight: bold;
    margin-top: 10px;
}

.btn-register {
    border-radius: 8px;
    background-color: white;
    color: var(--zaseni-fucsia);
    border: 1px var(--zaseni-fucsia) solid;
    padding: 10px 80px;
    font-weight: bold;
    margin-top: .7rem;
}

.btn-sign:hover {
    color: white;
    border: 1px var(--zaseni-fuerte) solid;
    background-color: var(--zaseni-fuerte);
}

.btn-register:hover {
    color: white;
    background-color: var(--zaseni-fucsia);
}

@media (min-width: 768px) {
    .col-md-3, .col-md-4 {
        flex: 0 0 auto;
        /*width: -webkit-fill-available !important;*/
    }
}

/* Pagina login */

.login-page-container {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    height: 100vh; /* altura exacta del viewport */
    overflow: hidden; /* evita scroll vertical */
}

.login-left {
    flex: 1;
    padding: 1.5rem 3rem 0rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}

.login-right {
    flex: 1;
    overflow: hidden;
    position: static;
    background-image: url(https://qdpazzzbpcfyczdbhcfl.supabase.co/storage/v1/object/public/zaseni%20web/ZaseniLogin.webp);
    background-size: cover;
}

.page-customer-account #content .forgot-password {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}
/* M�vil: ocultar imagen y usar layout normal */
@media (max-width: 768px) {
    .login-page-container {
        flex-direction: column;
        height: 100svh; /* permite scroll en m�vil */
    }
    .login-right {
        flex: 1 1 100%;
        background-size: 100% auto;
        background-position: center 20%;
        background-repeat: no-repeat;
        margin-top: 15px;
    }

    .login-left {
        max-width: 100%;
        height: auto;
        overflow: visible;
        text-align: center;
    }
}

.logo-login {
    width: 150px;
}

/* Ocultamos pagos seguros p�gina producto */
#ps_checkout-payment-method-logo-block-container {
    display: none;
}

/* Bot�n de volver arriba */
#back-to-top {
    background: var(--zaseni-fucsia);
    color: #ffffff;
    border-radius: 100%;
    z-index: 99 !important;
}

    #back-to-top:hover {
        background: var(--zaseni-fucsia);
        color: #ffffff;
    }

#back-to-top > i {
    transition: all .3s ease;
}
#back-to-top:hover > i {
    margin-bottom: 5px;
}


#mobile-header .m-nav-btn > span:not(.cart-products-count) {
    display: none !important;
}

#mobile-header .m-nav-btn {
    position: relative;
}

#mobile-header .col-mobile-logo a, .ps-shoppingcart.header-cart-btn-w .cart-products-count-btn {
    display: inline-block;
    position-area: bottom;
    right: 0px;
}

#cart-toogle {
    position: relative;
    box-sizing: border-box;
}
@media(max-width: 420px) {
    .ventascross-actions {
        padding-right: 10px;
        font-weight: bold;
        zoom: 0.9;
    }
}
/* Ajustamos ventascross comprar moviles peque�os */
@media(max-width: 380px) {
    .ventascross-actions {
        padding-right: 10px;
        font-weight: bold;
        zoom: 0.8;
    }
}


/* Puntos slider dots */
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--zaseni-fucsia);
    width: 16px;
    border-radius: 9999px;
    transition: width cubic-bezier(0.39, 0.58, 0.57, 1) .2s;
}

span.swiper-pagination-bullet {
    background-color: white;
    border: 1px solid var(--zaseni-fucsia);
    opacity: 1;
}

/* Animaci�n precio */

#blockcart-content .cart-products .bootstrap-touchspin {
    width: 110px;
    flex-wrap: nowrap;
    outline: 1px solid;
    border-radius: 8px;
    position: relative;
}

#blockcart-content .cart-products .block-cart-product-quantity {
    height: fit-content;
    border: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    background: transparent;
}

.input-group-btn:hover {
    position: relative;
    font-size: 0;
    background: transparent;
}

.bootstrap-touchspin .btn-touchspin {
    background-color: transparent;
    color: black;
}

.bootstrap-touchspin-down:hover {
    border-radius: 8px 0px 0px 8px;
}

.bootstrap-touchspin-up:hover {
    border-radius: 0px 8px 8px 0px;
}

.cart-item .bootstrap-touchspin {
    width: 120px;
    margin: 0 auto;
    min-height: 40px;
    margin: 0;
    flex-wrap: nowrap;
    max-width: 120px;
    border: 1px solid black;
    border-radius: 8px;
}

input.block-cart-product-quantity.form-control.js-cart-line-product-quantity {
    border: 0;
}

/* Spinner dentro del wrapper de cantidad */
.block-cart-qty-wrapper.qty--loading {
    position: relative;
}

    .block-cart-qty-wrapper.qty--loading::after {
        content: "";
        position: absolute;
        inset: 0; /* top:0; right:0; bottom:0; left:0 */
        margin: auto; /* centra el elemento con tamaño fijo */
        width: 1em;
        height: 1em;
        border: 2px solid rgba(0,0,0,0.2);
        border-top-color: rgba(0,0,0,0.6);
        border-radius: 50%;
        animation: qtySpin 0.7s linear infinite;
        pointer-events: none;
        background-color: #fff;
        box-sizing: border-box;
    }

@keyframes qtySpin {
    to {
        transform: rotate(360deg);
    }
}

/* Shimmer en totales del minicart */
.shimmer {
    /* mantiene el layout del texto */
    display: inline-block;
    /* el color base del texto; puedes dejarlo en herencia */
    /* color: var(--price-color, currentColor); */
    /* degradado donde la mayor parte es el color base
     y una franja central m�s clara crea el brillo */
    background-image: linear-gradient( 90deg, currentColor 0%, currentColor 42%, rgba(255,255,255,0.65) 50%, currentColor 58%, currentColor 100% );
    background-size: 200% 100%;
    background-position: 100% 0;
    /* hace que el fondo �recorte� el texto */
    -webkit-background-clip: text;
    background-clip: text;
    /* el relleno del texto viene del fondo */
    -webkit-text-fill-color: transparent;
    color: gray;
    animation: shimmerText 1.1s linear infinite;
}

@keyframes shimmerText {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0;
    }
}

/* Respeto a usuarios con reducci�n de movimiento */
@media (prefers-reduced-motion: reduce) {
    .shimmer {
        animation: none;
    }
}

.col.p-0.text-right {
    zoom: 1.2;
}

a.remove-from-cart {
    margin-left: 8px;
}

#mobile-header .ps-shoppingcart.side-cart #blockcart-content {
    height: 100dvh;
    width: 100vw;
    overflow-y: hidden;
}

/* Bot�n activar filtros */
a.btn.full-width.viewFilteredProducts {
    background-color: #ffc2e336;
    color: black;
    border-radius: 8px;
}

.has-compact-filter #amazzing_filter .title_block {
    background: #ffc2e336;
}

/* Ocultamos selector de idioma y moneda e inicio de sesión además la franja gris */
.mobile-menu__language-currency {
    display: none !important;
}

.mobile-menu__user {
    display: none !important;
}

.mobile-menu__footer {
    border-top: none 1px;
    color: #595050;
    background-color: white;
}
/* Modificamos confirmaci�n de compra final */
.definition-list dl dd, .definition-list dl dt {
    box-flex: 0;
    -moz-flex: 0 0 45%;
    flex: 0 0 45%;
    background: transparent;
    padding: .625rem;
    margin: .125rem;
}

.definition-list dl, .product-features > dl.data-sheet {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    flex-wrap: wrap;
    background: white;
}

#order-confirmation .mail-sent-info {
    padding: 1rem;
    background: var(--zaseni-suave);
    margin-bottom: 1.5rem;
}

/* Carrousell marcas */
.elementor-brands img {
    margin: 0 auto;
    filter: grayscale(100%);
    transition: filter .3s ease, transform .3s ease;
    width: 80px;
    height: 80px;
}

.elementor-brands img:hover {
    margin: 0 auto;
    filter: none;
    transform: scale(1.1);
}

.elementor-brands-carousel-wrapper > .swiper-button-next, .elementor-brands-carousel-wrapper > .swiper-button-prev {
    top: 70%;
}

/* Bot�n de continuar checkout */

.continue {
    background: #f8f8f8;
    color: #333333;
    border: none;
    border-radius: 8px;
}

    .continue:hover {
        background: #dedede;
        border: none;
        color: #2e2e2e;
    }

.btn-payment {
    background: var(--zaseni-fucsia);
    color: white;
    border: 1px solid var(--zaseni-fucsia);
    border-radius: 8px;
}

.btn-payment:hover {
    background: #b81b6a;
    border: 1px solid #b81b6a;
    color: white;
}

.cart-item, .cart-item-header {
    padding: 0;
    border-bottom: 0;
}

#checkout #opc_main #payment-confirmation button, #checkout #opc_main .ps_checkout-button button {
    background-color: var(--zaseni-fucsia);
    border-color: var(--zaseni-fucsia);
    width: 100%;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    color: white;
}

.opc-header__logo {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    width: 83dvw !important;
}
/* Centramos banner carrousell */
.elementor-image-carousel-wrapper {
    text-align: center;
}

/* Ocultamos imagen carrousell movil */
@media(max-width: 500px) {
    .elementor-column.elementor-element.elementor-element-6yqegrh.elementor-col-50.elementor-top-column {
        display: none;
    }
}

/* Cantidad lista de deseos */
.product-miniature-grid .input-group-add-cart {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    flex-direction: row;
}

    .product-miniature-grid .input-group-add-cart .input-group {
        width: 200px;
        margin-right: 5px;
        flex-wrap: nowrap;
        border: 1px solid black;
        border-radius: 8px;
    }

.bootstrap-touchspin > .input-qty {
    border: 0;
}

/* Tabla historial pedidos */
.table > :not(caption) > * > * {
    background-color: transparent;
}

tr:hover {
    background-color: transparent;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-bg-type: transparent;
}

.thead-default th {
    background-color: white;
}

.table-bordered > :not(caption) > * {
    border-width: 0;
}

.table-bordered > :not(caption) > * > * {
    border-width: 0;
}

.page-customer-account #content .order-actions a {
    color: black;
}

/* Footer */
#footer .block-title, #checkout-footer .block-title
 {
    color: #333333;
    font-size: 1rem;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 20px;
}



.block-social-links > .block-title {
    display: none;
}

ul.social-links._footer {
    display: flex;
}

.block-content > ul > li {
    zoom: 1.2;
}

.footer-container li {
    margin-top: 3px;
    margin-bottom: 3px;
}



@media(min-width: 768px) {
    .footer-container {
        margin-left: 15dvw;
    }

    #footer .block-title, #checkout-footer .block-title {
        color: #333333;
        font-size: 1rem;
        font-style: normal;
        font-weight: bold;
        text-transform: uppercase;
        border-bottom: 0;
        margin-bottom: 20px;
        padding-bottom: 0;
        font-size: 20px;
    }

    .block-content > ul > li {
        padding-top: 10px;
        display: flex;
        gap: 8px;
        margin-bottom: 0;
    }

    
}

@media(max-width: 768px) {
    .block.block-footer.block-social-links {
        padding-top: 5px;
        padding-bottom: 0 !important;
    }

    #footer .footer-style-1 .social-links > li {
        padding-bottom: 0 !important;
    }

    .block-iqitlinksmanager li {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
}
/* Ajustes carrito */
.col-12.col-sm-6.col-md-6.product-line-grid-right.product-line-actions {
    width: fit-content;
}

/* Botón pagar con paypal carrito */
div#ps-checkout-express-button {
    z-index: 99;
    position: relative;
}

/* No disponible */
.no-disponible {
    background-color: lightgray;
    color: #fff;
    font-weight: bold;
    padding: 10px 10px;
    border-radius: 8px;
    border: none;
    cursor: default;
}

/* Titulos carroussel */
.titulo-productos {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.titulo-productos > a {
    cursor: pointer;
    text-decoration: underline;
    padding-right: 10px;
}

/* Barra de progreso */

.cart-free-shipping-message {
    margin-bottom: .25rem;
}

.cart-free-shipping-bar {
    height: 8px;
    background: #e9ecef;
    border-radius: 9999px;
    overflow: hidden;
    position: relative;
}

    .cart-free-shipping-bar .bar-fill {
        display: block;
        height: 100%;
        width: 0;
        background: linear-gradient(90deg,var(--zaseni-suave),var(--zaseni-rosa));
        transition: width .4s ease;
        border-radius: inherit;
    }

.cart-free-shipping-legend {
    margin-top: .25rem;
    font-size: .8rem;
    color: #6c757d;
}

.old-subtotal {
    text-decoration: line-through;
    opacity: .7;
    margin-right: .5rem;
    white-space: nowrap;
}

.modal-title {
    display: flex;
    align-items: flex-end;
    gap: 5px;
}

.burbuja-count {
    font-size: 12px;
    background-color: var(--zaseni-suave);
    padding: 2px 5px;
    border-radius: 50%;
}
/* Asegura que tu modal/dropdown queda por encima del backdrop */
.blockcart-content {
    z-index: 9999;
}

/* Backdrop global que cubre TODA la página, incluido el header */
#cart-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    opacity: 0;
    pointer-events: none;
    z-index: 99; /* > header */
    transition: opacity .2s ease;
}

/* Activo */
.cart-dim #cart-backdrop {
    opacity: 1;
    pointer-events: auto;
}

/* Metodos de pago carrito */
.payment-methods {
    text-align: center;
    padding-top: 2px;
}

.payment-methods > img {
    width: 38px;
    height: 24px;
}

.envio-checkout {
    padding-top: 2px;
    font-size: 12px;
    text-align: center;
}

.pago-seguro {
    margin-right: 5px;
    font-size: large;
}

/* carrito checkout */
.carrito-checkout-3columns {
    background: white;
    height: -webkit-fill-available;
    overflow: hidden;
    padding: 0;
}
.carrito-checkout-3columns > section {
    background: white !important;
}

section#opc_step_cart {
    box-shadow: none !important;
}

div#opc_content {
    justify-content: center;
}

#checkout #opc_main .opc-addresses .address-selector {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    max-height: fit-content;
}

    #checkout #opc_main .opc-addresses .address-selector .address-item {
        width: 100%;
    }

#checkout > #main-page-content > #wrapper {
    padding-top: 0 !important;
    min-height: 1px !important;
    padding-bottom: 0;
    height: 100dvh !important;
}

.checkout-campos {
    padding: 0;
    background: #f8f8f8;
    padding-left: 15% !important;
    padding-top: 20px !important;
}

@media(max-width: 560px) {
    .checkout-campos {
        padding-left: 0 !important;
    }
}

#checkout #opc_main .opc-step {
    box-shadow: none !important;
    background: white !important;
    border: 1px solid lightgray;
    height: auto;
}

#checkout #opc_main .opc-step .opc-step-footer .continue {
    margin-left: auto;
    width: 100%;
}

#checkout #opc_main .opc-step .opc-step-footer .continue:hover {
    margin-left: auto;
    width: 100%;
    background: var(--zaseni-fuerte) !important;
    color: white !important;
    border: 1px solid var(--zaseni-fuerte) !important;
}



#checkout .opc-bootstrap-533 .opc-form .form-group, #checkout .opc-bootstrap-533 .opc-form .input-group {
    margin-bottom: 10px !important;
    padding-top: 0;
    padding-bottom: 0;
}

.address::-webkit-scrollbar {
    width: 5px;
}

.address::-webkit-scrollbar-track {
    background: lightgray;
    border-radius: 8px;
}

.address::-webkit-scrollbar-thumb {
    background: gray;
    border-radius: 8px;
}

.address::-webkit-scrollbar-thumb:hover {
    background: dimgray;
}

.address::-webkit-scrollbar-button {
    display: none;
}

.address-selector::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.address-selector::-webkit-scrollbar-track {
    background: lightgray;
    border-radius: 8px;
    padding-left: 2px;
}

.address-selector::-webkit-scrollbar-thumb {
    background: gray;
    border-radius: 8px;
}

.address-selector::-webkit-scrollbar-thumb:hover {
    background: dimgray;
}

.address-selector::-webkit-scrollbar-button {
    display: none;
}

#checkout #opc_main .opc-step .opc-step-header {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#checkout #opc_main #opc_cart .cart-summary-products #cart-summary-product-list .media-list .media .media-product-detail .product-name {
    display: flex;
    gap: 5px;
    justify-content: space-between;
    flex-direction: column;
}

.opc-scrollable {
    max-height: 600px;
    overflow-y: auto;
    padding-right: 1rem;
}

#form-shipping_container .opc-scrollable {
    max-height: 500px;
    overflow-y: auto;
    padding-right: 1rem;
}

.opc-scrollable::-webkit-scrollbar {
    width: 5px;
}

.opc-scrollable::-webkit-scrollbar-track {
    background: #F3F3F3;
    border-radius: 8px;
}

.opc-scrollable::-webkit-scrollbar-thumb {
    background: #CCCCCC;
    border-radius: 8px;
}

.opc-scrollable::-webkit-scrollbar-thumb:hover {
    background: #AAAAAA;
}

.opc-scrollable::-webkit-scrollbar-button {
    display: none;
}


#checkout #opc_main.customer-not-logged #opc_step_my_account_body .tabs-view .nav-tabs .nav-link.active::after {
    background-color: var(--zaseni-fucsia);
    transform: translateX(0);
}

#checkout #opc_main #opc_cart .cart-summary-products #cart-summary-product-list .media-list .media .product-discount {
    background-color: var(--zaseni-rosa);
    margin-left: 0 !important;
}

#checkout #opc_main #opc_mobile_cart_trigger {
    border-radius: 8px 8px 8px 8px;
    transition: all .3s ease;
    background: var(--zaseni-suave) !important;
    color: black !important;
    zoom: 1.2;
    border: 0;
}

#checkout #opc_main #opc_mobile_cart_trigger > span {
    color: black !important;
}

#checkout #opc_main #opc_mobile_cart_trigger > span > i {
    color: black !important;
}

#checkout #opc_main #opc_mobile_cart_trigger > span > span {
    color: black !important;
}

#checkout #opc_main #opc_mobile_cart_trigger.opc-mobile-cart-visible {
    border-radius: 8px 8px 0 0;
}

.opc-bootstrap-533 .d-block {
    padding: 0;
}

button#btn-opc_login {
    padding: 5px;
}

.btn-primary :active {
    background: none;
}

#checkout #opc_main #opc_cart .cart-summary-products #cart-summary-product-list .media-list .media .media-total-price {
    text-align: left;
    display: flex;
    align-items: baseline;
    gap: 5px;
}

#checkout #opc_main .opc-step .opc-step-header .opc-step-title {
    color: black !important;
    font-size: larger !important;
}

#checkout #opc_main .opc-step .opc-step-body {
    padding-top: 8px !important;
    
}

#opc_cart {
    padding-top: 20px !important;
}

.mobile {
    margin-top: 20px !important;
    margin-bottom: 20px;
}

.is-mobile {
    width: -webkit-fill-available;
}

#checkout #opc_main #opc_main_cart_mobile {
    background-color: white;
}

#checkout #opc_main #opc_cart .cart-summary-products #cart-summary-product-list .media-list {
    max-height: 425px;
    overflow-y: auto;
    padding-right: 1rem;
}

@media(max-width: 560px) {
    .desktop {
        display: none !important;
    }

    .col-md-12.col-lg-6.checkout-campos{
        padding: 0 !important;
        background: #ffffff;
    }
    #checkout #opc_main.opc-three_columns .opc-step {
        background: white;
    }

    .opc-leave-payment-link > img.logo {
        width: 100px !important;
    }
}

@media(min-width: 560px) {
    .mobile {
        display: none !important;
    }
}
/* Alerta vaciado carrito checkout */
.opc-bootstrap-533 .alert-info {
    --bs-alert-color: dimgray;
    --bs-alert-bg: rgba(var(--bs-primary-rgb), 0.05);
    --bs-alert-link-color: var(--zaseni-fucsia);
    --bs-alert-border-color: var(--zaseni-fucsia);
}

/* Número burbuja checkout */
.media-image {
    position: relative;
}

.quantity-container {
    position: absolute;
    top: 0;
    left: 100%;
    transform: translateX(-100%); /* lo pega al borde derecho del padre */
    background: var(--zaseni-rosa);
    padding: 1px 7px;
    border-radius: 25%;
}

.product-quantity {
    color: white !important;
    font-size: 13px !important;
}

/* Crear rutina */
.listado-marcas {
    display: flex !important;
}

.mkrb-checkbox {
    display: none;
}

.mkrb-layout {
    display: grid;
    grid-template-columns: 1fr 370px;
    gap: 20px;
    padding: 5px;
}

@media (max-width: 992px) {
    .mkrb-layout {
        grid-template-columns: 1fr;
    }

    .mkrb-sidebar {
        position: static;
    }
}

/* Contenedor de tabs con scroll lateral */
.mkrb-mode-btn {
    border: 0;
    color: black;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 0;
    margin-top: 5px;
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 11px;
    padding-bottom: 5px;
    font-size: x-large;
}

.mkrb-mode-btn.active {
    background: var(--zaseni-suave);
    zoom: 1.1;
}

.mkrb-mode-tabs {
    display: flex;
    gap: 5px;
}

.mkrb-layout > div {
    min-width: 0;
}

.mkrb-tabs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding-bottom: 5px;
    scroll-snap-type: x proximity;
    position: relative;
    background: var(--zaseni-suave);
    border-radius: 0px 8px 0 0;
}

.mkrb-tab-btn {
    flex: 0 0 auto;
    scroll-snap-align: start;
    appearance: none;
    border: none;
    background: #fff2f9;
    color: #374151;
    padding: 8px 12px 2px 8px;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    font-weight: 600;
    position: relative;
}
.mkrb-tab-btn::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: var(--zaseni-fucsia);
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

    .mkrb-tab-btn[aria-selected="true"]::after {
        width: 100%;
    }

.mkrb-tabs::-webkit-scrollbar {
    height: 6px;
}

.mkrb-tabs::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.2);
    border-radius: 999px;
}

.mkrb-tabs::-webkit-scrollbar-track {
    background: transparent;
}

.mkrb-subtabs {
    display: flex;
    gap: .5rem;
    margin: 0rem 0 1rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
    position: relative;
    padding-bottom: 5px;
}

.mkrb-subtabs::-webkit-scrollbar {
    height: 6px;
}

.mkrb-subtabs::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.2);
    border-radius: 999px;
}

.mkrb-subtabs::-webkit-scrollbar-track {
    background: transparent;
}

.mkrb-subtab-btn {
    padding: 0px 12px 2px 8px;
    border: 0;
    background: #fff2f9;
    color: black;
    cursor: pointer;
    border-radius: .375rem;
    position: relative;
    white-space: nowrap;
}

.mkrb-subtab-btn::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: var(--zaseni-fucsia);
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

    .mkrb-subtab-btn.active::after {
        width: 100%;
    }

.mkrb-subpanel {
    display: none;
}

    .mkrb-subpanel.active {
        display: block;
    }

.mkrb-panel {
    display: none;
}

    .mkrb-panel.active {
        display: block;
        background: var(--zaseni-suave);
        border-radius: 0px 0px 8px 8px;
        padding: 5px;
    }

.mkrb-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px,1fr));
    gap: 12px;
}

/* MÓVIL: siempre 2 por fila */
@media (max-width: 560px) {
    .mkrb-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    /* por si alguna tarjeta tiene anchura mínima */
    .mkrb-card {
        min-width: 0;
    }
}


.mkrb-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    text-align: center;
    transition: box-shadow .15s ease, border-color .15s ease;
    min-height: 210px;
}

.mkrb-old {
    text-decoration: line-through;
}

.mkrb-price {
    color: black;
}

.mkrb-badge {
    background: var(--zaseni-rosa);
    color: white;
    border-radius: 8px;
    padding: 4px 9px;
}

    .mkrb-card:hover {
        box-shadow: 0 4px 18px rgba(0,0,0,.06);
    }

    .mkrb-card input[type="radio"] {
        display: none;
    }

    .mkrb-card:has(input[type="radio"]:checked) {
        border-color: var(--zaseni-fucsia);
        box-shadow: 0 0 0 3px var(--zaseni-suave);
    }

.mkrb-img {
    width: 100%;
    height: 120px;
    object-fit: contain;
    display: block;
}

.mkrb-placeholder {
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
    border-radius: 10px;
}

.mkrb-similar-title {
    margin-bottom: .2rem;
    margin-top: .8rem;
    font-size: large;
    font-weight: bold;
}

.mkrb-name {
    font-size: .92rem;
    color: #374151;
    line-height: 1.2;
    min-height: 2.2em;
}

.mkrb-sidebar {
    position: fixed;
    top: 10dvh;
    align-self: start;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px;
    background: #fff;
    right: 0;
    z-index: 99;
    width: 20%;
    height: 90dvh;
    display: flex;
    flex-direction: column;
}

.mkrb-side-title {
    font-weight: 700;
    margin-bottom: 8px;
    text-align: center;
}

.mkrb-side-items {
    overflow-y: auto;
    flex: 1 1 auto;
    padding: 5px;
}

.mkrb-side-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
    zoom: 0.8;
}

.mkrb-summary-sep {
    border: 0;
    border-top: 1px solid #eee;
    margin: 12px 0;
}

.mkrb-summary {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mkrb-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: large;
    padding-bottom: 5px;
}

@media (resolution: 120dpi) {
    .mkrb-summary-row {
        padding-top: 5px;
    }
}

.mkrb-summary-label {
    font-weight: 700;
    color: #374151;
}

.mkrb-summary-amount {
    font-weight: 800;
}

.mkrb-summary-discount .mkrb-old {
    text-decoration: line-through;
    color: #9ca3af;
    font-weight: 600;
    margin-right: 8px;
}

.mkrb-summary-discount .mkrb-new {
    display: flex;
    align-items: center;
    gap: 8px;
}


    .mkrb-side-item img {
        width: 100%;
        height: 160px;
        object-fit: contain;
        border-radius: 10px;
        background: #fff;
    }

    .mkrb-container-img {
        outline: 1px solid #e5e7eb;
        border-radius: 10px;
        position: relative;
    }

.mkrb-actions {
    margin-top: 16px;
    display: flex;
    gap: 10px;
    align-items: center;
}

img.mkrb-img {
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    object-fit: contain;
    zoom: 1.3;
}

    /* Mostrar el ícono custom cuando no hay src */
    img.mkrb-img:not([src]),
    img.mkrb-img[src=""],
    img.mkrb-img[src="#"] {
        visibility: hidden;
    }

/* Mostrar texto "Sin seleccionar" cuando la imagen no tiene src */
.mkrb-container-img:has(img.mkrb-img:not([src]))::after,
.mkrb-container-img:has(img.mkrb-img[src=""])::after,
.mkrb-container-img:has(img.mkrb-img[src="#"])::after {
    content: "Sin seleccionar";
    display: block;
    text-align: center;
    color: #9ca3af;
    font-style: italic;
    font-size: 1.2rem;
    margin-top: 0.5rem;
    position: absolute;
    position-area: bottom;
    top: 40%;
}

.btn-outline-secondary {
    border-radius: 8px !important;
}

.mkrb-sidebar > button {
    width: 100%;
}

/* ===== Isla dinámica móvil ===== */
@media (max-width: 992px) {
    .mkrb-sidebar {
        display: none;
    }
    /* Oculta sidebar clásica en móvil */

    .mkrb-island {
        display: none; /* se activa con .visible */
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        top: 7%;
        z-index: 1000;
        padding: 8px 10px;
        width: min(98vw, 520px);
        background: var(--zaseni-rosa); /* gris muy oscuro estilo “isla” */
        color: #fff;
        border-radius: 18px;
        box-shadow: 0 10px 30px rgba(0,0,0,.25);
        -webkit-tap-highlight-color: transparent;
        transition: all .3s ease;
    }



    .mkrb-island.visible {
        display: block;
    }

        .mkrb-island[aria-expanded="true"] {
            border-bottom-left-radius: 14px;
            border-bottom-right-radius: 14px;
        }

    .mkrb-island-collapsed {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    .mkrb-island-thumbs {
        display: flex;
        gap: 8px;
    }

    .mkrb-island-total {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 4px;
        margin-left: auto;
    }

    .is-total-simple {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .is-total-label {
        font-weight: 700;
        color: #374151;
    }

    .is-total-amount {
        font-weight: 800;
    }

    .is-total-discount {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .is-old {
        text-decoration: line-through;
        color: #9ca3af;
        font-weight: 600;
    }

    .is-new {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .is-badge {
        display: inline-block;
        padding: .15rem .4rem;
        font-size: 1.2rem;
        font-weight: 800;
        color: var(--zaseni-fucsia);
        border-radius: 8px;
        padding: 0 3px;
    }

    .mkrb-is-thumb {
        display: none; /* se activa con .hasimg */
        width: 36px;
        height: 36px;
        object-fit: contain;
        background: #fff;
        border-radius: 8px;
    }

        .mkrb-is-thumb.hasimg {
            display: block;
        }

    .mkrb-island-expanded {
        display: none;
        margin-top: 8px;
        background: #fff;
        color: #111827;
        border-radius: 14px;
        padding: 10px;
        box-shadow: 0 10px 30px rgba(0,0,0,.12);
    }

    .mkrb-island.expanded .mkrb-island-expanded {
        display: block;
    }

    .mkrb-is-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 4px;
        border-bottom: 1px solid #e5e7eb;
    }

        .mkrb-is-item:last-child {
            border-bottom: 0;
        }

        .mkrb-is-item img {
            width: 48px;
            height: 48px;
            object-fit: contain;
            background: #fff;
            border-radius: 8px;
        }

    .mkrb-is-name {
        font-size: .92rem;
    }
}

/* En escritorio la isla no molesta (opcional mostrarla también si quisieras) */
@media (min-width: 993px) {
    .mkrb-island {
        display: none !important;
    }
}

/* ========== Animaciones Dynamic Island ========== */
@keyframes mkrb-island-pop {
    0% {
        transform: translateX(-50%) scale(.92);
        opacity: 0;
        filter: blur(6px);
    }

    60% {
        transform: translateX(-50%) scale(1.03);
        opacity: 1;
        filter: blur(0);
    }

    100% {
        transform: translateX(-50%) scale(1);
        opacity: 1;
        filter: blur(0);
    }
}

/* cuando aparece por primera vez */
.mkrb-island.visible {
    animation: mkrb-island-pop 220ms cubic-bezier(.22,.61,.36,1) both;
}

/* miniaturas: pequeño pop al mostrarse */
@keyframes mkrb-thumb-pop {
    0% {
        transform: scale(.85);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.mkrb-is-thumb.hasimg {
    animation: mkrb-thumb-pop 180ms ease-out both;
}
/* un pelín de “stagger” */
.mkrb-island-thumbs .mkrb-is-thumb:nth-child(1) {
    animation-delay: 30ms;
}

.mkrb-island-thumbs .mkrb-is-thumb:nth-child(2) {
    animation-delay: 70ms;
}

.mkrb-island-thumbs .mkrb-is-thumb:nth-child(3) {
    animation-delay: 110ms;
}

/* expand/collapse suave del panel */
.mkrb-island-expanded {
    max-height: 0;
    opacity: 0;
    transform: translateY(-6px);
    overflow: hidden;
    transition: max-height 280ms ease, opacity 200ms ease, transform 240ms ease;
}

.mkrb-island.expanded .mkrb-island-expanded {
    max-height: 520px; /* valor alto para cubrir el contenido */
    opacity: 1;
    transform: translateY(0);
}

/* Respeto a usuarios con movimiento reducido */
@media (prefers-reduced-motion: reduce) {
    .mkrb-island.visible,
    .mkrb-is-thumb.hasimg,
    .mkrb-island-expanded {
        animation: none !important;
        transition: none !important;
    }
}

.mkrb-confetti-layer {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: visible;
    z-index: 5;
}

.mkrb-confetti-piece {
    position: absolute;
    top: 0;
    width: 6px;
    height: 10px;
    border-radius: 2px;
    background: #ffcf00;
    opacity: 0;
    animation: mkrbConfettiFall 1.8s ease-out forwards;
}

    /* Variaciones de color */
    .mkrb-confetti-piece:nth-child(3n) {
        background: #ff6b6b;
    }

    .mkrb-confetti-piece:nth-child(3n+1) {
        background: #4ecdc4;
    }

    .mkrb-confetti-piece:nth-child(3n+2) {
        background: #ffe66d;
    }

@keyframes mkrbConfettiFall {
    0% {
        transform: translate3d(0,-10px,0) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translate3d(0,250px,0) rotate(260deg);
        opacity: 0;
    }
}

/* Disponibilidad en tienda */
span.disponibilidad-area {
    text-align: left;
}

span.suave {
    color: gray;
}

/* Texto promo */
.promo-note {
    margin-bottom: .75rem; /* separada del botón */
    padding: .6rem .75rem;
    border-radius: 10px;
    line-height: 1.35;
    font-size: .95rem;
    font-weight: 600;
    background: color-mix(in srgb, var(--zaseni-rosa, #fff0f6) 75%, #fff);
    border: 1px solid color-mix(in srgb, var(--zaseni-fucsia, #c2185b) 30%, #fff);
    color: black;
    display: flex;
    align-items: center;
    gap: .5rem;
    width: fit-content;
}

.axb-promos {
    display: flex;
    flex-direction: column;
}

.axb-promos > p {
    margin: 0;
}

.promo-note a {
    color: black !important;
    text-decoration: underline;
}

    /* Si prefieres icono por CSS en lugar del emoji del texto */
    .promo-note::before {
        content: "";
        font-size: 1rem;
        width: 1.3rem;
        height: 1.3rem;
        display: inline-block;
        line-height: 1;
        background: url("/img/banners/etiqueta.svg") no-repeat center / contain;
        opacity: .9;
    }

.promo-note:empty {
    display: none !important;
}

/* Links legales checkout */
.legal-links-checkout {
    text-decoration: underline;
    display: flex;
    gap: 10px;
    zoom: 1.1;
}

/* Alineamos radio button */
#checkout #opc_main #form-shipping_container .delivery-option .carrier-item-content.no-image {
    align-items: center;
}

#checkout #opc_main #form-shipping_container .delivery-option .carrier-item-content .delivery-detail .delivery_option_title {
    display: block;
    margin-bottom: 0;
    font-weight: 600;
    color: black;
}

.payment-content-display {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: -webkit-fill-available;
}

#checkout #opc_main #payment_method_container .module_payment_container .payment-option .payment_input {
    margin-right: 15px;
    line-height: 0;
}

/* Personalizamos botones metodos de envío */

.delivery-tab-btn {
    border: 0;
    padding: .5rem 1rem;
    border-radius: .5rem;
    background: transparent;
    cursor: pointer;
    position: relative;
    color: black;
}
    .delivery-tab-btn::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 2px;
        background-color: var(--zaseni-fucsia);
        transition: all 0.3s ease;
        transform: translateX(-50%);
    }

.delivery-tab-btn.is-active {
    border-color: #bbb;
    font-weight: 600;
    border: 0;
    position: relative;
}

.delivery-tab-btn.is-active::after {
    width: 100%;
}

/* Modal checkout */
/* ===== Modal base ===== */
.modal-legal {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 9999;
}

    .modal-legal.is-open {
        display: block;
    }

.modal-legal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.5);
}

.modal-legal__dialog {
    position: relative;
    margin: 4vh auto;
    max-width: 900px;
    width: calc(100% - 24px);
    max-height: 92vh;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0,0,0,.2);
    display: flex;
    flex-direction: column;
}

.modal-legal__head,
.modal-legal__foot {
    padding: 14px 16px;
    border-bottom: 1px solid #eee;
}

.modal-legal__foot {
    border-bottom: 0;
    border-top: 1px solid #eee;
}

.modal-legal__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
}

.modal-legal__head {
    display: flex;
    align-items: center;
    gap: 8px;
}

.modal-legal__close {
    margin-left: auto;
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: 1.2rem;
}

.modal-legal__body {
    padding: 16px;
    overflow: auto;
    line-height: 1.6;
    font-size: .92rem;
}

    .modal-legal__body h1,
    .modal-legal__body h2,
    .modal-legal__body h3 {
        margin-top: 0;
    }

.modal-legal__btn {
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    cursor: pointer;
    font-weight: 600;
}

    .modal-legal__btn:hover {
        background: #f1f1f1;
    }

/* Bloquear scroll del body cuando el modal esté abierto */
body.legal-modal-open {
    overflow: hidden;
}


/* Recogida en tienda */
.correomap-subtabs-nav {
    display: flex;
    padding-bottom: 5px;
}

.correomap-subtab-btn {
    border: 0;
    background: rgba(0,0,0,.08); /* más oscuro cuando NO está activo */
    color: rgba(0,0,0,.75);
    flex: 1 1 auto;
    position: relative;
    padding: 10px 14px;
    border-radius: 999px; /* burbuja */
    cursor: pointer;
    transition: background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

    /* Hover sutil para los no activos */
    .correomap-subtab-btn:hover {
        background: rgba(0,0,0,.12);
        color: rgba(0,0,0,.9);
    }

    /* Estado activo */
    .correomap-subtab-btn.is-active {
        background: rgba(236, 0, 140, .14); /* usa tu fucsia como acento */
        color: #000;
        box-shadow: 0 6px 18px rgba(0,0,0,.12);
        transform: translateY(-1px);
    }

    /* Quitamos la barrita inferior porque ahora el estilo es “pill” */
    .correomap-subtab-btn::after {
        content: none;
    }

#correomap-list {
    height: 400px;
    overflow-y: auto;
    padding-right: 1rem;
}

#correomap-list::-webkit-scrollbar {
    width: 5px;
}

#correomap-list::-webkit-scrollbar-track {
    background: lightgray;
    border-radius: 8px;
}

#correomap-list::-webkit-scrollbar-thumb {
    background: gray;
    border-radius: 8px;
}

#correomap-list::-webkit-scrollbar-thumb:hover {
    background: dimgray;
}

#correomap-list::-webkit-scrollbar-button {
    display: none;
}

.correomap-item.active {
    background: white;
    border: var(--zaseni-fucsia) 2px solid;
    padding: 2px;
    border-radius: 8px;
}


.correomap-filters--row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.correomap-filters-left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.correomap-cp-label {
    margin: 0;
    font-size: 13px;
}

.correomap-filters-right {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 2px; /* para alinear con el input */
    flex-wrap: wrap;
}

.correomap-type-opt {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    user-select: none;
    font-size: 13px;
}


/* Cambiamos color xmark */
.fa-xmark {
    color: black !important;
}

/* Bajamos brillo al banner de nuestras tiendas */

@media(min-width: 768px ) {
    .nuestras-tiendas .elementor-column-wrap {
        padding: 0 !important;
    }
}

.nuestras-tiendas > div > div > a > figure > picture > img {
    filter: brightness(0.6);
}

.nuestras-tiendas > div > div > a > div > span {
    color: white;
}

.nuestras-tiendas > div > div > a > div {
    zoom: 1.2;
}

.nuestras-tiendas > div > div > figure > picture > img {
    filter: brightness(0.6);
}

.nuestras-tiendas > div > div > div > span {
    color: white;
}

.nuestras-tiendas > div > div > div {
    zoom: 1.2;
}

/* Imagen isla sin src */
.mkrb-is-item img:not([src]),
.mkrb-is-item img[src=""],
.mkrb-is-item img[src="#"] {
    visibility: hidden;
}


/*
label.mkrb-brand-card:nth-child(2n+1) {
    grid-column: 5;
}

label.mkrb-brand-card:nth-child(2n) {
    grid-column: 6;
}
*/


/* Modificamos colores checkout */
.opc-bootstrap-533 .btn-outline-primary i {
    color: dimgray !important;
}
.opc-bootstrap-533 .btn-outline-primary i:hover {
    color: dimgray !important;
}

#btn-placer_order {
    color: white !important;
}

.opc-bootstrap-533 .btn:hover {
    background: none;
    color: var(--zaseni-fucsia) !important;
}

#checkout #opc_main .opc-addresses .add {
    color: dimgray;
}

#checkout #opc_main #form-shipping_container .delivery-option .carrier-item-content .delivery-detail .delivery_option_price {
    color: black;
}

/* Página de registro */
.my-account-page-content-wrapper, .page-authentication #content, .page-customer-account #content {
    border: 0 !important;
}

.pro-tooltip {
    position: relative;
    display: inline-block;
}

.pro-tooltip-content {
    position: absolute;
    left: -185%;
    bottom: 125%; /* encima del icono */
    transform: translateX(-25%);
    background: #333;
    color: #fff;
    font-size: 12px;
    padding: 6px 8px;
    border-radius: 4px;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.18s ease, visibility 0.18s ease;
    z-index: 9999;
}

@media(max-width: 560px) {
    .pro-tooltip-content {
        left: -225%;
    }
}

    /* Flechita opcional */
    .pro-tooltip-content::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 37.7%;
        border-width: 5px;
        border-style: solid;
        border-color: #333 transparent transparent transparent;
    }

.pro-tooltip:hover .pro-tooltip-content {
    opacity: 1;
    visibility: visible;
}

/* Intentamos ocultar el hueco iphone */

#checkout .opc-footer-native {
    padding: 0 !important;
    display: none !important;
}

/* Alineamos el captcha */

.captcha_login{
    justify-content: center !important;
}

.captcha_login > .pa-captcha-inf {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    margin-left: 5%;
}

.captcha_register {
    margin-bottom: -25px;
}

.captcha_register > pa-captcha-inf {}

/* Ajustamos botones de inicio social */

#authentication .opc-bootstrap-533 button, #authentication .opc-bootstrap-533 input, #registration .opc-bootstrap-533 button, #registration .opc-bootstrap-533 input {
    height: auto;
    aspect-ratio: 3 / 1;
}

.opc-social-network__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;
    flex-direction: row;
    gap: 10px;
}

/* Recogida seleccionada */
#recogida-seleccionado {
    margin-left: 10px;
    margin-top: -20px;
    margin-bottom: 20px;
}

.recogida-seleccionado {
    margin-left: 10px;
    border: 1px dimgray solid;
    padding: 5px;
    margin-right: 10px;
    border-radius: 8px;
    background: var(--zaseni-suave);
}

/* ARREGLOS IPHONE */

div#hook_shopping_cart_footer {
    display: none !important;
}

@media(max-width: 768px) {
    .carrito-checkout-3columns {
        display: none !important;
    }
}

/* Botón carrito opc */
/*.btn-opc-cart {
    margin-left: 10px;
}*/

a#opc-leave-payment-confirm {
    color: black !important;
}

a#opc-leave-payment-confirm:hover {
    background: white !important;
    color: var(--zaseni-fucsia) !important;
}

#checkout #opc_main.customer-not-logged #opc_step_my_account_body .tabs-view .nav-tabs {
    display: flex;
    justify-content: center;
    margin: 0;
    padding-bottom: 2px;
}

    a#opc-logout-confirm:hover {
        background: white !important;
        color: var(--zaseni-fucsia) !important;
    }

/* Bundle */
.wk-bundle-list {
    list-style: initial;
    font-size: 12px;
}

.product-line-grid-body > div > div > .wk-bp-cart-popup {
    text-align: left;
    padding-left: 15px;
}
/* Sombra banner profesional */
.text-shadow-banner > div > div > a > div > h4 {
    text-shadow: 2px 2px gray;
}
.text-shadow-banner > div > div > a > div > .elementor-iqit-banner-description {
    text-shadow: 2px 2px gray;
}

/* Ajustes de elementor NUEVO icon */
.elementor-icon-wrapper .elementor-icon {
    display: inline-flex;
    align-items: center;
}

.elementor-icon-box-icon {
    margin-right: 0.75rem; /* separación icono-título */
    display: inline-flex;
}

.elementor-icon-box-content {
    display: inline-flex;
    flex-direction: column;
}

/* Form prof */
.enlace-registro {
    text-decoration: underline;
}
.archivos-profesionales {
    list-style: disc;
    margin-bottom: 0;
    padding-left: 25px;
}

.pro_comment, .pro_recargo {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

@media(max-width: 767px) {
    .pro_comment, .pro_recargo {
        align-items: flex-start;
        flex-direction: column;
    }
}




.swiper-various-mobile > .elementor-swiper-section {
    overflow: hidden;
    padding-left: 5%;
    background: transparent;
    padding-right: 5%;
}

    .swiper-various-mobile > .elementor-swiper-section > .swiper-wrapper {
        padding-bottom: 30px;
    }

    .swiper-avant-mobile > .elementor-swiper-section > .swiper-wrapper {
        padding-bottom: 20px;
    }

.swiper-avant-mobile {
    background: #f8f8f8;
}

.swiper-avant-mobile .swiper-pagination-bullet-active {
    background-color: dimgray !important;
}

.swiper-avant-mobile .swiper-pagination-bullet {
    border: 1px solid dimgray !important;
}

.swiper-zasText-mobile > .elementor-swiper-section > .swiper-wrapper {
    padding-bottom: 20px;
}

.swiper-zasText-mobile .swiper-pagination-bullet-active {
    background-color: dimgray !important;
}

.swiper-zasText-mobile .swiper-pagination-bullet {
    border: 1px solid dimgray !important;
}

@media(max-width: 768px) {
    .img-4-5 {
        padding: 0 6px;
    }
}
/* Ajustes copyright */
#footer-copyrights .copyright-txt > p:last-child {
    text-align: center;
    margin: 0;
}

.copyright-txt {
    text-align: center;
}

#footer-copyrights > div > div > .payment-methods > img {
    width: 45px;
    height: 25px;
}

@media(max-width: 768px) {
    #footer-copyrights > div > div > .payment-methods > img {
        width: 38px !important;
        height: 24px !important;
    }
}

/* Logo instagram */
.fa-instagram:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90% ) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.fa-instagram {
    text-align: left !important;
}


li.instagram {
    font-size: 21px;
}
.fa-facebook:hover {
    color: #1877F2 !important;
}
.fa-facebook {
    text-align: left !important;
    font-size: 19px;
}

/* Ajustamos NUEVO corazon */
.product-flag-wishlist {
    position: static !important;
    z-index: 10;
}

.product-flag-wishlist i {
    font-size: 30px !important;
}

div#header-wishlist-btn {
    font-size: 20px;
}

div#header-wishlist-btn > a > i {
    color: black;
}

li.product-flag:has(.open_wishlist_form) {
    display: table;
    background: transparent !important;
    padding: .3125rem 1.4375rem .31rem .31rem;
    color: #fff;
    margin-top: 0 !important;
    line-height: 0 !important;
    font-size: 30px;
}

li.product-flag.wishlist {
    display: table;
    background: transparent !important;
    padding: .3125rem 1.4375rem .31rem .31rem;
    color: #fff;
    margin-top: 0 !important;
    line-height: 0 !important;
    font-size: 30px;
}

/* Quicview para maquinillas */
.quickview-info > #product-description-short {
    padding-top: 20px;
}

.quickview .quickview-info {
    padding: 1rem 1rem 1rem;
    max-height: 620px;
    overflow-y: visible;
}

#quickview-modal .product-quantity {
    flex-wrap: nowrap !important;
}

/* Página wishlist */
.quantity-wishlist {
    display: flex;
    align-items: center;
    border: 1px solid black;
    width: fit-content;
    border-radius: 8px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.input-wishlist-selected {
    border: 0 !important;
}

.btn-danger {
    border-radius: 8px;
}

/* Nieve
.snow {
    position: relative;
    overflow: hidden;
}

    .snow::before,
    .snow::after {
        content: "";
        position: absolute;
        inset: -40px;
        pointer-events: none;
        z-index: 5;
        background-repeat: repeat;
        background-size: 180px 180px;
        opacity: .8;
        transform: translateZ(0);
        will-change: background-position;
    }
    .snow::before {
        background-image: radial-gradient(circle, rgba(255,255,255,.9) 0 1.2px, transparent 1.3px), radial-gradient(circle, rgba(255,255,255,.8) 0 1px, transparent 1.1px), radial-gradient(circle, rgba(255,255,255,.7) 0 0.9px, transparent 1px);
        background-position: 0 0, 60px 30px, 120px 90px;
        animation: snow-fall-1 12s linear infinite;
    }

    .snow::after {
        background-size: 260px 260px;
        opacity: .55;
        background-image: radial-gradient(circle, rgba(255,255,255,.9) 0 2px, transparent 2.1px), radial-gradient(circle, rgba(255,255,255,.8) 0 1.6px, transparent 1.7px);
        background-position: 20px 10px, 140px 120px;
        animation: snow-fall-2 18s linear infinite;
    }

@keyframes snow-fall-1 {
    from {
        background-position: 0 -200px, 60px -260px, 120px -320px;
    }

    to {
        background-position: -40px 600px, 90px 720px, 160px 820px;
    }
}

@keyframes snow-fall-2 {
    from {
        background-position: 20px -260px, 140px -360px;
    }

    to {
        background-position: -10px 700px, 190px 820px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .snow::before,
    .snow::after {
        animation: none;
    }
}

*/

/* Erradicamos los negros en los botones */
.btn-primary:not(:disabled):not(.disabled):active {
    background: var(--zaseni-fucsia) !important;
    color: white !important;
}

/* Tarjetas wkbundle custom */
.wk-rutina-card {
    flex: 0 0 50%;
    text-decoration: none;
    border: 1px solid #e9e9e9;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
}
.wk-rutina-card:focus {
    text-decoration: none !important;
}

    .wk-rutina-card .btn-primary {
        width: -webkit-fill-available;
    }

.texto-empezar-rutina {
    margin-top: 10px;
}

.wk-rutinas-current {
    padding: 0 !important;
    margin-bottom: 30px !important;
}

.wk-rutina-prices {
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: center;
}

/* Ajustes margenes producto */
.product-info-row {
    margin-bottom: 0 !important;
}

.product-tabs {
    margin-top: 0 !important;
    margin-bottom: -2rem !important;
}

/* Centramos titulos de los iconos */
.swiper-avant-mobile .elementor-icon-box-title, .swiper-avant-mobile .elementor-icon-box-description {
    text-align: left;
}

/* Cross-selling */
.featured-products .slick-track {
    display: flex !important;
}

.featured-products .slick-slide {
    height: auto !important;
}

    .featured-products .slick-slide > div {
        height: 100%;
    }

/* 1) El wrapper (la “columna” del producto) ocupa toda la altura del slide */
.featured-products .js-product-miniature-wrapper {
    height: 100%;
}

/* 2) El article se estira y reparte el contenido en columna */
.featured-products article.product-miniature {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    /* 3) La descripción ocupa el espacio disponible */
    .featured-products article.product-miniature .product-description {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
    }

    /* 4) Empuja precio/botón abajo para igualar alturas */
    .featured-products article.product-miniature .product-price-and-shipping,
    .featured-products article.product-miniature .product-add-cart {
        margin-top: auto;
    }

/* Tamaño fijo para los productos del carrusel de cross-sell */
@media(min-width: 993px) {
    .crosssell_product_list_wrapper.layout-slide .slick-slide {
        width: 16.5dvw; /* ajusta a tu gusto */
    }
}

@media(max-width: 992px) {
    .crosssell_product_list_wrapper.layout-slide .slick-slide {
        width: 25dvw !important;
    }
}

@media(max-width: 768px) {
    .crosssell_product_list_wrapper.layout-slide .slick-slide {
        width: 50dvw !important;
    }
}

.ets_crosssell_tab_content button.slick-arrow, .ets_crosssell_block .tab_content button.slick-arrow {
    position: absolute;
    outline: none !important;
    border: none;
    z-index: 1;
    top: 50%;
    left: auto;
    transform: none;
    margin-top: 0;
    background-color: white;
    border-radius: 50%;
    font-size: 0;
    height: 24px;
    line-height: 24px;
    margin-left: 0;
    width: 24px;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    zoom: 1.2;
    opacity: .9;
}

.ets_crosssell_block .featured-products .slick-arrow:hover {
    background: white;
    border-color: var(--zaseni-fucsia);
}

    .ets_crosssell_block .featured-products .slick-arrow:hover:before {
        border-color: var(--zaseni-fucsia);
    }

.ets_crosssell_tab_content button.slick-prev.slick-arrow, .ets_crosssell_block .tab_content button.slick-prev.slick-arrow {
    left: 15px;
}

.ets_crosssell_tab_content button.slick-arrow:before, .ets_crosssell_block .tab_content button.slick-arrow:before {
    width: 10px;
    height: 10px;
    content: "";
    border-top: 3px solid var(--zaseni-fucsia);
    border-right: 3px solid var(--zaseni-fucsia);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(-135deg);
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-135deg);
    margin-left: 1px;
    right: 4px !important;
    
}

.slick-disabled {
    opacity: .5 !important;
}

@media (max-width: 767px) {
    .ets_crosssell_tab_content button.slick-next.slick-arrow, .tab_content button.slick-next.slick-arrow {
        right: auto !important;
        left: 90% !important;
    }
}

/* Redondeamos menú mi cuenta pc */
:not(.dropdown-menu-custom).dropdown-menu.show {
    transform: scale(1, 1) !important;
    opacity: 1;
    visibility: visible;
    top: 100% !important;
    border-radius: 8px;
}

/* Wishlist add form */
.modal-title {
    font-size: 1.2rem;
}

.wishlist-select-form, .wishlist-add-form {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 10px;
}

@media (min-width: 576px) {
    .wishlist_form > .modal-dialog {
        max-width: 1000px;
        margin-right: auto;
        margin-left: auto;
        transform: translateY(100%) !important;
    }
}

.alert-not-wishlist {
    color: white !important;
    background: var(--zaseni-rosa) !important;
}

/* Zasenio */
.zasenio-container {
    display: flex;
    height: 100svh;
}

.zasenio {
    background-image: url(/img/banners/Zasenio404Page.webp);
    background-size: cover;
    flex: 1;
    background-position: bottom;
}

@media(max-width: 560px) {
    .zasenio {
        background-image: url(/img/banners/Zasenio404Phone.webp);
    }
}


/* Espacios mapa */
#zt-store-detail-content > p {
    margin-bottom: 0 !important;
    margin-top: .8rem;
}

.google-maps-btn {
    border: 1px solid dimgray;
    border-radius: 8px;
    padding: 6px;
    margin-top: 7px;
    display: block;
    width: fit-content;
}

/* Margen botón registro */
@media(min-width: 760px) {
    .register-margin {
        margin-left: 27dvw;
    }

    .my-account-page-content .register-margin {
        margin-left: 19dvw !important;
    }
}

.register-margin {
    margin-left: 0dvw;
}



.register-button {
    margin-left: 1%;
    margin-bottom: 10px;
}



span.title.mb-3 {
    margin-left: 1.5%;
}

@media(max-width: 760px) {
    span.title.mb-3 {
        margin-left: 0;
    }
    .register-button {
        margin-left: 0;
    }

    .register-margin {
        text-align: center;
    }

    .my-account-page-content .register-margin {
        margin-left: 0 !important;
    }
}

@media(min-width: 761px) {
    .my-account-page-content .register-margin {
        margin-left: 19dvw !important;
    }
}

/* Grid de marcas */
.brand-item-grid {
    display: grid;
}

/* Ajustamos checkboxs pagina de pago */

#checkout .opc-bootstrap-533 .opc-form .form-group label, #checkout .opc-bootstrap-533 .opc-form .input-group label {
    text-align: left;
    margin-bottom: .375rem;
    display: flex;
    gap: 5px;
    align-items: center;
}

#checkout #opc_main .opc-addresses__set-invoice-address {
    margin: .5rem 0;
    display: flex;
    gap: 5px;
    align-items: center;
}

sup {
    color: black !important;
}

/* Reestablecer contraseña */

#send-reset-link {
    margin-top: 10px;
}

.login-form > .help-block > ul > .alert {
    margin-bottom: 10px !important;
}

.alert {
    padding: 5px 15px 2px 14px !important;
    margin: 10px 10px 10px 10px !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
    background-color: var(--zaseni-rosa) !important;
    border: 1px solid var(--zaseni-rosa) !important;
    border-radius: 8px !important;
    color: black !important;
}

/* Agregar direcciones pago */
#checkout #opc_main .opc-addresses .add {
    width: auto !important;
    border: 0 !important;
    border-radius: 8px;
}

#opc_addresses > .alert-info {
    margin: 0 !important;
    margin-bottom: 10px !important;
}

#opc_step_payment_body .alert-warning {
    font-size: 14px !important;
    color: dimgray !important;
}

.opc-bootstrap-533 .alert-warning {
    color: dimgray !important;
    font-size: 14px !important;
}
/* Correomap */
.correomap-filters {
    margin-bottom: 0.75rem;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid dimgray;
    border-radius: 30px;
    padding: 0 10px;
    justify-content: space-between;
}

#correomap-cp {
    max-width: 60px;
    border: 0;
    background: transparent;
    font-size: 13px !important;
    border-bottom: 1px solid dimgray;
    text-align: center;
}

/* Ajustes carrito */

.product-regular-price {
    text-decoration: line-through;
    color: darkgrey;
}


/* regalos page */
.regalos-wrapper .nav-tabs {
    position: relative;
    background: var(--zaseni-suave);
    border-radius: 8px;
}

    /* Asegura que el indicador quede por detrás y no bloquee clicks */
    .regalos-wrapper .nav-tabs .tab-indicator {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border: 2px solid var(--zaseni-rosa); /* hereda color del texto */
        border-radius: 14px; /* ajusta al estilo */
        pointer-events: none;
        box-sizing: border-box;
        transform: translate(0,0);
        transition: transform .25s ease, width .25s ease, height .25s ease;
        will-change: transform, width, height;
        z-index: 0;
        background: white;
    }

    /* Pon los links por encima del indicador */
    .regalos-wrapper .nav-tabs .nav-link {
        position: relative;
        z-index: 1;
    }

    /* (Opcional) Para que el borde no “pise” el contenido, da padding decente */
    .regalos-wrapper .nav-tabs .nav-link {
        padding: 10px 14px;
    }
    .regalos-wrapper .nav-tabs .nav-link::after {
        content: "";
        display: none;
    }

    .regalos-wrapper .nav-tabs .nav-link.active {
        scale: 1.2;
        color: var(--zaseni-fucsia);
    }

/* Promo flag */
p.promo-flag {
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
}

/* reverse-desktop */

@media(min-width: 768px) {
    .reverse-desktop .elementor-row {
        flex-direction: row-reverse;
    }

    .carrousel-side-image > div > div > .elementor-widget-image {
        height: 100%;
    }

    .carrousel-side-image > div > div > .elementor-widget-image > .elementor-widget-container {
        height: 100%;
    }

    .carrousel-side-image > div > div > .elementor-widget-image > .elementor-widget-container > .elementor-image {
        display: flex;
        height: 89%;
    }

    .carrousel-side-image > div > div > .elementor-widget-image > .elementor-widget-container > .elementor-image > img {
        object-fit: cover;
    }

    .carrousel-side-image > div > div > .elementor-widget-image > .elementor-widget-container > .elementor-image > picture > img {
        object-fit: cover;
        height: 100%;
    }

    .carrousel-side-image > div > div > .elementor-widget-image > .elementor-widget-container > .elementor-image > a > img {
        object-fit: cover;
    }

    .carrousel-side-image > div > div > .elementor-widget-image > .elementor-widget-container > .elementor-image > a > picture > img {
        object-fit: cover;
        height: 100%;
    }
}

/* Tooltip */
/* Tooltips por encima de Quick View (modal) */
.bs-tooltip-auto {
    z-index: 999997 !important;
}
.an-pf-tooltip {
    font-size: 16px;
}

.tooltip-inner {
    border-radius: 8px;
}

.anfield-checkbox {
    position: relative;
}

.an-pf-fields-wrap {
    padding: 10px 0px 0 0;
}

.an-pf-field {
    padding: 15px 0px 0 0;
}

@media(max-width: 560px) {
    .an-pf-tooltip {
        display: flex;
        align-items: center;
        margin-left: 7px;
        margin-top: -2px;
        cursor: pointer;
        width: 18px;
        height: 18px;
        position: absolute;
        right: 0;
        top: -16px;
    }
}
/* My account links */
/* Escritorio: links verticales tipo lista */
.my-account-mobile-dropdown .dropdown-toggle {
    border-radius: 12px;
}

.my-account-mobile-dropdown .dropdown-menu {
    border-radius: 12px;
    overflow: hidden;
    margin-top: 6px;
    display: none; /* oculto por defecto */
}

    .my-account-mobile-dropdown .dropdown-menu.show {
        display: block; /* visible cuando hay show */
    }

/* opcional: que los items ocupen todo el ancho */
.my-account-mobile-dropdown .dropdown-item {
    white-space: normal;
}

/* Escritorio (>= md): forzar los links del bloque a formato vertical */
@media (min-width: 768px) {
    .my-account-links-original {
        display: block;
    }

        /* Tus <a> llevan clases col-*, así que anulamos el comportamiento “grid” */
        .my-account-links-original > a {
            display: block;
            width: 100% !important;
            float: none !important;
            max-width: 100% !important;
            margin: 0 0 0 0;
            text-decoration: none;
            padding: 7.5px 0px 7.5px 10px;
        }

            /* Si el tema aplica display:flex a .link-item, lo dejamos alineado */
            .my-account-links-original > a .link-item {
                display: flex;
                align-items: center;
                gap: 8px;
            }
}

.js-myaccount-dd-btn:active {
    background-color: var(--zaseni-suave) !important;
}

.js-myaccount-dd-btn {
    background: var(--zaseni-suave) !important;
}

.js-myaccount-dd-menu > li > .dropdown-item.active {
    background: var(--zaseni-suave) !important;
}

.js-myaccount-dd-btn .link-item {
    display: inline-flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

.js-myaccount-dd-menu .link-item {
    display: inline-flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

.btn:first-child:active {
    color: black !important;
}

/* El icono rota suave */
.js-myaccount-dd-btn .js-myaccount-dd-icon {
    display: inline-block; /* importante para que transform funcione */
    transition: transform .25s ease;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
}

/* Cuando el botón está "abierto", rotamos 180º */
.js-myaccount-dd-btn[aria-expanded="true"] .js-myaccount-dd-icon {
    transform: rotate(180deg);
}
/* Botón usuario movil */
/* --- FIX dropdown usuario en header móvil (IQIT/PS) --- */
.mobile-account-dropdown {
    position: relative;
}

    /* Asegura que el menú NO esté visible si no tiene .show (por si el tema lo fuerza) */
    .mobile-account-dropdown .dropdown-menu {
        display: none;
    }

        /* Bootstrap muestra con .show */
        .mobile-account-dropdown .dropdown-menu.show {
            display: block;
        }

    /* Fondo, padding, borde y sombra */
    .mobile-account-dropdown .mobile-account-menu {
        background: #fff;
        border: 1px solid rgba(0,0,0,.12);
        border-radius: 12px;
        padding: 8px 0;
        box-shadow: 0 10px 25px rgba(0,0,0,.12);
        min-width: 220px;
        margin-top: 8px;
    }

    /* Evitar que se vaya demasiado a la derecha */
    .mobile-account-dropdown .dropdown-menu-end {
        right: 0 !important;
        left: auto !important;
        transform: none !important;
    }

/* Opcional: si quieres que ocupe el ancho del botón en móvil */
@media (max-width: 767.98px) {
    .mobile-account-dropdown .mobile-account-menu {
        min-width: 0;
        width: fit-content; /* o 100% si quieres full width */
        max-width: 90vw;
    }
}

/* Campo tarjeta paycomet */

#expiry_date {
    height: 32px !important;
}

/* Botón crear ticket */

#createTicket {
    margin-top: 1rem;
}

/* Advanced wishlist */
.wishlist a.wl-checked, .wishlist a.wl-checked i {
    color: var(--zaseni-fucsia) !important;
}

.add > #wishlist_button_block > .btn {
    background: white !important;
    transition: none !important;
    padding: 0 0 0 10px;
}
.add > #wishlist_button_block > .btn:hover {
    background: white !important;
    color: var(--zaseni-fucsia) !important;
    border-color: white !important;
    transition: none !important;
}
.add > #wishlist_button_block > a > i {
    font-size: 30px;
}

.add > #wishlist_button_block > a > .fa-heart {
    color: var(--zaseni-fucsia) !important;
}

.ws_toast {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 99999;
    width: min(360px, calc(100vw - 32px));
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,.18);
    overflow: hidden;
}

    .ws_toast.hidden {
        display: none;
    }

.ws_toast_inner {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 14px 10px 14px;
}

.ws_toast_content {
    flex: 1;
    font-size: 14px;
    line-height: 1.35;
}

.ws_toast_close {
    appearance: none;
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    padding: 0;
    margin: 0;
    opacity: .75;
    color: black !important;
}

    .ws_toast_close:hover {
        opacity: 1;
    }

/* Barra de progreso */
.ws_toast_progress {
    height: 3px;
    width: 100%;
    transform-origin: left center;
    transform: scaleX(1);
    background: #e61f84; /* ajusta a tu color */
}

/* Animación suave de entrada/salida */
.ws_toast.ws_toast_show {
    animation: wsToastIn 180ms ease-out both;
}

.ws_toast.ws_toast_hide {
    animation: wsToastOut 180ms ease-in both;
}

@keyframes wsToastIn {
    from {
        transform: translateY(-8px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes wsToastOut {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-8px);
        opacity: 0;
    }
}


#whats__show-btn {
    margin-bottom: 24px;
}


#group_actions {
    background-image: none !important;
    border-radius: 8px;
}
/* Mi cuenta */
.my-account-page-content-wrapper .my-account-side-links {
    border-right: 0 !important;
    margin-left: 30px;
    font-size: 18px;
}

@media(max-width: 768px) {
    .my-account-page-content-wrapper .my-account-side-links {
        border-right: 0 !important;
        margin-left: 0px !important;
        font-size: 18px;
    }
}

/* Columna activa */
.section-active {
    background-color: var(--zaseni-suave);
    color: black !important;
    border-radius: 8px;
}

/* Custom view advansedwishlist */
/* Igualar altura sin separar imagen y descripción */
.wishlist-miniatures > [class*="col-"] {
    display: flex;
}

.wishlist-miniatures .product-miniature {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

    /* Importante: NO pongas height:100% ni flex en thumbnail-container si te separa imagen/desc */
    .wishlist-miniatures .product-miniature .thumbnail-container {
        display: flex;
        flex-direction: column;
    }

    /* Aquí es donde repartimos el espacio */
    .wishlist-miniatures .product-miniature .product-description {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
    }

    /* El espacio “variable” vive DENTRO de la descripción, entre nombre y precio */
    .wishlist-miniatures .product-miniature .wishlist-spacer {
        flex: 1 1 auto; /* crece para rellenar */
        min-height: 0; /* evita empujes raros */
    }

    /* Asegura que no queda un auto anterior */
    .wishlist-miniatures .product-miniature .wishlist-controls {
        margin-top: 0 !important;
        padding: 0 10px 0 10px;
    }


/* grid cards misma altura */
.wl-products__grid > [class*="col-"] {
    display: flex;
}

.wl-products__grid .product-miniature {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.wl-products__grid .thumbnail-container {
    display: flex;
    flex-direction: column;
}

.wl-products__grid .product-description {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.wl-products__grid .wishlist-spacer {
    flex: 1 1 auto;
    min-height: 0;
}

/* header/footer de la card */
.wl-products__grid .wl-card-header {
    padding: .5rem .25rem 0;
}

.wl-products__grid .wl-card-footer {
    padding: 0 .25rem .5rem;
}

.wl-products__grid .wl-card-remove {
    line-height: 1;
}

/* Dropdown customer account */
.dropdown-customer-account > .dropdown-item {
    display: flex;
    align-items: flex-end;
    gap: 5px;

}

.mobile-account-menu > .dropdown-item {
    align-items: center !important;
}

/* Ajustes página del carrito */
.cart-grid-right .cart-summary {
    border-radius: 8px;
}

/* Crear ticket */
.btn-add-atachments {
    background: #F8F9FA !important;
    color: black !important;
    font-weight: 300;
    border: white;
}
.btn-add-atachments:hover {
    background: #E9ECEF !important;
    color: black !important;
    font-weight: 300;
    border: white !important;
}

/* Popup correos */
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    outline: 2px solid var(--zaseni-fucsia);
}

/* Ocultar opcional nueva contraseña */

.field-password-policy .form-control-comment {
    display: none !important;
}

/* Botón profesionales */
.btn-pro {
    border-radius: 8px;
    background-color: var(--zaseni-fucsia);
    color: white;
    padding: 10px 70px;
    font-weight: bold;
    margin-bottom: 10px;
    border: 1px solid var(--zaseni-fucsia);
}

.btn-pro:hover {
    border-radius: 8px;
    background-color: var(--zaseni-fuerte);
    color: white;
    padding: 10px 70px;
    font-weight: bold;
    margin-bottom: 10px;
    border: 1px solid var(--zaseni-fuerte);
}

/* Ver ticket */

.btn-view-ticket {
    background: lightgray;
    border-radius: 8px;
    font-size: 0px;
    padding: 4px 16px;
}

/* Ajustes imagenes pedidos */
/* Cuadrado 2x2 fijo (desktop y móvil) */
.mkrb-order-thumbs-grid {
    width: 96px; /* tamaño del cuadrado */
    height: 96px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 6px;
}

.mkrb-order-thumb-slot {
    position: relative;
}

/* En desktop, el listado no ocupa todo el ancho */
.mkrb-orders-narrow {
    max-width: 720px; /* ajusta a tu gusto: 720 / 800 / 900 */
}


.mkrb-order-thumb-slot img {
    object-fit: cover;
}

@media (min-width: 768px){
  .mkrb-order-thumbs-grid{ width: 110px; height: 110px; }

    #history .orders {
        margin-left: 15px !important;
    }

}

@media (max-width: 767.98px) {
    .mkrb-orders-narrow {
        max-width: none;
    }
}

/* Pagina direcciones */

.page-addresses p.address {
    border: 0 !important;
    margin: 0 !important;
}

.page-addresses .address-title {
    display: flex;
    justify-content: space-between;
}

.page-addresses .address-alias {
    font-size: 18px;
    font-weight: bold;
    color: black;
}

.page-addresses article.address {
    border: 1px solid gray;
    border-radius: 8px;
    padding: 1rem;
    margin: 0 0 10px 0 !important;
}

.page-addresses hr {
    margin: 5px 0 !important;
    border-top: var(--bs-border-width) solid !important;
    opacity: .5;
}

/* Order detail */
.page-order-detail .card {
    border-radius: 1rem;
}

.page-order-detail .card-header {
    padding: 1rem 1.25rem;
}

.page-order-detail .card-body {
    padding: 1.25rem;
}

.page-order-detail address {
    line-height: 1.35;
}

.page-order-detail .add-to-cart {
    background-color: white;
    color: var(--zaseni-fucsia);
    font-weight: bold;
    padding: 10px 25px !important;
    border-radius: 8px;
    transition: background-color 0.3s ease;
    border: var(--zaseni-fucsia) 1px solid;
    cursor: pointer;
}

.page-order-detail .add-to-cart.disabled {
    background-color: dimgray !important;
    color: #fff;
    font-weight: bold;
    padding: 10px 25px !important;
    border-radius: 8px;
    transition: background-color 0.3s ease;
    border: none;
    cursor: pointer;
    opacity: 1;
}

.page-order-detail .add-to-cart:hover {
        background-color: var(--zaseni-fucsia);
        color: #fff;
        font-weight: bold;
        padding: 10px 25px !important;
        border-radius: 8px;
        transition: background-color 0.3s ease;
        border: 1px solid var(--zaseni-fucsia);
        cursor: pointer;
    }

/* Logo de marca detalles */
.product-manufacturer .manufacturer-logo {
    max-height: 100px;
}

/* Margenes tarjeta paycomet */
#pay-with-payment-option-6-form {
    padding-top: 0px !important;
}

/* Padding desplegable carrito */
#blockcart-content .cart-products {
    padding-top: 8px;
}

.wk-bp-cart-popup > strong {
    font-size: 16px;
}

/* Confirmación del pedido */
#order-confirmation #wrapper {
    background: var(--zaseni-suave);
}

/* button-primary-outlined */

.btn-primary-outlined {
    border: 1px solid var(--zaseni-fucsia) !important;
    color:var(--zaseni-fucsia) !important;
    background: white !important;
    transition: all .5s ease;
}

.btn-primary-outlined:hover {
    border: 1px solid var(--zaseni-fucsia) !important;
    color: white !important;
    background: var(--zaseni-fucsia) !important;
}

/* Ajustes lista de deseos */
section.wishlists {
    padding-top: 20px;
}

@media (min-width: 768px) {
    .ws-table__header {
        display: grid;
        grid-template-columns: 220px 1fr 1fr 1fr 120px;
        font-size: 18px;
    }

    .wishlists__item {
        grid-template-columns: 1fr 120px;
    }
}

.wishlist-product-total {
    font-size: 18px;
    color: black;
}

.wishlist_add_to_cart {
    background-color: white;
    color: var(--zaseni-fucsia);
    font-weight: bold;
    padding: 10px 13px !important;
    border-radius: 8px;
    border: var(--zaseni-fucsia) 1px solid;
    transition: background-color 0.3s ease;
    cursor: pointer;
    display: flex;
    gap: 7px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

    .wishlist_add_to_cart:hover {
        background-color: var(--zaseni-fucsia);
        color: white;
        font-weight: bold;
        padding: 10px 18px;
        border-radius: 8px;
        border: var(--zaseni-fucsia) 1px solid;
        transition: background-color 0.3s ease;
        cursor: pointer;
    }

/* Ajuste migas de pan */
#wrapper .breadcrumb {
    padding-top: 0.7142857143rem;
    padding-bottom: 2px !important;
    margin-top: -1.0714285714rem;
    margin-bottom: 0 !important;
    font-size: 0.8571428571rem;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    color: #8f8f8f;
}

/* Alerta profesionales */

#module-zasprofessional-form .alert {
    margin: 0 0 10px 0 !important;
    width: fit-content !important;
}

/* Ajustamos rutina carrito pedido */

#checkout .wk-bp-cart-popup {
    font-size: 10px !important;
    margin-left: 10px;
    width: -webkit-fill-available;
}

@media(max-width: 560px) {
    #opc_step_cart {
        border: 0 !important;
    }
}

/* Modal lista de deseos */

#wishlist_select_popup {
    background-image: none !important;
}

/* Ajustes descripción */

.product-description p {
    margin: .5rem 0 !important;
}

/* Mayusculas horarios tiendas */

.zt-store-hours-inner li {
    text-transform: capitalize;
}

/* Eliminamos padding bottom footer */
#footer .block {
    padding-bottom: 0 !important;
}

/* Oculatmos banner express SIEMPRE */

#ps_checkout-express-checkout-banner {
    display: none !important;
}

/* Ajustamos alerta maquinas de corte */

.product-add-to-cart .alert {
    width: fit-content !important;
    margin: 0 0 10px 0 !important;
}

/* Ocultamos divs vacios lista de deseos */

.wishlist-miniatures > div:empty {
    display: none !important;
}

#payment-confirmation-alert {
    margin: 10px 10px 10px 0px !important;
}