/* =============================================================================
   SCULPTURE.CSS — Koleksiyon arşivi + tekil ürün + comparison slider
   main.css'e bağımlı (CSS değişkenleri oradan gelir).
   Yalnızca sculpture CPT sayfalarında yüklenir — diğer sayfalara etkisi yok.

   Bölüm sırası:
     1.  Archive — sayfa header, section başlıkları
     2.  Collection card — parça kartları
     3.  Forge Your Own — CTA bölümü
     4.  Single — tekil ürün sayfası wrapper
     5.  Single hero — büyük açılış görseli
     6.  Single details — specs + CTA panel
     7.  Single comparison — image comparison slider bölümü
     8.  Comparison slider bileşeni
     9.  Single gallery — detay görselleri
    10.  Single bottom CTA
    11.  Responsive
   ============================================================================= */


/* =============================================================================
   1. ARŞİV — Sayfa header ve section yapısı
   ============================================================================= */

.archive-collection {
    padding-top:    calc( var(--header-height) + var(--space-16) );
    padding-bottom: var(--space-32);
    animation:      collectionEntry 0.7s ease 0.05s both;
}

@keyframes collectionEntry {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: none; }
}

/* Sayfa başlığı */
.collection-page-header {
    padding-bottom: var(--space-16);
    border-bottom:  1px solid var(--color-smoke);
    margin-bottom:  var(--space-20);
}

.collection-page-header .section-label {
    margin-bottom: var(--space-4);
}

.collection-page-title {
    font-family:    var(--font-display);
    font-size:      clamp( var(--text-4xl), 5vw, var(--text-6xl) );
    font-weight:    var(--weight-light);
    letter-spacing: -0.03em;
    line-height:    1;
    color:          var(--color-cream);
}

.collection-page-desc {
    margin-top: var(--space-4);
    font-size:  var(--text-lg);
    color:      rgba(239, 230, 215, 0.6);
    max-width:  52ch;
}

/* Koleksiyon bölümleri */
.collection-section {
    margin-bottom: var(--space-24);
}

.collection-section__header {
    display:         flex;
    align-items:     baseline;
    gap:             var(--space-6);
    margin-bottom:   var(--space-10);
    padding-bottom:  var(--space-6);
    border-bottom:   1px solid rgba(58, 58, 58, 0.4);
}

.collection-section__label {
    font-family:    var(--font-mono);
    font-size:      var(--text-xs);
    letter-spacing: 0.18em;
    color:          var(--color-gold);
    text-transform: uppercase;
    flex-shrink:    0;
}

.collection-section__title {
    font-family:    var(--font-display);
    font-size:      var(--text-2xl);
    font-weight:    var(--weight-light);
    letter-spacing: -0.01em;
    color:          var(--color-cream);
}

.collection-section__count {
    font-family:    var(--font-mono);
    font-size:      var(--text-xs);
    color:          var(--color-smoke);
    margin-left:    auto;
}

/* Bölümler arası ince ayırıcı */
.collection-divider {
    border:     none;
    border-top: 1px solid rgba(58, 58, 58, 0.3);
    margin:     var(--space-20) 0;
}

/* In Development bölümü — biraz daha soluk */
.collection-section--development {
    opacity: 0.85;
}

.collection-section--development:hover {
    opacity: 1;
    transition: opacity var(--transition-slow);
}


/* =============================================================================
   2. COLLECTION CARD — Parça kartları
   ============================================================================= */

/* In Production: büyük, 2 sütun */
.collection-grid--production {
    display:               grid;
    grid-template-columns: repeat(2, 1fr);
    gap:                   var(--space-6);
}

/* In Development: küçük, 3 sütun */
.collection-grid--development {
    display:               grid;
    grid-template-columns: repeat(3, 1fr);
    gap:                   var(--space-6);
}

.sculpture-card {
    /* Kart wrapper */
}

.sculpture-card__link {
    display:         block;
    text-decoration: none;
    color:           inherit;
}

/* Görsel alanı */
.sculpture-card__image-wrap {
    position:      relative;
    overflow:      hidden;
    border-radius: var(--radius-sm);
    background:    rgba(20, 19, 18, 0.8);
    margin-bottom: var(--space-5);
}

.collection-grid--production .sculpture-card__image-wrap {
    aspect-ratio: 5 / 6;
}

.collection-grid--development .sculpture-card__image-wrap {
    aspect-ratio: 1 / 1;
}

.sculpture-card__image {
    width:              100%;
    height:             100%;
    object-fit:         cover;
    object-position:    center;
    display:            block;
    transition:         transform var(--transition-slow),
                        filter    var(--transition-slow);
}

.sculpture-card__link:hover .sculpture-card__image {
    transform: scale(1.04);
    filter:    brightness(1.1);
}

/* In Development — wireframe için daha az parlaklık artışı */
.sculpture-card--development .sculpture-card__link:hover .sculpture-card__image {
    filter: brightness(1.05) contrast(1.05);
}

/* Gerçek fotoğraf katmanı — JS opacity ile crossfade eder */
.sculpture-card__real-image {
    position:       absolute;
    inset:          0;
    width:          100%;
    height:         100%;
    object-fit:     cover;
    object-position: center;
    opacity:        0;
    transition:     opacity 1.4s ease;
    pointer-events: none;
    display:        block;
}

/* Gimbal için production card image wrap */
.sculpture-card--production .sculpture-card__image-wrap {
    transition: transform 0.25s ease-out;
}

/* Tek kart durumunda tam genişlik */
.sculpture-card--featured {
    grid-column: 1 / -1;
}

.sculpture-card--featured .sculpture-card__image-wrap {
    aspect-ratio: 16 / 9;
    max-width:    680px;
    margin:       0 auto var(--space-5);
}

/* Hover overlay */
.sculpture-card__overlay {
    position:    absolute;
    inset:       0;
    background:  linear-gradient(
                     to top,
                     rgba(10, 9, 8, 0.7) 0%,
                     transparent 50%
                 );
    opacity:     0;
    transition:  opacity var(--transition-base);
    pointer-events: none;
}

.sculpture-card__link:hover .sculpture-card__overlay {
    opacity: 1;
}

/* "Detayı gör" hover etiketi */
.sculpture-card__hover-label {
    position:       absolute;
    bottom:         var(--space-6);
    left:           50%;
    transform:      translateX(-50%);
    font-family:    var(--font-mono);
    font-size:      var(--text-xs);
    letter-spacing: 0.15em;
    color:          var(--color-cream);
    white-space:    nowrap;
    opacity:        0;
    transition:     opacity var(--transition-base);
    pointer-events: none;
}

.sculpture-card__link:hover .sculpture-card__hover-label {
    opacity: 1;
}

/* In Development — "Coming Soon" etiketi her zaman görünür */
.sculpture-card--development .sculpture-card__hover-label {
    opacity: 0.6;
    bottom:  var(--space-4);
}

/* Kart bilgisi */
.sculpture-card__info {
    display:        flex;
    flex-direction: column;
    gap:            var(--space-1);
}

.sculpture-card__status {
    font-family:    var(--font-mono);
    font-size:      var(--text-xs);
    letter-spacing: 0.15em;
    color:          var(--color-gold);
    margin-bottom:  var(--space-2);
    display:        block;
}

.sculpture-card--development .sculpture-card__status {
    color: var(--color-smoke);
}

.sculpture-card__name {
    font-family:    var(--font-display);
    font-size:      var(--text-xl);
    font-weight:    var(--weight-light);
    letter-spacing: -0.01em;
    color:          var(--color-cream);
    transition:     color var(--transition-fast);
}

.collection-grid--production .sculpture-card__name {
    font-size: var(--text-2xl);
}

.sculpture-card__link:hover .sculpture-card__name {
    color: var(--color-gold);
}

.sculpture-card__subtitle {
    font-family:    var(--font-mono);
    font-size:      var(--text-xs);
    letter-spacing: 0.1em;
    color:          var(--color-smoke);
    max-width:      none;
}

/* Boş state — hiç parça yoksa */
.collection-empty {
    padding:    var(--space-16) 0;
    color:      var(--color-smoke);
    font-size:  var(--text-sm);
    font-style: italic;
}


/* =============================================================================
   3. FORGE YOUR OWN — CTA bölümü (arşiv sayfasında)
   ============================================================================= */

.collection-section--forge {
    opacity: 1; /* her zaman tam görünür */
}

.forge-cta-box {
    border:        1px solid var(--color-smoke);
    border-radius: var(--radius-lg);
    padding:       var(--space-16) var(--space-12);
    display:       grid;
    grid-template-columns: 1fr auto;
    gap:           var(--space-12);
    align-items:   center;
    position:      relative;
    overflow:      hidden;
}

/* Sol köşe vurgu çizgisi */
.forge-cta-box::before {
    content:    '';
    position:   absolute;
    top:        0;
    left:       0;
    width:      2px;
    height:     100%;
    background: linear-gradient(
                    to bottom,
                    transparent,
                    var(--color-gold) 30%,
                    var(--color-gold) 70%,
                    transparent
                );
}

.forge-cta-content {
    display:        flex;
    flex-direction: column;
    gap:            var(--space-4);
}

.forge-cta-title {
    font-family:    var(--font-display);
    font-size:      clamp( var(--text-2xl), 3vw, var(--text-4xl) );
    font-weight:    var(--weight-light);
    letter-spacing: -0.02em;
    line-height:    1.1;
    color:          var(--color-cream);
}

.forge-cta-desc {
    font-size:  var(--text-base);
    color:      rgba(239, 230, 215, 0.65);
    max-width:  48ch;
    line-height: 1.7;
}

.forge-cta-actions {
    flex-shrink: 0;
    display:     flex;
    align-items: center;
}


/* =============================================================================
   4. SINGLE — Tekil ürün sayfası wrapper
   ============================================================================= */

.sculpture-single {
    padding-bottom: var(--space-32);
}


/* =============================================================================
   5. SINGLE HERO — Büyük açılış görseli
   ============================================================================= */

.sculpture-hero {
    position:        relative;
    width:           100%;
    max-height:      85vh;
    overflow:        hidden;
    background:      var(--color-black);
    margin-bottom:   var(--space-16);
}

.sculpture-hero__image-wrap {
    width:  100%;
    height: 100%;
}

.sculpture-hero__image {
    width:           100%;
    max-height:      85vh;
    object-fit:      cover;
    object-position: center top;
    display:         block;
}

/* Hover / scroll darkening overlay */
.sculpture-hero::after {
    content:        '';
    position:       absolute;
    inset:          0;
    background:     rgba(0, 0, 0, 0.2);
    transition:     background 0.55s ease;
    pointer-events: none;
    z-index:        1;
}

.sculpture-hero:hover::after {
    background: rgba(0, 0, 0, 0);
}

/* Altta gradient — details bölümüne yumuşak geçiş */
.sculpture-hero__gradient {
    position:   absolute;
    bottom:     0;
    left:       0;
    right:      0;
    height:     200px;
    background: linear-gradient( to top, var(--color-black), transparent );
    pointer-events: none;
}

/* Hero üstündeki bilgi overlay — sol altta */
.sculpture-hero__meta {
    position:  absolute;
    bottom:    var(--space-12);
    left:      0;
    right:     0;
}

.sculpture-hero__edition {
    font-family:    var(--font-mono);
    font-size:      var(--text-xs);
    letter-spacing: 0.18em;
    color:          var(--color-gold);
    display:        block;
    margin-bottom:  var(--space-2);
    max-width:      none;
}

.sculpture-hero__title {
    font-family:    var(--font-display);
    font-size:      clamp( var(--text-4xl), 6vw, var(--text-7xl) );
    font-weight:    var(--weight-light);
    letter-spacing: -0.04em;
    line-height:    0.95;
    color:          var(--color-cream);
}

.sculpture-hero__subtitle {
    font-family:    var(--font-mono);
    font-size:      var(--text-sm);
    letter-spacing: 0.1em;
    color:          rgba(239, 230, 215, 0.6);
    margin-top:     var(--space-3);
    max-width:      none;
}

/* Geri dön linki */
.sculpture-back-link {
    position:       absolute;
    top:            calc( var(--header-height) + var(--space-6) );
    left:           var(--space-6);
    font-family:    var(--font-mono);
    font-size:      var(--text-xs);
    letter-spacing: 0.12em;
    color:          rgba(239, 230, 215, 0.5);
    text-decoration: none;
    transition:     color var(--transition-fast);
    z-index:        var(--z-above);
}

.sculpture-back-link:hover {
    color: var(--color-gold);
}


/* =============================================================================
   6. SINGLE DETAILS — Specs + teklif paneli
   ============================================================================= */

.sculpture-details {
    padding:       var(--space-12) 0 var(--space-16);
    border-bottom: 1px solid var(--color-smoke);
}

.sculpture-details__inner {
    display:               grid;
    grid-template-columns: 1fr 380px;
    gap:                   var(--space-16);
    align-items:           start;
}

/* Sol: açıklama + specs */
.sculpture-info {
    display:        flex;
    flex-direction: column;
    gap:            var(--space-8);
}

.sculpture-info__description {
    font-size:   var(--text-lg);
    line-height: 1.75;
    color:       rgba(239, 230, 215, 0.8);
    max-width:   58ch;
}

/* Teknik spec listesi */
.sculpture-specs {
    display:        flex;
    flex-direction: column;
    gap:            0;
    border-top:     1px solid rgba(58, 58, 58, 0.5);
}

.sculpture-spec-row {
    display:         flex;
    justify-content: space-between;
    align-items:     baseline;
    gap:             var(--space-8);
    padding:         var(--space-4) 0;
    border-bottom:   1px solid rgba(58, 58, 58, 0.3);
}

.sculpture-spec-row dt {
    font-family:    var(--font-mono);
    font-size:      var(--text-xs);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color:          var(--color-muted);
    flex-shrink:    0;
}

.sculpture-spec-row dd {
    font-family:    var(--font-mono);
    font-size:      var(--text-xs);
    letter-spacing: 0.08em;
    color:          var(--color-cream);
    text-align:     right;
}

/* Sağ: teklif paneli */
.sculpture-quote-panel {
    border:        1px solid rgba(201, 166, 107, 0.25);
    border-radius: var(--radius-base);
    padding:       var(--space-8);
    display:       flex;
    flex-direction: column;
    gap:           var(--space-6);
    position:      sticky;
    top:           calc( var(--header-height) + var(--space-6) );
}

.sculpture-quote-panel__label {
    font-family:    var(--font-mono);
    font-size:      var(--text-xs);
    letter-spacing: 0.18em;
    color:          var(--color-gold);
    max-width:      none;
}

.sculpture-quote-panel__title {
    font-family:    var(--font-display);
    font-size:      var(--text-2xl);
    font-weight:    var(--weight-light);
    letter-spacing: -0.01em;
    line-height:    1.15;
    color:          var(--color-cream);
}

.sculpture-quote-panel__note {
    font-size:   var(--text-sm);
    color:       rgba(239, 230, 215, 0.55);
    line-height: 1.65;
    max-width:   none;
}

.sculpture-quote-panel .btn {
    width: 100%;
    justify-content: center;
}

/* Status badge — teklif panelinde */
.sculpture-status-badge {
    display:        inline-flex;
    align-items:    center;
    gap:            var(--space-2);
    font-family:    var(--font-mono);
    font-size:      var(--text-xs);
    letter-spacing: 0.12em;
    color:          var(--color-smoke);
    padding:        var(--space-2) 0;
    max-width:      none;
}

.sculpture-status-badge::before {
    content:       '';
    display:       block;
    width:         6px;
    height:        6px;
    border-radius: 50%;
    background:    var(--color-smoke);
    flex-shrink:   0;
}

.sculpture-status-badge--production {
    color: rgba(201, 166, 107, 0.8);
}

.sculpture-status-badge--production::before {
    background: var(--color-gold);
    box-shadow: 0 0 6px rgba(201, 166, 107, 0.5);
}


/* =============================================================================
   7. SINGLE COMPARISON — Bölüm başlığı ve container
   Gerçek slider CSS'i bir sonraki bölümde.
   ============================================================================= */

.sculpture-comparison {
    padding:  var(--space-20) 0;
}

.sculpture-comparison__header {
    margin-bottom: var(--space-10);
    text-align:    center;
}

.sculpture-comparison__title {
    font-family:    var(--font-display);
    font-size:      clamp( var(--text-2xl), 3vw, var(--text-4xl) );
    font-weight:    var(--weight-light);
    letter-spacing: -0.02em;
    color:          var(--color-cream);
    margin-bottom:  var(--space-3);
}

.sculpture-comparison__sub {
    font-size:  var(--text-sm);
    color:      rgba(239, 230, 215, 0.55);
    max-width:  none;
}


/* =============================================================================
   8. IMAGE COMPARISON SLIDER BİLEŞENİ
   data-comparison-slider attribute'unu taşıyan konteynerde çalışır.
   JS (comparison-slider.js): --slider-pos CSS değişkenini günceller.
   ============================================================================= */

.comparison-slider {
    position:       relative;
    overflow:       hidden;
    border-radius:  var(--radius-sm);
    cursor:         col-resize;
    user-select:    none;
    -webkit-user-select: none;
    touch-action:   pan-y;
    max-width:      var(--max-width-layout);
    margin-inline:  auto;
}

/* Sol görsel — hayvan referansı. Container yüksekliğini belirler. */
.comparison-before {
    display:    block;
    position:   relative;
    z-index:    1;
    line-height: 0;
}

.comparison-before img {
    width:   100%;
    height:  auto;
    display: block;
}

/* Sağ görsel — bitmiş heykel. Sol üstüne klipler. */
.comparison-after {
    position:   absolute;
    inset:      0;
    z-index:    2;
    clip-path:  inset(0 0 0 var(--slider-pos, 50%));
    /* clip-path transition'ı JS'e bırakıyoruz (mousemove sırasında)
       Sadece tutma bırakıldığında smooth snap için: */
    will-change: clip-path;
    line-height: 0;
}

.comparison-after img {
    width:          100%;
    height:         100%;
    object-fit:     cover;
    object-position: center;
    display:        block;
}

/* Sürükleme kolu */
.comparison-handle {
    position:   absolute;
    top:        0;
    bottom:     0;
    left:       var(--slider-pos, 50%);
    transform:  translateX(-50%);
    z-index:    3;
    display:    flex;
    align-items: center;
    justify-content: center;
    cursor:     col-resize;
    /* Daha geniş tıklama alanı */
    padding-inline: var(--space-3);
}

/* Dikey çizgi */
.comparison-handle__line {
    width:      1px;
    height:     100%;
    background: rgba(201, 166, 107, 0.7);
    box-shadow: 0 0 12px rgba(201, 166, 107, 0.3);
    position:   absolute;
    top:        0;
    left:       50%;
    transform:  translateX(-50%);
}

/* Yuvarlak tutma noktası */
.comparison-handle__knob {
    position:        relative;
    z-index:         1;
    width:           44px;
    height:          44px;
    border-radius:   50%;
    background:      var(--color-black);
    border:          1px solid var(--color-gold);
    display:         flex;
    align-items:     center;
    justify-content: center;
    gap:             4px;
    box-shadow:      0 0 16px rgba(201, 166, 107, 0.25);
    transition:      transform var(--transition-fast),
                     box-shadow var(--transition-fast);
    flex-shrink:     0;
}

.comparison-slider.is-dragging .comparison-handle__knob,
.comparison-handle:hover .comparison-handle__knob {
    transform:  scale(1.1);
    box-shadow: 0 0 24px rgba(201, 166, 107, 0.45);
}

/* Ok işaretleri — sol ve sağ */
.comparison-handle__arrow {
    width:   0;
    height:  0;
    border-top:    5px solid transparent;
    border-bottom: 5px solid transparent;
    flex-shrink: 0;
}

.comparison-handle__arrow--left {
    border-right: 6px solid var(--color-gold);
}

.comparison-handle__arrow--right {
    border-left: 6px solid var(--color-gold);
}

/* Etiketler — sol ve sağ köşe */
.comparison-labels {
    position:       absolute;
    bottom:         var(--space-5);
    left:           0;
    right:          0;
    display:        flex;
    justify-content: space-between;
    padding-inline: var(--space-6);
    z-index:        4;
    pointer-events: none;
}

.comparison-label {
    font-family:      var(--font-mono);
    font-size:        var(--text-xs);
    letter-spacing:   0.12em;
    text-transform:   uppercase;
    color:            rgba(239, 230, 215, 0.7);
    background:       rgba(10, 9, 8, 0.55);
    padding:          var(--space-1) var(--space-3);
    border-radius:    var(--radius-sm);
    backdrop-filter:  blur(4px);
    -webkit-backdrop-filter: blur(4px);
    max-width:        none;
}

/* Keyboard focus görsel geri bildirimi */
.comparison-handle:focus-visible .comparison-handle__knob {
    outline:        2px solid var(--color-gold);
    outline-offset: 3px;
}

/* prefers-reduced-motion: knob animasyonlarını kapat */
@media (prefers-reduced-motion: reduce) {
    .sculpture-hero::after {
        transition: none;
    }
    .comparison-handle__knob {
        transition: none;
    }
    .comparison-after {
        will-change: auto;
    }
}


/* =============================================================================
   9. DETAIL PANEL — Gallery strip (sol) + Boyut kutusu (sağ)
   ============================================================================= */

.sculpture-detail-panel {
    padding: var(--space-16) 0;
}

.detail-panel__inner {
    display:               grid;
    grid-template-columns: 1fr 300px;
    gap:                   var(--space-12);
    align-items:           start;
}

.detail-panel__col-header {
    margin-bottom: var(--space-5);
}

/* Gallery strip — yatay kaydırma */
.gallery-strip {
    display:                  flex;
    gap:                      var(--space-3);
    overflow-x:               auto;
    scroll-snap-type:         x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom:           var(--space-4);
}

/* İnce altın scroll bar */
.gallery-strip::-webkit-scrollbar       { height: 2px; }
.gallery-strip::-webkit-scrollbar-track { background: rgba(58, 58, 58, 0.35); border-radius: 1px; }
.gallery-strip::-webkit-scrollbar-thumb { background: var(--color-gold); border-radius: 1px; }

.gallery-strip__item {
    flex-shrink:       0;
    width:             260px;
    height:            320px;
    overflow:          hidden;
    border-radius:     var(--radius-sm);
    background:        rgba(20, 19, 18, 0.8);
    cursor:            zoom-in;
    scroll-snap-align: start;
}

.gallery-strip__item img {
    width:       100%;
    height:      100%;
    object-fit:  cover;
    display:     block;
    transition:  transform var(--transition-slow),
                 filter    var(--transition-slow);
    will-change: transform, filter;
}

.gallery-strip__item:hover img {
    transform: scale(1.06);
    filter:    brightness(1.1);
}

/* Dimension sağ panel */
.detail-panel__dims {
    position: sticky;
    top:      calc(var(--header-height) + var(--space-8));
}

.dim-panel {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            var(--space-4);
}

.dim-panel .dim-box {
    width:     100%;
    max-width: 280px;
    height:    auto;
    opacity:   0.92;
}

.dim-panel--placeholder .dim-box {
    opacity: 0.32;
}

.dim-panel__text {
    font-size:      var(--text-sm);
    color:          rgba(201, 166, 107, 0.78);
    letter-spacing: 0.08em;
    text-align:     center;
}

.dim-panel__legend {
    font-size:      var(--text-xs);
    color:          rgba(239, 230, 215, 0.32);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-align:     center;
}

/* Lightbox trigger — eski class adıyla uyumluluk */
.sculpture-gallery__item {
    cursor: zoom-in;
}

/* Gallery lightbox */
.gallery-lightbox {
    position:        fixed;
    inset:           0;
    z-index:         9000;
    display:         flex;
    align-items:     center;
    justify-content: center;
    opacity:         0;
    pointer-events:  none;
    transition:      opacity 0.25s ease;
}

.gallery-lightbox.is-open {
    opacity:        1;
    pointer-events: auto;
}

.gallery-lightbox__backdrop {
    position:   absolute;
    inset:      0;
    background: rgba(10, 9, 8, 0.93);
    cursor:     pointer;
}

.gallery-lightbox__img {
    position:      relative;
    max-width:     min(90vw, 1400px);
    max-height:    88vh;
    object-fit:    contain;
    border-radius: var(--radius-sm);
    box-shadow:    0 0 0 1px rgba(201, 166, 107, 0.08),
                   0 0 48px rgba(201, 166, 107, 0.22),
                   0 0 96px rgba(0, 0, 0, 0.7);
    transform:     scale(0.95) translateY(10px);
    transition:    opacity 0.2s ease,
                   transform 0.3s cubic-bezier(0.34, 1.2, 0.64, 1);
    will-change:   transform, opacity;
}

.gallery-lightbox.is-open .gallery-lightbox__img {
    transform: none;
}

.gallery-lightbox__img.is-loading {
    opacity: 0;
}

.gallery-lightbox__close {
    position:        absolute;
    top:             var(--space-6);
    right:           var(--space-6);
    appearance:      none;
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           40px;
    height:          40px;
    background:      rgba(10, 9, 8, 0.55);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border:          1px solid rgba(201, 166, 107, 0.18);
    border-radius:   9999px;
    color:           rgba(239, 230, 215, 0.75);
    cursor:          pointer;
    padding:         0;
    transition:      background var(--transition-fast),
                     color      var(--transition-fast),
                     border-color var(--transition-fast);
}

.gallery-lightbox__close:hover {
    background:   rgba(201, 166, 107, 0.12);
    border-color: rgba(201, 166, 107, 0.45);
    color:        var(--color-cream);
}


/* Dim-box lightbox — gallery lightbox ile aynı visual dil */
.dim-lightbox {
    position:        fixed;
    inset:           0;
    z-index:         9000;
    display:         flex;
    align-items:     center;
    justify-content: center;
    opacity:         0;
    pointer-events:  none;
    transition:      opacity 0.25s ease;
}

.dim-lightbox.is-open {
    opacity:        1;
    pointer-events: auto;
}

.dim-lightbox__backdrop {
    position:   absolute;
    inset:      0;
    background: rgba(10, 9, 8, 0.93);
    cursor:     pointer;
}

.dim-lightbox__svg-wrap {
    position:      relative;
    border-radius: var(--radius-sm);
    box-shadow:    0 0 0 1px rgba(201, 166, 107, 0.08),
                   0 0 48px rgba(201, 166, 107, 0.22),
                   0 0 96px rgba(0, 0, 0, 0.7);
    background:    rgba(10, 9, 8, 0.70);
    padding:       var(--space-8);
    transform:     scale(0.95) translateY(10px);
    transition:    transform 0.3s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.dim-lightbox.is-open .dim-lightbox__svg-wrap {
    transform: none;
}

.dim-lightbox__close {
    position:              absolute;
    top:                   var(--space-6);
    right:                 var(--space-6);
    appearance:            none;
    display:               flex;
    align-items:           center;
    justify-content:       center;
    width:                 40px;
    height:                40px;
    background:            rgba(10, 9, 8, 0.55);
    backdrop-filter:       blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border:                1px solid rgba(201, 166, 107, 0.18);
    border-radius:         9999px;
    color:                 rgba(239, 230, 215, 0.75);
    cursor:                pointer;
    padding:               0;
    transition:            background var(--transition-fast),
                           color      var(--transition-fast),
                           border-color var(--transition-fast);
}

.dim-lightbox__close:hover {
    background:   rgba(201, 166, 107, 0.12);
    border-color: rgba(201, 166, 107, 0.45);
    color:        var(--color-cream);
}


/* =============================================================================
   9B. QUOTE PANEL — Letter bubble + sparkle star
   ============================================================================= */

/* Word wrapper — inline-block + nowrap prevents the browser from breaking inside a word */
.qp-word {
    display:     inline-block;
    white-space: nowrap;
}

/* Each split letter — inline-block for transform; baseline + line-height lock prevent drift */
.qp-letter {
    display:        inline-block;
    vertical-align: baseline;
    line-height:    inherit;
    will-change:    transform;
}

@keyframes qp-bubble {
    0%   { transform: translateY(0)    scale(1);    }
    22%  { transform: translateY(-5px) scale(1.06); }
    45%  { transform: translateY(0)    scale(1);    }
    65%  { transform: translateY(2px)  scale(0.96); }
    82%  { transform: translateY(0)    scale(1);    }
    100% { transform: translateY(0)    scale(1);    }
}

.sculpture-quote-panel.is-letter-hover .qp-letter:not(.qp-letter--space) {
    animation:       qp-bubble 1.6s ease-in-out infinite;
    animation-delay: calc(var(--qi) * 50ms);
}

/* Sparkle stars on the gradient-border button */
.btn-sparkle {
    position:        absolute;
    width:           20px;
    height:          20px;
    color:           #ffef99;
    pointer-events:  none;
    opacity:         0;
    display:         flex;
    align-items:     center;
    justify-content: center;
}

.btn-sparkle--tr {
    top:   -9px;
    right: 14px;
    animation: sparkle-appear 4.5s ease-in-out 0.4s infinite;
}

.btn-sparkle--bl {
    bottom: -9px;
    left:   14px;
    animation: sparkle-appear 4.5s ease-in-out 2.6s infinite;
}

.btn-sparkle svg {
    width:  100%;
    height: 100%;
    filter: drop-shadow(0 0 2px #fff8d0)
            drop-shadow(0 0 6px #ffef99)
            drop-shadow(0 0 12px rgba(255, 220, 80, 0.95))
            drop-shadow(0 0 22px rgba(255, 190, 30, 0.55));
}

@keyframes sparkle-appear {
    0%, 12%   { opacity: 0;    transform: scale(0.3) rotate(0deg)    translateY(8px);  }
    30%       { opacity: 1;    transform: scale(1.1) rotate(36deg)   translateY(0px);  }
    52%       { opacity: 0.9;  transform: scale(0.95) rotate(72deg)  translateY(-5px); }
    68%, 100% { opacity: 0;    transform: scale(0.3) rotate(108deg)  translateY(-10px); }
}

/* dim-box base — detail panel içinde kullanılır */
.dim-box {
    display: block;
    height:  auto;
    filter:  drop-shadow(0 0 10px rgba(201, 166, 107, 0.12));
}

/* =============================================================================
   9B2. COMMISSIONED BADGE
   ============================================================================= */

.sculpture-card__commissioned {
    position:        absolute;
    top:             var(--space-3);
    right:           var(--space-3);
    z-index:         4;
    display:         inline-flex;
    align-items:     center;
    padding:         4px 8px;
    border-radius:   100px;
    border:          1px solid rgba(201, 166, 107, 0.55);
    background:      rgba(10, 9, 8, 0.72);
    color:           var(--color-gold, #C9A66B);
    font-size:       8px;
    letter-spacing:  0.16em;
    text-transform:  uppercase;
    white-space:     nowrap;
    pointer-events:  auto;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* "issioned" suffix — grid trick ile 0 → full genişlik animasyonu */
.comm-tail {
    display:               inline-grid;
    grid-template-columns: 0fr;
    overflow:              hidden;
    vertical-align:        middle;
    transition:            grid-template-columns 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.comm-tail > span {
    overflow:   hidden;
    white-space: nowrap;
}
.comm-dot {
    transition: opacity 0.12s ease;
}

/* Desktop: kart hover'ında rozet genişler */
@media (hover: hover) {
    .sculpture-card:hover .sculpture-card__commissioned .comm-tail {
        grid-template-columns: 1fr;
    }
    .sculpture-card:hover .sculpture-card__commissioned .comm-dot {
        opacity: 0;
    }
}

/* Mobil: JS .is-expanded class'ı ekler */
.sculpture-card__commissioned.is-expanded .comm-tail {
    grid-template-columns: 1fr;
}
.sculpture-card__commissioned.is-expanded .comm-dot {
    opacity: 0;
}


/* =============================================================================
   9C. SCALE COMPARISON
   ============================================================================= */

.scale-comparison-wrap {
    margin-top:  var(--space-8);
    padding-top: var(--space-6);
    border-top:  1px solid rgba(58, 58, 58, 0.35);
}

.scale-comparison__label {
    margin-bottom: var(--space-3);
}

.scale-comparison {
    display:   block;
    width:     100%;
    max-width: 180px;
    height:    auto;
    opacity:   0.88;
    color:     rgba(239, 230, 215, 0.65); /* currentColor → human figure stroke in dark mode */
}


/* =============================================================================
   10. SINGLE BOTTOM CTA
   ============================================================================= */

.sculpture-cta {
    padding:    var(--space-24) 0 var(--space-12);
    text-align: center;
    border-top: 1px solid rgba(58, 58, 58, 0.3);
}

.sculpture-cta__inner {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            var(--space-6);
    max-width:      480px;
    margin-inline:  auto;
}

.sculpture-cta__title {
    font-family:    var(--font-display);
    font-size:      clamp( var(--text-2xl), 3vw, var(--text-4xl) );
    font-weight:    var(--weight-light);
    letter-spacing: -0.02em;
    color:          var(--color-cream);
}

.sculpture-cta__desc {
    font-size:   var(--text-base);
    color:       rgba(239, 230, 215, 0.6);
    max-width:   40ch;
    line-height: 1.7;
}


/* =============================================================================
   10B. FLOATING COMMISSION CTA
   ============================================================================= */

.float-commission {
    position:        fixed;
    bottom:          0;
    left:            0;
    right:           0;
    z-index:         800;
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    gap:             var(--space-6);
    padding:         var(--space-4) var(--space-8);
    background:      rgba(10, 9, 8, 0.82);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-top:      1px solid rgba(201, 166, 107, 0.14);
    transform:       translateY(100%);
    opacity:         0;
    transition:      transform 0.45s cubic-bezier(0.16, 1, 0.3, 1),
                     opacity   0.35s ease;
    pointer-events:  none;
}

.float-commission.is-visible {
    transform:      translateY(0);
    opacity:        1;
    pointer-events: auto;
}

.float-commission__title {
    font-family:    var(--font-display);
    font-size:      clamp(var(--text-base), 2vw, var(--text-xl));
    font-weight:    var(--weight-light);
    letter-spacing: -0.015em;
    color:          var(--color-cream);
    white-space:    nowrap;
    overflow:       hidden;
    text-overflow:  ellipsis;
}

.float-commission__btn {
    flex-shrink: 0;
}

@media (max-width: 479px) {
    .float-commission {
        flex-direction: column;
        align-items:    stretch;
        gap:            var(--space-3);
        padding:        var(--space-4) var(--space-5);
    }
    .float-commission__title {
        font-size: var(--text-sm);
    }
    .float-commission__btn {
        text-align: center;
    }
}


/* =============================================================================
   11. RESPONSİVE
   ============================================================================= */

/* Tablet */
@media (max-width: 1023px) {

    /* Single details — üst üste */
    .sculpture-details__inner {
        grid-template-columns: 1fr;
    }

    .sculpture-quote-panel {
        position: static;
    }

    /* Forge CTA — üst üste */
    .forge-cta-box {
        grid-template-columns: 1fr;
    }

    /* Development grid — tablet'te 3-col yerine 2-col (daha az sıkışık) */
    .collection-grid--development {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Küçük tablet */
@media (max-width: 767px) {

    /* Archive grid — tek sütun */
    .collection-grid--production,
    .collection-grid--development {
        grid-template-columns: 1fr;
        max-width:             480px;
        margin-inline:         auto;
    }

    /* Single hero title daha küçük */
    .sculpture-hero__title {
        font-size: var(--text-4xl);
    }

    /* Detail panel — tek sütun, dims alta iner */
    .detail-panel__inner {
        grid-template-columns: 1fr;
    }
    .detail-panel__dims {
        position: static;
    }
    .gallery-strip__item {
        width:  200px;
        height: 250px;
    }

    /* Comparison label gizle — yer yok */
    .comparison-labels {
        display: none;
    }
}

/* Mobil */
@media (max-width: 479px) {

    .gallery-strip__item {
        width:  160px;
        height: 200px;
    }

    /* Forge CTA padding */
    .forge-cta-box {
        padding: var(--space-8) var(--space-6);
    }

    /* Collection grid her iki türde de tek sütun, max-width yok */
    .collection-grid--production,
    .collection-grid--development {
        max-width: none;
    }
}


/* =============================================================================
   CONFIGURATOR STAGE — Oyun / konsept görselleştirici
   Sol: SIZE, Orta: Görsel + overlay, Sağ: FINISH
   ============================================================================= */

/* Section wrapper */
.sculpture-cfg-section {
    padding:    var(--space-20) 0 var(--space-16);
    border-top: 1px solid rgba(58, 58, 58, 0.22);
    overflow:   hidden;
}

/* Section header */
.cfg-section-header {
    text-align:    center;
    margin-bottom: var(--space-14);
}

.cfg-section-header__title {
    font-family:    var(--font-display);
    font-size:      clamp( var(--text-xl), 2.5vw, var(--text-3xl) );
    font-weight:    var(--weight-light);
    letter-spacing: -0.02em;
    color:          var(--color-cream);
    margin-top:     var(--space-2);
    margin-bottom:  var(--space-3);
}

.cfg-section-header__sub {
    font-size:   var(--text-sm);
    color:       var(--color-smoke);
    max-width:   44ch;
    margin:      0 auto;
    line-height: 1.6;
}

/* 3-column grid: panel | preview | panel */
.cfg-stage {
    display:               grid;
    grid-template-columns: 76px 1fr 88px;
    gap:                   var(--space-8);
    align-items:           center;
}

/* ── Panels (shared) ──────────────────────────── */
.cfg-panel {
    display:        flex;
    flex-direction: column;
    gap:            var(--space-5);
    height:         100%;
}

.cfg-panel__label {
    font-family:    var(--font-mono);
    font-size:      calc( var(--text-xs) * 0.82 );
    letter-spacing: 0.24em;
    color:          rgba(201, 166, 107, 0.4);
    text-transform: uppercase;
}

/* Left panel — size buttons aligned to the right edge */
.cfg-panel--left {
    align-items:     flex-end;
    justify-content: center;
}

.size-picker--vert {
    display:        flex;
    flex-direction: column;
    gap:            var(--space-2);
    align-items:    flex-end;
}

/* Size button base */
.size-btn {
    appearance:      none;
    position:        relative;
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           52px;
    height:          40px;
    background:      transparent;
    border:          1px solid rgba(58, 58, 58, 0.45);
    border-radius:   var(--radius-sm);
    color:           rgba(239, 230, 215, 0.4);
    font-family:     var(--font-mono);
    font-size:       var(--text-xs);
    letter-spacing:  0.1em;
    cursor:          pointer;
    transition:      border-color var(--transition-fast),
                     background   var(--transition-fast),
                     color        var(--transition-fast);
}

.size-btn:hover {
    border-color: rgba(201, 166, 107, 0.5);
    color:        var(--color-gold);
}

.size-btn.is-active {
    border-color: var(--color-gold);
    background:   rgba(201, 166, 107, 0.09);
    color:        var(--color-gold);
}

/* Connector line: active size → image */
.size-btn.is-active::after {
    content:    '';
    position:   absolute;
    left:       calc( 100% + 1px );
    top:        50%;
    width:      var(--space-8);
    height:     1px;
    background: linear-gradient(
        to right,
        rgba(201, 166, 107, 0.55),
        rgba(201, 166, 107, 0.08)
    );
    pointer-events: none;
}

/* Right panel — finish swatches aligned to the left edge */
.cfg-panel--right {
    align-items:     flex-start;
    justify-content: center;
}

/* Finish groups (vertical stack) */
.finish-groups-vert {
    display:        flex;
    flex-direction: column;
    gap:            var(--space-1);
}

.finish-group-vert {
    display:        flex;
    flex-direction: column;
    gap:            var(--space-2);
}

.finish-group-vert__name {
    font-family:    var(--font-mono);
    font-size:      calc( var(--text-xs) * 0.78 );
    letter-spacing: 0.22em;
    color:          rgba(239, 230, 215, 0.22);
    text-transform: uppercase;
}

.finish-group-vert__divider {
    width:      28px;
    height:     1px;
    background: rgba(201, 166, 107, 0.1);
    margin:     var(--space-3) 0;
}

/* Swatch column — vertical stack */
.swatch-col {
    display:        flex;
    flex-direction: column;
    gap:            var(--space-2);
}

/* Swatch button */
.swatch-btn {
    appearance:    none;
    position:      relative;
    width:         36px;
    height:        36px;
    padding:       2px;
    background:    transparent;
    border:        1px solid transparent;
    border-radius: calc( var(--radius-sm) + 1px );
    cursor:        pointer;
    transition:    border-color var(--transition-fast),
                   box-shadow   var(--transition-fast),
                   transform    var(--transition-fast);
}

.swatch-btn:hover {
    border-color: rgba(201, 166, 107, 0.55);
    transform:    scale(1.1);
}

.swatch-btn.is-active {
    border-color: var(--color-gold);
    box-shadow:   0 0 0 1px rgba(201, 166, 107, 0.35);
}

/* Connector line: active swatch → image */
.swatch-col .swatch-btn.is-active::before {
    content:    '';
    position:   absolute;
    right:      calc( 100% + 1px );
    top:        50%;
    width:      var(--space-8);
    height:     1px;
    background: linear-gradient(
        to left,
        rgba(201, 166, 107, 0.55),
        rgba(201, 166, 107, 0.08)
    );
    pointer-events: none;
}

/* Swatch inner square */
.swatch-swatch {
    display:       block;
    width:         100%;
    height:        100%;
    border-radius: var(--radius-sm);
}

/* Steel finishes */
.swatch-raw-metal     { background: linear-gradient(135deg, #5f6670 0%, #8a9097 48%, #4e5660 100%); }
.swatch-gold-pvd      { background: linear-gradient(135deg, #8a6a18 0%, #c9a66b 38%, #dfc06e 62%, #b08030 100%); }
.swatch-black-coated  { background: linear-gradient(135deg, #18191c 0%, #2c2f34 48%, #111315 100%); }
.swatch-patina-bronze { background: linear-gradient(135deg, #5c4f38 0%, #8b7355 48%, #3e3022 100%); }
.swatch-copper-wash   { background: linear-gradient(135deg, #8b5040 0%, #c47a5c 48%, #6a3628 100%); }

/* Titanium finishes */
.swatch-ti-silver  { background: linear-gradient(135deg, #b8bec8 0%, #dde1ea 48%, #98a0ae 100%); }
.swatch-ti-blue    { background: linear-gradient(135deg, #3a6090 0%, #6090c0 48%, #1e4068 100%); }
.swatch-ti-rose    { background: linear-gradient(135deg, #a85060 0%, #d48090 48%, #7a3040 100%); }
.swatch-ti-rainbow { background: linear-gradient(135deg, #c9a66b 0%, #70b8c0 25%, #7080c0 50%, #b060a0 75%, #c9a66b 100%); }

/* ── Center: Preview image ───────────────────────── */
.cfg-preview {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            var(--space-5);
}

.cfg-preview__frame {
    position:      relative;
    width:         100%;
    aspect-ratio:  4 / 5;
    border-radius: var(--radius-sm);
    overflow:      hidden;
    border:        1px solid rgba(201, 166, 107, 0.14);
    box-shadow:    0 0 0 1px rgba(201, 166, 107, 0.05),
                   0 24px 80px rgba(0, 0, 0, 0.45);
}

.cfg-preview__img {
    width:            100%;
    height:           100%;
    object-fit:       contain;
    object-position:  center;
    display:          block;
    transition:       transform 0.7s cubic-bezier(0.16, 1, 0.3, 1),
                      filter    0.5s ease;
    transform-origin: center center;
}

/* Blurred state — no preview available for this combination */
.cfg-preview__img.is-blurred {
    filter: blur(14px) brightness(0.6) saturate(0.4);
    transform: scale(1.08);
}

/* No-preview message overlay */
.cfg-no-preview {
    position:        absolute;
    inset:           0;
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    gap:             var(--space-3);
    padding:         var(--space-8);
    background:      rgba(10, 9, 8, 0.38);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    text-align:      center;
    opacity:         0;
    pointer-events:  none;
    transition:      opacity 0.4s ease;
}

.cfg-preview__frame.has-no-preview .cfg-no-preview {
    opacity:        1;
    pointer-events: auto;
}

.cfg-no-preview p {
    font-family:    var(--font-mono);
    font-size:      var(--text-xs);
    letter-spacing: 0.1em;
    color:          rgba(239, 230, 215, 0.9);
    max-width:      22ch;
    line-height:    1.55;
}

.cfg-no-preview .cfg-no-preview__note {
    color:     rgba(239, 230, 215, 0.5);
    font-size: calc( var(--text-xs) * 0.9 );
}

/* Size badge — bottom-left of preview image */
.cfg-size-badge {
    position:              absolute;
    bottom:                var(--space-3);
    left:                  var(--space-3);
    font-family:           var(--font-mono);
    font-size:             var(--text-xs);
    letter-spacing:        0.22em;
    color:                 rgba(239, 230, 215, 0.85);
    background:            rgba(10, 9, 8, 0.52);
    backdrop-filter:       blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding:               4px var(--space-3);
    border-radius:         calc( var(--radius-sm) / 2 );
    border:                1px solid rgba(201, 166, 107, 0.18);
    pointer-events:        none;
    transition:            opacity 0.3s ease;
}

/* Selection summary row below the image */
.cfg-summary-row {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            3px;
    text-align:     center;
}

.cfg-summary-row__value {
    font-family:    var(--font-mono);
    font-size:      var(--text-sm);
    letter-spacing: 0.1em;
    color:          var(--color-gold);
}

.cfg-summary-row__note {
    font-family:    var(--font-mono);
    font-size:      calc( var(--text-xs) * 0.88 );
    letter-spacing: 0.14em;
    color:          rgba(239, 230, 215, 0.3);
}

/* ── Responsive: tablet ve altı ──────────────────── */
@media (max-width: 767px) {
    .cfg-stage {
        grid-template-columns: 1fr;
        max-width:             400px;
    }

    .cfg-panel--left {
        order:       2;
        align-items: center;
    }

    .cfg-preview {
        order: 1;
    }

    .cfg-panel--right {
        order:       3;
        align-items: center;
    }

    .size-picker--vert {
        flex-direction: row;
        flex-wrap:      wrap;
        justify-content: center;
    }

    .size-btn.is-active::after                   { display: none; }
    .swatch-col .swatch-btn.is-active::before    { display: none; }

    .finish-groups-vert {
        flex-direction:  row;
        gap:             var(--space-6);
        justify-content: center;
    }

    .finish-group-vert {
        align-items: center;
    }

    .finish-group-vert__divider {
        display: none;
    }

    .swatch-col {
        flex-direction:  row;
        flex-wrap:       wrap;
        justify-content: center;
    }
}


/* =============================================================================
   LIGHT MODE — Hardcoded cream/dark rgba overrides
   ============================================================================= */

/* Configurator stage */
[data-theme="light"] .sculpture-cfg-section {
    border-top-color: rgba(28, 21, 16, 0.12);
}

[data-theme="light"] .cfg-section-header__sub {
    color: rgba(28, 21, 16, 0.55);
}

[data-theme="light"] .size-btn {
    border-color: rgba(28, 21, 16, 0.2);
    color:        rgba(28, 21, 16, 0.45);
}

[data-theme="light"] .size-btn:hover {
    border-color: var(--color-gold);
    color:        var(--color-gold);
}

[data-theme="light"] .size-btn.is-active {
    border-color: var(--color-gold);
    background:   rgba(201, 166, 107, 0.1);
    color:        var(--color-gold);
}

[data-theme="light"] .cfg-preview__frame {
    box-shadow: 0 0 0 1px rgba(28, 21, 16, 0.08),
                0 16px 48px rgba(28, 21, 16, 0.1);
}

[data-theme="light"] .cfg-size-badge {
    background:   rgba(240, 234, 224, 0.75);
    border-color: rgba(154, 106, 48, 0.2);
    color:        rgba(28, 21, 16, 0.75);
}

[data-theme="light"] .cfg-summary-row__note {
    color: rgba(28, 21, 16, 0.32);
}

[data-theme="light"] .finish-group-vert__name {
    color: rgba(28, 21, 16, 0.28);
}

/* Koleksiyon sayfası */
[data-theme="light"] .collection-page-desc {
    color: rgba(28, 21, 16, 0.6);
}

[data-theme="light"] .collection-section__header {
    border-bottom-color: rgba(28, 21, 16, 0.15);
}

[data-theme="light"] .collection-divider {
    border-top-color: rgba(28, 21, 16, 0.12);
}

/* Forge CTA */
[data-theme="light"] .forge-cta-desc {
    color: rgba(28, 21, 16, 0.65);
}

/* Single ürün — içerik alanı (image üzerinde değil) */
[data-theme="light"] .sculpture-info__description {
    color: rgba(28, 21, 16, 0.8);
}

[data-theme="light"] .sculpture-specs {
    border-top-color: rgba(28, 21, 16, 0.15);
}

[data-theme="light"] .sculpture-spec-row {
    border-bottom-color: rgba(28, 21, 16, 0.1);
}

/* Boyut panel */
[data-theme="light"] .dim-panel__legend {
    color: rgba(28, 21, 16, 0.35);
}

[data-theme="light"] .scale-comparison-wrap {
    border-top-color: rgba(28, 21, 16, 0.12);
}

/* CTA bölümü */
[data-theme="light"] .sculpture-cta {
    border-top-color: rgba(28, 21, 16, 0.12);
}

[data-theme="light"] .sculpture-cta__desc {
    color: rgba(28, 21, 16, 0.6);
}

/* Floating komisyon çubuğu — dark glass → ivory glass */
[data-theme="light"] .float-commission {
    background:    rgba(240, 234, 224, 0.90);
    border-top-color: rgba(154, 106, 48, 0.2);
}

/* Gallery strip scrollbar */
[data-theme="light"] .gallery-strip::-webkit-scrollbar-track {
    background: rgba(28, 21, 16, 0.1);
}

/* Single heykel hero — fotoğraf üzerinde, dark overlay var — cream kalır */
[data-theme="light"] .sculpture-hero__subtitle {
    color: rgba(239, 230, 215, 0.7);
}

[data-theme="light"] .sculpture-back-link {
    color: rgba(239, 230, 215, 0.55);
}

/* Kart görsel wrap — near-black placeholder → warm neutral */
[data-theme="light"] .sculpture-card__image-wrap {
    background: rgba(180, 165, 150, 0.3);
}

/* Development kart durumu + altyazı — smoke rengi ivory üzerinde soluk */
[data-theme="light"] .sculpture-card--development .sculpture-card__status {
    color: rgba(28, 21, 16, 0.45);
}

[data-theme="light"] .sculpture-card__subtitle {
    color: rgba(28, 21, 16, 0.5);
}

/* Scale comparison — insan figürü espresso (currentColor üzerinden) */
[data-theme="light"] .scale-comparison {
    color: rgba(28, 21, 16, 0.7);
}

/* No-preview overlay — light mode */
[data-theme="light"] .cfg-no-preview {
    background: rgba(240, 234, 224, 0.50);
}

[data-theme="light"] .cfg-no-preview p {
    color: rgba(28, 21, 16, 0.85);
}

[data-theme="light"] .cfg-no-preview .cfg-no-preview__note {
    color: rgba(28, 21, 16, 0.5);
}