:root {
    --nt-orange: #f27a1a;
    --nt-orange-dark: #df6810;
    --nt-orange-soft: #fff5ed;
    --nt-ink: #242424;
    --nt-muted: #777;
    --nt-line: #e6e6e6;
    --nt-soft: #f7f7f7;
    --nt-green: #159447
}

.nt-urun-page {
    padding: 14px 0 48px;
    background: #fff;
    color: var(--nt-ink)
}

.nt-urun-breadcrumb {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    font-size: 12px;
    color: #666;
    margin-bottom: 12px
}

    .nt-urun-breadcrumb a {
        color: #666
    }

    .nt-urun-breadcrumb strong {
        color: #333;
        font-weight: 600;
        max-width: 540px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

.nt-urun-layout {
    display: grid;
    grid-template-columns: minmax(430px,520px) minmax(0,1fr);
    gap: 34px;
    align-items: start
}

.nt-urun-gallery {
    min-width: 0;
    display: grid;
    grid-template-columns: 64px minmax(0,1fr);
    gap: 10px
}

.nt-urun-main {
    grid-column: 2;
    grid-row: 1;
    position: relative;
    height: clamp(500px,68vh,610px);
    background: #f5f5f3;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .nt-urun-main > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top
    }

.nt-urun-thumbs {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 610px;
    padding: 1px;
    scrollbar-width: thin
}

.nt-urun-thumb {
    flex: 0 0 76px;
    width: 62px;
    height: 76px;
    padding: 0;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    transition: .2s
}

    .nt-urun-thumb:hover {
        border-color: #bbb
    }

    .nt-urun-thumb.active {
        border: 2px solid var(--nt-orange)
    }

    .nt-urun-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top
    }

.nt-urun-image-badges {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start
}

.nt-image-badge {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 0 9px;
    border-radius: 5px;
    background: var(--nt-orange);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    box-shadow: 0 2px 8px rgba(0,0,0,.08)
}

    .nt-image-badge.green {
        background: #0b8f4d
    }

    .nt-image-badge.dark {
        background: #333
    }

.nt-urun-image-arrow, .nt-urun-zoom, .nt-urun-variant-arrow {
    border: 1px solid #eee;
    background: rgba(255,255,255,.96);
    box-shadow: 0 4px 16px rgba(0,0,0,.10);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.nt-urun-image-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 27px
}

.nt-urun-image-prev {
    left: 12px
}

.nt-urun-image-next {
    right: 12px
}

.nt-urun-zoom {
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 21px
}

    .nt-urun-image-arrow:hover, .nt-urun-zoom:hover {
        color: var(--nt-orange);
        border-color: #ffd2b0
    }

.nt-urun-info {
    min-width: 0;
    padding: 2px 0
}

.nt-urun-brand-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px
}

.nt-urun-brand {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    color: #555
}

.nt-urun-tools {
    display: flex;
    gap: 8px
}

.nt-urun-tool {
    width: 38px;
    height: 38px;
    border: 1px solid #e4e4e4;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    transition: .2s
}

    .nt-urun-tool:hover {
        color: var(--nt-orange);
        border-color: var(--nt-orange)
    }

.nt-urun-name {
    font-size: 25px;
    line-height: 1.24;
    margin: 8px 0 9px;
    font-weight: 500;
    letter-spacing: -.2px
}

.nt-urun-name-brand {
    font-weight: 800
}

.nt-urun-social-row {
    display: flex;
    align-items: center;
    gap: 8px 15px;
    flex-wrap: wrap;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--nt-line);
    font-size: 12px
}

.nt-urun-social-stat {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #555
}

    .nt-urun-social-stat:hover {
        color: var(--nt-orange)
    }

    .nt-urun-social-stat .stars, .stars {
        color: #f6b800;
        letter-spacing: 1px
    }

.nt-social-icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f4f4f4;
    font-weight: 800;
    color: #666
}

.nt-urun-campaigns {
    margin-top: 10px;
    display: flex;
    gap: 7px;
    flex-wrap: wrap
}

.nt-campaign-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    border-radius: 6px;
    background: var(--nt-orange-soft);
    color: #b95000;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #ffe1c9
}

    .nt-campaign-chip b {
        color: var(--nt-orange)
    }

.nt-urun-price-area {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    margin: 10px 0 6px;
    min-height: 40px
}

.nt-urun-old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 15px;
    margin-bottom: 4px
}

.nt-urun-current-price {
    font-size: 30px;
    font-weight: 800;
    color: var(--nt-orange);
    line-height: 1
}

.nt-urun-discount {
    font-size: 11px;
    font-weight: 800;
    padding: 5px 7px;
    background: #fff0e5;
    color: var(--nt-orange);
    border-radius: 5px;
    border: 1px solid #ffd7b8
}

.nt-urun-option {
    margin-top: 12px
}

.nt-urun-option-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 7px;
    font-size: 13px
}

.nt-urun-color-slider {
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px
}

.nt-urun-colors {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    flex: 1;
    padding: 2px
}

    .nt-urun-colors::-webkit-scrollbar {
        display: none
    }

.nt-urun-variant-arrow {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 21px
}

.nt-urun-color {
    flex: 0 0 66px;
    width: 66px;
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 3px;
    border-radius: 9px;
    cursor: pointer;
    overflow: hidden;
    transition: .2s
}

    .nt-urun-color:hover {
        transform: translateY(-1px);
        border-color: #bbb
    }

    .nt-urun-color.active {
        border: 2px solid var(--nt-orange);
        padding: 2px;
        box-shadow: 0 0 0 2px #fff,0 0 0 3px #ffd7b8
    }

    .nt-urun-color .image {
        display: block;
        width: 100%;
        height: 62px;
        overflow: hidden;
        background: #f5f5f5;
        border-radius: 6px
    }

        .nt-urun-color .image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center top
        }

    .nt-urun-color small {
        display: block;
        margin: 4px 2px 1px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        font-size: 10px
    }

.nt-urun-sizes {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.nt-urun-size {
    min-width: 48px;
    height: 38px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    padding: 0 13px
}

    .nt-urun-size:hover {
        border-color: var(--nt-orange);
        color: var(--nt-orange)
    }

    .nt-urun-size.active {
        border: 2px solid var(--nt-orange);
        color: var(--nt-orange);
        font-weight: 800;
        background: #fffaf6
    }

.nt-urun-stock {
    margin-top: 9px;
    font-size: 13px
}

    .nt-urun-stock .var {
        font-weight: 700;
        color: var(--nt-green)
    }

    .nt-urun-stock .az {
        font-weight: 700;
        color: var(--nt-orange)
    }

    .nt-urun-stock .yok {
        font-weight: 700;
        color: #b42318
    }

.nt-urun-label {
    font-size: 12px;
    font-weight: 700;
    margin: 9px 0 6px
}

.nt-urun-buy-row {
    display: flex;
    gap: 9px
}

.nt-urun-qty {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 7px;
    overflow: hidden;
    height: 46px
}

    .nt-urun-qty button {
        width: 36px;
        border: 0;
        background: #fff;
        cursor: pointer;
        font-size: 18px
    }

    .nt-urun-qty input {
        width: 36px;
        border: 0;
        text-align: center;
        background: #fff
    }

.nt-urun-addcart {
    flex: 1;
    min-height: 46px;
    border: 1px solid var(--nt-orange);
    border-radius: 7px;
    background: var(--nt-orange);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: .2s
}

    .nt-urun-addcart:hover {
        background: var(--nt-orange-dark);
        border-color: var(--nt-orange-dark)
    }

    .nt-urun-addcart.disabled, .nt-urun-addcart:disabled {
        cursor: not-allowed;
        opacity: .45
    }

.nt-urun-benefits {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin-top: 12px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden
}

    .nt-urun-benefits > div {
        background: #fff;
        padding: 9px 11px;
        display: flex;
        gap: 8px;
        align-items: center;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee
    }

        .nt-urun-benefits > div:nth-child(2n) {
            border-right: 0
        }

        .nt-urun-benefits > div:nth-last-child(-n+2) {
            border-bottom: 0
        }

    .nt-urun-benefits .icon {
        color: var(--nt-orange);
        font-size: 16px
    }

    .nt-urun-benefits span:last-child {
        display: flex;
        flex-direction: column
    }

    .nt-urun-benefits strong {
        font-size: 12px
    }

    .nt-urun-benefits small {
        color: #777;
        margin-top: 1px;
        font-size: 10px
    }

.nt-urun-detail {
    margin-top: 30px;
    border-top: 1px solid #ddd
}

.nt-urun-tabs {
    display: flex;
    gap: 26px;
    overflow-x: auto;
    border-bottom: 1px solid #ddd;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 15
}

    .nt-urun-tabs button {
        border: 0;
        background: none;
        padding: 16px 0 14px;
        font-weight: 700;
        white-space: nowrap;
        cursor: pointer;
        border-bottom: 2px solid transparent
    }

        .nt-urun-tabs button:hover {
            color: var(--nt-orange)
        }

        .nt-urun-tabs button.active {
            border-bottom-color: var(--nt-orange);
            color: var(--nt-orange)
        }

.nt-urun-tab-panel {
    display: none;
    padding: 24px 0;
    line-height: 1.7
}

    .nt-urun-tab-panel.active {
        display: block
    }

    .nt-urun-tab-panel h3 {
        margin: 0 0 5px
    }

.nt-urun-properties {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden
}

    .nt-urun-properties > div {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        padding: 12px 14px;
        border-bottom: 1px solid #eee
    }

    .nt-urun-properties span {
        color: #777
    }

.nt-urun-size-chart {
    text-align: center
}

    .nt-urun-size-chart img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto
    }

.nt-urun-trust {
    margin-top: 22px;
    padding: 14px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    text-align: center
}

    .nt-urun-trust > span {
        color: var(--nt-green)
    }

.nt-review-summary {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 24px;
    align-items: center;
    padding: 18px;
    border-radius: 10px;
    background: #fff7f1;
    border: 1px solid #ffe0c8;
    margin-bottom: 16px
}

.nt-review-score {
    display: flex;
    flex-direction: column
}

    .nt-review-score > strong {
        font-size: 36px;
        line-height: 1
    }

    .nt-review-score small {
        color: #777;
        margin-top: 4px
    }

.nt-review-list, .nt-question-list {
    max-width: 920px
}

.nt-review-item {
    padding: 18px 0;
    border-bottom: 1px solid #eee
}

.nt-review-top {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center
}

.nt-review-user {
    font-weight: 700
}

.nt-review-meta {
    color: #888;
    font-size: 12px
}

.nt-source-badge {
    display: inline-flex;
    padding: 3px 7px;
    border-radius: 10px;
    background: #f3f3f3;
    color: #666;
    font-size: 10px;
    font-weight: 700;
    margin-left: 6px
}

    .nt-source-badge.trendyol {
        background: #fff1e6;
        color: #e5680b
    }

    .nt-source-badge.hb {
        background: #fff0f5;
        color: #b43168
    }

.nt-review-body {
    margin: 9px 0 0;
    color: #333
}

.nt-review-photos {
    display: flex;
    gap: 8px;
    margin-top: 10px
}

.nt-review-photo {
    width: 72px;
    height: 88px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #eee
}

    .nt-review-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.nt-question-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee
}

.nt-outline-btn {
    border: 1px solid var(--nt-orange);
    color: var(--nt-orange);
    background: #fff;
    border-radius: 7px;
    padding: 10px 18px;
    font-weight: 700
}

.nt-question-item {
    padding: 18px 0;
    border-bottom: 1px solid #eee
}

.nt-question-q {
    font-weight: 700
}

.nt-question-meta {
    font-size: 11px;
    color: #888;
    margin: 4px 0 10px
}

.nt-question-answer {
    background: #f7f7f7;
    border-radius: 9px;
    padding: 13px 15px;
    margin-left: 20px
}

    .nt-question-answer strong {
        color: var(--nt-orange)
    }

.nt-channel-head {
    margin-bottom: 16px
}

    .nt-channel-head p {
        margin: 0;
        color: #777
    }

.nt-channel-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px
}

.nt-channel-card {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    transition: .2s
}

    .nt-channel-card:hover {
        border-color: #ffc99f;
        box-shadow: 0 5px 18px rgba(0,0,0,.06)
    }

.nt-channel-name {
    font-weight: 800
}

.nt-channel-price {
    font-size: 21px;
    font-weight: 800;
    color: var(--nt-orange)
}

.nt-channel-note {
    color: #777;
    font-size: 11px
}

.nt-channel-link {
    margin-top: 4px;
    display: inline-flex;
    justify-content: center;
    padding: 9px 12px;
    border-radius: 6px;
    background: var(--nt-orange);
    color: #fff !important;
    font-weight: 700;
    font-size: 12px
}

.nt-urun-zoom-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.92);
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 40px
}

    .nt-urun-zoom-modal.open {
        display: flex
    }

    .nt-urun-zoom-modal img {
        max-width: 90vw;
        max-height: 90vh;
        object-fit: contain
    }

.nt-urun-zoom-close {
    position: absolute;
    top: 18px;
    right: 22px;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    font-size: 28px;
    cursor: pointer
}

.nt-urun-zoom-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 54px;
    height: 54px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.94);
    font-size: 34px;
    cursor: pointer
}

.nt-urun-zoom-prev {
    left: 24px
}

.nt-urun-zoom-next {
    right: 24px
}

.nt-zoom-open {
    overflow: hidden
}

@media(max-width:1100px) {
    .nt-urun-layout {
        grid-template-columns: minmax(390px,470px) 1fr;
        gap: 24px
    }

    .nt-urun-main {
        height: 560px
    }

    .nt-urun-name {
        font-size: 22px
    }

    .nt-channel-grid {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:900px) {
    .nt-urun-layout {
        grid-template-columns: 1fr;
        gap: 22px
    }

    .nt-urun-gallery {
        grid-template-columns: 1fr
    }

    .nt-urun-main {
        grid-column: 1;
        grid-row: 1;
        height: auto;
        aspect-ratio: 4/5
    }

    .nt-urun-thumbs {
        grid-column: 1;
        grid-row: 2;
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
        max-height: none
    }

    .nt-urun-thumb {
        flex-basis: 68px;
        width: 68px;
        height: 86px
    }

    .nt-urun-info {
        max-width: none
    }

    .nt-urun-properties {
        grid-template-columns: 1fr
    }

    .nt-urun-zoom-modal {
        padding: 20px
    }

    .nt-urun-zoom-arrow {
        width: 42px;
        height: 42px;
        font-size: 27px
    }

    .nt-urun-zoom-prev {
        left: 8px
    }

    .nt-urun-zoom-next {
        right: 8px
    }
}

@media(max-width:560px) {
    .nt-urun-page {
        padding-top: 8px
    }

    .nt-urun-breadcrumb {
        font-size: 11px;
        margin-bottom: 8px
    }

    .nt-urun-name {
        font-size: 21px
    }

    .nt-urun-social-row {
        gap: 7px 10px
    }

    .nt-urun-current-price {
        font-size: 27px
    }

    .nt-urun-color {
        flex-basis: 62px;
        width: 62px
    }

        .nt-urun-color .image {
            height: 58px
        }

    .nt-urun-variant-arrow {
        display: none
    }

    .nt-urun-benefits {
        grid-template-columns: 1fr 1fr
    }

        .nt-urun-benefits > div {
            padding: 8px
        }

    .nt-urun-tabs {
        gap: 18px
    }

    .nt-review-summary {
        grid-template-columns: 1fr
    }

    .nt-channel-grid {
        grid-template-columns: 1fr
    }

    .nt-question-answer {
        margin-left: 0
    }

    .nt-urun-buy-row {
        position: sticky;
        bottom: 0;
        background: #fff;
        padding: 8px 0;
        z-index: 12
    }
}

/* 2026-09-15 PDP sağ kolon revizyonu */
.nt-urun-layout {
    grid-template-columns: minmax(430px,520px) minmax(470px,1fr) 270px;
    gap: 28px
}

.nt-urun-brand-row-tools {
    justify-content: flex-end;
    min-height: 38px
}

.nt-urun-brand {
    display: none
}

.nt-social-question {
    font-size: 0;
    position: relative;
    background: #f4f4f4
}

    .nt-social-question:before {
        content: "";
        width: 10px;
        height: 8px;
        border: 1.5px solid #666;
        border-radius: 3px;
        display: block
    }

    .nt-social-question:after {
        content: "";
        position: absolute;
        width: 4px;
        height: 4px;
        border-left: 1.5px solid #666;
        border-bottom: 1.5px solid #666;
        transform: rotate(-35deg);
        left: 6px;
        bottom: 4px;
        background: #f4f4f4
    }

.nt-urun-price-area {
    align-items: center;
    margin-top: 16px
}

.nt-urun-old-price {
    font-size: 16px
}

.nt-urun-current-price {
    font-size: 32px
}

.nt-urun-side {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: sticky;
    top: 12px
}

.nt-side-card {
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    background: #fff;
    overflow: hidden
}

.nt-side-title {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 13px;
    border-bottom: 1px solid #eee;
    font-size: 12px
}

.nt-side-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 7px;
    background: var(--nt-orange-soft);
    color: var(--nt-orange);
    font-weight: 900
}

.nt-urun-campaigns-side {
    display: block;
    margin: 0;
    padding: 9px
}

    .nt-urun-campaigns-side .nt-campaign-chip {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        padding: 10px;
        border-radius: 8px;
        background: #fff7f1;
        border-color: #ffd9bd;
        color: #333;
        align-items: center
    }

.nt-campaign-chip-icon {
    display: inline-flex;
    flex: 0 0 31px;
    width: 31px;
    height: 31px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--nt-orange);
    color: #fff;
    font-size: 14px;
    font-weight: 900
}

.nt-urun-campaigns-side .nt-campaign-chip > span:last-child {
    display: flex;
    flex-direction: column;
    line-height: 1.25
}

.nt-urun-campaigns-side .nt-campaign-chip b {
    font-size: 12px;
    color: #222
}

.nt-urun-campaigns-side .nt-campaign-chip small {
    font-size: 10px;
    color: #777;
    margin-top: 2px;
    font-weight: 500
}

.nt-side-empty {
    padding: 11px 13px;
    color: #888;
    font-size: 11px;
    line-height: 1.45
}

.nt-side-benefits {
    display: flex;
    flex-direction: column
}

.nt-side-benefit {
    display: flex;
    gap: 9px;
    align-items: center;
    padding: 10px 12px;
    border-bottom: 1px solid #eee
}

    .nt-side-benefit:last-child {
        border-bottom: 0
    }

    .nt-side-benefit .icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        color: var(--nt-orange);
        font-size: 16px
    }

    .nt-side-benefit > span:last-child {
        display: flex;
        flex-direction: column
    }

    .nt-side-benefit strong {
        font-size: 11px
    }

    .nt-side-benefit small {
        font-size: 9px;
        color: #777;
        margin-top: 1px
    }

.nt-side-channel-scroll {
    max-height: 226px;
    overflow-y: auto;
    scrollbar-width: thin
}

.nt-side-channel {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto 12px;
    gap: 7px;
    align-items: center;
    padding: 11px 10px;
    border-bottom: 1px solid #eee;
    color: #222 !important;
    text-decoration: none !important
}

    .nt-side-channel:hover {
        background: #fffaf6
    }

    .nt-side-channel > span {
        min-width: 0;
        display: flex;
        flex-direction: column
    }

    .nt-side-channel strong {
        font-size: 11px
    }

    .nt-side-channel small {
        font-size: 8px;
        color: #888;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 2px
    }

    .nt-side-channel b {
        font-size: 12px;
        color: var(--nt-orange);
        white-space: nowrap
    }

    .nt-side-channel i {
        font-size: 18px;
        color: #999;
        font-style: normal
    }

.nt-side-all-channels {
    width: 100%;
    border: 0;
    border-top: 1px solid #eee;
    background: #fafafa;
    color: var(--nt-orange);
    font-size: 10px;
    font-weight: 800;
    padding: 10px;
    cursor: pointer
}

    .nt-side-all-channels:hover {
        background: #fff4eb
    }

.nt-image-badge-discount {
    background: var(--nt-orange) !important;
    color: #fff !important
}

@media(max-width:1450px) {
    .nt-urun-layout {
        grid-template-columns: minmax(400px,480px) minmax(420px,1fr) 240px;
        gap: 20px
    }
}

@media(max-width:1180px) {
    .nt-urun-layout {
        grid-template-columns: minmax(390px,470px) 1fr;
        gap: 24px
    }

    .nt-urun-side {
        grid-column: 1/-1;
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr
    }

    .nt-side-channel-scroll {
        max-height: 180px
    }
}

@media(max-width:900px) {
    .nt-urun-side {
        grid-template-columns: 1fr 1fr
    }

    .nt-side-channels {
        grid-column: 1/-1
    }
}

@media(max-width:560px) {
    .nt-urun-side {
        display: flex
    }

    .nt-side-channels {
        grid-column: auto
    }

    .nt-urun-brand-row-tools {
        min-height: 0
    }

    .nt-urun-tools {
        margin-left: auto
    }
}

/* 2026-09-15 PDP son rötuşlar: özellikler, aksiyonlar, pazaryeri logoları, mobil */
.nt-urun-secondary-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 10px
}

.nt-urun-secondary-action {
    height: 42px;
    border: 1px solid #dedede;
    border-radius: 7px;
    background: #fff;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font: inherit;
    cursor: pointer;
    transition: border-color .18s,background .18s,color .18s
}

    .nt-urun-secondary-action:hover {
        border-color: var(--nt-orange);
        background: #fffaf6;
        color: var(--nt-orange)
    }

    .nt-urun-secondary-action strong {
        font-size: 12px;
        font-weight: 700
    }

.nt-action-heart {
    font-size: 22px;
    line-height: 1;
    font-weight: 400
}

.nt-action-share {
    width: 18px;
    height: 18px;
    display: inline-flex
}

    .nt-action-share svg {
        width: 18px;
        height: 18px;
        fill: currentColor
    }

/* Özellik adı ile değer artık birbirinden kopmuyor. */
.nt-urun-properties {
    grid-template-columns: 1fr 1fr;
    align-items: stretch
}

    .nt-urun-properties > div {
        display: grid;
        grid-template-columns: minmax(105px,145px) minmax(0,1fr);
        justify-content: start;
        align-items: center;
        column-gap: 14px;
        padding: 10px 14px;
        min-height: 42px;
        box-sizing: border-box
    }

        .nt-urun-properties > div:nth-child(odd) {
            border-right: 1px solid #eee
        }

    .nt-urun-properties span {
        color: #777;
        font-size: 12px;
        line-height: 1.35
    }

    .nt-urun-properties strong {
        font-size: 12px;
        line-height: 1.35;
        text-align: left;
        overflow-wrap: anywhere
    }

.nt-market-logo {
    display: block;
    width: auto;
    max-width: 145px;
    height: 34px;
    object-fit: contain;
    object-position: left center
}

.nt-channel-card {
    align-items: flex-start;
    justify-content: center;
    min-height: 125px
}

.nt-channel-price {
    margin-top: 2px
}

.nt-channel-link {
    min-width: 110px;
    box-sizing: border-box
}

.nt-side-channel {
    grid-template-columns: minmax(80px,1fr) auto auto;
    padding: 10px 11px;
    min-height: 52px
}

.nt-market-logo-side {
    max-width: 92px;
    height: 25px
}

.nt-market-go {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: var(--nt-orange);
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap
}

    .nt-market-go i {
        font-size: 16px;
        font-style: normal;
        line-height: 1
    }

@media(max-width:1180px) {
    .nt-urun-side {
        align-items: stretch
    }

    .nt-side-card {
        min-width: 0
    }
}

@media(max-width:900px) {
    .nt-urun-layout {
        display: grid;
        grid-template-columns: minmax(0,1fr);
        gap: 18px
    }

    .nt-urun-gallery, .nt-urun-info, .nt-urun-side {
        width: 100%;
        min-width: 0;
        max-width: none
    }

    .nt-urun-info {
        padding: 0
    }

    .nt-urun-side {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px
    }

    .nt-side-channels {
        grid-column: 1/-1
    }

    .nt-urun-detail {
        margin-top: 22px
    }

    .nt-urun-properties {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:640px) {
    .nt-urun-page {
        overflow-x: hidden
    }

    .nt-urun-breadcrumb {
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: none
    }

        .nt-urun-breadcrumb::-webkit-scrollbar {
            display: none
        }

    .nt-urun-name {
        font-size: 20px;
        line-height: 1.28;
        margin-bottom: 8px
    }

    .nt-urun-social-row {
        display: flex;
        flex-wrap: wrap;
        gap: 7px 10px
    }

    .nt-urun-price-area {
        margin-top: 12px;
        flex-wrap: wrap
    }

    .nt-urun-colors {
        max-width: 100%;
        overflow-x: auto;
        scroll-snap-type: x proximity
    }

    .nt-urun-color {
        scroll-snap-align: start
    }

    .nt-urun-sizes {
        flex-wrap: wrap
    }

    .nt-urun-buy-row {
        display: grid;
        grid-template-columns: 92px minmax(0,1fr);
        gap: 8px;
        position: static;
        padding: 0
    }

    .nt-urun-qty {
        width: 92px;
        min-width: 92px
    }

    .nt-urun-addcart {
        width: 100%;
        min-width: 0
    }

    .nt-urun-secondary-actions {
        margin-top: 8px;
        gap: 8px
    }

    .nt-urun-secondary-action {
        height: 44px
    }

    .nt-urun-side {
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .nt-side-channel-scroll {
        max-height: 210px
    }

    .nt-urun-tabs {
        top: 0;
        gap: 17px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none
    }

        .nt-urun-tabs::-webkit-scrollbar {
            display: none
        }

    .nt-urun-tab-panel {
        padding: 16px 0
    }

    .nt-urun-properties {
        grid-template-columns: 1fr
    }

        .nt-urun-properties > div {
            grid-template-columns: minmax(92px,120px) minmax(0,1fr);
            column-gap: 10px;
            padding: 9px 11px;
            min-height: 40px;
            border-right: 0 !important
        }

        .nt-urun-properties span, .nt-urun-properties strong {
            font-size: 11.5px
        }

    .nt-channel-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px
    }

    .nt-channel-card {
        min-height: 112px;
        padding: 11px;
        gap: 6px
    }

    .nt-market-logo {
        max-width: 115px;
        height: 28px
    }

    .nt-channel-price {
        font-size: 17px
    }

    .nt-channel-link {
        width: 100%;
        min-width: 0;
        padding: 8px 9px
    }

    .nt-review-top, .nt-question-head {
        align-items: flex-start;
        flex-direction: column
    }

    .nt-review-photos {
        overflow-x: auto;
        max-width: 100%
    }
}

@media(max-width:390px) {
    .nt-urun-name {
        font-size: 18px
    }

    .nt-urun-buy-row {
        grid-template-columns: 84px minmax(0,1fr)
    }

    .nt-urun-qty {
        width: 84px;
        min-width: 84px
    }

    .nt-urun-secondary-action strong {
        font-size: 11px
    }

    .nt-channel-grid {
        grid-template-columns: 1fr
    }

    .nt-urun-properties > div {
        grid-template-columns: 100px minmax(0,1fr)
    }
}

/* Sosyal bilgi satırı: mevcut görünümü koruyan hizalama */
.nt-urun-info .nt-urun-social-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 17px;
    row-gap: 8px;
    padding: 3px 0 12px;
    line-height: 1.35
}

.nt-urun-info .nt-urun-social-stat {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    text-decoration: none;
    color: #454545;
    font-size: 12px;
    min-height: 24px
}

    .nt-urun-info .nt-urun-social-stat .stars {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 1;
        color: #f4a900
    }

    .nt-urun-info .nt-urun-social-stat strong {
        font-size: 12px
    }

.nt-urun-info .nt-social-icon {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    background: #fafafa;
    font-size: 15px;
    font-weight: 500;
    color: #555
}

.nt-urun-info .nt-social-question {
    font-size: 0
}

    .nt-urun-info .nt-social-question:before {
        width: 11px;
        height: 8px;
        left: auto;
        bottom: auto
    }

    .nt-urun-info .nt-social-question:after {
        left: 7px;
        bottom: 5px
    }

@media(max-width:560px) {
    .nt-urun-info .nt-urun-social-row {
        column-gap: 11px;
        row-gap: 6px
    }

    .nt-urun-info .nt-urun-social-stat {
        font-size: 11px
    }
}

/* Ürün detay - sosyal bilgi satırı */
.nt-urun-social-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 20px;
    padding: 10px 0 12px;
    border-bottom: 1px solid #eee;
}

.nt-urun-social-stat {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #444;
    white-space: nowrap;
    text-decoration: none;
}

    .nt-urun-social-stat .nt-social-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 22px;
        width: 22px;
        height: 22px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: #f5f5f5;
        color: #555;
        font-size: 13px;
    }

    .nt-urun-social-stat .nt-social-question {
        position: static;
        font-size: 13px;
    }

        .nt-urun-social-stat .nt-social-question::before,
        .nt-urun-social-stat .nt-social-question::after {
            content: none;
            display: none;
        }

    .nt-urun-social-stat .stars {
        color: #f5a623;
        font-size: 13px;
        letter-spacing: 0;
        white-space: nowrap;
    }

@media (max-width: 560px) {
    .nt-urun-social-row {
        gap: 8px 14px;
    }
}

/* Ürün galerisi: scrollbar yerine oklar */
.nt-urun-thumbs-wrap {
    position: relative;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .nt-urun-thumbs-wrap .nt-urun-thumbs {
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-behavior: smooth;
    }

        .nt-urun-thumbs-wrap .nt-urun-thumbs::-webkit-scrollbar {
            display: none;
        }

.nt-thumb-scroll-btn {
    flex: 0 0 25px;
    width: 100%;
    border: 1px solid #e8e1da;
    border-radius: 6px;
    background: #fff;
    color: #333;
    font-size: 21px;
    line-height: 1;
    cursor: pointer;
}

    .nt-thumb-scroll-btn:hover {
        background: #f7f3ee;
    }

    .nt-thumb-scroll-btn[hidden] {
        display: none !important;
    }

/* =====================================================
   NEDEN TEKSTİL - ÜRÜN SOSYAL BİLGİ KUTULARI
   SON TASARIM / FULL COPY-PASTE
   ===================================================== */

/* Dört kutunun bulunduğu satır */
.nt-urun-info .nt-urun-social-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    margin: 9px 0 12px;
    padding: 0 0 12px;
    border-bottom: 1px solid #eeeeee;
    font-size: 12px;
    line-height: normal;
}

    /* Ortak kutu tasarımı */
    .nt-urun-info .nt-urun-social-row .nt-social-card {
        box-sizing: border-box;
        display: inline-flex;
        flex: 0 0 auto;
        width: auto;
        min-width: 0;
        min-height: 44px;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        margin: 0;
        padding: 7px 11px;
        border: 1px solid #e8e8e8;
        border-radius: 9px;
        background: #fafafa;
        color: #333333;
        text-decoration: none;
        box-shadow: none;
        transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
    }

    /* İkonun yuvarlak alanı */
    .nt-urun-info .nt-urun-social-row .nt-social-card-icon {
        box-sizing: border-box;
        display: inline-flex;
        flex: 0 0 28px;
        width: 28px;
        height: 28px;
        min-width: 28px;
        min-height: 28px;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: #f1f1f1;
        color: #555555;
        font-size: 15px;
        font-weight: 700;
        line-height: 1;
    }

        /* SVG konuşma balonu */
        .nt-urun-info .nt-urun-social-row .nt-social-card-icon svg {
            display: block;
            width: 15px;
            height: 15px;
            flex: 0 0 15px;
        }

    /* Sayı ve açıklama alt alta */
    .nt-urun-info .nt-urun-social-row .nt-social-card-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        min-width: 0;
        gap: 3px;
        margin: 0;
        padding: 0;
        line-height: 1;
    }

    /* Sayılar */
    .nt-urun-info .nt-urun-social-row .nt-social-card-value {
        display: block;
        margin: 0;
        padding: 0;
        color: #303030;
        font-size: 14px;
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: -.15px;
        white-space: nowrap;
    }

        /* Puanın /5 kısmı */
        .nt-urun-info .nt-urun-social-row .nt-social-card-value small {
            color: #888888;
            font-size: 10px;
            font-weight: 500;
        }

    /* Alt açıklamalar */
    .nt-urun-info .nt-urun-social-row .nt-social-card-label {
        display: block;
        margin: 0;
        padding: 0;
        color: #666666;
        font-size: 10px;
        font-weight: 500;
        line-height: 1.2;
        white-space: nowrap;
    }

    /* Gereksiz okları kaldır */
    .nt-urun-info .nt-urun-social-row .nt-social-card-arrow {
        display: none;
    }

    /* 1 - DEĞERLENDİRME: pastel krem */
    .nt-urun-info .nt-urun-social-row .nt-social-card:nth-child(1) {
        background: #fffaf1;
        border-color: #f2e5ca;
    }

        .nt-urun-info .nt-urun-social-row .nt-social-card:nth-child(1) .nt-social-card-icon {
            background: #ffedc8;
            color: #bc861a;
        }

        .nt-urun-info .nt-urun-social-row .nt-social-card:nth-child(1) .nt-social-card-value {
            color: #a87310;
        }

    /* 2 - SORU CEVAP: pastel mavi */
    .nt-urun-info .nt-urun-social-row .nt-social-card:nth-child(2) {
        background: #f3f8ff;
        border-color: #dfeaf8;
    }

        .nt-urun-info .nt-urun-social-row .nt-social-card:nth-child(2) .nt-social-card-icon {
            background: #e0edff;
            color: #527ba8;
        }

    /* 3 - FAVORİ: pastel pembe */
    .nt-urun-info .nt-urun-social-row .nt-social-card:nth-child(3) {
        background: #fff5f7;
        border-color: #f4dfe5;
    }

        .nt-urun-info .nt-urun-social-row .nt-social-card:nth-child(3) .nt-social-card-icon {
            background: #ffe2ea;
            color: #bd7087;
        }

    /* 4 - GÖRÜNTÜLENME: pastel yeşil */
    .nt-urun-info .nt-urun-social-row .nt-social-card:nth-child(4) {
        background: #f2faf5;
        border-color: #dceee2;
    }

        .nt-urun-info .nt-urun-social-row .nt-social-card:nth-child(4) .nt-social-card-icon {
            background: #ddf1e4;
            color: #568e6c;
        }

    /* Tıklanabilir kutular */
    .nt-urun-info .nt-urun-social-row a.nt-social-card:hover {
        transform: translateY(-1px);
        border-color: #d0d0d0;
        text-decoration: none;
    }

/* Mobil: okunaklı iki sütun */
@media (max-width: 560px) {

    .nt-urun-info .nt-urun-social-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        margin: 8px 0 11px;
        padding-bottom: 11px;
    }

        .nt-urun-info .nt-urun-social-row .nt-social-card {
            width: 100%;
            min-width: 0;
            min-height: 43px;
            padding: 7px 9px;
            gap: 7px;
        }

        .nt-urun-info .nt-urun-social-row .nt-social-card-icon {
            flex-basis: 26px;
            width: 26px;
            height: 26px;
            min-width: 26px;
            min-height: 26px;
        }

        .nt-urun-info .nt-urun-social-row .nt-social-card-value {
            font-size: 13px;
        }

        .nt-urun-info .nt-urun-social-row .nt-social-card-label {
            font-size: 10px;
        }
}
/* Ürün detay sekmeleri: yalnızca mobil görünüm */
@media (max-width: 640px) {
    .nt-urun-detail {
        min-width: 0;
        margin-top: 24px;
        border-top: 0;
    }

    .nt-urun-detail .nt-urun-tabs {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 9px 2px 12px;
        border-bottom: 1px solid #ededed;
        scroll-snap-type: x proximity;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .nt-urun-detail .nt-urun-tabs::-webkit-scrollbar {
        display: none;
    }

    .nt-urun-detail .nt-urun-tabs button {
        flex: 0 0 auto;
        min-height: 42px;
        padding: 10px 14px;
        border: 1px solid #e8e8e8;
        border-radius: 10px;
        background: #f8f8f8;
        color: #424242;
        font-size: 12px;
        line-height: 1.3;
        font-weight: 600;
        white-space: nowrap;
        scroll-snap-align: start;
        transition: background-color .15s, border-color .15s, color .15s;
    }

    .nt-urun-detail .nt-urun-tabs button.active {
        border: 1px solid #f27a1a;
        background: #fff5ed;
        color: #d7600c;
        box-shadow: inset 0 -2px 0 #f27a1a;
    }

    .nt-urun-detail .nt-urun-tabs button:focus-visible {
        outline: 2px solid #f27a1a;
        outline-offset: 2px;
    }

    .nt-urun-detail .nt-urun-tab-panel {
        min-width: 0;
        padding: 18px 2px 12px;
        font-size: 13px;
        line-height: 1.8;
        overflow-wrap: break-word;
    }
}

/* Sosyal etkileşim ekleri */
.nt-share-menu:not([hidden]) { display:flex;flex-wrap:wrap;gap:7px;padding:10px;border:1px solid #e6e0d9;border-radius:12px;margin-top:8px;background:#fff; }
.nt-share-menu button { background:#faf8f5;border:1px solid #e6e0d9;border-radius:20px;padding:8px 11px;cursor:pointer;font:inherit; }
#ntFavoriteButton[aria-pressed="true"] .nt-action-heart { color:#bd3348; }
#ntSocialMessage { font-size:12px;min-height:0;margin:4px 0; }

/* Sosyal istatistikler: 6 kutu masaüstü, 3 kutu mobil. */
.nt-urun-info .nt-urun-social-row {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;}
.nt-urun-info .nt-urun-social-row .nt-social-card {width:100%;min-width:0;min-height:35px;padding:5px 4px;gap:4px;overflow:hidden;}
.nt-urun-info .nt-urun-social-row .nt-social-card-icon {flex-shrink:0;}
.nt-urun-info .nt-urun-social-row .nt-social-card-content {min-width:0;}
.nt-urun-info .nt-urun-social-row .nt-social-card-label {font-size:10px;line-height:1.15;}
.nt-urun-info .nt-urun-social-row .nt-social-card-value {font-size:12px;line-height:1.2;}
.nt-urun-info .nt-urun-social-row .nt-social-card-arrow {display:none;}
@media(max-width:767px){.nt-urun-info .nt-urun-social-row {grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;}}

.nt-favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:20px 0}.nt-favorites-item{border:1px solid #e4e0da;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:18px}.nt-favorites-item a{color:inherit;text-decoration:underline}.nt-favorites-item button{border:1px solid #d8c9b5;background:#fff;border-radius:8px;padding:10px;cursor:pointer}.nt-card-favorite{cursor:pointer;border:0;background:#fff;color:#9b2436;border-radius:50%;position:absolute;right:10px;top:10px;z-index:4;font-size:23px;width:38px;height:38px}.nt-card-favorite[aria-pressed=true]{color:#c82448}
/* Kompakt ikon + sayı görünümü; önceki kuralların üstüne yazılır. */
.nt-urun-info .nt-urun-social-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.nt-urun-info .nt-urun-social-row .nt-social-card{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;min-width:0;min-height:36px;padding:4px 2px;white-space:nowrap}
.nt-urun-info .nt-urun-social-row .nt-social-card-icon{width:22px;height:22px;min-width:22px;min-height:22px;flex:0 0 22px;display:flex;align-items:center;justify-content:center;font-size:16px}
.nt-urun-info .nt-urun-social-row .nt-social-card-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nt-urun-info .nt-urun-social-row .nt-social-card-value{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis}
.nt-urun-info .nt-urun-social-row .nt-social-card-extra{font-size:10px}
@media(max-width:767px){.nt-urun-info .nt-urun-social-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nt-share-menu:not([hidden]){position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(20,20,20,.52);padding:16px;margin:0;border:0;border-radius:0}
.nt-share-panel{width:min(100%,390px);background:#fff;border-radius:16px;padding:18px;box-shadow:0 12px 45px #0003;display:grid;gap:9px}
.nt-share-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.nt-share-menu .nt-share-panel button{border-radius:9px;text-align:left;padding:11px 13px}
.nt-share-menu .nt-share-heading button{font-size:24px;padding:0 10px;border:0;background:transparent}


/* ===== NEDEN TEKSTİL / YORUM VE SORU ARAYÜZÜ ===== */
.nt-urun-detail #urunYorumlar,.nt-urun-detail #urunSoruCevap{max-width:1100px;margin-inline:auto;color:#252525}
.nt-urun-detail .nt-review-summary{grid-template-columns:150px minmax(0,1fr);gap:22px;padding:24px;border:1px solid #f0e3d8;background:linear-gradient(110deg,#fff8f2,#fff);border-radius:18px;box-shadow:0 4px 22px #34241408}
.nt-urun-detail .nt-review-score{align-items:center;justify-content:center;border-right:1px solid #f0e3d8;padding-right:20px;text-align:center}
.nt-urun-detail .nt-review-score>strong{font-size:44px;font-weight:800;letter-spacing:-2px}.nt-urun-detail .nt-review-score .stars{font-size:22px}.nt-urun-detail .nt-review-summary h3{font-size:21px;margin:0 0 7px}.nt-urun-detail .nt-review-summary p{font-size:13px;color:#777;margin:0}
.nt-urun-detail .nt-social-form{box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:100%;padding:24px;margin:22px 0 28px;border:1px solid #e9e5e1;border-radius:18px;background:#fff;box-shadow:0 8px 30px #1c1c1c08}
.nt-urun-detail .nt-social-form>h3{grid-column:1/-1;margin:0 0 3px;font-size:19px;font-weight:750;line-height:1.4}
.nt-urun-detail .nt-social-form input[type=text],.nt-urun-detail .nt-social-form select,.nt-urun-detail .nt-social-form textarea{box-sizing:border-box;width:100%;min-width:0;min-height:47px;padding:12px 14px;border:1px solid #dedbd8;border-radius:10px;background:#fff;color:#252525;font:inherit;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}
.nt-urun-detail .nt-social-form textarea{grid-column:1/-1;min-height:124px;resize:vertical;line-height:1.6}
.nt-urun-detail .nt-social-form input:focus,.nt-urun-detail .nt-social-form select:focus,.nt-urun-detail .nt-social-form textarea:focus{border-color:#f27a1a;box-shadow:0 0 0 3px #f27a1a20}
.nt-urun-detail .nt-social-form .nt-review-upload{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;padding:15px;border:1px dashed #e4d8ce;background:#fffaf6;border-radius:12px}
.nt-urun-detail .nt-social-form .nt-review-upload label{font-size:12px;font-weight:650;color:#62554b}.nt-urun-detail .nt-social-form input[type=file]{box-sizing:border-box;min-width:0;width:100%;font-size:12px}
.nt-urun-detail .nt-social-form label[for]{align-self:center;font-size:13px;font-weight:650;color:#55483c}
.nt-urun-detail .nt-social-form .nt-social-submit{grid-column:1/-1;min-height:48px;padding:12px 20px;border:1px solid #e76b0d;border-radius:10px;background:#f27a1a;color:#fff;font:inherit;font-size:14px;font-weight:750;cursor:pointer;transition:background .2s,transform .2s}
.nt-urun-detail .nt-social-form .nt-social-submit:hover{background:#df6810;transform:translateY(-1px)}.nt-urun-detail .nt-social-form .nt-social-submit:focus-visible{outline:3px solid #ffc69a;outline-offset:2px}
.nt-urun-detail .nt-social-feedback:not(:empty){display:block;padding:12px 15px;margin:10px 0 18px;border:1px solid #d8e9dc;border-radius:10px;background:#f3fbf5;color:#226036;font-size:13px;font-weight:600}
.nt-urun-detail .nt-review-list,.nt-urun-detail .nt-question-list{max-width:none;display:grid;gap:12px}.nt-urun-detail .nt-review-item,.nt-urun-detail .nt-question-item{padding:20px;border:1px solid #ece9e6;border-radius:14px;background:#fff;box-shadow:0 2px 12px #00000005}
.nt-urun-detail .nt-review-top{align-items:flex-start;flex-wrap:wrap}.nt-urun-detail .nt-review-user{display:inline-block;margin-left:9px}.nt-urun-detail .nt-review-body{margin:12px 0 0;line-height:1.7;overflow-wrap:anywhere}.nt-urun-detail .nt-review-photos{flex-wrap:wrap}.nt-urun-detail .nt-review-photo{width:78px;height:94px}
.nt-urun-detail .nt-question-head{margin:0 0 16px;padding:0 0 15px}.nt-urun-detail .nt-question-head h3{font-size:21px;margin:0 0 5px}.nt-urun-detail .nt-question-head p{margin:0;font-size:13px;color:#777}.nt-urun-detail .nt-question-q{font-size:14px;line-height:1.6}.nt-urun-detail .nt-question-meta{margin:8px 0 12px}.nt-urun-detail .nt-question-answer{margin:12px 0 0;padding:15px 18px;background:#f8f7f5;border-left:3px solid #f27a1a;line-height:1.7}.nt-urun-detail #urunYorumlar>.nt-side-empty,.nt-urun-detail #urunSoruCevap>.nt-side-empty{padding:22px;text-align:center;background:#faf9f7;border:1px dashed #dedbd6;border-radius:12px;font-size:13px}
@media(max-width:640px){.nt-urun-detail .nt-review-summary{grid-template-columns:1fr;padding:17px;gap:14px}.nt-urun-detail .nt-review-score{border-right:0;border-bottom:1px solid #f0e3d8;padding:0 0 13px}.nt-urun-detail .nt-review-score>strong{font-size:37px}.nt-urun-detail .nt-social-form{grid-template-columns:1fr;gap:11px;padding:17px;margin:16px 0 22px;border-radius:14px}.nt-urun-detail .nt-social-form>h3,.nt-urun-detail .nt-social-form textarea,.nt-urun-detail .nt-social-form .nt-review-upload,.nt-urun-detail .nt-social-form .nt-social-submit{grid-column:1}.nt-urun-detail .nt-social-form .nt-review-upload{grid-template-columns:1fr}.nt-urun-detail .nt-review-item,.nt-urun-detail .nt-question-item{padding:15px}.nt-urun-detail .nt-review-top{gap:6px}.nt-urun-detail .nt-question-answer{padding:12px}.nt-urun-detail .nt-review-user{margin-left:4px}}

/* Güvenli medya yükleme alanı */
.nt-review-upload{display:grid;gap:10px;padding:18px;border:1px dashed #c9b9a6;border-radius:14px;background:#fffaf4;margin:12px 0}.nt-review-upload label{font-size:13px;font-weight:650;color:#493a2b}.nt-review-upload input[type=file]{display:block;width:100%;max-width:100%;box-sizing:border-box;padding:12px;border:1px solid #ded5cb;border-radius:10px;background:white;font-size:13px}.nt-upload-note{margin:0;font-size:13px;color:#705e4a}@media(max-width:640px){.nt-review-upload{padding:12px}.nt-review-upload input[type=file]{font-size:12px}}
/* MOBİL ÜRÜN DETAY – TAŞMA DÜZELTMESİ */
@media (max-width: 767px) {

    .nt-urun-page,
    .nt-urun-page .nt-wrap,
    .nt-urun-layout,
    .nt-urun-gallery,
    .nt-urun-info {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    /* Masaüstü sütunları mobilde alt alta gelsin */
    .nt-urun-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    /* Ana görsel ekranın dışına çıkmasın */
    .nt-urun-main {
        position: relative;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden;
        box-sizing: border-box;
    }

    #mainProductImage {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto;
        object-fit: contain;
        box-sizing: border-box;
    }

    /* Varyant kaydırma alanı */
    .nt-urun-color-slider {
        display: grid !important;
        grid-template-columns: 32px minmax(0, 1fr) 32px !important;
        align-items: center;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden;
        box-sizing: border-box;
    }

    /* Yalnızca renkler kaydırılsın */
    #urunRenkler {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

        #urunRenkler::-webkit-scrollbar {
            display: none;
        }

    /* Oklar sabit ve görünür kalsın */
    .nt-urun-color-slider .nt-urun-variant-arrow {
        position: relative !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 32px !important;
        min-width: 32px !important;
        height: 36px;
        z-index: 3;
        flex-shrink: 0;
    }

    /* Renk kutuları küçülmesin */
    #urunRenkler .nt-urun-color {
        flex: 0 0 auto !important;
    }
}
/* MOBİL ÜRÜN GALERİSİ – YATAY TAŞMA DÜZELTMESİ */
@media (max-width: 767px) {

    .nt-urun-gallery {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden;
    }

    .nt-urun-thumbs-wrap {
        position: relative;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box;
    }

    /* Kaydırma yalnızca küçük fotoğraflarda gerçekleşsin */
    #urunThumbs {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        box-sizing: border-box;
    }

        #urunThumbs::-webkit-scrollbar {
            display: none;
        }

        /* Küçük fotoğraflar daralmasın */
        #urunThumbs > * {
            flex: 0 0 auto !important;
        }

    /* Önceki dikey kaydırma oklarını mobilde gizle */
    .nt-thumb-scroll-btn {
        display: none !important;
    }

    /* Ana görselin ekran dışına taşmasını engelle */
    .nt-urun-main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    #mainProductImage {
        display: block;
        max-width: 100% !important;
        object-fit: contain;
    }
}
/* SORU BÖLÜMÜ ÜST ALAN */
.nt-question-top {
    display: grid;
    grid-template-columns: 1fr 570px;
    gap: 50px;
    align-items: center;
    width: 100%;
    padding: 18px 0 22px;
    border-bottom: 1px solid #eee;
}


/* SOL BAŞLIK */
.nt-question-intro {
    align-self: center;
}

    .nt-question-intro h2 {
        margin: 0 0 6px;
        font-size: 21px;
        line-height: 1.3;
    }

    .nt-question-intro p {
        margin: 0;
        font-size: 12px;
        color: #777;
    }


/* SAĞ FORM */
.nt-question-form {
    width: 100%;
    box-sizing: border-box;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid #e6ded7;
    border-radius: 12px;
}


/* FORM BAŞLIK */
.nt-question-form-title {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 10px;
}

    .nt-question-form-title strong {
        font-size: 14px;
    }

    .nt-question-form-title span {
        font-size: 11px;
        color: #888;
    }


/* İSİM + DOĞRULAMA */
.nt-question-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 9px;
}

.nt-question-name {
    width: 190px !important;
    height: 36px;
    padding: 0 10px;
    box-sizing: border-box;
}

.nt-question-captcha {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .nt-question-captcha label {
        margin: 0;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

.nt-question-result {
    width: 68px !important;
    height: 36px;
    padding: 0 8px;
    box-sizing: border-box;
}


/* SORU + GÖNDER */
.nt-question-send-row {
    display: flex;
    gap: 9px;
    align-items: stretch;
}

.nt-question-text {
    flex: 1;
    width: auto !important;
    height: 55px !important;
    min-height: 55px !important;
    box-sizing: border-box;
    padding: 9px 10px;
    resize: none;
}

.nt-question-submit {
    width: 120px !important;
    min-width: 120px !important;
    height: 55px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #ff7600 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    cursor: pointer;
}

    .nt-question-submit:hover {
        background: #e96b00 !important;
    }


/* INPUT */
.nt-question-form input[type="text"],
.nt-question-form textarea {
    border: 1px solid #ddd6cf;
    border-radius: 7px;
    background: #fff;
    outline: none;
    font: inherit;
}

    .nt-question-form input[type="text"]:focus,
    .nt-question-form textarea:focus {
        border-color: #ff7600;
    }


/* MOBİL */
@media (max-width: 850px) {

    .nt-question-top {
        display: block;
    }

    .nt-question-intro {
        margin-bottom: 14px;
    }

    .nt-question-form {
        width: 100%;
    }
}

@media (max-width: 550px) {

    .nt-question-form-title span {
        display: none;
    }

    .nt-question-row {
        flex-wrap: wrap;
    }

    .nt-question-name {
        width: 100% !important;
    }

    .nt-question-send-row {
        display: block;
    }

    .nt-question-text {
        width: 100% !important;
        margin-bottom: 8px;
    }

    .nt-question-submit {
        width: 100% !important;
        height: 40px !important;
    }
}
/* =========================================================
   YORUM ALANI V2
   Puan özeti solda + kompakt yorum formu sağda
   ========================================================= */

.nt-urun-detail .nt-review-compose {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    align-items: stretch;
    margin: 0 0 22px;
    border: 1px solid #eadfd6;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 5px 22px rgba(0,0,0,.025);
}


/* SOL PUAN */

.nt-review-compose-score {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 0;
    padding: 24px 20px;
    text-align: center;
    background: #fffaf6;
    border-right: 1px solid #eee2d8;
}


.nt-review-compose-number {
    display: block;
    font-size: 48px;
    line-height: 1;
    font-weight: 800;
    color: #171717;
}


.nt-review-compose-stars {
    margin-top: 8px;
    color: var(--nt-orange);
    font-size: 22px;
    line-height: 1;
    letter-spacing: 2px;
}


.nt-review-compose-score > small {
    display: block;
    margin-top: 10px;
    color: #777;
    font-size: 12px;
}


.nt-review-compose-info {
    margin-top: 18px;
    padding-top: 15px;
    width: 100%;
    border-top: 1px solid #eee3da;
}


    .nt-review-compose-info h3 {
        margin: 0 0 4px !important;
        font-size: 15px !important;
        line-height: 1.3;
    }


    .nt-review-compose-info p {
        margin: 0;
        color: #888;
        font-size: 11px;
    }


/* SAĞ FORM */

.nt-urun-detail .nt-review-compose-form {
    display: block;
    box-sizing: border-box;
    min-width: 0;
    margin: 0 !important;
    padding: 20px 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}


.nt-review-compose-title {
    margin-bottom: 14px;
}


    .nt-review-compose-title h3 {
        margin: 0 0 3px !important;
        font-size: 20px !important;
        line-height: 1.25;
    }


    .nt-review-compose-title span {
        color: #777;
        font-size: 12px;
    }


/* PUAN + DOSYA */

.nt-review-compose-top {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    align-items: stretch;
    gap: 14px;
    margin-bottom: 12px;
}


/* YILDIZ SEÇİMİ */

.nt-review-rating-select {
    display: flex;
    align-items: center;
    gap: 14px;
    box-sizing: border-box;
    min-height: 58px;
    padding: 10px 14px;
    border: 1px solid #e5e1dd;
    border-radius: 10px;
    background: #fff;
}


.nt-review-rating-label {
    flex: 0 0 auto;
    color: #333;
    font-size: 13px;
    font-weight: 700;
}


/* ASP.NET RadioButtonList */

.nt-review-stars-input {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 2px;
}


    .nt-review-stars-input input {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        pointer-events: none;
    }


    .nt-review-stars-input label {
        display: inline-block;
        margin: 0 !important;
        color: #d5d5d5;
        font-size: 28px !important;
        line-height: 1;
        cursor: pointer;
        transition: color .15s ease, transform .15s ease;
    }


        /* Seçili yıldız ve öncekiler */

        .nt-review-stars-input input:checked ~ label,
        .nt-review-stars-input label:hover,
        .nt-review-stars-input label:hover ~ label {
            color: #f6a313;
        }


        .nt-review-stars-input label:hover {
            transform: scale(1.08);
        }


    /*
ASP.NET Flow çıktısında input-label sıralaması nedeniyle
varsayılan 5 yıldızın tamamını turuncu göster.
JS gerektirmeden ilk görünüm 5 yıldızdır.
*/

    .nt-review-stars-input:has(input[value="5"]:checked) label {
        color: #f6a313;
    }


/* DOSYA SEÇ */

.nt-review-media-picker {
    display: flex;
    align-items: center;
    gap: 11px;
    box-sizing: border-box;
    min-width: 0;
    min-height: 58px;
    padding: 9px 10px 9px 13px;
    border: 1px dashed #dfcfc2;
    border-radius: 10px;
    background: #fffaf6;
}


.nt-review-media-icon {
    display: flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    color: #60656c;
}


.nt-review-media-text {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
}


    .nt-review-media-text strong {
        margin-bottom: 2px;
        color: #333;
        font-size: 12px;
        font-weight: 700;
    }


    .nt-review-media-text small {
        color: #777;
        font-size: 10px;
        line-height: 1.35;
    }


.nt-review-file-button {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 95px;
    height: 38px;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1px solid #f1c5a5;
    border-radius: 8px;
    background: #fff;
    color: var(--nt-orange) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    cursor: pointer;
    overflow: hidden;
}


    .nt-review-file-button:hover {
        background: #fff4eb;
    }


.nt-review-file-input {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
    cursor: pointer;
}


/* YORUM KUTUSU */

.nt-urun-detail .nt-review-compose-text {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 130px;
    margin: 0 !important;
    padding: 11px 13px !important;
    border: 1px solid #dedbd8 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #333;
    font: inherit;
    font-size: 13px !important;
    line-height: 1.45;
    resize: vertical;
    outline: none;
}


    .nt-urun-detail .nt-review-compose-text:focus {
        border-color: var(--nt-orange) !important;
        box-shadow: 0 0 0 3px rgba(242,122,26,.10) !important;
    }


/* ALT SATIR */

.nt-review-compose-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 12px;
}


.nt-review-captcha {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}


    .nt-review-captcha label {
        margin: 0 !important;
        color: #333 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        white-space: nowrap;
    }


.nt-urun-detail .nt-review-captcha-input {
    box-sizing: border-box;
    width: 92px !important;
    min-width: 92px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    border: 1px solid #dedbd8 !important;
    border-radius: 8px !important;
    background: #fff !important;
    font-size: 12px !important;
}


/* GÖNDER */

.nt-urun-detail .nt-review-compose-submit {
    flex: 0 0 auto;
    width: 190px !important;
    min-width: 190px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 1px solid var(--nt-orange) !important;
    border-radius: 9px !important;
    background: var(--nt-orange) !important;
    color: #fff !important;
    font: inherit;
    font-size: 13px !important;
    font-weight: 750 !important;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}


    .nt-urun-detail .nt-review-compose-submit:hover {
        background: var(--nt-orange-dark) !important;
        border-color: var(--nt-orange-dark) !important;
        transform: translateY(-1px);
    }


/* TABLET */

@media (max-width: 900px) {

    .nt-urun-detail .nt-review-compose {
        grid-template-columns: 190px minmax(0, 1fr);
    }

    .nt-review-compose-top {
        grid-template-columns: 240px minmax(0, 1fr);
    }

    .nt-review-media-text small {
        display: none;
    }
}


/* MOBİL */

@media (max-width: 700px) {

    .nt-urun-detail .nt-review-compose {
        display: block;
        border-radius: 14px;
    }


    .nt-review-compose-score {
        padding: 16px;
        border-right: 0;
        border-bottom: 1px solid #eee2d8;
    }


    .nt-review-compose-number {
        font-size: 38px;
    }


    .nt-review-compose-info {
        margin-top: 12px;
        padding-top: 10px;
    }


    .nt-urun-detail .nt-review-compose-form {
        padding: 16px !important;
    }


    .nt-review-compose-top {
        display: block;
    }


    .nt-review-rating-select {
        margin-bottom: 9px;
    }


    .nt-review-media-picker {
        margin-bottom: 10px;
    }


    .nt-review-compose-bottom {
        display: block;
    }


    .nt-review-captcha {
        justify-content: space-between;
        margin-bottom: 10px;
    }


    .nt-urun-detail .nt-review-compose-submit {
        width: 100% !important;
        min-width: 0 !important;
    }


    .nt-review-file-button {
        min-width: 88px;
    }
}
/* =========================================================
   YORUM / SORU LISTESI - KOMPAKT + 10'LU SAYFALAMA
   Yalnızca sosyal liste kartlarını etkiler.
   ========================================================= */
.nt-urun-detail .nt-review-list,
.nt-urun-detail .nt-question-list {
    max-width: none;
    display: grid;
    gap: 7px;
}

.nt-urun-detail .nt-review-item,
.nt-urun-detail .nt-question-item {
    padding: 11px 14px;
    border: 1px solid #ece9e6;
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
}

.nt-urun-detail .nt-review-top {
    gap: 8px;
    min-height: 20px;
}

.nt-urun-detail .nt-review-top .stars {
    font-size: 12px;
    letter-spacing: .5px;
}

.nt-urun-detail .nt-review-user {
    font-size: 12px;
}

.nt-urun-detail .nt-review-meta,
.nt-urun-detail .nt-question-meta {
    font-size: 10px;
}

.nt-urun-detail .nt-review-body {
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 1.45;
}

.nt-urun-detail .nt-review-photos {
    gap: 6px;
    margin-top: 7px;
    flex-wrap: wrap;
}

.nt-urun-detail .nt-review-photo {
    display: block;
    width: 54px;
    height: 66px;
    border-radius: 7px;
    cursor: zoom-in;
}

.nt-urun-detail .nt-review-video {
    width: 150px;
    max-height: 110px;
    border-radius: 7px;
}

.nt-urun-detail .nt-question-q {
    font-size: 12px;
    line-height: 1.45;
}

.nt-urun-detail .nt-question-meta {
    margin: 3px 0 6px;
}

.nt-urun-detail .nt-question-answer {
    margin: 6px 0 0;
    padding: 8px 11px;
    border-left: 2px solid var(--nt-orange);
    border-radius: 7px;
    font-size: 12px;
    line-height: 1.45;
}

.nt-social-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 0 2px;
}

.nt-social-pager[hidden] { display: none !important; }

.nt-social-pager button {
    height: 34px;
    min-width: 34px;
    padding: 0 10px;
    border: 1px solid #e2ddd8;
    border-radius: 8px;
    background: #fff;
    color: #333;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.nt-social-pager button:hover:not(:disabled) {
    border-color: var(--nt-orange);
    color: var(--nt-orange);
}

.nt-social-pager button:disabled {
    opacity: .38;
    cursor: default;
}

.nt-social-pager .nt-pager-info {
    min-width: 72px;
    text-align: center;
    color: #777;
    font-size: 11px;
}

/* Yorum fotoğrafı popup */
.nt-review-lightbox {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
    background: rgba(20,20,20,.78);
    backdrop-filter: blur(3px);
}

.nt-review-lightbox.open { display: flex; }
body.nt-review-lightbox-open { overflow: hidden; }

.nt-review-lightbox-box {
    position: relative;
    max-width: min(920px, 94vw);
    max-height: 92vh;
    padding: 8px;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 20px 70px rgba(0,0,0,.30);
}

.nt-review-lightbox-image {
    display: block;
    max-width: calc(94vw - 16px);
    max-height: calc(92vh - 16px);
    border-radius: 8px;
    object-fit: contain;
}

.nt-review-lightbox-close {
    position: absolute;
    right: -12px;
    top: -12px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #222;
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 18px rgba(0,0,0,.20);
}

@media (max-width:640px) {
    .nt-urun-detail .nt-review-item,
    .nt-urun-detail .nt-question-item { padding: 10px 11px; }
    .nt-urun-detail .nt-question-answer { padding: 7px 9px; }
    .nt-review-lightbox { padding: 12px; }
    .nt-review-lightbox-close { right: 2px; top: 2px; }
}


/* =========================================================
   2026-09-23 - Yorum/Soru son yerlesim duzeltmeleri
   ========================================================= */

/* Login yoksa sağdaki form render edilmez: özet kartını yatay ve kompakt yap. */
.nt-urun-detail .nt-review-compose.nt-review-compose-no-form {
    display: block;
    min-height: 0;
}

.nt-urun-detail .nt-review-compose.nt-review-compose-no-form .nt-review-compose-score {
    min-height: 0;
    padding: 13px 20px;
    display: grid;
    grid-template-columns: auto auto auto minmax(0, 1fr);
    align-items: center;
    justify-content: start;
    column-gap: 12px;
    text-align: left;
    border-right: 0;
    background: #fffaf6;
}

.nt-urun-detail .nt-review-compose.nt-review-compose-no-form .nt-review-compose-number {
    font-size: 34px;
    line-height: 1;
}

.nt-urun-detail .nt-review-compose.nt-review-compose-no-form .nt-review-compose-stars {
    margin: 0;
    font-size: 17px;
    letter-spacing: 1px;
    white-space: nowrap;
}

.nt-urun-detail .nt-review-compose.nt-review-compose-no-form .nt-review-compose-score > small {
    margin: 0;
    padding-right: 16px;
    white-space: nowrap;
}

.nt-urun-detail .nt-review-compose.nt-review-compose-no-form .nt-review-compose-info {
    width: auto;
    margin: 0;
    padding: 0 0 0 18px;
    border-top: 0;
    border-left: 1px solid #eee3da;
}

.nt-urun-detail .nt-review-compose.nt-review-compose-no-form .nt-review-compose-info h3 {
    margin: 0 0 2px !important;
    font-size: 14px !important;
}

.nt-urun-detail .nt-review-compose.nt-review-compose-no-form .nt-review-compose-info p {
    font-size: 10px;
}

/* Yorum: tarih sağ üstte, pazaryeri hemen altında. */
.nt-urun-detail .nt-review-top {
    align-items: flex-start;
}

.nt-urun-detail .nt-review-side-meta {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex: 0 0 auto;
}

.nt-urun-detail .nt-review-side-meta .nt-review-meta {
    display: block;
    line-height: 1.2;
    white-space: nowrap;
}

.nt-urun-detail .nt-review-side-meta .nt-source-badge {
    margin: 0;
    white-space: nowrap;
}

/* Soru: pazaryeri etiketi sorunun en başında. */
.nt-urun-detail .nt-question-q {
    display: flex;
    align-items: flex-start;
    gap: 7px;
}

.nt-urun-detail .nt-question-q .nt-source-badge {
    flex: 0 0 auto;
    margin: 0;
    white-space: nowrap;
}

.nt-urun-detail .nt-question-text-value {
    min-width: 0;
    flex: 1;
}

@media (max-width: 700px) {
    .nt-urun-detail .nt-review-compose.nt-review-compose-no-form .nt-review-compose-score {
        grid-template-columns: auto auto;
        row-gap: 7px;
        padding: 13px 15px;
    }

    .nt-urun-detail .nt-review-compose.nt-review-compose-no-form .nt-review-compose-score > small {
        grid-column: 1 / -1;
        padding: 0;
    }

    .nt-urun-detail .nt-review-compose.nt-review-compose-no-form .nt-review-compose-info {
        grid-column: 1 / -1;
        padding: 8px 0 0;
        border-left: 0;
        border-top: 1px solid #eee3da;
    }
}


/* =========================================================
   ÜRÜN PAYLAŞIM PANELİ
   Yalnızca #ntShareMenu ve alt elemanlarını etkiler.
   ========================================================= */
body.nt-share-open { overflow: hidden; }

#ntShareMenu.nt-share-menu:not([hidden]) {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: rgba(18, 18, 18, .58);
    backdrop-filter: blur(2px);
}

#ntShareMenu .nt-share-panel {
    width: min(100%, 520px);
    max-height: calc(100vh - 36px);
    overflow-y: auto;
    box-sizing: border-box;
    display: block;
    padding: 22px;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(0,0,0,.24);
}

#ntShareMenu .nt-share-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 16px;
}

#ntShareMenu .nt-share-heading > div { min-width: 0; }
#ntShareMenu .nt-share-heading strong {
    display: block;
    color: #202020;
    font-size: 18px;
    line-height: 1.2;
}
#ntShareMenu .nt-share-heading small {
    display: block;
    margin-top: 4px;
    color: #858585;
    font-size: 12px;
}

#ntShareMenu .nt-share-close,
#ntShareMenu .nt-share-heading .nt-share-close {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f5f5f5;
    color: #222;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}
#ntShareMenu .nt-share-close:hover { background: #ededed; }

#ntShareMenu .nt-share-product {
    display: grid;
    grid-template-columns: 92px minmax(0,1fr);
    gap: 14px;
    align-items: center;
    padding: 12px;
    margin-bottom: 18px;
    border: 1px solid #e9e9e9;
    border-radius: 14px;
    background: #fafafa;
}
#ntShareMenu .nt-share-product-image {
    width: 92px;
    height: 112px;
    overflow: hidden;
    border-radius: 10px;
    background: #f1f1f1;
}
#ntShareMenu .nt-share-product-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center top;
}
#ntShareMenu .nt-share-product-info { min-width: 0; }
#ntShareMenu .nt-share-product-info strong {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #252525;
    font-size: 14px;
    line-height: 1.4;
}
#ntShareMenu .nt-share-product-info span {
    display: block;
    min-height: 17px;
    margin-top: 5px;
    color: #777;
    font-size: 12px;
}
#ntShareMenu .nt-share-product-info b {
    display: block;
    margin-top: 8px;
    color: var(--nt-orange);
    font-size: 18px;
}

#ntShareMenu .nt-share-options {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin: 0 0 18px;
}
#ntShareMenu .nt-share-option,
#ntShareMenu .nt-share-menu .nt-share-option {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #333;
    font: inherit;
    font-size: 11px;
    text-align: center;
    cursor: pointer;
}
#ntShareMenu .nt-share-option:hover { color: #111; }
#ntShareMenu .nt-share-option:disabled { opacity: .55; cursor: wait; }
#ntShareMenu .nt-share-option-icon {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 50%;
    background: #eee;
    color: #fff;
    font-size: 25px;
    font-weight: 800;
    transition: transform .16s ease, box-shadow .16s ease;
}
#ntShareMenu .nt-share-option:hover .nt-share-option-icon {
    transform: translateY(-2px);
    box-shadow: 0 7px 16px rgba(0,0,0,.13);
}
#ntShareMenu .nt-share-option-icon svg { width: 27px; height: 27px; fill: currentColor; }
#ntShareMenu .nt-share-whatsapp .nt-share-option-icon { background: #20c763; }
#ntShareMenu .nt-share-instagram .nt-share-option-icon { background: radial-gradient(circle at 30% 107%,#fdf497 0 5%,#fdf497 5% 15%,#fd5949 45%,#d6249f 60%,#285aeb 90%); }
#ntShareMenu .nt-share-instagram .nt-share-option-icon svg { width: 27px; height: 27px; fill: #fff; }
#ntShareMenu .nt-share-facebook .nt-share-option-icon { background: #1877f2; font-family: Arial,sans-serif; }
#ntShareMenu .nt-share-pinterest .nt-share-option-icon { background: #e60023; font-family: Georgia,serif; }
#ntShareMenu .nt-share-x .nt-share-option-icon { background: #050505; font-size: 22px; }
#ntShareMenu .nt-share-mail .nt-share-option-icon { background: #68727d; font-size: 21px; }
#ntShareMenu .nt-share-native .nt-share-option-icon { background: var(--nt-orange); font-size: 22px; }

#ntShareMenu .nt-share-link-title {
    margin-bottom: 7px;
    color: #555;
    font-size: 12px;
    font-weight: 700;
}
#ntShareMenu .nt-share-link-box {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 7px 7px 7px 12px;
    border: 1px solid #e2e2e2;
    border-radius: 11px;
    background: #fafafa;
}
#ntShareMenu .nt-share-link-box > span {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    color: #666;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#ntShareMenu .nt-share-copy {
    flex: 0 0 auto;
    padding: 9px 12px;
    border: 0;
    border-radius: 8px;
    background: #efefef;
    color: #333;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}
#ntShareMenu .nt-share-copy:hover { background: #e6e6e6; }

#ntShareMenu .nt-share-feedback {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 9px;
    background: #ecf8ef;
    color: #16743a;
    font-size: 12px;
}

@media (max-width: 620px) {
    #ntShareMenu.nt-share-menu:not([hidden]) {
        align-items: flex-end;
        padding: 0;
    }
    #ntShareMenu .nt-share-panel {
        width: 100%;
        max-height: 88vh;
        padding: 18px 16px max(18px, env(safe-area-inset-bottom));
        border-radius: 20px 20px 0 0;
    }
    #ntShareMenu .nt-share-heading { margin-bottom: 13px; }
    #ntShareMenu .nt-share-product {
        grid-template-columns: 72px minmax(0,1fr);
        gap: 11px;
        margin-bottom: 16px;
    }
    #ntShareMenu .nt-share-product-image { width: 72px; height: 88px; }
    #ntShareMenu .nt-share-options {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 16px;
    }
    #ntShareMenu .nt-share-option-icon { width: 50px; height: 50px; }
}