/* Lavinya — Ürün galerisi: küçük resimler her kategoride TEK SIRA (yana kayar), taşma yok.
   Kaldırmak için show.php'deki <link> satırını silmek yeterli. */
.product-detail { --thumb: 56px; }
@media (min-width: 768px) { .product-detail { --thumb: 72px; } }
@media (min-width: 961px) { .product-detail { --thumb: 76px; } }

.product-detail .product-slider__thumbs {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    gap: 0.4rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 3px 2px 7px;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
}
.product-detail .product-slider__thumb {
    position: relative;
    flex: 0 0 var(--thumb) !important;
    width: var(--thumb) !important;
    height: var(--thumb) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    box-sizing: border-box;
    border: 2px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    scroll-snap-align: start;
    opacity: 1;
}
.product-detail .product-slider__thumb.is-active { border-color: #2563eb; box-shadow: 0 0 0 2px rgba(37, 99, 235, .25); }
.product-detail .product-slider__thumb picture,
.product-detail .product-slider__thumb-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.product-detail .product-slider__thumb--empty { background: #dbe3ee !important; border: 1px solid #94a3b8 !important; cursor: default; pointer-events: none; }
/* Kenarda devamı olduğunu gösteren solma (JS sınıfları ekler) */
.product-detail .product-slider__thumbs.has-more-end { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 34px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 34px), transparent); }
.product-detail .product-slider__thumbs.has-more-start { -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 34px), transparent); mask-image: linear-gradient(270deg, #000 calc(100% - 34px), transparent); }
.product-detail .product-slider__thumbs.has-more-start.has-more-end { -webkit-mask-image: linear-gradient(90deg, transparent, #000 34px, #000 calc(100% - 34px), transparent); mask-image: linear-gradient(90deg, transparent, #000 34px, #000 calc(100% - 34px), transparent); }

/* Spiralli: ön/arka dışındaki görseller iç sayfa görselleri (yarı beyaz yarı krem). Silik görünmesin, "İç" rozeti taşısın. */
.product-detail--spiralli .product-slider__thumb:not([data-spiralli-face]) { border-color: #94a3b8; }
.product-detail--spiralli .product-slider__thumb:not([data-spiralli-face])::after {
    content: 'İç';
    position: absolute; left: 0.25rem; bottom: 0.25rem; z-index: 1;
    padding: 0.1rem 0.35rem; border-radius: 999px;
    background: rgba(15, 23, 42, 0.78); color: #fff;
    font-size: 0.65rem; font-weight: 800; line-height: 1.2;
}
.product-detail--spiralli .product-slider__thumb:not([data-spiralli-face]) .product-slider__thumb-img { opacity: 1 !important; filter: none !important; }
.product-detail--spiralli .product-slider__thumbs { gap: 0.4rem; }
/* Şerit uzun olsa da kart genişliğini zorlamasın (taşmayı önler) */
.product-detail, .product-detail__gallery, .product-detail .product-slider { min-width: 0; max-width: 100%; }
.product-detail__gallery { overflow-x: clip; }