/* Termékoldal — BT_2026 kártya-nyelv a főképre, bélyegképekre és a fülekre.
   A kiírásokat (Raktáron!, érkezés, csomagolás/outlet/ráadás szövegek) nem érinti:
   a címkék pozíciója és stílusa a témából marad. */

/* --- Főkép: keretes, világos képlap, 4:3 --- */
.product-single-header .images > a.product-main-image {
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 4 / 3;
    margin: 0 0 12px;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #ECEFF3;
    cursor: zoom-in;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.product-single-header .images > a.product-main-image img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    box-shadow: none;
    transition: transform .25s ease;
}

@media (hover: hover) {
    .product-single-header .images > a.product-main-image:hover {
        border-color: #C9D4E2;
        box-shadow: 0 6px 22px rgba(30, 85, 148, .12);
    }

    .product-single-header .images > a.product-main-image:hover img {
        transform: scale(1.02);
    }
}

/* --- Bélyegképek: 80 px-es négyzetek, aktív/hover kék kerettel --- */
.product-single-header .images .thumbnails {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
}

.product-single-header .images .thumbnails::before,
.product-single-header .images .thumbnails::after {
    display: none;
    content: none;
}

.product-single-header .images .thumbnails a {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0;
    padding: 2px;
    background: #ffffff;
    border: 2px solid #E0E0E0;
    overflow: hidden;
    transition: border-color .15s ease;
}

.product-single-header .images .thumbnails a:hover,
.product-single-header .images .thumbnails a:focus,
.product-single-header .images .thumbnails a.active {
    border-color: #1E5594;
}

.product-single-header .images .thumbnails a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    box-shadow: none;
}

/* --- Fülek: aláhúzás-jelölős, dobozok nélkül --- */
.type-product .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    border: 0;
    border-bottom: 2px solid #E0E0E0;
    margin-top: 0;
    margin-bottom: 22px; /* a téma 95 px-es oldalsó margója marad, a leírással egy vonalban */
    padding: 0;
}

.type-product .nav-tabs > li,
.type-product .nav-tabs > li:first-child,
.type-product .nav-tabs > li:last-child,
.type-product .nav-tabs > li.active,
.type-product .nav-tabs > li.active:last-child {
    float: none;
    display: block;
    width: auto;
    margin: 0 0 -2px;
    border: 0 !important;
    background: none;
    text-align: left;
}

.type-product .nav-tabs > li.active::after,
.type-product .nav-tabs > li.active:last-child::after,
.type-product .nav-tabs > li:last-child.active::after {
    display: none;
    content: none;
}

.type-product .nav-tabs > li > a {
    display: block;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 700;
    color: #0A0A0A;
    background: none;
    border: 0 !important;
    border-radius: 0;
    box-shadow: inset 0 -2px 0 transparent;
    transition: color .2s ease, box-shadow .2s ease;
}

.type-product .nav-tabs > li > a:hover,
.type-product .nav-tabs > li > a:focus {
    color: #1E5594;
    background: none;
    box-shadow: inset 0 -2px 0 #C9D4E2;
}

.type-product .nav-tabs > li.active > a,
.type-product .nav-tabs > li.active > a:hover,
.type-product .nav-tabs > li.active > a:focus {
    color: #1E5594;
    background: none;
    box-shadow: inset 0 -2px 0 #1E5594;
}

@media (max-width: 480px) {
    .type-product .nav-tabs > li {
        width: 100%;
    }

    .type-product .nav-tabs > li > a {
        padding: 10px 6px;
    }
}