/* ==========================================================================
   Dizayn Makina — HİZMETLER page layer (loaded after sinematik.css)
   Seven services as cinematic chapters:
     page hero → dark chapter index (01–07 at a glance) → light chapter reel under a sticky
     dark chapter bar (scroll-spy) → full-bleed CTA band.
   Uses the Sinematik tokens only. Every rule is scoped to body.theme-sinematik[data-page="hizmetler"].
   Chapter media proportions follow the real photo sets (slug class from main.js serviceFull):
     portrait 4:5  kılavuz · kaynak · tesviye      square 1:1  kalite-kontrol · kaplama-boya
     landscape     hassas-isleme 3:2 · montaj 4:3
   ========================================================================== */

body.theme-sinematik[data-page="hizmetler"]{
  --hz-hdr:69px;                         /* fixed header height once scrolled (inline script keeps it exact) */
  --hz-bar:58px;                         /* sticky chapter bar */
  --hz-pad:clamp(72px,6.6vw,108px);      /* chapter padding (top and bottom) */
  --hz-land:40px;                        /* air between the chapter bar and a chapter's numeral after a jump */
  --hz-ui:60px;                          /* slideshow control row: 12px gap + 48px buttons */
}

/* utility: visually hidden label */
body.theme-sinematik[data-page="hizmetler"] .hz-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* hero HUD: chapter count next to the year */
body.theme-sinematik[data-page="hizmetler"] .hz-hud__count{color:rgba(235,240,246,.7);}
body.theme-sinematik[data-page="hizmetler"] #hz-index{scroll-margin-top:calc(var(--hz-hdr) - 1px);}

/* ==========================================================================
   CHAPTER INDEX — dark band, type-led list (same language as the home sector list)
   ========================================================================== */
body.theme-sinematik[data-page="hizmetler"] .hz-index{
  position:relative;background:var(--sn-night);color:var(--sn-t-md);
  padding:clamp(80px,9vw,140px) 0 clamp(80px,9vw,136px);
}
body.theme-sinematik[data-page="hizmetler"] .hz-index__head{
  display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:28px clamp(32px,6vw,104px);
  align-items:end;margin-bottom:clamp(44px,5vw,80px);
}
body.theme-sinematik[data-page="hizmetler"] .hz-index__head h2{margin:0;max-width:14em;color:#fff;}
body.theme-sinematik[data-page="hizmetler"] .hz-index__aside{display:flex;justify-content:flex-end;}

body.theme-sinematik[data-page="hizmetler"] .hz-index__list{margin:0;padding:0;list-style:none;border-top:1px solid var(--sn-line-d);}
body.theme-sinematik[data-page="hizmetler"] .hz-index__list>li{position:relative;border-bottom:1px solid var(--sn-line-d);}
body.theme-sinematik[data-page="hizmetler"] .hz-index__row{
  position:relative;display:grid;align-items:center;
  grid-template-columns:clamp(48px,6vw,96px) minmax(0,5fr) minmax(0,5fr) 56px;
  gap:0 clamp(16px,2.4vw,40px);min-height:96px;padding:22px 0;color:#fff;
}
body.theme-sinematik[data-page="hizmetler"] .hz-index__row::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--sn-green);
  transform:scaleX(0);transform-origin:left;transition:transform .7s var(--sn-ease);
}
body.theme-sinematik[data-page="hizmetler"] .hz-index__n{color:var(--sn-green-lt);}
body.theme-sinematik[data-page="hizmetler"] .hz-index__row h3{
  margin:0;color:#fff;font-size:clamp(1.75rem,.95rem + 1.7vw,3rem);line-height:.96;letter-spacing:0;
  transition:transform .6s var(--sn-ease);
}
body.theme-sinematik[data-page="hizmetler"] .hz-index__d{
  max-width:32em;font-size:1rem;line-height:1.55;color:var(--sn-t-md);transition:transform .6s var(--sn-ease),color .4s;
}
body.theme-sinematik[data-page="hizmetler"] .hz-index__go{
  justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;
  color:#fff;box-shadow:inset 0 0 0 1px var(--sn-line-d);transition:background-color .3s var(--sn-ease),color .3s,box-shadow .3s;
}
body.theme-sinematik[data-page="hizmetler"] .hz-index__go svg{width:12px;height:20px;transition:transform .45s var(--sn-ease);}
@media (hover:hover) and (pointer:fine){
  body.theme-sinematik[data-page="hizmetler"] .hz-index__row:hover::after{transform:scaleX(1);}
  body.theme-sinematik[data-page="hizmetler"] .hz-index__row:hover h3,
  body.theme-sinematik[data-page="hizmetler"] .hz-index__row:hover .hz-index__d{transform:translateX(14px);}
  body.theme-sinematik[data-page="hizmetler"] .hz-index__row:hover .hz-index__d{color:rgba(235,240,246,.92);}
  body.theme-sinematik[data-page="hizmetler"] .hz-index__row:hover .hz-index__go{background:#fff;color:var(--sn-i-hi);box-shadow:inset 0 0 0 1px #fff;}
  body.theme-sinematik[data-page="hizmetler"] .hz-index__row:hover .hz-index__go svg{transform:translateY(3px);}
}
body.theme-sinematik[data-page="hizmetler"] .hz-index__row:focus-visible{outline-offset:4px;}
/* stagger: hover transitions must not inherit the cascade delay */
html.sinematik-js body.theme-sinematik[data-page="hizmetler"] .hz-index__list.is-in>li .hz-index__row *{transition-delay:0s;}

/* ==========================================================================
   STICKY CHAPTER BAR — second tier under the fixed header while reading the chapters
   ========================================================================== */
body.theme-sinematik[data-page="hizmetler"] .hz-chapters{position:relative;}
body.theme-sinematik[data-page="hizmetler"] .hz-bar{
  position:-webkit-sticky;position:sticky;top:calc(var(--hz-hdr) - 1px);z-index:60;
  height:var(--hz-bar);background:var(--sn-ink);border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 14px 30px -24px rgba(5,9,15,.8);
}
body.theme-sinematik[data-page="hizmetler"] .hz-bar__in{height:100%;}
body.theme-sinematik[data-page="hizmetler"] .hz-bar__list{
  display:flex;align-items:stretch;height:100%;margin:0;padding:0;list-style:none;
  overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
body.theme-sinematik[data-page="hizmetler"] .hz-bar__list::-webkit-scrollbar{display:none;}
body.theme-sinematik[data-page="hizmetler"] .hz-bar__list>li{flex:none;display:flex;}
body.theme-sinematik[data-page="hizmetler"] .hz-bar__a{
  position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;white-space:nowrap;
  font-family:var(--sn-f-display);font-weight:600;font-size:.98rem;letter-spacing:.07em;text-transform:uppercase;line-height:1;
  color:var(--sn-t-lo);transition:color .25s;
}
body.theme-sinematik[data-page="hizmetler"] .hz-bar__list>li:first-child .hz-bar__a{padding-left:0;}
body.theme-sinematik[data-page="hizmetler"] .hz-bar__n{font-family:var(--sn-f-mono);font-size:11px;font-weight:500;letter-spacing:.12em;color:inherit;transition:color .25s;}
body.theme-sinematik[data-page="hizmetler"] .hz-bar__a::after{
  content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:var(--sn-green-lt);
  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--sn-ease);
}
body.theme-sinematik[data-page="hizmetler"] .hz-bar__list>li:first-child .hz-bar__a::after{left:0;}
@media (hover:hover) and (pointer:fine){ body.theme-sinematik[data-page="hizmetler"] .hz-bar__a:hover{color:#fff;} }
body.theme-sinematik[data-page="hizmetler"] .hz-bar__a.is-active{color:#fff;}
body.theme-sinematik[data-page="hizmetler"] .hz-bar__a.is-active .hz-bar__n{color:var(--sn-green-lt);}
body.theme-sinematik[data-page="hizmetler"] .hz-bar__a.is-active::after{transform:scaleX(1);}
body.theme-sinematik[data-page="hizmetler"] .hz-bar__a:focus-visible{outline-offset:-4px;}
/* reading progress through all seven chapters, on the bar's top edge */
body.theme-sinematik[data-page="hizmetler"] .hz-bar__prog{position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;}
body.theme-sinematik[data-page="hizmetler"] .hz-bar__prog span{position:absolute;inset:0;background:var(--sn-green);transform:scaleX(0);transform-origin:left;}
/* overflow hint: soft fade on the side that has more chapters */
body.theme-sinematik[data-page="hizmetler"] .hz-bar.is-scrollable:not(.at-end) .hz-bar__list{
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);
}
body.theme-sinematik[data-page="hizmetler"] .hz-bar.is-scrollable:not(.at-start):not(.at-end) .hz-bar__list{
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent);
}
body.theme-sinematik[data-page="hizmetler"] .hz-bar.is-scrollable.at-end:not(.at-start) .hz-bar__list{
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 56px);mask-image:linear-gradient(90deg,transparent,#000 56px);
}

/* ==========================================================================
   CHAPTERS — 12-column editorial grid (desktop), alternating sides
   ========================================================================== */
body.theme-sinematik[data-page="hizmetler"] .svc-row{
  --ar:4/3;
  position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(20px,2.4vw,40px);row-gap:0;align-items:stretch;
  padding:var(--hz-pad) 0;border-top:1px solid var(--sn-line-l);border-bottom:0;
}
body.theme-sinematik[data-page="hizmetler"] .svc-row::before{content:"";position:absolute;left:0;top:-2px;width:44px;height:3px;background:var(--sn-green);}
body.theme-sinematik[data-page="hizmetler"] .svc-row:first-child{border-top:0;}
body.theme-sinematik[data-page="hizmetler"] .svc-row:first-child::before{display:none;}
body.theme-sinematik[data-page="hizmetler"] .svc-row:last-child{padding-bottom:var(--hz-pad);}
body.theme-sinematik[data-page="hizmetler"] .svc-row:focus{outline:none;}
/* #s1–#s7 land with the numeral + media a fixed step below the header + chapter bar
   (the chapter's own top padding slides under the bar) */
body.theme-sinematik[data-page="hizmetler"] main .svc-row[id],
body.theme-sinematik[data-page="hizmetler"] main .svc-row[id]:first-child{scroll-margin-top:calc(var(--hz-hdr) + var(--hz-bar) + var(--hz-land) - var(--hz-pad));}

/* proportions per photo set */
body.theme-sinematik[data-page="hizmetler"] .svc-row--hassas-isleme{--ar:3/2;}
body.theme-sinematik[data-page="hizmetler"] :is(.svc-row--kilavuz,.svc-row--kaynak,.svc-row--tesviye){--ar:4/5;}
body.theme-sinematik[data-page="hizmetler"] :is(.svc-row--kalite-kontrol,.svc-row--kaplama-boya){--ar:1/1;}

/* text column: numeral on top, title + copy settle on the media's baseline */
body.theme-sinematik[data-page="hizmetler"] .svc-text{grid-column:1 / span 5;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0;}
body.theme-sinematik[data-page="hizmetler"] .svc-media{grid-column:6 / span 7;grid-row:1;min-width:0;align-self:start;}
body.theme-sinematik[data-page="hizmetler"] .svc-row.is-flip .svc-text{grid-column:8 / span 5;order:0;}
body.theme-sinematik[data-page="hizmetler"] .svc-row.is-flip .svc-media{grid-column:1 / span 7;}
/* tall (portrait / square) media take five columns; the copy gets a column of air */
body.theme-sinematik[data-page="hizmetler"] :is(.svc-row--kilavuz,.svc-row--kaynak,.svc-row--tesviye,.svc-row--kalite-kontrol,.svc-row--kaplama-boya) .svc-text{grid-column:1 / span 6;}
body.theme-sinematik[data-page="hizmetler"] :is(.svc-row--kilavuz,.svc-row--kaynak,.svc-row--tesviye,.svc-row--kalite-kontrol,.svc-row--kaplama-boya) .svc-media{grid-column:8 / span 5;}
body.theme-sinematik[data-page="hizmetler"] :is(.svc-row--kilavuz,.svc-row--kaynak,.svc-row--tesviye,.svc-row--kalite-kontrol,.svc-row--kaplama-boya).is-flip .svc-text{grid-column:7 / span 6;}
body.theme-sinematik[data-page="hizmetler"] :is(.svc-row--kilavuz,.svc-row--kaynak,.svc-row--tesviye,.svc-row--kalite-kontrol,.svc-row--kaplama-boya).is-flip .svc-media{grid-column:1 / span 5;}
/* copy ends on the photo's bottom edge, not below the slideshow controls */
body.theme-sinematik[data-page="hizmetler"] .svc-row:has(.sss-ui) .svc-text{padding-bottom:var(--hz-ui);}

/* the chapter numeral — display type, the page's signature */
body.theme-sinematik[data-page="hizmetler"] .svc-num{
  display:flex;align-items:flex-start;gap:clamp(12px,1.2vw,18px);margin:0;
  font-family:var(--sn-f-display);font-weight:600;font-size:clamp(4.6rem,1.9rem + 5.6vw,9.4rem);
  line-height:.78;letter-spacing:-.025em;color:var(--sn-i-hi);font-variant-numeric:tabular-nums;
}
body.theme-sinematik[data-page="hizmetler"] .svc-num::after{display:none;}
body.theme-sinematik[data-page="hizmetler"] .svc-num[data-total]::before{
  content:"/ " attr(data-total);order:2;margin-top:.1em;
  font-family:var(--sn-f-mono);font-size:12px;font-weight:500;letter-spacing:.16em;line-height:1;color:var(--sn-i-lo);
}
body.theme-sinematik[data-page="hizmetler"] .svc-text h3{
  margin:auto 0 0;padding-top:clamp(40px,5vw,72px);max-width:11em;
  font-size:clamp(2.3rem,1.05rem + 2.85vw,4.4rem);line-height:.94;letter-spacing:-.005em;color:var(--sn-i-hi);
  text-wrap:balance;
}
body.theme-sinematik[data-page="hizmetler"] .svc-text p{
  margin:clamp(20px,2vw,28px) 0 0;max-width:31em;padding-top:clamp(20px,2vw,26px);border-top:1px solid var(--sn-line-l);
  font-size:clamp(1.02rem,.96rem + .22vw,1.16rem);line-height:1.7;color:var(--sn-i-md);
}

/* ==========================================================================
   MEDIA — slideshow frame, controls, placeholder
   ========================================================================== */
body.theme-sinematik[data-page="hizmetler"] .svc-row .sss .sss-wrap,
body.theme-sinematik[data-page="hizmetler"] .svc-row .svc-media .photo-frame{aspect-ratio:var(--ar);}
body.theme-sinematik[data-page="hizmetler"] .svc-media .photo-frame{display:flex;align-items:center;justify-content:center;}
body.theme-sinematik[data-page="hizmetler"] .sss-wrap{position:relative;overflow:hidden;background:var(--sn-navy-2);outline-offset:4px;}
body.theme-sinematik[data-page="hizmetler"] .sss-wrap img,
body.theme-sinematik[data-page="hizmetler"] .sss-wrap video{object-fit:cover;object-position:50% 55%;}
/* QC set: the upload gallery used letterboxing; the square frame crops both orientations evenly */
body.theme-sinematik[data-page="hizmetler"] .sss--kalite-kontrol .sss-wrap img{object-fit:cover;}
body.theme-sinematik[data-page="hizmetler"] .sss--montaj .sss-wrap img{object-fit:cover;object-position:50% 50%;}
/* slow push-in on the active photo (transform only; the outgoing one resets after it has faded) */
body.theme-sinematik[data-page="hizmetler"] .sss-wrap img{transform:scale(1.06);transition:opacity .9s ease,transform 0s linear .9s;}
body.theme-sinematik[data-page="hizmetler"] .sss-wrap img.active{transform:scale(1);transition:opacity .9s ease,transform 7s var(--sn-ease);}
@media (hover:hover) and (pointer:fine){
  body.theme-sinematik[data-page="hizmetler"] .sss-wrap:hover img.active{transform:scale(1.025);transition:opacity .9s ease,transform 1.2s var(--sn-ease);}
}
/* the green corner rule and the expand badge stay above the (scaled) photos */
body.theme-sinematik[data-page="hizmetler"] .sss-wrap::before{z-index:3;}
body.theme-sinematik[data-page="hizmetler"] .sss-wrap::after{z-index:3;}

/* control row: segmented progress · counter · prev/next */
body.theme-sinematik[data-page="hizmetler"] .sss-ui{display:flex;align-items:center;gap:clamp(12px,1.4vw,20px);margin-top:12px;}
body.theme-sinematik[data-page="hizmetler"] .sss-ui .sss-dots{flex:1 1 auto;min-width:0;margin:0;gap:4px;}
body.theme-sinematik[data-page="hizmetler"] .sss-dot{max-width:64px;height:48px;cursor:pointer;}
body.theme-sinematik[data-page="hizmetler"] .sss-dot::before,
body.theme-sinematik[data-page="hizmetler"] .sss-dot.active::before{height:2px;margin-top:-1px;background:var(--sn-line-l);}
body.theme-sinematik[data-page="hizmetler"] .sss-dot.active::before{background:rgba(10,20,32,.3);}
@media (hover:hover) and (pointer:fine){ body.theme-sinematik[data-page="hizmetler"] .sss-dot:hover::before{background:var(--sn-i-lo);} }
body.theme-sinematik[data-page="hizmetler"] .sss-dot i{
  position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;background:var(--sn-green);
  transform:scaleX(0);transform-origin:left;pointer-events:none;
}
body.theme-sinematik[data-page="hizmetler"] .sss-dot:not(.active) i{transform:scaleX(0)!important;}
body.theme-sinematik[data-page="hizmetler"] .sss-count{
  flex:none;font-family:var(--sn-f-mono);font-size:12px;font-weight:500;letter-spacing:.14em;line-height:1;white-space:nowrap;color:var(--sn-i-lo);
}
body.theme-sinematik[data-page="hizmetler"] .sss-count b{font-weight:500;color:var(--sn-i-hi);}
body.theme-sinematik[data-page="hizmetler"] .sss-nav{
  flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:0;
  background:none;color:var(--sn-i-hi);box-shadow:inset 0 0 0 1px var(--sn-line-l);cursor:pointer;
  transition:background-color .25s,color .25s,box-shadow .25s;
}
body.theme-sinematik[data-page="hizmetler"] .sss-nav + .sss-nav{margin-left:-8px;}
body.theme-sinematik[data-page="hizmetler"] .sss-nav svg{width:18px;height:11px;}
body.theme-sinematik[data-page="hizmetler"] .sss-prev svg{transform:scaleX(-1);}
@media (hover:hover) and (pointer:fine){
  body.theme-sinematik[data-page="hizmetler"] .sss-nav:hover{background:var(--sn-i-hi);color:#fff;box-shadow:inset 0 0 0 1px var(--sn-i-hi);}
}

/* chapter entrance: the frame wipes open (clip-path, like the home .sn-wipe), controls follow */
html.sinematik-js body.theme-sinematik[data-page="hizmetler"] .svc-media.sn-reveal{opacity:1;transform:none;}
html.sinematik-js body.theme-sinematik[data-page="hizmetler"] .svc-media.sn-reveal :is(.sss-wrap,.photo-frame){clip-path:inset(100% 0 0 0);}
html.sinematik-js body.theme-sinematik[data-page="hizmetler"] .svc-media.sn-reveal .sss-ui{opacity:0;}
html.sinematik-js body.theme-sinematik[data-page="hizmetler"] .svc-media.sn-reveal.is-in :is(.sss-wrap,.photo-frame){clip-path:inset(0 0 0 0);transition:clip-path 1.4s var(--sn-ease-io) .1s;}
html.sinematik-js body.theme-sinematik[data-page="hizmetler"] .svc-media.sn-reveal.is-in .sss-ui{opacity:1;transition:opacity .8s ease .7s;}

/* placeholder until the upload manifest arrives: same frame, quiet icon, room for the controls */
body.theme-sinematik[data-page="hizmetler"] .svc-media .upload-slot{margin-bottom:var(--hz-ui);}
body.theme-sinematik[data-page="hizmetler"] .svc-media .upload-slot>svg{width:44px;height:44px;color:rgba(255,255,255,.22);}

/* ==========================================================================
   LIGHTBOX (built by main.js on this page only)
   ========================================================================== */
body.theme-sinematik[data-page="hizmetler"] #svcLightbox [hidden]{display:none!important;}
body.theme-sinematik[data-page="hizmetler"] #svcLightbox :is(.lb-img,.lb-vid){
  position:relative;z-index:1;max-width:min(92vw,1440px);max-height:84vh;object-fit:contain;background:#000;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.8);
}
body.theme-sinematik[data-page="hizmetler"] #svcLightbox .lb-vid{width:auto;height:84vh;}
body.theme-sinematik[data-page="hizmetler"] #svcLightbox :is(.lb-close,.lb-prev,.lb-next) svg{width:20px;height:12px;}
body.theme-sinematik[data-page="hizmetler"] #svcLightbox .lb-close svg{width:16px;height:16px;}
body.theme-sinematik[data-page="hizmetler"] #svcLightbox .lb-prev svg{transform:scaleX(-1);}
body.theme-sinematik[data-page="hizmetler"] #svcLightbox.open .lb-img{animation:hzLbIn .45s var(--sn-ease) both;}
@keyframes hzLbIn{from{opacity:0;transform:scale(.985);}to{opacity:1;transform:none;}}

/* ==========================================================================
   CTA band — the page ends on the machine photo, one step deeper
   ========================================================================== */
body.theme-sinematik[data-page="hizmetler"] .section-sm:has(> .container > .cta-band){border-top:0;}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:1180px) and (min-width:901px){
  body.theme-sinematik[data-page="hizmetler"] .hz-bar__a{padding:0 12px;font-size:.92rem;letter-spacing:.05em;}
  body.theme-sinematik[data-page="hizmetler"] .hz-bar__a::after{left:12px;right:12px;}
}
@media (max-width:980px){
  body.theme-sinematik[data-page="hizmetler"]{--hz-hdr:64px;}
  body.theme-sinematik[data-page="hizmetler"] .hz-index__head{grid-template-columns:minmax(0,1fr);}
  body.theme-sinematik[data-page="hizmetler"] .hz-index__aside{justify-content:flex-start;}
  body.theme-sinematik[data-page="hizmetler"] .hz-index__row{grid-template-columns:56px minmax(0,1fr) minmax(0,1fr) 48px;}
  body.theme-sinematik[data-page="hizmetler"] .hz-index__go{width:48px;height:48px;}
}

/* ---- tablet & phone: stacked chapters (number → title → media → copy) ---- */
@media (max-width:900px){
  body.theme-sinematik[data-page="hizmetler"] .svc-row,
  body.theme-sinematik[data-page="hizmetler"] .svc-row.is-flip{display:grid;grid-template-columns:minmax(0,1fr);}
  body.theme-sinematik[data-page="hizmetler"] .svc-text{display:contents;}
  body.theme-sinematik[data-page="hizmetler"] .svc-row .svc-media,
  body.theme-sinematik[data-page="hizmetler"] .svc-row.is-flip .svc-media,
  body.theme-sinematik[data-page="hizmetler"] :is(.svc-row--kilavuz,.svc-row--kaynak,.svc-row--tesviye,.svc-row--kalite-kontrol,.svc-row--kaplama-boya) .svc-media,
  body.theme-sinematik[data-page="hizmetler"] :is(.svc-row--kilavuz,.svc-row--kaynak,.svc-row--tesviye,.svc-row--kalite-kontrol,.svc-row--kaplama-boya).is-flip .svc-media{grid-column:1;grid-row:auto;order:3;}
  body.theme-sinematik[data-page="hizmetler"] .svc-row:has(.sss-ui) .svc-text{padding-bottom:0;}
  body.theme-sinematik[data-page="hizmetler"] .svc-num{order:1;font-size:clamp(4rem,11vw,5.6rem);}
  body.theme-sinematik[data-page="hizmetler"] .svc-text h3{order:2;margin:0 0 30px;padding-top:22px;max-width:14em;font-size:clamp(2.3rem,6.4vw,3.4rem);}
  body.theme-sinematik[data-page="hizmetler"] .svc-text p{order:4;margin-top:26px;max-width:36em;}
  body.theme-sinematik[data-page="hizmetler"] .svc-row{--ar:3/2;}
  body.theme-sinematik[data-page="hizmetler"] :is(.svc-row--kilavuz,.svc-row--kaynak,.svc-row--tesviye,.svc-row--kalite-kontrol,.svc-row--kaplama-boya){--ar:1/1;}
}

/* ---- tablet: numeral and title share the chapter's first line ---- */
@media (min-width:601px) and (max-width:900px){
  body.theme-sinematik[data-page="hizmetler"] .svc-row,
  body.theme-sinematik[data-page="hizmetler"] .svc-row.is-flip{grid-template-columns:auto minmax(0,1fr);column-gap:clamp(28px,5vw,48px);}
  body.theme-sinematik[data-page="hizmetler"] .svc-num{grid-column:1;grid-row:1;align-self:end;}
  body.theme-sinematik[data-page="hizmetler"] .svc-text h3{grid-column:2;grid-row:1;align-self:end;margin:0;padding:0 0 .04em;}
  body.theme-sinematik[data-page="hizmetler"] .svc-row .svc-media,
  body.theme-sinematik[data-page="hizmetler"] .svc-row.is-flip .svc-media,
  body.theme-sinematik[data-page="hizmetler"] :is(.svc-row--kilavuz,.svc-row--kaynak,.svc-row--tesviye,.svc-row--kalite-kontrol,.svc-row--kaplama-boya) .svc-media,
  body.theme-sinematik[data-page="hizmetler"] :is(.svc-row--kilavuz,.svc-row--kaynak,.svc-row--tesviye,.svc-row--kalite-kontrol,.svc-row--kaplama-boya).is-flip .svc-media{grid-column:1 / -1;grid-row:2;margin-top:36px;}
  body.theme-sinematik[data-page="hizmetler"] .svc-text p{grid-column:1 / -1;grid-row:3;}
}

/* ---- phones ---- */
@media (max-width:600px){
  body.theme-sinematik[data-page="hizmetler"]{--hz-bar:52px;--hz-pad:60px;--hz-land:22px;--hz-ui:56px;}

  body.theme-sinematik[data-page="hizmetler"] .hz-hud__count{display:none;}

  /* index */
  body.theme-sinematik[data-page="hizmetler"] .hz-index{padding:64px 0 72px;}
  body.theme-sinematik[data-page="hizmetler"] .hz-index__head{margin-bottom:36px;gap:26px;}
  body.theme-sinematik[data-page="hizmetler"] .hz-index__aside{display:none;}
  body.theme-sinematik[data-page="hizmetler"] .hz-index__row{
    grid-template-columns:34px minmax(0,1fr) 24px;grid-template-rows:auto auto;gap:6px 12px;
    align-items:start;min-height:0;padding:20px 0 21px;
  }
  body.theme-sinematik[data-page="hizmetler"] .hz-index__n{grid-row:1;grid-column:1;padding-top:.5em;}
  body.theme-sinematik[data-page="hizmetler"] .hz-index__row h3{grid-row:1;grid-column:2;font-size:clamp(1.55rem,7.4vw,1.95rem);line-height:1;}
  body.theme-sinematik[data-page="hizmetler"] .hz-index__d{grid-row:2;grid-column:2;font-size:.95rem;line-height:1.5;}
  body.theme-sinematik[data-page="hizmetler"] .hz-index__go{grid-row:1 / span 2;grid-column:3;align-self:center;justify-self:end;width:24px;height:44px;box-shadow:none;color:var(--sn-t-lo);}
  body.theme-sinematik[data-page="hizmetler"] .hz-index__go svg{width:10px;height:18px;}

  /* chapter bar: swipeable strip, edge to edge */
  body.theme-sinematik[data-page="hizmetler"] .hz-bar__in{padding:0;}
  body.theme-sinematik[data-page="hizmetler"] .hz-bar__list{padding:0 var(--sn-g);scroll-padding-inline:var(--sn-g);}
  body.theme-sinematik[data-page="hizmetler"] .hz-bar__a{padding:0 13px;font-size:.93rem;letter-spacing:.05em;gap:8px;}
  body.theme-sinematik[data-page="hizmetler"] .hz-bar__a::after{left:13px;right:13px;}
  body.theme-sinematik[data-page="hizmetler"] .hz-bar__list>li:last-child .hz-bar__a{padding-right:0;}
  body.theme-sinematik[data-page="hizmetler"] .hz-bar__list>li:last-child .hz-bar__a::after{right:0;}

  /* chapters */
  body.theme-sinematik[data-page="hizmetler"] .svc-row{padding:var(--hz-pad) 0 68px;}
  body.theme-sinematik[data-page="hizmetler"] .svc-row:last-child{padding-bottom:72px;}
  body.theme-sinematik[data-page="hizmetler"] .svc-num{font-size:clamp(3.9rem,19vw,4.6rem);gap:12px;}
  body.theme-sinematik[data-page="hizmetler"] .svc-text h3{margin-bottom:26px;padding-top:18px;font-size:clamp(2.05rem,9.6vw,2.6rem);line-height:.96;}
  body.theme-sinematik[data-page="hizmetler"] .svc-text p{margin-top:22px;padding-top:0;border-top:0;font-size:1rem;line-height:1.66;}
  body.theme-sinematik[data-page="hizmetler"] .svc-row{--ar:4/3;}
  body.theme-sinematik[data-page="hizmetler"] :is(.svc-row--kilavuz,.svc-row--kaynak,.svc-row--tesviye){--ar:4/5;}
  body.theme-sinematik[data-page="hizmetler"] :is(.svc-row--kalite-kontrol,.svc-row--kaplama-boya){--ar:1/1;}
  /* media runs edge to edge; controls stay on the text grid */
  body.theme-sinematik[data-page="hizmetler"] .svc-media{margin:0 calc(var(--sn-g) * -1);}
  body.theme-sinematik[data-page="hizmetler"] .svc-media .sss-ui{padding:0 var(--sn-g);margin-top:8px;}
  body.theme-sinematik[data-page="hizmetler"] .svc-media .sss-dots{padding:0;}
  body.theme-sinematik[data-page="hizmetler"] .sss-dot{height:48px;max-width:none;}
  body.theme-sinematik[data-page="hizmetler"] .sss-wrap::before{left:var(--sn-g);}
  body.theme-sinematik[data-page="hizmetler"] .svc-media .photo-frame::before{left:var(--sn-g);}
  body.theme-sinematik[data-page="hizmetler"] .sss-wrap img{transform:scale(1.04);}
  body.theme-sinematik[data-page="hizmetler"] .sss-wrap img.active{transform:scale(1);}

  /* lightbox on phones: media full width, controls in the thumb zone */
  body.theme-sinematik[data-page="hizmetler"] #svcLightbox :is(.lb-img,.lb-vid){max-width:100vw;max-height:72vh;}
  body.theme-sinematik[data-page="hizmetler"] #svcLightbox .lb-vid{height:auto;width:100vw;}
}

/* ==========================================================================
   REDUCED MOTION — static, everything visible
   ========================================================================== */
@media (prefers-reduced-motion: reduce){
  body.theme-sinematik[data-page="hizmetler"] .sss-wrap img,
  body.theme-sinematik[data-page="hizmetler"] .sss-wrap img.active{transform:none!important;transition:opacity .01s!important;}
  body.theme-sinematik[data-page="hizmetler"] :is(.hz-index__row,.hz-index__row *,.hz-bar__a,.hz-bar__a::after){transition:none!important;}
  body.theme-sinematik[data-page="hizmetler"] #svcLightbox.open .lb-img{animation:none;}
  html.sinematik-js body.theme-sinematik[data-page="hizmetler"] .svc-media.sn-reveal :is(.sss-wrap,.photo-frame){clip-path:none!important;transition:none!important;}
  html.sinematik-js body.theme-sinematik[data-page="hizmetler"] .svc-media.sn-reveal .sss-ui{opacity:1!important;transition:none!important;}
}

/* ==========================================================================
   FIX PASS — Turkish/German accents, lead chapter, long slideshows, chapter bar tier, phone hero
   ========================================================================== */
/* Uppercase condensed titles: the Turkish dotted capital İ (and DE Ä/Ö/Ü) rise ~.18em above cap height.
   Tight but safe leading so a wrapped second line never touches the line above. */
body.theme-sinematik[data-page="hizmetler"] .svc-text h3{line-height:1.04;}
body.theme-sinematik[data-page="hizmetler"] .hz-index__row h3{line-height:1.06;}

/* lead chapter (Hassas İşleme): its real photos are ≤740px wide — six columns keep them at ~1× on desktop */
@media (min-width:901px){
  body.theme-sinematik[data-page="hizmetler"] .svc-row--hassas-isleme .svc-media{grid-column:7 / span 6;}
}
/* sets without a lightbox: no expand badge, no zoom cursor */
body.theme-sinematik[data-page="hizmetler"] .sss-wrap.is-nozoom{cursor:default;}
body.theme-sinematik[data-page="hizmetler"] .sss-wrap.is-nozoom::after{display:none;}

/* long slideshows (7+ slides): one thin progress track (fills across the whole set) + "03 / 20" + prev/next */
body.theme-sinematik[data-page="hizmetler"] .sss-track{position:relative;flex:1 1 auto;min-width:0;height:48px;}
body.theme-sinematik[data-page="hizmetler"] .sss-track::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--sn-line-l);}
body.theme-sinematik[data-page="hizmetler"] .sss-track i{
  position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;background:var(--sn-green);
  transform:scaleX(0);transform-origin:left;pointer-events:none;
}
body.theme-sinematik[data-page="hizmetler"] .sss-ui--track .sss-count{min-width:5.6em;text-align:right;}

/* touch: hover must not stick after a tap (shared rules reset for this page) */
@media (hover:none){
  body.theme-sinematik[data-page="hizmetler"] .sss-wrap:hover::after{background-color:rgba(5,9,15,.62);}
  body.theme-sinematik[data-page="hizmetler"] .sss-dot:hover::before{background:var(--sn-line-l);}
  body.theme-sinematik[data-page="hizmetler"] .sss-dot.active:hover::before{background:rgba(10,20,32,.3);}
}

/* chapter bar 901–1439px: EN/DE labels must fit — numerals drop, tighter tracking and padding */
@media (min-width:901px) and (max-width:1439px){
  body.theme-sinematik[data-page="hizmetler"] .hz-bar__n{display:none;}
  body.theme-sinematik[data-page="hizmetler"] .hz-bar__a{padding:0 11px;font-size:.9rem;letter-spacing:.04em;gap:0;}
  body.theme-sinematik[data-page="hizmetler"] .hz-bar__a::after{left:11px;right:11px;}
  body.theme-sinematik[data-page="hizmetler"] .hz-bar__list>li:first-child .hz-bar__a::after{left:0;}
  body.theme-sinematik[data-page="hizmetler"] .hz-bar__list>li:last-child .hz-bar__a{padding-right:0;}
  body.theme-sinematik[data-page="hizmetler"] .hz-bar__list>li:last-child .hz-bar__a::after{right:0;}
}
@media (min-width:901px) and (max-width:1023px){
  body.theme-sinematik[data-page="hizmetler"] .hz-bar__a{padding:0 8px;font-size:.84rem;letter-spacing:.02em;}
  body.theme-sinematik[data-page="hizmetler"] .hz-bar__a::after{left:8px;right:8px;}
}

@media (max-width:600px){
  body.theme-sinematik[data-page="hizmetler"] .svc-text h3{line-height:1.04;}
  body.theme-sinematik[data-page="hizmetler"] .hz-index__row h3{line-height:1.06;}
  /* phone hero: the portrait photo (yellow frame) stays readable above the title block */
  body.theme-sinematik[data-page="hizmetler"] .page-hero__media img{object-position:50% 40%;}
  body.theme-sinematik[data-page="hizmetler"] .page-hero__shade{background:
    linear-gradient(0deg,rgba(5,9,15,.96) 0%,rgba(5,9,15,.86) 30%,rgba(5,9,15,.52) 54%,rgba(5,9,15,.26) 78%,rgba(5,9,15,.52) 100%),
    linear-gradient(0deg,rgba(14,28,44,.18),rgba(14,28,44,.18));}
}