/* =========================================================
   Diğer ürünler carousel + hero koruması
   Ürün kartları = archive.css (.reference-product-card) — dokunulmaz
   ========================================================= */

/* ---- archive.css sızıntısını hero/detayda nötralize et ---- */
body.product-detail-page{
  color:var(--color-text)!important;
  background:var(--color-surface-light)!important;
  font-family:var(--font-main)!important;
  font-size:16px!important;
  line-height:1.6!important;
  overflow-x:hidden!important;
}
body.product-detail-page svg{
  width:revert;
  height:revert;
  stroke-width:revert;
  flex:revert;
}
/* Kart ikonları archive kuralını kullansın */
body.product-detail-page #otherProducts .reference-product-card svg{
  width:18px;
  height:18px;
  stroke-width:1.8;
  flex:0 0 auto;
}

body.product-detail-page .container{
  width:calc(100% - var(--container-pad)*2)!important;
  max-width:1600px!important;
  margin:0 auto!important;
}

body.product-detail-page .product-hero{
  padding:40px 0 60px!important;
  background:var(--color-surface-light)!important;
}
body.product-detail-page .product-hero__grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:48px!important;
  align-items:start!important;
}
body.product-detail-page .gallery__main{
  position:relative!important;
  width:100%!important;
  height:640px!important;
  background:var(--color-white)!important;
  border:1px solid var(--color-accent)!important;
  border-radius:var(--radius-lg)!important;
  overflow:hidden!important;
  display:block!important;
  cursor:default!important;
  padding:0!important;
}
body.product-detail-page .gallery__stage{
  position:absolute!important;
  inset:0!important;
  flex:none!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:crosshair!important;
}
body.product-detail-page .gallery__meta-bar{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:16!important;
  flex:none!important;
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:14px 16px!important;
  box-sizing:border-box!important;
  background:transparent!important;
  border:0!important;
  pointer-events:none!important;
}
body.product-detail-page .gallery__meta-bar>*{pointer-events:auto!important}
body.product-detail-page .gallery__image{
  position:absolute!important;
  z-index:1!important;
  top:12px!important;
  left:12px!important;
  width:calc(100% - 24px)!important;
  height:calc(100% - 126px)!important;
  max-width:none!important;
  max-height:none!important;
  padding:8px!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  transform:none!important;
}

/* KRİTİK: archive.css .product-info hero’daki .product-info ile çakışıyor */
body.product-detail-page .product-hero .product-info,
body.product-detail-page .product-hero__info .product-info{
  position:sticky!important;
  top:140px!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  inset:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  grid-template-columns:none!important;
  grid-template-areas:none!important;
  grid-template-rows:none!important;
  column-gap:normal!important;
  row-gap:normal!important;
  gap:var(--info-space,16px)!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  padding-right:0!important;
  overflow:visible!important;
  transform:none!important;
  z-index:auto!important;
  box-sizing:border-box!important;
}
body.product-detail-page .product-hero .product-info h3,
body.product-detail-page .product-hero__info .product-info h3{
  grid-area:auto!important;
  margin:12px 0 16px!important;
  color:var(--color-text)!important;
  font-size:clamp(18px,calc(3vw - 10px),32px)!important;
  line-height:1.15!important;
  font-weight:700!important;
}
body.product-detail-page .product-hero .product-info p,
body.product-detail-page .product-hero__info .product-info p{
  grid-column:auto!important;
  margin:0!important;
  color:var(--color-muted)!important;
  font-size:17px!important;
  line-height:1.5!important;
}

@media(max-width:1023px){
  body.product-detail-page .product-hero__grid{
    grid-template-columns:1fr!important;
    gap:32px!important;
  }
  body.product-detail-page .gallery__main{height:560px!important}
  body.product-detail-page .product-hero .product-info,
  body.product-detail-page .product-hero__info .product-info{
    position:static!important;
    top:auto!important;
  }
}
@media(max-width:767px){
  body.product-detail-page .product-hero__grid{gap:12px!important}
  body.product-detail-page .gallery__main{
    height:470px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
  }
  body.product-detail-page .gallery__stage{
    position:relative!important;
    inset:auto!important;
    flex:1 1 auto!important;
    height:auto!important;
  }
  body.product-detail-page .gallery__meta-bar{
    position:static!important;
    inset:auto!important;
    flex:0 0 auto!important;
    width:100%!important;
    padding:8px 10px!important;
    background:var(--color-white)!important;
    pointer-events:auto!important;
  }
  body.product-detail-page .gallery__image{
    top:8px!important;
    left:8px!important;
    width:calc(100% - 16px)!important;
    height:calc(100% - 108px)!important;
    padding:0!important;
  }
}

/* ---- Sadece carousel kabuğu; kart stiline DOKUNMA ---- */
#otherProducts.other-products{
  padding-top:48px;
  padding-bottom:56px;
  background:var(--color-surface-light,#F4F6F8);
}
#otherProducts .other-products__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:8px;
}
#otherProducts .section-title{margin:0 0 8px}
#otherProducts .section-subtitle{
  margin:0;
  max-width:56ch;
  color:var(--color-muted,#6b7c93);
}
#otherProducts .other-products__controls{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}
#otherProducts .other-products__btn{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #d5e0ec;
  border-radius:12px;
  background:#fff;
  color:#0a2d59;
  cursor:pointer;
}
#otherProducts .other-products__btn:hover{
  border-color:#0a5cd8;
  color:#0a5cd8;
  background:#f5f9ff;
}
#otherProducts .other-products__btn i{font-size:14px}

#otherProducts .other-products__carousel{margin-top:22px}
#otherProducts .other-products__viewport{
  overflow:hidden;
  width:100%;
}
#otherProducts .other-products__track{
  display:flex;
  width:100%;
  will-change:transform;
}
#otherProducts .other-products__slide{
  flex:0 0 100%;
  width:100%;
  min-width:100%;
  box-sizing:border-box;
  padding:6px 2px 10px;
}

#otherProducts .other-products__slide.other-products__grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}

/* Kart genişliği — görünümü archive.css belirler */
#otherProducts .reference-product-card,
#otherProducts .reference-product-card.discounted{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}

#otherProducts .other-products__dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:16px;
}
#otherProducts .other-products__dot{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:99px;
  background:#c9d5e4;
  cursor:pointer;
  transition:width .2s ease,background .2s ease;
}
#otherProducts .other-products__dot.is-active{
  width:22px;
  background:#0a5cd8;
}

@media(max-width:700px){
  #otherProducts.other-products{
    padding-top:32px;
    padding-bottom:40px;
  }
  #otherProducts .other-products__track{align-items:flex-start}
  #otherProducts .other-products__slide{align-self:flex-start}
  #otherProducts .other-products__head{
    flex-direction:column;
    align-items:flex-start;
  }
  #otherProducts .other-products__slide.other-products__grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
    align-items:start!important;
  }
  #otherProducts .reference-product-card{align-self:start!important}
  #otherProducts .reference-product-card .product-visual,
  #otherProducts .reference-product-card .product-visual.photo-source{
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  #otherProducts .reference-product-card .product-media-link,
  #otherProducts .reference-product-card .product-visual img,
  #otherProducts .reference-product-card .product-media-link img{
    width:100%!important;
    height:100%!important;
    max-height:270px!important;
    object-fit:contain!important;
    background:transparent!important;
    padding:0!important;
    border-radius:0!important;
  }
}