/** Shopify CDN: Minification failed

Line 10:0 Unexpected "{"
Line 10:1 Expected identifier but found "%"
Line 12:10 Comments in CSS use "/* ... */" instead of "//"
Line 15:8 Expected identifier but found "log("
Line 15:87 Comments in CSS use "/* ... */" instead of "//"

**/
{% liquid 
  # © 2024 Jhango
  # https://www.jhango.com
%}

console.log(Jhango - Premium Shopify Themes by themes.jhango.com | Learn more at https://www.jhango.com);

/* global */
/* Body */
body {
  letter-spacing: 0;
}
body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
  color: rgba(var(--color-foreground),1);
}
/* Headings */
h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
  letter-spacing: 0;
  text-transform: uppercase;
}
/* Small headings */
.header__menu-item,
.button,
.card__information a,
.footer-block__heading,
.marquee span {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  font-size: 20px!important;
  text-transform: uppercase;
  letter-spacing: 0;
}
/* Subheading */
.caption-with-letter-spacing {
  letter-spacing: 0;
  font-size: 22px;
}
/* Button */
.button,
.button, .shopify-challenge__button, .customer button{
  border: 1px solid rgb(var(--color-button-text));
  min-width: 260px;
  max-width: 100%;
}
.button:hover {
  border: 1px solid rgb(var(--color-button-text));
}
.button:hover:before {
  box-shadow: 2px 2px var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity));
}
.button:not([disabled]):hover:after {
  --border-offset: none;
}
.button--secondary,
.button.product-form__submit,
.cart__checkout-button {
  background: rgb(var(--color-button-text));
  color: rgba(var(--color-button),var(--alpha-button-background));
}
.button--secondary:before,
.button.product-form__submit:before,
.cart__checkout-button:before,
.button--secondary:after,
.button.product-form__submit:after,
.cart__checkout-button:after {
  box-shadow: none;
}
/* component-card */
.product-grid {
  --grid-desktop-vertical-spacing: 0px;
  --grid-desktop-horizontal-spacing: 0px;
  --grid-mobile-vertical-spacing: 0px;
  --grid-mobile-horizontal-spacing: 0px;
  margin-top: 0;
  margin-bottom: 0;
}
.product-card-wrapper .card__media .media img {
  object-fit: contain;
}
.product-card-wrapper .card {
  border-top: 0;
  border-left: 0;
}
.card__information .caption-with-letter-spacing,
.card-information .price {
  font-size: 18px;
  letter-spacing: 0;
}
.card__information .caption-with-letter-spacing {
  opacity: 1;
  margin-bottom: 6px;
}
.badge {
  border: 1px solid;
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  font-size: 15px;
  letter-spacing: 0;
  text-transform: uppercase;
}
@media screen and (min-width: 750px) {
  .product-grid .grid__item:nth-child(-n+3) .product-card-wrapper .card {
    border-top: 1px solid;
  }
  .product-grid .grid__item:nth-child(3n) .product-card-wrapper .card {
    border-right: 0;
  }
}
@media screen and (max-width: 749px) {
  .product-card-wrapper .card {
    border-right: 0;
  }
  .product-grid .grid__item:first-child .product-card-wrapper .card {
    border-top: 1px solid;
  }
  .product-grid.slider .product-card-wrapper .card {
    border-top: 1px solid;
    border-right: 1px solid;
  }
  .product-grid.slider .grid__item:last-child .product-card-wrapper .card {
    border-right: 0;
  }
}
/* section-header */
.announcement-bar__message {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 18px;
  text-transform: unset;
}

/* ══════════════════════════════════════════════════════
   ONEGROW HEADER
   ══════════════════════════════════════════════════════ */

/* El background lo maneja el JS con estilos inline (no CSS !important aquí,
   o el !important bloquea el JS y el header queda siempre transparente) */
.header-wrapper {
  position: relative !important;
  top: auto !important;
  width: 100% !important;
}
body:not(.template-index) .header-wrapper {
  position: relative !important;
}

/* Header sticky: se pega al top del viewport */
.shopify-section-header-sticky {
  top: 0 !important;
}
/* Elimina el hueco/gap que aparece al hacer scroll */
.shopify-section-header-sticky .header-wrapper {
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Sin padding extra ni margin negativo — el contenido fluye normalmente */
body main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Desktop: nav sin restricción de ancho */
@media screen and (min-width: 990px) {
  .header--middle-left .header__inline-menu {
    max-width: none !important;
    padding-right: 2rem;
  }
}

/* ── Cart notification ── */
cart-notification {
  position: relative;
  z-index: 10;
}
.cart-notification {
  z-index: 10 !important;
}
.cart-count-bubble {
  background-color: #f5b941 !important;
  color: #000000 !important;
}
sticky-header.header-wrapper--border-bottom {
  border-bottom: 0.1rem solid rgba(var(--color-foreground),1);
}
.header .header__menu-item {
  color: rgba(var(--color-foreground),1);
}
.header .header__active-menu-item {
  text-decoration: none;
}
.header__menu-item:hover span,
.header__menu-item:hover .header__active-menu-item {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.5rem;
}
/* section-footer */
.footer .footer__content-top {
  padding-bottom: 1rem;
}
.footer__content-bottom-wrapper--center {
  justify-content: flex-start!important;
}
.footer .newsletter-form__field-wrapper .field:after {
  box-shadow: none;
  border: none;
}
.footer .newsletter-form__field-wrapper input {
  background: rgba(var(--color-foreground),1);
  border-radius: 30px;
}
.footer label.field__label {
  font-size: 17px;
  color: var(--gradient-background);
}
.newsletter-form__button .icon {
  stroke: var(--gradient-background);
}
.footer .footer-block__details-content .list-menu__item--link, 
.footer .copyright__content a {
  color: rgba(var(--color-foreground),1);
}
.footer .list-menu__item--active {
  text-decoration: none;
}
.footer-block__brand-info .rte p {
  display: none;
}
.footer .footer__copyright {
  text-align: left;
}
.footer .list-menu__item--link,
.footer .footer-block__details-content .list-menu__item--link{
  padding-top: 0;
  padding-bottom: 6px;
}
@media screen and (min-width: 750px) {
  .footer .footer-block__newsletter {
    padding-top: 30px;
  }
}
/* section-image-with-text */
@media screen and (max-width: 749px) {
  .image-with-text__media {
    padding-bottom: 100%!important;
  }
}
/* section-featured-collection */
.collection--full-width slider-component:not(.slider-component-desktop) {
  padding: 0!important;
}
@media screen and (max-width: 989px) {
  .collection .product-grid.slider.slider--tablet {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 749px) {
  .product-grid.grid--peek.slider .grid__item:first-of-type,
  .product-grid.grid--peek.slider:after {
    margin-left: 0;
    padding-left: 0;
  }
}
/* section-main-collection */
.collection {
  padding: 0;
}
.collection .pagination-wrapper {
  margin-top: 0;
}
/* section-related-products */
.related-products {
  padding: 0;
}
.related-products .related-products__heading {
  margin: 0;
}
/* section-main-product */
product-info .price {
  font-size: 20px;
  letter-spacing: 0;
}
product-info .accordion {
  border-top: 0.1rem solid rgba(var(--color-foreground),1);
  border-bottom: 0.1rem solid rgba(var(--color-foreground),1);
}
@media screen and (min-width: 750px) {
  .product .product__media-wrapper,
  .product .product__info-wrapper {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)!important;
    max-width: 50%!important;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .product .product__media-wrapper {
    border-right: 1px solid;
  }
}
@media screen and (max-width: 749px) {
  .product.grid {
    margin-bottom: 30px;
  }
  .product .product__media-list {
    border-bottom: 1px solid;
  }
}
/* section-main-page */
.main-page {
  border-bottom: 1px solid;
  max-width: 100%;
}
.main-page .main-page-title {
  margin-bottom: 0;
}

/* section-testimonials */
.testimonials .author {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  font-size: 20px!important;
  text-transform: uppercase;
  letter-spacing: 0;
}
.testimonials .page-width {
  max-width: unset;
  padding-left: 0;
  padding-right: 0;
}
.testimonials .title-wrapper-with-link {
  justify-content: center;
  margin-bottom: 60px;
}
.testimonials .grid {
  --grid-desktop-vertical-spacing: 0px;
  --grid-desktop-horizontal-spacing: 0px;
  --grid-mobile-vertical-spacing: 0px;
  --grid-mobile-horizontal-spacing: 0px;
}
.testimonials .multicolumn-list__item {
  border: 1px solid;
  border-right: 0;
  min-height: calc(25vw - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
.testimonials .multicolumn-list .multicolumn-list__item:first-child {
  border-left: 0;
}
.testimonials .multicolumn-list__item .content-container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonials .multicolumn-list__item .multicolumn-card__info {
  display: flex;
  flex-direction: column;
}
.testimonials .multicolumn-list__item .multicolumn-card__info,
.testimonials.background-none .slider .multicolumn-card__info {
  height: 100%;
  padding: 1.5rem;
}
.testimonials .multicolumn-card__info .star-rating {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
.testimonials .multicolumn-card__info .icon {
  margin: 0 3px;
}
.testimonials .multicolumn-card__info .rte {
  font-size: 18px;
  margin-bottom: 25px;
}
.testimonials .multicolumn-card__info .author {
  margin-top: auto;
}
@media screen and (min-width: 1240px) {
  .testimonials .multicolumn-list__item .multicolumn-card__info,
  .testimonials.background-none .slider .multicolumn-card__info {
    max-height: 350px;
    padding: 3.5rem;
  }
}
@media screen and (min-width: 750px) and (max-width: 989px) {
  .testimonials .grid--1-col-tablet-down.grid--peek .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
  .testimonials .multicolumn-card__info .icon {
    margin: 0 3px;
    width: 28px;
    height: 28px;
  }
}
@media screen and (max-width: 749px) {
  .testimonials .multicolumn-list__item {
    width: 100%;
    height: 100vw;
  }
  .testimonials .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
    width: 100%;
  }
  .testimonials .grid--peek.slider .grid__item:first-of-type {
    margin-left: 0;
  }
  .testimonials .multicolumn-list__item .multicolumn-card__info, 
  .testimonials.background-none .slider .multicolumn-card__info {
    max-height: 350px;
    padding: 3.5rem;
  }
}

.marquee {
  position: relative;
  overflow: hidden;
  height: 90px;
  display: flex;
  align-items: center;
  background-color: var(--background-color);
  color: var(--text-color);
}

.marquee-container {
  width: 200%; /* Double the width to ensure continuous scrolling */
  white-space: nowrap;
  position: absolute;
  animation: marquee-animation 20s linear infinite; /* Adjust duration as needed */
}

.marquee span {
  margin-right: 40px; /* Adjust margin to create space between text */
  font-size: 26px;
}

@keyframes marquee-animation {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* Adjust percentage based on width doubling */
}

.marquee {
  height: 60px;
}
.marquee-container {
  animation: marquee-animation 7s linear infinite;
}

/* ══════════════════════════════════════════════════════
   ONEGROW HOMEPAGE — MOBILE-FIRST DESIGN
   ══════════════════════════════════════════════════════ */

/* ── Hero mobile: texto sobre imagen ── */
@media screen and (max-width: 749px) {
  /* Asegura que el hero ocupe buena altura en mobile */
  #shopify-section-image_banner_mPeHye .banner {
    min-height: 85vh;
  }
  #shopify-section-image_banner_mPeHye .banner__content {
    padding: 24px 20px 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 85vh;
  }
  #shopify-section-image_banner_mPeHye .banner__box {
    padding: 0;
    background: none;
    border: none;
  }
  /* Eyebrow sobre el hero */
  #shopify-section-image_banner_mPeHye .banner__heading {
    font-size: 36px;
    line-height: 0.95;
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  #shopify-section-image_banner_mPeHye .banner__text p {
    font-size: 12px;
    color: rgba(255,255,255,0.7);
    margin-bottom: 24px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
  /* Botones del hero en mobile */
  #shopify-section-image_banner_mPeHye .banner__buttons {
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
  #shopify-section-image_banner_mPeHye .banner__buttons .button {
    width: 100%;
    min-width: unset;
    max-width: 100%;
    padding: 14px 20px;
    border-radius: 6px;
    font-size: 13px;
    letter-spacing: 0.04em;
  }
  #shopify-section-image_banner_mPeHye .banner__buttons .button:first-child {
    background: #fff;
    color: #000;
    border-color: #fff;
  }
  #shopify-section-image_banner_mPeHye .banner__buttons .button--secondary {
    background: transparent;
    color: #fff;
    border-color: rgba(255,255,255,0.5);
  }
}

/* ── Productos: grid 2 columnas en mobile ── */
@media screen and (max-width: 749px) {
  /* Heading de la sección featured-collection */
  .featured-collection .collection__title {
    font-size: 28px;
    padding: 0 16px 4px;
    text-transform: uppercase;
  }

  /* 2 columnas sin gap en mobile */
  .featured-collection .product-grid {
    --grid-mobile-horizontal-spacing: 8px;
    --grid-mobile-vertical-spacing: 8px;
    padding: 0 12px;
  }

  /* Tarjetas de producto: más compactas */
  .featured-collection .product-card-wrapper .card__content {
    padding: 8px;
  }
  .featured-collection .product-card-wrapper .card__information .caption-with-letter-spacing {
    font-size: 11px;
  }
  .featured-collection .product-card-wrapper .card-information .price {
    font-size: 12px;
  }

  /* Badge de urgencia */
  .card__badge {
    top: 6px;
    left: 6px;
    font-size: 9px;
    padding: 3px 7px;
  }

  /* "Ver todo" link */
  .featured-collection .collection__view-all {
    margin-top: 16px;
    padding: 0 16px;
  }
}

/* ── Featured collection: section title estilo mockup ── */
.featured-collection .collection__title {
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* ── Newsletter: estilo negro minimalista ── */
.email-signup-banner {
  text-align: center;
}
@media screen and (max-width: 749px) {
  .email-signup-banner .newsletter-form__field-wrapper {
    margin-bottom: 8px;
  }
  .email-signup-banner .newsletter-form__button {
    width: 100%;
  }
  .email-signup-banner .field__input {
    border-radius: 6px;
  }
}

/* ── Sección de videos community: ajuste mobile ── */
@media screen and (max-width: 749px) {
  .stoppable-videos {
    padding: 28px 0;
  }
  .stoppable-videos .title-wrapper {
    padding: 0 16px;
    margin-bottom: 16px;
  }
}

/* ── Separadores entre secciones: bordes limpios ── */
.shopify-section {
  border-bottom: 1px solid #e5e5e5;
}
.shopify-section:last-child {
  border-bottom: none;
}
/* El footer no lleva borde superior repetido */
#shopify-section-footer {
  border-top: none;
}

/* ══════════════════════════════════════════════════════
   MARQUEE — BARRA BLANCA (clase real: .og-promo-bar)
   ══════════════════════════════════════════════════════ */
.og-promo-bar {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}
.og-promo-bar__item,
.og-promo-bar a {
  color: #000000 !important;
}

/* ══════════════════════════════════════════════════════
   PRODUCTOS — CARRUSEL + CONVERSIÓN
   ══════════════════════════════════════════════════════ */

/* Fondo gris muy suave para la sección */
#shopify-section-featured_collection {
  background: #f7f7f5 !important;
  padding: 0 !important;
}
#shopify-section-featured_collection .featured-collection {
  background: #f7f7f5;
  padding: 24px 0 32px;
}

/* Título */
#shopify-section-featured_collection .collection__title {
  font-size: 28px !important;
  padding: 0 16px 14px !important;
  margin-bottom: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  border-bottom: 2px solid #000 !important;
}

/* Tarjeta */
.product-card-wrapper .card {
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: none !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
  transition: box-shadow 0.25s ease, transform 0.25s ease !important;
}
.product-card-wrapper .card:active,
.product-card-wrapper .card:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,0.16) !important;
  transform: translateY(-3px) !important;
}

/* Imagen */
.product-card-wrapper .card__media .media {
  overflow: hidden !important;
}
.product-card-wrapper .card__media .media img {
  object-fit: cover !important;
  transition: transform 0.5s ease !important;
}
.product-card-wrapper .card:hover .card__media img,
.product-card-wrapper .card:active .card__media img {
  transform: scale(1.06) !important;
}

/* Info */
.product-card-wrapper .card__information {
  padding: 10px 10px 14px !important;
}
.product-card-wrapper .card__heading a {
  font-size: 12px !important;
  line-height: 1.3 !important;
  color: #000 !important;
}
.product-card-wrapper .card-information .price {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #000 !important;
}
.price--on-sale .price-item--regular {
  color: #aaa !important;
  font-size: 11px !important;
}

/* Badge OFERTA */
.card__badge .badge {
  background: #000 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 3px 7px !important;
  letter-spacing: 0.04em !important;
}

/* Quick-add botón */
.quick-add__submit,
.card .button.product-form__submit {
  background: #000 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 0 10px 10px !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  padding: 11px 8px !important;
  min-width: unset !important;
  width: 100% !important;
}
.quick-add__submit:hover {
  background: #1a1a1a !important;
}

/* Ver todo */
.collection__view-all {
  padding: 0 16px;
  margin-top: 20px !important;
}
.collection__view-all .button {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  width: 100% !important;
  border-radius: 8px !important;
  min-width: unset !important;
  font-size: 13px !important;
  padding: 14px !important;
}

/* Mobile swipe: tarjetas con ancho para que se vea el borde del siguiente */
@media screen and (max-width: 749px) {
  #shopify-section-featured_collection .product-grid.slider {
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  #shopify-section-featured_collection .product-grid.slider .grid__item {
    scroll-snap-align: start;
  }
}

/* Trust strip separador */
#shopify-section-trust_strip {
  border-top: 1px solid #e5e5e5;
}