/* ==========================================================
   Fragancias Factory Storefront V3.7
   Capa de consolidación. No introduce lenguaje visual nuevo:
   cierra los conflictos heredados de V3.1–V3.6 y añade la
   vista cuadrícula/lista y el pulido del buscador de escritorio.
   ========================================================== */

/* ---------- Producto individual: una sola autoridad de layout ----------
   El problema de PC no era falta de reglas, era exceso: main.css, v31.css y
   v36.css declaraban tres grids distintos y dos umbrales distintos (901px y
   1023px). Entre 901 y 1023px las miniaturas quedaban absolutas dentro de un
   flujo en bloque y se montaban sobre el nombre y el precio.
   V3.7 alinea los umbrales en 1024px y garantiza el flujo vertical real de la
   columna derecha. */
@media (min-width:1024px) {
  .single-product .woocommerce div.product > .summary { display:flex!important; flex-direction:column!important; align-items:stretch!important; }
  .single-product .woocommerce div.product > .summary > * { float:none!important; clear:both!important; width:100%!important; }
  .single-product .product_title { order:1; }
  .single-product .ff-inspired--single { order:2; }
  .single-product .summary > p.price,
  .single-product .summary > .price { order:3; }
  .single-product .woocommerce-product-details__short-description { order:4; }
  .single-product .summary > form.cart { order:6; }
  .single-product .summary .ff-payment-rail,
  .single-product .summary .ff-payment-methods { order:7; }
  .single-product .summary .product_meta { order:8; }
  /* Las miniaturas absolutas solo existen cuando la galería es realmente la columna izquierda. */
  .single-product .woocommerce div.product div.images .flex-control-thumbs { z-index:1; }
  .single-product .woocommerce div.product > .summary { z-index:2; }
}

/* Entre tablet y escritorio pequeño el rail vuelve a ser horizontal y nada se superpone. */
@media (max-width:1023px) {
  .single-product .woocommerce div.product > .woocommerce-product-gallery { padding-left:0!important; }
  .single-product .woocommerce div.product div.images .flex-control-thumbs { position:static!important; flex-direction:row!important; width:auto!important; max-height:none!important; }
}

/* ---------- Métodos de pago: fila propia, siempre bajo el botón ---------- */
.single-product .summary .ff-payment-rail,
.single-product .summary .ff-payment-methods {
  display:block!important;
  clear:both!important;
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  margin:14px 0 0!important;
  padding:12px 0 0!important;
  border-top:1px solid rgba(29,42,36,.09)!important;
}
.single-product .summary form.cart .ff-payment-rail,
.single-product .summary form.cart .ff-payment-methods { margin-top:12px!important; }
/* Nunca en la misma línea que cantidad + añadir al carrito. */
.single-product .woocommerce-variation-add-to-cart .ff-payment-rail,
.single-product .woocommerce-variation-add-to-cart .ff-payment-methods,
.single-product form.cart > .quantity ~ .ff-payment-rail { flex-basis:100%!important; }

/* ---------- Catalogo: selector cuadricula / lista ----------
   V3.8: este bloque se retiro. El selector es exclusivo de movil (lista
   vertical o cuadricula de dos columnas) y su estilo vive en v38.css.
   En escritorio no se imprime. */

/* ---------- Buscador de escritorio ---------- */
@media (min-width:1024px) {
  .ff-header-search-trigger { min-width:340px; max-width:520px; min-height:48px; }
  .ff-header-search-trigger:focus-visible { outline:2px solid #17392f; outline-offset:3px; }
  .ff-search-overlay__field input[type="search"],
  .ff-search-overlay input[type="search"] { min-height:56px; font-size:17px; }
}

/* ---------- Guardas finales de overflow ----------
   Reafirmadas en la última hoja de la cascada para que ninguna regla previa
   pueda volver a ensanchar el documento. Los carruseles siguen desplazándose
   dentro de su propio viewport. */
html, body.ff-storefront-v37 { max-width:100%; overflow-x:clip; }
body.ff-storefront-v37 .ff-site,
body.ff-storefront-v37 .ff-shell,
body.ff-storefront-v37 .ff-woocommerce-shell { max-width:100%; min-width:0; }
body.ff-storefront-v37 img,
body.ff-storefront-v37 video,
body.ff-storefront-v37 iframe { max-width:100%; height:auto; }
body.ff-storefront-v37 .ff-mini-rail__track,
body.ff-storefront-v37 .ff-payment-rail__track,
body.ff-storefront-v37 .ff-category-tabs,
body.ff-storefront-v37 .ff-catalog-toolbar__chips { max-width:100%; }
/* 3.11.0: .ff-mini-rail ya no scrollea. El unico scroller del carrusel es
   .ff-mini-rail__track; dos scrollers anidados generaban el espacio fantasma. */
body.ff-storefront-v37 .ff-mini-rail { overflow:visible; }
body.ff-storefront-v37 .ff-payment-rail__viewport { overflow-x:auto; overscroll-behavior-x:contain; }

@media (prefers-reduced-motion:reduce) {
  body.ff-storefront-v37 * { animation-duration:.001ms!important; transition-duration:.001ms!important; }
}