/* =============================================================================
   STORLANT — ÜRÜN SAYFASI PREMIUM
   =============================================================================
   Yalnız ürün sayfasında yüklenir (index.php). Tüm kurallar `.sp-urun`
   altında; main.css'teki eski kurallar !important kullandığı için gereken
   yerlerde ezilir. Renkler tema.css tokenlarından (gündüz + gece).
   Fiyat hesabı ve sepete ekleme mantığına dokunulmaz; yalnız görünüm.
   ============================================================================= */

.sp-urun {
    --spu-r: 18px;
    --spu-r-b: 22px;
    --spu-altin-1: #DDB94F;
    --spu-altin-2: #B48C1E;
    --spu-koyu: #1B1A22;
}

/* -----------------------------------------------------------------------------
   Genel düzen
   ----------------------------------------------------------------------------- */
.sp-urun .product-detail > .row { --bs-gutter-x: 36px; }

@media (min-width: 992px) {
    .sp-urun .product-detail > .row > .col-md-6:first-child .detail-gallery {
        position: sticky;
        top: 96px;
    }
}

/* -----------------------------------------------------------------------------
   Galeri
   ----------------------------------------------------------------------------- */
.sp-urun .gallery-main-wrapper {
    position: relative;
    border-radius: var(--spu-r-b) !important;
    border: 1px solid var(--sx-kenar) !important;
    background: var(--sx-yuzey2) !important;
    overflow: hidden;
}
.sp-urun .mySwiper2 .swiper-slide {
    aspect-ratio: 4 / 5;
    display: flex; align-items: center; justify-content: center;
}
.sp-urun .mySwiper2 .swiper-slide > a { display: block; width: 100%; height: 100%; cursor: zoom-in; }
.sp-urun .mySwiper2 .swiper-slide img,
.sp-urun .mySwiper2 .swiper-slide video {
    width: 100% !important; height: 100% !important;
    max-height: none !important;
    object-fit: contain;
    border-radius: 0 !important;
}

.sp-galeri-sayac.swiper-pagination-fraction {
    position: absolute; left: auto !important; right: 14px; bottom: 14px !important; top: auto;
    width: auto !important; z-index: 5;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(22, 21, 26, .72);
    color: #FFFFFF;
    font-size: 12px; font-weight: 700; letter-spacing: .04em;
    backdrop-filter: blur(6px);
}
.sp-galeri-zoom {
    position: absolute; left: 14px; bottom: 14px; z-index: 5;
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .86);
    color: #16151A;
    font-size: 12px; font-weight: 700;
    pointer-events: none;
    backdrop-filter: blur(6px);
}
.sp-galeri-zoom i { font-size: 15px; }
@media (hover: hover) and (pointer: fine) {
    .sp-galeri-zoom { opacity: 0; transition: opacity .25s; }
    .sp-urun .gallery-main-wrapper:hover .sp-galeri-zoom { opacity: 1; }
}

.sp-urun .mySwiperThumbs { margin-top: 12px !important; }
.sp-urun .mySwiperThumbs .swiper-slide {
    height: auto !important;
    aspect-ratio: 1 / 1;
    border-radius: 14px !important;
    border: 2px solid transparent !important;
    overflow: hidden;
    cursor: pointer;
    background: var(--sx-yuzey2);
}
.sp-urun .mySwiperThumbs .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.sp-urun .mySwiperThumbs .swiper-slide-thumb-active { border-color: var(--sx-vurgu) !important; }

/* -----------------------------------------------------------------------------
   Satın alma kutusu — başlık
   ----------------------------------------------------------------------------- */
.sp-urun .detail-info {
    padding: 30px 30px 26px !important;
    background: var(--sx-yuzey);
    border: 1px solid var(--sx-kenar);
    border-radius: var(--spu-r-b);
    box-shadow: var(--sx-golge-o);
}

.sp-kat-chip { margin-bottom: 10px; }
.sp-kat-chip a {
    display: inline-flex; align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--sx-vurgu-zayif);
    color: var(--sx-vurgu);
    font-size: 11.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
    text-decoration: none;
}
.sp-kat-chip a:hover { color: var(--sx-vurgu-hover); }

.sp-urun .title-detail {
    margin: 0 0 12px !important;
    font-family: var(--sx-baslik-yazi) !important;
    font-size: 34px !important; font-weight: 600 !important; line-height: 1.12 !important;
    color: var(--sx-yazi) !important;
}

.sp-urun .product-price-cover {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
    margin: 0 0 12px !important; padding: 0 !important; border: 0 !important;
}
.sp-urun .product-price-cover > .product-price:not(:has(img)) { display: none !important; }
.sp-urun .sp-puan-satir {
    display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: wrap; gap: 8px;
    width: 100%;
    margin: 0 !important; padding: 0 !important;
    font-size: 13.5px;
}
.sp-puan-satir__puan { font-weight: 800; font-size: 15px; color: var(--sx-yazi); }
.sp-puan-satir a { color: var(--sx-yazi-soluk); font-weight: 600; text-decoration: underline; text-decoration-color: var(--sx-kenar-guclu); text-underline-offset: 3px; }
.sp-puan-satir a:hover { color: var(--sx-vurgu); }
.sp-puan-satir__ayrac { width: 4px; height: 4px; border-radius: 50%; background: var(--sx-kenar-guclu); }
.sp-yildiz--buyuk { font-size: 15px !important; }

.sp-sinyaller { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.sp-sinyaller span {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 11px;
    border-radius: 999px;
    background: var(--sx-yuzey2);
    font-size: 12.5px; font-weight: 600;
    color: var(--sx-yazi-soluk);
}
.sp-sinyaller .urun-s24 { background: var(--sx-hata-zemin); color: var(--sx-hata); }

/* -----------------------------------------------------------------------------
   Fiyat kartı
   ----------------------------------------------------------------------------- */
.sp-urun .sp-fiyat-kart {
    display: block !important;
    width: 100% !important;
    margin: 0 0 22px !important;
    padding: 18px 20px !important;
    border: 1px solid var(--sx-kenar) !important;
    border-radius: var(--spu-r) !important;
    background:
        radial-gradient(120% 140% at 100% 0%, rgba(201, 162, 39, .12), transparent 60%),
        var(--sx-vurgu-zayif) !important;
    transition: border-color .3s, box-shadow .3s;
}
.sp-urun .sp-fiyat-kart.is-toplam { border-color: var(--sx-vurgu) !important; box-shadow: var(--sx-altin-parilti); }
.sp-fiyat-kart__ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 4px; }
.sp-fiyat-etiket {
    font-size: 11.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
    color: var(--sx-vurgu);
}
.sp-urun .sp-fiyat-kart .discount-label {
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: var(--sx-hata-dolgu) !important;
    color: #FFFFFF !important;
    font-size: 12px !important; font-weight: 800 !important; letter-spacing: .04em;
}
.sp-fiyat-kart__fiyat {
    display: flex !important; flex-wrap: wrap; align-items: baseline; column-gap: 12px;
    float: none !important; margin: 0 !important;
}
.sp-urun .sp-fiyat-kart .current-price,
.sp-urun .sp-fiyat-kart #guncel_fiyat {
    font-family: var(--sx-baslik-yazi) !important;
    font-size: 44px !important; font-weight: 700 !important; line-height: 1.05 !important;
    color: var(--sx-yazi) !important;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}
.sp-urun .sp-fiyat-kart .old-price {
    margin: 0 !important;
    font-size: 16px !important; font-weight: 600 !important;
    color: var(--sx-eski-fiyat) !important;
}
.sp-fiyat-kart__not {
    margin-top: 8px;
    display: flex; gap: 6px; align-items: flex-start;
    font-size: 13px; line-height: 1.5; color: var(--sx-yazi-soluk);
}
.sp-fiyat-kart__not::before { content: "ⓘ"; color: var(--sx-vurgu); font-weight: 700; }

/* -----------------------------------------------------------------------------
   Adım başlıkları + ölçü
   ----------------------------------------------------------------------------- */
.sp-adim-bas {
    display: flex; align-items: center; gap: 10px;
    margin-bottom: 12px;
}
.sp-adim-bas strong { font-size: 15px; font-weight: 800; color: var(--sx-yazi); }
.sp-adim-no {
    width: 26px; height: 26px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--sx-yazi); color: var(--sx-yuzey);
    font-size: 13px; font-weight: 800;
}
.sp-adim-yardim {
    margin-left: auto;
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 13px; font-weight: 700;
    color: var(--sx-vurgu);
    text-decoration: none;
}
.sp-adim-yardim:hover { color: var(--sx-vurgu-hover); text-decoration: underline; }

.sp-olcu {
    margin-bottom: 20px;
    padding: 18px;
    border: 1px solid var(--sx-kenar);
    border-radius: var(--spu-r);
    background: var(--sx-yuzey);
    transition: box-shadow .3s, border-color .3s;
}
.sp-olcu.sp-vurgula { border-color: var(--sx-vurgu); box-shadow: 0 0 0 4px rgba(201, 162, 39, .25); }

.sp-urun .sp-olcu__izgara {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 92px;
    gap: 16px; align-items: center;
    margin: 0 !important;
}
.sp-urun .sp-olcu .product-custom-options {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
}
.sp-urun .sp-olcu .image-container { width: auto !important; }
.sp-urun .sp-olcu .image-container img { width: 100%; max-width: 92px !important; height: auto; opacity: .85; }
[data-tema="gece"] .sp-urun .sp-olcu .image-container img { filter: invert(1) hue-rotate(180deg); opacity: .7; }

.sp-alan { min-width: 0; }
.sp-urun .sp-alan .label-with-tooltip-sag { align-items: center; margin-bottom: 6px; }
.sp-urun .sp-alan label {
    display: inline !important; margin: 0 !important;
    font-size: 12.5px !important; font-weight: 800 !important; letter-spacing: .02em;
    color: var(--sx-yazi-soluk) !important;
}
.sp-urun .tooltip-icon { background: var(--sx-yazi); border-color: var(--sx-yazi); color: var(--sx-yuzey); font-size: 11px; width: 17px; height: 17px; }

.sp-alan__kutu { position: relative; }
.sp-urun .sp-alan__kutu input {
    width: 100% !important; height: 54px !important;
    padding: 0 46px 0 16px !important;
    border: 1.5px solid var(--sx-kenar-guclu) !important;
    border-radius: 14px !important;
    background: var(--sx-yuzey2) !important;
    color: var(--sx-yazi) !important;
    font-size: 20px !important; font-weight: 800 !important;
    font-variant-numeric: tabular-nums;
    box-shadow: none !important;
    transition: border-color .2s, background .2s, box-shadow .2s;
    -moz-appearance: textfield;
}
.sp-alan__kutu input::-webkit-outer-spin-button,
.sp-alan__kutu input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.sp-urun .sp-alan__kutu input::placeholder { color: var(--sx-yazi-silik); font-weight: 600; font-size: 15px; }
.sp-urun .sp-alan__kutu input:focus {
    outline: none;
    border-color: var(--sx-vurgu) !important;
    background: var(--sx-yuzey) !important;
    box-shadow: 0 0 0 4px rgba(201, 162, 39, .18) !important;
}
.sp-urun .sp-alan__kutu input[readonly] { background: var(--sx-yuzey3) !important; color: var(--sx-yazi-soluk) !important; }
.sp-alan__birim {
    position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
    font-size: 13px; font-weight: 800; color: var(--sx-yazi-silik);
    pointer-events: none;
}
.sp-alan__ipucu { display: block; margin-top: 6px; font-size: 12px; color: var(--sx-yazi-silik); }

/* Pile */
.sp-pile { margin-bottom: 18px; }
.sp-urun .sp-pile .pile-buttons { display: flex !important; flex-wrap: wrap; gap: 8px; margin: 0 0 10px !important; }
.sp-urun .sp-pile .pile-buttons label {
    margin: 0 !important;
    padding: 11px 18px !important;
    border-radius: 12px !important;
    border: 1.5px solid var(--sx-kenar-guclu) !important;
    background: var(--sx-yuzey) !important;
    color: var(--sx-yazi) !important;
    font-size: 14px !important; font-weight: 700 !important;
    cursor: pointer;
}
.sp-urun .sp-pile .pile-buttons input:checked + label {
    border-color: var(--sx-vurgu) !important;
    background: var(--sx-vurgu-zayif) !important;
    color: var(--sx-yazi) !important;
    box-shadow: inset 0 0 0 1px var(--sx-vurgu);
}
.sp-kumas {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 13px; color: var(--sx-yazi-soluk);
}
.sp-kumas b { color: var(--sx-yazi); }
.sp-kumas i { color: var(--sx-vurgu); font-size: 16px; }

.sp-urun .gk-detay-box { margin: 0 0 18px !important; border-radius: 14px !important; }

/* Renkler */
.sp-renkler { margin-bottom: 18px; }
.sp-urun .sp-renkler > label {
    display: block; margin-bottom: 8px;
    font-size: 12.5px; font-weight: 800; color: var(--sx-yazi-soluk);
}
.sp-urun .sp-renkler .alternatif-urunler-liste { display: flex; flex-wrap: wrap; gap: 10px; }
.sp-urun .sp-renkler .alternatif-urun {
    width: 56px; height: 56px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--sx-kenar);
    transition: border-color .2s, transform .2s;
}
.sp-urun .sp-renkler .alternatif-urun:hover { border-color: var(--sx-vurgu); transform: translateY(-2px); }
.sp-urun .sp-renkler .alternatif-urun img { width: 100%; height: 100%; object-fit: cover; }

/* -----------------------------------------------------------------------------
   Sepete ekle
   ----------------------------------------------------------------------------- */
#sepet_mesaj:not(:empty) {
    margin-bottom: 12px; padding: 10px 14px;
    border-radius: 12px;
    background: var(--sx-hata-zemin); color: var(--sx-hata);
    font-size: 13.5px; font-weight: 700;
}

.sp-urun .sp-satin-al {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 4px 0 18px !important;
    clear: both;
}
.sp-satin-al__satir { display: flex; align-items: stretch; gap: 10px; width: 100%; }
.sp-urun .sp-odeme, .sp-urun .sp-guven, .sp-urun .sp-urun-meta { clear: both; }

.sp-urun .sp-satin-al .detail-qty {
    float: none !important;
    margin: 0 !important;
    max-width: none !important; width: 112px !important; flex-shrink: 0;
    height: 56px;
    padding: 0 !important;
    display: flex; align-items: center; justify-content: space-between;
    border: 1.5px solid var(--sx-kenar-guclu) !important;
    border-radius: 14px !important;
    background: var(--sx-yuzey) !important;
}
.sp-urun .sp-satin-al .detail-qty button {
    position: static !important;
    width: 36px; height: 100%;
    border: 0; background: transparent;
    color: var(--sx-yazi); font-size: 16px;
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer;
}
.sp-urun .sp-satin-al .detail-qty button:hover { color: var(--sx-vurgu); }
.sp-urun .sp-satin-al .qty-val { font-size: 17px; font-weight: 800; color: var(--sx-yazi); }

.sp-urun .sp-satin-al .product-extra-link2 {
    flex: 1; min-width: 0;
    display: flex !important; align-items: stretch; gap: 10px;
    margin: 0 !important;
}
.sp-urun .sp-satin-al .button.button-add-to-cart {
    flex: 1;
    height: 56px !important; min-height: 56px;
    margin: 0 !important;
    padding: 0 18px !important;
    display: inline-flex !important; align-items: center; justify-content: center; gap: 10px;
    border: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #24222D, #0F0F14) !important;
    color: #FFFFFF !important;
    font-size: 16px !important; font-weight: 800 !important; letter-spacing: .02em;
    box-shadow: 0 14px 30px -14px rgba(15, 15, 20, .7) !important;
    transition: transform .2s, box-shadow .2s, background .2s !important;
}
.sp-urun .sp-satin-al .button.button-add-to-cart i { color: var(--spu-altin-1) !important; font-size: 18px !important; margin: 0 !important; }
.sp-urun .sp-satin-al .button.button-add-to-cart:hover {
    transform: translateY(-1px);
    background: linear-gradient(135deg, var(--spu-altin-1), var(--spu-altin-2)) !important;
    color: #16151A !important;
}
.sp-urun .sp-satin-al .button.button-add-to-cart:hover i { color: #16151A !important; }
[data-tema="gece"] .sp-urun .sp-satin-al .button.button-add-to-cart {
    background: linear-gradient(135deg, var(--spu-altin-1), var(--spu-altin-2)) !important;
    color: #16151A !important;
}
[data-tema="gece"] .sp-urun .sp-satin-al .button.button-add-to-cart i { color: #16151A !important; }

.sp-urun .sp-satin-al .product-extra-link2 .action-btn {
    width: 56px !important; height: 56px !important; flex-shrink: 0;
    margin: 0 !important;
    display: inline-flex !important; align-items: center; justify-content: center;
    border: 1.5px solid var(--sx-kenar-guclu) !important;
    border-radius: 14px !important;
    background: var(--sx-yuzey) !important;
    color: var(--sx-yazi) !important;
    font-size: 18px;
}
.sp-urun .sp-satin-al .product-extra-link2 .action-btn:hover { border-color: var(--sx-hata) !important; color: var(--sx-hata) !important; }

.sp-urun .sp-sor-btn {
    width: 100%;
    margin-top: 10px;
    justify-content: center;
    background: transparent !important;
    color: var(--sx-yazi) !important;
    border: 1.5px dashed var(--sx-kenar-guclu) !important;
    box-shadow: none !important;
    border-radius: 14px !important;
    font-weight: 700;
}
.sp-urun .sp-sor-btn:hover { border-color: var(--sx-vurgu) !important; color: var(--sx-vurgu) !important; transform: none !important; }
.sp-urun .sp-sor-btn i { color: var(--sx-vurgu); }
.sp-urun .stok_kod_durum:empty { display: none; }

/* -----------------------------------------------------------------------------
   Ödeme, güven, meta
   ----------------------------------------------------------------------------- */
.sp-odeme { display: grid; gap: 10px; margin-bottom: 18px; }
.sp-urun .sp-odeme .pf3-inline-note,
.sp-urun .sp-odeme .paytr-installment {
    margin: 0 !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
}
.sp-urun .sp-odeme .pf3-inline-note__title { font-size: 13.5px !important; }
.sp-urun .sp-odeme .pf3-inline-note__text,
.sp-urun .sp-odeme .pf3-inline-note__foot { font-size: 12.5px !important; }

.sp-urun .sp-guven {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: 0 !important; background: transparent !important;
}
.sp-urun .sp-guven .urun-guven-item {
    display: flex !important; align-items: center; gap: 10px;
    padding: 10px 12px !important;
    border-radius: 12px;
    background: var(--sx-yuzey2);
    color: var(--sx-yazi) !important;
    font-size: 13px !important;
}
.sp-urun .sp-guven .urun-guven-item i {
    flex-shrink: 0;
    width: 34px; height: 34px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--sx-yuzey); color: var(--sx-vurgu) !important;
    font-size: 18px !important;
}
.sp-urun .sp-guven .urun-guven-item span { display: flex; flex-direction: column; line-height: 1.25; }
.sp-urun .sp-guven .urun-guven-item b { font-size: 12.5px; font-weight: 800; }
.sp-urun .sp-guven .urun-guven-item small { font-size: 11.5px; color: var(--sx-yazi-silik); }

.sp-urun-meta {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px;
    padding-top: 14px;
    border-top: 1px solid var(--sx-kenar);
    font-size: 12.5px; color: var(--sx-yazi-silik);
}
.sp-urun-meta strong { color: var(--sx-yazi-soluk); }
.sp-urun .sp-urun-meta .paylas { float: none !important; display: flex; align-items: center; gap: 6px; margin: 0 !important; }
.sp-urun-meta__etiket { margin-right: 4px; }
.sp-urun .sp-urun-meta .paylas a {
    width: 32px !important; height: 32px !important;
    display: inline-flex !important; align-items: center; justify-content: center;
    border-radius: 50% !important;
    background: var(--sx-yuzey2) !important;
    color: var(--sx-yazi-soluk) !important;
    font-size: 16px; margin: 0 !important;
}
.sp-urun .sp-urun-meta .paylas a:hover { color: #FFFFFF !important; }

/* Eski mobil taksit şeridi yerine yapışkan satın al çubuğu kullanılıyor */
.sp-urun .pf3-mobile-sticky { display: none !important; }

/* -----------------------------------------------------------------------------
   Mobil yapışkan satın al çubuğu
   ----------------------------------------------------------------------------- */
.sp-yapiskan {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990;
    display: none;
    align-items: center; gap: 12px;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
    background: var(--sx-yuzey);
    border-top: 1px solid var(--sx-kenar);
    box-shadow: 0 -12px 30px -16px rgba(0, 0, 0, .35);
    transform: translateY(110%);
    transition: transform .35s cubic-bezier(.2, .8, .3, 1);
}
.sp-yapiskan.is-acik { transform: translateY(0); }
.sp-yapiskan__fiyat { display: flex; flex-direction: column; min-width: 0; line-height: 1.15; }
.sp-yapiskan__fiyat small { font-size: 10.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--sx-vurgu); }
.sp-yapiskan__fiyat b {
    font-family: var(--sx-baslik-yazi);
    font-size: 24px; font-weight: 700; color: var(--sx-yazi);
    white-space: nowrap;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}
.sp-yapiskan__btn {
    margin-left: auto;
    flex-shrink: 0;
    height: 50px; padding: 0 18px;
    display: inline-flex; align-items: center; gap: 8px;
    border: 0; border-radius: 14px;
    background: linear-gradient(135deg, var(--spu-altin-1), var(--spu-altin-2));
    color: #16151A;
    font-size: 14.5px; font-weight: 800;
    box-shadow: 0 10px 22px -12px rgba(180, 140, 30, .8);
}
@media (max-width: 991.98px) {
    .sp-yapiskan { display: flex; }
    body.sp-bar-acik .whatsapp-float { bottom: 92px !important; }
}

/* -----------------------------------------------------------------------------
   Sekmeler
   ----------------------------------------------------------------------------- */
.sp-urun .tab-style3 { margin-top: 44px !important; }
.sp-urun .tab-style3 .nav-tabs {
    display: flex; flex-wrap: nowrap; gap: 6px;
    overflow-x: auto; scrollbar-width: none;
    padding: 6px !important;
    border: 1px solid var(--sx-kenar) !important;
    border-radius: 16px !important;
    background: var(--sx-yuzey2) !important;
}
.sp-urun .tab-style3 .nav-tabs::-webkit-scrollbar { display: none; }
.sp-urun .tab-style3 .nav-item { flex-shrink: 0; }
.sp-urun .tab-style3 .nav-link {
    display: inline-flex !important; align-items: center; gap: 8px;
    margin: 0 !important;
    padding: 11px 18px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: var(--sx-yazi-soluk) !important;
    font-size: 13.5px !important; font-weight: 800 !important;
    text-transform: none !important; letter-spacing: 0 !important;
    white-space: nowrap;
}
.sp-urun .tab-style3 .nav-link.active {
    background: var(--sx-yuzey) !important;
    color: var(--sx-yazi) !important;
    box-shadow: var(--sx-golge-s);
}
.sp-sekme-sayi {
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--sx-vurgu-zayif);
    color: var(--sx-vurgu);
    font-size: 11.5px; font-weight: 800;
}
.sp-urun .tab-style3 .tab-content {
    margin-top: 16px;
    padding: 30px !important;
    border: 1px solid var(--sx-kenar) !important;
    border-radius: var(--spu-r-b) !important;
    background: var(--sx-yuzey) !important;
    box-shadow: none !important;
}

/* Açıklama: başlıklar ve özellik tablosu */
.sp-urun #aciklama { font-size: 15px; line-height: 1.75; color: var(--sx-yazi); }
.sp-urun #aciklama > div > p { max-width: 760px; }
.sp-urun #aciklama hr { margin: 26px 0 !important; border: 0 !important; height: 1px; background: var(--sx-kenar) !important; opacity: 1; }
.sp-urun #aciklama h3 {
    display: flex; align-items: center; gap: 10px;
    margin: 0 0 14px !important;
    font-family: var(--sx-baslik-yazi) !important;
    font-size: 24px !important; font-weight: 700 !important;
    color: var(--sx-yazi) !important;
}
.sp-urun #aciklama h3::before { content: ""; width: 22px; height: 2px; background: var(--sx-vurgu); }
.sp-urun #aciklama h3 strong { font-weight: inherit; }
.sp-urun #aciklama ul { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; gap: 0; }
.sp-urun #aciklama ul li { margin: 0 !important; padding: 0 !important; }
.sp-urun #aciklama ul li p { margin: 0 !important; padding: 10px 0 10px 22px; position: relative; border-bottom: 1px dashed var(--sx-kenar); }
.sp-urun #aciklama ul li p::before { content: "✓"; position: absolute; left: 0; top: 10px; color: var(--sx-vurgu); font-weight: 800; }
.sp-urun #aciklama ul li:last-child p { border-bottom: 0; }
/* "Etiket: değer" satırları iki sütunlu tabloya dönüşür */
.sp-urun #aciklama ul li p:has(> strong:first-child) {
    display: grid; grid-template-columns: minmax(130px, 200px) 1fr; column-gap: 16px;
    padding-left: 0;
}
.sp-urun #aciklama ul li p:has(> strong:first-child)::before { content: none; }
.sp-urun #aciklama ul li p > strong:first-child { color: var(--sx-yazi-soluk); font-weight: 700; }

.sp-urun .urun-karar-destek,
.sp-urun .urun-mini-rehber { border-radius: 16px !important; }

/* -----------------------------------------------------------------------------
   Değerlendirmeler
   ----------------------------------------------------------------------------- */
.sp-yorum-liste { display: grid; gap: 12px; }
.sp-urun .sp-yorum {
    margin: 0 !important;
    padding: 18px 20px !important;
    border: 1px solid var(--sx-kenar);
    border-radius: 16px;
    background: var(--sx-yuzey);
}
.sp-yorum__ust { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.sp-yorum__avatar {
    width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--sx-vurgu-zayif); color: var(--sx-vurgu);
    font-weight: 800; font-size: 15px;
}
.sp-yorum__kim { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.sp-yorum__kim strong { font-size: 14px; color: var(--sx-yazi); }
.sp-yorum__kim span { font-size: 12px; color: var(--sx-yazi-silik); }
.sp-yorum__ust .sp-yildiz { margin-left: auto; }
.sp-yorum__metin { margin: 0; font-size: 14.5px; line-height: 1.65; color: var(--sx-yazi); }
.sp-yorum__foto { margin-top: 12px; }
.sp-yorum__foto img {
    width: 96px; height: 96px; object-fit: cover;
    border-radius: 12px; cursor: zoom-in;
    border: 1px solid var(--sx-kenar);
}
.sp-yorum-daha {
    width: 100%; margin-top: 14px;
    padding: 14px;
    border: 1.5px solid var(--sx-kenar-guclu);
    border-radius: 14px;
    background: var(--sx-yuzey);
    color: var(--sx-yazi);
    font-weight: 800; font-size: 14px;
    cursor: pointer;
    transition: border-color .2s, background .2s;
}
.sp-yorum-daha span { color: var(--sx-yazi-silik); font-weight: 600; }
.sp-yorum-daha:hover { border-color: var(--sx-yazi); }
.sp-yorum-daha.is-yukleniyor { opacity: .6; cursor: progress; }

.sp-urun .comments-area__sidebar .progress {
    height: 26px !important; margin-bottom: 8px !important;
    border-radius: 999px !important;
    background: var(--sx-yuzey2) !important;
}
.sp-urun .comments-area__sidebar .progress-bar {
    background: linear-gradient(90deg, var(--spu-altin-1), var(--spu-altin-2)) !important;
    color: #16151A !important; font-weight: 800;
}

/* -----------------------------------------------------------------------------
   Kırılımlar
   ----------------------------------------------------------------------------- */
@media (max-width: 991.98px) {
    .sp-urun .detail-info { margin-top: 18px; padding: 22px 18px !important; }
    .sp-urun .title-detail { font-size: 28px !important; }
    .sp-urun .sp-fiyat-kart .current-price, .sp-urun .sp-fiyat-kart #guncel_fiyat { font-size: 36px !important; }
    .sp-urun .tab-style3 .tab-content { padding: 20px 16px !important; }
    /* Yapışkan çubuğun altında içerik kalmasın */
    .sp-urun { padding-bottom: 80px; }
}

@media (max-width: 575.98px) {
    .sp-urun .product-detail > .row > .col-md-6:first-child { padding-left: 0; padding-right: 0; }
    .sp-urun .gallery-main-wrapper { border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; }
    .sp-urun .mySwiperThumbs { padding: 0 12px; }
    .sp-urun .detail-info { border-radius: 18px; }
    .sp-urun .sp-olcu { padding: 14px; }
    .sp-urun .sp-olcu__izgara { grid-template-columns: 1fr; }
    .sp-urun .sp-olcu .image-container { display: none; }
    .sp-urun .sp-satin-al .detail-qty { width: 100px !important; }
    .sp-urun .sp-satin-al .button.button-add-to-cart { font-size: 15px !important; padding: 0 12px !important; }
    .sp-urun .sp-guven { grid-template-columns: 1fr; }
    .sp-urun #aciklama ul li p:has(> strong:first-child) { grid-template-columns: 1fr; row-gap: 2px; }
    .sp-yapiskan__fiyat b { font-size: 21px; }
    .sp-yapiskan__btn { padding: 0 14px; font-size: 13.5px; }
}

@media (prefers-reduced-motion: reduce) {
    .sp-yapiskan, .sp-olcu, .sp-urun .sp-satin-al .button.button-add-to-cart { transition: none !important; }
}

/* Eski mobil kurallar (main.css) sepete ekle satırını alt alta diziyordu */
.sp-urun .sp-satin-al .product-extra-link2 { flex-direction: row !important; }
.sp-urun .sp-satin-al .button.button-add-to-cart { width: auto !important; }
.sp-urun .sp-satin-al .detail-qty { justify-content: space-between !important; }

/* Yorum listesi: eski sabit yükseklikli kaydırma kutusu yerine doğal akış */
.sp-urun .comments-area .comment-list,
.sp-urun .comments-area__panel { max-height: none !important; overflow: visible !important; }
.sp-urun .single-comment.sp-yorum { border: 1px solid var(--sx-kenar) !important; box-shadow: none !important; }

/* Ölçü sınırları ve canlı uyarı */
.sp-alan__aralik { color: var(--sx-yazi-soluk); font-weight: 700; }
.sp-urun .sp-alan.is-hata .sp-alan__kutu input { border-color: var(--sx-hata) !important; box-shadow: 0 0 0 4px var(--sx-hata-zemin) !important; }
.sp-alan.is-hata .sp-alan__aralik { color: var(--sx-hata); }

/* Kırıntı: uzun ürün adı tek satırda kısaltılır */
.sp-urun .breadcrumb { max-width: 100%; flex-wrap: nowrap; overflow: hidden; }
.sp-urun .breadcrumb > a, .sp-urun .breadcrumb > span { flex-shrink: 0; }
.sp-kirinti-son { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--sx-yazi); font-weight: 600; }