/** Shopify CDN: Minification failed

Line 722:0 Expected "}" to go with "{"

**/
/* =========================================================
   CUSTOM.CSS — SALPI (CLEAN + STABLE)
   - Footer layout + accordion + slider
   - Custom drawer styles (NO bloquea la web si está cerrado)
   - Ship-to overlay fix (robusto, no rompe header / scroll)
   - Scroll lock SOLO con html.salpi-drawer-open (TU drawer)
   ========================================================= */


/* =========================
   SALPI FOOTER BASE
   ========================= */
.footer.section[data-section-type="footer"],
.footer.section[data-section-type="footer"] * {
  box-sizing: border-box;
}

.footer.section[data-section-type="footer"] {
  background: #0b0b0b !important;
  color: #fff !important;
  min-height: 0 !important;
  height: auto !important;
}

.footer.section[data-section-type="footer"] a,
.footer.section[data-section-type="footer"] a:visited {
  color: #fff !important;
}

.footer.section[data-section-type="footer"] .footer__inner {
  padding: 38px 48px !important;
}

.footer.section[data-section-type="footer"] :where(ul, ol) {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.footer.section[data-section-type="footer"] li::marker {
  content: "" !important;
}

/* Ocultar bottom original del tema */
.footer.section[data-section-type="footer"] .footer__bottom {
  display: none !important;
}

/* CRÍTICO: hidden debe esconder SIEMPRE */
.footer.section[data-section-type="footer"] [hidden] {
  display: none !important;
}


/* =========================
   GRID LAYOUT
   ========================= */
@media (min-width: 990px) {
  .footer.section[data-section-type="footer"] .salpi-footer-desktop-grid {
    display: grid !important;
    grid-template-columns: 460px minmax(0, 1fr) !important;
    gap: 44px !important;
    align-items: start !important;
    width: 100% !important;
  }

  .footer.section[data-section-type="footer"] .salpi-footer-left {
    width: 460px !important;
    max-width: 460px !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 420px !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .footer.section[data-section-type="footer"] .salpi-footer-right {
    min-width: 520px !important;
    margin-top: 6px !important;
    min-height: 0 !important;
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
  }
}

@media (max-width: 989px) {
  .footer.section[data-section-type="footer"] .footer__inner {
    padding: 22px 18px !important;
  }
  .footer.section[data-section-type="footer"] .salpi-footer-right {
    display: none !important;
  }
}


/* =========================
   TOP LOGO
   ========================= */
.footer.section[data-section-type="footer"] .salpi-footer-top {
  max-width: 460px !important;
  margin: 0 !important;
  padding: 0 0 14px !important;
}

.footer.section[data-section-type="footer"] .salpi-footer-top__logo img {
  height: 46px !important;
  width: auto !important;
  display: block !important;
}

@media (max-width: 989px) {
  .footer.section[data-section-type="footer"] .salpi-footer-top__logo img {
    height: 34px !important;
  }
}


/* =========================
   ACCORDION
   (Desktop toggle lo hace el JS: .salpi-acc-open)
   ========================= */
.footer.section[data-section-type="footer"] .footer__groups.salpi-footer-groups {
  display: block !important;
  padding: 0 !important;
  margin-top: 12px !important;
}

.footer.section[data-section-type="footer"] .salpi-acc-item {
  margin: 0 0 6px !important;
}

.footer.section[data-section-type="footer"] .salpi-acc-btn {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 18px !important;
  min-height: 44px !important;
  border: 0 !important;
  background: #2b2b2b !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 10 !important;
  pointer-events: auto !important;
}

.footer.section[data-section-type="footer"] .salpi-acc-btn .footer__heading {
  color: #fff !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  font-size: 12px !important;
}

.footer.section[data-section-type="footer"] .footer__arrow {
  width: 22px !important;
  height: 22px !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #111 !important;
  display: grid !important;
  place-items: center !important;
  margin-left: 14px !important;
  flex: 0 0 auto !important;
}

.footer.section[data-section-type="footer"] .salpi-acc-panel {
  padding: 8px 10px 10px !important;
  margin: -4px 0 0 !important;
}


/* =========================
   LINKS LIST (TwoJeys)
   ========================= */
.footer.section[data-section-type="footer"] .tj-row__link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px 6px !important;
  text-decoration: none !important;
  position: relative !important;
  width: 100% !important;
}

.footer.section[data-section-type="footer"] .tj-row__link::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 12px !important;
  bottom: 0 !important;
  height: 1px !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

.footer.section[data-section-type="footer"] .tj-row:last-child .tj-row__link::before {
  display: none !important;
}

.footer.section[data-section-type="footer"] .tj-row__link::after {
  content: "" !important;
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 3px !important;
  height: 18px !important;
  background: rgba(255, 255, 255, 0.18) !important;
  border-radius: 2px !important;
}

.footer.section[data-section-type="footer"] .tj-row__bullet {
  width: 18px !important;
  height: 18px !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #111 !important;
  display: grid !important;
  place-items: center !important;
}

.footer.section[data-section-type="footer"] .tj-row__primary {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
}

.footer.section[data-section-type="footer"] .tj-row__secondary {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  max-width: 44% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: right !important;
}


/* =========================
   NEWSLETTER
   ========================= */
.footer.section[data-section-type="footer"] .salpi-newsletter {
  max-width: 460px !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

.footer.section[data-section-type="footer"] .salpi-newsletter__title p {
  margin: 16px 0 16px !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  color: #fff !important;
}

.footer.section[data-section-type="footer"] .salpi-newsletter__title p span {
  display: block !important;
  margin-top: 8px !important;
  font-weight: 800 !important;
  opacity: 0.65 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

.footer.section[data-section-type="footer"] .salpi-newsletter__row {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}

.footer.section[data-section-type="footer"] .salpi-newsletter__input {
  height: 44px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
  padding: 0 14px !important;
  flex: 1 1 auto !important;
}

.footer.section[data-section-type="footer"] .salpi-newsletter__btn {
  height: 44px !important;
  border-radius: 10px !important;
  padding: 0 14px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  background: #fff !important;
  color: #111 !important;
  border: 0 !important;
  white-space: nowrap !important;
}

.footer.section[data-section-type="footer"] .salpi-newsletter__consent {
  margin-top: 10px !important;
}

@media (max-width: 989px) {
  .footer.section[data-section-type="footer"] .salpi-newsletter__title p {
    font-size: 18px !important;
  }
  .footer.section[data-section-type="footer"] .salpi-newsletter__title p span {
    font-size: 13px !important;
  }
}


/* =========================
   SOCIAL
   ========================= */
.footer.section[data-section-type="footer"] .salpi-footer-social {
  margin-top: auto !important;
  padding-top: 18px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
}

.footer.section[data-section-type="footer"] .salpi-social-btn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  display: grid !important;
  place-items: center !important;
  text-decoration: none !important;
  color: #fff !important;
}


/* =========================
   SLIDER (desktop)
   ========================= */
@media (min-width: 990px) {
  .footer.section[data-section-type="footer"] .salpi-footer-slider {
    width: 100% !important;
    max-width: 920px !important;
    height: 420px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    position: relative !important;
    background: rgba(255, 255, 255, 0.04) !important;
  }

  .footer.section[data-section-type="footer"] .salpi-footer-slider .salpi-slide {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    transition: opacity 1.2s ease !important;
    will-change: opacity !important;
    pointer-events: none !important;
  }

  .footer.section[data-section-type="footer"] .salpi-footer-slider .salpi-slide.is-active {
    opacity: 1 !important;
  }

  .footer.section[data-section-type="footer"] .salpi-footer-slider .salpi-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
}


/* =========================
   CUSTOM FOOTER DRAWER (SALPI)
   #salpiDrawer — ROBUST + CLICK-SAFE
   ========================= */
.salpi-drawer{
  position: fixed;
  inset: 0;
  z-index: 2147483647 !important;

  /* Cerrado: no bloquea ni intercepta */
  display: none !important;
  pointer-events: none !important;
}

.salpi-drawer.is-open{
  display: block !important;
  pointer-events: auto !important;
}

/* Overlay clicable */
.salpi-drawer__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
  pointer-events: auto !important;
}

/* Panel estable (iOS) */
.salpi-drawer__panel{
  position: absolute;
  top: 0;
  right: 0;

  width: min(520px, 92vw);
  height: 100dvh;
  max-height: 100dvh;

  background: #fff;
  color: #111;
  box-shadow: -12px 0 40px rgba(0,0,0,.35);

  display: flex;
  flex-direction: column;

  transform: translateX(100%);
  transition: transform .25s ease;
  will-change: transform;

  pointer-events: auto !important;
}

.salpi-drawer.is-open .salpi-drawer__panel{
  transform: translateX(0);
}

/* Header sticky + safe-area */
.salpi-drawer__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  padding: 18px;
  padding-top: calc(18px + env(safe-area-inset-top, 0px));

  border-bottom: 1px solid rgba(0,0,0,.08);
  background: #fff;

  position: sticky;
  top: 0;
  z-index: 10;
}

/* Body scrollea dentro */
.salpi-drawer__body{
  padding: 18px;
  padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));

  overflow: auto;
  -webkit-overflow-scrolling: touch;

  flex: 1 1 auto;
  min-height: 0;
}

/* Scroll lock SOLO TU drawer */
html.salpi-drawer-open,
html.salpi-drawer-open body{
  overflow: hidden !important;
}


/* =========================================================
   SHIP-TO PANEL FIX (ROBUSTO)
   - Cerrado: no existe (no bloquea clicks)
   - Abierto: full overlay + safe-area
   ========================================================= */
.salpi-shipto-panel[role="dialog"][aria-modal="true"][aria-hidden="true"]{
  display: none !important;
  pointer-events: none !important;
}

.salpi-shipto-panel[role="dialog"][aria-modal="true"][aria-hidden="false"],
html.salpi-shipto-open .salpi-shipto-panel{
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;

  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;

  padding-top: calc(env(safe-area-inset-top, 0px) + 72px) !important;
  padding-bottom: env(safe-area-inset-bottom, 0px) !important;

  background-clip: padding-box !important;
  pointer-events: auto !important;
}

.salpi-shipto-panel[role="dialog"][aria-modal="true"] header,
.salpi-shipto-panel[role="dialog"][aria-modal="true"] .salpi-drawer__header{
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;

  background: #0b0b0b !important;
  padding-top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
}

/* Solo cuando ship-to está abierto, desactiva clicks del header del theme */
html.salpi-shipto-open .header,
html.salpi-shipto-open .header__space{
  pointer-events: none !important;
}

/* Cuando NO está abierto, header normal */
html:not(.salpi-shipto-open) .header,
html:not(.salpi-shipto-open) .header__space{
  pointer-events: auto !important;
}


/* =========================
   Cole Buxton-like grid (lo tuyo)
   ========================= */
.salpi-cb-grid {
  padding-inline: clamp(16px, 4vw, 56px);
  margin-block: clamp(16px, 3vw, 40px);
}

.salpi-cb-grid__inner {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(14px, 1.6vw, 24px);
}

.salpi-cb-grid__item {
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
}

.salpi-cb-grid__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 749px) {
  .salpi-cb-grid__inner {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}
/* =========================
   SALPI — Mobile drawer footer (moneda/idioma)
   SUBIR (SIN TRANSFORM) y SIN ROMPER SLIDE/CLICKS
   ========================= */
@media (max-width: 989px) {

  /* cuánto lo subes */
  :root { --salpi-loc-raise: 28px; } /* prueba 28px. Si quieres más: 34/40 */

  /* El contenedor que scrollea: deja espacio real para el footer + subida */
  .drawer-menu .drawer-menu__contents{
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    height: 100% !important;
    padding-bottom: calc(92px + var(--salpi-loc-raise) + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Footer del drawer (los 2 botones) */
  .drawer-menu [data-all-links][data-depth="0"] form.drawer-menu__form{
    position: sticky !important;

    /* 👇 esto es lo que lo SUBE sin transform */
    bottom: calc(var(--salpi-loc-raise) + env(safe-area-inset-bottom, 0px)) !important;

    z-index: 80 !important;
    background: var(--color-background, #fff) !important;
    border-top: 1px solid rgba(0,0,0,.10) !important;

    padding: 10px 12px !important;
    margin: 0 !important;

    pointer-events: auto !important;
  }

  /* Por si algún estilo raro pisa los clicks */
  .drawer-menu [data-all-links][data-depth="0"] form.drawer-menu__form,
  .drawer-menu [data-all-links][data-depth="0"] form.drawer-menu__form *{
    pointer-events: auto !important;
  }

  /* En depth=1 (selector abierto), NO tocamos nada: que el theme haga el slide */
  .drawer-menu [data-all-links][data-depth="1"] form.drawer-menu__form{
    bottom: 0 !important; /* neutral */
  }
}
/* --- PRODUCT PAGE (layout compacto) --- */
.product__tax,.product__tax-note,.tax-note,.product__policies,.shopify-payment-button__more-options{display:none!important;}
.product__main{position:relative!important;}
.product__title{margin:0!important;line-height:1.05!important;font-weight:700!important;font-size:14px!important;padding-right:110px!important;}
.product__price-and-ratings,.product__price{position:absolute!important;right:0!important;top:7px!important;margin:0!important;white-space:nowrap!important;transform:none!important;}
.product__price-and-ratings .money,.product__price .money{font-size:11px!important;line-height:1.1!important;}
@media(min-width:750px){.product__title{font-size:20px!important;}.product__price-and-ratings .money,.product__price .money{font-size:14px!important;}}
.variant-picker,.product__block--variant-picker,.product__block--variant_picker{margin-top:6px!important;padding-top:0!important;}
/* ============ COMPACTAR DRAWER MENU (MÓVIL) ============ */
@media (max-width: 989px){
  /* reduce padding del header del drawer */
  .drawer__header,
  .menu-drawer__header{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: auto !important;
  }

  /* fila TIENDA (back + title) */
  .menu-drawer__navigation-title,
  .menu-drawer__title,
  .menu-drawer__heading{
    margin: 0 !important;
    padding: 8px 0 !important;
    line-height: 1.1 !important;
  }

  /* reduce espacio antes de la lista */
  .menu-drawer__navigation,
  .menu-drawer__navigation-container,
  .menu-drawer__inner,
  .drawer__inner{
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* reduce espacio entre items si el theme mete mucho gap */
  .menu-drawer__menu,
  .list-menu{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
/* ===== SALPI / STILETTO: compactar espacio superior del drawer ===== */
@media (max-width: 989px){

  /* Quita padding/margen global del drawer */
  .drawer-menu,
  .drawer-menu__content,
  .drawer-menu__inner,
  form.drawer-menu__form{
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Reduce altura del header del drawer (zona X / logo / iconos) */
  .drawer-menu__header,
  .drawer__header,
  .menu-drawer__header{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    min-height: 0 !important;
    height: auto !important;
  }

  /* Reduce el bloque del título/volver (“TIENDA”) */
  .drawer-menu__navigation-title,
  .drawer-menu__title,
  .drawer-menu__heading,
  .menu-drawer__navigation-title,
  .menu-drawer__title,
  .menu-drawer__heading{
    margin: 0 !important;
    padding: 6px 0 !important;
    line-height: 1.1 !important;
  }

  /* Sube la lista de links (quita el “aire” antes de CAMISETAS) */
  .drawer-menu [data-all-links],
  .drawer-menu__navigation,
  .drawer-menu__menu,
  .menu-drawer__navigation,
  .menu-drawer__menu{
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Si hay gap entre bloques del drawer */
  .drawer-menu__content > *{
    margin-top: 0 !important;
  }
/* SALPI — Sticky ATC: fix price drifting (desktop) */
@media (min-width: 990px){
  .sticky-atc-bar__details{
    position: relative !important;
    padding-right: 140px !important; /* deja hueco para el precio */
  }

  .sticky-atc-bar__price{
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    z-index: 2 !important;
  }

  /* evita que el botón tape el precio si el botón es ancho */
  .sticky-atc-bar__button{
    position: relative !important;
    z-index: 1 !important;
  }
body {
  outline: 8px solid red !important;
}



