/* V19 — Çim çit akıllı galeri + viewport kontrollü lightbox */
.seo-cim-gallery,.seo-cim-gallery *,.seo-cim-local-media,.seo-cim-local-media *,.cim-lightbox,.cim-lightbox *{box-sizing:border-box}
.seo-cim-gallery{width:100%;max-width:1180px;margin:clamp(1.5rem,4vw,3rem) auto 0;overflow:hidden;contain:layout paint}
.seo-cim-gallery__intro{max-width:850px;color:#a3a3a3;line-height:1.75;margin:0 0 1.2rem}
.seo-cim-gallery__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem;align-items:start}
.seo-cim-gallery__item{min-width:0;margin:0;background:#0a0a0a;border:1px solid #262626;border-radius:.8rem;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.seo-cim-gallery__link{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/3;max-height:330px;overflow:hidden;background:#101010;cursor:zoom-in;outline:none}
.seo-cim-gallery__link::after{content:'↗';position:absolute;right:.65rem;bottom:.65rem;width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;background:rgba(10,10,10,.76);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.9rem;line-height:1;opacity:.86;backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease,opacity .2s ease}
.seo-cim-gallery__link:hover::after,.seo-cim-gallery__link:focus-visible::after{transform:scale(1.08);background:rgba(234,88,12,.94);opacity:1}
.seo-cim-gallery__link:focus-visible{box-shadow:inset 0 0 0 3px rgba(249,115,22,.82)}
.seo-cim-gallery__img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;background:#101010;transition:transform .28s ease}
@media (hover:hover){.seo-cim-gallery__link:hover .seo-cim-gallery__img{transform:scale(1.018)}}
.seo-cim-gallery__caption{padding:.72rem .9rem;color:#d4d4d4;font-size:.82rem;line-height:1.5;border-top:1px solid #262626;min-height:3.8rem}
.seo-cim-local-media{width:min(100%,860px);margin:1.35rem auto 0;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:#101010}
.seo-cim-local-media img{display:block;width:100%;height:clamp(220px,52vw,480px);max-width:100%;object-fit:contain;object-position:center;background:#101010}
.seo-cim-local-media figcaption{padding:.72rem .9rem;color:#a3a3a3;font-size:.84rem;line-height:1.55}
.seo-cim-hero-frame{overflow:hidden}.seo-cim-hero-frame>img{max-width:100%;object-position:center}

/* Lightbox */
html.cim-lightbox-open,body.cim-lightbox-open{overflow:hidden!important;overscroll-behavior:none}
.cim-lightbox[hidden]{display:none!important}
.cim-lightbox{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(0,0,0,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);touch-action:none}
.cim-lightbox__shell{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;width:min(96vw,1420px);height:min(94dvh,980px);max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#080808;box-shadow:0 32px 100px rgba(0,0,0,.62)}
.cim-lightbox__stage{position:relative;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:52px 72px 18px;background:radial-gradient(circle at 50% 42%,#171717 0,#0a0a0a 58%,#050505 100%)}
.cim-lightbox__image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:8px;box-shadow:0 12px 45px rgba(0,0,0,.35);user-select:none;-webkit-user-drag:none;transform:translateZ(0)}
.cim-lightbox__captionbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;min-height:72px;padding:12px 18px 14px;border-top:1px solid rgba(255,255,255,.10);background:#0b0b0b}
.cim-lightbox__caption{min-width:0;color:#e5e5e5;font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}
.cim-lightbox__counter{white-space:nowrap;color:#a3a3a3;font-size:.8rem;font-variant-numeric:tabular-nums}
.cim-lightbox__btn{appearance:none;-webkit-appearance:none;position:absolute;z-index:4;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(10,10,10,.72);color:#fff;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 28px rgba(0,0,0,.28);transition:background .18s ease,transform .18s ease,border-color .18s ease}
.cim-lightbox__btn:hover,.cim-lightbox__btn:focus-visible{background:#ea580c;border-color:#fb923c;outline:none;transform:scale(1.05)}
.cim-lightbox__close{top:12px;right:12px;width:42px;height:42px;border-radius:999px;font-size:1.35rem;line-height:1}
.cim-lightbox__prev,.cim-lightbox__next{top:50%;width:48px;height:64px;margin-top:-32px;border-radius:12px;font-size:1.8rem;line-height:1}
.cim-lightbox__prev{left:12px}.cim-lightbox__next{right:12px}
.cim-lightbox__hint{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:3;padding:.32rem .65rem;border-radius:999px;background:rgba(0,0,0,.5);color:#a3a3a3;font-size:.7rem;letter-spacing:.02em;pointer-events:none}
.cim-lightbox__loader{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border:3px solid rgba(255,255,255,.18);border-top-color:#f97316;border-radius:50%;animation:cimSpin .8s linear infinite;pointer-events:none}
.cim-lightbox.is-loaded .cim-lightbox__loader{display:none}
@keyframes cimSpin{to{transform:rotate(360deg)}}

@media (min-width:640px){.seo-cim-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.seo-cim-gallery__link{max-height:300px}}
@media (min-width:1050px){.seo-cim-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.seo-cim-gallery__link{max-height:270px}.seo-cim-gallery__caption{font-size:.8rem}}
@media (max-width:720px){
  .cim-lightbox{padding:0;background:#050505}
  .cim-lightbox__shell{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}
  .cim-lightbox__stage{padding:58px 10px 10px}
  .cim-lightbox__captionbar{grid-template-columns:1fr;gap:.35rem;min-height:88px;padding:10px 14px max(12px,env(safe-area-inset-bottom))}
  .cim-lightbox__caption{font-size:.83rem;line-height:1.42}
  .cim-lightbox__counter{font-size:.72rem}
  .cim-lightbox__close{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:44px;height:44px;background:rgba(0,0,0,.78)}
  .cim-lightbox__prev,.cim-lightbox__next{top:50%;width:42px;height:58px;margin-top:-29px;background:rgba(0,0,0,.62)}
  .cim-lightbox__prev{left:7px}.cim-lightbox__next{right:7px}
  .cim-lightbox__hint{top:max(16px,env(safe-area-inset-top));font-size:.66rem}
}
@media (max-width:420px){.seo-cim-gallery__link{aspect-ratio:16/11;max-height:250px}.seo-cim-gallery__caption{min-height:0;padding:.68rem .78rem}.seo-cim-local-media img{height:240px}}
@media (prefers-reduced-motion:reduce){.seo-cim-gallery__img,.seo-cim-gallery__link::after,.cim-lightbox__btn{transition:none!important}.cim-lightbox__loader{animation:none}}

.seo-cim-local-media .seo-cim-local-media__link{aspect-ratio:auto;max-height:none;display:block}.seo-cim-local-media .seo-cim-local-media__link::after{right:.8rem;bottom:.8rem}.seo-cim-local-media .seo-cim-local-media__link img{width:100%;height:clamp(220px,52vw,480px);object-fit:contain}

/* V24 — Ürün ana görseli altındaki 3'lü kompakt SEO galeri */
.cim-product-hero-grid{
  align-items:start;
}
.cim-detail-thumbs{
  grid-column:1;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:-28px;
  margin-bottom:-8px;
  align-self:start;
}
.cim-detail-thumb{
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(212,175,55,.24);
  border-radius:10px;
  background:rgba(10,10,10,.96);
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.cim-detail-thumb__link{
  display:block;
  color:inherit;
  text-decoration:none;
  outline:none;
}
.cim-detail-thumb__media{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#111;
}
.cim-detail-thumb__img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.001);
  transition:transform .24s ease,filter .24s ease;
}
.cim-detail-thumb__text{
  display:block;
  min-width:0;
  padding:8px 9px 9px;
}
.cim-detail-thumb__title{
  display:block;
  color:#f5f5f5;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.02em;
}
.cim-detail-thumb__meta{
  display:block;
  margin-top:3px;
  color:#a3a3a3;
  font-size:9px;
  line-height:1.25;
}
.cim-detail-thumb__link:hover .cim-detail-thumb__img,
.cim-detail-thumb__link:focus-visible .cim-detail-thumb__img{
  transform:scale(1.045);
  filter:saturate(1.04) contrast(1.02);
}
.cim-detail-thumb__link:focus-visible{
  box-shadow:0 0 0 2px #0a0a0a,0 0 0 4px #d4af37;
  border-radius:9px;
}
@media (min-width:1024px){
  .cim-product-hero-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:2.5rem;
    row-gap:.75rem;
  }
  .cim-product-hero-grid>.seo-cim-hero-frame{grid-column:1;grid-row:1;}
  .cim-product-hero-grid>.cim-detail-thumbs{grid-column:1;grid-row:2;margin-top:0;margin-bottom:0;}
  .cim-product-hero-grid>.cim-detail-thumbs+div{grid-column:2;grid-row:1 / span 2;}
}
@media (max-width:1023px){
  .cim-product-hero-grid>.cim-detail-thumbs{margin-top:-26px;margin-bottom:-8px;}
}
@media (max-width:520px){
  .cim-detail-thumbs{gap:6px;}
  .cim-detail-thumb{border-radius:8px;}
  .cim-detail-thumb__text{padding:6px 6px 7px;}
  .cim-detail-thumb__title{font-size:9.5px;line-height:1.15;}
  .cim-detail-thumb__meta{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .cim-detail-thumb__img{transition:none;}
}