/*
Theme Name: AUROS Pro Child
Theme URI: https://auros.com.co/
Description: Child theme de Pro para personalizaciones seguras de AUROS.
Author: William David Vivas Rubio
Author URI: https://auros.com.co/
Template: pro
Version: 1.0.0
Text Domain: auros-pro-child
*/



/* AUROS - Hide upload helper texts (max file size / allowed file types) */

/* Recommended: only for the upload field wrapper (Field Class: auros-upload-diseno) */
.single-product .auros-upload-diseno small{
    display: none !important;
}

/* Fallback: hides any small text that appears after the file input on single product pages */
.single-product form.cart input[type="file"] + small,
.single-product form.cart input[type="file"] ~ small{
    display: none !important;
}



/* =========================================================
    AUROS - Boton adjuntar (branding #0073ce)
   ========================================================= */

.single-product .auros-upload-diseno{
    padding: 10px 12px;
    border: 1px dashed rgba(0, 115, 206, 0.35);
    border-radius: 12px;
    background: rgba(0, 115, 206, 0.03);
}

.single-product .auros-upload-diseno input[type="file"]{
    width: 100%;
    font-size: 14px;
    color: #667085;
}

/* Boton (Chrome/Edge modernos) */
.single-product .auros-upload-diseno input[type="file"]::file-selector-button{
    background: #0073ce;
    color: #ffffff;
    border: 1px solid #0073ce;
    border-radius: 10px;
    padding: 8px 12px;
    margin-right: 10px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 120ms ease, box-shadow 160ms ease, background 160ms ease, border-color 160ms ease;
    box-shadow: 0 8px 18px rgba(0, 115, 206, 0.25);
}

/* Boton (compatibilidad WebKit) */
.single-product .auros-upload-diseno input[type="file"]::-webkit-file-upload-button{
    background: #0073ce;
    color: #ffffff;
    border: 1px solid #0073ce;
    border-radius: 10px;
    padding: 8px 12px;
    margin-right: 10px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 120ms ease, box-shadow 160ms ease, background 160ms ease, border-color 160ms ease;
    box-shadow: 0 8px 18px rgba(0, 115, 206, 0.25);
}

.single-product .auros-upload-diseno input[type="file"]::file-selector-button:hover,
.single-product .auros-upload-diseno input[type="file"]::-webkit-file-upload-button:hover{
    background: #005bb5;
    border-color: #005bb5;
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(0, 115, 206, 0.30);
}

.single-product .auros-upload-diseno input[type="file"]::file-selector-button:active,
.single-product .auros-upload-diseno input[type="file"]::-webkit-file-upload-button:active{
    transform: translateY(0);
    box-shadow: 0 8px 18px rgba(0, 115, 206, 0.25);
}

.single-product .auros-upload-diseno input[type="file"]:focus{
    outline: none;
}



/* Ocultar Kioscos sin eliminarlo */
#menu-item-43747,
.menu-item-43747 {
    display: none !important;
}



#pum-52023 .pum-container {
    position: relative !important;
    overflow: visible !important;
    background: #ffffff !important;
    border-radius: 18px !important;
}

#pum-52023 .pum-container::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
    background-image: url("https://auros.com.co/wp-content/uploads/2026/02/cropped-favicon.png");
    background-size: 70% auto;
    background-position: right 18px bottom 18px;
    background-repeat: no-repeat;
    opacity: 0.12;
    pointer-events: none;
    z-index: 0;
    border-bottom-right-radius: 18px;
}

#pum-52023 .pum-content,
#pum-52023 .pum-title {
    position: relative;
    z-index: 1;
    background: transparent !important;
}

#pum-52023 table,
#pum-52023 tr,
#pum-52023 td {
    background: transparent !important;
    border: none !important;
}




/* =========================================================
    BARRA DE COOKIES · ESTILO PREMIUM / FUTURISTA AUROS
    - Dock flotante
    - Fondo oscuro translúcido
    - Acento azul AUROS con glow sutil
    - Botones con más presencia
    - No modifica el modal, solo la barra inferior
========================================================= */

/* =========================================================
    CONTENEDOR PRINCIPAL DE LA BARRA
========================================================= */
#moove_gdpr_cookie_info_bar {
    left: 0 !important;
    right: 0 !important;
    bottom: 18px !important;
    width: min(980px, calc(100% - 36px)) !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-top: 3px solid rgba(0, 115, 206, 0.95) !important;
    border-radius: 18px !important;
    background: rgba(9, 16, 28, 0.78) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow:
        0 14px 40px rgba(0, 0, 0, 0.35),
        0 0 18px rgba(0, 115, 206, 0.12) !important;
    overflow: hidden !important;
    z-index: 999999 !important;
    position: fixed !important;
    animation: aurosCookieRevealSafe 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both !important;
    will-change: opacity, transform !important;
}

/* =========================================================
    CAPA DECORATIVA SUTIL
========================================================= */
#moove_gdpr_cookie_info_bar::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(0, 115, 206, 0.10) 0%,
            rgba(111, 66, 193, 0.05) 50%,
            rgba(255, 152, 56, 0.04) 100%
        );
    pointer-events: none;
    z-index: 0;
}

/* =========================================================
    SHIMMER ÚNICO SOBRE TODO EL BANNER
========================================================= */
#moove_gdpr_cookie_info_bar::after {
    content: "";
    position: absolute;
    inset: 0 !important;
    border-radius: inherit !important;
    background: linear-gradient(
        110deg,
        transparent 0%,
        transparent 38%,
        rgba(255, 255, 255, 0.00) 44%,
        rgba(255, 255, 255, 0.10) 48%,
        rgba(255, 255, 255, 0.22) 50%,
        rgba(255, 255, 255, 0.10) 52%,
        rgba(255, 255, 255, 0.00) 56%,
        transparent 62%,
        transparent 100%
    ) !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important;
    z-index: 3 !important;
    opacity: 0 !important;
    transform: translateX(-135%) skewX(-18deg) !important;
    animation: aurosCookieShimmerSafe 0.95s ease-out 0.70s 1 forwards !important;
}

/* =========================================================
    CONTENEDOR INTERNO
========================================================= */
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
    background: transparent !important;
    position: relative !important;
    z-index: 1 !important;
    padding: 12px 16px !important;
}

/* =========================================================
    TEXTO
========================================================= */
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content p,
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content p,
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
    width: 100% !important;
    max-width: 760px !important;
}

/* =========================================================
    ENLACES DENTRO DEL TEXTO
========================================================= */
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content a:not(.mgbutton):not(.moove-gdpr-infobar-allow-all):not(.moove-gdpr-infobar-reject-btn):not(.moove-gdpr-infobar-settings-btn) {
    color: #8fd0ff !important;
    text-decoration: none !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content a:not(.mgbutton):not(.moove-gdpr-infobar-allow-all):not(.moove-gdpr-infobar-reject-btn):not(.moove-gdpr-infobar-settings-btn):hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* =========================================================
    BOTONES · BASE GENERAL
========================================================= */
#moove_gdpr_cookie_info_bar button,
#moove_gdpr_cookie_info_bar a.mgbutton,
#moove_gdpr_cookie_info_bar .mgbutton {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    padding: 8px 14px !important;
    border: 1px solid transparent !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18) !important;
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        filter 0.22s ease,
        background 0.22s ease !important;
}

#moove_gdpr_cookie_info_bar button:hover,
#moove_gdpr_cookie_info_bar a.mgbutton:hover,
#moove_gdpr_cookie_info_bar .mgbutton:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.04) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22) !important;
}

/* =========================================================
    BOTÓN · ACEPTAR
========================================================= */
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-allow-all,
#moove_gdpr_cookie_info_bar .mgbutton.moove-gdpr-infobar-allow-all,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content a.moove-gdpr-infobar-allow-all {
    background: linear-gradient(135deg, #198754 0%, #157347 100%) !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
}

/* =========================================================
    BOTÓN · RECHAZAR
========================================================= */
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-reject-btn,
#moove_gdpr_cookie_info_bar .mgbutton.moove-gdpr-infobar-reject-btn,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content a.moove-gdpr-infobar-reject-btn {
    background: linear-gradient(135deg, #ff9838 0%, #f17c0f 100%) !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
}

/* =========================================================
    BOTÓN · CONFIGURAR COOKIES
========================================================= */
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-settings-btn,
#moove_gdpr_cookie_info_bar .mgbutton.moove-gdpr-infobar-settings-btn,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content a.moove-gdpr-infobar-settings-btn {
    background: #0073ce !important;
    border-color: #0073ce !important;
    color: #ffffff !important;
}

/* =========================================================
    DISTRIBUCIÓN Y ESPACIADO
========================================================= */
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    gap: 10px !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder,
#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder-secondary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

/* =========================================================
    RESPONSIVE
========================================================= */
@media (max-width: 768px) {
    #moove_gdpr_cookie_info_bar {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        bottom: 12px !important;
        border-radius: 16px !important;
    }

    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
        padding: 12px !important;
    }

    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content,
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content p,
    #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice,
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content p,
    #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
        max-width: 100% !important;
    }

    #moove_gdpr_cookie_info_bar button,
    #moove_gdpr_cookie_info_bar a.mgbutton,
    #moove_gdpr_cookie_info_bar .mgbutton {
        font-size: 12px !important;
        padding: 8px 12px !important;
        width: auto !important;
        min-width: 0 !important;
    }
}

/* =========================================================
    KEYFRAMES · ENTRADA
========================================================= */
@keyframes aurosCookieRevealSafe {
    0% {
        opacity: 0;
        transform: translateY(18px) scale(0.985);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* =========================================================
    KEYFRAMES · SHIMMER
========================================================= */
@keyframes aurosCookieShimmerSafe {
    0% {
        opacity: 0;
        transform: translateX(-135%) skewX(-18deg);
    }
    12% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateX(135%) skewX(-18deg);
    }
}

/* =========================================================
    AJUSTE DE LEGIBILIDAD · TEXTO MÁS GRANDE EN COOKIES
    - Solo aumenta el tamaño del texto
    - Mantiene el diseño compacto actual
========================================================= */

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content p,
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

@media (max-width: 768px) {
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content,
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content p,
    #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }
}

/* =========================================================
    AJUSTE DE LEGIBILIDAD · BOTONES MÁS GRANDES
    - Iguala mejor el tamaño visual con el texto del banner
    - El botón se sigue ajustando al contenido
========================================================= */

#moove_gdpr_cookie_info_bar button,
#moove_gdpr_cookie_info_bar a.mgbutton,
#moove_gdpr_cookie_info_bar .mgbutton {
    font-size: 16px !important;
    line-height: 1.2 !important;
    padding: 10px 16px !important;
    width: auto !important;
    min-width: 0 !important;
}

@media (max-width: 768px) {
    #moove_gdpr_cookie_info_bar button,
    #moove_gdpr_cookie_info_bar a.mgbutton,
    #moove_gdpr_cookie_info_bar .mgbutton {
        font-size: 15px !important;
        padding: 9px 14px !important;
    }
}

/* =========================================================
    AJUSTE DE BOTONES · SIN NEGRILLA
========================================================= */
#moove_gdpr_cookie_info_bar button,
#moove_gdpr_cookie_info_bar a.mgbutton,
#moove_gdpr_cookie_info_bar .mgbutton {
    font-weight: 400 !important;
}

/* =========================================================
    AJUSTE FINO · BOTONES PERFECTAMENTE CENTRADOS
========================================================= */
#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder,
#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder-secondary {
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder ul,
#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder-secondary ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: fit-content !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder li,
#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder-secondary li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}



/* =========================================================
   FOOTER PREMIUM + TIRA DE LUCES NAVIDEÑAS
   - Aplicado al footer real completo.
   - Mantiene el diseño premium.
   - Conserva la tira navideña.
   - No modifica las líneas debajo de la imagen.
   - Todos los títulos del footer quedan en #ff9838.
   - "Teléfono", "Whatsapp" y "Email" no se tocan.
   ========================================================= */

footer.x-colophon {
    position: relative;
    overflow: visible;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 18px 40px rgba(255, 255, 255, 0.04),
        inset 0 -28px 60px rgba(0, 0, 0, 0.18);
}

footer.x-colophon > .x-bar.x-bar-footer {
    position: relative;
    overflow: hidden;
}

footer.x-colophon > .x-bar.x-bar-footer > .x-bg {
    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(255, 255, 255, 0.12) 0%,
            rgba(255, 255, 255, 0.05) 18%,
            rgba(255, 255, 255, 0) 42%
        ),
        linear-gradient(
            180deg,
            #0a87ea 0%,
            #0073ce 38%,
            #005ca4 100%
        ) !important;
}

footer.x-colophon > .x-bar.x-bar-footer > .x-bg .x-bg-layer-lower-image,
footer.x-colophon > .x-bar.x-bar-footer > .x-bg .x-bg-layer-upper-color {
    display: none !important;
}

footer.x-colophon > .x-bar.x-bar-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.06) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    opacity: 0.55;
    z-index: 1;
}

footer.x-colophon > .x-bar.x-bar-footer::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 84px;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(7, 31, 60, 0) 0%,
        rgba(7, 31, 60, 0.36) 100%
    );
    z-index: 1;
}

footer.x-colophon::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 130vw;
    top: 0;
    height: 4px;
    pointer-events: none;
    background-image: radial-gradient(
        ellipse at 50% 50%,
        rgba(255, 255, 210, 1) 0%,
        rgba(255, 255, 190, 0.8) 35%,
        rgba(255, 230, 140, 0.35) 70%,
        rgba(255, 220, 100, 0) 100%
    );
    background-size: 100% 300%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0.9;
    filter: blur(0.6px);
    box-shadow:
        0 0 6px rgba(255, 255, 190, 0.9),
        0 0 14px rgba(255, 240, 150, 0.9),
        0 0 26px rgba(255, 220, 120, 0.85);
    animation: auros-luces-navidad 4.5s ease-in-out infinite alternate;
    z-index: 3;
}

footer.x-colophon > .x-bar.x-bar-footer > .x-bar-content {
    position: relative;
    z-index: 2;
}

footer.x-colophon > .x-bar.x-bar-footer .x-text,
footer.x-colophon > .x-bar.x-bar-footer p,
footer.x-colophon > .x-bar.x-bar-footer span,
footer.x-colophon > .x-bar.x-bar-footer li {
    color: #eaf4ff;
}



/* =========================================================
    FIX REAL FOOTER MOBILE · AUROS
    - Solo celular
    - No toca escritorio
    - Quita recortes de altura y overflow
    - Fuerza flujo vertical natural del footer
   ========================================================= */

@media (max-width: 767px) {

    /* =====================================================
        1) EVITAR DESBORDE HORIZONTAL GENERAL
       ===================================================== */
    html,
    body {
        overflow-x: hidden !important;
    }

    /* =====================================================
        2) QUITAR RECORTES EN TODOS LOS WRAPPERS DEL FOOTER
       ===================================================== */
    footer.x-colophon,
    footer.x-colophon > .x-bar,
    footer.x-colophon > .x-bar > .x-bar-content,
    footer.x-colophon > .x-bar > .x-bar-content > *,
    footer.x-colophon > .x-bar > .x-bar-content > * > * {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        clip: auto !important;
        clip-path: none !important;
        contain: none !important;
        transform: none !important;
    }

    /* =====================================================
        3) ANULA EL OVERFLOW HIDDEN DEL FOOTER GLOBAL
       ===================================================== */
    footer.x-colophon > .x-bar.x-bar-footer,
    footer.x-colophon > .x-bar {
        overflow: visible !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    /* =====================================================
        4) EL CONTENIDO DEL FOOTER SE APILA EN UNA COLUMNA
       ===================================================== */
    footer.x-colophon > .x-bar > .x-bar-content,
    footer.x-colophon > .x-bar.x-bar-footer > .x-bar-content {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 18px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 24px 20px !important;
    }

    /* =====================================================
        5) CADA BLOQUE DIRECTO DEL FOOTER OCUPA TODO EL ANCHO
       ===================================================== */
    footer.x-colophon > .x-bar > .x-bar-content > *,
    footer.x-colophon > .x-bar.x-bar-footer > .x-bar-content > * {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: both !important;
        position: static !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
    }

    /* =====================================================
        6) WRAPPERS INTERNOS: NADA DE COLUMNAS RÍGIDAS
       ===================================================== */
    footer.x-colophon .x-container,
    footer.x-colophon .x-row,
    footer.x-colophon .x-column,
    footer.x-colophon [class*="x-column"],
    footer.x-colophon [class*="x-col"],
    footer.x-colophon [class*="e-column"],
    footer.x-colophon [class*="e-col"],
    footer.x-colophon [class*="x-frame"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        margin: 0 0 18px 0 !important;
        padding: 0 !important;
        flex: none !important;
        float: none !important;
        clear: both !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
    }

    /* =====================================================
        7) TEXTOS Y LINKS NO EMPUJAN EL LAYOUT
       ===================================================== */
    footer.x-colophon a,
    footer.x-colophon p,
    footer.x-colophon span,
    footer.x-colophon li,
    footer.x-colophon .x-text {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    /* =====================================================
        8) ÚLTIMO TEXTO SIN ESPACIO SOBRANTE
       ===================================================== */
    footer.x-colophon .x-text:last-child,
    footer.x-colophon p:last-child {
        margin-bottom: 0 !important;
    }
}

/* =========================================================
   REDES SOCIALES FOOTER · 2 COLUMNAS EN MÓVIL
   - Solo responsive celular
   - 2 botones a la izquierda y 2 a la derecha
   - Ambas columnas alineadas a la izquierda
   ========================================================= */

@media (max-width: 767px) {

    .auros-socials {
        width: 100% !important;
    }

    .auros-socials__list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 16px !important;
        row-gap: 12px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        justify-items: start !important;
        align-items: start !important;
    }

    .auros-socials__item {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .auros-socials__item a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        width: 100% !important;
        text-align: left !important;
    }
}



@media (max-width: 767px) {
    #moove_gdpr_cookie_info_bar {
        z-index: 999 !important;
    }

    #moove_gdpr_cookie_modal {
        z-index: 1000000 !important;
    }
}

@media (max-width: 767px) {
    #moove_gdpr_cookie_modal {
        align-items: flex-start !important;
        padding-top: 104px !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 767px) {
    .joinchat,
    .chaty-widget,
    .ht-ctc-chat,
    #ctc_chat,
    .wa__btn_popup {
        z-index: 1 !important;
    }
}



/* ===== Scroll interno global para todas las descripciones de productos ===== */
@media (min-width: 1024px) {
    body.single-product div.product {
        align-items: flex-start;
    }

    body.single-product .summary.entry-summary .woocommerce-product-details__short-description {
        margin-bottom: 29px;
        overflow: visible;
    }

    body.single-product .summary.entry-summary .woocommerce-product-details__short-description > div {
        max-height: 49vh;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 0;
        box-sizing: border-box;
        scroll-behavior: smooth;
        scrollbar-gutter: auto;
        scrollbar-width: thin;
        scrollbar-color: rgba(0, 115, 206, 0.42) rgba(0, 115, 206, 0.08);
    }

    body.single-product .summary.entry-summary .woocommerce-product-details__short-description > div::-webkit-scrollbar {
        width: 10px;
    }

    body.single-product .summary.entry-summary .woocommerce-product-details__short-description > div::-webkit-scrollbar-track {
        background: rgba(0, 115, 206, 0.08);
        border-radius: 999px;
    }

    body.single-product .summary.entry-summary .woocommerce-product-details__short-description > div::-webkit-scrollbar-thumb {
        background: rgba(0, 115, 206, 0.42);
        border-radius: 999px;
        border: 2px solid rgba(255, 255, 255, 0.9);
    }

    body.single-product .summary.entry-summary .woocommerce-product-details__short-description > div::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 115, 206, 0.60);
    }

    body.single-product .woocommerce-product-gallery {
        position: sticky;
        top: 24px;
        align-self: flex-start;
    }
}

/* ===== Alinear imagen principal arriba y miniaturas debajo ===== */
@media (min-width: 1024px) {
    body.single-product .woocommerce-product-gallery {
        top: 0;
        margin-top: 0;
        padding-top: 0;
        align-self: flex-start;
    }

    body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
    body.single-product .woocommerce-product-gallery .flex-viewport {
        margin-top: 0;
        padding-top: 0;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs {
        position: static !important;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 12px;
        padding-top: 0;
        clear: both;
    }
}

/* ===== Centrar y agrandar la galería principal ===== */
@media (min-width: 1024px) {
    body.single-product .woocommerce-product-gallery {
        margin-left: auto;
        margin-right: auto;
    }

    body.single-product .woocommerce-product-gallery .flex-viewport,
    body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
    body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image,
    body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image a {
        width: 100%;
    }

    body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image a {
        display: flex;
        justify-content: center;
    }

    body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs {
        justify-content: center;
    }
}

/* ===== Agrandar solo miniaturas debajo de la imagen principal ===== */
@media (min-width: 1024px) {
    body.single-product .woocommerce-product-gallery .flex-control-thumbs {
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
        margin-top: 12px !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li {
        float: none !important;
        width: 102px !important;
        max-width: 102px !important;
        margin: 0 !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
}

/* ===== Miniaturas: sombra activa azul + zoom suave en hover/selección ===== */
@media (min-width: 1024px) {
    body.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
        transition: transform 0.28s ease, box-shadow 0.28s ease;
        transform: scale(1);
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
        transform: scale(1.06);
        box-shadow: 0 0 0 2px rgba(0, 115, 206, 0.22), 0 0 12px rgba(0, 115, 206, 0.30);
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
    body.single-product .woocommerce-product-gallery .flex-control-thumbs li.flex-active img {
        transform: scale(1.06);
        box-shadow: 0 0 0 2px rgba(0, 115, 206, 0.48), 0 0 16px rgba(0, 115, 206, 0.62), 0 0 24px rgba(0, 115, 206, 0.36);
    }
}

/* ===== Compatibilidad global sin pisar el diseño base ===== */
@media (min-width: 1024px) {
    /* ===== Descripción: aplicar solo cuando NO exista el div interno ===== */
    body.single-product .summary.entry-summary .woocommerce-product-details__short-description:not(:has(> div)) {
        margin-bottom: 29px;
        max-height: 49vh;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 0;
        box-sizing: border-box;
        scroll-behavior: smooth;
        scrollbar-gutter: auto;
        scrollbar-width: thin;
        scrollbar-color: rgba(0, 115, 206, 0.42) rgba(0, 115, 206, 0.08);
    }

    body.single-product .summary.entry-summary .woocommerce-product-details__short-description:not(:has(> div))::-webkit-scrollbar {
        width: 10px;
    }

    body.single-product .summary.entry-summary .woocommerce-product-details__short-description:not(:has(> div))::-webkit-scrollbar-track {
        background: rgba(0, 115, 206, 0.08);
        border-radius: 999px;
    }

    body.single-product .summary.entry-summary .woocommerce-product-details__short-description:not(:has(> div))::-webkit-scrollbar-thumb {
        background: rgba(0, 115, 206, 0.42);
        border-radius: 999px;
        border: 2px solid rgba(255, 255, 255, 0.9);
    }

    body.single-product .summary.entry-summary .woocommerce-product-details__short-description:not(:has(> div))::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 115, 206, 0.60);
    }

    /* ===== Galería: aplicar solo en layouts alternos que usan .images ===== */
    body.single-product .images:not(.woocommerce-product-gallery) {
        position: sticky;
        top: 0;
        margin-top: 0;
        padding-top: 0;
        margin-left: auto;
        margin-right: auto;
        align-self: flex-start;
    }

    body.single-product .images:not(.woocommerce-product-gallery) .woocommerce-product-gallery__wrapper,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-viewport {
        margin-top: 0;
        padding-top: 0;
        width: 100%;
    }

    body.single-product .images:not(.woocommerce-product-gallery) .woocommerce-product-gallery__image,
    body.single-product .images:not(.woocommerce-product-gallery) .woocommerce-product-gallery__image a {
        width: 100%;
    }

    body.single-product .images:not(.woocommerce-product-gallery) .woocommerce-product-gallery__image a {
        display: flex;
        justify-content: center;
    }

    body.single-product .images:not(.woocommerce-product-gallery) .woocommerce-product-gallery__image img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    /* ===== Miniaturas: solo en layouts alternos .images ===== */
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs {
        position: static !important;
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
        margin-top: 12px !important;
        padding-top: 0 !important;
        clear: both;
    }

    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li {
        float: none !important;
        width: 102px !important;
        max-width: 102px !important;
        margin: 0 !important;
    }

    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        transition: transform 0.28s ease, box-shadow 0.28s ease;
        transform: scale(1);
    }

    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li:hover img {
        transform: scale(1.06);
        box-shadow: 0 0 0 2px rgba(0, 115, 206, 0.22), 0 0 12px rgba(0, 115, 206, 0.30);
    }

    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li img.flex-active,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li.flex-active img {
        transform: scale(1.06);
        box-shadow: 0 0 0 2px rgba(0, 115, 206, 0.48), 0 0 16px rgba(0, 115, 206, 0.62), 0 0 24px rgba(0, 115, 206, 0.36);
    }
}

/* ===== Marca de agua con logo completo, más grande y sin recorte ===== */
@media (min-width: 1024px) {
    body.single-product div.product {
        position: relative;
        overflow: hidden;
    }

    body.single-product div.product::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 34%;
        height: 34%;
        background-image: url("https://auros.com.co/wp-content/uploads/2026/02/cropped-favicon.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right bottom;
        opacity: 0.06;
        pointer-events: none;
        z-index: 0;
    }

    body.single-product div.product > * {
        position: relative;
        z-index: 1;
    }
}

/* ===== Responsive: hacer que la descripción ocupe todo el ancho de su card ===== */
@media (max-width: 1023px) {
    body.single-product .summary.entry-summary {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.single-product .summary.entry-summary .woocommerce-product-details__short-description {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.single-product .summary.entry-summary .woocommerce-product-details__short-description > div {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
}

/* ===== Responsive: compactar botones consecutivos de descarga PDF ===== */
@media (max-width: 1023px) {
    /* ===== Contenedores que envuelven botones PDF ===== */
    body.single-product .summary.entry-summary .woocommerce-product-details__short-description p:has(a[href*=".pdf"]),
    body.single-product .summary.entry-summary .woocommerce-product-details__short-description div:has(a[href*=".pdf"]),
    body.single-product .summary.entry-summary .woocommerce-product-details__short-description li:has(a[href*=".pdf"]) {
        margin-top: 0 !important;
        margin-bottom: 4px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        line-height: normal !important;
    }

    /* ===== Botones PDF ===== */
    body.single-product .summary.entry-summary .woocommerce-product-details__short-description a[href*=".pdf"],
    body.single-product .summary.entry-summary .woocommerce-product-details__short-description a.x-btn[href*=".pdf"],
    body.single-product .summary.entry-summary .woocommerce-product-details__short-description a.button[href*=".pdf"] {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        vertical-align: top !important;
    }

    /* ===== Quitar saltos manuales extra alrededor de botones PDF ===== */
    body.single-product .summary.entry-summary .woocommerce-product-details__short-description p:has(a[href*=".pdf"]) br,
    body.single-product .summary.entry-summary .woocommerce-product-details__short-description div:has(a[href*=".pdf"]) br,
    body.single-product .summary.entry-summary .woocommerce-product-details__short-description li:has(a[href*=".pdf"]) br {
        display: none !important;
    }

    /* ===== Último botón PDF: sin aire innecesario debajo ===== */
    body.single-product .summary.entry-summary .woocommerce-product-details__short-description p:has(a[href*=".pdf"]):last-child,
    body.single-product .summary.entry-summary .woocommerce-product-details__short-description div:has(a[href*=".pdf"]):last-child,
    body.single-product .summary.entry-summary .woocommerce-product-details__short-description li:has(a[href*=".pdf"]):last-child {
        margin-bottom: 0 !important;
    }
}

/* ===== Galería global premium: contador visual + miniaturas compactas + flechas si existen ===== */

/* ===== Base visual segura para la galería ===== */
body.single-product .woocommerce-product-gallery,
body.single-product .images:not(.woocommerce-product-gallery) {
    --auros-total: "1";
    position: relative;
}

body.single-product .woocommerce-product-gallery .flex-viewport,
body.single-product .images:not(.woocommerce-product-gallery) .flex-viewport {
    border-radius: 18px;
    overflow: hidden;
}

/* ===== Contador total de imágenes ===== */
body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:last-child:nth-child(2)),
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:last-child:nth-child(2)) {
    --auros-total: "2";
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:last-child:nth-child(3)),
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:last-child:nth-child(3)) {
    --auros-total: "3";
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:last-child:nth-child(4)),
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:last-child:nth-child(4)) {
    --auros-total: "4";
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:last-child:nth-child(5)),
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:last-child:nth-child(5)) {
    --auros-total: "5";
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:last-child:nth-child(6)),
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:last-child:nth-child(6)) {
    --auros-total: "6";
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:last-child:nth-child(7)),
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:last-child:nth-child(7)) {
    --auros-total: "7";
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:last-child:nth-child(8)),
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:last-child:nth-child(8)) {
    --auros-total: "8";
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:last-child:nth-child(9)),
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:last-child:nth-child(9)) {
    --auros-total: "9";
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:last-child:nth-child(10)),
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:last-child:nth-child(10)) {
    --auros-total: "10";
}

/* ===== Contador visual ===== */
body.single-product .woocommerce-product-gallery::after,
body.single-product .images:not(.woocommerce-product-gallery)::after {
    content: "1/" var(--auros-total);
    position: absolute;
    top: 14px;
    right: 14px;
    min-width: 56px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    color: #003b73;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(6px);
    pointer-events: none;
    z-index: 6;
}

/* ===== Estado actual del contador ===== */
body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(1) img.flex-active)::after,
body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(1).flex-active img)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(1) img.flex-active)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(1).flex-active img)::after {
    content: "1/" var(--auros-total);
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(2) img.flex-active)::after,
body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(2).flex-active img)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(2) img.flex-active)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(2).flex-active img)::after {
    content: "2/" var(--auros-total);
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(3) img.flex-active)::after,
body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(3).flex-active img)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(3) img.flex-active)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(3).flex-active img)::after {
    content: "3/" var(--auros-total);
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(4) img.flex-active)::after,
body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(4).flex-active img)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(4) img.flex-active)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(4).flex-active img)::after {
    content: "4/" var(--auros-total);
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(5) img.flex-active)::after,
body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(5).flex-active img)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(5) img.flex-active)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(5).flex-active img)::after {
    content: "5/" var(--auros-total);
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(6) img.flex-active)::after,
body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(6).flex-active img)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(6) img.flex-active)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(6).flex-active img)::after {
    content: "6/" var(--auros-total);
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(7) img.flex-active)::after,
body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(7).flex-active img)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(7) img.flex-active)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(7).flex-active img)::after {
    content: "7/" var(--auros-total);
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(8) img.flex-active)::after,
body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(8).flex-active img)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(8) img.flex-active)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(8).flex-active img)::after {
    content: "8/" var(--auros-total);
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(9) img.flex-active)::after,
body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(9).flex-active img)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(9) img.flex-active)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(9).flex-active img)::after {
    content: "9/" var(--auros-total);
}

body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(10) img.flex-active)::after,
body.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:nth-child(10).flex-active img)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(10) img.flex-active)::after,
body.single-product .images:not(.woocommerce-product-gallery):has(.flex-control-thumbs li:nth-child(10).flex-active img)::after {
    content: "10/" var(--auros-total);
}

/* ===== Flechas visuales: solo si el tema ya las imprime ===== */
body.single-product .woocommerce-product-gallery .flex-direction-nav a,
body.single-product .images:not(.woocommerce-product-gallery) .flex-direction-nav a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    height: 44px !important;
    margin-top: -22px !important;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
    opacity: 1 !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
    z-index: 7;
}

body.single-product .woocommerce-product-gallery .flex-direction-nav a:hover,
body.single-product .images:not(.woocommerce-product-gallery) .flex-direction-nav a:hover {
    transform: scale(1.06);
    box-shadow: 0 12px 28px rgba(0, 115, 206, 0.18);
}

body.single-product .woocommerce-product-gallery .flex-direction-nav a::before,
body.single-product .images:not(.woocommerce-product-gallery) .flex-direction-nav a::before {
    color: #0073ce !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

/* ===== Responsive: miniaturas compactas, abajo, con scroll horizontal y efectos premium ===== */
@media (max-width: 1023px) {
    body.single-product .woocommerce-product-gallery .flex-control-thumbs,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        inset: auto !important;
        transform: none !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 10px !important;
        margin-bottom: 0 !important;
        padding: 0 2px 6px !important;
        clear: both !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x !important;
        scroll-snap-type: x proximity;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li {
        float: none !important;
        flex: 0 0 74px !important;
        width: 74px !important;
        max-width: 74px !important;
        margin: 0 !important;
        scroll-snap-align: start;
        border-radius: 18px !important;
        overflow: visible !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li img,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        border-radius: 18px !important;
        border: 1px solid rgba(0, 115, 206, 0.14);
        transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease !important;
        transform: scale(1);
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li:hover img,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li:hover img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li:hover img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li:hover img {
        transform: scale(1.06);
        box-shadow: 0 0 0 2px rgba(0, 115, 206, 0.22), 0 0 12px rgba(0, 115, 206, 0.30);
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
    body.single-product .woocommerce-product-gallery .flex-control-thumbs li.flex-active img,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img.flex-active,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li.flex-active img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li img.flex-active,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li.flex-active img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li img.flex-active,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li.flex-active img {
        transform: scale(1.06);
        border-color: rgba(0, 115, 206, 0.55);
        box-shadow: 0 0 0 2px rgba(0, 115, 206, 0.48), 0 0 16px rgba(0, 115, 206, 0.62), 0 0 24px rgba(0, 115, 206, 0.36);
    }

    body.single-product .woocommerce-product-gallery .flex-direction-nav a,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-direction-nav a {
        width: 40px !important;
        height: 40px !important;
        margin-top: -20px !important;
    }

    body.single-product .woocommerce-product-gallery::after,
    body.single-product .images:not(.woocommerce-product-gallery)::after {
        top: 10px;
        right: 10px;
        min-width: 52px;
        padding: 6px 10px;
        font-size: 12px;
    }
}

/* ===== AJUSTE RESPONSIVE: miniaturas más pequeñas y borde gris #bfbfbf ===== */
@media (max-width: 1023px) {
    body.single-product .woocommerce-product-gallery .flex-control-thumbs,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        width: fit-content !important;
        max-width: 100% !important;
        margin-top: 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-top: 2px !important;
        padding-bottom: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x proximity;
        box-sizing: border-box !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li {
        flex: 0 0 48px !important;
        width: 48px !important;
        max-width: 48px !important;
        padding: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 18px !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li img,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        border: 1px solid #bfbfbf !important;
        outline: 0 !important;
        background: #ffffff !important;
        border-radius: 18px !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li:hover img,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li:hover img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li:hover img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li:hover img,
    body.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
    body.single-product .woocommerce-product-gallery .flex-control-thumbs li.flex-active img,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img.flex-active,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li.flex-active img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li img.flex-active,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li.flex-active img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li img.flex-active,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li.flex-active img {
        border-color: #bfbfbf !important;
    }
}

/* ===== AJUSTE RESPONSIVE: más espacio en altura para que no se corte la sombra ===== */
@media (max-width: 1023px) {
    body.single-product .woocommerce-product-gallery .flex-control-thumbs,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs {
        padding-top: 10px !important;
        padding-bottom: 14px !important;
        min-height: 76px !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }
}



/* ===== Miniaturas inferiores: curvar imagen y fondo sin tocar sombras, zoom ni colores ===== */
body.single-product .woocommerce-product-gallery .flex-control-thumbs li,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li {
    border-radius: 18px !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs li img,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li img {
    border-radius: 18px !important;
}

/* ===== FIX GLOBAL: curvar también la imagen principal en todos los productos ===== */
body.single-product .woocommerce-product-gallery .flex-viewport,
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image a,
body.single-product .images:not(.woocommerce-product-gallery) .flex-viewport,
body.single-product .images:not(.woocommerce-product-gallery) .woocommerce-product-gallery__image,
body.single-product .images:not(.woocommerce-product-gallery) .woocommerce-product-gallery__image a {
    border-radius: 18px !important;
    overflow: hidden !important;
}

body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
body.single-product .woocommerce-product-gallery img.wp-post-image,
body.single-product .images:not(.woocommerce-product-gallery) .woocommerce-product-gallery__image img,
body.single-product .images:not(.woocommerce-product-gallery) img.wp-post-image {
    display: block !important;
    border-radius: 18px !important;
}

/* ===== AJUSTE RESPONSIVE: reducir alcance de la sombra en miniaturas ===== */
@media (max-width: 1023px) {
    body.single-product .woocommerce-product-gallery .flex-control-thumbs li:hover img,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li:hover img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li:hover img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li:hover img {
        box-shadow: 0 0 0 1px rgba(0, 115, 206, 0.18), 0 0 6px rgba(0, 115, 206, 0.18) !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
    body.single-product .woocommerce-product-gallery .flex-control-thumbs li.flex-active img,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img.flex-active,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li.flex-active img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li img.flex-active,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li.flex-active img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li img.flex-active,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li.flex-active img {
        box-shadow: 0 0 0 1px rgba(0, 115, 206, 0.32), 0 0 8px rgba(0, 115, 206, 0.28), 0 0 12px rgba(0, 115, 206, 0.18) !important;
    }
}

/* ===== AJUSTE RESPONSIVE: reducir espacio entre miniaturas y título ===== */
@media (max-width: 1023px) {
    body.single-product .woocommerce-product-gallery,
    body.single-product .images:not(.woocommerce-product-gallery) {
        margin-bottom: 4px !important;
        padding-bottom: 0 !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs {
        margin-bottom: 0 !important;
        padding-bottom: 6px !important;
        min-height: 64px !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li {
        margin-bottom: 0 !important;
    }
}

/* ===== AJUSTE RESPONSIVE: reducir espacio externo entre galería y título ===== */
@media (max-width: 1023px) {
    body.single-product .woocommerce-product-gallery,
    body.single-product .images:not(.woocommerce-product-gallery) {
        margin-bottom: 21px !important;
        padding-bottom: 0 !important;
    }

    body.single-product .summary.entry-summary {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* ===== MINIATURAS MODERNAS SIN JS: SOLO ESTRUCTURA Y SCROLL, SIN PISAR EL DISEÑO ===== */
body.single-product .woocommerce-product-gallery .flex-control-thumbs,
body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs {
    position: static !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    touch-action: pan-x !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x proximity !important;
    scrollbar-gutter: stable !important;
    box-sizing: border-box !important;
    padding-right: 18px !important;
    scroll-padding-right: 18px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(0, 115, 206, 0.42) rgba(0, 115, 206, 0.10) !important;
}

/* ===== Scroll horizontal visible y fino ===== */
body.single-product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar,
body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs::-webkit-scrollbar,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
    height: 8px !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar-track,
body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-track,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs::-webkit-scrollbar-track,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-track {
    background: rgba(0, 115, 206, 0.08) !important;
    border-radius: 999px !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar-thumb,
body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs::-webkit-scrollbar-thumb,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb {
    background: rgba(0, 115, 206, 0.38) !important;
    border-radius: 999px !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar-thumb:hover,
body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb:hover,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs::-webkit-scrollbar-thumb:hover,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 115, 206, 0.58) !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs,
body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(0, 115, 206, 0.42) rgba(0, 115, 206, 0.10) !important;
}

/* ===== Cada miniatura se mantiene en la misma fila ===== */
body.single-product .woocommerce-product-gallery .flex-control-thumbs li,
body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li {
    float: none !important;
    flex: 0 0 auto !important;
    scroll-snap-align: start !important;
}

/* ===== Aire al final para que la última no quede mordida ===== */
body.single-product .woocommerce-product-gallery .flex-control-thumbs li:last-child,
body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li:last-child,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li:last-child,
body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li:last-child {
    margin-right: 18px !important;
}

/* ===== Desktop: miniaturas centradas ===== */
@media (min-width: 1024px) {
    body.single-product .woocommerce-product-gallery .flex-control-thumbs,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs {
        justify-content: center !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        gap: 14px !important;
        padding-top: 12px !important;
        padding-bottom: 14px !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        scroll-padding-left: 18px !important;
        scroll-padding-right: 18px !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li {
        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li:last-child,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li:last-child,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li:last-child,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li:last-child {
        margin-right: 0 !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li:hover img,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li:hover img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li:hover img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li:hover img {
        transform: scale(1.04) !important;
        box-shadow: 0 0 0 1px rgba(0, 115, 206, 0.16), 0 0 8px rgba(0, 115, 206, 0.16) !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
    body.single-product .woocommerce-product-gallery .flex-control-thumbs li.flex-active img,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img.flex-active,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li.flex-active img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li img.flex-active,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li.flex-active img,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li img.flex-active,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li.flex-active img {
        transform: scale(1.04) !important;
        box-shadow: 0 0 0 1px rgba(0, 115, 206, 0.30), 0 0 10px rgba(0, 115, 206, 0.22), 0 0 14px rgba(0, 115, 206, 0.14) !important;
    }
}

/* ===== Responsive: dejar intacta la lógica móvil actual ===== */
@media (max-width: 1023px) {
    body.single-product .woocommerce-product-gallery .flex-control-thumbs,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs {
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* ===== FIX RESPONSIVE QUIRÚRGICO: último botón PDF con mismo ancho y mismo espacio ===== */
@media (max-width: 1023px) {
    body.single-product .summary.entry-summary .woocommerce-product-details__short-description
    a[href*="avisos-y-garantias-proyector-laser-epson-powerlite-l210w.pdf"] {
        display: flex !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        align-self: stretch !important;
        box-sizing: border-box !important;
        margin-top: -px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* ===== FIX RESPONSIVE GLOBAL: centrar miniaturas en todos los productos sin tocar scroll ni diseño ===== */
@media (max-width: 1023px) {
    body.single-product .woocommerce-product-gallery .flex-control-thumbs li:first-child,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li:first-child,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li:first-child,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li:first-child {
        margin-left: auto !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs li:last-child,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li:last-child,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs li:last-child,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs li:last-child {
        margin-right: auto !important;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs,
    body.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-thumbs,
    body.single-product .images:not(.woocommerce-product-gallery) .flex-control-nav.flex-control-thumbs {
        padding-left: 18px !important;
        padding-right: 18px !important;
        box-sizing: border-box !important;
    }
}