/* IPEKERP_STOREFRONT_PRODUCT_DETAIL_COMPACT_ABOVE_FOLD_V1_2_CSS
   Exact geometry layer. Existing İpek Oto visual identity is inherited unchanged.
*/

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 {
  --ipek-pd-v12-hero-height: 470px;
  --ipek-pd-v12-gap: 16px;
  --ipek-pd-v12-thumb-width: 72px;
  --ipek-pd-v12-image-max-height: 300px;
}

/* Base CSS mirrors the runtime geometry; JS reinforces these values inline with !important
   because older product-detail calibration layers also use !important. */
body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-hero.ipek-pd-compact-top-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr) !important;
  column-gap: var(--ipek-pd-v12-gap) !important;
  row-gap: 0 !important;
  align-items: start !important;
  min-height: 0 !important;
  height: var(--ipek-pd-v12-hero-height) !important;
  max-height: var(--ipek-pd-v12-hero-height) !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-gallery-root {
  position: relative !important;
  align-self: start !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  height: var(--ipek-pd-v12-hero-height) !important;
  max-height: var(--ipek-pd-v12-hero-height) !important;
  overflow: hidden !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-summary.ipek-pd-compact-summary {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  align-self: start !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  height: var(--ipek-pd-v12-hero-height) !important;
  max-height: var(--ipek-pd-v12-hero-height) !important;
  overflow: hidden !important;
  gap: 5px !important;
  padding-top: 16px !important;
  padding-bottom: 10px !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-summary.ipek-pd-compact-summary > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-summary.ipek-pd-compact-summary :is(h1,h2) {
  line-height: 1.05 !important;
  margin-top: 0 !important;
  margin-bottom: 3px !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-media {
  min-width: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  height: 360px !important;
  max-height: 360px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding-left: 82px !important;
  box-sizing: border-box !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-image {
  width: auto !important;
  height: auto !important;
  max-width: 78% !important;
  max-height: var(--ipek-pd-v12-image-max-height) !important;
  object-fit: contain !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-thumbs {
  position: absolute !important;
  z-index: 5 !important;
  left: 12px !important;
  top: 70px !important;
  bottom: 12px !important;
  width: var(--ipek-pd-v12-thumb-width) !important;
  max-width: var(--ipek-pd-v12-thumb-width) !important;
  height: auto !important;
  max-height: 340px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-thumbs > * {
  flex: 0 0 58px !important;
  width: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin: 0 !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-buy-row,
body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-cart-button {
  min-height: 44px !important;
  height: 44px !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-favorite-functional,
body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-favorite-button {
  min-height: 38px !important;
  height: 38px !important;
}

/* Existing seven-section information module, now prioritized immediately after hero. */
body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv4-unified-shell.ipek-pd-v12-priority-info {
  width: 100% !important;
  max-width: none !important;
  margin: 12px 0 8px !important;
  padding: 0 !important;
  scroll-margin-top: 128px !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv4-unified-shell.ipek-pd-v12-priority-info .pdv4-unified-card {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Legacy PDV3 layer remains untouched and hidden by its own contract. */
body.sf-stage11-product-detail-v1 .pdv3-grid.ipek-pd-compact-info-tabs {
  margin-top: 0 !important;
}

/* Mobile returns to natural one-column flow. */
@media (max-width: 900px) {
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-hero.ipek-pd-compact-top-grid {
    grid-template-columns: 1fr !important;
    height: auto !important;
    max-height: none !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-gallery-root,
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-summary.ipek-pd-compact-summary {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-media {
    height: auto !important;
    max-height: none !important;
    padding-left: 0 !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-thumbs {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    margin-top: 8px !important;
  }
}

/* IPEKERP_STOREFRONT_PRODUCT_DETAIL_COMPACT_ABOVE_FOLD_V1_3_CSS */
body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-media {
  transform: none !important;
  scale: 1 !important;
  zoom: 1 !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-image {
  width: auto !important;
  height: auto !important;
  max-width: 78% !important;
  max-height: 300px !important;
  object-fit: contain !important;
  transform: none !important;
  transform-origin: center center !important;
  scale: 1 !important;
  translate: none !important;
  rotate: none !important;
  zoom: 1 !important;
}

/* IPEKERP_STOREFRONT_PRODUCT_DETAIL_COMPACT_ABOVE_FOLD_V1_4_CSS
   Neutralize inherited minimum dimensions on the actual main product image.
*/
body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-image {
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  max-width: 78% !important;
  max-height: 300px !important;
  object-fit: contain !important;
  flex: 0 1 auto !important;
  align-self: center !important;
}

/* IPEKERP_STOREFRONT_PRODUCT_DETAIL_FINAL_POLISH_V1_CSS
   Final polish:
   - slightly narrower gallery column
   - slightly larger main image
   - tighter gallery interior so the image does not feel tiny inside a huge white card
*/
body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-hero.ipek-pd-compact-top-grid {
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr) !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-media {
  height: 336px !important;
  max-height: 336px !important;
  padding-left: 76px !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-image {
  max-width: 88% !important;
  max-height: 330px !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-thumbs {
  top: 64px !important;
  max-height: 320px !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv4-unified-shell.ipek-pd-v12-priority-info,
body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv4-unified-shell.ipek-pd-v11-priority-info {
  margin-top: 8px !important;
}

/* IPEKERP_STOREFRONT_PRODUCT_DETAIL_GALLERY_REFRAME_V1_2_CSS */
body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-hero.ipek-pd-compact-top-grid {
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr) !important;
  height: 470px !important;
  max-height: 470px !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-gallery-root,
body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-summary.ipek-pd-compact-summary {
  height: 470px !important;
  max-height: 470px !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-media {
  height: 324px !important;
  max-height: 324px !important;
  padding-left: 68px !important;
  overflow: hidden !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-image {
  max-width: 92% !important;
  max-height: 330px !important;
  transform: scale(1.14) !important;
  transform-origin: center center !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-thumbs {
  top: 52px !important;
  width: 66px !important;
  max-width: 66px !important;
  max-height: 310px !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-summary.ipek-pd-compact-summary {
  padding-top: 12px !important;
  padding-bottom: 8px !important;
  gap: 4px !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-summary.ipek-pd-compact-summary h1 {
  font-size: clamp(28px, 1.95vw, 34px) !important;
  line-height: 1.04 !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-buy-row,
body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-cart-button {
  height: 42px !important;
  min-height: 42px !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-favorite-functional,
body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-favorite-button {
  height: 36px !important;
  min-height: 36px !important;
}

body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv4-unified-shell.ipek-pd-v12-priority-info {
  margin-top: 6px !important;
}

/* IPEKERP_STOREFRONT_PRODUCT_DETAIL_SUMMARY_DEDUP_COMPACT_V1_1_CSS */
@media (min-width: 901px) {
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-summary.ipek-pd-compact-summary {
    padding-top: 10px !important;
    padding-bottom: 4px !important;
    gap: 4px !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-summary.ipek-pd-compact-summary .pdv1-stock-code {
    margin-bottom: 6px !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-summary.ipek-pd-compact-summary .pdv1-cart-button {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-summary.ipek-pd-compact-summary .pdv1-favorite-functional,
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-summary.ipek-pd-compact-summary .pdv1-favorite-button--link {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin-top: 0 !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-summary.ipek-pd-compact-summary > .s11-pd-purchase-assurance {
    display: block !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-summary.ipek-pd-compact-summary > .s11-pd-purchase-assurance
  > .s11-pd-purchase-assurance__row:first-child {
    display: flex !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    align-items: center !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-summary.ipek-pd-compact-summary > .s11-pd-purchase-assurance
  > .s11-pd-purchase-assurance__row:nth-child(n+2) {
    display: none !important;
  }
}

/* IPEKERP_STOREFRONT_PRODUCT_DETAIL_VISUAL_ACCEPTANCE_POLISH_V1_CSS */
@media (min-width: 901px) {
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-hero.ipek-pd-compact-top-grid {
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr) !important;
    height: 470px !important;
    max-height: 470px !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-gallery-root,
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-summary.ipek-pd-compact-summary {
    height: 470px !important;
    max-height: 470px !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-media {
    height: 314px !important;
    max-height: 314px !important;
    padding-left: 58px !important;
    overflow: hidden !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-image {
    max-width: 92% !important;
    max-height: 330px !important;
    transform: scale(1.14) !important;
    transform-origin: center center !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-thumbs {
    top: 44px !important;
    max-height: 294px !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-thumbs::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-summary.ipek-pd-compact-summary > .s11-pd-purchase-assurance {
    display: none !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv4-unified-shell.ipek-pd-v12-priority-info {
    margin-top: 4px !important;
  }
}

/* IPEKERP_STOREFRONT_PRODUCT_DETAIL_IMAGE_FILL_V1_1
   Desktop product detail:
   - outer gallery is the single visual boundary
   - thumbnail rail remains reserved on the left
   - inner visual/image size caps are neutralized
   - object-fit: contain preserves the full product image without cropping
*/
@media (min-width: 981px) {
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .ipek-pd-v12-gallery-root {
    overflow: hidden !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .ipek-pd-v12-main-media {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
    padding-left: 68px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    overflow: hidden !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .ipek-pd-v12-main-media .pdv1-product-visual {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    flex: 1 1 auto !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .ipek-pd-v12-main-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    transform-origin: center center !important;
    scale: 1 !important;
    translate: none !important;
    rotate: none !important;
    zoom: 1 !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
  }
}

/* IPEKERP_STOREFRONT_PRODUCT_DETAIL_MAIN_MEDIA_FULLFRAME_FILL_V1_CSS */
@media (min-width: 901px) {
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .ipek-pd-v12-gallery-root {
    overflow: hidden !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .ipek-pd-v12-main-media {
    height: 332px !important;
    max-height: 332px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .ipek-pd-v12-main-image {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
    transform-origin: center center !important;
    display: block !important;
    margin: 0 auto !important;
  }
}

/* IPEKERP_418_1_PRODUCT_GALLERY_OUTER_GEOMETRY_V1_BEGIN */
/*
  AŞAMA 1 — OUTER GEOMETRY ONLY
  Reference target:
  - gallery becomes the dominant left half instead of the current narrow ~38%
  - hero height becomes 470px
  - main image / thumbs / arrows are intentionally untouched in this stage
*/
@media (min-width: 1181px) {
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-hero.ipek-pd-compact-top-grid {
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr) !important;
    height: 470px !important;
    max-height: 470px !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .ipek-pd-v12-gallery-root,
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-summary.ipek-pd-compact-summary {
    height: 470px !important;
    max-height: 470px !important;
  }
}
/* IPEKERP_418_1_PRODUCT_GALLERY_OUTER_GEOMETRY_V1_END */

/* IPEKERP_418_2_PRODUCT_MAIN_IMAGE_STAGE_V1_BEGIN */
@media (min-width:1181px) {
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-media {
    width:100% !important;
    height:410px !important;
    max-height:410px !important;
    min-height:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding-left:48px !important;
    padding-right:8px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-image {
    display:block !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:74% !important;
    max-height:315px !important;
    object-fit:contain !important;
    object-position:center center !important;
    flex:0 1 auto !important;
    transform:translateX(-34px) !important;
    transform-origin:center center !important;
  }
}
/* IPEKERP_418_2_PRODUCT_MAIN_IMAGE_STAGE_V1_END */

/* IPEKERP_418_3_PRODUCT_GALLERY_SINGLE_STAGE_FRAME_V1_BEGIN */
@media (min-width:1181px) {
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-gallery-card,
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-gallery-root {
    background:#fff !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-media {
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-media::before,
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .ipek-pd-v12-main-media::after {
    content:none !important;
    display:none !important;
    box-shadow:none !important;
    border:0 !important;
    background:transparent !important;
  }
}
/* IPEKERP_418_3_PRODUCT_GALLERY_SINGLE_STAGE_FRAME_V1_END */

/* IPEKERP_418_7_PRODUCT_DETAIL_FULLSCREEN_GALLERY_LIGHTBOX_V1_BEGIN */

.ipek-pd-lightbox-trigger {
  cursor: zoom-in !important;
}

html.ipek-pd-lightbox-open,
body.ipek-pd-lightbox-open {
  overflow: hidden !important;
}

.ipek-pd-lightbox {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(8, 15, 26, 0.88);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.ipek-pd-lightbox.is-open {
  display: flex;
}

.ipek-pd-lightbox__stage {
  position: relative;
  width: min(94vw, 1480px);
  height: min(90vh, 920px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ipek-pd-lightbox__image {
  display: block;
  max-width: calc(100% - 150px);
  max-height: calc(100% - 60px);
  width: auto;
  height: auto;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}

.ipek-pd-lightbox__close,
.ipek-pd-lightbox__nav {
  position: absolute;
  z-index: 3;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(18, 28, 42, 0.72);
  color: #fff;
  cursor: pointer;
  font-family: Arial, sans-serif;
  line-height: 1;
  transition: background-color 0.16s ease, border-color 0.16s ease;
}

.ipek-pd-lightbox__close:hover,
.ipek-pd-lightbox__nav:hover {
  background: rgba(18, 28, 42, 0.94);
  border-color: rgba(255, 255, 255, 0.48);
}

.ipek-pd-lightbox__close:focus-visible,
.ipek-pd-lightbox__nav:focus-visible {
  outline: 3px solid rgba(255, 255, 255, 0.92);
  outline-offset: 3px;
}

.ipek-pd-lightbox__close {
  top: 0;
  right: 0;
  font-size: 36px;
  font-weight: 300;
}

.ipek-pd-lightbox__nav {
  top: 50%;
  transform: translateY(-50%);
  font-size: 42px;
  font-weight: 300;
}

.ipek-pd-lightbox__nav--prev {
  left: 0;
}

.ipek-pd-lightbox__nav--next {
  right: 0;
}

.ipek-pd-lightbox__counter {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  min-width: 64px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(18, 28, 42, 0.72);
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

@media (max-width: 720px) {
  .ipek-pd-lightbox {
    padding: 14px;
  }

  .ipek-pd-lightbox__stage {
    width: 100%;
    height: 82vh;
  }

  .ipek-pd-lightbox__image {
    max-width: calc(100% - 24px);
    max-height: calc(100% - 96px);
  }

  .ipek-pd-lightbox__close,
  .ipek-pd-lightbox__nav {
    width: 46px;
    height: 46px;
  }

  .ipek-pd-lightbox__close {
    top: 4px;
    right: 4px;
  }

  .ipek-pd-lightbox__nav {
    top: auto;
    bottom: 4px;
    transform: none;
  }

  .ipek-pd-lightbox__nav--prev {
    left: calc(50% - 76px);
  }

  .ipek-pd-lightbox__nav--next {
    right: calc(50% - 76px);
  }

  .ipek-pd-lightbox__counter {
    bottom: 12px;
  }
}

/* IPEKERP_418_7_PRODUCT_DETAIL_FULLSCREEN_GALLERY_LIGHTBOX_V1_END */

/* IPEKERP_421_1_PRODUCT_DETAIL_THUMBNAIL_RAIL_FIX_V1_START */
/*
   Scope:
   - desktop product-detail thumbnail rail only
   - free the rail from the "Çok Satan" / stock badge layer
   - show every product image through a vertically scrollable rail
   - keep every thumbnail fully visible and geometrically consistent
   - preserve mobile/tablet behavior from the existing responsive layer
*/
@media (min-width: 961px) {
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-gallery-main {
    position: relative !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-gallery-main > .pdv1-badges {
    left: calc(12px + var(--ipek-pd-v12-thumb-width, 72px) + 16px) !important;
    top: 14px !important;
    right: auto !important;
    z-index: 8 !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-gallery-main > .pdv1-thumbs {
    position: absolute !important;
    left: 12px !important;
    top: 14px !important;
    bottom: 14px !important;

    width: var(--ipek-pd-v12-thumb-width, 72px) !important;
    max-width: var(--ipek-pd-v12-thumb-width, 72px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;

    margin: 0 !important;
    padding: 2px 6px 2px 2px !important;
    border: 0 !important;
    background: transparent !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scroll-snap-type: y proximity;
    scrollbar-width: thin;
    scrollbar-color: #c8d3df transparent;
    z-index: 9 !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-gallery-main > .pdv1-thumbs::-webkit-scrollbar {
    width: 4px;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-gallery-main > .pdv1-thumbs::-webkit-scrollbar-track {
    background: transparent;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-gallery-main > .pdv1-thumbs::-webkit-scrollbar-thumb {
    background: #c8d3df;
    border-radius: 999px;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-gallery-main > .pdv1-thumbs .pdv1-thumb {
    box-sizing: border-box !important;
    flex: 0 0 58px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;

    margin: 0 !important;
    padding: 5px !important;
    border: 1px solid #d9e1ea !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    cursor: pointer !important;
    overflow: hidden !important;
    scroll-snap-align: start;
    transition:
      border-color .15s ease,
      box-shadow .15s ease,
      background-color .15s ease;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-gallery-main > .pdv1-thumbs .pdv1-thumb:hover {
    border-color: #b7c5d5 !important;
    background: #fbfcfe !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-gallery-main > .pdv1-thumbs .pdv1-thumb.pdv1-thumb--active {
    border: 1px solid #f21f2b !important;
    box-shadow: 0 0 0 1px #f21f2b !important;
    background: #fff !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-gallery-main > .pdv1-thumbs .pdv1-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
}
/* IPEKERP_421_1_PRODUCT_DETAIL_THUMBNAIL_RAIL_FIX_V1_END */

/* IPEKERP_421_4_PRODUCT_DETAIL_THUMBNAIL_RAIL_FINAL_GEOMETRY_V1_START */
/*
  Final desktop rail geometry.
  Five thumbnails fit as whole cards:
    5 x 52px + 4 x 7px gaps + 4px vertical padding = 292px.
  Additional images remain accessible by vertical scrolling.
*/
@media (min-width: 961px) {
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs {
    top: 14px !important;
    bottom: auto !important;

    height: 292px !important;
    min-height: 0 !important;
    max-height: calc(100% - 28px) !important;

    gap: 7px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    scroll-snap-type: y proximity;
    scrollbar-gutter: stable;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs .pdv1-thumb {
    flex: 0 0 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    scroll-snap-align: start;
  }
}
/* IPEKERP_421_4_PRODUCT_DETAIL_THUMBNAIL_RAIL_FINAL_GEOMETRY_V1_END */

/* IPEKERP_421_6_PRODUCT_DETAIL_THUMBNAIL_ACTIVE_EDGE_FIX_V1_START */
/*
  Optical repair for the selected thumbnail:
  - prevent the active right edge from looking clipped
  - give the rail a little more right breathing room
  - keep the selected state fully inside the thumbnail box
*/
@media (min-width: 961px) {
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1 .pdv1-gallery-main {
    --ipek-pd-v12-thumb-width: 76px;
    isolation: isolate !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs {
    width: var(--ipek-pd-v12-thumb-width) !important;
    max-width: var(--ipek-pd-v12-thumb-width) !important;
    padding-right: 10px !important;
    overflow-x: visible !important;
    z-index: 30 !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs .pdv1-thumb {
    width: calc(100% - 2px) !important;
    max-width: calc(100% - 2px) !important;
    box-sizing: border-box !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs .pdv1-thumb.pdv1-thumb--active {
    border: 2px solid #f21f2b !important;
    box-shadow: inset 0 0 0 1px #f21f2b !important;
    background: #fff !important;
    z-index: 31 !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs .pdv1-thumb img {
    max-width: calc(100% - 6px) !important;
    max-height: calc(100% - 6px) !important;
  }
}
/* IPEKERP_421_6_PRODUCT_DETAIL_THUMBNAIL_ACTIVE_EDGE_FIX_V1_END */

/* IPEKERP_421_8_PRODUCT_DETAIL_THUMBNAIL_RIGHT_EDGE_REPAIR_V1_START */
/*
  Repair the actual visual defect seen after 421.6:
  every thumbnail loses/obscures its right border, not only the active one.

  Strategy:
  - keep vertical scrolling functional
  - hide the native vertical scrollbar so it cannot paint over the card edge
  - give every thumb an explicit width smaller than the rail
  - keep a permanent clear gutter to the right of each thumbnail
  - draw the active state entirely inside the card box
*/
@media (min-width: 961px) {
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs {
    width: 80px !important;
    max-width: 80px !important;

    padding-left: 2px !important;
    padding-right: 10px !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    scrollbar-width: none !important;
    scrollbar-gutter: auto !important;

    z-index: 30 !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs .pdv1-thumb {
    box-sizing: border-box !important;

    flex: 0 0 52px !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;

    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;

    margin: 0 !important;

    border: 1px solid #d9e1ea !important;
    border-radius: 8px !important;
    box-shadow: none !important;

    overflow: hidden !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs .pdv1-thumb.pdv1-thumb--active {
    border: 2px solid #f21f2b !important;
    box-shadow: inset 0 0 0 1px rgba(242,31,43,.14) !important;
    z-index: 2 !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs .pdv1-thumb img {
    width: 100% !important;
    height: 100% !important;
    max-width: calc(100% - 8px) !important;
    max-height: calc(100% - 8px) !important;
    object-fit: contain !important;
  }
}
/* IPEKERP_421_8_PRODUCT_DETAIL_THUMBNAIL_RIGHT_EDGE_REPAIR_V1_END */

/* IPEKERP_421_10_PRODUCT_DETAIL_THUMBNAIL_RAIL_SHIFT_LEFT_V1_START */
/*
  User-directed optical adjustment:
  move the whole desktop thumbnail rail slightly left.
  No size, scroll, image, badge or product-data behavior is changed here.
*/
@media (min-width: 961px) {
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs {
    left: 4px !important;
  }
}
/* IPEKERP_421_10_PRODUCT_DETAIL_THUMBNAIL_RAIL_SHIFT_LEFT_V1_END */

/* IPEKERP_421_11_PRODUCT_DETAIL_THUMBNAIL_INTERNAL_FRAME_V1_START */
/*
  Final repair for the missing right edge.

  Moving the whole rail also moves its clipping boundary, so the missing
  right edge follows the rail. Therefore the visible frame is drawn
  INSIDE each thumbnail instead of on the outer CSS border edge.
*/
@media (min-width: 961px) {
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs .pdv1-thumb {
    position: relative !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs .pdv1-thumb::after {
    content: "" !important;
    position: absolute !important;
    inset: 2px !important;
    z-index: 20 !important;
    display: block !important;
    border: 1px solid #d9e1ea !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
    background: transparent !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs .pdv1-thumb.pdv1-thumb--active::after {
    border: 2px solid #f21f2b !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs .pdv1-thumb img {
    position: relative !important;
    z-index: 1 !important;
  }
}
/* IPEKERP_421_11_PRODUCT_DETAIL_THUMBNAIL_INTERNAL_FRAME_V1_END */

/* IPEKERP_421_27_PRODUCT_DETAIL_THUMBNAIL_LEFT_SCROLLBAR_V1_START */
/*
  Same custom stable scrollbar, but moved to the LEFT side of the thumbnail rail.
*/
@media (min-width: 961px) {
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs {
    overflow-x: hidden !important;
    overflow-y: auto !important;

    border: 0 !important;
    border-top: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;

    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }

  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs::before,
  body.sf-stage11-product-detail-v1.ipek-pd-compact-v1
  .pdv1-gallery-main > .pdv1-thumbs::after {
    content: none !important;
    display: none !important;
  }

  body.sf-stage11-product-detail-v1 .ipek-pd-thumb-scrollbar {
    position: absolute !important;
    display: block;
    width: 11px;
    padding: 0 3px;
    box-sizing: border-box;
    background: transparent;
    pointer-events: auto;
    touch-action: none;
    user-select: none;
    cursor: pointer;
    z-index: 90;
  }

  body.sf-stage11-product-detail-v1 .ipek-pd-thumb-scrollbar__track {
    position: relative;
    width: 5px;
    height: 100%;
    background: #f0f1f3;
    border-radius: 999px;
    overflow: hidden;
  }

  body.sf-stage11-product-detail-v1 .ipek-pd-thumb-scrollbar__thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    min-height: 32px;
    background: #8a8a8a;
    border-radius: 999px;
    cursor: grab;
    will-change: transform;
  }

  body.sf-stage11-product-detail-v1 .ipek-pd-thumb-scrollbar__thumb:hover {
    background: #6f6f6f;
  }

  body.sf-stage11-product-detail-v1 .ipek-pd-thumb-scrollbar__thumb:active {
    cursor: grabbing;
  }

  body.sf-stage11-product-detail-v1 .ipek-pd-thumb-scrollbar[hidden] {
    display: none !important;
  }
}

@media (max-width: 960px) {
  .ipek-pd-thumb-scrollbar {
    display: none !important;
  }
}
/* IPEKERP_421_27_PRODUCT_DETAIL_THUMBNAIL_LEFT_SCROLLBAR_V1_END */