/* Overrides propios del storefront (cargado DESPUÉS de main.css para ganar).
   Mantener chico y comentado. */

/* Galería del detalle de producto: mostrar la imagen COMPLETA.
   El tema fue diseñado para fotos verticales 3:4 y usa object-fit:cover, que
   recorta cualquier imagen con otra proporción (p. ej. las generadas 1:1 o una
   foto cuadrada/apaisada que suba el comercio). Con `contain` se ve el producto
   entero sin recorte; el fondo neutro rellena el espacio sobrante. */
.product-slider-for-img img,
.product-slider-nav-img img {
    object-fit: contain;
    background-color: #f5f5f7;
}

/* La tira de miniaturas NO debe desplazarse al navegar: las flechas y el clic en
   una miniatura solo cambian la imagen grande y resaltan la activa (no "ruedan"
   el nav dejando miniaturas fuera de vista). Slick reposiciona la miniatura
   activa arriba con un translate en `.slick-track`; lo congelamos. Las galerías
   de producto tienen pocas imágenes, así que entran todas sin scroll. */
.product-slider-nav.slick-vertical .slick-track {
    transform: none !important;
}

/* Comparar productos: la plantilla lo trae solo como demo (sin backend) y el panel
   mostraba productos ficticios. Oculto hasta que exista la funcion real. */
.aq-compare-btn {
    display: none !important;
}

/* Pedido confirmado: pasos numerados de pago manual / compra por WhatsApp. */
.aq-os-steps {
    margin: 24px auto 0;
    max-width: 560px;
    padding: 20px 22px;
    text-align: left;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
}
.aq-os-steps__title {
    margin: 0 0 14px;
    font-size: 16px;
    font-weight: 600;
    color: var(--aq-common-black);
}
.aq-os-steps__list {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: aq-os-step;
}
.aq-os-steps__list > li {
    position: relative;
    padding: 0 0 14px 40px;
    counter-increment: aq-os-step;
    font-size: 14px;
    line-height: 1.5;
    color: #55585B;
}
.aq-os-steps__list > li:last-child {
    padding-bottom: 0;
}
.aq-os-steps__list > li::before {
    content: counter(aq-os-step);
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--aq-common-black);
    color: var(--aq-common-white);
    font-size: 13px;
    font-weight: 600;
    line-height: 26px;
    text-align: center;
}
.aq-os-steps__list > li > strong {
    display: block;
    color: var(--aq-common-black);
}
.aq-os-steps__note {
    margin: 14px 0 0;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.5;
    color: #92400E;
    background: #FEF3C7;
    border: 1px solid #FDE68A;
    border-radius: 8px;
}
.aq-checkout-payment-hint {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.5;
    color: #6B7280;
}

/* Checkout: permiso para avisos del pedido por WhatsApp. */
.aq-checkout-wa-optin {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.45;
    color: #55585B;
    cursor: pointer;
}
.aq-checkout-wa-optin input {
    margin-top: 3px;
    flex-shrink: 0;
    width: auto;
    height: auto;
}

/* Sin logo subido: el nombre de la tienda como marca (nunca el logo de la plantilla). */
.omni-logo-text {
    display: inline-block;
    max-width: 220px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.01em;
    color: var(--aq-common-black, #111);
    word-break: break-word;
}

/* Home benefits: equal columns regardless of customized text length. */
.aqf-shop-feature-style .omni-home-features {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    align-items: start;
    padding: 30px 20px;
}
.omni-home-features .aqf-shop-feature-item {
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}
.omni-home-features .aqf-shop-feature-content {
    min-width: 0;
    overflow-wrap: anywhere;
}
.omni-home-features .aqf-shop-feature-item h4 {
    line-height: 1.3;
}
.omni-home-features .aqf-shop-feature-icon span {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .omni-home-features .aqf-shop-feature-item h4 {
        min-height: 2.6em;
    }
    .aqf-shop-feature-style .omni-home-features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 32px;
        padding: 40px;
    }
}
@media (min-width: 1200px) {
    .aqf-shop-feature-style .omni-home-features {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 24px;
    }
}