@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
.chakra-petch-regular {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.chakra-petch-semibold {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.bg_register_offer {
    background-color: #e5f913;
    padding: 13px 0px 4px;
    font-size: 13px;
    color: #000000;
}
.bg_register_offer a {
    color: #000 !important;
    text-decoration: underline;
}
.bg_register_offer span {
    font-size: 12px !important;
}
.header-top {
    padding-top: 15px;
    padding-bottom: 15px;
}
.badge-light {
    background-color: #000;
}
/* Color Personalizado header 
#header, #checkout-header {
    background-color: #97492b;
}*/
/* CONTENEDOR DE LA TABLA: Le damos forma de tarjeta suave */
.product-discounts {
    border: 1px solid #f0f0f0;
    border-radius: 8px; /* Bordes redondeados */
    overflow: hidden; /* Para que la cabecera no se salga de los bordes redondos */
    box-shadow: 0 4px 12px rgba(0,0,0,0.03); /* Sombra muy sutil para levantarla */
    background: white;
    max-width: 100%; /* Asegura que no rompa en móvil */
}
.mobile-menu__title {
    text-transform: uppercase;
}
.col-mobile-menu-push #_mobile_iqitmegamenu-mobile {
    width: 100%;
}
.mobile-menu__user {
    text-transform: uppercase;
}
.mobile-menu__link, .js-mobile-menu__language-currency {
    text-transform: uppercase;
}
li.mobile-menu__links-list-li a {
    text-transform: uppercase;
}
.mobile-menu__column-title {
    text-transform: uppercase;
}
.mobile-menu__products-row .text-reset {
    text-transform: uppercase;
}
.mobile-menu__column--id-2 .mobile-menu__column-title {
    padding-bottom: 10px;
}
.mobile-menu__column--id-2 .mobile-menu__column-categories:not(:last-child) {
    margin-bottom: 0;
}
.mobile-menu__column--id-2 .cbp-category-link-w {
    border-top: none;
    border-bottom: none;
}
/* LA TABLA EN SÍ */
.table-product-discounts {
    margin-bottom: 0 !important; /* Quitamos margen extra de bootstrap */
    border: none !important;
}

/* LA CABECERA (NEGRA) */
.table-product-discounts thead th {
    background-color: #1a1a1a; /* Negro Fomplay */
    color: #ffffff;
    border: none !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    padding: 12px;
    text-align: center;
    font-weight: 600;
}
.iqitreviews-nb {
    display: none;
}
/* EL CUERPO Y LAS CELDAS */
.table-product-discounts td {
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important; /* Línea de separación muy fina */
    padding: 15px 10px;
    text-align: center;
    vertical-align: middle;
    color: #333;
    font-size: 14px;
}

/* DESTACAR LA COLUMNA DE AHORRO (La 3ª columna) */
.table-product-discounts td:last-child {
    font-weight: 800; /* Hacemos el precio de ahorro más gordo */
    color: #1a1a1a;
    background-color: #fcfcfc; /* Un fondo gris casi imperceptible para diferenciarla */
}

/* MICRO-INTERACCIÓN (Opcional) */
.table-product-discounts tbody tr:hover {
    background-color: #fffde7; /* Un amarillo muy muy pálido al pasar el ratón */
}
.product-unavailable {
    background-color: #a70000;
    color: #fff;
    border-radius: 7px;
}
#header .header-nav a {
    text-transform: uppercase;
    color: #fff;
}
#iqithtmlandbanners-block-2 div p {
    text-transform: uppercase;
    color: #fff;
}
body#index #header {
    border-bottom: none;
    background-color: transparent;
}
#checkout #checkout-footer {
    background-color: transparent;
}
#footer-container-main, #checkout-footer {
    border-top: 16px solid #000;

    padding-top: 29px;
}
#index #mobile-header {
    background: transparent;
}
#index #mobile-header #mobile-header-sticky {
    background: transparent;
}
#mobile-header #mobile-header-sticky.visible-stuck-up-scroll {
    background: #000 !important;
}
#mobile-header {
    border-bottom: none;
}
/* ESTILO CAMPO EMAIL (Input) */
.notify-input {
    height: 48px !important; /* Misma altura visual que el botón para simetría */
    background-color: #fff !important;

    /* EL TRUCO: Borde negro para unirlo visualmente al botón de abajo */
    border: 2px solid #1a1a1a !important;
    border-radius: 6px !important;

    color: #333 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px !important;
    font-weight: 600; /* Texto un poco más gordito al escribir */
    padding-left: 15px !important;
    transition: all 0.3s ease;
    margin-bottom: 8px; /* Espacio justo entre el campo y el botón */
}

/* EFECTO AL HACER CLIC (FOCUS) - ¡La clave de la interacción! */
.notify-input:focus {
    border-color: #D4E100 !important; /* El borde se enciende en Amarillo Neón */
    box-shadow: 0 0 0 4px rgba(212, 225, 0, 0.2) !important; /* Resplandor suave alrededor */
    outline: none;
}

/* Estilo del texto de ayuda (Placeholder) */
.notify-input::placeholder {
    color: #777;
    font-style: normal;
}
/* ESTILO BOTÓN NOTIFICACIÓN - DARK PREMIUM */
.btn-notify-alert {
    /* FONDO NEGRO en lugar de amarillo */
    background-color: #1a1a1a !important;

    /* TEXTO y BORDE AMARILLO NEÓN */
    color: #D4E100 !important;
    border: 2px solid #D4E100 !important;

    /* Tipografía */
    font-family: 'Open Sans', sans-serif;
    font-weight: 800 !important;
    text-transform: uppercase;
    font-size: 13px !important;
    letter-spacing: 1px;

    /* Tamaño y forma */
    width: 100%; /* Mantenemos el 100% pero al ser negro no molesta */
    padding: 14px 20px !important;
    border-radius: 6px !important; /* Bordes redondeados sutiles */
    cursor: pointer;
    transition: all 0.3s ease;
}

/* EFECTO HOVER: Al pasar el ratón se ilumina */
.btn-notify-alert:hover {
    background-color: #D4E100 !important; /* Fondo pasa a amarillo */
    color: #000000 !important; /* Texto pasa a negro */
    box-shadow: 0 0 15px rgba(212, 225, 0, 0.4); /* Resplandor neón */
}
.home_slider {
    position: relative;
    top: -87px;
}
.cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 {
    border-radius: 6px;
}
.banner_home img {
    border-radius: 20px;
    height: 486px;
}
.banner_home .btn-primary, .btn-primary.disabled, .btn-primary:disabled {
    border-radius: 6px;
}
.items_footer {
    background-color: #fff;
    padding: 40px 0;
}
.items_footer img {
    margin-bottom: 10px;
}
.items_footer .tit {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #373737;
    margin-bottom: 4px;
    margin-top: 20px;

}
.items_footer p {
    font-size: 14px;
    color: #373737;
    font-family: 'Poppins', sans-serif;
    line-height: 21px;
}
.copyright-txt p {
    color: #212121;
    padding-top: 33px;
    font-size: 11px;
}
.add .add-to-cart {
    border-radius: 4px;
    font-family: "Chakra Petch", sans-serif !important;
    text-transform: uppercase;
    font-weight: 600;
}
.add .add-to-cart:hover {
    background-color: #ddf900;
    color: #000;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgb(221 249 0 / 35%);
}
.products-grid .product-miniature-layout-2 .product-add-cart {
    float: right;
}
.bootstrap-touchspin .form-control {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-top-right-radius: 6px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-bottom-right-radius: 6px;
}
.selectedFilters.inline .cf {
    background-color: #000;
    color: #fff;
    border-radius: 6px;
}
.selectedFilters.inline .cf a {
    color: #ddf900 !important;
    opacity: 1 !important;
}
.horizontal-layout .has-selection .af_subtitle {
    color: #042343;
}
.horizontal-layout .has-selection .af_subtitle, .horizontal-layout .has-selection .af_subtitle.toggle-content:before, .horizontal-layout .has-selection .af_filter_content {
    border-color: #042343;
}
ul.product-feature li {
    display: inline-block;
    padding: 10px 10px;
}
ul.product-feature li img {
    width: 32px;
    height: 32px;
}
ul.product-feature li .feature-icon-wrapper {
    display: inline-block;
}
#content-wrapper .page-title {
    font-size: 30px;
}
#category .products-grid .product-miniature-default {
    border-radius: 7px;
    border: 1px solid #eaeaea
}
.cart-products .pb-1 a {
    color: #212121 !important;
}
.cart-products .fa-trash-o {
    color: #212121 !important;
}
.cms-id-6 #wrapper, .cms-id-15 #wrapper, .cms-id-16 #wrapper, .cms-id-17 #wrapper, .cms-id-18 #wrapper, .cms-id-19 #wrapper
, .cms-id-20 #wrapper{
    padding-top: 0;
}
.cms-id-6 .page-header, .cms-id-6 nav.breadcrumb, .cms-id-15 .page-header, .cms-id-15 nav.breadcrumb,
.cms-id-16 .page-header, .cms-id-16 nav.breadcrumb,
.cms-id-17 .page-header, .cms-id-17 nav.breadcrumb,
.cms-id-18 .page-header, .cms-id-18 nav.breadcrumb,
.cms-id-19 .page-header, .cms-id-19 nav.breadcrumb,
.cms-id-20 .page-header, .cms-id-20 nav.breadcrumb{
    display: none !important;
}
.product-additional-info {
    border-top: none;
    padding-top: 0;
}
.product_p_price_container {
    border-top: none;
    margin-top: 0;
}
.product_header_container {
    margin-bottom: 0;
}
.product_header_container {
    border-bottom: none;
}
/* ESTILO PARA BADGE DE "ÚLTIMAS UNIDADES" */

/* OPCIÓN A: ETIQUETA TÉCNICA (Cuadrada y ordenada) */

#category .product-availability, #cms .product-availability , #index .product-availability {
    display: none !important;
}

.product-last-items.badge-warning {
    /* 1. Posicionamiento: Que ocupe su propia línea */
    display: table !important; /* Truco para que haga salto de línea pero no ocupe todo el ancho */
    margin-top: 8px !important; /* Separación con la referencia */
    margin-bottom: 5px !important;

    /* 2. Estilo Visual: Igualamos a la referencia */
    background-color: #D4E100 !important; /* Amarillo Neón */
    color: #000000 !important;
    border: 1px solid #D4E100 !important; /* Borde igual que el fondo */
    border-radius: 4px !important; /* 4px igual que la referencia (NO 20px) */

    /* 3. Texto */
    padding: 4px 10px !important; /* Un poco más compacto */
    font-family: 'Open Sans', sans-serif;
    font-weight: 700 !important;
    font-size: 11px !important; /* Tamaño técnico */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

.product-last-items .fa-exclamation {
    margin-right: 5px !important;
    font-size: 11px !important;
}
.product-variants .form-control-label {
    font-family: "Chakra Petch", sans-serif;
    text-transform: uppercase;
}
.product-reference {
    background-color: #f3f3f3; /* Fondo gris muy suave */
    padding: 6px 12px; /* Espacio interior para que respire */
    border-radius: 4px; /* Bordes ligeramente redondeados */
    margin-bottom: 15px; /* Separación con el precio/stock */
    border: 1px solid #e0e0e0; /* Un borde sutil para definirlo */
    font-size: 13px; /* Tamaño controlado */
    width: 245px;
    text-align: center;
}

/* Estilo para la palabra "Referencia" */
.product-reference .label {
    color: #666666; /* Gris medio */
    font-weight: 600;
    text-transform: uppercase; /* Mayúsculas para que sea más legible */
    font-size: 11px; /* Un poco más pequeña que el código */
    margin-right: 5px;
}

/* Estilo para el código "FOM-..." */
.product-reference span {
    color: #000000; /* Negro puro para máximo contraste */
    font-weight: 700; /* Negrita */
    letter-spacing: 0.5px; /* Un pelín de espacio entre letras */
    font-family: 'Consolas', 'Monaco', monospace; /* Opcional: Fuente tipo código */
}
.product-reference {
    font-family: "Chakra Petch", sans-serif;
    text-transform: uppercase;
}
.product-variants .input-radio, .product-variants .radio-label {
    width: 73px;
    height: 35px;
    border-radius: 5px;
    font-size: 17px;
    font-weight: bold;
    border: 2px solid #ccc;
    padding-top: 3px;
    font-family: "Chakra Petch", sans-serif;
}
.product-variants .input-color:checked+span, .product-variants .input-color:hover+span, .product-variants .input-radio:checked+span, .product-variants .input-radio:hover+span {
    border: 2px solid #d1eb04;
    line-height: calc(2em - 4px);
    width: 70px;
    height: 35px;
    border-radius: 5px;
    padding-top: 0px;
    font-size: 17px;
    font-weight: bold;
    background-color: #ddf900;
}
.nav-tabs li a {
    text-transform: uppercase !important;
    font-family: "Chakra Petch", sans-serif;
}
.cbp-hrmenu .cbp-links li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding-left: 0;
    padding-top: 6px;
    padding-bottom: 0;
}
.cbp-hrmenu .cbp-links li a {
    padding-left: 0;
}
.cbp-hrmenu li#cbp-hrmenu-tab-2 .menu-element-id-7 > .cbp-menu-column-inner a:link, .cbp-hrmenu li#cbp-hrmenu-tab-2 .menu-element-id-7 > .cbp-menu-column-inner a, .cbp-hrmenu li#cbp-hrmenu-tab-2 .menu-element-id-7 > .cbp-menu-column-inner {
    text-transform: uppercase;
    padding-bottom: 7px;
    font-family: "Chakra Petch", sans-serif;
}
.cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link {
    padding-bottom: 7px;
    font-family: "Chakra Petch", sans-serif;
}
.cbp-hrmenu li#cbp-hrmenu-tab-2 .menu-element-id-2 > .cbp-menu-column-inner a:link, .cbp-hrmenu li#cbp-hrmenu-tab-2 .menu-element-id-2 > .cbp-menu-column-inner a, .cbp-hrmenu li#cbp-hrmenu-tab-2 .menu-element-id-2 > .cbp-menu-column-inner {
    text-transform: uppercase;
    padding-bottom: 7px;
    font-family: "Chakra Petch", sans-serif;
}
.cbp-hrmenu .cbp-links li a:before {
    content: none;
    padding-left: 0;
}
.cbp-category-link-w {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-left: 0;
    margin-top: 0;
}
.cbp-category-link-w a {
    font-weight: normal !important;
    font-size: 14px !important;
}
.cbp-hrmenu .product-title {
    text-transform: uppercase;
    font-family: "Chakra Petch", sans-serif;
}
.cbp-hrmenu .product-price {
    font-family: "Chakra Petch", sans-serif;
    font-weight: bold;
    color: #000;
}
#cbp-hrmenu-tab-7 .product-title a {
    color: #212121!important;
}
.cbp-hrmenu .cbp-column-title {
    margin-bottom: 0 !important;
}
.pagination {
    padding: 32px 0 10px;
}
#js-product-list-footer {
    padding-top: 42px;
}
.product-grid-menu {
    position: relative;
}
.cbp-products-big {
    position: relative;
}
#product .h1 {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
}
.product-miniature .h3 {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
}
.cbp-horizontal .cbp-tab-title {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
}
#category .h1 {
    font-family: "Chakra Petch", sans-serif;
    text-transform: uppercase;
}
.category-additional-description h2, .category-additional-description h3 {
    font-family: "Chakra Petch", sans-serif;
    text-transform: uppercase;
}
.product-flags .discount, .product-flags .on-sale {
    background-color: #ddf900;
    color: #042343;
    position: relative;
    top: 11px;
    left: 6px;
}
.product-flags .new {
    background: #042343;
    color: #ffffff;
    position: relative;
    top: 12px;
    left: 6px;
    border-radius: 4px;
    text-transform: uppercase;
    font-family: "Chakra Petch", sans-serif;
}
.discount {
    background-color: #ddf900;
    color: #042343;
    border-radius: 4px;
    font-weight: bold;
}
.product_header_container .product-price, .product_p_price_container .product-price {
    font-size: 35px;
    font-family: "Chakra Petch", sans-serif;
    color: #000 !important;
}
.product-discount .regular-price {
    font-size: 16px;
    font-family: "Chakra Petch", sans-serif;
}
.horizontal-layout .closed .af_subtitle {
    border-radius: 6px;
}
.horizontal-layout .af_subtitle {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.horizontal-layout .af_filter_content {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
#product .images-container .product-cover {
    border-radius: 10px;
}
#category nav.breadcrumb {
    text-align: center;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-family: "Chakra Petch", sans-serif;
    font-size: 14px !important;
    padding-top: 20px !important;
}
.product-miniature-grid .product-price {
    font-size: 23px;
    font-weight: bold;
    font-family: "Chakra Petch", sans-serif;
    color: #000;
}
.products-grid .product-miniature-layout-2 .regular-price {
    font-size: 16px;
    font-weight: bold;
    font-family: "Chakra Petch", sans-serif;
}
#product nav.breadcrumb {
    text-align: center;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-family: "Chakra Petch", sans-serif;
    font-size: 14px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.product-miniature-grid .input-group-add-cart {
    float: right;
}
.btn-product-list {
    border-radius: 6px;
    background-color: #000;
    color: #fff;
}
.btn-product-list:hover {
    background-color: #ddf900;
    color: #000;
}
#authentication, #registration, #password {
    background-image: url("../img/fomplay_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
#authentication p.copy, #registration p.copy, #password p.copy {
    font-size: 11px;
}
#authentication #wrapper, #registration #wrapper, #password #wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
}
#authentication #inner-wrapper, #registration #inner-wrapper, #password #inner-wrapper {
    background: #fff;
    width: min(520px, 92vw);
    padding: 32px;
    border-radius: 12px;
    height: auto !important;
    min-height: 0 !important;
    box-shadow: 0 20px 30px 0 rgba(0,0,0,.5);
}
#authentication #content, #registration #content, #password #content {
    border: none;
    padding: 0;
}
#authentication .form-control, #registration .form-control, #password form-control {
    background-color: #f7f7f7;
    border: none;
    height: 47px;
}
body#authentication #submit-login, #registration .form-control-submit {
    width: 100%;
    border-radius: 6px;
    padding: 18px 11px !important;
    text-transform: uppercase;
    font-weight: bold;
}
#password #send-reset-link {
    width: 100%;
    border-radius: 6px;
    padding: 14px 11px !important;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
}
body#authentication .col-form-label, body#registration .col-form-label , body#password .mr-3  {
    text-transform: uppercase;
    font-weight: 600;
}
body#authentication .page-title, body#registration .page-title, body#password .page-title {
    border: none;
    text-transform: uppercase;
    font-size: 24px;
    padding-top: 20px;
    padding-bottom: 0;
    margin-bottom: 15px;
}
body#authentication .bottom, body#registration .bottom {
    border: 1px solid #ccc;
    padding: 3px 8px;
    border-radius: 6px;
    width: fit-content;
}
body#authentication .bottom a {
    text-decoration: underline;
}
body#registration .form-group {
    margin-bottom: 0;
    padding-bottom: 0;
}
body#authentication .forgot-password {
    text-transform: uppercase;
}
/* ETIQUETA DE ENVÍO GRATIS - FICHA DE PRODUCTO */
.free-shipping-badge {
    display: inline-flex;
    align-items: center;
    background-color: #05a065; /* Un verde oscuro que transmite "aprobado/seguridad" */
    color: #ffffff;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 4px; /* Bordes ligeramente redondeados, elegante */
    margin-bottom: 8px; /* Espacio para que respire el precio que va debajo */
    letter-spacing: 0.5px;
    box-shadow: 0 2px 5px rgba(5, 160, 101, 0.2); /* Sombra sutil para darle volumen */
}

/* Magia: Añadimos el icono del camión automáticamente sin tocar el HTML */
.free-shipping-badge::before {
    content: "🚚";
    margin-right: 6px;
    font-size: 14px;
}
@supports (position:sticky) {
    #amazzing_filter {
        position: sticky;
        top: 79px;
        z-index: 40;
        background-color: #fff !important;
        padding-top: 10px;
    }
}