/* Piçakcı 2 fotoğraflı ürün galeri tasarımı — önceki modal CSS'lerinin ardından yükleyin. */
#productDetail.productDialog[open]{
 width:min(1240px,calc(100vw - 36px))!important;
 height:min(850px,calc(100dvh - 36px))!important;
 max-height:calc(100dvh - 36px)!important;
 min-height:0!important;overflow:hidden!important;
 display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr)!important;
 grid-template-rows:minmax(0,1fr) auto!important;
 align-items:stretch!important;align-content:stretch!important;
 gap:18px 28px!important;padding:30px 36px 24px!important;
 box-sizing:border-box!important;
}
#productDetail .detailPhotos{
 grid-column:1!important;grid-row:1!important;
 display:block!important;min-height:0!important;max-height:100%!important;
 overflow:hidden!important;width:100%!important;align-self:stretch!important;
}
#productDetail .pcGallery{display:flex;flex-direction:column;height:100%;min-height:0;gap:10px}
#productDetail .pcGalleryStage{
 position:relative;flex:1 1 auto;min-height:0;overflow:hidden;
 background:#f8f8f8;border-radius:16px;display:grid;place-items:center;
}
#productDetail .detailPhotos .pcGalleryMain{
 display:block!important;width:100%!important;height:100%!important;
 max-height:none!important;max-width:none!important;aspect-ratio:auto!important;
 object-fit:contain!important;background:transparent!important;border-radius:0!important;
 cursor:zoom-in;
}
#productDetail .pcGalleryThumbs{display:flex;gap:12px;flex:0 0 90px;min-height:0}
#productDetail .pcGalleryThumb{
 width:90px;height:90px;flex:0 0 90px;padding:4px;cursor:pointer;
 background:#fafafa;border:2px solid #eee;border-radius:12px;
 display:grid;place-items:center;overflow:hidden;
}
#productDetail .pcGalleryThumb.is-active{border-color:#ffca00}
#productDetail .detailPhotos .pcGalleryThumb img{
 width:100%!important;height:100%!important;max-height:none!important;
 object-fit:contain!important;aspect-ratio:1/1!important;
 background:transparent!important;border-radius:7px!important;
}
#productDetail .pcGalleryArrow{
 position:absolute;top:50%;transform:translateY(-50%);z-index:1;
 width:40px;height:40px;border-radius:50%;border:0;background:#fff;
 box-shadow:0 2px 10px #0002;cursor:pointer;font-size:29px;line-height:1;
 display:grid;place-items:center;color:#111;
}
#productDetail .pcGalleryPrev{left:12px}#productDetail .pcGalleryNext{right:12px}
#productDetail .detailInfo{
 grid-column:2!important;grid-row:1!important;min-height:0!important;
 max-height:100%!important;overflow:hidden!important;
 display:flex!important;flex-direction:column!important;
 padding:12px 0 0!important;gap:12px!important;
}
#productDetail #detailName,#productDetail #detailPrice{flex:0 0 auto!important}
#productDetail #detailDescription{
 flex:1 1 auto!important;min-height:0!important;max-height:none!important;
 overflow-y:auto!important;overscroll-behavior:contain!important;
 padding:4px 10px 4px 0!important;scrollbar-width:thin!important;
}
#productDetail #detailAdd{flex:0 0 auto!important;margin-top:0!important}
#productDetail .picakciRecommendations{
 grid-column:1/-1!important;grid-row:2!important;
 min-height:0!important;max-height:none!important;
 overflow:visible!important;padding:12px 0 0!important;
 align-self:end!important;
}
#productDetail .picakciRecommendationGrid{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:12px!important;
}
#productDetail .picakciRecommendationPhoto{
 width:100%!important;height:120px!important;aspect-ratio:1/1!important;
 display:grid!important;place-items:center!important;overflow:hidden!important;
}
#productDetail .picakciRecommendationPhoto img{
 width:100%!important;height:100%!important;object-fit:contain!important;
 aspect-ratio:1/1!important;
}
.pcGalleryZoom{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;background:#000d;padding:45px}
.pcGalleryZoom img{max-width:100%;max-height:100%;object-fit:contain}
.pcGalleryZoomClose{position:absolute;top:15px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:white;cursor:pointer;font-size:22px}
@media(max-width:700px){
 #productDetail.productDialog[open]{
  width:calc(100vw - 18px)!important;height:calc(100dvh - 18px)!important;
  max-height:calc(100dvh - 18px)!important;
  overflow-y:auto!important;display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  align-content:start!important;gap:14px!important;padding:20px 16px!important;
 }
 #productDetail .detailPhotos{
  grid-column:1!important;grid-row:1!important;
  height:auto!important;max-height:none!important;overflow:visible!important;
 }
 #productDetail .pcGallery{height:auto}
 #productDetail .pcGalleryStage{height:290px;flex:none}
 #productDetail .pcGalleryThumbs{flex-basis:66px}
 #productDetail .pcGalleryThumb{width:66px;height:66px;flex-basis:66px}
 #productDetail .detailInfo{
  grid-column:1!important;grid-row:2!important;max-height:none!important;
  overflow:visible!important;padding:0!important;
 }
 #productDetail #detailDescription{
  max-height:180px!important;flex:none!important;overflow-y:auto!important;
 }
 #productDetail .picakciRecommendations{
  grid-column:1!important;grid-row:3!important;align-self:start!important;
 }
 #productDetail .picakciRecommendationGrid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 #productDetail .picakciRecommendationPhoto{height:110px!important}
}

/* Kadraj: fotoğraf geçişinde alan sabit kalır, kırpılmış görsel ortalanır. */
#productDetail .pcGalleryStage{isolation:isolate!important;aspect-ratio:auto!important}
#productDetail .detailPhotos .pcGalleryMain{object-position:center center!important;transition:opacity .12s ease!important}