/* Ürün detayı — cam inceleme masası */
.pdp { overflow-x: clip; }
.pdp__top { padding-block: var(--space-m) var(--space-s); }
.pdp__grid > * { min-width: 0; }
.pdp__grid { display: grid; gap: var(--space-l); align-items: start; }
@media (min-width: 1024px) { .pdp__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(1rem, 2.4vw, 2.5rem); } .pdp__gallery { grid-column: 1 / span 7; } .pdp__panel { grid-column: 8 / -1; } .pdp__sticky { position: sticky; top: calc(var(--header-h) + 1.5rem); } }

.gallery__stage { position: relative; background: #fff; border-radius: var(--radius); box-shadow: var(--shadow-glass); overflow: hidden; }
.gallery__track { list-style: none; margin: 0; padding: 0; display: flex; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; }
.gallery__track::-webkit-scrollbar { display: none; }
.gallery__slide { position: relative; flex: 0 0 100%; width: 100%; min-width: 0; scroll-snap-align: center; display: grid; place-items: center; }
.gallery__zoom { display: block; width: 100%; min-width: 0; cursor: zoom-in; }
.gallery__zoom img { width: 100%; height: auto; max-height: min(80vh, 960px); object-fit: contain; margin-inline: auto; }
.gallery__zoom picture { display: block; width: 100%; }
.gallery__caption { position: absolute; left: .9rem; bottom: .9rem; background: rgba(255,255,255,.85); font-size: .58rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; padding: .4rem .65rem; border-radius: 999px; }
.gallery__nav { position: absolute; right: .9rem; bottom: .9rem; display: flex; align-items: center; gap: .25rem; background: rgba(255,255,255,.85); padding: 2px; border-radius: 999px; }
.gallery__counter { font-size: var(--step--1); font-variant-numeric: tabular-nums; min-width: 3.4em; text-align: center; }
.gallery__thumbs { list-style: none; padding: 0; margin-top: .9rem; display: flex; gap: .5rem; overflow-x: auto; scrollbar-width: thin; padding-bottom: .25rem; }
.gallery__thumbs button { display: block; width: 4.6rem; aspect-ratio: 4 / 5; overflow: hidden; background: #fff; border-radius: 10px; opacity: .55; transition: opacity var(--dur-s), transform var(--dur-s); }
.gallery__thumbs button img { width: 100%; height: 100%; object-fit: cover; }
.gallery__thumbs button:hover, .gallery__thumbs button[aria-current="true"] { opacity: 1; } .gallery__thumbs button[aria-current="true"] { box-shadow: 0 0 0 2px var(--cobalt); }
.gallery__loupe { position: absolute; width: 190px; height: 190px; border-radius: 50%; pointer-events: none; z-index: 3; border: 1px solid rgba(255,255,255,.95); box-shadow: 0 0 0 1px var(--rule-strong), 0 20px 40px -18px rgba(16,19,33,.5); background-repeat: no-repeat; background-color: #fff; opacity: 0; transform: scale(.85); transition: opacity 140ms var(--ease-out), transform 140ms var(--ease-out); }
.gallery__loupe.is-on { opacity: 1; transform: scale(1); }
@media (hover: none), (pointer: coarse) { .gallery__loupe { display: none; } }

.pdp__lot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: .9rem; border-bottom: var(--hairline); }
.pdp__story { margin-top: var(--space-m); font-size: .68rem; letter-spacing: .22em; text-transform: uppercase; color: var(--cobalt); font-weight: 700; }
.pdp__title { font-size: var(--step-4); margin-top: .5rem; line-height: 1; font-weight: 300; }
.pdp__short { margin-top: var(--space-s); color: var(--ink-2); }
.pdp__price { margin-top: var(--space-m); padding: var(--space-m); border-radius: var(--radius); background: rgba(255,255,255,.7); box-shadow: var(--shadow-glass); display: grid; gap: .6rem; }
.pdp__amount { font-family: var(--font-display); font-size: var(--step-3); font-weight: 300; }
.pdp__ask { display: grid; gap: .5rem; justify-items: start; color: var(--ink-2); font-size: var(--step--1); }
.pdp__reserved { font-size: var(--step--1); color: var(--ember); }
.pdp__actions { display: grid; gap: .6rem; margin-top: var(--space-m); } .pdp__actions .link-arrow { justify-self: start; margin-top: .25rem; }
[data-list-toggle][aria-pressed="true"] { --btn-bg: var(--cobalt-wash); --btn-fg: var(--cobalt-deep); --btn-bd: var(--cobalt); }
.pdp__facts { margin-top: var(--space-l); } .pdp__facts dd a { color: var(--cobalt); }
.pdp__assure { list-style: none; padding: 0; margin-top: var(--space-m); display: grid; gap: .6rem; font-size: var(--step--1); color: var(--ink-2); }
.pdp__assure li { display: flex; gap: .65rem; align-items: flex-start; } .pdp__assure .icon { width: 18px; height: 18px; color: var(--cobalt); margin-top: 2px; }
.pdp__source { margin-top: var(--space-m); font-size: var(--step--1); } .pdp__source a { display: inline-flex; align-items: center; gap: .35rem; color: var(--ink-2); } .pdp__source .icon { width: 14px; height: 14px; }

.pdp__inspect { margin-top: var(--space-xl); }
.pdp__inspect-grid { display: grid; gap: var(--space-l); }
.pdp__inspect-grid header h2 { margin-top: var(--space-s); }
.inspect { display: grid; gap: 1rem; }
.inspect__row { display: grid; gap: .6rem 2rem; padding: var(--space-m); border-radius: var(--radius); background: rgba(255,255,255,.65); box-shadow: var(--shadow-glass); }
.inspect__row dt { font-family: var(--font-display); font-size: var(--step-2); font-weight: 500; letter-spacing: -.02em; display: grid; gap: .5rem; }
.inspect__row dt .approach__num { color: var(--cobalt); }
.inspect__row dd { margin: 0; display: grid; gap: .6rem; color: var(--ink-2); max-width: 62ch; }
.inspect__row dd .link-arrow { justify-self: start; }
.inspect__more a { font-size: var(--step--1); color: var(--cobalt); }
@media (min-width: 1024px) { .pdp__inspect-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(1rem, 2.4vw, 2.5rem); } .pdp__inspect-grid header { grid-column: 1 / span 4; } .inspect { grid-column: 5 / -1; } .inspect__row { grid-template-columns: 14rem 1fr; } }

.closeups { list-style: none; padding: 0; margin-top: var(--space-xl); display: grid; gap: clamp(.6rem, 1.4vw, 1.2rem); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.closeups__item { position: relative; }
.closeups__item button { display: block; width: 100%; cursor: zoom-in; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: var(--shadow-glass); }
.closeups__item img { width: 100%; aspect-ratio: 1; object-fit: cover; transition: transform 700ms var(--ease-out); }
.closeups__item button:hover img { transform: scale(1.04); }
.closeups__cap { position: absolute; left: .7rem; top: .7rem; background: rgba(255,255,255,.85); font-size: .56rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; padding: .35rem .6rem; border-radius: 999px; }
@media (min-width: 900px) { .closeups { grid-template-columns: repeat(4, minmax(0, 1fr)); } .closeups__item--wide { grid-column: span 2; grid-row: span 2; } }

.pdp__story-grid { display: grid; gap: var(--space-l); } .pdp__story-grid header h2 { margin-top: var(--space-s); }
.pdp__prose { font-size: var(--step-0); }
.pdp__disclaimer { font-size: var(--step--1); color: var(--ink-3); border-top: var(--hairline); padding-top: var(--space-s); }
@media (min-width: 1024px) { .pdp__story-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(1rem, 2.4vw, 2.5rem); } .pdp__story-grid header { grid-column: 1 / span 4; } .pdp__prose { grid-column: 5 / span 7; } }

.pdp__inquiry-grid { display: grid; gap: var(--space-xl); padding: clamp(1.5rem, 4vw, 4rem); border-radius: 32px; background: rgba(255,255,255,.7); box-shadow: var(--shadow-glass); }
@media (min-width: 1024px) { .pdp__inquiry-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(1rem, 2.4vw, 2.5rem); } .pdp__inquiry-grid header { grid-column: 1 / span 4; } .pdp__inquiry-grid .talep-wrap { grid-column: 6 / -1; } }
.pdp__inquiry-grid .pdp__inquiry-grid { padding: 0; }

.pdp__bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 35; display: none; grid-template-columns: 1fr auto auto; gap: .5rem; align-items: center; padding: .6rem var(--gutter) max(.6rem, env(safe-area-inset-bottom)); background: rgba(246,247,250,.9); border-top: var(--hairline); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transform: translateY(110%); transition: transform 260ms var(--ease-out); }
.pdp__bar.is-visible { transform: none; }
.pdp__bar-name { min-width: 0; display: grid; } .pdp__bar-name span { font-weight: 500; font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pdp__bar-name small { font-size: var(--step--2); color: var(--ink-3); }
.pdp__bar .btn { min-height: 44px; padding-inline: 1rem; } .pdp__bar-list { border: 1px solid var(--rule-strong); }
.pdp__bar-list[aria-pressed="true"] { background: var(--cobalt-wash); color: var(--cobalt-deep); border-color: var(--cobalt); }
@media (max-width: 1023px) { .pdp__bar { display: grid; } .page-product .closing { padding-bottom: 72px; } }

.lightbox { position: fixed; inset: 0; width: 100%; height: 100%; margin: 0; background: rgba(246,247,250,.97); color: var(--ink); display: none; }
.lightbox[open] { display: grid; grid-template-rows: auto 1fr auto; animation: rise 200ms var(--ease-out); }
.lightbox::backdrop { background: transparent; }
.lightbox__bar { display: flex; align-items: center; gap: 1rem; padding: .5rem var(--gutter); }
.lightbox__count { font-variant-numeric: tabular-nums; font-size: var(--step--1); }
.lightbox__cap { flex: 1; font-size: var(--step--1); color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lightbox__view { position: relative; overflow: auto; display: grid; place-items: center; touch-action: pan-x pan-y pinch-zoom; cursor: zoom-in; }
.lightbox__view img { max-width: 100%; max-height: calc(100vh - 110px); object-fit: contain; user-select: none; }
.lightbox__view.is-zoomed { place-items: start; cursor: zoom-out; } .lightbox__view.is-zoomed img { max-width: none; max-height: none; }
.lightbox__prev, .lightbox__next { position: fixed; top: 50%; translate: 0 -50%; width: 52px; height: 52px; background: rgba(255,255,255,.9) !important; }
.lightbox__prev { left: .5rem; } .lightbox__next { right: .5rem; }
.lightbox__hint { text-align: center; font-size: var(--step--2); color: var(--ink-3); padding: .5rem var(--gutter) max(.5rem, env(safe-area-inset-bottom)); }

/* mobil: uygulama hissi — galeri kenardan kenara, kompakt panel */
@media (max-width: 1023px) {
  .pdp__top { padding-block: var(--space-s) .5rem; }
  .gallery__stage { border-radius: 22px; }
  .gallery__zoom img { max-height: 70svh; }
  .gallery__thumbs { padding-inline: .1rem; } .gallery__thumbs button { width: 3.6rem; }
  .pdp__title { font-size: var(--step-3); }
  .pdp__price, .inspect__row, .pdp__inquiry-grid { padding: var(--space-m); }
  .pdp__inquiry-grid { border-radius: 24px; }
  .pdp__inspect, .pdp__story-section, .pdp__inquiry, .pdp__related { padding-block: var(--space-xl); }
  .closeups { margin-top: var(--space-l); }
  .facts { grid-template-columns: minmax(6rem, auto) 1fr; }
}