/* Tienda sin Shopify. Los espaciados son los de cada sección del tema (padding_top/bottom × 0.75 en celular). */

/* Colección: product-grid 36/36 */
.c44-coleccion { padding-top: 27px; padding-bottom: 27px; }
/* Producto: main 36/12, relacionados 36/28 */
.c44-producto { padding-top: 27px; padding-bottom: 9px; }
.c44-relacionados { padding-top: 27px; padding-bottom: 21px; }
/* Carrito: items 36/36, footer 20/40 */
.c44-carrito-items { padding-top: 27px; padding-bottom: 27px; }
.c44-carrito-footer { padding-top: 15px; padding-bottom: 30px; }
/* Búsqueda: 36/36 */
.c44-busqueda { padding-top: 27px; padding-bottom: 27px; }
@media screen and (min-width: 750px) {
  .c44-coleccion { padding-top: 36px; padding-bottom: 36px; }
  .c44-producto { padding-top: 36px; padding-bottom: 12px; }
  .c44-relacionados { padding-top: 36px; padding-bottom: 28px; }
  .c44-carrito-items { padding-top: 36px; padding-bottom: 36px; }
  .c44-carrito-footer { padding-top: 20px; padding-bottom: 40px; }
  .c44-busqueda { padding-top: 36px; padding-bottom: 36px; }
}

/* Búsqueda — estilos en línea de sections/main-search.liquid */
.template-search__header { margin-bottom: 3rem; }
.template-search__search { margin: 0 auto 3.5rem; max-width: 74.1rem; }
.template-search__search .search { margin-top: 3rem; }
.template-search--empty { padding-bottom: 18rem; }
@media screen and (min-width: 750px) { .template-search__header { margin-bottom: 5rem; } }
.search__button .icon { height: 1.8rem; }

/* Producto: contador de fotos solo en celular (en computadora van apiladas) */
.c44-slider-dots { display: none; }
@media screen and (max-width: 749px) { .c44-slider-dots { display: flex; justify-content: center; } }
.c44-variantes { margin: 1.5rem 0 .5rem; }
.product__info-container .c44-quote-cta { margin-top: 1.6rem; }
.product-form__buttons .shopify-payment-button__button--unbranded { width: 100%; min-height: 4.6rem; font-weight: 800; }

/* Pago y confirmación: piezas del asistente de reservas (c44-book, c44-opt, c44-summary) */
.c44-pago-seccion, .c44-pedido { position: relative; overflow: hidden; }
.c44-pago__head { margin-bottom: 3.2rem; position: relative; z-index: 1; }
.c44-pago__head .c44-title { margin: 0; }
.c44-pago-seccion .c44-book__grid, .c44-pedido .c44-book__grid { position: relative; z-index: 1; }
.c44-pago__pasos { display: grid; gap: 1.6rem; }
.c44-pago h3, .c44-pedido h3 { display: flex; align-items: center; gap: 1rem; }
.c44-pago__num { width: 3rem; height: 3rem; border-radius: 50%; display: inline-grid; place-items: center; background: var(--c44-loteria); color: var(--c44-tinta); font-size: 1.5rem; font-weight: 800; flex: none; }
.c44-pago .c44-opt .c44-money svg { width: 2rem; height: 2rem; }
.c44-pago__wa svg { color: #1faa53; }
.c44-pago .c44-field select { appearance: auto; }
.c44-pago.is-intentado .c44-field input:invalid:not(:focus) { border-color: var(--c44-chile); box-shadow: 0 0 0 1px var(--c44-chile); }
.c44-pago__resumen h3 { margin: 0 0 .4rem; font-size: 2.2rem; font-weight: 800; }
.c44-pago__lineas { display: grid; gap: 1.2rem; margin: 0; padding: 0 0 1.2rem; border-bottom: 1px solid var(--c44-linea); }
.c44-pago__lineas li { display: grid; grid-template-columns: auto 1fr auto; gap: 1.2rem; align-items: center; }
.c44-pago__foto { position: relative; width: 6.4rem; height: 6.4rem; border-radius: var(--c44-r-sm); background: #fff; border: 1px solid var(--c44-linea); display: grid; place-items: center; }
.c44-pago__foto img { max-width: 5.6rem; max-height: 5.6rem; width: auto; height: auto; object-fit: contain; }
.c44-pago__foto i { position: absolute; top: -.8rem; right: -.8rem; min-width: 2.2rem; height: 2.2rem; padding: 0 .5rem; border-radius: 999px; background: var(--c44-tinta); color: var(--c44-papel); font-style: normal; font-size: 1.2rem; font-weight: 800; display: grid; place-items: center; }
.c44-pago__cant { font-weight: 800; color: var(--c44-barro); }
.c44-pago__nombre { display: grid; font-size: 1.35rem; color: var(--c44-arena); line-height: 1.35; }
.c44-pago__nombre b { color: var(--c44-tinta); font-size: 1.45rem; }
.c44-pago__importe { font-weight: 800; white-space: nowrap; }
.c44-pago__editar { justify-self: start; font-size: 1.3rem; color: var(--c44-arena); text-underline-offset: .3rem; }
.c44-pago__boton { width: 100%; justify-content: center; min-height: 5.6rem; font-size: 1.7rem; }
.c44-pago__boton[disabled] { opacity: .65; cursor: progress; }
.c44-pago__ayuda { justify-self: center; }
.c44-pago__vacio { text-align: center; justify-items: center; max-width: 56rem; margin: 0 auto; }
.c44-pago__mascota { position: absolute; right: -2rem; bottom: -2rem; width: 14rem; pointer-events: none; }
@media (max-width: 989px) { .c44-pago__mascota { display: none; } }
.c44-pedido__hola .c44-title { font-size: clamp(3rem, 5vw, 4.4rem); margin: 0; }
.c44-pedido__pasos { margin: 0; padding-left: 2.2rem; display: grid; gap: .8rem; font-size: 1.5rem; }
.c44-pedido__pasos li::marker { font-weight: 800; color: var(--c44-barro); }
.c44-pedido .c44-summary dd { overflow-wrap: anywhere; }
.c44-pedido .c44-pago__lineas li { grid-template-columns: auto 1fr auto; align-items: start; }

.c44-pedido__hola { gap: 1.2rem; }
.c44-pedido__hola .c44-eyebrow, .c44-pedido__hola .c44-lead { margin: 0; }
.c44-pedido__hola h3 { margin-top: 1.2rem; }
.c44-pedido__hola .c44-actions { margin-top: .8rem; }
.c44-pago__head .c44-title { line-height: 1.1; padding-bottom: .2em; }
@media (max-width: 749px) {
  .c44-pago__head { margin-bottom: 2.4rem; }
  .c44-pago .c44-opt { grid-template-columns: 2.4rem 1fr; }
  .c44-pago .c44-opt .c44-money { grid-column: 2; font-size: 1.3rem; }
  .c44-pago .c44-opt span { line-height: 1.45; }
}
