/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

  @font-face {
        font-family: 'Myriad Pro';
        src: url('MyriadPro-SemiCn.woff2') format('woff2'),
            url('MyriadPro-SemiCn.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed'), url('MYRIADPRO-COND.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed Italic'), url('MYRIADPRO-CONDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Light'), url('MyriadPro-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold'), url('MYRIADPRO-SEMIBOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold Italic'), url('MYRIADPRO-SEMIBOLDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed'), url('MYRIADPRO-BOLDCOND.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('MYRIADPRO-BOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Italic'), url('MYRIADPRO-BOLDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed Italic'), url('MYRIADPRO-BOLDCONDIT.woff') format('woff');
    }


body {
    font-family: 'Myriad Pro', sans-serif;
    color: #222;
    background-color: #fff;
}

.page-index #content-wrapper.col-12 {
    padding-left: 0;
    padding-right: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, .products-section-title, h1, h2, h3, h4, h5, h6 {
    font-family: 'Myriad Pro', sans-serif;
}

a {
    color: #000;
    text-decoration: none;
}
a:focus,
a:hover {
    color: #ff8100;
    text-decoration: none;
}
a.text-dark:focus,a.text-dark:hover {
    color: #ff8100 !important
}

@media (min-width: 1300px) {
    .container, #content-wrapper {
        width: 1225px;
        margin: 0 auto;
    }
}
@media (min-width: 1301px) {
    .container {
        max-width: 1200px;
    }
}


/*HEADER*/

header.l-header {
    box-shadow: none;
}

 /* Color de fondo y texto de la franja superior */
.header-tintin-top {
  background-color: #41403c !important;
  color: #ffffff;
}

.header-tintin-top a {
  color: #ffffff !important;
  text-decoration: none;
}

/* Divisores verticales para los enlaces superiores */
#_desktop_user_info a {
    border-right: 1px dotted #ffffff;
    padding-right: 24px;
    margin-left: 8px;
    height: 16px;
}

/* Alineación limpia del menú inferior y el buscador */
.header-top .displayTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
/* Alineación horizontal de banderas */
.languages-block_ul {
  align-items: center;
  padding: 0;
}

.languages-block_ul li {
  margin-left: 6px;
  list-style: none;
}

#header #_desktop_language_selector.language-selector-wrapper ul li img {
    width: 35px;
    height: auto;
}

/* Alineación de redes sociales en la franja superior */
.ps_social_header ul {
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.ps_social_header li {
  margin: 0 4px;
}

.ps_social_header a {
  color: #ffffff !important;
}

#_desktop_contact_link #contact-link {
    display: none;
}

.ps-social-follow li {
    background-color: transparent;
    background-position: center 6px;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    border: 1px solid transparent;
    border-radius: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 35px;
    margin: 0 auto 0 !important;
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    width: 30px;
    vertical-align: top;
    font-size: 0;
}
.ps_social_header .ps-social-follow li {
    background-size: 20px 20px;
}

@media (min-width: 1301px) {
    .ps_social_header .ps-social-follow li {
        width: 22px;
    }
}

@media (min-width: 768px) {
    .visible--mobile {
        display: none !important;
    }
}
@media (max-width: 767.98px) {
    .visible--desktop {
        display: none !important;
    }
}

.facebook {
    background-image: url(../css/3935e107ea61866e60d7946dc6a962f1.svg);
}
.twitter {
    background-image: url(../css/a67175d1ea11389d9107bd8c08f9d7d7.svg);
}
.pinterest {
    background-image: url(../css/7988be8b63edf9c4accebf94d5db7927.svg);
}
.instagram {
    background-image: url(../css/0266b05265f317a7409560b751cd61e8.svg);
}

.discount-header h1 {
    color: #ed974a !important;
    font-weight: 400 !important;
    border: 2px solid white !important;
    font-size: 20px !important;
    padding: 2px 4px !important;
}

.discount-header h1 span {
    color: white;
    font-size: 16px;
    font-weight: normal !important;
    text-transform: none;
}

@media (min-width: 1301px) {
    .discount-header h1 {
        font-size: 20px;
    }
    .discount-header h1 span {
        font-size: 16px;
    }
}
@media (min-width: 992px) {
    .discount-header h1 {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    div#_desktop_logo.col-lg-4 {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .header-nav.header-tintin-top .col-lg-8 {
        flex: 0 0 70%;
        max-width: 70%;
    }
}

.discount-header.mr-3 {
    margin-right: 5rem !important;
}
.left-nav {
    margin-top: 1.5rem;
}

/* Desplegable del carrito en el header */
#_desktop_cart .dropdown-menu {
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  z-index: 1050;
}

#_desktop_cart .cart-price .value {
  display: inline-block;
  min-width: 20px;
  height: 20px;
  line-height: 12px;
  text-align: center;
}
.blockcart.inactive {
    color: #6c757d;
    background-color: transparent;
}
.blockcart.inactive .material-icons {
    color: #fff;
}
.header.blockcart-header a.cart > .material-icons.expand-more {
    display: none;
}
.material-icons.shopping_basket.mr-1 {
    margin-right: 1rem !important;
}
#_desktop_cart {
    margin-left: 1rem;
}

#_desktop_top_menu .menu-top > li.menu__item a {
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    text-transform: none !important;
    font-size: 20px !important;
    font-weight: 400 !important;
}
#_desktop_top_menu .menu-top > li:nth-child(2) a, #_desktop_top_menu .menu-top > li:nth-child(3) a, #_desktop_top_menu .menu-top > li:nth-child(4) a, #_desktop_top_menu .menu-top > li:nth-child(5) a {
   border-left: 0;
}
.menu__item-link--top {
    padding: 0;
    height: 20px !important;
}
#header .header-top #_desktop_top_menu .menu-top .sub-menu a {
    border: 0 !important;
}
#header .header-top #_desktop_top_menu .menu-top .sub-menu a span {
    font-weight: normal !important;
    font-size: 0.9rem;
    margin-top: 1rem;
    display: block;
}
#header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-41 a span {
    left: -13px;
    position: relative;
}
#_desktop_top_menu .menu-top > li.menu__item a:hover, #header .header-top #_desktop_top_menu .menu-top .sub-menu a:hover span {
    color: #ff8100 !important;
}
.dropdown-item:focus,.dropdown-item:hover {
    background-color: transparent;
}


/* Formato de la barra del menú y separadores */
#_desktop_top_menu .menu-top > li > a {
  font-size: 14px;
  letter-spacing: 0.5px;
}

#_desktop_top_menu .menu-banners img {
  max-height: 120px;
  object-fit: contain;
}



        #header .header-top #_desktop_top_menu .menu-top li:hover .popover.sub-menu.collapse {
          z-index: 1; }
          #header .header-top #_desktop_top_menu .menu-top li:hover .popover.sub-menu.collapse li {
            border-left: none;
            border-right: none; }
        #header .header-top #_desktop_top_menu .menu-top li:hover a.dropdown-item[data-depth="0"] {
          background-color: white;
          z-index: 20000;
        
          padding-bottom: 20px;
          border-left: 0px solid white;
          border-right: 0px solid white; }
      #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse {
        width: 100%;
        left: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        background: white;
        padding: 10px;
        width: 100%;
        position: fixed;
        padding: 0 15%;
        }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div a {
          text-align: center;
          width: 150px;
          color: #474642;
          padding-top: 160px;
          height: 200px;
          background-image: url(../img/megnor/Categoria-defecto.gif);
          background-position: 0 7px;
          background-repeat: no-repeat; }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div a:hover {
          color: #ff8100; }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#cms-page-4 a {
          background-image: url(../img/megnor/nosotros.gif); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#cms-page-6 a {
          background-image: url(../img/megnor/ayuda.gif); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#cms-page-1 a {
          background-image: url(../img/megnor/envios2.gif); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-14 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-figuras-resina.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-16 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-figuras-plomo.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-17 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-figuras-pvc.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-18 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-otros-materiales.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-19 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-transportes.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-24 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-juegos-peluches.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-26 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-material-oficina.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-27 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-calendarios-agendas.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-28 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-poster-postales.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-20 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-albumes-aventuras.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-21 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-libros-cat-cast.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-22 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-libros-otras-lenguas.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-23 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-dvd-bluray.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-30 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-relojes.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-31 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-textil.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-33 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-vajilla.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-34 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-llaveros.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-37 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-hogar.jpg); }
        #header .header-top #_desktop_top_menu .menu-top .sub-menu.collapse div#category-41 a {
          background-image: url(../img/megnor/categories/tintin-subcategories-ediciones_limitadas.jpg); }

#page, 
.page-wrapper, 
#wrapper, 
#header {
    overflow: visible !important;
}

/* ==========================================================================
   MEGA MENÚ FULL-WIDTH REAL (ANCHO COMPLETO Y FIJO)
   ========================================================================== */

/* 1. Asegurar que el contenedor general de la cabecera actúa como referencia absoluta */
#header,
.header-top {
    position: relative !important;
}
.header-top.is-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1050 !important;
    box-shadow: none !important;
    background-color: #ffffff !important;
    animation: fadeInDown 0.3s ease-in-out;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 2. El submenú debe ocupar el 100% real del ancho de la pantalla o del header (con transición suave) */
#_desktop_top_menu .popover.sub-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    
    /* Configuración inicial para el efecto de cortina suave */
    display: block !important; /* Mantiene la estructura para que la transición funcione */
    visibility: hidden !important;
    opacity: 0 !important;
    transform: translateY(-10px) !important; /* Empieza un poco más arriba */
    transition: all 500ms ease 0s !important;
    
    padding: 0 0 !important; /* Inicialmente sin padding vertical para que colapse */
    background-color: #ffffff !important;
    border-top: 0px solid #e5e5e5 !important;
    border-bottom: 0px solid #e5e5e5 !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
    z-index: 99999 !important;
}

/* 3. Estado abierto al hacer clic (clase .show de Bootstrap) */
#_desktop_top_menu .popover.sub-menu.show {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) !important; /* Desciende suavemente a su posición final */
    padding: 0 0 20px !important; /* Recupera su padding completo */
    border-top: 1px solid #e5e5e5 !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

#_desktop_top_menu .popover.sub-menu.show {
    display: block !important;
}

/* 4. Limitar el contenido interior a un ancho centrado pero que el fondo blanco ocupe el 100% */
#_desktop_top_menu .popover.sub-menu .container,
#_desktop_top_menu .popover.sub-menu .sub-menu-content {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* 5. Estilo de los elementos/imágenes dentro del mega menú */
#_desktop_top_menu .popover.sub-menu div a {
    display: block;
    text-align: center;
    color: #474642;
    font-size: 13px;
    font-weight: 600;
    padding-top: 140px !important;
    height: auto !important;
    min-height: 170px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    text-decoration: none;
}
.header-top.bg-white.border-bottom.py-2 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.blockcart {
    background-color: transparent;
}


/*HOME*/
.slider-caption .display-1 {
    display: none;
}
.slick-prev, .slick-next {
    opacity: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
.products .slick-prev, .products .slick-next {
    opacity: 1;
}
.featured-products {
    padding-left: 15px;
    padding-right: 15px;
}
.featured-products .slick-prev {
    left: -35px;
}
.featured-products .slick-next {
    right: -35px;
}
.btn-link {
    color: #000;
}
.featured-products h4 {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
}
.product-title a {
    text-align: left;
    color: black;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin: 0;
    padding-bottom: 0;
    position: relative;
    text-decoration: none;
    letter-spacing: 0.5px;
}
.card {
    border: 0;
}
.product__card-desc {
    justify-content: normal;
}
.product-price-and-shipping {
    font-size: 2rem;
}
.products {
    padding-top: 1rem;
}
.products-slick .btn-primary.add-to-cart, .quick-view.btn-secondary, .card-product .btn-primary.add-to-cart {
    background-color: #ff8100;
    border-color: #ff8100;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    color: #000;
    width: 41px;
    height: 41px;
}
.products-slick .btn-primary.add-to-cart, .card-product .btn-primary.add-to-cart {
      background: #ff8100 url(../img/megnor/icons.png) no-repeat scroll 7px 9px;
}
products-slick .btn-primary.add-to-cart:hover, .card-product .add-to-cart:hover {
    background-color: #0d0d0d!important;
    border-color: #0d0d0d!important;
    background-position: 7px -37px;
}
.quick-view.btn-secondary:hover {
    background-color: #0d0d0d;
    background-position: 8px -129px;
    border-color: #0d0d0d;
}
.quick-view.btn-secondary {
      background: #ff8100 url(../img/megnor/icons.png) no-repeat scroll 8px -82px;
}
.highlighted-informations {
    background: transparent;
}
.card-product:hover .highlighted-informations {
    transform: translateY(-250%)
}


/*PRODUCT*/
.breadcrumb {
    padding: 3rem 0;
    margin: 0 auto 30px;
    background-color: transparent;
    justify-content: center;
}
.breadcrumb a {
    color: #000;
    font-size: 13px;
}
.page-product h1 {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 20px;
}
.page-product .current-price-display {
    font-size: 1.4rem;
    font-weight: 500;
}
.page-product .current-price {
    line-height: 1;
}
.product-prices {
    display: flex;
    align-items: end;
    margin: 2rem 0 1.5rem;
}
.product-information p {
    font-size: 13px;
}
.tax-shipping-delivery-label {
    margin-left: 5px;
    font-size: 0.8125rem;
    color: #878787;
}
.product-thumb.slick-current {
    border: 0;
}
.product-actions .btn-primary.add-to-cart, #payment-confirmation .btn-primary {
    background: #ff8100;
    border-color: #ff8100;
    color: #000;
    font-size: 14px;
    padding: 9px 20px;
    width: auto;
    line-height: 20px;
    letter-spacing: 0.8px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
.product-actions .btn-primary.add-to-cart:hover, #payment-confirmation .btn-primary:hover {
    background: #000;
    border: #0d0d0d;
    color: #fff;
}
.product-actions .material-icons.shopping-cart.btn-add-to-cart__icon {
    font-size: 1.2rem;
}
.page-product .social-sharing--product {
    display: none !important;
}
.page-product .slick-prev, .page-product .slick-next {
    opacity: 1;
}
.page-product .slick-arrow {
    top: 35%;
    height: auto;
}
.page-product .slick-prev .material-icons.left, .page-product .slick-next .material-icons.right, .crossselling-products .slick-prev .material-icons.left, .crossselling-products .slick-next .material-icons.right {
    background-color: #ff8100;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
.page-product .slick-prev:hover .material-icons.left, .page-product .slick-next:hover .material-icons.right, .crossselling-products .slick-prev:hover .material-icons.left, .crossselling-products .slick-next:hover .material-icons.right {
    background-color: #000;
    color: #fff;
}
.page-product .product-tabcontent .nav-tabs {
    justify-content: start;
    border-bottom: 0;
}
.page-product .nav-tabs .nav-item.show .nav-link, .page-product .nav-tabs .nav-link.active {
    background-color: rgb(255, 129, 0);
    color: #000;
    border-color: #ff8100;
}
.page-product .nav-tabs .nav-item {
    text-transform: uppercase;
}
.page-product .nav-tabs .nav-item {
    text-transform: uppercase;
    font-size: 14px;
}
.page-product .nav-tabs .nav-link {
    border-radius: 5px;
}
.page-product .nav-tabs .nav-link {
    border-radius: 5px;
    background-color: rgb(239, 239, 239);
    color: #000;
    margin-right: 10px;
    letter-spacing: 1px;
}
.page-product .tab-content .product-description {
    background-color: rgb(239, 239, 239);
    padding: 30px;
}
.page-product .nav-tabs .nav-link:hover {
    background-color: rgb(255, 129, 0);
}
.page-product .products-section-title {
    text-align: center;
    font-family: "Myriad Pro", sans-serif;
    color: rgb(0, 0, 0);
    font-size: 34px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: normal;
    margin-bottom: 0px;
    text-transform: capitalize !important;
}
.page-product .shortcode-title.border-bottom {
    border-bottom: 0 !important;
}
.page-product .h3.product-title, .page-cart .h3.product-title, .page-category .h3.product-title, .page-index .h3.product-title {
    margin-bottom: 0;
}



/*CATEGORIES*/
.page-category .breadcrumb, .page-cms .breadcrumb, .page-cart .breadcrumb {
    padding: 0 0.5rem 2rem;
}
.page-category .h1.category-title, .page-cms .cms-title, .page-cart .cart-title {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    padding-top: 2rem;
}
.page-category .h1.category-title, .page-cms .cms-title {
  margin-bottom: 0 !important;
}
.page-cart .cart-title {
    margin-bottom: 3rem !important;
}
.block-category {
    border: 0;
    padding: 0;
}
.block-categories {
    padding: 10px 16px;
    background-color: #ebebeb;
    letter-spacing: 1px;
    border: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
.category-top-menu {
    margin: 0;
}
.category-top-menu li a {
    margin: 0;
    font-weight: 600;
}
.left-column .search_filters {
    border: 0;
}
.facet__title {
    font-weight: 500;
    font-size: 14px;
    margin: 10px 0;
}
.facet__block:not(:last-child) {
    border-bottom: 0;
}
.price {
    font-weight: 400 !important;
}
.page-category .block-categories {
    background-color: transparent;
}
.page-category .block-categories ul li {
    border: 0 !important;
}
.page-category .block-categories ul li a {
    font-weight: 400;
}
.category-top-menu li a.text-uppercase{
    background-color: #ebebeb;
    border-radius: 5px;
    padding: 10px 16px;
    margin-bottom: 15px;
    display: block;
}
.facet__block .custom-control-label {
    width: 100%;
}
.magnitude {
    float: right !important;
}



/*PAGINATION*/
.page-item.active .page-link, .page-item.active .product-comments__pagination li span, .product-comments__pagination li.active .page-link, .product-comments__pagination li.active span, .product-comments__pagination li .page-item.active span {
    color: #000;
    background-color: #ff8100;
    border-color: #ff8100;
}
.pagination .page-link, .product-comments__pagination li span {
    color: #000;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-right: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 13px;
}
.pagination .page-link:hover, .product-comments__pagination li span:hover {
    z-index: 2;
    color: #000;
    text-decoration: none;
    background-color: #ff8100;
    border-color: #ff8100;
}
#js-product-list .small {
    font-size: 1rem;
}
.pagination .page-link.next, .pagination .page-link.previous {
    padding: 6px 6px;
}

/*CART*/
.dropdown-menu.cart_block {
    background-color: #43433B !important;
    border: 1px solid #434343 !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    margin-top: 12px !important;
}
#_desktop_cart .dropdown-menu.cart_block {
    transform: translate3d(0px, 24px, 0px) !important;
}
#_desktop_cart .dropdown-menu .card.cart-summary, .dropdown-menu .card-block {
    color: #fff;
    background-color: #434343 !important;
    border-color: #434343 !important;
}
.dropdown-menu .card-block {
    padding: 0;
}
.dropdown-menu.cart_block .cart-item .cart-image {
    width: 82px !important;
}
.dropdown-menu.cart_block .cart-item .cart-image img {
    border-radius: 5px;
}
#_desktop_cart .dropdown-menu .text-muted {
    color: #fff !important;
}
#_desktop_cart .dropdown-menu .cart-info {
    font-size: 1rem !important;
}
#_desktop_cart .dropdown-menu .cart-summary-line {
    font-size: 1rem;
}
#_desktop_cart .dropdown-menu .cart-summary-line .text-primary {
    color: #fff !important;
}
#_desktop_cart .dropdown-menu .checkout.text-center {
    text-align: right !important;
}
#_desktop_cart .dropdown-menu .btn-primary.btn-block {
    background-color: #ff8100 !important;
    border-color: #ff8100;
    width: auto !important;
    display: inline-block;
}
#_desktop_cart .dropdown-menu .btn-primary.btn-block {
    background-color: #ff8100 !important;
    border-color: #ff8100;
    width: auto !important;
    display: inline-block;
    padding: 9px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    color: #000 !important;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
.dropdown-menu.cart_block {
    top: 50px;
}
.page-cart .card {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
.product-line-grid .product-line__title {
    margin-bottom: 0;
}
.card-body--summary .cart-total, .total-value {
    background-color: transparent;
    font-weight: 500;
}
.product-line-grid .product-price {
    font-size: 18px;
    font-weight: 600;
}
.promo-code button, .checkout-process button {
    background-color: #ff8100;
    border-color: #ff8100;
    color: #000;
    font-size: .9rem;
}
.promo-code button {
    border-radius: 5px;
}
.promo-code button:hover, .checkout.cart-detailed-actions a:hover, .checkout-process button:hover  {
    background-color: #0d0d0d;
    color: #fff;
    border-color: #0d0d0d;
}
.promo-code .collapse-button {
    color: #ff8100;
}
.checkout.cart-detailed-actions a {
    background-color: #ff8100;
    border-color: #ff8100;
    color: #000;
    border-radius: 5px;
    width: 150px;
    text-align: center !important;
    display: inline-block;
    padding: 5px 21px;
    font-size: 1rem;
    text-transform: uppercase;
}
.card-footer{
    background-color: transparent;
    padding: 2.75rem 1.25rem .75rem;
}
.cart-grid-body .btn-outline-primary {
    color: #222;
    border: 0;
}
.cart-grid-body .featured-products h2 {
    text-transform: uppercase;
}
.cart-grid-body .featured-products {
    margin-top: 3rem !important;
}
.page-cart #content-wrapper {
    padding: 0;
}
.page-cart .card {
    border: 0 !important;
}
.page-cart .product-price-and-shipping, .page-product .product-price-and-shipping, .page-category .product-price-and-shipping {
    line-height: 1;
}
.page-cart .card-product:hover .highlighted-informations {
    transform: translateY(-150%)
}
.cart-grid-body [data-container-express-checkout] {
    margin-bottom: 3rem;
}


/*CHECKOUT*/
.page-order #wrapper {
    margin-top: 4rem;
}
.checkout-process {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-bottom: 1rem;
}
#heading-checkout-personal-information-step {
    border: 1px solid #E5E5E6;
    background-color: transparent;
}
#content-checkout-personal-information-step .nav-tabs {
    justify-content: start;
    border-bottom: 0;
}
#content-checkout-personal-information-step .nav-tabs .nav-link.active, #content-checkout-personal-information-step .nav-tabs .nav-link:hover {
    color: #ff8100;
    border-color: transparent;
}
#content-checkout-personal-information-step .nav-tabs .nav-link {
    color: #000;
    font-size: 1rem;
}
@media (min-width: 768px) {
    .checkout-form form, .page-content form, .page-wrapper--order-confirmation form {
        width: 100%;
        margin: 0;
        padding: 0 2.3125rem;
        max-width: 100%;
    }
}
.order-checkout .card {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
.checkout-form button {
    border-radius: 5px;
    text-transform: uppercase;
    padding: 9px 20px;
}
button.btn.btn-light {
    border-radius: 0 5px 5px 0;
    padding: 7px 20px;
    float: none;
}
.checkout-process button {
    float: right;
    padding: 9px 20px;
    border-radius: 5px;
    text-transform: uppercase;
}
.checkout-process button.step-edit {
    background-color: transparent;
    border: 0;
    color: #000 !important;
}
.custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label {
    color: #000;
}
.custom-control-input:checked~.custom-control-label:before {
    border-color: #000;
    background-color: #000;
}
.material-icons.text-success {
    color: #000 !important;
}
.carrier-price {
    font-size: 1REM;
    color: #000;
}



/*CROSSSELLING*/
/* Forzar anchos correctos en el carrusel de cross-selling del carrito */
.crossselling-products .rc-carousel {
    width: 100%;
    overflow: hidden;
}

.crossselling-products .slick-list {
    overflow: hidden;
    margin: 0 -10px;
}

.crossselling-products .slick-slide {
    float: left;
    height: 100%;
    padding: 0 10px;
}

/* Anular el ancho inlines erróneo de Slick (4875px) y forzar que cada item ocupe su espacio */
.crossselling-products .rc-carousel .crossselling-item,
.crossselling-products .slick-slide {
    width: 25% !important; /* 4 elementos visibles */
}

/* Asegurar que las imágenes del carrusel se adapten y no exploten */
.crossselling-products .thumbnail-container img,
.crossselling-products img {
    max-width: 100% !important;
    height: auto !important;
}

/* Forzar alineación horizontal correcta en el carrusel del carrito anidado */
.crossselling-products .rc-carousel .slick-track {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch;
}

.crossselling-products .rc-carousel .slick-slide {
    display: block !important;
    height: auto !important;
    float: none !important;
}

.crossselling-products .rc-carousel .slick-slide > div {
    height: 100%;
}

/* Controlar tamaño de las tarjetas e imágenes dentro del carrusel */
.crossselling-products .product-carousel-item {
    padding: 0 5px;
}

.crossselling-products .product-carousel-item {
    padding: 0 !important;
}
.crossselling-products .rc-carousel .slick-slide {
    padding: 0;
}
.crossselling-products .rc-carousel .slick-prev, .crossselling-products .rc-carousel .slick-next {
    opacity: 0;
}
.crossselling-products .rc-carousel:hover .slick-prev, .crossselling-products .rc-carousel:hover .slick-next {
    opacity: 1;
}
.crossselling-products a:hover {
    background: #fff;
}

.crossselling-products a:hover img {
    opacity: .2 !important;
}


.product-flag {
    background: #ed974a;
    font-size: .8rem;
}



/*FOOTER*/
footer .footer-container {
    background: #474642;
    color: white !important;
}
.block_service h4, .featured-products h4 {
    color: #474642;
    font-weight: 400;
    text-transform: none;
    text-align: center;
}
footer .footer-before {
    background-color: #f0f0f0;
}
footer .selected-links div img {
    width: 50%;
    height: auto;
}
#footer .footer-container .footer {
    position: relative;
    clear: both;
    padding-bottom: 24px;
    padding-top: 32px;
}
.footer-custom-features {
    background: #474642;
    color: white !important;
}
footer .selected-links ul {
    padding: 0 20px;
    height: 100px;
}
footer .selected-links {
    line-height: normal;
    margin-bottom: 2em;
    border-bottom: 1px solid #605f5c;
    padding-bottom: 1em;
}
footer .selected-links div {
    text-align: center;
    border-right: 1px solid #605f5c;
}
footer .selected-links div:nth-child(3) {
    border: none;
}
.footer-container {
    margin-top: 0;
}
footer .selected-links a.more_info {
    color: white;
}
footer .selected-links .more_info {
    display: inline-block;
    width: 100%;
    height: 50px;
    margin-top: 1rem;
    padding: 5px 30px;
    border-top: 1px solid #605f5c;
    padding: 20px;
}
footer .selected-links h4 {
    margin: 1rem 0;
}
.linklist ul li a, .l-footer .cms-page-link {
    color: #fff;
}
.footer-container .linklist li a {
    color: white;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    position: relative;
    letter-spacing: 0.4px;
}
.footer-after {
    border-top: 1px solid #605f5c;
    border-bottom: 1px solid #605f5c;
    padding: 35px 0 30px !important;
}
.footer-after a {
    color: #fff;
}
footer .ps-link {
    top: 35px;
    right: 0;
    padding: 0;
    position: relative;
}
footer .ps-social-follow.social-sharing {
  top: 27px;
  position: relative;
}
.block_newsletter h4.news1 {
    color: #0d0d0d;
    font-size: 1rem !important;
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 500 !important;
    padding-left: 2rem;
}
.block_newsletter h4.news1::before {
    content: "";
    left: 0;
    right: auto;
    position: absolute;
    top: -5px;
    background: rgba(0, 0, 0, 0) url(../img/megnor/envelop.png) no-repeat scroll center center;
    float: left;
    width: 28px;
    height: 26px;
}
.gdpr-error {
    display: none;
}
.form-control {
    border: 1px solid #ddd;
}
.block-newsletter .form-row>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.block-newsletter .text-lg-left {
    padding-left: 15px !important;
}
.block-newsletter .text-lg-left .text-muted {
    color: #474642 !important;
    top: 2px;
}
.block-newsletter .custom-control-label:before {
    top: .12rem;
}
.block-newsletter .text-lg-left input[type=checkbox] {
    left: 0rem;
}
.block_newsletter form button.btn {
    background: #ed974a url(../img/megnor/mail_hover.png) no-repeat scroll center center;
    border: 1px solid #ed974a;
    padding: 7px 18px 7px !important;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -khtml-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
}

#payment-option-4-container img {
    max-width: 130px;
}
.payment-option {
    margin-bottom: .5rem;
}
#payment-option-4-container {
    margin-bottom: 1rem;
}
#payment-option-2-container {
    margin-bottom: .25rem;
}



/*RESPONSIVE*/

/* Ajustes de la barra superior en versión móvil */
@media (max-width: 991px) {
  .header-tintin-top .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  /* Contenedor móvil en línea */
  .header-tintin-top .visible--mobile .d-flex {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
  }

  /* Estilo del icono de usuario y carrito móvil */
  #_mobile_user_info a, 
  #_mobile_cart .blockcart a {
    color: #ffffff !important;
    text-decoration: none;
    display: flex;
    align-items: center;
  }

  /* Burbuja del carrito en móvil estilo círculo negro con número blanco */
  #_mobile_cart .cart-products-count,
  #_mobile_cart .value {
    background-color: #000000;
    color: #ffffff;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 4px;
  }
  
  /* Ocultar textos largos del carrito en móvil si los hubiera, dejando solo el icono/número */
  #_mobile_cart .total {
    display: none;
  }
}

/***************MENU MOBILE**************************************/

/* ==========================================
   Transformar Menú Móvil Modal en Panel Lateral / Off-canvas
   ========================================== */

#mobile_top_menu_wrapper.modal.fade {
    background: rgba(0, 0, 0, 0.6); /* Fondo oscuro semitransparente detrás */
}

#mobile_top_menu_wrapper .modal-dialog {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    width: 85%;            /* Ancho del panel lateral (puedes ajustarlo a 80% o 90%) */
    max-width: 320px;      /* Ancho máximo para que en tablets no sea gigante */
    height: 100%;
    transform: translateX(-100%) !important; /* Oculto a la izquierda por defecto */
    transition: transform 0.3s ease-in-out !important;
}

#mobile_top_menu_wrapper.show .modal-dialog {
    transform: translateX(0) !important; /* Se desliza hacia la pantalla al abrirse */
}

#mobile_top_menu_wrapper .modal-content {
    height: 100%;
    border-radius: 0;
    background-color: #222222; /* Fondo oscuro elegante para el menú */
    color: #ffffff;
    overflow-y: auto;          /* Scroll interno si el menú es muy largo */
    border: none;
}

/* Estilo de los textos e iconos de cierre dentro del menú móvil */
#mobile_top_menu_wrapper .close,
#mobile_top_menu_wrapper .menu-close {
    color: #ffffff !important;
    opacity: 1;
}

#mobile_top_menu_wrapper a {
    color: #ffffff !important;
}

/* ==========================================
   Transformar submenú móvil de popup a acordeón inline
   ========================================== */

/* Anulamos el comportamiento flotante/popup de las subcategorías en móvil */
#_mobile_top_menu .sub-menu,
#_mobile_top_menu .popover,
#_mobile_top_menu .menu-dropdown,
#mobile_top_menu_wrapper .sub-menu {
    position: static !important;
    display: none; /* Ocultas por defecto hasta que se desplieguen */
    width: 100% !important;
    background-color: #1a1a1a !important; /* Fondo ligeramente más oscuro para diferenciar subcategorías */
    box-shadow: none !important;
    border: none !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    float: none !important;
}

/* Cuando el acordeón esté abierto (según la clase que use Classic Rocket o Bootstrap collapse) */
#_mobile_top_menu .collapse.show,
#_mobile_top_menu .sub-menu.show,
#_mobile_top_menu .is-opened {
    display: block !important;
}

/* Estilo para los enlaces de las subcategorías dentro del panel */
#_mobile_top_menu .sub-menu a,
#_mobile_top_menu .collapse a {
    padding-left: 25px !important; /* Indentación para que se vea que son hijas */
    font-size: 13px !important;
    color: #cccccc !important;
}

/* Ocultar el botón de cierre 'X' flotante del popup si ya no es necesario */
#_mobile_top_menu_wrapper .sub-menu .close,
#_mobile_top_menu_wrapper .popover-header .close {
    display: none !important;
}

@media (max-width: 767.98px) {
    .mobile-menu-inner .menu__item {
        border-bottom: 0;
        border-top: 0;
        margin-bottom: .5rem;
    }
    .mobile-menu-inner .menu__item a {
        text-transform: none !important;
        padding-left: 0 !important;
     }
    #_mobile_top_menu .sub-menu, #_mobile_top_menu .popover, #mobile_top_menu_wrapper .sub-menu {
        background-color: transparent !important;
    }
    #_mobile_top_menu .sub-menu a, #_mobile_top_menu .collapse a {
        color: #fff !important;
        text-align: left !important;
    }
    #_mobile_top_menu .sub-menu span.font-weight-bold.text-dark {
        color: #fff !important;
        font-weight: 500 !important;
    }
    .logo {
        max-width: 100% !important;
    }
    .dropdown-menu[x-placement^=bottom] {
        right: 0 !important;
    }
    .header-tintin-top .container {
        max-width: 98% !important;
    }
    .dropdown-menu.cart_block {
        top: 25px !important;
        padding: 0 !important;
    }
    .cart_block .text-muted {
        color: #fff !important;
    }
    .card.cart-summary {
        background: transparent !important;
        padding: 1rem !important;
        margin: 0 !important;
        border-bottom: 1px solid #f1f1f1 !important;
    }
    .cart_block .cart-item {
        padding: 1rem !important;
    }
    .cart_block .checkout {
        position: relative;
        padding: 1rem;
        background-color: transparent;
        display: inline-block;
        float: right;
        width: auto !important;
    }
    .cart_block .checkout a {
        background-color: #ff8100;
        border-color: #ff8100;
        border-radius: 5px;
        padding: 10px 20px;
        color: #000 !important;
        text-transform: uppercase;
    }
    .cart_block .checkout a:hover {
        background-color: #000;
        border-color: #000;
        color: #fff !important;
    }
    #_mobile_cart .cart_block .value {
        color: #fff !important;
        background-color: transparent;
    }
    footer .selected-links div {
        border-right: 0;
    }
    /* 1. Forzamos a que el contenido colapsado del footer se muestre siempre abierto */
  .footer-container .collapse,
  .footer-container .collapse.collapse-icons,
  .footer-container .footer__sub_menu, /* Añadido por si usa otra clase de contenedor */
  .footer-container div[id^="footer_sub_menu_"] {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
  }

  /* 2. Ocultamos los títulos desplegables en móvil (tanto con clases antiguas como nuevas) */
  .footer-container .title.clearfix.d-md-none,
  .footer-container .footer__title--mobile,
  .footer-container .footer__title[data-toggle="collapse"] {
    display: none !important;
  }
  footer .ps-social-follow.social-sharing {
    top: auto;
    justify-content: center;
  }
  .block_newsletter .col-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #js-product-list-top .btn-secondary, #js-product-list .btn-secondary {
    background-color: #ff8100;
    border-color: #ff8100;
    border-radius: 5px;
    padding: 10px 30px;
    text-transform: uppercase;
  }
}

@media (min-width: 576px) {
    .hidden-lg-up.mobile.visible--mobile.container {
        max-width: 98%;
    }
}

/* Separacion y alineacion de precios en ficha y vista rapida */
.product-prices {
    align-items: baseline;
}

.product-prices .product-discount {
    margin-right: 12px;
}