/** Shopify CDN: Minification failed

Line 219:0 Unexpected "}"

**/
/* ================================
   PDP — ATC BUTTON (CLEAN FIX)
   - Black button always
   - Remove any ATC price fragments (desktop + mobile)
   ================================ */

/* 1) Force ATC button black */
body.template-product form[action*="/cart/add"] button[name="add"],
body.template-product button.product-form__submit[name="add"],
body.template-product .product-form__submit {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  color: #fff !important;
  border-color: #000 !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
}

/* 2) Kill Dawn/Copenhagen overlay layers that change color */
body.template-product form[action*="/cart/add"] button[name="add"]::before,
body.template-product form[action*="/cart/add"] button[name="add"]::after,
body.template-product .product-form__submit::before,
body.template-product .product-form__submit::after {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* 3) Keep text white (labels, spans, etc.) */
body.template-product form[action*="/cart/add"] button[name="add"] *,
body.template-product .product-form__submit * {
  color: #fff !important;
}

/* 4) Hover/focus stays black */
body.template-product form[action*="/cart/add"] button[name="add"]:hover,
body.template-product form[action*="/cart/add"] button[name="add"]:focus,
body.template-product .product-form__submit:hover,
body.template-product .product-form__submit:focus {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
}

/* 5) REMOVE any “ATC price” elements everywhere */
body.template-product .une-atc-price,
body.template-product .une-atc-inner,
body.template-product .une-atc-label {
  display: none !important;
}

/* 6) If your theme forced "button + price row" as flex, reset it */
body.template-product .product-form__buttons-row {
  display: block !important;
}

/* 7) Ensure button is full width (normal layout) */
body.template-product .product-form__buttons-row button[name="add"],
body.template-product .product-form__buttons-row .product-form__submit {
  width: 100% !important;
}
/* === PDP: ATC BLACK (solo botón negro, sin precio) === */

/* Botón negro */
body.body-template-product form[action*="/cart/add"] button[name="add"],
body.body-template-product button.product-form__submit[name="add"],
body.body-template-product .product-form__submit {
  background:#000 !important;
  background-color:#000 !important;
  background-image:none !important;
  border-color:#000 !important;
  color:#fff !important;
  box-shadow:none !important;
  opacity:1 !important;
}

/* Overlays típicos (::before/::after) */
body.body-template-product form[action*="/cart/add"] button[name="add"]::before,
body.body-template-product form[action*="/cart/add"] button[name="add"]::after,
body.body-template-product .product-form__submit::before,
body.body-template-product .product-form__submit::after {
  background:#000 !important;
  background-color:#000 !important;
  background-image:none !important;
  opacity:1 !important;
}

/* Texto dentro */
body.body-template-product form[action*="/cart/add"] button[name="add"] *,
body.body-template-product .product-form__submit * {
  color:#fff !important;
}

/* IMPORTANTE: si habías forzado la fila horizontal, lo anulamos */
body.body-template-product .product-form__buttons-row{
  display: block !important;
}

/* Por si quedó algún precio “fantasma” */
body.body-template-product .une-atc-price,
body.body-template-product .une-atc-inner{
  display: none !important;
}

/* === UNE MOBILE MENU (FINAL) – NO DUPLICAR NI PEGAR EN OTROS CSS === */
@media (max-width: 989px){

  /* Contenedor */
  .menu-drawer__navigation-container .menu-drawer__navigation{
    padding: 14px 16px 18px !important;
  }

  /* ---- Nivel 1: 4 items iguales + compacto ---- */
  .menu-drawer__navigation > ul > li{
    border-bottom: 0 !important; /* sin líneas fuera */
    margin: 0 !important;
    padding: 0 !important;
  }

  .menu-drawer__navigation > ul > li > a,
  .menu-drawer__navigation > ul > li > details > summary,
  .menu-drawer__navigation > ul > li > details > summary .menu-drawer__menu-item,
  .menu-drawer__navigation > ul > li > a.menu-drawer__menu-item{
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    min-height: 44px !important;
    padding: 4px 0 !important;
    display:flex !important;
    align-items:center !important;
  }

  /* + / – (y quitar carets del tema) */
  .menu-drawer .icon-caret,
  .menu-drawer svg.icon-caret{ display:none !important; }

  .menu-drawer details > summary{
    justify-content: space-between !important;
  }
  .menu-drawer details > summary::after{
    content:"+" !important;
    font-size: 20px !important;
    line-height: 1 !important;
    opacity: .85 !important;
    margin-left: 12px !important;
  }
  .menu-drawer details[open] > summary::after{ content:"–" !important; }

  /* Quitar el “volver” que duplicaba SHOP/INFO */
  .menu-drawer__close-button{ display:none !important; }

  /* ---- Submenú: un poco más pequeño, con líneas premium ---- */
  .menu-drawer__submenu{
    padding-left: 12px !important;
    margin: 0 !important;
  }

  /* NIVEL 2 y NIVEL 3 = MISMO tamaño (arregla “Por prenda” vs sus hijos) */
  .menu-drawer__submenu a,
  .menu-drawer__submenu summary,
  .menu-drawer__submenu .menu-drawer__menu-item,
  .menu-drawer__navigation ul ul a,
  .menu-drawer__navigation ul ul ul a{
    font-size: 14.5px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    opacity: .92 !important;
    min-height: 40px !important;
    padding: 4px 0 !important;
    display:flex !important;
    align-items:center !important;
  }

  /* Separadores SOLO dentro del submenú */
  .menu-drawer__submenu li{
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
  }
  .menu-drawer__submenu li:last-child{
    border-bottom: 0 !important;
  }
}
  /* ---- FIX: Por prenda (summary dentro del submenú) al mismo tamaño que subitems ---- */
  .menu-drawer__submenu details > summary,
  .menu-drawer__submenu details > summary .menu-drawer__menu-item,
  .menu-drawer__submenu details > summary *{
    font-size: 14.5px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    opacity: .92 !important;
  }

  /* ---- FIX: Los items dentro de Por prenda (nivel 3) al mismo tamaño reducido ---- */
  .menu-drawer__submenu details ul a,
  .menu-drawer__submenu details ul .menu-drawer__menu-item,
  .menu-drawer__submenu details ul *{
    font-size: 14.5px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    opacity: .92 !important;
  }

  /* Asegura que no hereden el tamaño “grande” del primer nivel */
  .menu-drawer__submenu details ul a{
    min-height: 40px !important;
    padding: 4px 0 !important;
  }
}
/* === HOTFIX: SHOP/INFO mismo tamaño que links del nivel 1 === */
@media (max-width: 989px){
  /* Asegura 18px en el summary del primer nivel */
  .menu-drawer__navigation > ul > li > details > summary{
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
  }

  /* IMPORTANTÍSIMO: fuerza que TODO lo que haya dentro del summary herede ese tamaño
     (excepto el icono +/– que va con ::after) */
  .menu-drawer__navigation > ul > li > details > summary > *{
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
  }
}
/* === FIX DEFINITIVO: SHOP/INFO mismo tamaño que BEST/WINTER (primer nivel) === */
@media (max-width: 989px){

  /* Primer nivel: links y summaries */
  .menu-drawer__navigation > ul > li > a,
  .menu-drawer__navigation > ul > li summary{
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
  }

  /* Todo el contenido dentro del summary hereda (por si hay spans con size propio) */
  .menu-drawer__navigation > ul > li summary *{
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
  }

  /* Mantén el +/– con el tamaño correcto */
  .menu-drawer__navigation > ul > li summary::after{
    font-size: 20px !important;
  }
}
@media (max-width:989px){
  .menu-drawer__navigation > ul > li summary { font-size: 28px !important; }
}