/**
 * Ürün detay — Açıklama / Taksit sekmeleri ve metin alanları
 * main.css üzerine yazılabilmesi için .pdt2 kapsayıcısı şarttır.
 * (Fontlar: site / main.css — burada ayrı font import edilmez.)
 */

 .pdt2 {
    --pdt2-bg: #f8f8fc;
    --pdt2-white: #ffffff;
    --pdt2-text: #1d2340;
    --pdt2-text-soft: #5f6785;
    --pdt2-border: #ebeaf5;
    --pdt2-shadow: 0 10px 30px rgba(31, 35, 64, 0.06);
    --pdt2-primary: #6c4ef6;
    --pdt2-primary-soft: #f3efff;
    --pdt2-note-bg: #faf7ff;
    --pdt2-note-border: #e7defe;
    --pdt2-muted: #a4abc2;
    color: var(--pdt2-text);
    line-height: 1.7;
}

/* service_detail bootstrap-free fallback grid (scoped) */
.pdt2-fallback-grid .container {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}

.pdt2-fallback-grid .row {
    display: flex;
    flex-wrap: wrap;
}

/* Product hero row: keep media/info side-by-side on desktop */
.pdt2-fallback-grid .pdt2-product-hero__row {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.pdt2-fallback-grid .col-xs-12,
.pdt2-fallback-grid .col-sm-12,
.pdt2-fallback-grid .col-md-12,
.pdt2-fallback-grid .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .pdt2-fallback-grid .col-md-4 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .pdt2-fallback-grid .col-md-5 {
        flex: 0 0 41.6667%;
        max-width: 41.6667%;
    }

    .pdt2-fallback-grid .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .pdt2-fallback-grid .col-md-7 {
        flex: 0 0 58.3333%;
        max-width: 58.3333%;
    }
}

.pdt2-fallback-grid .m-auto {
    margin: auto !important;
}

.pdt2-fallback-grid .mb-50 {
    margin-bottom: 3rem !important;
}

.pdt2-fallback-grid .mb-30 {
    margin-bottom: 1.875rem !important;
}

.pdt2-fallback-grid .mt-30 {
    margin-top: 1.875rem !important;
}

.pdt2-fallback-grid .mb-sm-5 {
    margin-bottom: 3rem !important;
}

.pdt2-fallback-grid .mb-md-0 {
    margin-bottom: 0 !important;
}

@media (max-width: 767.98px) {
    .pdt2-fallback-grid .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .pdt2-fallback-grid .mb-sm-5 {
        margin-bottom: 3rem !important;
    }
}

.pdt2.product-detail-tabs-area {
    margin-top: 8px;
}

/* Tab butonları — Bootstrap nav-tabs reset + referans görünüm */
.pdt2 .pdt2-tabnav.nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin-bottom: 26px !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    list-style: none !important;
}

.pdt2 .pdt2-tabnav .nav-item {
    margin: 0 !important;
    float: none !important;
}

.pdt2 .pdt2-tabnav .nav-link {
    display: inline-block !important;
    border: 1px solid var(--pdt2-border) !important;
    background: var(--pdt2-white) !important;
    color: #6b728a !important;
    padding: 16px 30px !important;
    border-radius: 18px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    line-height: 1.3 !important;
    box-shadow: var(--pdt2-shadow) !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
}

/* Sekme tetikleyicisi <button> ile (Bootstrap 5); kök stilleri sıfırla */
.pdt2 .pdt2-tabnav button.nav-link {
    appearance: none !important;
    -webkit-appearance: none !important;
    font-family: inherit !important;
    cursor: pointer !important;
    text-align: center !important;
    width: auto !important;
    max-width: 100% !important;
}

.pdt2 .pdt2-tabnav .nav-link:hover {
    color: var(--pdt2-primary) !important;
    border-color: #e8e1ff !important;
    background: #fbfaff !important;
}

.pdt2 .pdt2-tabnav .nav-link.active,
.pdt2 .pdt2-tabnav .show > .nav-link {
    color: var(--pdt2-primary) !important;
    border-color: #e8e1ff !important;
    background: #fbfaff !important;
}

.pdt2 .pdt2-tab-content.tab-content,
.pdt2 .pdt2-tab-content {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Özel sekme panelleri (Bootstrap tab-pane kullanılmıyor) */
.pdt2 .pdt2-tab-content .pdt2-tab-pane {
    display: none;
}

.pdt2 .pdt2-tab-content .pdt2-tab-pane.is-active {
    display: block;
}

/* Kartlar */
.pdt2 .pdt2-info-card {
    background: var(--pdt2-white);
    border: 1px solid var(--pdt2-border);
    border-radius: 24px;
    box-shadow: var(--pdt2-shadow);
    padding: 34px 36px;
    margin-bottom: 24px;
}

.pdt2 .pdt2-product-ingredients-card {
    padding: 24px;
    border: 1px solid #ece8f7;
    border-radius: 22px;
    background: #fff;
    box-shadow: var(--pdt2-shadow);
}

.pdt2 .pdt2-ingredients-main-title {
    margin: 0 0 0 0;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.2;
    color: #182347;
}

.pdt2 .pdt2-title-line {
    display: inline-block;
    width: 72px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--pdt2-primary), #bcaeff);
    margin: 10px 0 22px 0;
}

.pdt2 .pdt2-ingredients-layout {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.pdt2 .pdt2-ingredients-icon-box {
    width: 140px;
    min-width: 140px;
    border: 1px solid #e6defa;
    border-radius: 24px;
    background: #faf8ff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
}

.pdt2 .pdt2-card-icon.pdt2-purple-icon {
    width: auto;
    height: auto;
    min-width: auto;
    border-radius: 0;
    background: transparent;
    color: #785cff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
}

.pdt2 .pdt2-card-icon.pdt2-purple-icon svg {
    display: block;
    width: 72px;
    height: 72px;
}

.pdt2 .pdt2-ingredients-content-area {
    flex: 1;
    min-width: 0;
}

.pdt2 .pdt2-ingredients-text-box {
    background: #fcfbff;
    border: 1px solid var(--pdt2-border);
    border-radius: 18px;
    padding: 22px 24px;
    min-height: 140px;
    height: auto;
}

.pdt2 .pdt2-ingredients-text-box p,
.pdt2 .pdt2-ingredients-text-box {
    font-size: 16px;
    line-height: 1.9;
    color: #374164;
}

.pdt2 .pdt2-ingredients-text-box p:last-child {
    margin-bottom: 0;
}

.pdt2 .pdt2-info-note {
    margin-top: 22px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #e6defa;
    border-radius: 18px;
    background: #faf8ff;
    padding: 16px 18px;
    color: #5e6788;
    font-size: 15px;
    line-height: 1.6;
}

.pdt2 .pdt2-info-note-icon {
    width: 26px;
    height: 26px;
    min-width: 26px;
    border-radius: 50%;
    border: 1.5px solid #785cff;
    color: #785cff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    flex-shrink: 0;
}

.pdt2 .pdt2-product-description-card {
    margin-bottom: 24px;
}

/* Kısa açıklama kartı: hero’da gösterilir; alttaki tekrar yalnızca mobilde */
.pdt2 .pdt2-info-card.pdt2-product-description-card.pdt2-product-shortdesc-card {
    display: none !important;
}

@media only screen and (max-width: 768px) {
    .pdt2 .pdt2-info-card.pdt2-product-description-card.pdt2-product-shortdesc-card {
        display: block !important;
    }
}

.pdt2 .pdt2-section-title h2,
.pdt2 .pdt2-section-title .pdt2-section-heading {
    margin: 0 0 0 0;
    font-size: 28px;
    font-weight: 800;
    color: var(--pdt2-text);
    letter-spacing: -0.4px;
}

.pdt2 .pdt2-section-title {
    margin-bottom: 22px;
}

.pdt2 .pdt2-section-title .pdt2-title-line {
    margin-top: 10px;
    margin-bottom: 0;
}

.pdt2 .pdt2-editor-content {
    background: #ffffff;
    border: 1px solid var(--pdt2-border);
    border-radius: 8px;
    padding: 13px 28px;
}

.pdt2 .pdt2-editor-content h1,
.pdt2 .pdt2-editor-content h2,
.pdt2 .pdt2-editor-content h3,
.pdt2 .pdt2-editor-content h4,
.pdt2 .pdt2-editor-content h5,
.pdt2 .pdt2-editor-content h6 {
    color: var(--pdt2-text);
    margin-bottom: 16px;
    line-height: 1.4;
    font-weight: 800;
}

.pdt2 .pdt2-editor-content h1 {
    font-size: 30px;
}
.pdt2 .pdt2-editor-content h2 {
    font-size: 26px;
}
.pdt2 .pdt2-editor-content h3 {
    font-size: 16px;
    font-weight: 400;
}
.pdt2 .pdt2-editor-content h4 {
    font-size: 20px;
}

.pdt2 .pdt2-editor-content p {
    font-size: 16px;
    color: #333a57;
    line-height: 1.50;
}

.pdt2 .pdt2-editor-content p:last-child {
    margin-bottom: 0;
}

.pdt2 .pdt2-editor-content ul,
.pdt2 .pdt2-editor-content ol {
    padding-left: 24px;
    margin-bottom: 20px;
}

.pdt2 .pdt2-editor-content li {
    font-size: 18px;
    color: #333a57;
    margin-bottom: 10px;
}

.pdt2 .pdt2-editor-content a {
    color: var(--pdt2-primary);
    text-decoration: none;
    font-weight: 600;
}

.pdt2 .pdt2-editor-content a:hover {
    text-decoration: underline;
}

.pdt2 .pdt2-editor-content blockquote {
    margin: 22px 0;
    padding: 18px 20px;
    border-left: 4px solid var(--pdt2-primary);
    background: #faf8ff;
    border-radius: 12px;
    color: #4a5070;
    font-size: 17px;
}

.pdt2 .pdt2-editor-content img {
    max-width: 100%;
    height: auto;
    border-radius: 14px;
    margin: 14px 0;
}

.pdt2 .pdt2-quote-box {
    margin-top: 22px;
    background: #f6f3ff;
    border: 1px solid #ebe4ff;
    border-radius: 16px;
    padding: 16px 18px;
    font-size: 17px;
    color: #5c6380;
    line-height: 1.6;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

/* Sadece tırnak ikonu (çerçeve / kutu yok) */
.pdt2 .pdt2-quote-box-icon {
    flex: 0 0 auto;
    display: block;
    line-height: 1;
    color: var(--pdt2-primary);
    margin-top: 2px;
}

.pdt2 .pdt2-quote-box-icon i {
    font-size: clamp(26px, 6.5vmin, 40px);
    line-height: 1;
    display: block;
    transform: scaleX(-1);
}

.pdt2 .pdt2-quote-box-body {
    flex: 1;
    min-width: 0;
}

.pdt2 .pdt2-quote-box strong {
    color: var(--pdt2-primary);
    font-weight: 800;
    display: block;
    margin-bottom: 4px;
}

.pdt2 .pdt2-quote-box-sub {
    display: block;
    margin-top: 2px;
}

.pdt2 .pdt2-bottom-disclaimer {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid var(--pdt2-border);
    color: var(--pdt2-muted);
    border-radius: 20px;
    padding: 18px 20px;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 8px;
}

.pdt2 .pdt2-disclaimer-icon {
    width: 26px;
    height: 26px;
    min-width: 26px;
    border-radius: 50%;
    border: 1px solid #cfd4e6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--pdt2-muted);
    flex-shrink: 0;
}

.pdt2 .pdt2-taksit-placeholder {
    background: var(--pdt2-white);
    border: 1px solid var(--pdt2-border);
    border-radius: 20px;
    padding: 28px 32px;
    font-size: 16px;
    color: var(--pdt2-text-soft);
    box-shadow: var(--pdt2-shadow);
}

.pdt2 .pdt2-product-installments-card {
    margin-bottom: 0;
}

.pdt2 .pdt2-installments-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
}

.pdt2 .pdt2-installments-body > .pdt2-taksit-placeholder {
    grid-column: 1 / -1;
}

.pdt2 .pdt2-taksit-family {
    background: var(--pdt2-white);
    border: 1px solid var(--pdt2-border);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--pdt2-shadow);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.pdt2 .pdt2-taksit-family-head {
    padding: 18px 22px 14px;
    border-bottom: 1px solid var(--pdt2-border);
    background: linear-gradient(180deg, #fafbfd 0%, #fff 100%);
}

.pdt2 .pdt2-taksit-family-title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--pdt2-text);
    line-height: 1.3;
}

.pdt2 .pdt2-taksit-family-bank {
    margin: 6px 0 0;
    font-size: 14px;
    color: var(--pdt2-text-soft);
}

.pdt2 .pdt2-taksit-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.pdt2 .pdt2-taksit-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 0;
}

.pdt2 .pdt2-taksit-table thead th {
    padding: 12px 18px;
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--pdt2-muted);
    background: #f7f8fc;
    border-bottom: 1px solid var(--pdt2-border);
    white-space: nowrap;
}

.pdt2 .pdt2-taksit-table tbody td {
    padding: 14px 18px;
    font-size: 15px;
    color: var(--pdt2-text);
    border-bottom: 1px solid #eef1f6;
    white-space: nowrap;
}

.pdt2 .pdt2-taksit-table tbody tr:last-child td {
    border-bottom: none;
}

.pdt2 .pdt2-taksit-table tbody tr:nth-child(even) {
    background: #fbfcfe;
}

.pdt2 .pdt2-taksit-table tbody td:first-child {
    font-weight: 600;
}

.pdt2 .pdt2-taksit-table tbody td:last-child {
    font-weight: 700;
    color: var(--pdt2-text);
}

.pdt2 .pdt2-taksit-note {
    margin: 18px 0 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--pdt2-text-soft);
}

/* Galeri (ileride aynı sekmede kullanılırsa) */
.pdt2 .pdt2-gallery .ratio {
    border: 1px solid #e9ecef;
    border-radius: 12px;
    overflow: hidden;
}

@media (max-width: 992px) {
    .pdt2 .pdt2-info-card {
        padding: 26px 22px;
    }
}

@media (max-width: 768px) {
    .pdt2 .pdt2-ingredients-layout {
        flex-direction: column;
    }
    .pdt2-product-hero__row .product-detail-media-col{
        width: 100% !important;
    }
    .pdt2-product-hero__row .product-detail-info-col{
        width: 100% !important;
    }
    .pdt2-fallback-grid .row{
        margin-top: 10px;
    }
    .delivery-datetime-selection .form-group{
        margin: 0!important;
    }
    .pdt2 .pdt2-tabnav .nav-link{
        padding: 10px 13px !important;
        font-size: 14px !important;
        border-radius: 12px !important;
    }
    .pdt2 .pdt2-tabnav.nav{
        gap: 10px!important;
    }
    .pdt2 .pdt2-ingredients-icon-box {
        width: 100%;
        min-width: 100%;
        height: auto;
    }
    .pdt2 .pdt2-ingredients-main-title,
    .pdt2 .pdt2-section-title h2,
    .pdt2 .pdt2-section-title .pdt2-section-heading {
        font-size: 22px;
    }
    .pdt2 .pdt2-installments-body {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .pdt2 .pdt2-taksit-family-head {
        padding: 16px 16px 12px;
    }
    .pdt2 .pdt2-taksit-table thead th,
    .pdt2 .pdt2-taksit-table tbody td {
        padding: 12px 14px;
        font-size: 14px;
    }
    .pdt2 .pdt2-tabnav .nav-link {
        width: 100%;
        text-align: center;
        font-size: 16px;
        padding: 14px 18px;
    }
}

@media (max-width: 576px) {
    .pdt2-fallback-grid .pdt2-product-hero__row{
        flex-direction: column;
    }
    .pdt2 .pdt2-info-note-icon {
        display: none;
    }
    .pdt2 .pdt2-editor-content,
    .pdt2 .pdt2-ingredients-text-box {
        padding: 10px 16px;
    }
    .pdt2 .pdt2-editor-content p,
    .pdt2 .pdt2-editor-content li {
        font-size: 16px;
    }
}

/* -------------------------------------------------------------------------- */
/* Ürün detay — üst bölüm (görsel + bilgi) — referans modern mağaza düzeni     */
/* main.css ile çakışmayı kırmak için yüksek özgüllük + gerekli yerde !important */
/* -------------------------------------------------------------------------- */

.pdt2-product-hero {
    --pdt-hero-blue: #155bd5;
    --pdt-hero-blue-soft: #e8f0fd;
    --pdt-hero-wa: #25d366;
    --pdt-hero-text: #1a1f36;
    --pdt-hero-muted: #6b7280;
    --pdt-hero-radius: 12px;
    --pdt-hero-radius-lg: 16px;
    /* Görsel img köşe yarıçapı (kutu padding’i .pdt2-media-box’ta) */
    --pdt-media-img-radius: var(--pdt-hero-radius);
    color: var(--pdt-hero-text);
}

@media (min-width: 992px) {
    .pdt2-product-hero .pdt2-hero-info {
        padding-left: 1.25rem;
    }
}

/* Görsel + rozetler tek kart — içeriden 15px boşluk (görsel + rozetler bu padding içinde) */
.pdt2-media-box {
    background: #fff;
    border: 1px solid #e8ecf2;
    border-radius: var(--pdt-hero-radius-lg);
    box-shadow: 0 8px 28px rgba(21, 91, 213, 0.07);
    overflow: hidden;
    padding: 15px;
    box-sizing: border-box;
}

/* Galeri ekstra padding yok; boşluk kutunun kendi padding’i */
.pdt2-product-hero .pdt2-media-box .pdt2-gallery {
    padding: 0;
    box-sizing: border-box;
    background: transparent;
}

.pdt2-product-hero .pdt2-slider-wrap {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    margin-bottom: 0;
}

.pdt2-product-hero .pdt2-gallery-figure {
    margin: 0;
    border-radius: var(--pdt-media-img-radius);
    overflow: hidden;
    background: #fff;
}

.pdt2-product-hero .pdt2-gallery-figure img,
.pdt2-product-hero .pdt2-gallery-figure img.main-product-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: var(--pdt-media-img-radius);
    object-fit: cover;
}

/* Güven rozetleri (kart altı) — tam beyaz */
.pdt2-media-box .pdt2-trust-badges {
    border-top: 1px solid #edf0f5;
    background: #fff !important;
    padding: 10px 8px 12px;
}

.pdt2-trust-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

.pdt2-trust-badge {
    flex: 1 1 calc(33.333% - 8px);
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
    padding: 12px 8px;
    background: #f6f8fb;
    border: 1px solid #e8ecf2;
    border-radius: var(--pdt-hero-radius);
    font-size: 11px;
    font-weight: 600;
    color: #5c6370;
    line-height: 1.25;
}

.pdt2-media-box .pdt2-trust-badge {
    background: #fff !important;
}

.pdt2-trust-badge i {
    font-size: 18px;
    color: var(--pdt-hero-blue);
    line-height: 1;
}

@media (max-width: 576px) {
    .pdt2-trust-badge {
        flex: 1 1 100%;
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
        padding: 10px 12px;
    }
}

/* Sağ sütun — kategori: soluk mavi kutu + koyu mavi yazı (referans) */
.pdt2-category-box {
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 7px 14px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #0d47a1;
    background: #e3f0ff;
    border-radius: 6px;
    border: 1px solid rgba(13, 71, 161, 0.12);
    box-shadow: none;
    line-height: 1.35;
    max-width: 100%;
}

.pdt2-product-hero .pdt2-category-box {
    display: none !important;
}

.pdt2-product-title.title-detail {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

.pdt2-product-code {
    margin: 0 0 10px 0;
    font-size: 12px;
    font-weight: 300;
    color: #6b7280;
    letter-spacing: 0.02em;
    line-height: 1.4;
}

.pdt2-product-code__label {
    font-weight: 300;
    color: #9ca3af;
}

.pdt2-product-code__val {
    font-weight: 300;
    color: #6b7280;
}

.pdt2-local-delivery-note {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pdt2-local-delivery-note .bi {
    color: var(--theme-default-color, #e91e7a);
    font-size: 12px;
    line-height: 1;
}

/* Fiyat: sola yaslı; indirim varsa eski fiyat üstte üstü çizili soluk, güncel fiyat altta */
.pdt2-product-hero .pdt2-price-row.product-price-cover {
    float: none !important;
    clear: both;
    width: 100%;
    align-items: flex-start;
}

.pdt2-price-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 2px;
    margin-bottom: 16px;
    text-align: left;
}

.pdt2-price-row .pdt2-price-old {
    font-size: 0.95rem;
    line-height: 1.3;
    color: #b0b8c4 !important;
    text-decoration: line-through !important;
    font-weight: 500;
    margin-bottom: 2px;
}

.pdt2-price-row .pdt2-price-current {
    font-size: clamp(1.45rem, 2.1vw, 1.8rem) !important;
    font-weight: 800 !important;
    color: var(--pdt-hero-blue) !important;
    line-height: 1.2;
}

.pdt2-short-desc {
    margin-top: 16px !important;
    margin-bottom: 22px !important;
}

.pdt2-lead-text {
    margin: 0;
    font-size: 15px;
    line-height: 1.65;
    color: #4b5563;
    font-weight: 400;
}

/* Teslimat seçenekleri kartları */
.pdt2-product-hero .pdt2-delivery-button-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pdt2-product-hero .pdt2-delivery-type-btn.delivery-type-btn {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 14px 16px !important;
    text-align: left;
    border-radius: var(--pdt-hero-radius) !important;
    border: 1px solid #dbe4f0 !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.pdt2-product-hero .pdt2-delivery-type-btn.active {
    background: linear-gradient(180deg, #f0f7ff 0%, #e8f2fc 100%) !important;
    border-color: rgba(21, 91, 213, 0.35) !important;
    box-shadow: 0 4px 16px rgba(21, 91, 213, 0.1) !important;
}

.pdt2-delivery-ico {
    font-size: 22px;
    line-height: 1;
}

.pdt2-delivery-txt {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.pdt2-delivery-title {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #0a0a0a;
    line-height: 1.3;
}

.pdt2-delivery-sub {
    display: block;
    font-size: 12px;
    color: #9ca3af;
    line-height: 1.45;
    font-weight: 400;
}

.pdt2-delivery-check {
    display: none;
    width: 28px;
    height: 28px;
    min-width: 28px;
    align-items: center;
    justify-content: center;
    background: #ecfdf5;
    color: #059669;
    border-radius: 50%;
    font-size: 14px;
    line-height: 1;
}

.pdt2-delivery-check .fi-rs-check {
    font-size: 13px;
}

.pdt2-product-hero .pdt2-delivery-type-btn.active .pdt2-delivery-check {
    display: flex;
}

/* Blok başlıkları (lokasyon / tarih) */
.pdt2-block-title {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pdt2-block-title i {
    color: var(--pdt-hero-blue);
    font-size: 16px;
}

.pdt2-product-hero .pdt2-location-block,
.pdt2-product-hero .pdt2-datetime-block {
    background: #fff !important;
}

.pdt2-product-hero .pdt2-location-block .pdt2-loc-label,
.pdt2-product-hero .pdt2-location-block label,
.pdt2-product-hero .pdt2-datetime-block label {
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
    margin-bottom: 5px;
    display: block;
}

.pdt2-product-hero .pdt2-loc-row {
    --pdt-loc-col-gap: 10px;
}

.pdt2-product-hero .pdt2-loc-row .col-sm-12 + .col-sm-12 {
    margin-top: 8px;
}

@media (min-width: 992px) {
    .pdt2-product-hero .pdt2-loc-row .col-sm-12 + .col-sm-12 {
        margin-top: 0;
    }
}

.pdt2-product-hero .pdt2-loc-field {
    width: 100%;
    padding-right: 5px;
}

.pdt2-product-hero .pdt2-dt-group {
    margin-bottom: 0;
}

/* Native select: ok yerine sağda takvim / saat ikonu */
.pdt2-product-hero .pdt2-select-skin {
    position: relative;
    display: block;
    width: 100%;
}

.pdt2-product-hero .pdt2-select-skin .pdt2-native-select,
.pdt2-product-hero .pdt2-select-skin--static .pdt2-native-input,
.pdt2-product-hero .pdt2-select-skin--static .form-control.pdt2-native-input {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: none;
    padding: 8px 40px 8px 12px;
    font-size: 14px;
    line-height: 1.4;
    border: 1px solid #d1dbe8;
    border-radius: 10px;
    min-height: 40px;
    color: #111827;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pdt2-product-hero .pdt2-select-skin--static .pdt2-native-input,
.pdt2-product-hero .pdt2-select-skin--static .form-control.pdt2-native-input {
    cursor: default;
    background-color: #f3f4f6;
    color: #374151;
}

.pdt2-product-hero .pdt2-select-skin .pdt2-native-select:focus,
.pdt2-product-hero .pdt2-select-skin .form-control:focus {
    border-color: var(--pdt-hero-blue);
    box-shadow: 0 0 0 3px rgba(21, 91, 213, 0.12);
    outline: none;
}

.pdt2-product-hero .pdt2-select-skin-ico {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--pdt-hero-blue);
    font-size: 16px;
    line-height: 1;
    z-index: 2;
    opacity: 0.92;
}

.pdt2-product-hero .pdt2-dt-row .col-sm-12 + .col-sm-12 {
    margin-top: 12px;
}

@media (min-width: 992px) {
    .pdt2-product-hero .pdt2-dt-row .col-sm-12 + .col-sm-12 {
        margin-top: 0;
    }
}

.pdt2-product-hero .pdt2-location-block .ts-wrapper,
.pdt2-product-hero .pdt2-location-block .ts-control.pdt2-ts-loc,
.pdt2-product-hero .pdt2-location-block .ts-control {
    border-radius: 10px !important;
    border: 1px solid #d1dbe8 !important;
}

/* CTA */
.pdt2-cta-row {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.pdt2-cta-row--with-qty {
    justify-content: flex-start !important;
}

.pdt2-qty-wrap {
    flex: 0 0 auto;
}

.pdt2-qty-picker.detail-qty-v2 {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
    min-width: 128px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.pdt2-qty-picker .qty-btn {
    flex: 0 0 40px;
    width: 40px;
    border: 0;
    background: #f8fafc;
    color: #334155;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.pdt2-qty-picker .qty-btn:hover:not(:disabled) {
    background-color: var(--theme-default-color, #2465b1);
    color: #fff;
}

.pdt2-qty-picker .qty-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.pdt2-qty-picker .qty-val {
    flex: 1 1 auto;
    width: 48px;
    min-width: 48px;
    max-width: 56px;
    border: 0;
    border-left: 1px solid #e2e8f0;
    border-right: 1px solid #e2e8f0;
    height: 44px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    background: #fff;
    outline: none;
    -moz-appearance: textfield;
    padding: 0;
}

.pdt2-qty-picker .qty-val::-webkit-outer-spin-button,
.pdt2-qty-picker .qty-val::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.pdt2-cta-row--with-qty .pdt2-btn-cart,
.pdt2-cta-row--with-qty .pdt2-btn-wa {
    flex: 1 1 0 !important;
    min-width: 120px;
}

/* Satın Al + WhatsApp: aynı radius, font-size, font-weight */
.pdt2-product-hero .pdt2-cta-wrap .pdt2-btn-cart,
.pdt2-product-hero .pdt2-cta-wrap .pdt2-btn-wa,
.pdt2-btn-cart,
.pdt2-btn-wa {
    flex: 1 1 calc(50% - 6px) !important;
    min-width: 140px;
    border-radius: var(--pdt-hero-radius) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    padding: 14px 18px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: none !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.pdt2-product-hero .pdt2-cta-wrap .pdt2-btn-cart span,
.pdt2-product-hero .pdt2-cta-wrap .pdt2-btn-wa span {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.pdt2-product-hero .pdt2-cta-wrap .pdt2-btn-cart i {
    font-size: 15px !important;
    line-height: 1;
}

.pdt2-btn-cart {
    background: var(--pdt-hero-blue) !important;
    background-color: var(--pdt-hero-blue) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(21, 91, 213, 0.35) !important;
}

/* main.css .button:hover sarı arka planı burada iptal: mavi kalır, parlama + hafif kalkış */
.pdt2-product-hero .pdt2-btn-cart:hover,
.pdt2-product-hero .pdt2-btn-cart.button:hover {
    background: var(--pdt-hero-blue) !important;
    background-color: var(--pdt-hero-blue) !important;
    color: #fff !important;
    filter: brightness(1.1);
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(21, 91, 213, 0.45) !important;
}

.pdt2-product-hero .pdt2-btn-cart:hover i,
.pdt2-product-hero .pdt2-btn-cart.button:hover i {
    color: #fff !important;
    opacity: 1 !important;
}

.pdt2-btn-wa {
    background: var(--pdt-hero-wa) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35) !important;
}

.pdt2-btn-wa:hover {
    color: #fff !important;
    filter: brightness(1.05);
}

.pdt2-btn-wa__img {
    max-width: 22px;
    height: auto;
    flex-shrink: 0;
}

/* Alt güven + ödeme (SSL | Müşteri Desteği + ödeme şeridi aynı satırda) */
.pdt2-hero-trust-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin: 8px 0 18px 0;
    padding-top: 4px;
    font-size: 12px;
    color: #9ca3af;
}

.pdt2-hero-trust-foot__cluster {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    flex: 1 1 auto;
    min-width: 0;
}

.pdt2-hero-trust-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.pdt2-hero-trust-item i {
    color: var(--pdt-hero-blue);
    font-size: 14px;
}

.pdt2-payment-inline {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    min-width: 0;
    padding-left: 10px;
    margin-left: 2px;
    border-left: 1px solid #e5e7eb;
}

.pdt2-hero-trust-foot .pdt2-payment-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #9ca3af;
    white-space: nowrap;
    line-height: 1.2;
}

.pdt2-hero-trust-foot .pdt2-payment-bands {
    max-width: min(100%, 200px);
    width: auto;
    height: auto;
    max-height: 22px;
    object-fit: contain;
    margin-left: 0 !important;
    flex-shrink: 1;
}

@media (max-width: 576px) {
    .pdt2-payment-inline {
        padding-left: 0;
        margin-left: 0;
        border-left: none;
        flex-basis: 100%;
        justify-content: center;
    }
}

.pdt2-product-hero .button-disabled {
    width: 100%;
    border-radius: var(--pdt-hero-radius) !important;
}

/* Sekmesiz açıklama + S.S.S (tek sütun, tab alanı ile aynı üst boşluk) */
.pdt2.product-detail-solo-area {
    margin-top: 8px;
}

/* S.S.S — açıklama kartları ile aynı kart sınıfları; soru satırları */
.pdt2 .pdt2-product-faq-card .pdt2-faq-list {
    margin-top: 8px;
}

.pdt2 .pdt2-faq-item {
    padding: 22px 0;
    border-bottom: 1px solid var(--pdt2-border);
}

.pdt2 .pdt2-faq-item:last-child {
    border-bottom: none;
    padding-bottom: 4px;
}

.pdt2 .pdt2-faq-q {
    margin: 0 0 12px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    color: #182347;
}

.pdt2 .pdt2-faq-a {
    margin: 0;
    font-size: 16px;
    line-height: 1.65;
    color: #4b5568;
}

@media (max-width: 767.98px) {
    .pdt2 .pdt2-faq-q {
        font-size: 18px;
    }
}

/* Ürün özellikleri — satır başına 2 özellik, sola yaslı başlık, hizalı ":", tam satır alt çizgisi */
.pdt2 .pdt2-product-features-card .pdt2-features-list {
    display: grid;
    grid-template-columns: max-content 1.25em minmax(0, 1fr) 32px max-content 1.25em minmax(0, 1fr);
    width: 100%;
    margin-top: 8px;
    align-items: baseline;
}

.pdt2 .pdt2-features-row {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    padding: 14px 0;
    border-bottom: 1px solid var(--pdt2-border);
    align-items: baseline;
}

.pdt2 .pdt2-features-row:last-child {
    border-bottom: none;
    padding-bottom: 4px;
}

.pdt2 .pdt2-features-half {
    display: contents;
}

.pdt2 .pdt2-features-gap {
    display: block;
}

.pdt2 .pdt2-features-placeholder {
    visibility: hidden;
    min-height: 0;
}

.pdt2 .pdt2-features-title {
    text-align: left;
    padding-right: 8px;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 600;
    color: #182347;
    white-space: nowrap;
}

.pdt2 .pdt2-features-colon {
    text-align: center;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 600;
    color: #182347;
}

.pdt2 .pdt2-features-value {
    padding-left: 8px;
    font-size: 16px;
    line-height: 1.55;
    color: #4b5568;
    min-width: 0;
    word-break: break-word;
}

/* Subgrid desteklemeyen tarayıcılar */
@supports not (grid-template-columns: subgrid) {
    .pdt2 .pdt2-product-features-card .pdt2-features-list {
        display: flex;
        flex-direction: column;
    }

    .pdt2 .pdt2-features-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        column-gap: 32px;
        grid-column: unset;
    }

    .pdt2 .pdt2-features-half {
        display: grid;
        grid-template-columns: max-content 1.25em minmax(0, 1fr);
        align-items: baseline;
        min-width: 0;
    }

    .pdt2 .pdt2-features-gap {
        display: none;
    }

    .pdt2 .pdt2-features-half--empty {
        min-height: 1.5em;
    }
}

@media (max-width: 767.98px) {
    .pdt2 .pdt2-product-features-card .pdt2-features-list {
        display: flex;
        flex-direction: column;
    }

    .pdt2 .pdt2-features-row {
        display: flex;
        flex-direction: column;
        gap: 12px;
        grid-column: unset;
        grid-template-columns: unset;
    }

    .pdt2 .pdt2-features-half {
        display: grid;
        grid-template-columns: max-content 1.25em minmax(0, 1fr);
        align-items: baseline;
        min-width: 0;
    }

    .pdt2 .pdt2-features-gap {
        display: none;
    }

    .pdt2 .pdt2-features-half--empty {
        display: none;
    }

    .pdt2 .pdt2-features-title,
    .pdt2 .pdt2-features-colon,
    .pdt2 .pdt2-features-value {
        font-size: 15px;
    }

    .pdt2 .pdt2-features-title {
        white-space: normal;
    }
}

/* iOS Safari: input font-size 16px'in altındayken focus'ta otomatik zoom yapar
   ve klavye açılırken sayfa kayar. Ürün/hizmet detay sayfasındaki teslimat
   adresi (il/ilçe/mahalle) ve tarih/saat seçicileri dahil tüm form alanları
   mobil/tablet kırılımda en az 16px olur. */
@media (max-width: 991.98px) {
    .pdt2-product-hero input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
    .pdt2-product-hero textarea,
    .pdt2-product-hero select,
    .pdt2-product-hero .pdt2-select-skin .pdt2-native-select,
    .pdt2-product-hero .pdt2-select-skin--static .pdt2-native-input,
    .pdt2-product-hero .pdt2-select-skin--static .form-control.pdt2-native-input,
    .pdt2-product-hero .pdt2-date-calendar-input {
        font-size: 16px !important;
    }
}

/* ==========================================================================
   service_detail.php — taşınan inline stiller (önceden view içinde)
   ========================================================================== */

    .category-top-area {
        width: 100%;
        max-width: 1310px;
        margin: 30px auto 18px;
        padding: 0 15px;
        font-family: 'Poppins', sans-serif;
    }

    .cat-breadcrumb {
        display: flex;
        align-items: center;
        gap: 7px;
        font-size: 13px;
        margin-bottom: 0;
        color: #555;
        flex-wrap: wrap;
    }

    .cat-breadcrumb a {
        color: inherit;
        text-decoration: none;
    }

    .cat-breadcrumb .cat-breadcrumb-current {
        color: #d41476;
        font-weight: 500;
        margin: 0;
        font-size: 14px;
        line-height: 1.4;
    }

    /* Mobil: breadcrumb tek satır; uzun ürün adı … ile kesilir */
    @media (max-width: 767px) {
        .cat-breadcrumb {
            flex-wrap: nowrap;
            overflow: hidden;
            min-width: 0;
        }

        .cat-breadcrumb > a,
        .cat-breadcrumb > span {
            flex-shrink: 0;
        }

        .cat-breadcrumb .cat-breadcrumb-product {
            min-width: 0;
            flex: 1 1 auto;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }

    .image-box {
        background-size: cover;
        background-position: center;
        height: 250px;
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 20px;
    }

    .sales-type-indicator {
        margin: 10px 0;
    }

    .sales-type-indicator .badge {
        font-size: 14px;
        padding: 8px 12px;
        border-radius: 4px;
        background-color: #2465b1;
        color: white;
    }

    .variant-chip-title {
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 8px;
        color: #253D4E;
    }

    .variant-chip-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .variant-chip-btn {
        border: 1px solid #d0d7de;
        background: #fff;
        color: #253D4E;
        border-radius: 999px;
        padding: 6px 12px;
        font-size: 13px;
        line-height: 1.2;
        cursor: pointer;
        transition: all .15s ease;
    }

    .variant-chip-btn:hover:not(:disabled):not(.is-selected) {
        border-color: var(--theme-default-color, #2465b1);
        background-color: var(--theme-default-color, #2465b1);
        color: #fff;
    }

    .variant-chip-btn.is-selected,
    .variant-chip-btn.is-selected:hover {
        border-color: var(--theme-default-color, #2465b1);
        background-color: var(--theme-default-color, #2465b1);
        color: #fff;
    }

    .variant-chip-btn:disabled,
    .variant-chip-btn.is-disabled {
        opacity: .45;
        cursor: not-allowed;
        text-decoration: line-through;
    }

    .thumbnail-link {
        display: block;
        cursor: pointer;
    }

    .thumbnail-link.active {
        border: 2px solid #2465b1;
    }

    /* Slider wrapper için pozisyon ayarı */
    .product-image-slider-wrapper {
        position: relative;
    }

    .main-product-img {
        width: 100%;
        object-fit: contain;
    }

    .main-product-img--auto {
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: contain;
    }
    .pdt2-product-title {
        font-size: 30px;
    }

    .pdt2-block-title {
        margin-bottom: 10px !important;
    }


    .pdt2-product-hero__row {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .pdt2-product-hero__row .product-detail-media-col {
        flex: 0 0 var(--pdt-media-col-width, 42%);
        width: var(--pdt-media-col-width, 42%);
        min-width: 0;
    }

    .pdt2-product-hero__row .product-detail-info-col {
        flex: 0 0 var(--pdt-info-col-width, 58%);
        width: var(--pdt-info-col-width, 58%);
        min-width: 0;
    }

    .pdt2-loc-row,
    .pdt2-loc-field {
        display: none !important;
    }

    .pdt2-location-picker {
        position: relative;
        margin-bottom: 12px;
    }

    .pdt2-location-picker__trigger {
        width: 100%;
        border: 1px solid #d5dbe6;
        border-radius: 10px;
        min-height: 48px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 14px;
        color: #2f3542;
    }

    .pdt2-location-picker__value {
        font-size: 14px;
        line-height: 1.4;
        text-align: left;
    }

    .pdt2-location-picker__dropdown {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid #e4e8f0;
        border-radius: 10px;
        box-shadow: 0 12px 30px rgba(24, 39, 75, 0.12);
        z-index: 2100;
        max-height: 280px;
        overflow: auto;
    }

    .pdt2-location-picker__search-wrap {
        padding: 10px;
        border-bottom: 1px solid #eef1f6;
        background: #fff;
        position: sticky;
        top: 0;
        z-index: 2;
    }

    .pdt2-location-picker__search-input {
        width: 100%;
        height: 38px;
        border: 1px solid #d5dbe6;
        border-radius: 8px;
        padding: 8px 10px;
        font-size: 14px;
        outline: none;
    }

    @media (max-width: 767px) {
        .pdt2-location-picker__search-input {
            /* iOS Safari: 16px altında focus'ta sayfa zoom yapar */
            font-size: 16px;
            height: 42px;
        }
    }

    .pdt2-location-picker__search-input:focus {
        border-color: #2465b1;
        box-shadow: 0 0 0 2px rgba(36, 101, 177, 0.12);
    }

    .pdt2-location-picker__item {
        width: 100%;
        height: 44px;
        border: 0;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 10px 14px;
        border-bottom: 1px solid #eef1f6;
        font-size: 14px;
        color: #2f3542;
    }

    .pdt2-location-picker__item:last-child {
        border-bottom: 0;
    }

    .pdt2-location-picker__item--back {
        font-weight: 600;
        color: #2465b1;
    }

    .pdt2-location-picker__item-right {
        color: #8b94a5;
        font-size: 13px;
        white-space: nowrap;
    }

    .pdt2-location-picker__item-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* Slider içindeki figure elementleri */
    .product-image-slider figure {
        margin: 0;
        position: relative;
    }

    /* Fancybox z-index düzeltmesi */
    .fancybox-container {
        z-index: 999999 !important;
    }

    .fancybox-bg {
        z-index: 999998 !important;
    }

    .fancybox-is-open .fancybox-bg {
        opacity: 0.9;
    }

    .fancybox-toolbar {
        z-index: 999999 !important;
    }

    .fancybox-stage {
        z-index: 999999 !important;
    }

    .fancybox-slide--current {
        z-index: 999999 !important;
    }
    @media (max-width: 767.98px) {

        .pdt2-product-title {
            font-size: 18px;
        }
        .ts-control input{
            font-size: 16px!important;
        }

        .pdt2-loc-select,
        #deliveryProvince,
        #deliveryDistrict,
        #deliveryNeighborhood {
            font-size: 16px !important;
        }

        .pdt2-hide-mobile {
            display: none !important;
        }
    }



    div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
        border: 0;
        border-radius: 20.25em;
        background: initial;
        background-color: #e8063c;
        color: #fff;
        font-size: 1em;
    }

    .link-info {
        color: #e8063c;
    }

    /* WhatsApp — ürün detayda .pdt2-btn-wa ile Satın Al ile aynı ölçüler (main/product-detail eşler) */
    a.button-whatsapp {
        background-color: #25D366 !important;
        color: white !important;
        border: none !important;
        padding: 14px 18px !important;
        border-radius: 12px !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        line-height: 1.25 !important;
        transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
        text-decoration: none !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
        cursor: pointer !important;
        width: 49%;
        margin: 0;
        justify-content: center;
    }

    .button-whatsapp span {
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
    }

    .button-whatsapp:hover {
        background-color: #20BA5A !important;
        color: white !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4) !important;
        text-decoration: none !important;
    }

    .button-whatsapp:active {
        transform: translateY(0) !important;
    }

    .product-extra-link2 {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    @media (max-width: 576px) {
        .product-extra-link2 {
            flex-direction: column;
        }

        .button-whatsapp {
            width: 100%;
            justify-content: center;
        }
    }


    .modal-backdrop {
        z-index: 99999;
    }

    .modal-open .modal {
        z-index: 9999999999999999999;
    }

    /* Genel slick slider stilleri */
    .slick-slide {
        outline: none;
    }

    .slick-slide img {
        display: block;
        margin: 0 auto;
    }

    /* Ürün slider için özel ok butonları (yukarıda tanımlandı) */
    .product-image-slider-wrapper .slick-prev,
    .product-image-slider-wrapper .slick-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        background: rgba(255, 255, 255, 0.9);
        border: 1px solid #e0e0e0;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    .product-image-slider-wrapper .slick-prev:hover,
    .product-image-slider-wrapper .slick-next:hover {
        background: #fff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        transform: translateY(-50%) scale(1.1);
    }

    .product-image-slider-wrapper .slick-prev {
        left: 15px;
    }

    .product-image-slider-wrapper .slick-next {
        right: 15px;
    }

    .product-image-slider-wrapper .slick-prev i,
    .product-image-slider-wrapper .slick-next i {
        font-size: 18px;
        color: #333;
    }

    .product-image-slider-wrapper .slick-prev:hover i,
    .product-image-slider-wrapper .slick-next:hover i {
        color: #40b449;
    }

    .product-image-slider-wrapper .slick-prev.slick-disabled,
    .product-image-slider-wrapper .slick-next.slick-disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

    /* Teslimat seçenekleri stilleri */
    .delivery-button-group {
        display: flex;
        gap: 12px;
        background: #f8f9fa;
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }

    .delivery-type-btn {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border: 2px solid #e9ecef;
        border-radius: 10px;
        background: #ffffff;
        color: #495057;
        font-size: 15px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
    }

    .delivery-type-btn::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
        transition: left 0.5s ease;
    }

    .delivery-type-btn:hover::before {
        left: 100%;
    }

    .delivery-type-btn:hover {
        border-color: #007bff;
        background: #f0f7ff;
        color: #007bff;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
    }

    .delivery-type-btn.active {
        background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
        border-color: #007bff;
        color: #ffffff;
        box-shadow: 0 4px 16px rgba(0, 123, 255, 0.3);
        transform: translateY(-2px);
    }

    .delivery-type-btn.active:hover {
        background: linear-gradient(135deg, #0056b3 0%, #004085 100%);
        box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
    }

    .delivery-type-btn .delivery-icon {
        font-size: 20px;
        line-height: 1;
        transition: transform 0.3s ease;
    }

    .delivery-type-btn:hover .delivery-icon {
        transform: scale(1.1);
    }

    .delivery-type-btn.active .delivery-icon {
        transform: scale(1.15);
    }

    .delivery-type-btn .delivery-text {
        line-height: 1.4;
    }

    .delivery-type-btn.active .delivery-text strong {
        color: #ffffff;
    }

    @media (max-width: 576px) {
        .delivery-button-group {
            flex-direction: column;
            gap: 8px;
        }

        .delivery-type-btn {
            padding: 14px 20px;
            font-size: 14px;
        }

        .delivery-type-btn .delivery-icon {
            font-size: 18px;
        }
    }

    .delivery-options {
    }

    .delivery-options h4 {
        color: #333;
        margin-bottom: 15px;
        font-weight: 600;
    }

    .delivery-radio-group {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .delivery-radio-group .form-check {
        background: #fff;
        border: 1px solid #e9ecef;
        border-radius: 8px;
        padding: 15px;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .delivery-radio-group .form-check:hover {
        border-color: #2465b1;
        box-shadow: 0 2px 8px rgba(36, 101, 177, 0.1);
    }

    .delivery-radio-group .form-check-input:checked + .form-check-label {
        color: #2465b1;
    }

    .delivery-radio-group .form-check-input:checked ~ .form-check {
        border-color: #2465b1;
        background-color: #f8f9ff;
    }

    .delivery-radio-group .form-check-label {
        cursor: pointer;
        margin-bottom: 0;
    }

    .delivery-radio-group .form-check-label strong {
        display: block;
        margin-bottom: 5px;
        font-size: 14px;
    }

    .delivery-radio-group .form-check-label small {
        font-size: 12px;
        color: #6c757d;
    }

    /* Lokasyon seçimi stilleri */
    .location-selection {
        background: #fff;
        border: 1px solid #e9ecef;
        border-radius: 8px;
        padding: 20px;
        margin: 20px 0;
        position: relative;
        z-index: 1;
    }

    .location-selection.location-open {
        z-index: 2000;
    }

    .location-selection h4 {
        color: #333;
        margin-bottom: 15px;
        font-weight: 600;
    }

    .location-selection .form-group {
        margin-bottom: 15px;
    }

    .location-selection .form-group label {
        font-weight: 500;
        color: #555;
        margin-bottom: 5px;
        display: block;
    }

    .location-selection .form-control {
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 8px 12px;
        font-size: 16px;
        transition: border-color 0.3s ease;
    }

    .location-selection .form-control:focus {
        border-color: #2465b1;
        box-shadow: 0 0 0 0.2rem rgba(36, 101, 177, 0.25);
        outline: none;
    }

    .delivery-fee-info {
        margin-top: 15px;
    }

    .delivery-fee-info .alert {
        border-radius: 6px;
        border: none;
        padding: 12px 16px;
        margin-bottom: 0;
    }

    .delivery-fee-info .alert-info {
        background-color: #d1ecf1;
        color: #0c5460;
        border-left: 4px solid #17a2b8;
    }

    /* Teslimat Tarihi ve Saati Bölümü Stilleri */
    .delivery-datetime-selection {
        background: #fff;
        border: 1px solid #e9ecef;
        border-radius: 8px;
        padding: 20px;
        margin: 20px 0;
    }

    .delivery-datetime-selection.pdt2-datetime-block--concealed {
        display: none !important;
    }

    .delivery-datetime-selection h5 {
        color: #333;
        margin-bottom: 15px;
        font-weight: 600;
    }

    .delivery-datetime-selection .form-group {
        margin-bottom: 0;
        margin-right: 10px;
    }

    .delivery-datetime-selection .form-group label {
        font-weight: 500;
        color: #555;
        margin-bottom: 5px;
        display: block;
    }

    .pdt2-date-quick {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-top: 4px;
    }

    .pdt2-date-quick__item {
        border: 3px solid #d9e1ee;
        background: #fff;
        border-radius: 12px;
        padding: 10px 12px;
        text-align: left;
        transition: all 0.2s ease;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
    }

    .pdt2-date-quick__item:hover {
        border-color: #2465b1;
        box-shadow: 0 6px 18px rgba(36, 101, 177, 0.12);
        transform: translateY(-1px);
    }

    .pdt2-date-quick__item.is-active {
        border-color: #2465b1;
        background: #f5f9ff;
        box-shadow: 0 0 0 2px rgba(36, 101, 177, 0.12);
    }

    .pdt2-date-quick__item.is-disabled {
        opacity: 0.45;
        cursor: not-allowed;
        box-shadow: none;
        transform: none;
    }

    .pdt2-date-quick__title {
        font-size: 16px;
        font-weight: 600;
        color: #1f2a3d;
        text-transform: uppercase;
        letter-spacing: 0.02em;
    }

    .pdt2-date-quick__sub {
        font-size: 12px;
        color: #5f6c82;
        line-height: 1.2;
    }

    .pdt2-date-native-select {
        display: none !important;
    }

    .pdt2-date-calendar-input {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        border: 0 !important;
        padding: 0 !important;
    }

    .pdt2-time-hidden {
        display: none !important;
    }

    .delivery-datetime-selection .pdt2-select-skin .form-control,
    .delivery-datetime-selection .pdt2-select-skin .pdt2-native-select,
    .delivery-datetime-selection .pdt2-select-skin .pdt2-native-input {
        border: 1px solid #d1dbe8;
        border-radius: 10px;
        padding: 8px 40px 8px 12px;
        font-size: 16px;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .delivery-datetime-selection .pdt2-select-skin .form-control:focus,
    .delivery-datetime-selection .pdt2-select-skin .pdt2-native-select:focus,
    .delivery-datetime-selection .pdt2-select-skin .pdt2-native-input:focus {
        border-color: #155bd5;
        box-shadow: 0 0 0 3px rgba(21, 91, 213, 0.12);
        outline: none;
    }

    @media (max-width: 767.98px) {
        .location-selection{
            padding: 10px;
        }
        .delivery-datetime-selection{
            padding: 10px;
        }
        .pdt2-date-quick{
            gap: 5px;
        }
        .pdt2-date-quick__sub{
            display: none;
        }
        .pdt2-date-quick__item{
            padding: 20px 2px;
        }
        .pdt2-date-quick__title {
            font-size: 13px;
            text-align: center;
            font-weight: 500;
        }
    }

    /* TomSelect — yalnızca ürün detay lokasyon (kompakt, !important ürün sayfası eski kuralları ezer) */
    .pdt2-product-hero .pdt2-location-block .ts-wrapper.single .ts-control {
        background-color: #fff !important;
    }

    .pdt2-product-hero .pdt2-location-block .ts-wrapper,
    .pdt2-product-hero .pdt2-location-block .ts-control {
        min-height: 36px !important;
        height: auto !important;
    }

    .pdt2-product-hero .pdt2-location-block .ts-control {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 4px 30px 4px 10px !important;
        border: 1px solid #d1dbe8 !important;
        border-radius: 10px !important;
        font-size: 16px !important;
    }

    .pdt2-product-hero .pdt2-location-block .ts-control > input {
        height: auto !important;
        min-height: 0 !important;
        line-height: 2.35 !important;
        font-size: 16px !important;
        min-width: fit-content;
    }

    .pdt2-product-hero .pdt2-location-block .ts-control .item {
        display: inline-flex !important;
        align-items: center !important;
        padding: 2px 8px !important;
        line-height: 1.35 !important;
        font-size: 16px !important;
        min-width: fit-content;
    }

    .ts-dropdown {
        border: 1px solid #ced4da !important;
        border-radius: 0.375rem !important;
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    }

    .ts-dropdown-content .option {
        padding: 0.5rem 0.75rem !important;
        font-size: 1rem !important;
    }

    .ts-dropdown-content .option:hover,
    .ts-dropdown-content .option[data-selectable]:hover {
        background-color: #3e3e3e !important;
        cursor: pointer !important;
    }

    .ts-dropdown-content .option.active {
        background-color: #3e3e3e !important;
        color: white !important;
    }

    .pdt2-product-hero .pdt2-location-block .ts-wrapper {
        width: 100% !important;
        max-width: 100%;
        z-index: unset;
    }

    /* Disabled option stilleri */
    .ts-dropdown-content .option[data-sales-paused="1"],
    .ts-dropdown-content .option[data-sales-paused="1"]:hover {
        opacity: 0.5;
        cursor: not-allowed !important;
        background-color: #f8f9fa !important;
        color: #6c757d !important;
    }

    select option:disabled {
        opacity: 0.5;
        color: #6c757d;
    }
    .product-extra-link2 .button.button-add-to-cart{
        width: 49%;
    }
    .pdt2-slider-wrap {
        position: relative;
    }
    .pdt2-fav-floating-wrap {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 6;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 8px;
        max-width: min(240px, calc(100% - 24px));
    }
    .pdt2-fav-infobox {
        font-size: 12px;
        line-height: 1.35;
        padding: 8px 10px;
        border-radius: 8px;
        background: #fff;
        border: 1px solid #e5e7eb;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
        text-align: center;
        word-break: break-word;
        opacity: 1;
        transform: translateY(0);
        transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
    }
    .pdt2-fav-infobox--dismiss {
        opacity: 0;
        transform: translateY(-6px);
        visibility: hidden;
        pointer-events: none;
    }
    .pdt2-fav-infobox--success {
        border-color: #bbf7d0;
        background: #f0fdf4;
        color: #166534;
    }
    .pdt2-fav-infobox--error {
        border-color: #fecaca;
        background: #fef2f2;
        color: #991b1b;
    }
    .pdt2-fav-floating-btn {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: #fff;
        border: 1px solid #ececec;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0;
        cursor: pointer;
        line-height: 0;
        text-decoration: none;
        color: inherit;
        box-sizing: border-box;
        transition: border-color 0.15s ease, box-shadow 0.15s ease;
    }
    .pdt2-fav-floating-btn:hover {
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    }
    .pdt2-fav-floating-btn--busy {
        opacity: 0.65;
        pointer-events: none;
    }
    .pdt2-fav-floating-btn:focus {
        outline: none;
    }
    .pdt2-fav-floating-btn:focus-visible {
        outline: 2px solid var(--theme-hover-color, #c72d7d);
        outline-offset: 2px;
    }
    .pdt2-fav-floating-btn .pdt2-fav-svg {
        display: block;
    }
    /* Mobilde lokasyon seçimi label'larını gizle */
    @media (max-width: 768px) {
        .location-selection label[for="deliveryProvince-ts-control"],
        .location-selection label[for="deliveryDistrict-ts-control"],
        .location-selection label[for="deliveryNeighborhood-ts-control"] {
            display: none !important;
        }
        #locationSelection .row .col-md-4{
            margin-bottom: 5px;
        }
        .pdt2-cta-row--with-qty .pdt2-qty-wrap {
            width: 100%;
        }
        .pdt2-cta-row--with-qty .pdt2-qty-picker {
            width: 100%;
            max-width: 200px;
        }
        .product-extra-link2 .button.button-add-to-cart,
        .pdt2-cta-row--with-qty .pdt2-btn-cart {
            width: 100%;
        }
        /* WhatsApp Sipariş Butonu Stilleri */
        a.button-whatsapp,
        .pdt2-cta-row--with-qty .pdt2-btn-wa {
            width: 100%;
        }
    }