/** Shopify CDN: Minification failed

Line 212:1 Unexpected "}"

**/
.table-responsive{
  display:flex;
  overflow:auto;
}
@font-face {
  font-family: 'fjallaone-regular';
  src: url('{{ "fjallaone-regular.ttf" | asset_url }}') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.table-responsive .table{
  width:100%;
}

.size-charts .table tr td:not(:first-child),
.size-charts .table tr th:not(:first-child){
  white-space:nowrap;
}

:root {
  --offset: 20vw;
  --move-initial: calc(-25% + var(--offset));
  --move-final: calc(-50% + var(--offset));
}

.announcement-bar__middle{
  width: 100%;
}

.announcement-bar__announcements {
  transition: all 2.6s;
  overflow: hidden;
}

.announcement-bar__announcements.running .announcement {
  animation-play-state: running;
}
.announcement-bar__announcements:hover .announcement {
  animation-play-state: running;
}

.announcement-bar__announcements p {
  padding: 0 2vw;
  white-space: nowrap;
}

.announcement {
  width: fit-content;
  display: flex;
  position: relative;
  transform: translate3d(var(--move-initial), 0, 0);
  animation: announcement-bar__announcements 10s linear infinite !important;
  animation-play-state: paused;
}

.announcement__text{
  width: fit-content;
  display: flex;
}

@keyframes announcement-bar__announcements {
  0% {
    transform: translateX(var(--move-initial));
  }
  100% {
    transform: translateX(var(--move-final));
  }
}

/* Tiendas LG */

.template-suffix-tiendas-lg .section-rich-text .card-scheme--none .container{
  padding: 0px;
}

.template-suffix-tiendas-lg .flexible-layout--variable-columns{
  justify-content: flex-start !important;
}

.template-suffix-tiendas-lg .card-content-padding .text-column__text p:nth-child(1){
  text-decoration:underline;
}

.card.card-scheme.card-scheme--none.card-content-padding-x.fully-padded-row--medium.cc-animate-init.-in.cc-animate-complete {
    padding-bottom: 0px;
}

.template-suffix-tiendas-lg .card-scheme--none h2.majortitle.h1-style{
      text-decoration: underline;
}


@media (max-width: 767.98px){

  .template-suffix-tiendas-lg .flexible-layout--variable-columns{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .template-suffix-tiendas-lg .flexible-layout--variable-columns .column{
    width: 50% !important;
    max-width: 100% !important;
  }

  .template-suffix-tiendas-lg .section-rich-text .card-scheme--none {
    padding-bottom: 0px !important;
  }
}

.video-container--background .video-container__video{
  overflow:scroll !important; 
  -webkit-overflow-scrolling:touch !important;
}

.navigation--desktop ul li:nth-child(4) .Sneakers{
  background-color: rgba(0,0,0,.05) !important;
}

/*.navigation--desktop ul li:nth-child(5) .Special, .navigation--desktop ul li:nth-child(5) #NavigationTier2-5 a{
  color: #CE1F2B !important;
}*/

/* Label Black Friday */
.product-label--blackfriday span{
      background-color: #000;
    color: #fff;
    font-weight: bold;
}

/* Favoritos */

.product-list .wishlist-engine {
    position: absolute;
    bottom: 10px;
    right: 55px;
    width: 36px;
    height: 36px;
    /*MRICO Ocultar lista de deseos (corazón)*/
    display:none;
}

.product-list .wishlist-engine-button, .product-list .wishlist-engine-button:hover, .product-list .wishlist-engine-button:focus{
    padding: 0px !important;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 3px;
}

.wishlist-engine-button svg{
    height: 17px;
    width: 17px;
}

.wishlist-engine-button svg path{
  stroke-width: 1px;
}

.logo-area__right .h-wishlist-icon svg{
    width: 22px;
    height: 22px;
}

a.header__icon.h-wishlist-icon.wishlist-page-widget {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    min-width: 44px;
    /*MRICO Ocultar lista de deseos (corazón)*/
    display:none;
}

.product-label--meta > span{
  /* background: #df5641;*/
  /* background: #0F1D41;*/
  background: #041E42; /* EPOVEDA color corporativo */
  /*Texto rotado*/
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

/* Iconos header */

.logo-area .cart-link span svg {
    width: 29px !important;
    height: 29px !important;
}


@media (min-width: 425px) {
  .section-footer__row-container--with-localization .section-footer__payment-icons{
      display: flex;
      align-items: center;
  }
}

.cn_content_type_popup a svg{
    width: 15px;
    height: 15px;
}}

label.filter-group__item:nth-child(3),
label.filter-group__item:nth-child(4),
label.filter-group__item:nth-child(7),
label.filter-group__item:nth-child(8) {
    display: none;
}

div[data-section-type="collection-template"] .container.page-header{
    width: fit-content;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    top: 15%;
    left: 24px;
    z-index: 9999;
    padding: 8px 0 8px 16px;
}

.stick_lg {
  position: sticky;
}

@media (max-width: 768px) {
    div[data-section-type="collection-template"] .container.page-header{
        padding: 8px 16px 8px 16px;
        top: 10%;
        left: 13px;
    }
}

.filter-container .filter-modal {
    z-index: 9999;
}

/* MRICO poner en negrita la primera opcion del menu principal*/
/* EP 20251003 - Angela Herrero nos indica quitar esta caracteristica */
/*
.navigation__tier-1 > .navigation__item:first-child > .navigation__link {
  font-weight: bold;
}
*/

/*EP cambiar hover del boton a color corporativo*/
@media (hover: hover) {
  .btn.btn--secondary:hover,
  button.btn--secondary:hover,
  input[type=submit].btn--secondary:hover,
  input[type=reset].btn--secondary:hover,
  input[type=button].btn--secondary:hover {
    background: #041E42;
    color: #ffffff;
    border-color: #041E42;
  }
}
/* EP Rotar descuento */
.product-label--sale { 
  transform: rotate(-90deg);
  padding-top: 10px;
  padding-bottom: 30px;
}

/* 2025-12-03 EP reducir la caja*/
.product-label--meta > span  { 
  padding: 5px;    
}

/* 2025-12-03 EP -- ajuste al margen*/
.product-label-container {
  top: 5px;
  left: 5px;
}

/* Solo el span que contiene el precio */
#newsletter-offer-price {
  color: #c62828 !important;
  font-weight: 700 !important;
  transition: color 180ms ease, transform 180ms ease;
}

/* Animación breve para llamar la atención */
#newsletter-offer-price.highlight {
  animation: pulse 900ms ease;
}
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.03); }
  100% { transform: scale(1); }
}

/* FICHA DE PRODUCTO */
/* Tallas en una sola linea */
/* 1. ESTILO GLOBAL */
.option-selector.option-selector--with-size-chart .option-selector__btns {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  gap: 0 !important; /* ← eliminamos el gap del contenedor */
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  width: 100% !important;
  padding: 5px 0 10px 0 !important;
  box-sizing: border-box !important;
}

/* Inputs fuera del flujo completamente */
.option-selector.option-selector--with-size-chart .option-selector__btns .opt-btn {
  display: none !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: none !important;
}

/* Labels con margen entre ellos en lugar de gap */
.option-selector.option-selector--with-size-chart .option-selector__btns .opt-label {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  text-align: center;
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin-right: 6px !important; /* ← gap manual solo entre labels */
}

/* Quitamos margen al último label */
.option-selector.option-selector--with-size-chart .option-selector__btns .opt-label:last-child {
  margin-right: 0 !important;
}

.option-selector.option-selector--with-size-chart .option-selector__btns::-webkit-scrollbar {
  display: none;
}

/* 2. AJUSTE PARA MÓVIL */
@media (max-width: 767px) {
  .option-selector.option-selector--with-size-chart .option-selector__btns .opt-label {
    margin-right: 4px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 12px 0px !important;
    line-height: 1;
  }

  .option-selector.option-selector--with-size-chart .option-selector__btns .opt-label:last-child {
    margin-right: 0 !important;
  }
}

/* 3. AJUSTE PARA SOBREMESA */
@media (min-width: 768px) {
  .option-selector.option-selector--with-size-chart .option-selector__btns .opt-label {
    margin-right: 10px !important;
    font-size: 14px !important;
    padding: 12px 5px !important;
  }

  .option-selector.option-selector--with-size-chart .option-selector__btns .opt-label:last-child {
    margin-right: 0 !important;
  }
}

/* Ocultar barra de scroll */
.option-selector.option-selector--with-size-chart .option-selector__btns::-webkit-scrollbar {
  display: none;
}

/*Productos complementarios*/
/* 1. REGLAS UNIVERSALES (Estructura base) */
.product-mini-block__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; 
    width: 100% !important;
    position: relative !important;
}

.product-mini-block__detail {
    width: 100% !important;
    padding: 10px 0 0 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Centrado base para móvil */
}

/* Centrar el texto COMPLETA TU LOOK */
.product-mini-list .h6-style,
cc-fetched-content .h6-style {
  text-align: center !important; 
  font-size: 22px;
}

/* 2. LA CESTA RECTANGULAR CON BORDES REDONDEADOS (5px) */
.block-mini-block__image {
    width: 100% !important;
    position: relative !important;
}

.cesta-fija-sobre-foto {
    position: absolute !important;
    bottom: 12px !important; 
    right: 12px !important;
    
    background-color: #ffffff !important;
    color: #000000 !important;
/* Fondo blanco con 80% de opacidad */
    background-color: rgba(255, 255, 255, 1) !important;
    /* Efecto de desenfoque opcional para que se vea más elegante (Glassmorphism) */
    backdrop-filter: blur(4px);

    
    width: 42px !important;
    height: 40px !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    z-index: 50 !important;
    
    /* ESQUINAS REDONDEADAS A 5PX */
    border-radius: 5px !important; 
    
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
    pointer-events: none !important;
}

.cesta-fija-sobre-foto svg {
    width: 20px !important;
    height: 20px !important;
}

/* 3. MÓVIL (Centrado total: Título y Precio) */
@media (max-width: 767px) {
    .product-mini-block__detail {
        align-items: center !important;
        text-align: center !important;
    }
    .product-price {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }
    
}

/* 4. SOBREMESA (Alinear a la izquierda: Título y Precio) */
@media (min-width: 768px) {
    .product-mini-block {
        max-width: 240px !important;
        margin: 0 auto !important;
    }
    .product-mini-block__detail {
        align-items: flex-start !important; 
        text-align: left !important;
    }
    .product-price {
        display: flex !important;
        justify-content: flex-start !important;
        width: 100% !important;
    }
}

/* 5. LIMPIEZA DE ELEMENTOS ORIGINALES */
.product-mini-block__cta, 
.product-mini-block__add-to-cart,
.product-mini-block__actions,
.product-mini-block form {
    display: none !important;
}

/* AJUSTE TAMAÑO IMAGEN MÓVIL (-20%) */
@media (max-width: 767px) {
    .block-mini-block__image {
        width: 80% !important; /* Reduce el ancho al 80% */
        margin: 0 auto !important; /* Mantiene la imagen centrada */
    }
    
    .product-mini-block img {
        width: 100% !important;
        height: auto !important;
    }
}


/*--------------------------------------*/
/* Distribuir imagenes en responsive */
@media screen and (max-width: 749px) {
  .thumbnails {
    justify-content: space-evenly;
  }
}

/*---------------------------------------*/
/* Cesta de completa tu looke encima de la imagen */

/*---Video autoplay -------------------------------------*


/* .product-media__poster {
  display: none !important; 
}

.product-media--video video {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}

.product-media {
  height: 400px; 
  overflow: hidden;
}

.product-media img,
.product-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}*/

/* Siblings */
.product-block-options.product-block-options--method-standard.js-only {
  display: none;
}

/* REVISIÓN ALINEACIÓN PRODUCTOS RELACIONADOS MÓVIL */
@media screen and (max-width: 767px) {
    /* 1. Contenedor de info: le damos un pequeño margen para que no toque el borde de la pantalla */
    .product-block .product-info {
        padding: 10px 8px !important; 
        text-align: left !important;
    }

    /* 2. Título: asegurar que no tenga márgenes extra */
    .product-block__title {
        margin: 0 0 5px 0 !important;
        text-align: left !important;
    }

    /* 3. Fila de Precio y Colores (Siblings) */
    .product-block__price-row {
        display: flex !important;
        flex-direction: column !important; /* Apilamos para que el precio no empuje a los colores */
        align-items: flex-start !important;
        margin: 0 !important;
    }

    /* 4. Precio: corregimos el display block que rompe la línea */
    .product-price {
        display: flex !important; /* Volvemos a flex para que el símbolo € esté pegado al número */
        flex-wrap: wrap;
        gap: 5px;
        text-align: left !important;
        margin: 0 !important;
    }

    .product-price__amount {
        display: inline-block !important;
    }

    /* 5. Los círculos de colores (Siblings) */
    .dt-sibling-swatches__list {
        display: flex !important;
        justify-content: flex-start !important;
        padding: 0 !important;
        margin: 8px 0 0 0 !important; /* Espacio solo arriba para separar del precio */
    }

    /* 6. PROTECCIÓN PARA LAS TALLAS (Ficha de producto) */
    /* Mantenemos tu regla pero asegurando que no rompa el diseño */
    .product-form__input, 
    .variant-wrapper,
    fieldset.product-form__input {
        text-align: left !important;
    }
}
/* Quick Size Overlay - Blue Banana Style */
.quick-size-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 16px;
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 100;
  pointer-events: none;
}

/* Ensure image container is positioned for overlay */
.product-block .image-cont {
  position: relative;
  z-index: 1;
}

/* Fix overlay visibility in product-block carousels (product recommendations) */
product-block .image-cont.card-br-oh {
  overflow: visible;
}

/* Keep border-radius on actual images */
product-block .image-cont.card-br-oh .product-block__image {
  border-radius: var(--image-border-radius, 0);
  overflow: hidden;
}

/* Allow overflow for overlay in product-block */
product-block .block-inner,
product-block .block-inner-inner {
  overflow: visible;
}

/* Hide quick-add in product recommendations (AJAX breaks both custom and native quickbuy) */
/* related-products usa script post-AJAX propio, sí se muestra */
.product-recommendations .product-block__quick-add,
.product-recommendations .quick-size-overlay,
.product-mini-block .quick-size-overlay {
  display: none !important;
}


.quick-size-overlay.is-active {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.quick-size-overlay__content {
  text-align: center;
}

.quick-size-overlay__title {
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  color: #333;
}

.quick-size-overlay__sizes {
  display: flex;
  flex-wrap: nowrap;
  justify-content: stretch;
  gap: 6px;
}

.quick-size-overlay__size {
  flex: 1 1 0;
  min-width: 0;
  height: 36px;
  padding: 0 4px;
  border: 1px solid #333;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-family: inherit;
  overflow: hidden;
  white-space: nowrap;
}

.quick-size-overlay__size:hover:not(:disabled) {
  border-color: #333;
  background: #333;
  color: #fff;
}

.quick-size-overlay__size--unavailable {
  cursor: pointer;
  border-color: #ccc;
  color: #999;
  background: #f9f9f9;
  flex-direction: column;
  gap: 2px;
  padding: 4px 8px;
  height: auto;
  min-height: 36px;
}

.quick-size-overlay__size--unavailable:hover {
  border-color: #999;
  background: #f0f0f0;
}

.quick-size-overlay__notify-icon {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

.quick-size-overlay__size-text {
  font-size: 11px;
  line-height: 1;
}

/* Toast notification for back in stock */
.quick-size-toast {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%) translateY(100px);
  background: #333;
  color: #fff;
  padding: 14px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  z-index: 9999;
  opacity: 0;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  text-align: center;
  max-width: 90%;
}

.quick-size-toast.is-visible {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}

.quick-size-toast__icon {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

.quick-size-toggle.is-active {
  background-color: #333;
  color: #fff;
}

/* Ensure quick-add buttons capture clicks properly */
.product-block__quick-add {
  position: relative;
  z-index: 10;
}

.quick-action-button.quick-action-button--outside {
  z-index: 11;
}

/* Mobile adjustments for quick size overlay */
@media (max-width: 767px) {
  .quick-size-overlay {
    padding: 12px;
  }
  
  .quick-size-overlay__title {
    font-size: 11px;
    margin-bottom: 10px;
  }
  
  .quick-size-overlay__sizes {
    gap: 4px;
    flex-wrap: nowrap;
  }

  .quick-size-overlay__size {
    flex: 1 1 0;
    min-width: 0;
    height: 32px;
    padding: 0 2px;
    font-size: 12px;
  }
}

/* SECCIÓN: Estilos para el botón de cesta sobre la imagen */
.image-label-wrap {
  position: relative; /* Asegura que el botón se posicione respecto a la imagen */
  display: block;
}

.overlay-cart-button {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  z-index: 10; /* Por encima de la imagen */
  margin: 0 !important; /* Elimina márgenes para que quede a sangre */
}

/* Estilo del botón para que se vea bien sobre la imagen */
.overlay-cart-button .quick-action-button {
  border-radius: 0; /* Opcional: cámbialo si quieres que sea cuadrado en la esquina */
  background: var(--bg-color, #ffffff); /* Usa el color de fondo de tu tema */
  border: 1px solid rgba(0,0,0,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px; /* Ajusta según el tamaño de tu icono */
  height: 44px;
}

/* Efecto opcional: aparecer solo en hover */
/* .overlay-cart-button { opacity: 0; transition: opacity 0.3s; }
.product-block:hover .overlay-cart-button { opacity: 1; }
*/