/** Shopify CDN: Minification failed

Line 45:26 Expected ":"
Line 333:13 Expected identifier but found whitespace
Line 333:15 Unexpected "{"
Line 333:25 Expected ":"
Line 338:19 Expected identifier but found whitespace
Line 338:21 Unexpected "{"
Line 338:31 Expected ":"
Line 338:50 Expected identifier but found "!"
Line 490:8 Expected identifier but found whitespace
Line 490:10 Unexpected "{"
... and 13 more hidden warnings

**/
/* Cart affirmation */
.cart_message1 {
    background: #F2F2F2;
    border-radius: 5px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #000;
    padding: 5px 10px;
    text-align: left;
    max-width: 310px;
    width: 100%;
}

/*Text Highlight */
.highlight {
    box-shadow: inset 0 -2px 0 0 #C19A7C;
    color: inherit;
    text-decoration: none;
}


/* ATC + Buy Buttons */
.shopify-payment-button__button--branded .shopify-cleanslate {
    min-height: 60px;
    font-size: 20px; }

.shopify-payment-button__more-options {
  display: none; important
}

.button--secondary {
    font-size: 18px;
  max-height: 60px !important;
  -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    padding: 4px !important;
    min-height: 60px !important;
    max-height: 60px !important;
}

div.product__title > h1 {
  font-size: 25px !important;
}

@media only screen and (min-width: 749px){
.hideondesktop {
  display: none !important;
}}

html, body {
	max-width: 100%;
	overflow-x: hidden;
}

.price-new-style {
  display: flex;
}

.sticky-atc-reviews {
text-align: right !important;
    justify-content: flex-end;
margin-left: auto; 
margin-right: 0;

}

sticky-atc-title {
    justify-content: flex-start;
}

.stickyatcbutns {
      text-transform: capitalize !important;
      font-weight: 700;
}




/* Margins-product-page */
.product__info-container>*+* {
    margin: 1rem 0 !important;
}

variant-selects > div:nth-child(1) > label {
      margin-top: 2rem !important;
}

.product__info-container .product-form, .product__info-container .product__description {
    margin: 0rem 0 !important;
}

.product .price .badge, .product .price__container {
    margin-bottom: 0 !important;
}

/* annoucement bars */
.KlarnaSVG {
width: auto;
    height: 2.5rem;
  margin-right: 5px;
}



.announcement-bar__message {
    text-align: center;
    padding: 1rem 2rem;
    margin: 0;
    letter-spacing: .1rem; }

img {
    max-width: 100%;
    vertical-align: middle;
}

.announcement_bottom_blocks {
    display: flex;
    flex-wrap: wrap;
    width: 100%;  
    justify-content: center; 
}          
  .icon-text-wrap {
    display: flex;    
    align-items: center;   
}       
  .announcement_bottom_blocks .icon-text-wrap .icon {
    width: 20px;  
    height: 20px; 
}  
  .announcement_bottom_blocks .text p {  
    margin: 10px 10px 10px 5px;   
    color: #FFF;
}     
  .announcement_bottom {
    background-color: #2e2a39;
} 
  .announcement_bottom_blocks .icon-text-wrap .icon svg{
    fill: #FFF;
} 

/* Arslan Slider */
  .slider-button{width:50%;}
  button.slider-button.slider-button--next {
    justify-content: flex-end;
}
  button.slider-button.slider-button--prev {
    justify-content: flex-start;
}
.slider-button svg.icon.icon-caret {
    width: 20px;
    height: 20px;
}

  .slider-counter.caption {
    display: none;
}
.slider-buttons {
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
    width: 100% !important;
    max-width: 100% !important;
    position: absolute !important;
    top: 50%;transform: translateY(-50%) !important;
}
  button#closeSlide{display:none;}
ul.Slider-Thumbnails-bundle-cro-product-template {
    height: 275px;
    overflow-y: scroll;
    margin-top: 20px !important;margin-bottom:0px !important;
    display: block !important;
}

@media only screen and (max-width: 749px)
.slider-button {
    width: 50%;
}

@media only screen and (max-width: 749px)
button.slider-button.slider-button--prev {
    justify-content: flex-start;
}

/* Label margin */
#ProductInfo-template--16657246847252__main > variant-selects > div:nth-child(1) > label {
  margin-top: 1.5rem;
}

/* Featured review */
.main-product__block+.main-product__block {
    margin-top: 20px; }

.main-product__block-custom_liquid {
  background-color: #fafafa;
      border: 1px solid #e5e5e5;
    border-radius: 10px;
  list-style-type: none;
  margin: 12px 0 14px;
  padding: 8px;
  width: 100%;
     }
  
  .justify-between {
    justify-content: space-between; 
  }

.bg {
      background-color: #f2f2f4;
    border-radius: 5px;
}
.flex {
    display: flex;
}

.prod__trust-badges {
    align-items: center;
  padding: 16px
    background-color: #f2f2f4;
    border-radius: 5px; }

.img_box {
object-fit: cover;
}

.review1 {
  margin-bottom:10px !important;
  margin-top:5px !important;
}

/* Align footer left */
.footer-block-image {
    text-align: left !important;
  }

/* Hide geolocation */
#shopify-section-footer > footer > div.footer__content-bottom > div > div.footer__column.footer__localization.isolate > localization-form {
  display: none !important
}

/* Desktop adjustments */

@media screen and (min-width: 749px) {
.content-for-layout {
  padding-top: 30px;
}
  .bottomMenu {
    display: none;
  }
}

/* Sticky atc */
.bottomMenu {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1;
    transition: opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s ease-in-out;
}

.sticky-atc-container {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
transition: opacity 0.25s ease-in-out 0s, transform 0.25s ease-in-out 0s, visibility 0.25s ease-in-out 0s;
margin-bottom: 0px;
bottom: 0px;
z-index: 90002;
margin-top: 0px;
background-color: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(16px) contrast(100%) !important;
-webkit-backdrop-filter: blur(16px) contrast(100%); }

.stickybutton {
   background-color: #1daf4b;
    text-decoration: bold;
    border-radius: 32px;
    border: 0px;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20x;
    text-transform: capitalize;
}

.hide {
    opacity:0;
   
}
.show {
    opacity:1;
  
}

/* Font weight + Spacing fix on iOS */

h1,h2,body,p,a,h3,h4,h5,h6,button {
  letter-spacing: 0px !important;
}


/* Header adjustments */
#shopify-section-announcement-bar > div > div > p {
  font-size:  15px;
}

.cart-count-bubble {
  background: {{ settings.colors_accent_1 }};
  color: #fff
}

.button--secondary {
  background-color: {{ settings.colors_accent_1 }}!important;
}

/* ATC Infos */

.Buybtnspan {
  margin-right: 7.5px;
}

.dialimiter {
  margin-left: 7.5px;
    margin-right: 7.5px;
}

/* Product image slider adjustments */

@media screen and (max-width: 749px) {
  .slider.slider--mobile {
    margin-bottom: 0rem !important;
  }}

#GalleryViewer-template--15157456175163__main > div, #GalleryViewer-template--15165314695227__main > div, #GalleryViewer-template--15171091857467__main > div, #GalleryViewer-template--15172774527035__main > div, #GalleryViewer-template--15190112895035__main > div {
  display: none !important;
}

/* Reviews spacing 
#selectcolor {
  margin-top: 1.5em !important;
} */

/* Border radius on Column images */
div.multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--full-width.multicolumn-card-spacing > div {
  border-radius: 12px;
}

/* Payment icons */
.PaySVG {
    padding: 2.5px;
    width: auto;
    height: 30px;
    text-align: center;
    align: center;
}

.icbg {
    background-color: #fafafa;
    border-radius: 12px;
    margin: 12px 0 14px;  
    padding: 5px;
}

.cartdraweri {
margin: 1.2rem 0 1rem auto;
}

.list-payment-rb {
display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -0.5rem 0;
    padding-top: 1rem;
    padding-left: 0;
}


/* Risk reversal icons  */
 .pro-iwt-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}   
  .pro-iwt-wrap .innr {  
    width: 33.33%;  
    text-align: center;   
}  
  .pro-iwt-wrap .inner-icon img {  
    width: 75px; 
    height: 75px; 
    margin: 0 auto; 
}  
  .pro-iwt-wrap .innr p {  
    font-weight: 600;  
    color: #000;  
    font-size: 1.3rem;
    margin-top: 0px;
} 

/* Key benefits */

.key_points {
  border-radius: 12px;
  list-style-type: none;
  margin: 12px 0 14px;
  padding: 8px;
  width: 100%;
}

.key_points-line_item {
  align-items: center;
  display: flex;
  width: 100%;
}

.key_points-line_item + .key_points-line_item {
  margin-top: 4px;
}

.key_points-line_item strong {
  display: inline-block;
  margin-left: 8px;
}

.font--text-xs {
    font-family: var(--font-family);
    font-size: var(--font-size-text-xs);
    letter-spacing: var(--letter-spacing-text-xs);
    line-height: var(--line-height-text-xs);
    }

.key_points_line_item_parent {
  display: flex;
}

.key_points_line_item_icon {
  min-height: 20px;
  min-width: 20px;
  text-align: center 
  }

    /* Disable zoom product images */
  .product__media-toggle {
    display: none !important;
  }
.product__modal-opener .product__media-icon {
  display: none ;
}

/* Save Badge */
.price--show-badge {
  justify-content: center;
}

/* Compare at price */
div.price__sale > span:nth-child(2) > s {
    font-size: 20px !important;
    font-weight: 500;
}

/* Sale price */
.price-item--last {
  font-size: 20px !important;
  font-weight: bold;
  color: {{ settings.colors_accent_1 }};
}

.compareat {
    text-decoration: line-through;
    font-weight: 300 !important;
    color: #40fff;
}

/* hide tax caption */
.product__tax {
display: none
}

/* uppercase atc text */
.product__info-wrapper.grid__item .product-form .product-form__buttons button.product-form__submit.button.button--full-width.button--primary {
    background-color: {{ settings.colors_accent_1 }};
    border-radius: {{ settings.corner-radius }};
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: capitalize; }

.cart__checkout-button {
    background-color: {{ settings.colors_accent_1 }};
    border-radius: {{ settings.corner-radius }};
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: capitalize;
}

/* low stock custom styles */ 
.sales-points1 { list-style:none;
  padding:0;
  margin: auto;
  text-size-adjust: 100%;
  color: rgb(0, 0, 0);
  font: 12px;
  -webkit-font-smoothing: antialiased;
  box-sizing: inherit;
  animation: 0.5s ease 0s 1 normal forwards running hUniol;
  background-color: rgb(250, 247, 240);
  position: relative;
  display: inline-flex;
  width: 100%;
  padding: 12px 12px; }

.sales-points2 { list-style:none;
  padding:0;
  margin: auto;
  text-size-adjust: 100%;
  color: rgb(0, 0, 0);
  font: 12px;
  -webkit-font-smoothing: antialiased;
  box-sizing: inherit;
  animation: 0.5s ease 0s 1 normal forwards running hUniol;
  background-color: rgb(247, 255, 249);
  position: relative;
  display: inline-flex;
  width: 100%;
  padding: 12px 12px;
  text-align: center; }

.sales-point{
  display:block;
  margin-bottom:10px
}

.sales-point:last-child{
    margin-bottom:0;
  }

.sales-point .icon{
    position:relative;
    width:25px;
    height:25px;
    margin-right:10px
  }

[dir=rtl] .sales-point .icon{
      margin-right:0;
      margin-left:10px
  }

@keyframes inventory-pulse{
  0%{
    opacity:0.5;
  }
  to{
    transform:scale(2.5);
    opacity:0;
  }
}

.icon--inventory:after,.icon--inventory:before{
    width:9px;
    height:9px;
    background:#54c63a;
    border-radius:9px;
    position:absolute;
    left:0;
    top:0;
    content:"";
    margin:8px;
  }

.icon--inventory:before{
    animation:inventory-pulse 2s linear infinite;
  }

.inventory--low .icon--inventory:after,.inventory--low .icon--inventory:before{
      background:#f4af29;
    }

.inventory--low{
  color:#f4af29;
}

.icon-and-text {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}


 .money-back {
    display: flex;
    text-align: center;
    justify-content: center;
    column-gap: 10px;
    align-items: center;
    margin-top: 20px
  }
  span.money-back-text {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 1px;
    color: #111;
  }
/* ============================
   ESENCIAL – AJUSTES PÁGINA DE PRODUCTO
   ============================ */

/* 1. TÍTULO DEL PRODUCTO MÁS GRANDE Y EN NEGRITA */
.product__title,
.product-single__title,
.product-page .product-title,
.template-product h1 {
  font-size: 2.6rem !important;
  font-weight: 700 !important;
  line-height: 1.2;
  color: #304339;
  margin-bottom: 1rem;
}

/* 2. UNIFICAR TIPOGRAFÍA DEL BLOQUE DE INFORMACIÓN */
.product__info-wrapper,
.product-single__meta,
.product-page .product__info {
  font-family: inherit !important;
  color: #304339;
}

.product__info-wrapper p,
.product__info-wrapper li,
.product-single__meta p,
.product-single__meta li {
  font-size: 1.05rem;
  line-height: 1.6;
}

/* 3. COLORES DE MARCA */
:root {
  --esencial-terracotta: #C2725B;
  --esencial-terracotta-dark: #A35A45;
}

/* 4. BOTÓN PRINCIPAL DEL PRODUCTO */
.product-form__submit,
.product-form__submit.button,
.product-form__submit.btn,
.product-page .btn--primary,
.product-page .button--primary {
  background-color: var(--esencial-terracotta) !important;
  border-color: var(--esencial-terracotta) !important;
  color: #ffffff !important;
  font-weight: 600;
  border-radius: 50px !important;
  padding: 14px 22px !important;
  font-size: 1.15rem !important;
}

.product-form__submit:hover,
.product-page .btn--primary:hover {
  background-color: var(--esencial-terracotta-dark) !important;
  border-color: var(--esencial-terracotta-dark) !important;
}

/* 5. SHOPIFY PAYMENT BUTTON (checkout rápido) */
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded {
  background-color: var(--esencial-terracotta) !important;
  color: #ffffff !important;
  border-radius: 50px !important;
}

.shopify-payment-button__button:hover {
  background-color: var(--esencial-terracotta-dark) !important;
}

/* 6. PRECIOS MÁS LIMPIOS */
.product__info-wrapper .price,
.product-single__meta .price,
.product-page .product-price {
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  margin-bottom: 1rem;
  color: #304339 !important;
}
/* === TITULO DE PRODUCTO MÁS GRANDE === */
.product__title {
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #334e3b !important; /* el verde de tu branding */
}
/* === BOTÓN DE COMPRA COLOR TERRACOTA === */
.product-form__submit {
    background-color: #C87053 !important;  /* Terracota */
    border-color: #C87053 !important;
    color: white !important;
}

/* Hover (cuando pasan el mouse) */
.product-form__submit:hover {
    background-color: #a9553f !important; /* Terracota más oscuro */
    border-color: #a9553f !important;
    color: white !important;
}
/* === TÍTULO REAL DEL PRODUCTO (VERSIÓN 10X-THEME) === */
h1.product-single__title {
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    margin-bottom: 12px !important;
    color: #334e3b !important; /* verde suave */
    text-transform: none !important;
}
/* === MOVER EL TÍTULO ARRIBA DE TODO === */
.product-single__title {
    order: -1 !important;
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 20px !important;
}
/* === REDUCIR ALTURA DE IMAGEN PRINCIPAL === */
.product__media img {
    max-height: 480px !important;       /* ajusta aquí */
    object-fit: contain !important;
}
/* ================================
   AJUSTES CORRECTOS PARA PRODUCT PAGE
   ================================ */

/* 1. HACER EL TÍTULO DEL PRODUCTO MÁS GRANDE Y DESTACADO */
.product__title,
.product-single__title,
.template-product .product__title {
  font-size: 3rem !important;   /* Aumenta tamaño */
  font-weight: 800 !important;  /* Más grueso */
  color: #333 !important;       /* Ajuste color */
  margin-bottom: 1.2rem !important;
}

/* 2. REDUCIR UN POCO EL TAMAÑO DE LA IMAGEN PRINCIPAL */
.product__media-wrapper img,
.product__media img,
.product-single__media img {
  max-width: 80% !important;
  margin: 0 auto !important;
  display: block !important;
}

/* 3. CAMBIAR EL COLOR DEL BOTÓN “PAGO CONTRA ENTREGA” */
.product-form__submit,
.shopify-payment-button button,
button[type="submit"] {
  background-color: #C27258 !important; /* TERRACOTA */
  border-color: #C27258 !important;
  color: #fff !important;
}

.product-form__submit:hover,
.shopify-payment-button button:hover {
  background-color: #A35A45 !important; /* Terracota oscuro */
  border-color: #A35A45 !important;
}

/* 4. AJUSTAR EL BLOQUE DE INFORMACIÓN (TIPOGRAFÍA) */
.product__info,
.product__description,
.product__info-wrapper {
  font-family: inherit !important;
  color: #444!important;
}
/* =========================================
   TÍTULO DEL PRODUCTO - FORZADO
   ========================================= */

/* Títulos de producto más frecuentes en temas y page builders */
.template-product h1,
.template-product .product-title,
.template-product .product_title,
.template-product .product-name,
.template-product .product__title,
.template-product .product-single__title,
.product-page h1,
.product-page .product-title,
.product-page .product_name,
.product-page .product-name,
.product-page .product__title,
.product-page .product-single__title {
  font-size: 3rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: #333 !important;
  margin-bottom: 1.2rem !important;
}
/* =========================================
   BOTÓN PRINCIPAL EN PÁGINA DE PRODUCTO
   ========================================= */

/* Botón principal dentro de la ficha de producto */
.template-product .product-form button,
.template-product .product-form .btn,
.template-product .product-form__submit,
.product-page .product-form button,
.product-page .product-form .btn,
.product-page .product-form__submit,
.product-page .shopify-payment-button button {
  background-color: #C27258 !important;   /* Terracota */
  border-color: #C27258 !important;
  color: #fff !important;
}

/* Hover del botón */
.template-product .product-form button:hover,
.template-product .product-form .btn:hover,
.template-product .product-form__submit:hover,
.product-page .product-form button:hover,
.product-page .product-form .btn:hover,
.product-page .product-form__submit:hover,
.product-page .shopify-payment-button button:hover {
  background-color: #A35A45 !important;   /* Terracota oscuro */
  border-color: #A35A45 !important;
  color: #fff !important;
}
/* ========== ANUNCIO DESLIZANTE (MARQUEE) ========== */
.announcement-bar__message {
    display: inline-block;
    white-space: nowrap;
    animation: anuncio-desliza 12s linear infinite;
}

/* Animación */
@keyframes anuncio-desliza {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
/* Negrita solo para el título "Que hace especial a nuestra tienda" */
.multicolumn .title,
.multicolumn h2 {
  font-weight: 700 !important;
}

/* Contenedor del banner del footer */
.footer-banner {
    overflow: hidden;      /* oculta lo que se sale por los lados */
}

/* ZOOM centrado del banner del footer */
.banner-footer-img {
    width: 120%;           /* zoom */
    max-width: none;
    position: relative;
    left: 50%;             /* punto de referencia al centro */
    transform: translateX(-50%);  /* trae la imagen al centro */
    display: block;
}


/* Ajustes SOLO para versión móvil */
@media (max-width: 768px) {

    .banner-footer-img {
        width: 130%;              /* más zoom para llenar pantalla vertical */
        left: 50%;
        transform: translateX(-50%);
    }
}

/* Reducir espacio entre el banner y el título de la colección */
.collection-hero--with-image {
    padding-bottom: 0rem !important;
}

/* Reducir espacio arriba del título */
.collection-hero__title {
    margin-top: 0.5rem !important;
}

/* Reducir espacio abajo de la descripción */
.collection-hero__description {
    margin-bottom: 0.5rem !important;
}

/* Eliminar espacio fantasma debajo del banner */
.collection-hero__image {
    margin-bottom: 0rem !important;
}

/* === AJUSTE ESPACIO BLANCO EN PÁGINAS DE COLECCIÓN === */

/* Acerca el bloque de la colección al banner */
.template-collection .collection {
  margin-top: -4rem !important;   /* tira el bloque hacia arriba */
  padding-top: 1.5rem !important; /* deja un aire pequeño sobre el título */
}

/* === AJUSTE FUERTE DEL ESPACIO ENTRE BANNER Y CONTENIDO === */

/* Sección que viene justo después del banner de colección */
.collection-hero--with-image + .shopify-section [class*="padding"] {
  padding-top: 1.5rem !important;  /* antes suele ser 4–6rem */
}

/* Por si el grid usa .collection como contenedor principal */
.collection-hero--with-image + .shopify-section .collection {
  margin-top: 0 !important;
}

/* ==========================
   ESPACIOS COLECCIONES ESENCIAL
   Ajuste fuerte de hueco blanco
   ========================== */

/* 1. Quitar padding exagerado del contenedor de cabecera de colección */
.collection-hero {
  padding-top: 0rem !important;   /* espacio entre banner y bloque blanco */
  padding-bottom: 1.5rem !important; /* espacio debajo de la descripción */
}

/* 2. Ajustar el bloque interno para que no agregue padding extra */
.collection-hero__inner {
  padding-top: 1.5rem !important;   /* pequeño respiro debajo del banner */
  padding-bottom: 0rem !important;
}

/* 3. Título de la colección: sin margen superior extra */
.collection-hero__title {
  margin-top: 0rem !important;
  margin-bottom: 0.5rem !important;   /* espacio entre título y descripción */
}

/* 4. Descripción de la colección: poco espacio debajo */
.collection-hero__description {
  margin-top: 0rem !important;
  margin-bottom: 0.5rem !important;
}

/* 5. Quitar cualquier margen raro del wrapper de texto */
.collection-hero__text-wrapper,
.collection-hero__title + .collection-hero__description {
  margin-top: 0rem !important;
  margin-bottom: 0.5rem !important;
}

/* 6. Versión móvil: un pelín más de aire pero sin hueco gigante */
@media screen and (max-width: 749px) {
  .collection-hero {
    padding-top: 0rem !important;
    padding-bottom: 1.5rem !important;
  }

  .collection-hero__inner {
    padding-top: 1rem !important;
    padding-bottom: 0rem !important;
  }

  .collection-hero__title {
    margin-bottom: 0.4rem !important;
  }

  .collection-hero__description {
    margin-bottom: 0.8rem !important;
  }
}

/* Eliminar el espacio gigante entre el banner y el texto */
.collection-hero--with-image .collection-hero__text-wrapper {
    padding: 0.2rem 0 0.5rem !important; /* antes era 5rem y 4rem */
}

