/** Shopify CDN: Minification failed

Line 202:0 Unexpected "@media"
Line 921:1 Expected "}" to go with "{"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
.t4s-btn-color-primary {
  background-color: #D0661B !important;
  border-color: #D0661B !important;
}
.t4s-btn-effect-sweep-to-top::before {
  background-color: #c05c18 !important;
}
.t4s-product-img,
.t4s-ratio,
.t4s-product-inner {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10) !important;
}
.t4s-product__media-item {
  border-radius: 12px !important;
  overflow: hidden !important;
}
.t4s-product-info .t4s-product-title,
.t4s-product-info .t4s-product-title a {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 4em !important;
}
h3.t4s-product-title a,
h3.t4s-product-title {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}
div.t4s-product-price {
  font-size: 18px !important;
}
.t4s-price__sale {
  color: inherit !important;
}
.t4s-product__title span:first-child {
  margin-bottom: 6px !important;
  display: block !important;
}
.template-product aside.t4s-sidebar {
  visibility: hidden !important;
  pointer-events: none !important;
}
.t4s-payment-footer-svg {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
}
.t4s-payment-footer-svg img {
  height: 38px !important;
  width: auto !important;
}
.t4s-section-header__mid {
  border-bottom: 3px solid #d0661b !important;
}
----------------------------
/* ============================================
   MENÚ MÓVIL ROLLOFAST - CÓDIGO FINAL PULIDO
   ============================================ */
/* 1. CABECERA: LOGO CENTRADO Y ELIMINACIÓN TOTAL DE "MENU" */
.t4s-drawer__header .t4s-drawer__title, 
.t4s-drawer__header span,
.t4s-drawer__header button:not(.t4s-drawer__close),
.t4s-mb-tabs, .t4s-mb__tabs, .t4s-mb__tabs li, .t4s-mb-tabs__nav {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    font-size: 0 !important;
}
.t4s-drawer__header {
    background-image: url('/cdn/shop/files/logo_rollofast_png_500x300_1_68c40b71-f13b-4a63-9b38-3d5d3af2bb4f.png?v=1772378692') !important;
    background-size: 130px auto !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-height: 70px !important;
    border-bottom: 3px solid #d0661b !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
}
.t4s-drawer__header .t4s-drawer__close {
    display: flex !important;
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/* 2. CATEGORÍAS PRINCIPALES: NEGRITA Y NEGRO PURO */
.t4s-mb__menu > li > a {
    font-size: 17px !important; 
    color: #000000 !important;
    font-weight: 700 !important; 
    padding: 14px 15px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    display: flex !important;
    align-items: center !important;
}
/* 3. SUBCATEGORÍAS */
.t4s-mb__menu .t4s-sub-menu a,
.t4s-mb__menu li li a {
    font-size: 14px !important;
    color: #585757 !important;
    font-weight: 400 !important; 
    padding: 10px 17px 10px 25px !important;
    border-bottom: 1px solid #f9f9f9 !important;
    line-height: 1.3 !important;
}
/* Iconos de categorías en Naranja */
.t4s-mb__menu > li > a i,
.t4s-mb__menu > li > a svg {
    color: #d0661b !important;
    font-size: 20px !important;
    margin-right: 12px !important;
}
/* 4. SIGNO + categorías principales: cuadrado naranja sólido */
.t4s-mb-nav__icon {
    right: 15px !important;
    background: #d98346 !important;
    border-radius: 6px !important;
    width: 25px !important;
    height: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
}
.t4s-mb-nav__icon::before, 
.t4s-mb-nav__icon::after {
    background-color: #ffffff !important;
}
/* Subcategorías: cuadrado con solo borde naranja, fondo blanco */
.t4s-mb__menu .t4s-sub-menu .t4s-mb-nav__icon,
.t4s-mb__menu li li .t4s-mb-nav__icon {
    background: #ffffff !important;
    border: 1.5px solid #d0661b !important;
    border-radius: 6px !important;
    width: 24px !important;
    height: 24px !important;
}
.t4s-mb__menu .t4s-sub-menu .t4s-mb-nav__icon::before,
.t4s-mb__menu .t4s-sub-menu .t4s-mb-nav__icon::after,
.t4s-mb__menu li li .t4s-mb-nav__icon::before,
.t4s-mb__menu li li .t4s-mb-nav__icon::after {
    background-color: #d0661b !important;
}
/* 5. BLOQUE DE CONTACTO */
#t4s-menu-drawer a[href^="https://wa.me"] { margin-top: 25px !important; }
#t4s-menu-drawer a[href^="https://wa.me"],
#t4s-menu-drawer a[href^="tel:"] {
    font-size: 16px !important; 
    color: #585757 !important; 
    font-weight: 600 !important; 
    padding: 05px 15px !important;
    margin: 0 5px 8px 5px !important;
    background: #f9f9f9 !important; 
    border-radius: 08px !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    border: 1px solid #eee !important;
}
#t4s-menu-drawer a svg {
    width: 18px !important;  
    height: 18px !important;
    margin-right: 12px !important; 
    color: #d0661b !important;
}
/* Limpieza */
#t4s-menu-drawer a[href^="mailto:"], 
.t4s-mb__menu::before, 
#t4s-menu-drawer a ~ br {
    display: none !important;
}
/* Ofertas - fondo naranja destacado */
.t4s-mb__menu > li:first-child > a {
    background-color: #d0661b !important;
    color: #ffffff !important;
    border-radius: 0 !important;
}
.t4s-mb__menu > li:first-child > a i,
.t4s-mb__menu > li:first-child > a svg {
    color: #ffffff !important;
}
--------
/* Banner imagen mobile - centrar */
@media (max-width: 767px) {
  .t4s-slideshow .t4s-img-as-bg,
  .t4s-slideshow video.t4s-img-as-bg {
    object-position: center center !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    min-width: 100% !important;
    height: 100% !important;
  }

  .t4s-slideshow .flickity44-slider .t4s-col-item video.t4s-img-as-bg {
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    min-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}
@media (max-width: 768px) {
  .header-banner {
    background-size: 270% !important;
    background-position: center center !important;
    min-height: 60px !important;
  }
}
@media (max-width: 768px) {
  .t4s-coppy-right {
    white-space: nowrap !important;
    font-size: 11px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
/* ============================================
   FIX LIMPIO: CUENTA SIN BOTÓN +
   Funciona tanto para:
   - Mi cuenta
   - Iniciar sesión / Registrarse
   ============================================ */

#t4s-menu-drawer .t4s-mb__menu > li > a[href*="/account"] + .t4s-mb-nav__icon,
#t4s-menu-drawer .t4s-mb__menu > li > a[href*="/account"] .t4s-mb-nav__icon,
#t4s-menu-drawer .t4s-mb__menu > li > a[href*="/login"] + .t4s-mb-nav__icon,
#t4s-menu-drawer .t4s-mb__menu > li > a[href*="/login"] .t4s-mb-nav__icon,
#t4s-menu-drawer .t4s-mb__menu > li > a[href*="/register"] + .t4s-mb-nav__icon,
#t4s-menu-drawer .t4s-mb__menu > li > a[href*="/register"] .t4s-mb-nav__icon {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#t4s-menu-drawer .t4s-mb__menu > li > a[href*="/account"],
#t4s-menu-drawer .t4s-mb__menu > li > a[href*="/login"],
#t4s-menu-drawer .t4s-mb__menu > li > a[href*="/register"] {
  padding-right: 15px !important;
}
/* ============================================
   OCULTAR BOTONES "VER MÁS" EN BANNERS - TABLET
   ============================================ */

@media (min-width: 768px) and (max-width: 1024px) {
  .t4s-banner .t4s-btn,
  .t4s-banner-wrap .t4s-btn,
  .t4s-banner-content .t4s-btn,
  .t4s-banner__content .t4s-btn {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}
/* =====================================================
   FIX TABLET - Banner Lectores de códigos de barras
   Evita que se corte entre 768px y 1024px
   ===================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .rfb-outer {
    min-height: 150px !important;
    border-radius: 14px !important;
  }

  .rfb-desktop-shell {
    min-height: 150px !important;
    overflow: hidden !important;
  }

  .rfb-col-reader {
    flex: 0 0 43% !important;
    width: 43% !important;
    padding-left: 34px !important;
    gap: 34px !important;
    justify-content: center !important;
  }

  .rfb-reader-img {
    width: 118px !important;
    transform: rotate(14deg) translateY(-5px) translateX(0) !important;
  }

  .rfb-tc27-img {
    width: 112px !important;
    transform: translateY(-4px) translateX(0) !important;
  }

  .rfb-col-right {
    flex: 1 1 57% !important;
    width: 57% !important;
    padding: 14px 18px 14px 18px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  .rfb-dk-title {
    font-size: 20px !important;
    line-height: 1.12 !important;
    margin-left: 0 !important;
    text-align: center !important;
    white-space: normal !important;
    max-width: 100% !important;
  }

  .rfb-card {
    width: 100% !important;
    max-width: 330px !important;
    padding: 8px 12px 7px !important;
    border-radius: 10px !important;
  }

  .rfb-scanarea-dk {
    height: 58px !important;
  }

  .rfb-scanning-dk {
    font-size: 10px !important;
    letter-spacing: 3px !important;
    margin-top: 3px !important;
  }
}

/* Tablet angosta / inspector con ancho cercano a iPad vertical */
@media (min-width: 768px) and (max-width: 850px) {

  .rfb-col-reader {
    flex-basis: 46% !important;
    width: 46% !important;
    padding-left: 22px !important;
    gap: 24px !important;
  }

  .rfb-reader-img {
    width: 105px !important;
  }

  .rfb-tc27-img {
    width: 100px !important;
  }

  .rfb-col-right {
    width: 54% !important;
    padding-left: 10px !important;
    padding-right: 14px !important;
  }

  .rfb-dk-title {
    font-size: 18px !important;
  }

  .rfb-card {
    max-width: 285px !important;
  }

  .rfb-scanarea-dk {
    height: 52px !important;
  }
}
/* =====================================================
   AJUSTE RESPONSIVE BANNER CÓDIGOS DE BARRAS
   Evita cortes en tablet y notebooks / monitores chicos
   ===================================================== */

/* Notebooks chicos y tablets horizontales */
@media (min-width: 768px) and (max-width: 1199px) {
  :root {
    --banner-height: 160px;

    --reader-col-width: 44%;
    --reader-col-padding-left: 34px;
    --reader-img-width: clamp(115px, 15vw, 150px);
    --tc27-img-width: clamp(112px, 14vw, 145px);
    --reader-gap: clamp(28px, 5vw, 58px);

    --reader-translate-y: -6px;
    --reader-translate-x: 0px;
    --tc27-translate-x: 0px;
    --tc27-translate-y: -3px;

    --right-col-padding-top: 14px;
    --right-col-padding-bottom: 14px;
    --right-col-padding-right: 18px;
    --right-col-padding-left: 18px;
    --right-col-gap: 8px;

    --title-size: clamp(18px, 2.4vw, 24px);
    --title-margin-left: 0px;

    --card-width: min(360px, 100%);
    --barcode-height: 62px;

    --scan-text-size: 10px;
    --scan-text-spacing: 3px;
  }

  .rfb-desktop-shell {
    overflow: hidden !important;
  }

  .rfb-col-reader {
    min-width: 0 !important;
    overflow: visible !important;
  }

  .rfb-col-right {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .rfb-dk-title {
    white-space: normal !important;
    max-width: 100% !important;
  }

  .rfb-card {
    max-width: 100% !important;
  }
}

/* Desktop mediano / notebooks 13-14 pulgadas */
@media (min-width: 1200px) and (max-width: 1450px) {
  :root {
    --banner-height: 170px;

    --reader-col-width: 48%;
    --reader-col-padding-left: 60px;
    --reader-img-width: 150px;
    --tc27-img-width: 145px;
    --reader-gap: 58px;

    --right-col-padding-left: 42px;
    --right-col-padding-right: 22px;

    --title-size: 24px;
    --title-margin-left: 0px;

    --card-width: 390px;
    --barcode-height: 70px;
  }

  .rfb-col-right {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .rfb-card {
    max-width: 100% !important;
  }
}

/* Desktop grande: mantiene el diseño imponente */
@media (min-width: 1451px) {
  .rfb-card {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  button.t4s-btn-sidebar,
  .t4s-btn-sidebar,
  span.t4s-btn-sidebar-icon,
  .t4s-btn-sidebar-icon {
    display: none !important;
  }
}
/* Ocultar marca "Powered by" del widget de reseñas */
.trgg-brandmark,
.trgg-brandmark *,
[class*="brandmark"],
[class*="powered"],
[class*="Powered"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
/* Ocultar botón "Review us" del widget de reseñas */
.trgg-write-review-button,
.trgg-write-review-button *,
a.trgg-write-review-button,
[class*="write-review"],
[class*="review-button"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
/* Botón fijo inferior "Agregar al carrito" */
.t4s-sticky-atc__atc,
button.t4s-sticky-atc__atc {
  background-color: #d0661b !important;
  border-color: #d0661b !important;
  color: #ffffff !important;
}

/* Texto e íconos dentro del botón */
.t4s-sticky-atc__atc *,
button.t4s-sticky-atc__atc * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Hover */
.t4s-sticky-atc__atc:hover,
button.t4s-sticky-atc__atc:hover {
  background-color: #c05c18 !important;
  border-color: #c05c18 !important;
  color: #ffffff !important;
}
/* Ocultar flechas del carrusel de Google Reviews */
section[id*="google_reviews"] button.splide__arrow,
section[id*="google_reviews"] .splide__arrow,
section[id*="google_reviews"] .splide__arrows,
div[id*="google_reviews"] button.splide__arrow,
div[id*="google_reviews"] .splide__arrow,
div[id*="google_reviews"] .splide__arrows,
.trgg-container button.splide__arrow,
.trgg-container .splide__arrow,
.trgg-container .splide__arrows,
[class*="trgg"] button[class*="splide__arrow"],
[class*="trgg"] [class*="splide__arrow"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
/* Ocultar flechas del carrusel de Google Reviews */
section[id*="google_reviews"] button.splide__arrow,
section[id*="google_reviews"] .splide__arrow,
section[id*="google_reviews"] .splide__arrows,
div[id*="google_reviews"] button.splide__arrow,
div[id*="google_reviews"] .splide__arrow,
div[id*="google_reviews"] .splide__arrows,
.trgg-container button.splide__arrow,
.trgg-container .splide__arrow,
.trgg-container .splide__arrows,
[class*="trgg"] button[class*="splide__arrow"],
[class*="trgg"] [class*="splide__arrow"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
/* ============================================
   GOOGLE REVIEWS - AJUSTES ROLLOFAST
   Oculta flechas, iguala tarjetas y muestra más texto
   ============================================ */
/* Google Reviews - tarjetas parejas y nombre siempre abajo */

/* Hace que las slides puedan estirarse parejas */
.trgg-google-review-carousel .splide__list,
.trgg-review-carousel .splide__list,
[class*="google_review"] .splide__list {
  align-items: stretch !important;
}

/* Cada slide se comporta como contenedor flexible */
.trgg-google-review-carousel .splide__slide,
.trgg-review-carousel .splide__slide,
[class*="google_review"] .splide__slide {
  display: flex !important;
  height: auto !important;
}

/* Tarjeta completa */
.trgg-google-review-card,
.trgg-review-card {
  min-height: 220px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Contenido de la reseña: no lo cortamos */
.trgg-google-review-content,
.trgg-review-content {
  flex: 0 0 auto !important;
  overflow: visible !important;
  max-height: none !important;
}

/* Bloque inferior: avatar, nombre y fecha siempre abajo */
.trgg-google-review-card > div:last-child,
.trgg-review-card > div:last-child {
  margin-top: auto !important;
}
/* ============================================
   BÚSQUEDA - MISMO ANCHO QUE CATEGORÍAS
   ============================================ */

@media screen and (min-width: 1025px) {
  body.template-search .t4s-container,
  body.template-search .t4s-container-wrap,
  body.template-search #MainContent .t4s-container,
  body.template-search #MainContent .t4s-container-wrap {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 225px !important;
    padding-right: 225px !important;
  }
}
@media screen and (max-width: 1024px) {
  /* Oculta el encabezado "Descripción +" */
  a.t4s-tab__title.t4s-fwm {
    display: none !important;
  }
  /* Expande el contenido */
  .t4s-tab-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }
}
[id*="recently-viewed"] .t4s-product-price {
  display: none !important;
}

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  /* Email links header */
header a[href^="mailto:"],
header a[href^="mailto:"]:hover,
header a[href^="mailto:"]:focus,
header a[href^="mailto:"]:visited,
.header a[href^="mailto:"],
.header a[href^="mailto:"]:hover,
.header a[href^="mailto:"]:focus,
.header a[href^="mailto:"]:visited,
.header-main a[href^="mailto:"],
.header-main a[href^="mailto:"]:hover,
.header-main a[href^="mailto:"]:focus,
.header-main a[href^="mailto:"]:visited {
  text-decoration: none !important;
}

/* Estrellitas animadas ON SALE */
.nav-item-onsale {
  position: relative;
  display: inline-block;
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.6));
  animation: glow 2s ease-in-out infinite;
}
.nav-item-onsale::before,
.nav-item-onsale::after {
  content: '✨';
  position: absolute;
  font-size: 1.2em;
  animation: twinkle 1.5s ease-in-out infinite;
}
.nav-item-onsale::before { left: -25px; animation-delay: 0s; }
.nav-item-onsale::after  { right: -25px; animation-delay: 0.75s; }
@keyframes twinkle {
  0%, 100% { opacity: 0; transform: scale(0.5) rotate(0deg); }
  50%       { opacity: 1; transform: scale(1) rotate(180deg); }
}
@keyframes glow {
  0%, 100% { text-shadow: 0 0 5px rgba(255, 215, 0, 0.5); }
  50%       { text-shadow: 0 0 15px rgba(255, 215, 0, 0.8), 0 0 25px rgba(255, 215, 0, 0.6); }
}

/* Mega menú - "TODOS LOS ROLLOS" en negrita */
#mega-menu__link_cwt9TA ul li:last-child a,
header #mega-menu__link_cwt9TA ul li:last-child a,
.header-categories-menu #mega-menu__link_cwt9TA ul li:last-child a,
#mega-menu__link_cwt9TA ul li:last-child a span,
header #mega-menu__link_cwt9TA ul li:last-child a span {
  font-weight: 700 !important;
}

/* Mega menú - hover ECO-ROLLO */
#mega-menu__link_KQyLie a:hover,
#mega-menu__link_KQyLie ul li a:hover,
[data-block-id="mega-menu__link_KQyLie"] a:hover,
.mega-menu__link_KQyLie a:hover,
header #mega-menu__link_KQyLie a:hover,
.header-categories-menu #mega-menu__link_KQyLie a:hover {
  color: #4e97fd !important;
  transition: color 0.3s ease !important;
}

/* Mega menú - bordes redondeados banner */
#mega-menu__banner_tz69BV,
[data-block-id="mega-menu__banner_tz69BV"],
[id*="mega-menu__banner_tz69BV"],
[class*="mega-menu__banner_tz69BV"] {
  overflow: hidden !important;
  border-radius: 12px !important;
}
#mega-menu__banner_tz69BV img,
[data-block-id="mega-menu__banner_tz69BV"] img,
[id*="mega-menu__banner_tz69BV"] img,
[class*="mega-menu__banner_tz69BV"] img {
  border-radius: 12px !important;
  display: block !important;
}

/* Sidebar colecciones */
aside[data-sidebar-content] {
  display: block !important;
  order: -1 !important;
  width: 260px !important;
  min-width: 260px !important;
  flex: 0 0 260px !important;
  align-self: flex-start !important;
  padding-right: 20px !important;
}
.t4s-main-collection-page {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 260px) !important;
}
aside[data-sidebar-content] .t4s-sidebar-inner,
aside[data-sidebar-content] .t4s-product-categories {
  max-height: none !important;
  overflow: visible !important;
}
aside[data-sidebar-content] .t4s-cat-item > div > a.has_cats_toggle,
aside[data-sidebar-content] > .t4s-sidebar-inner > .t4s-row > .t4s-widget-category > ul > li > a {
  font-weight: 600 !important;
}
aside[data-sidebar-content] .sub-menu a {
  font-weight: normal !important;
}
aside[data-sidebar-content] .sub-menu > li > a {
  text-decoration: underline !important;
  font-weight: 500 !important;
}
aside[data-sidebar-content] .sub-menu .sub-menu a {
  text-decoration: none !important;
  font-weight: normal !important;
}
aside[data-sidebar-content] .t4s-cat-item > a,
aside[data-sidebar-content] .t4s-cat-item > div > a,
aside[data-sidebar-content] li.t4s-cat-item > a,
aside[data-sidebar-content] ul > li > a {
  font-size: 11px !important;
}
aside[data-sidebar-content] .t4s-product-categories,
aside[data-sidebar-content] .t4s-product-categories a {
  font-size: 13px !important;
}
.t4s-section-main .t4s-row {
  display: flex !important;
  flex-wrap: wrap !important;
}

/* Paddings de páginas */
.t4s-collection-page .t4s-container-wrap,
.t4s-collection-page .t4s-container {
  max-width: 100% !important;
  padding-left: 225px !important;
  padding-right: 225px !important;
}
.template-page main .t4s-container,
.template-page main .t4s-container-wrap,
.template-page #MainContent .t4s-container,
.template-page #MainContent .t4s-container-wrap {
  max-width: 100% !important;
  padding-left: 240px !important;
  padding-right: 240px !important;
}

/* Nav font size */
.t4s-nav__ul > li > a {
  font-size: 15px !important;
}

/* Ofertas - ocultar flecha */
#item_mega_tp3cci .t4s-icon-select-arrow {
  display: none;
}

/* Ancho columnas mega menú */
#bk_link_ppjKDg.t4s-col-3 {
  width: 18% !important;
  flex: 0 0 18% !important;
  max-width: 18% !important;
}
#bk_link_NwxXTX.t4s-col-2 {
  width: 15% !important;
  flex: 0 0 15% !important;
  max-width: 15% !important;
}

/* Línea naranja debajo del header de sección */
.t4s-section-header__mid {
  border-bottom: 3px solid #d0661b !important;
}
/* ── Ajuste nav principal para pantallas ~1280-1440px ── */
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .nav--main > ul > li > a,
  .nav--main .nav__link,
  header nav > ul > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 13.5px !important;
  }
/* ── Ocultar "Ofertas" cuando el nav no entra en 1 línea ── */
@media screen and (max-width: 1261px) {
  li#item_base_feBR89 {
    display: none !important;
  }
/* ── Ocultar "Nosotros" a 1135px ── */
@media screen and (max-width: 1135px) {
  li#item_mega_tp3cci {
    display: none !important;
  }
}
/* ── Nosotros: expandir contenedor al ancho completo ── */
#shopify-section-template--26874796540221__custom_liquid_pyw4Ck .t4s-container {
  max-width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
/* ── Nosotros: anular los 240px de padding en esta sección ── */
#shopify-section-template--26874796540221__custom_liquid_pyw4Ck.t4s-section .t4s-container,
#shopify-section-template--26874796540221__custom_liquid_pyw4Ck .t4s-container {
  max-width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
/* ── Nosotros: reducir márgenes laterales en pantallas menores a 1540px ── */
@media screen and (max-width: 1540px) {
  .template-page main .t4s-container,
  .template-page main .t4s-container-wrap,
  .template-page #MainContent .t4s-container,
  .template-page #MainContent .t4s-container-wrap {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
.rf-copyright-desktop { display: inline !important; }
.rf-copyright-mobile { display: none !important; }
}
@media screen and (max-width: 1440px) {
  #shopify-section-template--26917648236861__1646631809432fc801 .t4s-section-inner {
    --aspect-ratio-cusdt: 420px !important;
    --aspect-ratio-custb: 320px !important;
  }
}
@media screen and (max-width: 1280px) {
  #shopify-section-template--26917648236861__1646631809432fc801 .t4s-section-inner {
    --aspect-ratio-cusdt: 360px !important;
    --aspect-ratio-custb: 280px !important;
  }
}
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  .rf-copyright-desktop { display: none !important; }
.rf-copyright-mobile { display: inline !important; }
}
.rf-section,
.rf-quote-bar,
.rf-quote-bar__fade,
.rf-gallery-wrap,
.rf-logos-wrap {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  
}