/* VELAXIZ v1.58.0 — 65/35 home statistics balance / stronger product thumb state / Support card hover. */

/* Home Statistics: four statistic cells = 65%; certification group = 35%.
 * The 1px divider is kept as a separate grid track so the proportions stay
 * visually stable instead of being distorted by flex margins. */
@media (min-width: 992px) {
    body.home .stats-bar .stats-inner {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 16.25fr)) 1px minmax(0, 35fr);
        align-items: center;
        gap: 0;
    }
    body.home .stats-bar .stat-item {
        width: auto;
        min-width: 0;
        padding: 0 clamp(8px, 1vw, 18px);
        justify-content: center;
    }
    body.home .stats-bar .stats-divider {
        width: 1px;
        height: 38px;
        margin: 0;
        justify-self: stretch;
        align-self: center;
        background: rgba(255,255,255,.18);
    }
    body.home .stats-bar .cert-logos {
        width: 100%;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        gap: clamp(8px, 1vw, 18px);
        padding: 0 clamp(12px, 1.2vw, 24px);
        box-sizing: border-box;
    }
}

/* Product Detail thumbnails: make the frame unmistakable while keeping the
 * image size stable. Active thumb receives a brand-blue outer ring. */
.single-product .prodeta-smimg-items {
    padding: 4px 7px;
}
.single-product .prodeta-smimg-cont {
    border: 2px solid #b8bec8;
    padding: 2px;
    background: #fff;
    box-sizing: border-box;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.single-product .prodeta-smimg-items:hover .prodeta-smimg-cont,
.single-product .prodeta-smimg-items:focus-within .prodeta-smimg-cont {
    border-color: #6f9fca;
    box-shadow: 0 0 0 1px rgba(22,109,187,.22);
}
.single-product .prodeta-smimg-items.slick-current .prodeta-smimg-cont,
.single-product .prodeta-smimg:not(.slick-initialized) .prodeta-smimg-items:first-child .prodeta-smimg-cont {
    border-color: var(--primary);
    box-shadow: 0 0 0 2px var(--primary);
}

/* Support quick-entry cards: border, icon and text all react together. */
.support-main-link .icons,
.support-main-link .icons svg,
.support-main-link .icons svg * ,
.support-main-link .title {
    transition: border-color .22s ease, color .22s ease, fill .22s ease, stroke .22s ease, transform .22s ease, box-shadow .22s ease;
}
.support-main-link:hover .icons,
.support-main-link:focus-visible .icons {
    border-color: var(--primary);
    box-shadow: 0 8px 20px rgba(22,109,187,.16);
    transform: translateY(-3px);
}
.support-main-link:hover .title,
.support-main-link:focus-visible .title {
    color: var(--primary);
}
.support-main-link:hover .icons svg path,
.support-main-link:hover .icons svg circle,
.support-main-link:hover .icons svg rect,
.support-main-link:hover .icons svg polygon,
.support-main-link:hover .icons svg line,
.support-main-link:focus-visible .icons svg path,
.support-main-link:focus-visible .icons svg circle,
.support-main-link:focus-visible .icons svg rect,
.support-main-link:focus-visible .icons svg polygon,
.support-main-link:focus-visible .icons svg line {
    fill: #0d5796;
    stroke: #0d5796;
}
.support-main-link:focus-visible {
    outline: none;
}

@media (prefers-reduced-motion: reduce) {
    .support-main-link .icons,
    .support-main-link .icons svg,
    .support-main-link .icons svg *,
    .support-main-link .title,
    .single-product .prodeta-smimg-cont {
        transition: none;
    }
}