*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;-webkit-font-smoothing:antialiased;
 text-rendering:optimizeLegibility}
/* ⚠ BU KURAL BIR KEZ GERCEK BIR KUSUR URETTI — 10.10.2026.
   `svg{max-width:100%}` KIRPILMIS bir kabin icindeki SVG'yi de
   kucultur. Yildiz dizisinde dolu katmanin kutusu 4,7/5 orani kadar
   dar (122,19 px) idi; icindeki 130 px'lik SVG o kutuya SIGMAK ICIN
   kuculdu ve bes yildiz TAM gorundu — yani sayfa fiilen 5,0 IDDIA
   ETTI. Olculdu, karsi-olgu ile dogrulandi:
       max-width:none VAR -> svg 130,00 px · 4 tam + 1 kismi
       max-width:none YOK -> svg 122,19 px · 5 TAM          <- yalan

   KURAL: bir SVG `overflow:hidden` ile KIRPILARAK bir oran
   gosteriyorsa o SVG'ye `max-width:none` yazilmak ZORUNDA. Yoksa
   kirpma yerine OLCEKLEME olur ve gosterilen oran bozulur.
   (Yildiz dizisi sonunda tamamen kaldirildi — bkz. b_guven.py
   YILDIZ_OLCUM — ama kural burada duruyor ve bir sonraki
   kirpilmis SVG'yi de isirir.) */
img,svg,video{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}

/* Icerige atla — klavyeyle gezen ziyaretci menuyu her sayfada
   bastan dinlemek zorunda kalmasin (WCAG 2.4.1). */
.atla{position:absolute;left:-9999px;top:0;z-index:999;
 padding:12px 18px;background:#fff;color:#000;font-weight:600;
 text-decoration:none}
.atla:focus{left:0}

/* SATIRDA BOLUNMEYEN DEGER — telefon, KvK, posta kodu, saat.
   Olculdu: bu projede dort ayri yerde numara satir sonunda
   ortasindan bolundu ("030 785 16 / 03", "624602 / 50"). */
.nr{white-space:nowrap;font-variant-numeric:tabular-nums}

/* Hollandaca bilesikler uzun; dar sutunda tireleme yardimci olur.
   Ama DEGERLERDE asla: adres, tarih, numara bolunmez. */
body{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
h1,h2,h3,h4,h5,h6,a,button,label,summary,.nr{
 hyphens:manual;-webkit-hyphens:manual}

@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms !important;
  animation-iteration-count:1 !important;transition-duration:.01ms !important;
  scroll-behavior:auto !important}
}

:root{
 --zwart:#0a090b;      /* hero zemini — sahnenin kendi fogu 0x121113 */
 --inkt:#1b1714;
 --kalk:#f2efeb;
 --kalk2:#d8d2ca;
 --messing:#c9a356;
 --messingl:#e8cf99;
 --rood:#e61202;
 --roodd:#8f0b01;
 --amber:#f0a500;
 --mono:Inter,"Inter yedek",system-ui,sans-serif;
 --kap:min(1180px,100% - 40px);
}
/* ⚠ OSWALD'A METRIK ESLENMIS YEDEK EKLENMEZ — OLCULDU 15.10, EKLEMEK
   DURUMU KOTULESTIRIR. Inter'de oldugu gibi bir "Oswald yedek" yuzu
   kurmak denendi; Oswald/Arial Narrow genislik orani KARAKTER
   KARISIMINA GORE DEGISIYOR:
       dugme metni "BEL 030 785 16 03" (19px) -> size-adjust %104,5
       h1 "SLEUTEL KWIJT OF SLOT STUK" (92px) -> size-adjust  %91,2
   Oswald'in RAKAMLARI Arial Narrow'a gore genis, HARFLERI dar. Tek bir
   size-adjust ikisini birden tutamaz. 104,5 secilirse h1 yedek yuzde
   %9,6 genisler ve SARMASI degisir — bu, duzeltmeye calistigimiz
   5 piksellik dugme farkindan cok daha buyuk bir kayma olur.
   Mevcut hali (Arial Narrow, ayarsiz) h1'i KARARLI tutuyor: olculdu,
   fontlu ve fontsuz h1 ikisinde de 620x184. Dokunulmuyor. */
@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;
 font-display:swap;src:url(font/oswald-ues.woff2) format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;
 font-display:swap;src:url(font/inter-ues.woff2) format('woff2')}
/* ⚠ YEDEK YUZ METRIKLERI 15.10'da DUZELTILDI — GERCEK BIR KUSURDU.
   Operator: "scroll yaptiktan ~3 saniye sonra azicik kayiyor".
   Olculdu (arac/kayma-olc.py, PerformanceObserver layout-shift):
     kayma 0,01352 — `.h-ic` 756 -> 727 px, sayfa 15.660 -> 15.234 px
     ve zamani font yuklenmesiyle AYNI an (854 ms / 859 ms).
   Sebep: `.h-lead` yedek yuzle IKI yerine UC satira sariyordu.

   Eski degerler olculen gercekle uyusmuyordu:
     size-adjust 107,4%  -> yedek, Inter'den %1,72 DAHA GENIS cikiyordu
                            (1148,75 px / 1129,36 px, ayni cumle 18 px'te)
     ascent-override 90%   -> Inter'in gercegi 1984/2048 = %96,9
     descent-override 22,4%-> Inter'in gercegi  494/2048 = %24,1
   Yeni size-adjust OLCULDU: Inter/Arial = 1129,36/1070,12 = %105,5.

   ⚠ Bu degerler Inter 4.001'e gore. Font yeniden uretilirse
     (arac/font-altkume.py) metrik kapisi surumu dogrular, ama
     size-adjust'i YENIDEN OLCMEK gerekir. */
@font-face{font-family:"Inter yedek";src:local("Arial");size-adjust:105.5%;
 ascent-override:96.9%;descent-override:24.1%;line-gap-override:0%}

/* Kose yaricapi SIFIR — atolye isi, SaaS kutusu degil (V4 ile ayni dil). */
*,a,button,span,div,section{border-radius:0}

html,body{background:var(--zwart)}
body{color:var(--kalk);
 font-family:Inter,"Inter yedek",system-ui,"Segoe UI",Arial,sans-serif;
 font-size:17px;line-height:27px;
 overflow-x:hidden}  /* 320 px'te yatay tasma olmaz */
h1{margin:0}
p{margin:0}
.kap{width:var(--kap);margin-inline:auto}

/* ==================================================== TAM EKRAN HERO
   Operator: "full screen hero istiyorum". 100vh ESKI tarayici icin,
   100dvh mobil tarayici cubugu icin — ikisi bu sirada yazilir, sonraki
   kural oncekini ezer ve dvh'yi bilmeyen tarayici vh'de kalir. */
.held{position:relative;overflow:hidden;background:var(--zwart);
 min-height:100vh;min-height:100dvh;
 display:flex;align-items:center}

/* --- KATMANLAR (bastan asagi: metin 4 · perde 3 · sahne 2 · foto 1) ---
   DOM sirasi: METIN ONCE. Olculdu (m1-stil.py): dekoratif katman metinden
   once gelince dugmenin tiklanabilir olmasi 4x CPU'da 2437 ms'ye cikiyordu.
   Gorunur sira z-index ile belirlendigi icin gorunum degismiyor. */
.h-ic{position:relative;z-index:4;width:var(--kap);margin-inline:auto;
 padding-block:clamp(72px,11vh,132px)}
.h-kol{max-width:min(620px,100%)}

/* --- 3B SAHNE: TAM KANAMA + COVER KIRPMASI ---
   `.h-doek` kirpar, `#hero-sahne` her zaman en az 16:9. Gerekce dosya
   basindaki aciklamada; tuvalin oranini renderer KAPSAYICIDAN okuyor
   (hero-contact.js: EN()=clientWidth, BOY()=clientHeight), yani kutu
   16:9 ise tuval de 16:9 olur ve gerilme/letterbox imkansizdir. */
.h-doek{position:absolute;inset:0;z-index:2;overflow:hidden;
 pointer-events:none}
#hero-sahne{position:absolute;top:50%;left:50%;
 width:max(100%,calc(100dvh * 16 / 9));
 height:max(100%,calc(100vw * 9 / 16));
 transform:translate(-50%,-50%);
 /* Sahnenin kendi pozlamasi (toneMappingExposure 1.0) hero-contact.js'in
    icinde ve disaridan degistirilemez; olculdu, DIS GORUNUS fazinda araba
    neredeyse gorunmuyordu. Parlaklik SUNUM katmaninda duzeltildi.
    ⚠ Kontrast hesabini BOZMAZ: en kotu halde zaten beyaz piksel
    varsayiliyor, parlatma beyazi beyazdan oteye tasiyamaz. */
 filter:brightness(1.18) contrast(1.04) saturate(1.06);
 opacity:0;transition:opacity 900ms cubic-bezier(.2,.6,.2,1)}
#hero-sahne[data-hazir]{opacity:1}
#hero-sahne canvas{display:block;width:100%;height:100%}

/* --- YEDEK FOTOGRAF: SAHNE YOKSA HERO BOS KALMAZ ---
   GERCEK fotograf (musterinin tezgahi). hero-sleutel.webp degil:
   o AI-GECICI isaretli. */
.h-foto{position:absolute;inset:0;z-index:1;overflow:hidden;
 pointer-events:none}
.h-foto img{width:100%;height:100%;object-fit:cover;
 object-position:62% 46%;
 filter:saturate(.82) contrast(1.06) brightness(.72);
 transition:opacity 900ms cubic-bezier(.2,.6,.2,1)}
/* Sahne hazir -> fotograf cekilir. Bayrak `.h-doek` uzerinde (sahnenin
   EBEVEYNI), fotograf DOM'da ONDAN SONRA geliyor; `~` boylece esler. */
.h-doek[data-sahne] ~ .h-foto img{opacity:0}
/* Sahne BEKLENIRKEN fotograf gorunmez — ilk karede parlamasin.
   Bayragi <head>'deki satir ici betik koyar ve 2 sn icinde sahne
   gelmezse ayni betik KALDIRIR. */
.sahne-bekleniyor .h-foto img{opacity:0}

/* --- PERDE: GRADYAN, DUZ YIKAMA DEGIL ---
   Metin solda; perde solda neredeyse opak, sagda sahne ciplak kaliyor.
   Alfalar OLCULEREK secildi (bkz. dosya basi): sol sutunun kutusu
   boyunca birlesik alfa >= .93, yani sahnenin en PARLAK pikselinde
   (farlar/gosterge) bile kalk/zemin orani 14:1 ustunde kaliyor.

   ⚠ ILK SURUM OLCULDU VE DUSTU: dikey katman ustte .72, altta .80 idi.
   Ekran goruntusune BAKILDI — sahne neredeyse hic gorunmuyordu, yani
   operatorun istedigi sey (arka planda calisan animasyon) perdenin
   altinda kayboluyordu. Dikey katman .58/.12 — .10/.60'a indirildi;
   yatay katmanin SOL yarisi oldugu gibi kaldi.
   Yatay gradyan 90deg: egik (94deg) gradyan ustte sola kayiyor ve
   yuksek-alfa sinirini metnin uzerinden cekiyordu. */
.h-perde{position:absolute;inset:0;z-index:3;pointer-events:none;
 background:
  linear-gradient(180deg,rgba(10,9,11,.50) 0%,rgba(10,9,11,.08) 20%,
   rgba(10,9,11,.06) 72%,rgba(10,9,11,.52) 100%),
  linear-gradient(90deg,rgba(10,9,11,.97) 0%,rgba(10,9,11,.94) 46%,
   rgba(10,9,11,.90) 54%,rgba(10,9,11,.34) 64%,
   rgba(10,9,11,.08) 76%,rgba(10,9,11,0) 88%)}

/* ------------------------------------------------------------- METIN */
.h-et{display:flex;align-items:center;gap:12px;
 font-family:var(--mono);font-size:12px;line-height:17px;
 letter-spacing:.2em;text-transform:uppercase;color:var(--messingl)}
.h-et::before{content:"";flex:0 0 34px;height:2px;background:var(--messing)}
@media (max-width:480px){.h-et-n{display:none}.h-et-y{display:block}}

h1{margin-top:20px;
 font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 font-size:clamp(34px,7.2vw,92px);line-height:1.0;letter-spacing:.012em;
 text-transform:uppercase}
h1 .h1b{display:block;color:var(--messingl)}

/* ⚠ `max-width` ARTIK `ch` DEGIL — 15.10'da olculerek degistirildi.
   Operator: "scroll yaptiktan ~3 saniye sonra azicik kayiyor".
   `ch` birimi "0" glifinin genisligidir, yani YUZE BAGLIDIR:
     Inter yuklu : 1ch = 11,36 px -> 50ch = 568 px -> lead 2 SATIR
     yedek (Arial): 1ch = 10,56 px -> 50ch = 528 px -> lead 3 SATIR
   Font gelince sutun 40 px genisliyor, paragraf bir satir kisaliyor,
   `.h-ic` 756 -> 727 px dusuyor ve TUM sayfa oynuyor (15.660 -> 15.234).
   PerformanceObserver kaymanin %93'unu bu ogeye bagladi.

   `font-display` ile cozulmedi — olculdu (sogguk onbellek, 200 ms ag):
     swap 0,01294 · block 0,01294 · fallback 0,01304 · optional 0,00000
   ama `optional` fontu TAMAMEN kaybediyor (sayfa Arial'de kaliyor).
   `block` da kurtarmiyor: metin gorunmezken bile yedek metriklerle
   yerlesiyor, font gelince yine akiyor.

   `em` font BOYUTUNA bagli, glif genisligine DEGIL — olcek niyeti
   korunur, yuze bagimlilik gider.

   ⚠ DEGER 31,6em DEGIL 33em. Birebir cevirme (568/18 = 31,6em) KUSURU
   COZMEDI — olculdu: paragraf 1129 px, sutun 569 px, yani TAM 1,98
   satir. 2/3 satir sinirinin ustunde duruyordu ve yuzler arasindaki
   1 PIKSELLIK fark onu deviriyordu. max-width taramasi (28-42em,
   iki yuzde de olculdu):
       28-31em -> ikisinde de 3 satir  (kararli)
       31,6em  -> Inter 2 / yedek 3    (SINIR — eski kusur)
       32-42em -> ikisinde de 2 satir  (kararli)
   33em secildi: 32em esigine bir tam em pay var. */
.h-lead{margin-top:22px;max-width:33em;font-size:18px;line-height:29px;
 color:var(--kalk)}

/* ----------------------------------------------------------- BUTONLAR */
.h-knop{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.knop{display:inline-flex;align-items:center;gap:10px;
 padding:16px 26px;text-decoration:none;
 font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 font-size:19px;line-height:24px;letter-spacing:.04em;
 text-transform:uppercase;border:2px solid transparent}
.knop .nr{font-family:var(--mono);font-size:17px;letter-spacing:.02em;
 text-transform:none}
/* 1. CTA — DOLU YUZEY. Kendi zeminini tasir, sahne arkasinda ne olursa
   olsun orani sabit: #ffffff / #e61202 = 4,72:1. */
.knop-1{background:var(--rood);border-color:var(--rood);color:#fff}
.knop-1:hover{background:var(--roodd);border-color:var(--roodd)}
/* 2. WhatsApp — YESIL DEGIL (odunc marka rengi yok). Neredeyse opak
   koyu zemin: perdenin .96 alfasiyla birlesince sahne buradan gecmez,
   yani metin orani sahneden BAGIMSIZ. */
.knop-2{background:rgba(10,9,11,.88);border-color:var(--kalk2);
 color:var(--kalk)}
.knop-2:hover{background:var(--inkt);border-color:var(--kalk)}

/* ODAK HALKASI — KOYU VE HAREKETLI ZEMIN UZERINDE GORUNUR OLMALI.
   Amber halkanin ALTINA her zaman koyu bir hale konuyor (box-shadow),
   boylece halka sahnenin parlak pikseline denk gelse bile kayboluyor
   degil: amber #f0a500 / #0a090b = 8,28:1. */
a:focus-visible,.knop:focus-visible{outline:3px solid var(--amber);
 outline-offset:3px;box-shadow:0 0 0 9px rgba(10,9,11,.92)}

/* --------------------------------------------------------- GUVEN SATIRI
   Ucu de DOGRULANMIS (icerik.GUVEN). Hicbiri hiz/garanti/puan sozu degil. */
/* 03.11 (operator, design shotgun A): cam panel, ikon, ince ayraclar.
   Operator: "yazilar tek satir olsun" -> masaustunde nowrap, panel metne gore genisler. */
.h-guven{display:grid;grid-template-columns:1fr;margin-top:38px;
 border:1px solid rgba(201,163,86,.28);border-radius:18px;
 background:rgba(255,255,255,.035);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
 box-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)}
.h-guven>div{display:flex;gap:11px;align-items:flex-start;padding:15px 18px;
 border-top:1px solid rgba(255,255,255,.08)}
.h-guven>div:first-child{border-top:0}
/* Operator 03.11: "guven seridi Autosleutel kwijt satiri kadar olsun".
   Sutun basliga buzulur (fit-content); serit inline-size kapsamiyla sutunu
   GENISLETMEZ, sutunun tamamini alir. Yazi cqw ile serit genisligine olceklenir:
   her masaustu boyunda tek satir. Olculdu, bkz. arac/guven-olc.py */
.h-guven .gv-ik{flex:none;width:21px;height:21px;margin-top:1px;color:var(--messingl)}
/* Yalniz masaustu (>=1000, sahneli duzen); tablet ve mobil alt alta kalir. */
@media (min-width:1000px){
 .h-kol{width:fit-content}
 /* olculdu 03.11: <=1366'da lead basliktan genisti ve sutunu cekiyordu (+30..+91 px) */
 .h-lead{contain:inline-size}
 .h-guven{width:100%;container-type:inline-size;grid-template-columns:repeat(3,auto)}
 .h-guven>div{font-size:clamp(10px,2.05cqw,15.5px);gap:.55em;padding:.9em .8em;
  border-top:0;border-left:1px solid rgba(255,255,255,.08)}
 .h-guven>div:first-child{border-left:0}
 .h-guven .gv-ik{width:1.35em;height:1.35em}
 .h-guven b,.h-guven span{white-space:nowrap}
 .h-guven b{font-size:1em!important;line-height:1.4!important}
 .h-guven span{font-size:.92em!important;line-height:1.4!important;margin-top:.2em}}
/* Olculdu 03.11: serit <640 px iken (1366 ve alti) ikonlu yazi 10,4 px'e iniyordu.
   Dar seritte ikon gizlenir, kazanilan yer yaziya gider. */
@container (max-width:640px){
 .h-guven .gv-ik{display:none}
 .h-guven>div{font-size:clamp(10px,2.4cqw,15.5px)}}
.h-guven p{margin:0}
/* 09.10 — ALT METINLER OKUNURLUK ICIN DEGISTI (operator).
   Bu baslik Oswald condensed, BUYUK HARF, 16 px idi. Sikisik bir yuz
   kucuk puntoda ve buyuk harfte okunurlugu dusurur: harfler darlasir,
   buyuk harfte ustu-altu cikinti kalmaz, goz kelime siluetini kaybeder.
   Tabela sesi BUYUK baslikta kaliyor; kucuk metin Inter'e gecti. */
.h-guven b{display:block;
 font-family:Inter,"Inter yedek",system-ui,"Segoe UI",Arial,sans-serif;
 font-weight:650;
 font-size:16px;line-height:23px;letter-spacing:.005em;
 color:var(--kalk)}
/* 14 -> 15,5 px ve rengi --kalk2 (#d8d2ca) yerine --kalk (#f2efeb):
   hareketli sahnenin ustunde 14 px soluk gri en zor okunan parcaydi. */
.h-guven span{display:block;margin-top:3px;font-size:15.5px;line-height:23px;
 color:var(--kalk2)}

/* ===================== 20.10.2026 (operator, PLAN #53): ILK EKRANA SIGAR
   "ilk ekranda en alttaki bosluga tasi markalari" + "herodaki yazilari ve
   butonlari biraz kucult". Olculdu: 1516x728'de serit 834-897 px (ekranin
   106 px ALTINDA), icerik ile serit arasi 149 px bos. Laptop ekranlarinin
   hepsinde (1366x657, 1440x789, 1536x730, 1280x649) ayni.
   Bosluklar ve baslik EKRAN YUKSEKLIGINE baglandi; yazilar/dugmeler kuculdu.
   Yalniz masaustu: mobilde sahne yok, kurallari asagida ayri. */
@media (min-width:1000px){
 .h-ic{padding-block:clamp(20px,5.5vh,132px)}
 /* 21.10 SEO H1 "Autosleutel kwijt": 80 px'te 620 px sutuna sigmayip 3 satira
    kiriliyordu (olculdu 1440/1680/1920). Sutun genisler; lead 33em, guven 600 px
    kendi sinirinda kalir. */
 .h-kol{max-width:min(740px,100%)}
 h1{margin-top:clamp(10px,2vh,18px);font-size:clamp(40px,min(6vw,9.6vh),80px)}
 .h-lead{margin-top:clamp(12px,2.4vh,20px);font-size:16.5px;line-height:26px}
 .h-knop{margin-top:clamp(16px,3vh,26px)}
 .h-knop .knop{padding:13px 22px;font-size:17px;line-height:22px}
 .h-knop .knop .nr{font-size:15.5px}
 .h-guven{margin-top:clamp(16px,3.2vh,34px)}
 .h-guven b{font-size:15px;line-height:21px}
 .h-guven span{font-size:14px;line-height:20px}
}
/* Mobil: icerik 814 px, ustte+altta 92'ser px dolgu (11vh) seridi ilk
   ekranin 127 px altina itiyordu (390x844, olculdu). */
@media (max-width:999px){
 .h-ic{padding-block:clamp(18px,3vh,40px)}
 h1{margin-top:14px}
 .h-lead{margin-top:14px;font-size:16px;line-height:25px}
 .h-knop{margin-top:20px;gap:10px}
 .h-knop .knop{padding:13px 18px;font-size:17px;line-height:22px}
 .h-knop .knop .nr{font-size:15px}
 .h-guven{margin-top:20px}
 .h-guven b{font-size:15px;line-height:21px}
 .h-guven span{font-size:14.5px;line-height:21px;margin-top:2px}
}

/* =================================== MOBIL: SAHNE YOK, FOTOGRAF TASIYOR
   hero-contact.js `max-width:999px` altinda `#hero-sahne`i KENDISI
   kaldiriyor (WebGL pil/isi maliyeti, kucuk ekranda kazanci yok).
   O yuzden perde burada DIKEY olur: metin fotografin uzerinde durur. */
@media (max-width:999px){
 .h-foto img{opacity:.62;filter:saturate(.86) contrast(1.04) brightness(.9);
  object-position:66% 62%}
 .h-perde{background:
   linear-gradient(180deg,rgba(10,9,11,.90) 0%,rgba(10,9,11,.84) 46%,
    rgba(10,9,11,.86) 74%,rgba(10,9,11,.93) 100%)}
 .h-lead{font-size:17px;line-height:27px}
 .knop{padding:15px 20px;font-size:18px}
 .knop .nr{font-size:16px}
}

/* ============== 04.11 MOBIL SAHNE (operator, maliyeti bilerek): SAHNE SERIDI
   Sahne `data-mobil` ile mobilde de calisir (hero-contact.js). Metin tam
   genislikte oldugu icin sahne metnin YANINA sigmaz; baslik altinda bir SERIT
   olur, metin seridin altindan baslar. Tuval kutusu seridin kendisi (16:9
   kirpmasi YOK); kadraji hero-contact.js `fovAyar` kutu oranina gore kurar.
   Afis fotografi ilk kare: three.js `load` + bos zamandan sonra iner, sahne
   hazir olana kadar ve WebGL yoksa fotograf seritte gorunur. Perde seridin
   ustunde acik, altinda metin icin koyu. `:has()` bilmeyen tarayici eski
   duzende kalir (fotograf + koyu perde). */
@media (max-width:999px){
 .held:has(#hero-sahne){--h-serit:clamp(190px,56vw,300px);align-items:flex-start}
 .held:has(#hero-sahne) .h-ic{padding-top:calc(var(--h-serit) - 18px)}
 .held:has(#hero-sahne) .h-doek{inset:auto 0 auto 0;top:var(--kop-h);height:var(--h-serit)}
 .held:has(#hero-sahne) #hero-sahne{top:0;left:0;width:100%;height:100%;transform:none}
 .held:has(#hero-sahne) .h-foto img{opacity:.8;object-position:62% 40%}
 /* ustteki kural genel `.h-doek[data-sahne] ~ .h-foto img{opacity:0}`dan guclu;
    sahne hazir olunca afis burada da cekilir (olculdu: aksi halde .8'de kaliyordu) */
 .held:has(#hero-sahne) .h-doek[data-sahne] ~ .h-foto img{opacity:0}
 .held:has(#hero-sahne) .h-perde{background:
   linear-gradient(180deg,rgba(10,9,11,.55) 0,rgba(10,9,11,0) calc(var(--kop-h) + 28px),
    rgba(10,9,11,0) calc(var(--kop-h) + var(--h-serit) * .58),
    rgba(10,9,11,.92) calc(var(--kop-h) + var(--h-serit) - 6px),
    rgba(10,9,11,.90) 74%,rgba(10,9,11,.94) 100%)}
}
@media (max-width:360px){
 .knop{width:100%;justify-content:center;padding:15px 12px;font-size:17px}
 .knop .nr{font-size:15px}
}

/* ALT SERIT (.band) 19.10.2026'da KALDIRILDI — operator karari, PLAN #31.
   Adres · saat · KvK artik altbilgide; hero altinda tekrar ediyordu. */

/* ================================================ UST BASLIK (HEADER)
   19.10.2026, operator: "kendi brand yapimiz ile logo ve nav header ve
   call button ekle". AI maket yonlerinin HICBIRI alinmadi (PLAN #37).
   · Logo: musterinin GERCEK logosu (logo-negatif.webp, altbilgidekiyle ayni)
   · T4 (Eylul): zemin hero ile ayni, ayirici CIZGI YOK. Sabit (fixed):
     panikteki ziyaretci kaydirinca da telefonu kaybetmez.
   · BEL dugmesi hero'daki 1. CTA'nin AYNI rengi/fontu — ama `.knop`
     DEGIL: 360 px altinda `.knop` tam genislige yayiliyor. */
:root{--kop-h:76px}
.kop{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--kop-h);
 background:rgba(10,9,11,.86);
 -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.kop-ic{height:100%;display:flex;align-items:center;gap:28px}
/* Bag kutusu >=44 px (dokunma hedefi; kapi 19.10'da 42/36 px yakaladi),
   gorunen logo boyu degismez. */
.kop-logo{flex:none;display:flex;align-items:center;min-height:44px;text-decoration:none;
 line-height:0}
.kop-logo img{display:block;width:auto;height:42px}
.kop-nav{flex:1;display:flex;justify-content:center}
.kop-nav ul,.kop-panel ul{list-style:none;margin:0;padding:0}
.kop-nav ul{display:flex;gap:4px}
/* 03.11: 7. baglanti (Situaties) eklenince BEL dugmesi kenar cizgisinin 85 px disina
   itildi (olculdu 1440). Dolgu 14 -> 9 px, harf araligi .18 -> .14em. */
.kop-nav a{display:flex;align-items:center;min-height:44px;padding:0 9px;
 font-family:var(--mono);font-size:12px;line-height:17px;
 letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
 color:var(--kalk2)}
.kop-nav a:hover,.kop-nav a:focus-visible{color:var(--messingl)}
/* 03.11 olculdu: 1024'te BEL dugmesi 70 px disaridaydi. */
@media (max-width:1180px){.kop-nav a{padding:0 6px;letter-spacing:.08em}.kop-ic{gap:16px}}
.kop-bel{flex:none;display:inline-flex;align-items:center;gap:10px;
 min-height:46px;padding:0 20px;text-decoration:none;
 background:var(--rood);color:#fff;
 font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 font-size:17px;line-height:22px;letter-spacing:.04em;text-transform:uppercase}
.kop-bel:hover{background:var(--roodd)}
.kop-bel .nr{font-family:var(--mono);font-size:15px;letter-spacing:.02em;
 text-transform:none}
.kop-bel svg{width:17px;height:17px;fill:currentColor;flex:none}
/* Mobil menu: <details> — JS'siz acilir; baglantiya basinca kapatan
   tek satir betik govdenin sonunda (calismazsa menu acik kalir, bozulmaz). */
.kop-menu{display:none}
.kop-menu summary{list-style:none;cursor:pointer;display:flex;
 align-items:center;justify-content:center;width:46px;height:46px;
 border:1px solid rgba(201,163,86,.42);color:var(--messingl)}
.kop-menu summary::-webkit-details-marker{display:none}
.kop-menu summary svg{width:20px;height:20px;stroke:currentColor;
 stroke-width:1.8;fill:none}
.kop-panel{position:absolute;top:var(--kop-h);left:0;right:0;
 background:var(--zwart);border-top:0;
 padding:8px 0 18px}
/* `gap` SART: flex, metnin sonundaki boslugu yutuyor — ilk surumde
   "WHATSAPP06 397 20 397" bitisik cikti (19.10 ekran goruntusunde). */
.kop-panel a{display:flex;align-items:center;gap:.7em;min-height:52px;
 width:var(--kap);margin-inline:auto;
 font-family:var(--mono);font-size:14px;letter-spacing:.16em;
 text-transform:uppercase;text-decoration:none;color:var(--kalk);
 border-bottom:0;margin-block:4px;padding-inline:14px;border-radius:10px;background:rgba(255,255,255,.035)}  /* 04.11 operator: cizgi yok, dolu blok */
.kop-panel a.kop-wa{color:var(--messingl);border-bottom:0}
/* Sabit baslik hero icerigini ortmesin; capaya gidince bolum basligi
   baslik altinda kalmasin. */
.held{padding-top:var(--kop-h)}
section[id],main [id]{scroll-margin-top:var(--kop-h)}
@media (max-width:999px){
 :root{--kop-h:64px}
 .kop-ic{gap:12px}
 .kop-nav{display:none}
 .kop-logo img{height:36px}
 .kop-bel{margin-left:auto;min-height:46px;padding:0 16px;font-size:16px}
 .kop-menu{display:block}
}
/* 03.11 ACILIR MENU (operator): Diensten / Situaties altinda yayindaki sayfalar.
   Masaustu: fare ustunde, odak icerde ya da ok dugmesiyle (.acik) acilir. */
.kop-dd{position:relative;display:flex;align-items:center}
.kop-dd-ok{display:inline-grid;place-items:center;margin-left:5px}
.kop-dd-ok svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;
 stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.kop-dd:hover .kop-dd-ok svg,.kop-dd:focus-within .kop-dd-ok svg{transform:rotate(180deg)}
.kop-dd-p{display:none;position:absolute;top:100%;left:-8px;z-index:70;
 width:min(560px,90vw);max-height:min(70vh,560px);overflow:auto;padding:12px;
 background:#141216;border:1px solid rgba(201,163,86,.28);border-top:3px solid var(--messing);
 border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.kop-dd:hover .kop-dd-p,.kop-dd:focus-within .kop-dd-p{display:block}
.kop-dd-p ul{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.kop-nav .kop-dd-p a{min-height:40px;padding:8px 12px;border-radius:8px;
 font-family:Inter,"Inter yedek",system-ui,"Segoe UI",Arial,sans-serif;font-size:14px;
 line-height:1.35;letter-spacing:0;text-transform:none;color:var(--kalk)}
.kop-nav .kop-dd-p a:hover,.kop-nav .kop-dd-p a:focus-visible{background:rgba(201,163,86,.1);color:var(--messingl)}
.kop-nav .kop-dd-p a.kop-dd-al{margin-top:8px;border-top:1px solid rgba(201,163,86,.16);
 border-radius:0;color:var(--messingl);font-weight:600}
/* Mobil: gruplar <details>; uzun liste panel icinde kayar */
.kop-panel{max-height:calc(100dvh - var(--kop-h));overflow:auto}
.kop-gr summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;
 width:var(--kap);margin-inline:auto;cursor:pointer;list-style:none;
 font-family:var(--mono);font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--kalk);
 border-bottom:0;margin-block:4px;padding-inline:14px;border-radius:10px;background:rgba(255,255,255,.035)}  /* 04.11 operator: cizgi yok, dolu blok */
.kop-gr summary::-webkit-details-marker{display:none}
.kop-gr summary::after{content:"+";font-size:20px;color:var(--messingl);letter-spacing:0}
.kop-gr details[open] summary::after{content:"\2212"}
.kop-panel .kop-gr ul a{font-family:Inter,"Inter yedek",system-ui,sans-serif;font-size:15px;
 letter-spacing:0;text-transform:none;color:var(--kalk2);padding-left:14px;min-height:48px}
.kop-panel .kop-gr ul a.kop-gr-al{color:var(--messingl);font-weight:600}
/* Dar ekranda numara gizlenir, "Bel" + simge kalir; numara hero'da ve
   paneldeki baglantida zaten acik. */
@media (max-width:440px){
 .kop-bel .nr{display:none}
}
/* ===== 04.11 ACILIR MENU D1 (operator secti): genis koyu panel, iki sutun
   (ikon · baslik · tek satir aciklama · fiyat) + sagda iletisim paneli.
   Sinif `.kop-mm` (eski `.kop-dd-p` DEGIL): v2_bolum.css'in .kop-dd-p kurallari
   (nowrap tum baglantilar, 820 px genislik) bu panele dokunmasin.
   Ince ayirici cizgi YOK: ayrim dolu bloklarla. Alti cizili metin YOK.
   Kapanis gecikmesi CSS'le: gorunurluk .26 s gec kapanir, fare geri donerse acik kalir. */
.kop-sprite{position:absolute;width:0;height:0;overflow:hidden}
.kop-mm{display:none}
@media (min-width:1000px){
 .kop-ic{position:relative}
 .kop-nav .kop-dd{position:static}
 .kop-nav .kop-mm{display:grid;grid-template-columns:minmax(0,1fr) 256px;
  position:absolute;top:100%;left:0;right:0;z-index:70;
  max-height:calc(100vh - var(--kop-h) - 12px);max-height:calc(100dvh - var(--kop-h) - 12px);
  overflow:auto;overscroll-behavior:contain;
  background:#141114;border-top:3px solid #c9a356;border-radius:0 0 14px 14px;
  box-shadow:0 28px 70px rgba(0,0,0,.65);
  visibility:hidden;opacity:0;transform:translateY(-6px);
  transition:opacity .16s ease .1s,transform .16s ease .1s,visibility 0s linear .26s}
 .kop-nav .kop-dd:hover > .kop-mm,.kop-nav .kop-dd:focus-within > .kop-mm{
  visibility:visible;opacity:1;transform:none;z-index:71;
  transition:opacity .14s ease,transform .14s ease,visibility 0s}
 /* 04.11 ux kapisi 100: odak menuden cikinca panel 0,26 sn acik kaliyor ve odaklanan ogeyi ortuyordu.
    Gecikme yalniz fare menu alanindayken (capraz gecis); fare disaridaysa ANINDA kapanir. */
 .kop:not(:hover) .kop-nav .kop-dd:not(:focus-within) > .kop-mm{transition:none}  /* 04.11: .kop-nav degil .kop: link-panel arasi bosluk nav disinda kaliyordu, menu yavas farede kapaniyordu */
 /* hover koprusu: baglantidan panele inen fare aradaki boslukta kapatmasin */
 .kop-nav .kop-mm::before{content:"";position:absolute;left:0;right:0;top:-40px;height:40px}
 .kop-mm-hoofd{min-width:0;padding:14px 14px 16px 16px}
 .kop-mm-kop{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:4px 4px 10px 6px}
 .kop-mm-titel{margin:0;font:500 22px/1 Oswald,"Arial Narrow",Inter,sans-serif;
  letter-spacing:.06em;text-transform:uppercase;color:#f2efeb}
 .kop-nav .kop-mm a{text-decoration:none;text-transform:none;letter-spacing:0}
 .kop-nav .kop-mm a.kop-mm-al{display:inline-flex;align-items:center;gap:8px;min-height:44px;
  padding:0 14px;border-radius:8px;background:rgba(201,163,86,.1);
  font:600 13px/1 Inter,"Inter yedek",system-ui,sans-serif;letter-spacing:.04em;color:#e8cf99}
 .kop-nav .kop-mm a.kop-mm-al:hover,.kop-nav .kop-mm a.kop-mm-al:focus-visible{background:rgba(201,163,86,.2)}
 .kop-mm-al svg{width:16px;height:16px;fill:currentColor}
 .kop-nav .kop-mm ul.kop-mm-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}
 .kop-nav .kop-mm .kop-mm-l li{display:block;min-width:0}
 .kop-nav .kop-mm .kop-mm-l a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;
  grid-template-areas:"ic n n" "ic r p";column-gap:12px;row-gap:3px;align-items:start;
  min-height:44px;padding:9px 10px;border-radius:10px;
  font:400 13px/18px Inter,"Inter yedek",system-ui,sans-serif;color:#cfc8bf}
 .kop-nav .kop-mm .kop-mm-l a:hover,.kop-nav .kop-mm .kop-mm-l a:focus-visible{background:rgba(201,163,86,.1)}
 .kop-nav .kop-mm a:focus-visible{outline:3px solid #f0a500;outline-offset:-3px}
 .kop-mm-ic{grid-area:ic;display:grid;place-items:center;width:38px;height:38px;border-radius:9px;
  background:rgba(201,163,86,.12)}
 .kop-mm-ic svg{width:21px;height:21px;fill:#c9a356}
 .kop-mm-l a:hover .kop-mm-ic,.kop-mm-l a:focus-visible .kop-mm-ic{background:rgba(201,163,86,.22)}
 .kop-mm-n{grid-area:n;min-width:0;white-space:nowrap;font-weight:600;font-size:14.5px;line-height:19px;
  color:#f2efeb;hyphens:none}
 .kop-nav .kop-mm .kop-mm-l a:hover .kop-mm-n{color:#e8cf99}
 .kop-mm-r{grid-area:r;min-width:0;color:#a59c90}
 .kop-mm-p{grid-area:p;align-self:start;white-space:nowrap;font:600 12.5px/18px Inter,"Inter yedek",system-ui,sans-serif;
  color:#e8cf99}
 .kop-mm-zij{display:grid;align-content:start;gap:10px;padding:22px 20px;background:#1d1815;
  border-radius:0 0 14px 0}
 .kop-mm-zij-h{margin:0 0 4px;font:500 17px/1.2 Oswald,"Arial Narrow",Inter,sans-serif;
  letter-spacing:.05em;text-transform:uppercase;color:#f2efeb}
 .kop-nav .kop-mm .kop-mm-zij a{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;
  border-radius:10px;font:600 14.5px/1.2 Inter,"Inter yedek",system-ui,sans-serif}
 .kop-nav .kop-mm a.kop-mm-bel{background:#e61202;color:#fff}
 .kop-nav .kop-mm a.kop-mm-bel:hover{background:#c40f02;color:#fff}
 .kop-nav .kop-mm a.kop-mm-wa{background:rgba(201,163,86,.14);color:#e8cf99}
 .kop-nav .kop-mm a.kop-mm-wa:hover{background:rgba(201,163,86,.24)}
 .kop-mm-zij a svg{width:18px;height:18px;flex:none}
 .kop-mm-bel svg{fill:currentColor}
 .kop-mm-wa svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
 .kop-mm-feit{margin:8px 0 0;display:grid;gap:12px}
 .kop-mm-feit div{display:grid;gap:3px}
 .kop-mm-feit dt{font:600 11.5px/1.2 Inter,"Inter yedek",system-ui,sans-serif;letter-spacing:.14em;
  text-transform:uppercase;color:#c9a356}
 .kop-mm-feit dd{margin:0;font-size:13.5px;line-height:20px;color:#f2efeb}
 .kop-mm-u{display:block}
 .kop-mm-foto{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px}
 .kop-mm-zij{align-content:start}
 /* 04.11 operator: "dropdown cok buyuk, kucult" -> panel 860px ve ortali, satirlar siki, aciklama tek satir */
 .kop-nav .kop-mm{left:0;right:0;margin-inline:auto;width:min(860px,100%);grid-template-columns:minmax(0,1fr)}
 .kop-nav .kop-mm .kop-mm-l li.kop-mm-doldur a{display:flex;align-items:center;justify-content:space-between;background:rgba(201,163,86,.1);color:#e8cf99}
 .kop-nav .kop-mm .kop-mm-l li.kop-mm-doldur a:hover,.kop-nav .kop-mm .kop-mm-l li.kop-mm-doldur a:focus-visible{background:rgba(201,163,86,.2)}
 .kop-mm-doldur .kop-mm-n{color:#e8cf99}
 .kop-mm-doldur svg{width:16px;height:16px;fill:currentColor;flex:none}
 .kop-mm-hoofd{padding:10px 10px 12px 12px}
 .kop-mm-kop{padding:2px 4px 6px 6px}
 .kop-mm-titel{font-size:18px}
 .kop-nav .kop-mm a.kop-mm-al{min-height:36px;padding:0 12px;font-size:12px}
 .kop-nav .kop-mm ul.kop-mm-l{gap:2px 6px}
 .kop-nav .kop-mm .kop-mm-l a{grid-template-columns:30px minmax(0,1fr) auto;column-gap:10px;row-gap:1px;padding:6px 8px;font-size:12px;line-height:16px}
 .kop-mm-ic{width:30px;height:30px;border-radius:8px}
 .kop-mm-ic svg{width:17px;height:17px}
 .kop-mm-n{font-size:13.5px;line-height:18px}
 .kop-mm-r{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .kop-mm-p{font-size:11.5px;line-height:16px}
 .kop-mm-zij{gap:8px;padding:14px 14px}
 .kop-mm-zij-h{font-size:15px}
 .kop-nav .kop-mm .kop-mm-zij a{min-height:40px;padding:0 12px;font-size:13px}
 .kop-mm-feit{gap:8px}
 .kop-mm-feit dd{font-size:12.5px;line-height:18px}
}
/* 1000-1279: yan panel alta, tek dolu serit; iki sutun tam genislik alir */
@media (min-width:1000px) and (max-width:1279px){
 .kop-mm-foto{display:none}
 .kop-nav .kop-mm{grid-template-columns:minmax(0,1fr)}
 .kop-mm-hoofd{padding:8px 12px 6px 14px}
 .kop-mm-kop{padding:2px 4px 6px 6px}
 .kop-nav .kop-mm ul.kop-mm-l{row-gap:2px}
 .kop-nav .kop-mm .kop-mm-l a{padding:7px 10px;row-gap:2px}
 .kop-mm-n{font-size:14px}
 .kop-mm-r{line-height:17px}
 /* serit iki satir: (baslik · Bel · WhatsApp) / (Werkplaats · Open, tek satir) */
 .kop-mm-zij{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 16px 12px;
  border-radius:0 0 14px 14px}
 .kop-mm-zij-h{margin:0;flex:0 1 auto;font-size:16px}
 .kop-nav .kop-mm .kop-mm-zij a{min-height:44px}
 .kop-mm-feit{flex:1 0 100%;margin:0;display:flex;flex-wrap:wrap;gap:4px 28px}
 .kop-mm-feit div{display:flex;align-items:baseline;gap:10px}
 .kop-mm-feit dd{font-size:13px;line-height:18px}
 .kop-mm-u{display:inline}
 .kop-mm-u + .kop-mm-u::before{content:"\00b7";margin:0 6px;color:#c9a356}
}
@media (prefers-reduced-motion:reduce){
 .kop-nav .kop-mm{transform:none!important}
}

/* ================================ HERO ALTI KAYAN MARKA SERIDI
   Operator 09.10: "heroda altta tum araba markalari orjinal logolari
   ile koy, scrolling olarak".
   Logolar resmi vektor (simple-icons, CC0). Dosyalar diskte, CDN yok. */
.m-sprite{position:absolute;width:0;height:0;overflow:hidden}

.m-serit{position:absolute;left:0;right:0;bottom:0;z-index:5;
 /* Perde (z 3) ve sahnenin (z 2) ustunde, metinle (z 4) ayni duzlemde. */
 overflow:hidden}

/* Kaydirici: tasma GIZLI, yoksa sayfa yatay kayar. */
.m-sar{overflow:hidden}

.m-yol{display:flex;width:max-content;will-change:transform}
.m-ic{display:flex;align-items:center;flex:none}

.m-oge{display:inline-flex;align-items:center;flex:none;
 white-space:nowrap}

/* `fill:currentColor` SART: Simple Icons path'lerinde fill niteligi yok,
   satir ici olduklari icin sayfanin rengini alirlar. <img> olsaydi
   renk CSS'ten DEGISTIRILEMEZDI — sprite bu yuzden satir ici. */
.m-amblem{flex:none;fill:currentColor}

.m-ad{font-family:var(--mono);text-transform:uppercase;
 letter-spacing:.1em;white-space:nowrap}

/* Resmi logosu olmayan marka: kelime-logo.
   ⚠ OLCULDU 09.10 (ekran goruntusune BAKILARAK): ilk surumde bu dort
   marka seridin EN GUR ogeleriydi — 15 px duz yazi, 27 px soluk
   amblemin yaninda. Yani resmi vektoru OLMAYAN dort marka en gorunur
   olanlar olmustu. Punto ve renk amblemlerin agirligina cekildi;
   harf araligi da buyutulmuyor (sismeye yol aciyordu). */
.m-yazi .m-ad{letter-spacing:.1em;font-weight:500}

/* ---- kenar erimesi: serit ekran kenarinda kesilmesin ---- */
.m-sar{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,
 #000 93%,transparent 100%);
 mask-image:linear-gradient(90deg,transparent 0,#000 7%,
 #000 93%,transparent 100%)}

/* ---- Duraklat dugmesi 19.10.2026'da KALDIRILDI (operator, PLAN #36).
   WCAG 2.2.2 riski bilerek kabul edildi. reduced-motion'da serit
   zaten hic kaymaz (asagida). ---- */

/* ---- Y-12: "resmi bayi" imasini kesen cumle. KALKMAZ. ---- */
.m-not{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;
 width:var(--kap);margin-inline:auto;
 font-family:var(--mono);font-size:11px;line-height:17px;
 letter-spacing:.08em;color:var(--kalk2);opacity:.78}
.m-etiket{text-transform:uppercase;letter-spacing:.2em;
 color:var(--messingl)}

/* ---- KAYMA ---- */
@media (prefers-reduced-motion:no-preference){
 .m-yol-0{animation:mKay var(--m-hiz,54s) linear infinite}
 .m-yol-1{animation:mKayTers var(--m-hiz,54s) linear infinite}
 @keyframes mKay{from{transform:translate3d(0,0,0)}
                 to{transform:translate3d(-50%,0,0)}}
 @keyframes mKayTers{from{transform:translate3d(-50%,0,0)}
                     to{transform:translate3d(0,0,0)}}
}

/* ---- reduced-motion: HIC KAYMAZ ----
   ⚠ `animation-name:none` SART. ortak.py'deki TABAN_CSS bu kipte
   `animation-duration:.01ms !important` yaziyor; yalniz ona guvenirsek
   animasyon ANINDA SONUNA atlar ve serit -50% kaymis DONAR. Adi
   kaldirmak animasyonu hic baslatmaz. */
@media (prefers-reduced-motion:reduce){
 .m-yol{animation-name:none;width:100%;flex-wrap:wrap}
 .m-ic{flex-wrap:wrap}
 .m-ic[aria-hidden]{display:none}
 .m-yol-1{display:none}
 .m-sar{-webkit-mask-image:none;mask-image:none}
 .m-serit{position:static}
}

/* ---- MOBIL ---- */
@media (max-width:999px){
 /* Sag dolgu (58 px) yalniz duraklat dugmesi icindi; dugme 19.10'da
    kalkti, dolgu da kalkti. */
 .m-not{font-size:10px;letter-spacing:.06em}
}

.m-B{--m-hiz:72s;background:rgba(10,9,11,.72);
 border-top:1px solid rgba(201,163,86,.34)}
.m-B .m-ic{gap:0;padding-inline:0}
.m-B .m-oge{gap:11px;padding:0 26px;min-height:62px;
 border-right:1px solid rgba(201,163,86,.17);color:var(--kalk2)}
.m-B .m-amblem{width:21px;height:21px;color:var(--messingl)}
.m-B .m-ad{font-size:11.5px}
/* amblemsiz hucre digerlerinden gur olmasin: ayni punto, ayni renk */
.m-B .m-yazi .m-ad{font-size:11.5px;color:var(--kalk2)}
.m-B .m-not{padding-block:11px;
 border-top:1px solid rgba(201,163,86,.17)}

.held{padding-bottom:64px}

/* ======================================================= BOLUM KABUGU
   14 bolumun ortak ritmi. Ajanlar bu siniflari KULLANIR, yazmaz. */
.bl{padding-block:clamp(64px,9vh,104px);
 border-top:1px solid rgba(201,163,86,.17)}
.bl:nth-of-type(even){background:var(--inkt)}

/* Mono etiket — bolumun ne oldugunu bir bakista soyler. */
.bl-et{display:flex;align-items:center;gap:12px;margin:0;
 font-family:var(--mono);font-size:12px;line-height:17px;
 letter-spacing:.2em;text-transform:uppercase;color:var(--messingl)}
.bl-et::before{content:"";flex:0 0 34px;height:2px;background:var(--messing)}

/* Bolum basligi — hero'nun 92 px'inin altinda kalir, hiyerarsi korunur. */
.bl-h2{margin:18px 0 0;max-width:22ch;
 font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 font-size:clamp(28px,4.4vw,48px);line-height:1.04;letter-spacing:.01em;
 text-transform:uppercase;color:var(--kalk)}

.bl-alt{margin:18px 0 0;max-width:62ch;
 font-size:18px;line-height:29px;color:var(--kalk2)}

/* Baslik bloguyla icerik arasindaki tek bosluk olcusu. */
.bl-ic{margin-top:clamp(28px,4vh,44px)}

@media (max-width:999px){
 .bl{padding-block:clamp(48px,7vh,72px)}
 .bl-alt{font-size:17px;line-height:27px}
}

/* =====================================================================
   SITUATIE · PRIJSINDICATIE · PRIJZEN
   Bu uc bolumun ORTAK parcalari `.bl-bt-` on ekini tasir (b_triyaj),
   bolume ozel olanlar `.bl-<id>-`. Kabuk siniflari burada TANIMLANMAZ.
   ===================================================================== */

/* Sektor ikonu — tek cizgi kalinligi, dolgu yok. */
.bl-bt-ik{width:26px;height:26px;flex:0 0 26px;fill:none;
 stroke:var(--messing);stroke-width:1.6;
 stroke-linecap:square;stroke-linejoin:miter}

/* Mono sira numarasi — atolye kunyesi dili. */
.bl-bt-no{display:block;font-family:var(--mono);font-size:12px;
 line-height:16px;letter-spacing:.18em;color:var(--messingl)}

/* Dugmeler — v5 hero'sunun .knop'u MERKEZDE DEGIL, bu yuzden kopya degil
   KENDI sinifim. Olculer ayni ailede: dolu kirmizi + koyu ikincil. */
.bl-bt-knop{display:inline-flex;align-items:center;gap:10px;
 padding:15px 24px;min-height:52px;text-decoration:none;
 font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 font-size:18px;line-height:22px;letter-spacing:.04em;
 text-transform:uppercase;border:2px solid transparent}
.bl-bt-knop .nr{font-family:var(--mono);font-size:16px;letter-spacing:.02em;
 text-transform:none}
.bl-bt-knop1{background:var(--rood);border-color:var(--rood);color:#fff}
.bl-bt-knop1:hover{background:var(--roodd);border-color:var(--roodd)}
.bl-bt-knop2{background:rgba(10,9,11,.88);border-color:var(--kalk2);
 color:var(--kalk)}
.bl-bt-knop2:hover{background:var(--inkt);border-color:var(--kalk)}
/* Odak: v5 `a:focus-visible` kuralini tasiyor; <summary> ONA DAHIL DEGIL. */
summary:focus-visible{outline:3px solid var(--amber);outline-offset:-3px}

/* Ic bag — bu partide yalniz #prijzen. CUMLE ICINDE DEGIL, tek basina
   duruyor; o yuzden metin bagi degil KUNYE ETIKETI bicimi aldi.
   ⚠ OLCULDU (390 px): duz metin bagi olarak yuksekligi 19 px ve 27 px
   cikti — SOZLESME 9'un 44 px dokunma hedefinin ALTINDA. Dolgu eklendi,
   yeniden olculdu: 46 px. */
.bl-bt-bag{display:inline-block;padding:12px 14px;min-height:44px;
 border:1px solid rgba(201,163,86,.42);color:var(--messingl);
 text-decoration:none;
 font-family:var(--mono);font-size:13px;line-height:20px;
 letter-spacing:.12em;text-transform:uppercase}
.bl-bt-bag:hover{background:rgba(201,163,86,.08);
 border-color:var(--messing)}

/* ================================================= 1. SITUATIE (triyaj)
   Kil cizgi izgarasi: 1 px bos birakilan bronz zemin, hucreler ustunde.
   Kart DOLGUSU yok — bolum zemini (tek sayi #0a090b / cift #1b1714)
   oldugu gibi goruluyor, yani kart iki zeminde de ayni okunurlukta. */
.bl-situatie-net{display:grid;grid-template-columns:repeat(2,1fr);
 gap:1px;background:rgba(201,163,86,.17);
 border:1px solid rgba(201,163,86,.17)}
.bl-situatie-k{background:var(--zwart);min-width:0}
.bl:nth-of-type(even) .bl-situatie-k{background:var(--inkt)}

.bl-situatie-k>summary{display:grid;
 grid-template-columns:26px minmax(0,1fr) 22px;gap:16px;align-items:center;
 padding:20px;min-height:44px;cursor:pointer;list-style:none}
.bl-situatie-k>summary::-webkit-details-marker{display:none}
.bl-situatie-k>summary:hover{background:rgba(201,163,86,.06)}
.bl-situatie-k b{display:block;margin-top:6px;
 font-weight:650;font-size:17px;line-height:24px;color:var(--kalk)}
.bl-situatie-k summary>span>span:last-child{display:block;margin-top:2px;
 font-size:15px;line-height:22px;color:var(--kalk2)}

/* Arti isareti — acilinca carpiya doner. Hareket yalniz transform. */
.bl-situatie-pm{position:relative;width:22px;height:22px;
 transition:transform 220ms cubic-bezier(.2,.6,.2,1)}
.bl-situatie-pm::before,.bl-situatie-pm::after{content:"";position:absolute;
 background:var(--messing)}
.bl-situatie-pm::before{left:0;top:10px;width:22px;height:2px}
.bl-situatie-pm::after{left:10px;top:0;width:2px;height:22px}
.bl-situatie-k[open] .bl-situatie-pm{transform:rotate(45deg)}
@media (prefers-reduced-motion:reduce){
 .bl-situatie-pm{transition:none;animation-name:none}
}

.bl-situatie-ac{padding:0 20px 20px 62px;
 border-top:1px dashed rgba(201,163,86,.34);margin-top:0}
.bl-situatie-ac>*{margin-top:14px}
.bl-situatie-sat{display:flex;flex-wrap:wrap;gap:4px 14px;
 align-items:baseline;font-size:15px;line-height:23px;color:var(--kalk2)}
.bl-situatie-sat b{display:inline;margin:0;font-size:16px;color:var(--kalk)}
.bl-situatie-sat .nr{font-family:var(--mono);font-size:14px;
 color:var(--messingl)}
.bl-situatie-ac p{font-size:15px;line-height:23px;color:var(--kalk2)}

/* Eylem bandi — kart basina CTA tekrarlamak yerine izgaranin altinda BIR
   kez. Dort kartin dordunde de ayni iki numara olurdu. */
.bl-situatie-eylem{display:flex;flex-wrap:wrap;align-items:center;
 gap:16px 22px;margin-top:26px;padding-top:24px;
 border-top:1px solid rgba(201,163,86,.42)}
.bl-situatie-eylem b{flex:1 1 280px;min-width:0;
 font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 font-size:21px;line-height:28px;letter-spacing:.01em;
 text-transform:uppercase;color:var(--kalk)}

@media (max-width:760px){
 .bl-situatie-net{grid-template-columns:1fr}
 .bl-situatie-ac{padding-left:20px}
}
@media (max-width:360px){
 .bl-situatie-k>summary{grid-template-columns:22px minmax(0,1fr) 18px;
  gap:12px;padding:16px}
 .bl-bt-ik{width:22px;height:22px;flex-basis:22px}
 .bl-situatie-pm{width:18px;height:18px}
 .bl-situatie-pm::before{top:8px;width:18px}
 .bl-situatie-pm::after{left:8px;height:18px}
 .bl-situatie-ac{padding:0 16px 16px}
 .bl-bt-knop{width:100%;justify-content:center;padding:14px 12px;
  font-size:17px}
}

/* ============================================== 2. PRIJSINDICATIE
   Fiyatin NEDEN araba basina degistigi: dort etken + sayisal kanit.
   Kabugun <em>'si — vurgu RENKLE, egik yaziyla degil (b_werk ile ayni
   karar: Oswald dar yuzde egik kesim okunurlugu dusuruyor). */
#prijsindicatie .bl-h2 em{font-style:normal;color:var(--messingl)}

.bl-prijsindicatie-net{display:grid;grid-template-columns:repeat(4,1fr);
 gap:1px;background:rgba(201,163,86,.17);
 border-top:1px solid rgba(201,163,86,.17);
 border-bottom:1px solid rgba(201,163,86,.17)}
.bl-prijsindicatie-h{display:flex;flex-direction:column;align-items:start;
 background:var(--zwart);padding:24px 22px;min-width:0}
.bl:nth-of-type(even) .bl-prijsindicatie-h{background:var(--inkt)}
.bl-prijsindicatie-h .bl-bt-ik{margin-top:14px}
.bl-prijsindicatie-h h3{margin:12px 0 0;
 font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 font-size:20px;line-height:26px;letter-spacing:.01em;
 text-transform:uppercase;color:var(--kalk)}
.bl-prijsindicatie-h p{margin-top:10px;font-size:15.5px;line-height:24px;
 color:var(--kalk2)}
/* Cevabi baska bolumun mali olan etken: bag asagiya yaslanir ki dort
   kart ayni hizada bitsin. */
.bl-prijsindicatie-h .bl-bt-bag{margin-top:auto;padding-top:18px}

/* SAYISAL KANIT — iki satir yalniz anahtar turunde ayriliyor, aralik
   iki katina cikiyor. Bolumun tezini sayfanin KENDI rakami gosteriyor. */
.bl-prijsindicatie-sprong{display:grid;grid-template-columns:1fr auto 1fr;
 gap:0;align-items:stretch;margin-top:26px;
 border:1px solid rgba(201,163,86,.42)}
.bl-prijsindicatie-sp{padding:22px 24px;min-width:0}
.bl-prijsindicatie-sp b{display:block;margin-top:10px;max-width:26ch;
 font-weight:650;font-size:16px;line-height:23px;color:var(--kalk)}
.bl-prijsindicatie-sp .bl-prijsindicatie-bedrag{display:block;
 margin-top:12px;
 font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 font-size:26px;line-height:30px;letter-spacing:.01em;color:var(--kalk)}
.bl-prijsindicatie-sp:last-of-type .bl-prijsindicatie-bedrag{
 color:var(--messingl)}
.bl-prijsindicatie-ok{display:flex;align-items:center;padding:0 10px;
 border-inline:1px solid rgba(201,163,86,.42)}
.bl-prijsindicatie-ok svg{width:26px;height:26px;fill:none;
 stroke:var(--messing);stroke-width:1.6;stroke-linecap:square}
.bl-prijsindicatie-alt{display:flex;flex-wrap:wrap;align-items:center;
 gap:14px;margin-top:20px}

@media (max-width:1080px){
 .bl-prijsindicatie-net{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
 .bl-prijsindicatie-net{grid-template-columns:1fr}
 .bl-prijsindicatie-sprong{grid-template-columns:1fr}
 .bl-prijsindicatie-ok{justify-content:center;padding:4px 0;
  border-inline:0;border-block:1px solid rgba(201,163,86,.42)}
 .bl-prijsindicatie-ok svg{transform:rotate(90deg)}
}
@media (max-width:360px){
 .bl-prijsindicatie-h{padding:20px 16px}
 .bl-prijsindicatie-sp{padding:18px 16px}
}
@media (prefers-reduced-motion:reduce){
 .bl-prijsindicatie-ok svg{animation-name:none}
}

/* ====================================================== 3. PRIJZEN
   Olcu rayi: her satirin bedeli 0 - PRIJS_MAKS arasinda nerede duruyor.
   Dort satir — tablo "tum fiyatlar" demiyor, alt cumle bunu soyluyor. */
.bl-prijzen-t{border-bottom:1px solid rgba(201,163,86,.17)}
/* ⚠ 4. SUTUN 128 -> 180 px (11.10). Musteri sekiz fiyat daha verince
   en uzun sure metni "een halve of hele dag" oldu; olculdu: 172 px.
   128 px'lik sutuna sigmiyordu, 18 px'lik sutun araligini yiyor ve
   fiyata 8 px kala duruyordu (diger satirlarda bosluk 67-121 px).
   `auto` KULLANILAMAZ: her satir KENDI izgarasi, auto olunca sutunlar
   satirlar arasi hizasini kaybeder. Sabit genislik sart. */
.bl-prijzen-r{display:grid;
 grid-template-columns:34px 26px minmax(0,1fr) 0 150px;   /* 19.10: sure sutunu kalkti */
 gap:8px 18px;align-items:center;padding:20px 0 18px;
 border-top:1px solid rgba(201,163,86,.17)}
.bl-prijzen-r .bl-prijzen-ad{grid-column:3;margin:0;font-weight:650;
 font-size:17px;line-height:24px;color:var(--kalk)}
.bl-prijzen-tijd{grid-column:4;font-family:var(--mono);font-size:14px;
 line-height:20px;color:var(--kalk2)}
.bl-prijzen-bedrag{grid-column:5;justify-self:end;text-align:right;
 font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 font-size:26px;line-height:30px;letter-spacing:.01em;color:var(--kalk)}
.bl-prijzen-ray{grid-column:1/-1;position:relative;height:6px;
 margin-top:4px;background:rgba(242,239,235,.07)}
.bl-prijzen-ray i{position:absolute;top:0;height:6px;min-width:4px;
 background:var(--messing)}
.bl-prijzen-r.one{border-left:3px solid var(--messing);padding-left:15px}
.bl-prijzen-r.one .bl-prijzen-bedrag{color:var(--messingl)}
.bl-prijzen-eksen{display:flex;justify-content:space-between;
 margin-top:12px;font-family:var(--mono);font-size:12px;line-height:18px;
 letter-spacing:.12em;color:var(--kalk2)}

/* KDV — `ic.PRIJS_NOT_KDV_DOGRULANMADI` True oldugu surece YER TUTUCU.
   "incl. btw" YAZILMAZ: musteri teyit etmeden olgu gibi duramaz. */
/* Elektronik grubu — fiyat araligi degil, fiyatlandirma modeli.
   Tablodan GORSEL OLARAK ayri durmali: ziyaretci bunu bir satir
   zannetmemeli. Bronz kil cizgi + ic dolgu. */
.bl-prijzen-ond{margin-top:30px;padding:22px 24px;
 border:1px solid rgba(201,163,86,.34);background:rgba(242,239,235,.03)}
.bl-prijzen-ond-h{margin:0 0 12px;
 font-family:var(--mono);font-size:12px;line-height:17px;
 letter-spacing:.2em;text-transform:uppercase;color:var(--messingl)}
.bl-prijzen-ond p{margin:0 0 10px;max-width:64ch;
 font-size:16px;line-height:26px;color:var(--kalk2)}
.bl-prijzen-ond p:last-child{margin-bottom:0}
.bl-prijzen-ond-vw{color:var(--kalk) !important;font-weight:600}
@media (max-width:999px){
 .bl-prijzen-ond{padding:18px 16px}
 .bl-prijzen-ond p{font-size:15px;line-height:24px}
}
.bl-prijzen-voorrij{margin-top:14px;max-width:62ch;
 font-size:15px;line-height:24px;color:var(--kalk2)}
.bl-prijzen-btw{margin-top:18px;font-family:var(--mono);font-size:13px;
 line-height:20px;letter-spacing:.1em;color:var(--kalk2)}
.bl-prijzen-btw .ph{color:var(--messingl);
 border-bottom:1px dashed var(--messing)}

@media (max-width:860px){
 .bl-prijzen-r{grid-template-columns:34px 26px minmax(0,1fr);
  gap:6px 14px;padding:18px 0 16px}
 .bl-prijzen-r .bl-prijzen-ad{grid-column:3}
 .bl-prijzen-tijd{grid-column:3;grid-row:2}
 .bl-prijzen-bedrag{grid-column:1/-1;grid-row:3;justify-self:start;
  text-align:left;margin-top:4px}
}
@media (max-width:360px){
 .bl-prijzen-r{grid-template-columns:28px 22px minmax(0,1fr);gap:6px 10px}
 .bl-prijzen-bedrag{font-size:23px;line-height:27px}
 .bl-prijzen-r.one{padding-left:11px}
}

/* ===== 21.10 #prijzen alt: TEZGAH KARTI (operator A). Kaynak _zengin-A ===== */
.pr-ok{margin-top:clamp(22px,3vh,32px);display:grid;background:#151210;border-top:3px solid var(--messing);
 box-shadow:0 18px 40px rgba(0,0,0,.4)}
.pr-ok-foto{margin:0;aspect-ratio:16/10;overflow:hidden;background:#0a090b}
.pr-ok-foto img{width:100%;height:100%;object-fit:cover;display:block}
.pr-ok-ic{padding:clamp(18px,3vw,40px);min-width:0}
.pr-ok-kop{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 20px}
#prijzen .pr-ok-kop .bl-prijzen-ond-h{margin:0;font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 font-size:clamp(28px,3vw,38px);line-height:1;letter-spacing:.04em;text-transform:uppercase;color:var(--kalk)}
.pr-ok-getal,.pr-karo-getal{margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.pr-ok-gem{font:600 12.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--messing)}
.pr-ok-bedrag{font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;font-size:clamp(56px,6.4vw,84px);
 line-height:.9;color:var(--messingl);font-variant-numeric:tabular-nums;white-space:nowrap}
.pr-ok-bedrag .nr{font:inherit;letter-spacing:inherit}
#prijzen .pr-ok-in{margin:18px 0 0;font-size:16px;line-height:26px;color:var(--kalk2)}
.pr-stap{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.pr-stap li{position:relative;display:grid;gap:6px;align-content:start;background:#221c17;padding:14px 16px;min-height:76px}
.pr-stap li:first-child{background:rgba(201,163,86,.16)}
.pr-stap li:not(:last-child)::after{content:"";position:absolute;z-index:1;background:var(--messing);
 left:24px;bottom:-12px;width:22px;height:12px;clip-path:polygon(0 0,100% 0,50% 100%)}
.pr-stap-n{width:28px;height:28px;display:grid;place-items:center;background:var(--messing);color:#0a090b;font:700 14px/1 var(--mono)}
.pr-stap-t{font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:500;font-size:19px;line-height:1.2;color:var(--kalk)}
.pr-ok-tekst{margin-top:20px}
#prijzen .pr-ok-tekst p{margin:0 0 10px;font-size:15.5px;line-height:25px;color:var(--kalk2)}
#prijzen .pr-ok-tekst p.pr-ok-vw{margin:16px 0 0;color:var(--kalk);font-weight:600;padding:12px 14px;
 background:rgba(230,18,2,.10);box-shadow:inset 3px 0 0 var(--rood)}
.pr-waar{display:grid;gap:14px;margin-top:14px}
.pr-karo{background:#1b1714;display:flex;flex-direction:column;min-width:0}
.pr-karo-foto{margin:0;height:132px;overflow:hidden;background:#0a090b}
.pr-karo-foto img{width:100%;height:100%;object-fit:cover;display:block}
.pr-karo-t{padding:clamp(18px,2.4vw,26px)}
#prijzen .pr-karo h3{margin:0;font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;font-size:24px;
 line-height:1.15;color:var(--kalk);letter-spacing:.02em}
#prijzen .pr-karo-t>p:not(.pr-karo-getal){margin:10px 0 0;font-size:15.5px;line-height:25px;color:var(--kalk2)}
.pr-karo-tp{background:linear-gradient(160deg,#241d16,#151210);border-top:3px solid var(--messing)}
.pr-karo-wp{border-top:3px solid var(--messing)}
.pr-karo-getal{align-items:flex-start;margin:14px 0 4px}
.pr-karo-getal .pr-ok-bedrag{font-size:clamp(52px,5vw,68px)}
@media (min-width:700px){
 .pr-stap{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pr-stap li:not(:last-child)::after{left:auto;bottom:auto;right:-13px;top:50%;margin-top:-11px;width:12px;height:22px;
  clip-path:polygon(0 0,100% 50%,0 100%)}
}
@media (min-width:800px){.pr-waar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){
 .pr-ok{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
 .pr-ok-foto{aspect-ratio:auto;height:100%;min-height:360px}
}

/* ================================================ UC BOLUMUN ORTAK DILI
   Kabugun <em> ve <b>'si icin. icerik.py'den gelen metinler bu iki
   etiketi tasiyor; vurgu RENKLE verilir, egik yaziyla degil (Oswald
   dar yuzde egik kesim okunurlugu dusuruyordu — v5'te olculdu). */
#diensten h2 em,#werkwijze h2 em,#sleutel h2 em{
 font-style:normal;color:var(--messingl)}
#diensten b,#werkwijze b,#sleutel b{color:var(--kalk);font-weight:650}

/* Her bolumde ayni olcu: ad 19/26 Inter 650, govde 16,5/26 --kalk2.
   font-family YAZILMADI (SOZLESME §4) — baslik yuzu merkezden gelir.

   ⚠ `.bl-ic` SECICIDE ZORUNLU — OLCULDU VE DUSTU.
   Ilk surum `#diensten p{font-size:16.5px}` yaziyordu. `#id p` = (1,0,1),
   kabugun `.bl-et` ve `.bl-alt` kurallari = (0,1,0); yani ID KURALI
   KABUGU EZIYORDU. Chromium'da olculdu: mono bolum etiketi 12 px yerine
   16,5 px ve --messingl yerine --kalk2 cikti, alt cumle 18/29 yerine
   16,5/26 oldu. Hicbir hata yok — SOZLESME §3'un yasakladigi sey
   (kabugu degistirmek) SESSIZCE olmustu.
   Kabugun bas blogu `.bl-ic`in DISINDA duruyor, bu yuzden secici
   `.bl-ic` ile sinirlandi: artik kabuga hic dokunmuyor. */
#diensten .bl-ic h3,#werkwijze .bl-ic h3,#sleutel .bl-ic h3{
 margin:0;font-size:19px;line-height:26px;font-weight:650;
 letter-spacing:.004em;color:var(--kalk)}
#diensten .bl-ic p,#werkwijze .bl-ic p,#sleutel .bl-ic p{
 font-size:16.5px;line-height:26px;color:var(--kalk2)}

/* Fotograf cercevesi — uc bolumde ayni. */
#diensten figure,#werkwijze figure,#sleutel figure{margin:0;
 border:1px solid rgba(201,163,86,.17);background:var(--zwart)}
#diensten figure img,#werkwijze figure img,#sleutel figure img{
 width:100%;height:auto;filter:saturate(.92) contrast(1.04)}

/* ======================================================= 1. #diensten */
/* 22.10: eski #diensten tez/net CSS cikarildi (sayfa C Dashboard kullaniyor,
   .bl-diensten-tez/-net hicbir yerde yoktu). Tam eski hali:
   UES-PROJE-ARSIV/20261022/tasarim/uretici/saas/b_werk.py.diensten-tez-net-tam */
/* Mono sira numarasi — hizmetin kacinci oldugunu soyler, iddia tasimaz. */
.bl-diensten-no,.bl-werkwijze-no,.bl-sleutel-no{
 font-family:var(--mono);font-size:12px;line-height:17px;
 letter-spacing:.18em;color:var(--messingl)}

.bl-sleutel-eylem{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 0}

/* ATOLYE SERIDI — tezgahin kendi fotografi, bolumun sonunda.
   Alti kalem metin; serit onlari YERE baglar. */
.bl-diensten-serit{margin-top:clamp(24px,3.4vh,40px)}

/* ====================================================== 2. #werkwijze */
.bl-werkwijze-net{display:grid;grid-template-columns:1fr;
 gap:clamp(26px,3.4vw,44px)}
@media (min-width:1000px){
 .bl-werkwijze-net{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  align-items:start}
}

/* DORT ADIM. 420 px altinda numara metnin USTUNE gecer: yan yana
   kalirsa 320 px'te metin sutunu ~23 karaktere duser ve
   "chassisnummer" kelime ortasindan kirilir (bolum-werkwijze.py'de
   ayni kusur 25.09'da olculmustu). */
.bl-werkwijze-adim{display:grid;grid-template-columns:1fr;gap:4px;
 padding-block:clamp(20px,2.6vh,28px);
 border-bottom:1px solid rgba(201,163,86,.17)}
.bl-werkwijze-adim:first-child{border-top:1px solid rgba(201,163,86,.17)}
@media (min-width:460px){
 .bl-werkwijze-adim{grid-template-columns:52px minmax(0,1fr);
  column-gap:18px;align-items:start}
 .bl-werkwijze-adim .bl-werkwijze-no{grid-row:span 4;padding-top:5px}
}
#werkwijze .bl-ic .bl-werkwijze-adim p{margin-top:8px;max-width:52ch}

/* MIKRO NOT — basligin SOYLEMEDIGI somut ayrinti. Kenar cizgisiyle VE
   daha kucuk puntoyla govdeden ayrilir ki ikinci bir paragraf gibi
   okunmasin. Punto farki gorunsun diye secici taban kuralin uzerinde. */
#werkwijze .bl-ic p.bl-werkwijze-not{margin-top:12px;padding-left:12px;
 max-width:52ch;border-left:2px solid var(--messing);
 font-size:15px;line-height:23px;color:var(--kalk2);
 /* ⚠ TIRELEME KAPALI — 320 px'te OLCULDU: ucuncu adimin notu
    "Werkplaats: Betuwehaven 31, Nieuwegein." ve ortak TABAN_CSS'in
    `hyphens:auto` kurali yer adini "Nieu-wegein" diye kirdi. Ayni
    CSS'in kendi yorumu "DEGERLERDE asla: adres, tarih, numara
    bolunmez" diyor; kural notlarin HEPSINDE kapatildi cunku
    dogrulanmis deger (adres, saat) yalniz bu notlarda geciyor.
    Tasma riski yok: notlardaki en uzun kelime 14 karakter (320
    px'te ~105 px) ve TABAN_CSS'in `overflow-wrap:break-word`u
    son emniyet olarak duruyor — olculdu, 320'de tasma 0. */
 hyphens:manual;-webkit-hyphens:manual}

/* TEK BASINA DURAN BAG — dokunma hedefi 44 px (SOZLESME §9).
   ⚠ `justify-self:start` SART. Izgara ogesi olan bir `inline-flex`
   BLOKLASIR (CSS Grid kurali) ve sutunu doldurur; olculdu: alt cizgi
   "Wat wij doen" yazisindan 610 px daha uzuyor ve satir ayiricisi gibi
   gorunuyordu. */
.bl-werkwijze-bag{display:inline-flex;justify-self:start;
 align-items:center;gap:8px;min-height:44px;margin-top:6px;
 text-decoration:none;font-size:15px;line-height:22px;
 color:var(--messingl);font-weight:650}  /* 20.10: alt cizgi kalkti (operator) */
.bl-werkwijze-bag::after{content:"\2192"}
/* CUMLE ICINDEKI BAG — 44 px DAYATILMAZ. WCAG 2.5.8 metin akisi icindeki
   hedefi acikca muaf tutar; `min-height` burada satir kutusunu buyutup
   paragrafin ritmini bozuyordu (ekran goruntusunde olculdu). */
.bl-sleutel-bel{display:inline;text-decoration:none;color:var(--messingl);font-weight:650}
/* 20.10 operator: "alti cizili yazi kalmasin" — border-bottom de cizgidir.
   Bag pirinc + kalin (WCAG 1.4.1: yalniz renk degil). */
.bl-werkwijze-bag:hover,.bl-sleutel-bel:hover{color:var(--kalk)}

/* YAN PANEL: ziyaretci ne getirecek. Uc kalem + dolabin fotografi.
   Yapiskanlik YALNIZ iki sutunlu duzende — tek sutuna duserken
   yapisan panel altindaki metni ortuyor (bolum-sleutel.py'de 27.09'da
   390 px'te olculmus kusur; ayni hata burada tekrarlanmaz). */
.bl-werkwijze-yan{padding:clamp(16px,2vw,22px);
 border:1px solid rgba(201,163,86,.34)}
@media (min-width:1000px){
 .bl-werkwijze-yan{position:sticky;top:28px}
}
/* Panel basligi mono etiket — kabugun `.bl-et`iyle ayni ses, ama kabuk
   sinifini KULLANMIYOR (o bolum basligina ait). */
#werkwijze .bl-ic .bl-werkwijze-yan>p{margin:0 0 16px;
 font-family:var(--mono);font-size:12px;line-height:17px;
 letter-spacing:.2em;text-transform:uppercase;color:var(--messingl)}
.bl-werkwijze-lijst{list-style:none;margin:0;padding:0;
 display:grid;gap:14px}
.bl-werkwijze-lijst li{padding-top:14px;
 border-top:1px solid rgba(201,163,86,.17)}
/* ⚠ COCUK BIRLESTIRICI `>` SART — OLCULDU VE DUSTU.
   Ilk surum `.bl-werkwijze-lijst span` yaziyordu. Ucuncu kalemin metni
   icerik.py'de `ma&#8211;vr <span class="nr">09:00&#8211;17:00</span>`
   seklinde geliyor; o IC span da secicimle eslesti, `display:block`
   oldu ve saat kendi satirina DUSTU — ustelik 15 px/--kalk2 oldu,
   yani saat yaninda durdugu gunden farkli gorundu. Simdi yalniz
   <li>'nin DOGRUDAN cocuklari hedefleniyor. */
.bl-werkwijze-lijst li>b{display:block;font-size:16.5px;line-height:24px;
 font-weight:650;color:var(--kalk)}
.bl-werkwijze-lijst li>span{display:block;margin-top:3px;
 font-size:15px;line-height:22px;color:var(--kalk2)}
/* 20.10: `#werkwijze figure{margin:0}` (id) bu kurali EZIYORDU — saat satiri
   fotografa yapisikti (ekran goruntusu). Secici id ile guclendirildi. */
#werkwijze .bl-werkwijze-yan figure{margin-top:18px}

/* ======================================================== 3. #sleutel */
/* Sayfanin EN UZUN bolumu. Duvar olmamasi icin uc sey yapiliyor:
     1. yedi katman CIZGIYLE ayrilir, blok halinde akmaz
     2. fotograf sutunu masaustunde YAPISIR — goz sabit bir seye donuyor
     3. her katmanin metni 46ch'te durur, satir uzamaz
   Katman adlari bolum-sleutel.py'de dogrulanmis GENEL parca adlari;
   marka, model, frekans ya da protokol adi YOK. */
.bl-sleutel-net{display:grid;grid-template-columns:1fr;
 gap:clamp(26px,3.4vw,44px)}
@media (min-width:1000px){
 .bl-sleutel-net{grid-template-columns:minmax(0,420px) minmax(0,1fr);
  align-items:start}
}
.bl-sleutel-beeld{display:grid;gap:14px}
@media (min-width:1000px){
 .bl-sleutel-beeld{position:sticky;top:28px}
}
@media (min-width:560px) and (max-width:999px){
 .bl-sleutel-beeld{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.bl-sleutel-lijst{display:grid;grid-template-columns:1fr;
 border-top:1px solid rgba(201,163,86,.17)}
.bl-sleutel-lijst>div{display:grid;grid-template-columns:1fr;gap:4px;
 padding-block:clamp(16px,2.1vh,22px);
 border-bottom:1px solid rgba(201,163,86,.17)}
@media (min-width:460px){
 .bl-sleutel-lijst>div{grid-template-columns:46px minmax(0,1fr);
  column-gap:16px;align-items:start}
 .bl-sleutel-lijst .bl-sleutel-no{grid-row:span 2;padding-top:5px}
}
#sleutel .bl-ic .bl-sleutel-lijst p{margin-top:6px;max-width:46ch}

/* KAPANIS — yedi katmanin NE ISE yaradigini soyler ve eylemle baglar.
   Paragraf bolum-sleutel.py'den geliyor; icindeki `#afspraak` bagi bu
   partide olmadigi icin `tel:`e cevrildi (SOZLESME §7). */
.bl-sleutel-son{margin-top:clamp(24px,3.4vh,40px);
 padding:clamp(18px,2.4vw,28px);
 border:1px solid rgba(201,163,86,.34)}
#sleutel .bl-ic .bl-sleutel-son p{max-width:66ch;
 font-size:17px;line-height:28px;color:var(--kalk)}

/* ============================================================== MOBIL
   320 px'te yatay tasma = kusur (SOZLESME §10). Burada:
     · butun izgaralar tek sutuna duser (yukaridaki kirilimlar)
     · hicbir yuzeyin sabit genisligi yok, hepsi minmax(0,...)
     · 400 px altinda panel dolgusu kalkar: 320 px'te dolgulu panelin
       icinde metin sutunu 24 karakterin ALTINA dusuyordu */
@media (max-width:400px){
 .bl-sleutel-son{padding:14px}
 .bl-werkwijze-yan{padding:14px}
 #sleutel .bl-ic .bl-sleutel-son p{font-size:16.5px;line-height:26px}
}

/* ===== 21.10.2026 (operator: "oksuz ve basit" -> C DASHBOARD secildi) =====
   Gosterge paneli: her hizmet dolu, isikli bir lamba; kontak silindiri
   0/I/II/III gruplari. Cizgisel degil, kose 0. Kaynak maket _zengin-C. */
.dn-sprite{position:absolute;width:0;height:0;overflow:hidden}
.dn-paneel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);
 margin-top:clamp(26px,3.6vh,40px);
 background:linear-gradient(180deg,#18151a 0%,#0e0d10 100%);
 box-shadow:inset 0 1px 0 rgba(232,207,153,.10),0 0 0 1px rgba(201,163,86,.18),0 40px 80px -40px rgba(0,0,0,.85);
 --dn-licht:#f6d797;--dn-gloed:rgba(240,190,90,.55)}
.dn-links{display:flex;flex-direction:column;min-width:0;background:#0b0a0c}
.dn-fotos{flex:1 1 auto;display:flex;flex-direction:column;gap:3px;min-height:0;background:#050506}
#diensten .dn-foto{margin:0;position:relative;overflow:hidden;min-height:0}
#diensten .dn-foto--1{flex:none;aspect-ratio:1/1}
#diensten .dn-foto--2{flex:1 1 auto;min-height:200px}
#diensten .dn-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#diensten .dn-foto--2 img{object-position:40% 38%}
.dn-foto::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(180deg,rgba(10,9,11,0) 62%,rgba(10,9,11,.85) 100%)}
.dn-kontak{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;
 padding:18px 22px 22px;background:linear-gradient(180deg,#141216,#0d0c0f)}
.dn-cil{width:112px;height:auto;display:block;max-width:none}
.dn-standen{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.dn-standen a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px 0 0;
 color:var(--kalk);text-decoration:none;background:rgba(255,255,255,.02);
 font:500 17px/1 Oswald,"Arial Narrow",Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.dn-standen a:hover{background:rgba(232,207,153,.08);color:var(--messingl)}
.dn-standen a:focus-visible,.dn-knop:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.dn-stand{flex:none;width:48px;min-height:48px;display:grid;place-items:center;
 background:linear-gradient(180deg,#2a2420,#15120f);color:var(--messingl);
 box-shadow:inset 0 0 0 1px rgba(201,163,86,.38),inset 0 -6px 10px rgba(0,0,0,.5);
 font:600 14px/1 var(--mono);letter-spacing:.04em}
.dn-klok{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;
 padding:26px;align-content:start;min-width:0}
.dn-kolom{display:grid;gap:18px;align-content:start;min-width:0}
.dn-groep{padding:16px 16px 18px;min-width:0;scroll-margin-top:96px;
 background:linear-gradient(180deg,#1c181d 0%,#141216 100%);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),inset 0 14px 26px -18px rgba(0,0,0,.95)}
.dn-groep--el{--dn-licht:#ffb52e;--dn-gloed:rgba(240,165,0,.55)}
.dn-g-kop{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.dn-g-kop .dn-stand{width:40px;min-height:40px;font-size:13px}
#diensten .bl-ic .dn-g-kop h3{margin:0;font:500 22px/1.1 Oswald,"Arial Narrow",Inter,sans-serif;
 letter-spacing:.07em;text-transform:uppercase;color:var(--kalk)}
.dn-lijst{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.dn-r{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;
 min-height:62px;padding:7px 12px 7px 7px;background:rgba(255,255,255,.028)}
.dn-r--lead{background:linear-gradient(90deg,rgba(232,207,153,.10),rgba(232,207,153,.03))}
#diensten .bl-ic .dn-r h4{margin:0;font:600 15.5px/1.3 Inter,"Inter yedek",system-ui,sans-serif;color:var(--kalk)}
#diensten .bl-ic .dn-r--lead h4{font-size:16.5px}
#diensten .bl-ic .dn-r p{margin:4px 0 0;font-size:14.5px;line-height:21px;color:var(--kalk2);max-width:46ch}
.dn-sub{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.dn-sub li{font:500 12.5px/1 var(--mono);letter-spacing:.04em;color:#ffd38a;
 padding:7px 9px;background:rgba(240,165,0,.10);box-shadow:inset 0 0 0 1px rgba(240,165,0,.28)}
.dn-voet{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-top:2px}
#diensten .dn-bag{color:var(--kalk);text-decoration:none}
#diensten .dn-bag::after{content:"\2192";margin-left:8px;color:var(--messingl)}
#diensten .dn-bag:hover{color:var(--messingl)}
#diensten .dn-bag:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.dn-knop{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 20px;
 color:var(--messingl);text-decoration:none;background:rgba(201,163,86,.06);
 box-shadow:inset 0 0 0 1px rgba(201,163,86,.55);
 font:600 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.dn-knop:hover{background:rgba(201,163,86,.16)}
.dn-knop svg{width:16px;height:16px;fill:currentColor}
.dn-lamp{width:48px;height:48px;display:grid;place-items:center;flex:none;
 background:radial-gradient(90% 90% at 50% 45%,rgba(255,200,110,.10) 0%,#120f0d 55%,#070608 100%);
 box-shadow:inset 0 0 0 1px rgba(0,0,0,.85),inset 0 3px 7px rgba(0,0,0,.95),0 0 0 1px rgba(201,163,86,.16)}
.dn-groep--el .dn-lamp{background:radial-gradient(90% 90% at 50% 45%,rgba(255,170,40,.16) 0%,#140e07 55%,#070608 100%)}
.dn-lamp svg{width:28px;height:28px;display:block;max-width:none;fill:var(--dn-licht);
 filter:drop-shadow(0 0 3px var(--dn-gloed)) drop-shadow(0 0 9px var(--dn-gloed))}
/* lamba testi: panel ekrana girince lambalar sirayla yanar; tek seferlik.
   JS yoksa ya da reduced-motion'da lambalar bastan yanik. */
.dn-wacht .dn-lamp svg{opacity:.13;filter:none}
.dn-wacht.dn-in .dn-lamp svg{opacity:1;filter:drop-shadow(0 0 3px var(--dn-gloed)) drop-shadow(0 0 9px var(--dn-gloed));
 animation:dn-aan .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 55ms)}
@keyframes dn-aan{0%{opacity:.13;filter:none}55%{opacity:1}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.dn-wacht .dn-lamp svg{opacity:1;animation:none}}
@media (max-width:900px){
 .dn-paneel{grid-template-columns:1fr}
 .dn-fotos{flex-direction:row}
 #diensten .dn-foto--1,#diensten .dn-foto--2{flex:1 1 0;aspect-ratio:1/1;min-height:0}
 .dn-klok{grid-template-columns:1fr;padding:14px;gap:14px}
 .dn-kolom{gap:14px}
}
@media (max-width:720px){
 .dn-kontak{grid-template-columns:88px minmax(0,1fr);gap:14px;padding:14px}
 .dn-cil{width:88px}
 .dn-groep{padding:12px 10px 14px}
 .dn-r{gap:12px;padding:7px 10px 7px 7px}
 .dn-voet{justify-content:stretch}
 .dn-knop{width:100%;justify-content:center}
}

/* ================================================ GUVEN BLOGU — ORTAK */
.bl-guven-vurgu{color:var(--messingl)}
.bl-guven-ikon{flex:none;width:22px;height:22px;
 fill:none;stroke:var(--messing);stroke-width:1.6;
 stroke-linecap:square;stroke-linejoin:miter}
/* Kart dolgusuz: bolum zemini --zwart da --inkt de olabilir. */
.bl-guven-kart{border:1px solid rgba(201,163,86,.17);background:none;
 padding:clamp(16px,2.4vw,22px)}
/* 20.10 operator: "alti cizili yazi kalmasin". Bag ikonlu eylem satirinda
    duruyor; pirinc renk + kalinlik ikinci isaret (WCAG 1.4.1 yalniz renk degil). */
.bl-guven-bag{color:var(--messingl);text-decoration:none;font-weight:650;
 /* Dokunma hedefi >=44 px: satir ici bag kendi yuksekligini alir, bu
    yuzden dikey dolgu veriliyor. */
 display:inline-block;padding-block:11px}
.bl-guven-bag:hover{color:var(--kalk)}
.bl-guven-h3{margin:0;
 font-family:var(--mono);font-size:12px;line-height:17px;
 letter-spacing:.2em;text-transform:uppercase;color:var(--messingl)}

/* ============================================= 1. #beoordelingen */
.bl-be-kat{display:grid;grid-template-columns:1fr;
 gap:clamp(28px,4vw,56px)}
@media (min-width:880px){
 .bl-be-kat{grid-template-columns:auto minmax(0,1fr);
  gap:clamp(40px,6vw,88px);align-items:start}
}

/* --- puan kutusu --- */
.bl-be-cijfer{padding-left:16px;border-left:3px solid var(--messing)}
.bl-be-nr{display:flex;align-items:baseline;gap:12px;
 font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 font-size:clamp(48px,8vw,74px);line-height:.92;letter-spacing:.005em;
 color:var(--kalk);font-variant-numeric:tabular-nums}

/* --- PAYDA GORUNUR ---
   Yildiz dizisi kuruldu, olculdu ve kaldirildi (gerekce YILDIZ_OLCUM
   blogunda). Puanin "besin kaci" oldugunu artik rakamin kendisi
   soyluyor; hicbir grafik yorum araya girmiyor. */
.bl-be-pay{font-family:var(--mono);font-weight:400;
 font-size:clamp(17px,2.4vw,22px);line-height:1;letter-spacing:.04em;
 color:var(--kalk2)}

.bl-be-uit{margin-top:14px;font-size:16px;line-height:24px;
 color:var(--kalk);max-width:24ch}
.bl-be-datum{margin-top:10px;
 font-family:var(--mono);font-size:12px;line-height:19px;
 letter-spacing:.06em;color:var(--kalk2);max-width:34ch}

/* --- Google'in kendi konu etiketleri ---
   Cubuk/yuzde YOK. Olculen sey "o etiketi tasiyan yorum sayisi"; cubuk
   onu 207'nin bir orani gibi gosterirdi. Sayi oldugu gibi duruyor. */
.bl-be-konu{display:grid;gap:0}
/* 1440 px'te olculdu: sutun 600 px'e cikinca etiket ile sayi arasinda
   ~450 px bosluk kaliyordu ve goz ikisini eslestiremiyordu. 46ch sinir
   projede zaten kullanilan olcu (bolum-yorum.puan-kaynak). */
/* 20.10: sutun boslugu satir cizgisini IKIYE BOLUYORDU (ekran goruntusunde
   sayinin ustunde kopuk kisa cizgi). Bosluk artik dd'nin ic dolgusu. */
.bl-be-konu dl{display:grid;grid-template-columns:minmax(0,1fr) auto;
 gap:0;margin:14px 0 0;max-width:46ch}
.bl-be-konu dd{padding-left:18px}
.bl-be-konu dt,.bl-be-konu dd{margin:0;padding-block:13px;
 border-top:1px solid rgba(201,163,86,.17)}
.bl-be-konu dt{font-size:16px;line-height:24px;color:var(--kalk)}
.bl-be-konu dd{font-family:var(--mono);font-size:15px;line-height:24px;
 color:var(--messingl);font-variant-numeric:tabular-nums;text-align:right}

/* --- yorum kartlari --- */
.bl-be-kaart{display:grid;grid-template-columns:1fr;gap:16px;
 margin-top:clamp(28px,4vh,44px)}
@media (min-width:880px){
 .bl-be-kaart{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.bl-be-kaart figure{margin:0;display:flex;flex-direction:column;gap:14px}
.bl-be-kaart blockquote{margin:0;font-size:17px;line-height:27px;
 color:var(--kalk)}
.bl-be-kaart blockquote::before{content:"\201C";color:var(--messing);
 margin-right:.08em}
/* 20.10 (D8): kunye 1 ya da 2 satir oldugu icin ayirici cizgi kartlar
   arasinda ~18 px kayiyordu; yukseklik 2 satira sabitlendi. */
.bl-be-kaart figcaption{margin-top:auto;min-height:70px;box-sizing:border-box;
 border-top:1px solid rgba(201,163,86,.17);padding-top:12px;
 font-family:var(--mono);font-size:11.5px;line-height:18px;
 letter-spacing:.06em;color:var(--kalk2)}
.bl-be-kaart figcaption b{display:block;font-family:Inter,"Inter yedek",
 system-ui,"Segoe UI",Arial,sans-serif;font-weight:650;font-size:15px;
 line-height:22px;letter-spacing:0;color:var(--kalk)}

/* ================================================ 2. #werkplaats */
.bl-wp-kat{display:grid;grid-template-columns:1fr;
 gap:clamp(24px,3.4vw,40px)}
@media (min-width:900px){
 .bl-wp-kat{grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);
  align-items:start}
}
.bl-wp-foto{margin:0;position:relative}
.bl-wp-foto img{width:100%;height:auto;
 filter:saturate(.88) contrast(1.04) brightness(.94)}
/* Fotograf alti yazi — ZEMINI DUZ BANT, GRADYAN DEGIL.
   ⚠ ILK SURUM OLCULDU VE DUSTU: zemin
   `linear-gradient(180deg,rgba(10,9,11,0),rgba(10,9,11,.88) 62%)` idi.
   Yazi GORUNMEZ yapilip 669x53 px'lik kutusunun EN KOTU pikseli olculdu:
   2,48:1 — AA esigi 4,5'in ALTINDA (en kotu piksel (150,154,153), yani
   gradyanin ustteki seffaf bolgesinde fotografin acik bir noktasi).
   Ortalama alsaydim gecmis gorunurdu; gecmiyordu.

   Simdi kutunun KENDISI duz .86 alfa. Bu, fotografa BAGLI OLMAYAN bir
   sinir verir: alfa .86 PURE BEYAZ piksel uzerinde dahi birlesik zemin
   (44,43,45) olur ve --kalk ile orani 12,29:1 (hesaplandi). Yumusak
   gecis ::before ile kutunun USTUNE tasindi — metnin arkasina degil. */
.bl-wp-foto figcaption{position:absolute;left:0;right:0;bottom:0;
 padding:11px 16px 12px;
 font-family:var(--mono);font-size:11.5px;line-height:18px;
 letter-spacing:.08em;text-transform:uppercase;color:var(--kalk);
 background:rgba(10,9,11,.86)}
.bl-wp-foto figcaption::before{content:"";position:absolute;
 left:0;right:0;bottom:100%;height:30px;
 background:linear-gradient(180deg,rgba(10,9,11,0),rgba(10,9,11,.86))}

/* Kunye: dort DOGRULANMIS olgu, esit agirlikta. */
.bl-wp-kunye{display:grid;gap:0;margin:0}
.bl-wp-kunye > div{display:grid;grid-template-columns:auto minmax(0,1fr);
 gap:14px;align-items:start;padding-block:16px;
 border-top:1px solid rgba(201,163,86,.17)}
.bl-wp-kunye > div:first-child{border-top-color:rgba(201,163,86,.42)}
.bl-wp-kunye b{display:block;font-weight:650;font-size:17px;line-height:25px;
 color:var(--kalk)}
/* ⚠ SECICI DARALTILDI — GERCEK KUSUR, 320 px EKRAN GORUNTUSUNDE GORULDU.
   Once `.bl-wp-kunye span` yaziyordu. O secici ICERIDEKI `.nr` span'ini
   da yakaliyor ve ona `display:block` veriyordu; sonuc: kunye degerleri
   ortasindan kirildi — "KvK" / "62460250" ve "ma-vr" / "09:00-17:00"
   ayri satirlara dustu. Tam da `.nr`in ONLEMEK icin var oldugu sey.
   Alt metin artik kendi sinifiyla hedefleniyor. */
.bl-wp-kunye .bl-wp-sub{display:block;margin-top:3px;
 font-size:15px;line-height:23px;color:var(--kalk2)}
.bl-wp-not{margin-top:clamp(20px,2.6vh,28px);max-width:56ch;
 font-size:16px;line-height:26px;color:var(--kalk2)}
.bl-wp-not b{color:var(--kalk);font-weight:650}

/* Eylem satiri — CUMLENIN ICINDE DEGIL, VE BU OLCULDU.
   ⚠ ILK SURUM DUSTU: iki bag cumleye gomuluydu ve Chromium'da 1440 /
   390 / 320 px'te 34 / 33 / 33 px yukseklik olculdu — SOZLESME 9'un
   44 px esiginin ALTINDA. Satir ici bagin yuksekligi satir kutusuyla
   sinirli; dikey dolgu buyutulurse paragrafin satirlari birbirine
   biner. Cozum bagi cumleden CIKARMAK: `min-height:44px` burada
   gercekten uygulanir ve olcum 44 px veriyor. */
.bl-wp-eylem{display:flex;flex-wrap:wrap;gap:4px 26px;margin-top:6px}
.bl-wp-eylem .bl-guven-bag{display:inline-flex;align-items:center;
 /* ⚠ `gap` SART: inline-flex, "Bel " metin dugumunun sonundaki boslugu
    yutuyor ve ekranda "Bel030 785 16 03" ciktı (goruntuden gorudu). */
 gap:7px;min-height:44px;padding-block:0}

/* =================================================== 3. #merken */
.bl-mk-metin{max-width:62ch}
.bl-mk-metin p{margin-top:18px;font-size:17px;line-height:28px;
 color:var(--kalk2)}
.bl-mk-metin p:first-child{margin-top:0}
.bl-mk-metin b{color:var(--kalk);font-weight:650}

/* --- MARKA LISTESI ---
   ⚠ IZGARA DENENDI VE DUSTU (goruntuye bakildi, 1440 px): 1 px bosluk +
   kapsayici zemini tekniği ile kurulmustu. 23 marka ASAL sayidir, yani
   son satir hicbir sutun sayisinda dolmuyor; bos kalan alan kapsayicinin
   pirinc zeminini genis bir blok olarak gosteriyordu. Ayrica 158 px'lik
   hucrede "Mercedes-Benz" tireden kirilip iki satira dusuyordu.

   Simdi akan bir liste: her marka kendi cercevesinde, eksik satir diye
   bir sey yok, ad asla bolunmuyor. Her oge >=44 px (SOZLESME 9). */
.bl-mk-sprite{position:absolute;width:0;height:0;overflow:hidden}
.bl-mk-rooster{display:flex;flex-wrap:wrap;gap:8px;
 margin-top:clamp(26px,3.6vh,40px)}
.bl-mk-rooster > span{display:inline-flex;align-items:center;gap:11px;
 min-height:44px;padding:0 15px;
 border:1px solid rgba(201,163,86,.17);background:none}
.bl-mk-amblem{flex:none;width:21px;height:21px;max-width:none;
 fill:var(--messingl);stroke:none}
.bl-mk-ad{font-family:var(--mono);font-size:11.5px;line-height:18px;
 letter-spacing:.1em;text-transform:uppercase;color:var(--kalk);
 /* "Mercedes-Benz" bolunmez: iki satira kirilinca marka adi gibi degil
    yazim hatasi gibi okunuyordu (158 px hucrede goruldu). */
 white-space:nowrap;hyphens:manual}
/* Resmi vektoru OLMAYAN dort marka (Mercedes-Benz, Dodge, Jaguar,
   Land Rover) yalniz ADIYLA gecer — yeniden cizime dusulmez.
   ⚠ merkserit5'in olculmus dersi: amblemsiz oge digerlerinden GUR
   olmamali. Ayni punto, ayni renk; amblem yuvasina ince bir kil cizgi
   geliyor ki hiza bozulmasin. */
.bl-mk-yazi .bl-mk-ad{font-size:11.5px;color:var(--kalk)}
.bl-mk-cizgi{flex:none;width:21px;height:21px;position:relative}
.bl-mk-cizgi::before{content:"";position:absolute;top:50%;left:4px;
 width:13px;height:1px;background:rgba(201,163,86,.42)}
.bl-mk-not{margin-top:16px;max-width:62ch;
 font-family:var(--mono);font-size:11.5px;line-height:19px;
 letter-spacing:.06em;color:var(--kalk2)}

/* ====================================================== MOBIL
   Kendi kirilimlari denendi; 320 px'te yatay tasma = kusur. */
@media (max-width:999px){
 .bl-be-nr{font-size:clamp(44px,13vw,58px)}
 .bl-be-kaart blockquote{font-size:16px;line-height:26px}
 .bl-mk-metin p{font-size:16px;line-height:27px}
 .bl-wp-not{font-size:15px;line-height:25px}
}
@media (max-width:360px){
 .bl-be-konu dl{grid-template-columns:minmax(0,1fr) auto;gap:0}
 .bl-be-konu dd{padding-left:10px}
 .bl-be-konu dt{font-size:15px}
 .bl-mk-rooster{gap:6px}
 .bl-mk-rooster > span{padding:0 11px;gap:9px}
 .bl-mk-ad{font-size:11px;letter-spacing:.08em}
}

/* ================================== #merken SISTEM GORSELI (19.10, #47)
   Logo duvari kalkti (hero seridinde zaten var, ve bolumun ilk cumlesi
   "muur met automerken zegt weinig" diyordu). Uc varyant: A / B / C. */
.bl-sy-logo{flex:none;display:flex;align-items:center;gap:10px;
 font-family:var(--mono);font-size:12px;letter-spacing:.14em;
 text-transform:uppercase;color:var(--kalk)}
.bl-sy-logo svg{fill:var(--messingl)}
.bl-sy-gev{margin:0;font-size:15px;line-height:24px;color:var(--kalk2)}
/* Gorselden sonraki paragraf yapismasin (19.10 ekran goruntusunde goruldu). */
.bl-sy-A + .bl-mk-metin,.bl-sy-B + .bl-mk-metin,.bl-sy-C + .bl-mk-metin{margin-top:28px}

/* A — SYSTEEMLIJN: satir = logo | kusak cizgisi | sonuc */
.bl-sy-A{display:grid;gap:0;margin-top:clamp(26px,3.6vh,40px)}
.bl-sy-A .bl-sy-r{display:grid;grid-template-columns:150px minmax(0,1fr);
 gap:14px 28px;padding:24px 0;border-top:1px solid rgba(201,163,86,.17)}
.bl-sy-A .bl-sy-r:last-child{border-bottom:1px solid rgba(201,163,86,.17)}
.bl-sy-hat{display:flex;align-items:stretch;gap:0}
.bl-sy-hat .bl-sy-k{flex:1;position:relative;padding:12px 14px 10px;
 border-top:3px solid var(--messing);
 font-family:var(--mono);font-size:13px;line-height:18px;color:var(--kalk)}
.bl-sy-hat .bl-sy-k + .bl-sy-k{border-left:1px solid rgba(201,163,86,.34)}
.bl-sy-hat .bl-sy-k:last-child{border-top-color:var(--messingl)}
.bl-sy-hat small{display:block;margin-top:4px;font-size:12px;color:var(--kalk2);
 letter-spacing:0}
.bl-sy-A .bl-sy-gev{grid-column:2;margin-top:2px}

/* B — ZELFDE MERK, ANDER SYSTEEM: 2x2 karsilastirma kartlari */
.bl-sy-B{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
 margin-top:clamp(26px,3.6vh,40px)}
.bl-sy-B .bl-sy-r{border:1px solid rgba(201,163,86,.27);padding:22px 22px 20px;
 background:rgba(242,239,235,.025);display:grid;gap:16px}
.bl-sy-B .bl-sy-yan{display:flex;align-items:stretch;gap:0}
/* 20.10 (D8): alt etiketsiz kutular (VOOR 2012, EWS/CAS/FEM) kisa ve ust
   hizali kaliyordu; hepsi ayni yukseklik, icerik dikey ortada. */
.bl-sy-B .bl-sy-yan .bl-sy-k{flex:1;padding:14px 12px;text-align:center;
 min-height:74px;box-sizing:border-box;display:flex;flex-direction:column;
 justify-content:center;
 background:rgba(10,9,11,.55);font-family:Oswald,"Arial Narrow",Inter,sans-serif;
 font-size:20px;line-height:24px;letter-spacing:.03em;text-transform:uppercase;
 color:var(--messingl)}
.bl-sy-B .bl-sy-yan small{display:block;margin-top:6px;font-family:var(--mono);
 font-size:12px;line-height:16px;letter-spacing:0;text-transform:none;
 color:var(--kalk2)}
.bl-sy-B .bl-sy-ok{flex:none;align-self:center;width:34px;text-align:center;
 font-family:var(--mono);font-size:12px;color:var(--messing)}
@media (max-width:860px){.bl-sy-B{grid-template-columns:minmax(0,1fr)}}

/* C — WERKPLAATSKAART: foy tablosu, mobilde kart */
.bl-sy-C{margin-top:clamp(26px,3.6vh,40px);border:1px solid rgba(201,163,86,.34)}
.bl-sy-C .bl-sy-bas,.bl-sy-C .bl-sy-r{display:grid;
 grid-template-columns:170px minmax(0,1.1fr) minmax(0,1.4fr);gap:0 24px;
 padding:18px 22px}
.bl-sy-C .bl-sy-bas{background:rgba(201,163,86,.10);font-family:var(--mono);
 font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--messingl)}
.bl-sy-C .bl-sy-r{border-top:1px solid rgba(201,163,86,.17);align-items:start}
.bl-sy-chip{display:flex;flex-wrap:wrap;gap:6px}
.bl-sy-chip .bl-sy-k{padding:5px 10px;border:1px solid rgba(201,163,86,.42);
 font-family:var(--mono);font-size:12px;line-height:16px;color:var(--kalk)}
.bl-sy-chip small{color:var(--kalk2);margin-left:6px}
@media (max-width:860px){
 .bl-sy-A .bl-sy-r{grid-template-columns:minmax(0,1fr)}
 .bl-sy-A .bl-sy-gev{grid-column:1}
 .bl-sy-C .bl-sy-bas{display:none}
 .bl-sy-C .bl-sy-r{grid-template-columns:minmax(0,1fr);gap:12px}
}
@media (max-width:520px){
 .bl-sy-hat{flex-direction:column}
 .bl-sy-hat .bl-sy-k + .bl-sy-k{border-left:0}
 .bl-sy-B .bl-sy-yan{flex-direction:column}
 .bl-sy-B .bl-sy-ok{width:auto;padding:4px 0;transform:rotate(90deg)}
}

/* =================================================== PARTI B — BOLGE
   #werkgebied · #buurt · #gidsen. Kabuk siniflari burada tanimli DEGIL. */

/* Baslik vurgusu — h1'in `.h1b`si ile ayni dil: bronz, EGIK DEGIL. */
.bl-h2 em{font-style:normal;color:var(--messingl)}

/* Ikon: 24 izgara, cizgi 2 (ikon-anim.py sartnamesi). */
.bl-bg-ik{flex:0 0 auto;width:26px;height:26px;
 fill:none;stroke:currentColor;stroke-width:2;color:var(--messing)}

/* ------------------------------------------------- #werkgebied: AGIRLIK
   Operator: "atolyede daha yogunuz". Agirlik UC olculebilir yoldan:
     1. izgara 1,68fr / 1fr  (olculdu 1440px: 712 / 424 px = 1,68)
     2. ana kartin yuzeyi var, yan kartin yok (yalniz hairline)
     3. ana kartta fotograf var (sleutelwand = sleutelrompen iddiasinin
        kaniti), yan kartta yok
   Musterinin kendi sozu ("Utrecht'e en yakin yerlere yerinde de
   gidiyoruz, atolyede daha yogunuz") metinde ZATEN var: Meestal/Soms. */
.bl-wg-net{display:grid;gap:1px;
 background:rgba(201,163,86,.17)}      /* 1px bosluk = ayirici cizgi */
@media (min-width:860px){
 .bl-wg-net{grid-template-columns:minmax(0,1.68fr) minmax(0,1fr)}
}
.bl-wg-kart{min-width:0;padding:clamp(20px,3vw,34px);
 display:flex;flex-direction:column;gap:14px}
.bl-wg-ana{background:rgba(201,163,86,.05);
 border-left:3px solid var(--messing)}
.bl-wg-yan{background:var(--zwart);
 border-left:3px solid rgba(201,163,86,.17)}
.bl-wg-bas{display:flex;align-items:center;gap:12px;margin:0;
 font-family:var(--mono);font-size:12px;line-height:17px;
 letter-spacing:.2em;text-transform:uppercase;color:var(--messingl)}
.bl-wg-kart h3{margin:0;
 font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 letter-spacing:.015em;text-transform:uppercase;color:var(--kalk)}
.bl-wg-ana h3{font-size:clamp(22px,2.6vw,30px);line-height:1.1}
.bl-wg-yan h3{font-size:clamp(20px,2.1vw,24px);line-height:1.12}
/* ⚠ `:not(.bl-wg-bas)` ZORUNLU — OLCULDU VE KUSURDU (10.10).
   Mono etiket de bir <p>. `.bl-wg-ana p` (0,1,1) `.bl-wg-bas`i (0,1,0)
   ozgulluk ile eziyordu: Chromium'da olculen etiket 12 px mono yerine
   17,5 px Inter cikti — "Meestal/Soms" etiket olmaktan cikip govde
   metnine donusmustu. Hicbir hata, hicbir uyari; yalniz olcum gordu.
   `css_denetle()` bu iki seciciyi artik sart kosuyor. */
.bl-wg-kart p:not(.bl-wg-bas){margin:0;max-width:46ch;font-size:16.5px;
 line-height:26px;color:var(--kalk2)}
.bl-wg-ana p:not(.bl-wg-bas){font-size:17.5px;line-height:28px;
 color:var(--kalk)}
/* Fotograf: GERCEK atolye duvari. Dekoratif (alt=""), cunku icerik.py'de
   alt metni yok — uydurulmadi. */
.bl-wg-fotolar{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);
 gap:8px;margin:6px 0 0}
.bl-wg-fotolar .bl-wg-foto{margin:0}
.bl-wg-foto{margin:6px 0 0;width:100%;height:clamp(84px,13vw,132px);
 object-fit:cover;object-position:50% 52%;
 filter:saturate(.86) contrast(1.04) brightness(.92);
 border-top:1px solid rgba(201,163,86,.17)}

/* ------------------------------------------------------ #buurt: TEK BAND
   Bolum tek bandiye INDIRILDI (gerekce dosya basinda, olculdu).
   Burada liste YOK, yer tutucu YOK, sure YOK. */
.bl-bu-band{display:grid;gap:18px;align-items:center;
 padding:clamp(20px,3vw,30px);
 background:rgba(201,163,86,.05);
 border:1px solid rgba(201,163,86,.34);
 border-left:3px solid var(--messing)}
@media (min-width:820px){
 .bl-bu-band{grid-template-columns:minmax(0,1fr) auto;gap:34px}
}
.bl-bu-metin{min-width:0;display:flex;flex-direction:column;gap:8px}
.bl-bu-metin b{font-weight:650;font-size:17.5px;line-height:27px;
 color:var(--kalk)}
.bl-bu-metin p{margin:0;max-width:62ch;font-size:16.5px;line-height:26px;
 color:var(--kalk2)}
/* 20.10 (#51): onayli 9 belediye. Varsayilan madde listesi bandi uzatip
   siteden kopuyordu (ekran goruntusu) — kunye/serit dilinde etiket satiri. */
.bl-bu-yer{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bl-bu-yer li{padding:7px 12px;border:1px solid rgba(201,163,86,.34);
 font-family:var(--mono);font-size:12.5px;line-height:16px;letter-spacing:.1em;
 text-transform:uppercase;color:var(--kalk);background:rgba(10,9,11,.35)}
/* 30.10: yayindaki belediye sayfasina bag. Cipin tamami tiklanir; mobilde 44px hedef (ux 22/66). */
.bl-bu-yer a{display:block;margin:-7px -12px;padding:7px 12px;color:inherit;text-decoration:none}
.bl-bu-yer a:hover{color:var(--messingl)}
@media (max-width:999px){.bl-bu-yer a{padding:14px 12px;margin:-7px -12px}}
.bl-bu-saat{display:block;font-family:var(--mono);font-size:12px;
 line-height:18px;letter-spacing:.14em;text-transform:uppercase;
 color:var(--messingl)}
/* Kirmizi YALNIZ dolgu + beyaz yazi (SOZLESME 4: #e61202 metin rengi
   olarak 4,00:1 ile AA'nin ALTINDA; dolgu uzerinde beyaz 4,72:1). */
.bl-bu-knop{display:inline-flex;align-items:center;justify-content:center;
 gap:10px;min-height:52px;padding:14px 26px;text-decoration:none;
 background:var(--rood);border:2px solid var(--rood);color:#fff;
 font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 font-size:19px;line-height:24px;letter-spacing:.04em;
 text-transform:uppercase}
.bl-bu-knop:hover{background:var(--roodd);border-color:var(--roodd)}
.bl-bu-knop .nr{font-family:var(--mono);font-size:17px;letter-spacing:.02em;
 text-transform:none}

/* ------------------------------------------------- #gidsen: KONU ALANLARI
   Rehberler YAZILMADI. Baslik uydurulmaz, olmayan sayfaya bag verilmez.
   Satirlar bu partide BAGSIZ (hedefleri bu partide yok). */
.bl-gd-net{display:grid;gap:clamp(22px,3vw,34px)}
@media (min-width:900px){
 .bl-gd-net{grid-template-columns:minmax(0,1fr) 300px;
  gap:clamp(26px,3vw,44px);align-items:start}
}
.bl-gd-lijst{list-style:none;margin:0;padding:0;
 display:grid;gap:1px;background:rgba(201,163,86,.17);
 border-block:1px solid rgba(201,163,86,.17)}
.bl-gd-lijst li{background:var(--zwart)}
.bl-gd-satir{display:grid;grid-template-columns:auto minmax(0,1fr) auto;
 gap:16px;align-items:center;min-height:64px;
 padding:14px clamp(14px,2vw,22px);text-decoration:none}
.bl-gd-ad{min-width:0;overflow-wrap:anywhere;
 font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:500;
 font-size:19px;line-height:26px;letter-spacing:.015em;color:var(--kalk)}
.bl-gd-git{min-width:0;text-align:end;font-family:var(--mono);
 font-size:12px;line-height:18px;letter-spacing:.1em;
 text-transform:uppercase;color:var(--kalk2)}
.bl-gd-yan{padding:clamp(18px,2.6vw,26px);
 background:rgba(201,163,86,.05);
 border:1px solid rgba(201,163,86,.17);
 border-left:3px solid var(--messing);
 display:flex;flex-direction:column;gap:12px}
.bl-gd-yan h3{margin:0;font-family:var(--mono);font-size:12px;
 line-height:18px;letter-spacing:.2em;text-transform:uppercase;
 color:var(--messingl)}
.bl-gd-yan p{margin:0;font-size:16px;line-height:25px;color:var(--kalk2)}

/* ----------------------------------------------------------- ODAK
   V5 hero ile AYNI halka: amber + koyu hale (8,28:1). */
.bl-bu-knop:focus-visible,.bl-gd-satir:focus-visible,
.bl-wg-kart a:focus-visible{outline:3px solid var(--amber);
 outline-offset:3px;box-shadow:0 0 0 9px rgba(10,9,11,.92)}

/* ------------------------------------------------------------ MOBIL
   320 px'te yatay tasma = kusur (SOZLESME 10). Izgaralar tek sutun. */
@media (max-width:859px){
 .bl-wg-ana,.bl-wg-yan{border-left-width:3px}
}
@media (max-width:560px){
 .bl-gd-satir{grid-template-columns:auto minmax(0,1fr);
  row-gap:4px;padding-block:16px}
 .bl-gd-git{grid-column:2;text-align:start}
 .bl-bu-knop{width:100%}
}
@media (max-width:360px){
 /* ⚠ `:not(.bl-wg-bas)` BURADA DA ZORUNLU — AYNI KUSUR IKI KEZ OLCULDU.
    Ilk duzeltme yalniz taban kuraldaydi; 320 px'te etiket yine 16 px
    Inter'e donuyordu (olculdu: 12 -> 16 px, aralik 2,4 -> 3,2 px).
    `css_denetle()` artik `.bl-wg-kart p`nin HER gecisini dislama ile
    sart kosuyor, yalniz birini degil. */
 .bl-wg-kart p:not(.bl-wg-bas),.bl-bu-metin p,.bl-gd-yan p{
  font-size:16px;line-height:25px}
 .bl-gd-ad{font-size:18px}
 .bl-bu-knop{padding:14px 12px;font-size:17px}
 .bl-bu-knop .nr{font-size:15px}
}

/* ===================================================== #VRAGEN
   On soru. JS YOK: <details>/<summary>. Satir yuksekligi dokunma
   hedefini kendisi saglar (olculdu: 61 px masaustu, 61 px mobil). */
.bl-vragen-sar{display:grid;gap:0;margin-top:clamp(28px,4vh,44px)}
@media (min-width:1000px){
 .bl-vragen-sar{grid-template-columns:1fr 1fr;
  column-gap:clamp(32px,4vw,56px)}
}
.bl-vragen-lst{border-top:1px solid rgba(201,163,86,.34)}
/* 20.10 (operator: "burasi esit olmali"): iki sutun bagimsizdi; 2 satirlik
   sorular sag sutunu uzatiyor, satir cizgileri kayiyordu. Iki sutun artik
   TEK izgarada: her satir iki sorunun yuksekligini paylasir, cizgiler
   hizali, sutunlar ayni yerde biter. Satir sayisi HTML'deki --vr-sira'dan
   (soru sayisindan turer, elle yazilmaz). Acilan soru kendi SATIRINI buyutur. */
@media (min-width:1000px){
 .bl-vragen-sar{grid-auto-flow:column;
  grid-template-rows:repeat(var(--vr-sira),auto)}
 .bl-vragen-lst{display:contents}
 .bl-vragen-lst details:first-child{border-top:1px solid rgba(201,163,86,.34)}
}
.bl-vragen-lst details{border-bottom:1px solid rgba(201,163,86,.17)}

/* ---- SUMMARY: tiklama alani SATIRIN TAMAMI ---- */
.bl-vragen-lst summary{list-style:none;cursor:pointer;
 display:grid;grid-template-columns:2.9em 1fr 20px;
 align-items:start;column-gap:12px;
 padding-block:18px;
 font-size:17px;line-height:25px;font-weight:650;color:var(--kalk)}
.bl-vragen-lst summary::-webkit-details-marker{display:none}
.bl-vragen-lst summary:hover{color:var(--messingl)}
.bl-vragen-lst summary:focus-visible{outline:3px solid var(--amber);
 outline-offset:2px}

/* mono sira numarasi — bolumun "atolye fisi" dili */
.bl-vragen-no{font-family:var(--mono);font-size:12px;line-height:25px;
 letter-spacing:.14em;color:var(--messingl)}

/* ---- ISARET: ARTI -> EKSI. Iki gradyan katmani; acikken dikey
   cubugun yuksekligi SIFIRA iner. Donme yok, keyframe yok, JS yok. ---- */
.bl-vragen-im{width:20px;height:25px;
 background-image:
  linear-gradient(var(--messing),var(--messing)),
  linear-gradient(var(--messing),var(--messing));
 background-repeat:no-repeat,no-repeat;
 background-position:center,center;
 background-size:16px 2px,2px 16px;
 transition:background-size 180ms cubic-bezier(.2,.6,.2,1)}
.bl-vragen-lst details[open] .bl-vragen-im{background-size:16px 2px,2px 0}
.bl-vragen-lst summary:hover .bl-vragen-im{
 background-image:
  linear-gradient(var(--messingl),var(--messingl)),
  linear-gradient(var(--messingl),var(--messingl))}

/* ---- CEVAP ---- */
.bl-vragen-cv{padding:0 0 22px;margin-left:calc(2.9em + 12px);
 max-width:58ch;font-size:16px;line-height:26px;color:var(--kalk2)}
.bl-vragen-cv b{color:var(--kalk);font-weight:650}
/* 20.10 operator: "alti cizili yazi kalmasin". Metin ici bag artik
    cizgisiz; ayirt edici YALNIZ renk olmasin diye kalinlik eklendi
    (WCAG 1.4.1). Govde --kalk2 normal, bag --messingl 650. */
.bl-vragen-cv a{color:var(--messingl);font-weight:650;text-decoration:none}
.bl-vragen-cv a:hover{color:var(--kalk)}

@media (max-width:999px){
 .bl-vragen-cv{margin-left:0;max-width:none}
 .bl-vragen-lst summary{grid-template-columns:2.6em 1fr 20px;
  column-gap:10px;font-size:16.5px}
}
@media (max-width:360px){
 .bl-vragen-lst summary{grid-template-columns:1fr 20px;column-gap:10px}
 .bl-vragen-no{grid-column:1;grid-row:1;line-height:17px;margin-bottom:2px}
 .bl-vragen-lst summary span.bl-vragen-sr{grid-column:1;grid-row:2}
 .bl-vragen-im{grid-column:2;grid-row:1}
}

/* ===================================================== #AFSPRAAK
   Iki sutun: KAPALI form solda, GERCEK kanallar sagda. Sagdaki sutun
   gorsel olarak daha agir — bugun calisan yol o. */
.bl-afspraak-sar{display:grid;gap:clamp(28px,4vw,40px);
 margin-top:clamp(28px,4vh,44px)}
@media (min-width:980px){
 .bl-afspraak-sar{grid-template-columns:minmax(0,1fr) 340px;
  gap:clamp(32px,4vw,56px);align-items:start}
}
/* KUSUR, 390 px ekran goruntusunde gorundu: tek sutunda ziyaretci ONCE
   kullanilamayan formu, SONRA calisan telefon dugmesini goruyordu.
   Form KAPALIYKEN calisan kanal one alinir.
   Kural `aria-disabled`a bagli: form canliya alinip o ozellik kalkinca
   siralama KENDILIGINDEN eski haline doner — elle geri alinmasi gereken
   bir sey birakilmiyor. Odak sirasi bozulmuyor, cunku kapali formda
   odaklanabilir hicbir oge yok. */
@media (max-width:979px){
 .bl-afspraak-form[aria-disabled="true"] ~ .bl-afspraak-yan{order:-1}
}

/* ---- KAPALI FORM ----
   `fieldset[disabled]` tarayicinin kendi davranisi: hicbir alan yazi
   kabul etmez, hicbir sey gonderilemez. Gorunum de bunu soyler:
   soluk yuzey, kesikli kenar, not-allowed imleci. */
.bl-afspraak-form{display:grid;gap:18px;margin:0}
.bl-afspraak-form fieldset{margin:0;padding:0;border:0;display:grid;gap:18px}
/* Opaklik OLCULEREK secildi, gozle degil. .48'de kapali form metni
   3,56-4,46 araligina dusuyordu: devre disi bilesen WCAG 1.4.3'ten muaf
   oldugu icin "gecer" sayilirdi, ama ziyaretci kendisinden NE
   ISTENECEGINI de okuyamaz. Olcum: .55 -> 4,23 · .62 -> 4,99 · .68 -> 5,71.
   .62 secildi: metin AA esigini MUAF OLMASINA RAGMEN geciyor, form hala
   acikca soluk duruyor. */
.bl-afspraak-form fieldset[disabled]{opacity:.62;cursor:not-allowed}
.bl-afspraak-ikili{display:grid;gap:18px}
@media (min-width:620px){
 .bl-afspraak-ikili{grid-template-columns:1fr 1fr}
}
.bl-afspraak-alan{display:grid;gap:6px;align-content:start}
.bl-afspraak-alan label{font-size:14px;line-height:20px;font-weight:650;
 letter-spacing:.01em;color:var(--kalk)}
.bl-afspraak-alan .ger{color:var(--messingl);font-weight:400}
.bl-afspraak-alan .ipucu{font-size:13.5px;line-height:19px;
 color:var(--kalk2)}
.bl-afspraak-alan input,.bl-afspraak-alan select{
 width:100%;min-height:52px;padding:13px 14px;align-self:start;
 background:rgba(242,239,235,.045);color:var(--kalk);
 border:1px solid rgba(201,163,86,.34);
 font-size:16px;line-height:24px}
/* 03.11 (operator ekran goruntusu): acilan secenek listesi tarayicinin BEYAZ zemininde,
   acik renk yaziyla okunmuyordu. Liste koyu acilir, secenekler marka renginde. */
.bl-afspraak-alan select{color-scheme:dark}
.bl-afspraak-alan select option{background:#1a1613;color:#f2efeb}
.bl-afspraak-alan select option:checked{background:#2c241b;color:#e8cf99}
.bl-afspraak-alan select option:disabled{color:#7d756b}
/* KAPALI ALANIN KENDI DILI — SOZCUK GEREKTIRMEYEN ISARET.
   Olculdu (ekran goruntusu, 1440): yalniz soluklukla kapali alan hala
   DOLDURULABILIR bir kutu gibi duruyordu. Capraz tarama + kesikli kenar
   + not-allowed imleci birlikte "bu alan simdilik kapali" diyor —
   ve bunu hicbir dil uydurmadan soyluyor. */
.bl-afspraak-alan input:disabled,.bl-afspraak-alan select:disabled{
 cursor:not-allowed;border-style:dashed;color:var(--kalk2);
 background-image:repeating-linear-gradient(135deg,
  rgba(201,163,86,.10) 0 2px,transparent 2px 9px)}
.bl-afspraak-gizli{position:absolute;width:1px;height:1px;
 margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);
 white-space:nowrap;border:0}

/* Gonder dugmesi KAPALI: kirmizi dolgu YOK (dolu kirmizi "calisiyor"
   demektir). Kapali durum ciplak kenarlik + soluk metin. */
.bl-afspraak-gonder{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
/* 19.10: form istemci modunda ACIK (PLAN #46). Asagidaki kapali gorunum
   yalniz [disabled] dugmeye uygulanir; acik dugmeler .knop-1/.knop-2. */
.bl-afspraak-gonder .knop{cursor:pointer;border-style:solid}
.bl-afspraak-not{margin:2px 0 0;max-width:56ch;font-size:14px;line-height:22px;
 color:var(--kalk2)}
.bl-afspraak-gonder button[disabled]{min-height:52px;padding:14px 26px;
 background:transparent;color:var(--kalk2);
 border:2px dashed rgba(201,163,86,.34);
 font-family:var(--mono);font-size:13px;line-height:20px;
 letter-spacing:.16em;text-transform:uppercase;cursor:not-allowed}

/* ---- GERCEK KANALLAR ----
   `.knop` / `.knop-1` / `.knop-2` MERKEZDE (v5.py CSS'i) tanimli;
   burada yalniz yerlesim veriliyor. */
.bl-afspraak-yan{border:1px solid rgba(201,163,86,.34);
 background:rgba(242,239,235,.035);
 padding:clamp(20px,2.6vw,28px);display:grid;gap:18px;align-content:start}
.bl-afspraak-yan .knop{width:100%;justify-content:center}
.bl-afspraak-kunye{display:grid;gap:14px;margin:0;
 padding-top:18px;border-top:1px solid rgba(201,163,86,.17)}
.bl-afspraak-kunye div{display:grid;grid-template-columns:20px 1fr;
 gap:12px;align-items:start;
 font-size:14.5px;line-height:22px;color:var(--kalk2)}
.bl-afspraak-kunye b{display:block;color:var(--kalk);font-weight:650}
.bl-afspraak-kunye svg{width:20px;height:20px;fill:none;
 stroke:var(--messing);stroke-width:1.7;
 stroke-linecap:round;stroke-linejoin:round;margin-top:1px}

/* ===================================================== <footer>
   Alan yoksa bilesen de yok: BTW, kurulus yili, sosyal hesap, rozet,
   e-posta ve "algemene voorwaarden" icin YER ACILMADI. */
.bl-voet{border-top:1px solid rgba(201,163,86,.42);
 background:var(--zwart);padding-block:clamp(44px,6vh,72px) 0}
.bl-voet-ust{display:grid;gap:clamp(30px,4vw,44px)}
@media (min-width:860px){
 .bl-voet-ust{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:clamp(36px,5vw,64px)}
}
.bl-voet-ad{margin:0;font-size:26px;line-height:30px;font-weight:650;
 letter-spacing:.04em;text-transform:uppercase;color:var(--kalk)}
.bl-voet-ad small{display:block;margin-top:7px;
 font-family:var(--mono);font-size:12px;line-height:18px;
 letter-spacing:.18em;text-transform:uppercase;color:var(--messingl)}
.bl-voet-logo{margin-bottom:20px}
.bl-voet-kunye{display:grid;gap:14px;margin-top:22px}
.bl-voet-kunye div{display:grid;grid-template-columns:20px 1fr;gap:12px;
 align-items:start;font-size:14.5px;line-height:22px;color:var(--kalk2)}
/* KUSUR, EKRAN GORUNTUSUNDE YAKALANDI: `b` satir ici kalinca adres
   "Betuwehaven 313433 PV Nieuwegein", saat "ma-vr09:00-17:00" diye
   BITISIK ciktı. Iki parca iki satir. */
.bl-voet-kunye b{display:block;color:var(--kalk);font-weight:650}
.bl-voet-kunye svg{width:20px;height:20px;fill:none;stroke:var(--messing);
 stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
/* Iletisim baglari BIRINCIL: gercek 44 px hedef verilir (WCAG 2.5.8). */
/* ⚠ `inline-flex` metin dugumleri arasindaki BOSLUGU YUTAR: olculdu,
   "WhatsApp 06 397 20 397" ekranda "WhatsApp06 397 20 397" ciktı.
   Bosluk `gap` ile geri verilir. */
.bl-voet-kunye a{display:inline-flex;align-items:center;gap:6px;
 min-height:44px;color:var(--kalk);
 text-decoration:none}  /* 20.10: alti cizgi kalkti (operator); ikonlu satir */
.bl-voet-kunye a:hover{color:var(--messingl)}
/* 20.10: bag 44 px ve metni ortaliyor, ikon ustte kaliyordu (~11 px kayik,
   ekran goruntusunde). Bagli satirda ikon da ortalanir. */
.bl-voet-kunye div:has(> span > a){align-items:center}
.bl-voet-kunye div:has(> span > a) svg{margin-top:0}

.bl-voet-nav ul{list-style:none;margin:0;padding:0;display:grid;
 grid-template-columns:1fr;gap:0}
@media (min-width:540px){
 .bl-voet-nav ul{grid-template-columns:1fr 1fr;column-gap:24px}
}
.bl-voet-nav li{border-top:1px solid rgba(201,163,86,.17)}
.bl-voet-nav a{display:flex;align-items:center;min-height:46px;
 gap:10px;font-size:15px;line-height:22px;color:var(--kalk2);
 text-decoration:none}
.bl-voet-nav a::before{content:"";flex:0 0 14px;height:1px;
 background:var(--messing)}
.bl-voet-nav a:hover{color:var(--messingl)}
.bl-voet-nav a:focus-visible{outline:3px solid var(--amber);
 outline-offset:-3px}

.bl-voet-alt{margin-top:clamp(30px,4vh,44px);
 padding-block:16px;border-top:1px solid rgba(201,163,86,.17);
 display:flex;flex-wrap:wrap;gap:6px 24px;
 font-family:var(--mono);font-size:12px;line-height:18px;
 letter-spacing:.14em;text-transform:uppercase;color:var(--kalk2)}
/* ====================================================================
   _butun-C · SHOWROOM LICHT: premium otomotiv brosuru
   Sayfanin cogu sicak aydinlik yuzey; koyu yalniz hero (01), atolye ani
   (08 diensten) ve randevu (11). Zincir: kontak anahtari 0 · I · II · III
   · START; her bolum basinda buyuk sira numarasi + 11 hucreli dolu gosterge,
   sol olukta pirinc omurga + kadran. Tek kart: kirec yuzey, 3 px pirinc ust
   kenar, golge yok, kose 0, ic bosluk --c-pad.
   ==================================================================== */
.bt-C{
 --c-papier:#f2efeb; --c-zand:#e7e1d7; --c-kart:#fcfbf8; --c-kart2:#f1ece4;
 --c-ink:#1b1714; --c-tekst:#4a4139; --c-messd:#7a5a1c; --c-lijn:#e0d8cc;
 --c-nacht:#0d0c0e; --c-kartd:#1c1815; --c-kartd2:#262019;
 --c-sec:112px; --c-kop:64px; --c-blok:32px; --c-pad:32px;
 --c-gut:calc((100% - min(1180px, 100% - 40px)) / 2);
 --c-kadran:76px; --c-nrh:112px;
}
@media (max-width:999px){
 .bt-C{--c-sec:72px; --c-kop:40px; --c-blok:20px; --c-pad:20px; --c-nrh:56px}
}
.bt-C main{overflow-x:clip}

/* ---------------------------------------------------- BOLUM KABUGU */
.bt-C .bl{--c-ust:var(--c-sec);position:relative;padding-block:var(--c-ust) var(--c-sec);border-top:0;
 background:var(--c-papier);color:var(--c-ink)}
.bt-C .bl.c-zand{background:var(--c-zand)}
.bt-C .bl.c-donker{background:var(--c-nacht);color:var(--kalk)}
.bt-C .bl .kap{position:relative;z-index:3}

/* bas blogu: kop (numara+gosterge) -> etiket -> baslik -> alt cumle */
.bt-C .bl .kap > *{margin-top:0}
.bt-C .bl .kap > .bl-et{margin-top:28px}
.bt-C .bl .kap > .bl-h2{margin-top:18px;font-size:clamp(32px,4.6vw,60px);line-height:1.02;max-width:20ch}
.bt-C .bl .kap > .bl-alt{margin-top:20px}
/* BASLIK -> ICERIK: tek olcu */
.bt-C .bl .kap > .bl-h2 + :not(.bl-alt),
.bt-C .bl .kap > .bl-alt + *{margin-top:var(--c-kop)}
/* BLOK -> BLOK (ust duzey): tek olcu */
.bt-C .bl .kap > :is(.bl-ic,.c-band,#werkplaats) ~ :is(.bl-ic,.bl-be-kaart,.bl-vragen-sar,.bl-afspraak-sar){margin-top:var(--c-blok)}
.bt-C .bl .bl-ic .bl-ic,.bt-C #werkplaats > .bl-ic{margin-top:0}

.bt-C .bl:not(.c-donker) .bl-et{color:var(--c-messd)}
.bt-C .bl:not(.c-donker) .bl-et::before{background:var(--c-messd)}
.bt-C .bl:not(.c-donker) .bl-h2{color:var(--c-ink)}
.bt-C .bl:not(.c-donker) .bl-h2 em,.bt-C .bl:not(.c-donker) .bl-guven-vurgu{color:var(--c-messd)}
.bt-C .bl:not(.c-donker) .bl-alt{color:var(--c-tekst)}
.bt-C .bl:not(.c-donker) :is(a,summary,button,input,select):focus-visible{outline:3px solid var(--c-ink);outline-offset:2px;box-shadow:none}

/* acik yuzeyde ikincil dugme: dolu murekkep */
.bt-C .bl:not(.c-donker) :is(.knop-2,.bl-bt-knop2){background:var(--c-ink);border-color:var(--c-ink);color:var(--kalk)}
.bt-C .bl:not(.c-donker) :is(.knop-2,.bl-bt-knop2):hover{background:#000;border-color:#000}
.bt-C .bl:not(.c-donker) .bl-bt-ik,.bt-C .bl:not(.c-donker) .bl-guven-ikon,.bt-C .bl:not(.c-donker) .bl-bg-ik{stroke:var(--c-messd);color:var(--c-messd)}
.bt-C .bl:not(.c-donker) :is(.bl-bt-no,.bl-werkwijze-no,.bl-sleutel-no,.bl-vragen-no){color:var(--c-messd)}
.bt-C .bl:not(.c-donker) :is(.bl-guven-bag,.bl-werkwijze-bag,.bl-sleutel-bel,.tetik,.bl-vragen-cv a){color:var(--c-messd)}
.bt-C .bl:not(.c-donker) :is(.bl-guven-bag,.bl-werkwijze-bag,.bl-sleutel-bel,.tetik,.bl-vragen-cv a):hover{color:var(--c-ink)}
.bt-C .bl:not(.c-donker) .bl-bt-bag{color:var(--c-messd);border-color:rgba(122,90,28,.5)}
.bt-C .bl:not(.c-donker) .bl-bt-bag:hover{background:var(--c-kart2)}

/* ------------------------------------------------------ TEK KART DILI */
.bt-C .bl .c-kaart{background:var(--c-kart);border:0;border-top:3px solid var(--messing);
 box-shadow:none;border-radius:0;padding:var(--c-pad)}
.bt-C .bl.c-donker .c-kaart{background:var(--c-kartd)}

/* ------------------------------------------------------ FOTO BANDI */
.bt-C .c-band{margin-inline:calc(50% - 50vw);margin-bottom:0;height:clamp(220px,30vw,440px);
 overflow:hidden;background:var(--c-nacht)}
.bt-C .c-band img{width:100%;height:100%;object-fit:cover}
.bt-C .c-band--balie{height:clamp(260px,40vw,600px)}
.bt-C .c-band--balie img{object-position:50% 30%}
.bt-C .c-band--gevel{height:clamp(260px,40vw,600px)}
.bt-C .c-band--gevel img{object-position:50% 50%}
/* 03.11: situatie bandi, kontaktaki anahtar karenin orta-altinda */
.bt-C .c-band--contact img{object-position:47% 62%}
.bt-C .c-band--wand{height:clamp(150px,20vw,290px)}
.bt-C .c-band--wand img{filter:brightness(.86) saturate(.9)}
.bt-C .c-band--balie2 img{filter:brightness(.82);object-position:50% 45%}

/* ===================================================== ZINCIR: KONTAK */
.bt-C .c-sprite{position:absolute;width:0;height:0;overflow:hidden}
.bt-C .c-zincir{position:absolute;left:0;top:0;bottom:0;width:var(--c-gut);
 pointer-events:none;z-index:2;--c-leeg:#d6cdc0}
.bt-C .c-zand .c-zincir{--c-leeg:#cfc5b6}
.bt-C .c-donker .c-zincir,.bt-C .held .c-zincir{--c-leeg:#2b2521}
.bt-C .c-rug{position:absolute;left:50%;top:0;bottom:0;width:10px;margin-left:-5px;
 background:var(--c-leeg)}
.bt-C .c-rug i{position:absolute;left:0;right:0;top:0;height:calc(var(--vul,1) * 100%);
 background:linear-gradient(90deg,#6e5019 0,#e8cf99 36%,#c9a356 62%,#6a4c17 100%)}
.bt-C .c-zincir > .c-schijf{position:absolute;left:50%;top:calc(var(--c-ust) + var(--c-nrh) * .4 - var(--c-kadran) / 2);
 width:var(--c-kadran);height:var(--c-kadran);margin-left:calc(var(--c-kadran) / -2);max-width:none}
/* hero: omurga kadrandan baslar; ilk ekran duzenine dokunulmaz */
.bt-C .held .c-zincir--held{z-index:4}
.bt-C .c-zincir--held .c-rug{top:var(--c-y,42%)}
.bt-C .c-zincir--held > .c-schijf{top:calc(var(--c-y,42%) - var(--c-kadran) / 2)}
/* son bolum: omurga START kadraninda biter */
.bt-C .c-zincir--son .c-rug{bottom:auto;height:calc(var(--c-ust) + var(--c-nrh) * .4)}

.bt-C .c-schijf{display:block;overflow:visible}
.bt-C .c-slot{transform-box:view-box;transform-origin:60px 60px;transform:rotate(var(--c-hoek));
 transition:transform 1.1s cubic-bezier(.3,1.35,.45,1) .25s}
.bt-C.c-js .bl:not(.c-aan) .c-slot,.c-js .bt-C .bl:not(.c-aan) .c-slot{transform:rotate(var(--c-van))}
.bt-C .c-pip{fill:#5d5348;transition:fill .4s .9s}
.bt-C .c-pip--v{fill:#a98840}
.bt-C .c-pip--h{fill:#ffd27a}
.bt-C .c-st4 .c-pip4.c-pip--h{fill:#ff3d2e}
.c-js .bt-C .bl:not(.c-aan) .c-pip--h{fill:#5d5348}

/* bolum basi: numara + gosterge */
.bt-C .c-kop{display:flex;align-items:center;gap:28px;margin:0}
.bt-C .c-schijf--mini{display:none;width:48px;height:48px;flex:none;max-width:none}
.bt-C .c-nr{font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 font-size:var(--c-nrh);line-height:.8;letter-spacing:-.01em;color:var(--c-messd);
 font-variant-numeric:tabular-nums}
.bt-C .c-donker .c-nr{color:var(--messing)}
.bt-C .c-meter{display:flex;align-items:center;gap:12px}
.bt-C .c-gr{display:flex;gap:4px}
.bt-C .c-meter i{display:block;width:22px;height:10px;background:var(--c-leeg2,#d6cdc0)}
.bt-C .c-zand .c-meter i{background:#cfc5b6}
.bt-C .c-donker .c-meter i{background:#2b2521}
.bt-C .bl .c-meter i.v{background:linear-gradient(180deg,#e8cf99,#c9a356 55%,#8d6a2a)}
.bt-C .bl .c-meter i.h{background:var(--c-ink)}
.bt-C .bl.c-donker .c-meter i.h{background:var(--kalk)}
.bt-C .c-gr--start i{width:34px}
.bt-C .bl .c-gr--start i.h{background:var(--rood)}

@media (prefers-reduced-motion:reduce){
 .bt-C .c-slot,.bt-C .c-pip{transition:none}
}
.c-az .bt-C .c-slot,.c-az .bt-C .c-pip{transition:none}

/* dar ekran: oluk kadrana yetmez -> kadran baslik satirina girer */
@media (max-width:1239px){
 .bt-C .c-zincir > .c-schijf{display:none}
 .bt-C .c-schijf--mini{display:block}
 .bt-C .c-rug{width:6px;margin-left:-3px}
 .bt-C .c-zincir--held{display:none}
}
@media (max-width:999px){
 .bt-C .c-kop{gap:16px}
 .bt-C .c-meter{gap:7px}
 .bt-C .c-gr{gap:3px}
 .bt-C .c-meter i{width:12px;height:8px}
 .bt-C .c-gr--start i{width:20px}
 .bt-C .bl .kap > .bl-et{margin-top:22px}
}
@media (max-width:360px){
 .bt-C .c-schijf--mini{width:40px;height:40px}
 .bt-C .c-meter i{width:10px}
 .bt-C .c-gr--start i{width:16px}
}

/* =========================================================== 02 SITUATIE */
.bt-C .bl-situatie-net{gap:var(--c-blok);background:none;border:0}
.bt-C .bl .bl-situatie-k.c-kaart{padding:0}
.bt-C .bl-situatie-k>summary{padding:var(--c-pad);min-height:44px}
.bt-C .bl-situatie-k>summary:hover{background:#f7f3ed}
.bt-C .bl-situatie-k b{color:var(--c-ink)}
.bt-C .bl-situatie-k summary>span>span:last-child{color:var(--c-tekst)}
.bt-C .bl-situatie-pm::before,.bt-C .bl-situatie-pm::after{background:var(--c-messd)}
.bt-C .bl-situatie-ac{border-top:0;padding:0 var(--c-pad) var(--c-pad) calc(var(--c-pad) + 42px)}
.bt-C .bl-situatie-ac>*:first-child{margin-top:0}
.bt-C .bl-situatie-sat,.bt-C .bl-situatie-ac p{color:var(--c-tekst)}
.bt-C .bl-situatie-sat b{color:var(--c-ink)}
.bt-C .bl-situatie-sat .nr{color:var(--c-messd)}
.bt-C .bl .bl-situatie-eylem.c-kaart{margin-top:var(--c-blok);padding:var(--c-pad)}
.bt-C .bl-situatie-eylem b{color:var(--c-ink);font-size:24px;line-height:30px}
@media (max-width:760px){.bt-C .bl-situatie-ac{padding-left:var(--c-pad)}}

/* ============================================================ 03 PRIJZEN */
.bt-C .bl-prijzen-t{border-bottom:1px solid var(--c-lijn)}
.bt-C .bl-prijzen-r{border-top:1px solid var(--c-lijn)}
.bt-C .bl-prijzen-r:first-child{border-top:0;padding-top:4px}
.bt-C .bl-prijzen-r :is(h3,.bl-prijzen-ad),.bt-C .bl-prijzen-bedrag{color:var(--c-ink)}
.bt-C .bl-prijzen-r.one .bl-prijzen-bedrag{color:var(--c-messd)}
.bt-C .bl-prijzen-ray{background:#ebe4d9}
.bt-C .bl-prijzen-ray i{background:linear-gradient(180deg,#d9bb78,#b08d47)}
.bt-C .bl-prijzen-eksen,.bt-C .bl-prijzen-btw{color:var(--c-tekst)}
.bt-C #prijzen .kap .bl-ic > .c-b + .c-b,.bt-C #prijzen .kap .bl-ic > .c-b + .pr-waar{margin-top:var(--c-blok)}
.bt-C #prijzen .bl-prijzen-geen{max-width:62ch;color:var(--c-tekst)}
.bt-C .bl .pr-ok.c-kaart{padding:0}
.bt-C .pr-ok-foto{background:var(--c-kart2)}
.bt-C .pr-ok-ic{padding:var(--c-pad)}
.bt-C #prijzen .pr-ok-kop .bl-prijzen-ond-h,.bt-C #prijzen .pr-karo h3{color:var(--c-ink)}
.bt-C .pr-ok-gem{color:var(--c-messd)}
.bt-C .pr-ok-bedrag{color:var(--c-messd)}
.bt-C #prijzen .pr-ok-in,.bt-C #prijzen .pr-ok-tekst p,.bt-C #prijzen .pr-karo-t>p:not(.pr-karo-getal){color:var(--c-tekst)}
.bt-C .pr-stap li{background:var(--c-kart2)}
.bt-C .pr-stap li:first-child{background:#eadfc6}
.bt-C .pr-stap-n{background:var(--c-ink);color:var(--kalk)}
.bt-C .pr-stap-t{color:var(--c-ink)}
.bt-C .pr-stap li:not(:last-child)::after{background:var(--c-messd)}
.bt-C #prijzen .pr-ok-tekst p.pr-ok-vw{color:var(--c-ink);background:rgba(230,18,2,.07)}
.bt-C .pr-waar{gap:var(--c-blok)}
/* 22.10 FONT VARYANT C (operator): etiket/menu Inter (--mono degeri v5.py),
   ESKIDEN MONO OLAN sayilar Oswald: dugmedeki telefon, situatie fiyatlari,
   sira numaralari, puan. Cumle/adres icindeki sayilar Inter KALIR. */
.bt-C :is(.knop,.bl-bt-knop,.kop-bel,.kop-wa,.bl-bu-knop,.bl-situatie-sat,.bl-be-nr,.bl-prijzen-eksen,.bl-be-konu dd) .nr,
.bt-C :is(.bl-bt-no,.bl-werkwijze-no,.bl-sleutel-no,.bl-vragen-no){
 font-family:Oswald,"Arial Narrow",sans-serif;letter-spacing:.02em}
/* 22.10 (operator): foto zikzak. Onderzoek fotosu SOLDA -> alttaki fotolu kart SAGDA.
   Yalniz yan yana iken; mobilde sira ayni (once "In de werkplaats"). */
@media (min-width:800px){.bt-C .pr-waar .pr-karo-tp{order:-1}}
.bt-C .bl .pr-karo.c-kaart{padding:0;background:var(--c-kart)}
.bt-C .pr-karo-foto{height:clamp(180px,20vw,280px);background:var(--c-kart2)}
.bt-C .pr-karo-t{padding:var(--c-pad)}
@media (min-width:1000px){.bt-C .pr-ok-foto{min-height:520px}}

/* ======================================================= 04 BEOORDELINGEN */
.bt-C .bl-be-kat{gap:var(--c-blok)}
@media (min-width:880px){.bt-C .bl-be-kat{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch}}
.bt-C .bl .bl-be-cijfer.c-kaart{border-left:0;padding:var(--c-pad)}
.bt-C .bl-be-nr{font-size:clamp(104px,15vw,216px);line-height:.8;color:var(--c-ink);gap:16px}
.bt-C .bl-be-pay{color:var(--c-tekst);font-size:clamp(20px,2.4vw,30px)}
.bt-C .bl-be-uit{color:var(--c-ink);margin-top:24px;font-size:18px;line-height:27px}
.bt-C .bl-be-datum{color:var(--c-tekst)}
.bt-C .bl-guven-h3{color:var(--c-messd)}
.bt-C .bl-be-konu dl{max-width:none}
.bt-C .bl-be-konu dt,.bt-C .bl-be-konu dd{border-top:1px solid var(--c-lijn);padding-block:18px}
.bt-C .bl-be-konu dt{color:var(--c-ink);font-size:18px}
.bt-C .bl-be-konu dd{color:var(--c-messd);font-size:18px}
.bt-C .bl-be-kaart{gap:var(--c-blok)}
.bt-C .bl .bl-be-kaart .c-kaart{padding:var(--c-pad)}
.bt-C .bl-be-kaart blockquote{color:var(--c-ink);font-size:19px;line-height:30px}
.bt-C .bl-be-kaart blockquote::before{color:var(--c-messd)}
.bt-C .bl-be-kaart figcaption{border-top:1px solid var(--c-lijn);color:var(--c-tekst)}
.bt-C .bl-be-kaart figcaption b{color:var(--c-ink)}

/* ========================================================= 05 WERKGEBIED */
.bt-C .bl-wp-kat{grid-template-columns:minmax(0,1fr);gap:var(--c-blok)}
.bt-C .bl-wp-foto img{width:100%;aspect-ratio:1376/768;object-fit:cover;filter:none}
.bt-C .bl .bl-wp-kunye.c-kaart{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px}
.bt-C .bl-wp-kunye > div{border-top:0;padding-block:0}
.bt-C .bl-wp-kunye b{color:var(--c-ink)}
.bt-C .bl-wp-kunye .bl-wp-sub{color:var(--c-tekst)}
.bt-C .c-wp-not{margin-top:var(--c-blok)}
.bt-C .bl-wp-not{margin-top:0;color:var(--c-tekst)}
.bt-C .bl-wp-not b{color:var(--c-ink)}
.bt-C .bl-wp-eylem{margin-top:4px}
.bt-C .bl-wg-net{gap:var(--c-blok);background:none}
.bt-C .bl .bl-wg-kart.c-kaart{border-left:0;background:var(--c-kart)}
.bt-C .bl-wg-bas{color:var(--c-messd)}
.bt-C .bl-wg-kart h3{color:var(--c-ink)}
.bt-C .bl-wg-kart p:not(.bl-wg-bas){color:var(--c-tekst)}
.bt-C .bl-wg-ana p:not(.bl-wg-bas){color:var(--c-ink)}
.bt-C .bl-wg-fotolar{gap:12px}
.bt-C .bl-wg-foto{height:clamp(140px,17vw,250px);border-top:0;filter:none}
.bt-C .bl .bl-bu-band.c-kaart{border:0;border-top:3px solid var(--messing);background:var(--c-kart)}
.bt-C .bl-bu-metin b{color:var(--c-ink)}
.bt-C .bl-bu-metin p{color:var(--c-tekst)}
.bt-C .bl-bu-yer li{border:0;background:var(--c-kart2);color:var(--c-ink)}
@media (max-width:999px){.bt-C .bl .bl-wp-kunye.c-kaart{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.bt-C .bl .bl-wp-kunye.c-kaart{grid-template-columns:minmax(0,1fr);gap:18px}}

/* =========================================================== 06 WERKWIJZE */
.bt-C .bl-werkwijze-net{gap:var(--c-blok)}
@media (min-width:1000px){.bt-C .bl-werkwijze-net{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.bt-C .bl-werkwijze-adimlar{display:grid;gap:var(--c-blok)}
.bt-C .bl .bl-werkwijze-adim.c-kaart{border-bottom:0;padding:var(--c-pad)}
.bt-C #werkwijze .bl-ic h3,.bt-C #sleutel .bl-ic h3{color:var(--c-ink)}
.bt-C #werkwijze .bl-ic p,.bt-C #sleutel .bl-ic p{color:var(--c-tekst)}
.bt-C #werkwijze b,.bt-C #sleutel b{color:var(--c-ink)}
.bt-C #werkwijze .bl-ic p.bl-werkwijze-not{color:var(--c-tekst);border-left-color:var(--messing)}
.bt-C .bl .bl-werkwijze-yan.c-kaart{padding:0;display:flex;flex-direction:column}
@media (min-width:1000px){.bt-C .bl-werkwijze-yan{top:96px}}
.bt-C #werkwijze figure,.bt-C #sleutel figure,.bt-C #diensten figure{border:0;background:none}
.bt-C #werkwijze .bl-werkwijze-yan figure{order:-1;margin:0}
.bt-C #werkwijze .bl-werkwijze-yan figure img{aspect-ratio:711/700;object-fit:cover;object-position:50% 40%;filter:none}
.bt-C #werkwijze .bl-ic .bl-werkwijze-yan>p{margin:var(--c-pad) var(--c-pad) 16px;color:var(--c-messd)}
.bt-C .bl-werkwijze-lijst{margin:0 var(--c-pad) var(--c-pad)}
.bt-C .bl-werkwijze-lijst li{border-top:1px solid var(--c-lijn)}
.bt-C .bl-werkwijze-lijst li>b{color:var(--c-ink)}
.bt-C .bl-werkwijze-lijst li>span{color:var(--c-tekst)}

/* ============================================================== 07 MERKEN */
.bt-C .c-mk-izgara{display:grid;row-gap:var(--c-blok);column-gap:64px;align-items:start}
@media (min-width:1000px){
 .bt-C .c-mk-izgara{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
 .bt-C .c-mk-izgara > *{grid-column:2}
 .bt-C .c-mk-izgara > .c-mk-foto{grid-column:1;grid-row:1 / span 3;position:sticky;top:96px}
}
.bt-C .c-mk-foto{margin:0;border-top:3px solid var(--messing);background:var(--c-kart2)}
.bt-C .c-mk-foto img{width:100%;aspect-ratio:752/948;object-fit:cover}
.bt-C .c-mk-izgara > .bl-mk-metin{margin-top:0}
.bt-C .bl-mk-metin p{color:var(--c-tekst)}
.bt-C .bl-mk-metin b{color:var(--c-ink)}
.bt-C .c-mk-izgara .bl-sy-B{margin-top:0;grid-template-columns:minmax(0,1fr);gap:var(--c-blok)}
.bt-C .bl .bl-sy-B .bl-sy-r.c-kaart{border:0;border-top:3px solid var(--messing);background:var(--c-kart);gap:18px}
.bt-C .bl-sy-logo{color:var(--c-ink)}
.bt-C .bl-sy-logo svg{fill:var(--c-messd)}
.bt-C .bl-sy-B .bl-sy-yan .bl-sy-k{background:var(--c-kart2);color:var(--c-messd)}
.bt-C .bl-sy-B .bl-sy-yan small{color:var(--c-tekst)}
.bt-C .bl-sy-B .bl-sy-ok{color:var(--c-messd)}
.bt-C .bl-sy-gev{color:var(--c-tekst)}

/* ================================================ 08 DIENSTEN · ATOLYE ANI */
.bt-C .dn-paneel{background:none;box-shadow:none;gap:var(--c-blok)}
.bt-C .dn-links{background:none;gap:var(--c-blok)}
.bt-C .dn-fotos{background:none;gap:var(--c-blok)}
.bt-C .dn-foto::after{content:none}
.bt-C #diensten .dn-foto{border-top:3px solid var(--messing)}
.bt-C .bl .dn-kontak.c-kaart{background:var(--c-kartd)}
.bt-C .dn-klok{padding:0;gap:var(--c-blok)}
.bt-C .dn-kolom{gap:var(--c-blok)}
.bt-C .bl .dn-groep.c-kaart{box-shadow:none;background:var(--c-kartd)}
.bt-C .dn-r{background:rgba(255,255,255,.035)}
@media (max-width:900px){.bt-C .dn-klok{padding:0;gap:var(--c-blok)}.bt-C .dn-kolom{gap:var(--c-blok)}}
@media (max-width:720px){.bt-C .bl .dn-kontak.c-kaart{padding:var(--c-pad)}.bt-C .bl .dn-groep.c-kaart{padding:var(--c-pad)}}

/* ============================================================= 09 SLEUTEL */
.bt-C .bl-sleutel-net{grid-template-columns:minmax(0,1fr);gap:var(--c-blok)}
.bt-C .bl-sleutel-beeld{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--c-blok)}
.bt-C #sleutel .bl-sleutel-beeld figure{border-top:3px solid var(--messing)}
.bt-C #sleutel .bl-sleutel-beeld figure img{aspect-ratio:1/1;object-fit:cover;filter:none}
.bt-C .bl .bl-sleutel-lijst.c-kaart{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;padding-block:calc(var(--c-pad) - 12px)}
.bt-C .bl-sleutel-lijst>div{border-bottom:1px solid var(--c-lijn)}
.bt-C .bl-sleutel-lijst>div:nth-last-child(-n+2){border-bottom:0}
@media (max-width:760px){.bt-C .bl-sleutel-lijst>div:nth-last-child(2){border-bottom:1px solid var(--c-lijn)}}
.bt-C .bl .bl-sleutel-son.c-kaart{margin-top:var(--c-blok);border:0;border-top:3px solid var(--messing)}
.bt-C #sleutel .bl-ic .bl-sleutel-son p{color:var(--c-ink)}
@media (max-width:760px){.bt-C .bl .bl-sleutel-lijst.c-kaart{grid-template-columns:minmax(0,1fr)}}

/* ============================================================== 10 VRAGEN */
.bt-C .bl .bl-vragen-sar.c-kaart{padding-block:calc(var(--c-pad) - 18px)}
.bt-C .bl-vragen-lst{border-top:0}
.bt-C .bl-vragen-lst details,.bt-C .bl-vragen-lst details:first-child{border-top:0;border-bottom:1px solid var(--c-lijn)}
@media (min-width:1000px){.bt-C .bl-vragen-lst details:nth-child(5){border-bottom:0}}
@media (max-width:999px){.bt-C .bl-vragen-lst:last-child details:last-child{border-bottom:0}}
.bt-C .bl-vragen-lst summary{color:var(--c-ink)}
.bt-C .bl-vragen-lst summary:hover{color:var(--c-messd)}
.bt-C .bl-vragen-im,.bt-C .bl-vragen-lst summary:hover .bl-vragen-im{background-image:linear-gradient(var(--c-messd),var(--c-messd)),linear-gradient(var(--c-messd),var(--c-messd))}
.bt-C .bl-vragen-cv{color:var(--c-tekst)}
.bt-C .bl-vragen-cv b{color:var(--c-ink)}

/* ======================================================= 11 AFSPRAAK */
.bt-C .bl-afspraak-sar{gap:var(--c-blok)}
.bt-C .c-start{display:grid;place-items:center}
.bt-C .c-schijf--start{width:min(100%,280px);height:auto;aspect-ratio:1/1;max-width:none}
/* 03.11 ENGINE START STOP (operator): halka nefes alir, dugme 4 sn'de bir basilir */
.bt-C .c-push{display:block;width:min(100%,280px);height:auto;aspect-ratio:1/1}
.bt-C .c-push-knop{transform-box:fill-box;transform-origin:center;animation:c-push-bas 4s ease-in-out infinite}
.bt-C .c-push-gloed{animation:c-push-nefes 4s ease-in-out infinite}
.bt-C .c-push-ring{animation:c-push-ring 4s ease-in-out infinite}
@keyframes c-push-bas{0%,58%,74%,100%{transform:scale(1)}64%{transform:scale(.94)}}
@keyframes c-push-nefes{0%,100%{opacity:.25}64%{opacity:.95}80%{opacity:.6}}
@keyframes c-push-ring{0%,100%{opacity:.55}64%{opacity:1}}
@media (prefers-reduced-motion:reduce){
 .bt-C .c-push-knop,.bt-C .c-push-gloed,.bt-C .c-push-ring{animation:none}
 .bt-C .c-push-gloed{opacity:.6}
}
@media (min-width:980px){
 .bt-C .bl-afspraak-sar{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}
 .bt-C .bl-afspraak-form{grid-column:1;grid-row:1 / span 2}
 .bt-C .c-start,.bt-C .bl-afspraak-yan{grid-column:2}
}
@media (max-width:979px){.bt-C .c-start{display:none}}
.bt-C .bl .bl-afspraak-form.c-kaart,.bt-C .bl .bl-afspraak-yan.c-kaart{background:var(--c-kartd);border:0;border-top:3px solid var(--messing)}
.bt-C .bl-afspraak-kunye{border-top:1px solid rgba(201,163,86,.17)}

/* ============================================================== FOOTER */
.bt-C .bl-voet{background:var(--c-nacht);padding-top:var(--c-sec)}
/* hero icerigi kendi dibinde biter (marka seridi): bolum>bolum araligi 2 x --c-sec olsun diye
   ilk bolumun ust dolgusu iki kat. Diger her bolumde alt+ust = 2 x --c-sec. */
.bt-C .held + .bl{--c-ust:calc(var(--c-sec) * 2)}

/* ID agirlikli taban kurallarini ezmek icin (stil.css #id secicileri) */
.bt-C #werkwijze h2 em,.bt-C #sleutel h2 em{color:var(--c-messd)}
.bt-C #diensten .kap > .c-band{margin:var(--c-kop) calc(50% - 50vw) 0}
.bt-C .c-band--ai{position:relative;height:clamp(150px,15vw,220px)}
/* AI karesinin tabela yazisi bozuk (FOTO-KUNYE-AI.json "risk"): bant yalniz alt yariyi,
   tezgah + anahtar duvarini gosterir; tabela kadrajin disinda kalir. */
.bt-C .c-band--ai img{position:absolute;left:50%;bottom:0;width:140%;max-width:none;height:auto;transform:translateX(-50%)}
/* 22.10: dar ekranda kare banttan KISA kaliyordu (390 px: bant 150, kare 113 -> ustte 36 px
   koyu bosluk). Kisa kalirsa bandi doldurur; genis ekranda kare zaten uzun, degismez. */
.bt-C .c-band--ai img{min-height:100%;object-fit:cover}

/* ===== FAZ 1 (21.10) — yeni bloklar; renkler showroom belirtecleri */
.f1-pr-not{display:block;margin-top:2px;font-weight:400;font-size:14px;line-height:20px;color:var(--c-tekst,#4a4139)}
.f1-betalen{margin:6px 0 0;font-size:14px;line-height:21px;color:var(--c-tekst,#4a4139)}
.pr-bep h3,.f1-sl h3{margin:0;font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 font-size:clamp(24px,2.4vw,30px);line-height:1.15;letter-spacing:.02em;text-transform:uppercase;color:var(--c-ink,#1b1714)}
.pr-bep > p,.f1-sl > p{margin:14px 0 0;max-width:68ch;font-size:16px;line-height:26px;color:var(--c-tekst,#4a4139)}
.pr-bep-l{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pr-bep-l li{padding:18px 20px;background:var(--c-kart2,#f1ece4)}
.pr-bep-l b{display:block;font-size:16px;line-height:24px;color:var(--c-ink,#1b1714)}
.pr-bep-l p{margin:8px 0 0;font-size:15.5px;line-height:25px;color:var(--c-tekst,#4a4139)}
#prijzen .pr-bep .pr-bep-slot{margin-top:16px;color:var(--c-ink,#1b1714);font-weight:600}
@media (max-width:760px){.pr-bep-l{grid-template-columns:minmax(0,1fr)}}

.f1-sl + .f1-sl,.f1-sl + .bl-sleutel-son{margin-top:var(--c-blok,32px)}
.f1-tip-net{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.f1-tip{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;align-content:start;padding:18px 20px;background:var(--c-kart2,#f1ece4)}
.f1-tip .f1-glif{grid-row:1 / span 2;width:28px;height:28px;fill:var(--c-messd,#7a5a1c)}
.f1-tip h4{margin:0;font-size:16.5px;line-height:24px;color:var(--c-ink,#1b1714)}
.f1-tip p{margin:6px 0 0;font-size:15.5px;line-height:25px;color:var(--c-tekst,#4a4139)}
@media (max-width:760px){.f1-tip-net{grid-template-columns:minmax(0,1fr)}}
.f1-sl a,.pr-bep a,.f1-ander a{color:var(--c-messd,#7a5a1c);font-weight:600;text-decoration:none}
.f1-sl a:hover{color:var(--c-ink,#1b1714)}

.f1-dal-h{margin:0}
.f1-bag-rij{display:flex;flex-wrap:wrap;gap:10px}
.f1-wz-knop{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 0}
/* cumle ici bag: alti cizgisiz (operator kurali), renk + kalinlik ile ayrilir */
.bl a.f1-bag{color:var(--c-messd,#7a5a1c);font-weight:600;text-decoration:none;border:0;background:none}
.bl a.f1-bag:hover{color:var(--c-ink,#1b1714)}
.f1-dallar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.f1-dal{padding:14px 16px;background:var(--c-kart2,#f1ece4)}
.f1-dal > b{color:var(--c-ink,#1b1714)}
.f1-dal p{margin:6px 0 0}
@media (max-width:520px){.f1-dallar{grid-template-columns:minmax(0,1fr)}}

.f1-ander-h{font-weight:650}
.f1-ander-l{margin:0;padding-left:18px;display:grid;gap:8px;font-size:15px;line-height:24px;color:var(--c-tekst,#4a4139)}

/* diensten (koyu atolye ani) */
.dn-auto{margin-top:var(--c-blok,32px)}
.dn-auto-h{margin:0;font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 font-size:clamp(24px,2.4vw,30px);line-height:1.15;letter-spacing:.02em;text-transform:uppercase;color:var(--kalk,#f2efeb)}
.dn-auto-in,.dn-auto-slot{margin:14px 0 0;max-width:72ch;font-size:16px;line-height:26px;color:var(--kalk2,#d8d2ca)}
.dn-auto-l{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dn-auto-l li{padding:18px 20px;background:var(--c-kartd2,#262019)}
.dn-auto-l b{font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:500;font-size:19px;letter-spacing:.03em;
 text-transform:uppercase;color:var(--messingl,#e0c27f)}
.dn-auto-l p{margin:8px 0 0;font-size:15px;line-height:24px;color:var(--kalk2,#d8d2ca)}
.dn-auto-slot a{color:var(--messingl,#e0c27f);font-weight:600;text-decoration:none}
.dn-auto-slot a:hover{color:var(--kalk,#f2efeb)}
@media (max-width:999px){.dn-auto-l{grid-template-columns:minmax(0,1fr)}}

/* werkgebied kunye: 6 oge -> 3 + 3 */
@media (min-width:1000px){.bt-C .bl .bl-wp-kunye.c-kaart{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* 22.10 patlat: fotolar cizim + listenin altinda iki sutun */
.bt-C #sleutel .pt-fotolar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--c-blok,32px);margin-top:var(--c-blok,32px)}
.bt-C #sleutel .pt-fotolar figure{margin:0}
.bt-C #sleutel .pt-fotolar img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
.bt-C #sleutel .pt-fotolar + .f1-sl{margin-top:var(--c-blok,32px)}
/* ====================================================================
   YUZEN · tek koyu zemin, yuzen bolum kartlari, yumusak koseli dugmeler
   Operator 27.10.2026: "butonlar dikdortgen yerine daha guzel bi formda
   olsa ve tum landingin arka plani ayni renk ve sectionlar yuzse" ->
   secim: yumusak kose (12 px, kumanda tusu) + KOYU zemin.
   Bu dosya EN SON yuklenir; digerlerine dokunmaz. Geri almak: v5tam'da
   YZ satirlarini kaldirmak.
   ==================================================================== */
.bt-C{
 --y-zemin:#09080a;            /* sayfanin tek zemini */
 --y-kart:#141217;             /* bolum karti: zeminden bir ton acik */
 --y-kenar:rgba(201,163,86,.16);
 --y-radius:28px;
 --y-ara:24px;                 /* kartlar arasi bosluk */
 --y-gen:min(1320px, calc(100% - 48px));
 --y-dugme:12px;
}
@media (max-width:999px){
 .bt-C{--y-radius:20px; --y-ara:14px; --y-gen:calc(100% - 20px)}
}
html,.bt-C,.bt-C main{background:var(--y-zemin)}

/* ---------------------------- ACIK TEMA BELIRTECLERI -> KOYU KARSILIK
   showroom.css'te ~40 kural rengi dogrudan bu belirteclerden aliyor;
   bolum kartinin icinde yeniden tanimlanir, duzen birebir kalir. */
.bt-C main > .bl,.bt-C .bl-voet{
 --c-papier:var(--y-kart); --c-zand:var(--y-kart);
 --c-kart:#1c1815; --c-kart2:#262019;
 --c-ink:#f2efeb; --c-tekst:#cdc4b8; --c-messd:#d9b56a;
 --c-lijn:rgba(242,239,235,.12);
 color:var(--c-ink);
}

/* ---------------------------------------------- BOLUMLER = KARTLAR */
.bt-C main > .bl,
.bt-C .bl.c-donker,
.bt-C .bl-voet{
 width:var(--y-gen);margin:var(--y-ara) auto 0;
 background:var(--y-kart);
 border:1px solid var(--y-kenar);border-radius:var(--y-radius);
 box-shadow:0 18px 50px rgba(0,0,0,.45);
 overflow:clip;
}
.bt-C .bl-voet{margin-bottom:var(--y-ara)}
/* hero kenardan kenara kalir; ilk kart ona yapisik durmasin */
.bt-C main > .held + .bl{margin-top:var(--y-ara)}
/* kart icinde ic yatay bosluk: .kap kartin icine sigar */
.bt-C main > .bl .kap{width:min(1180px, calc(100% - 48px))}
@media (max-width:999px){
 .bt-C main > .bl .kap{width:calc(100% - 32px)}
}

/* zemini --c-ink, yazisi --kalk olan ogeler: belirtec cevrilince ikisi de
   acik kaldi (kontrast kapisi 27.10: 1.00:1). Koyu temadaki karsiliklari: */
.bt-C main > .bl:not(.c-donker) :is(.knop-2,.bl-bt-knop2){
 background:transparent;border:1px solid rgba(242,239,235,.55);color:var(--kalk)}
.bt-C main > .bl:not(.c-donker) :is(.knop-2,.bl-bt-knop2):hover{
 background:rgba(242,239,235,.08);border-color:var(--kalk)}
.bt-C main > .bl .pr-stap-n{background:var(--c-messd);color:#141217}
/* belirtec degil SABIT acik hex yazilmis ogeler (showroom.css 27.10 taramasi;
   metinsiz olanlari kontrast kapisi goremez) */
.bt-C main > .bl .pr-stap li:first-child{background:#3a2f1f}
.bt-C main > .bl .bl-situatie-k>summary:hover{background:#241f19}
.bt-C main > .bl .bl-prijzen-ray{background:rgba(242,239,235,.12)}
.bt-C main > .bl{--c-leeg2:#2b2521}
.bt-C main > .bl .c-zincir{--c-leeg:#2b2521}
/* gosterge bos hucresi: c-zand bolumunde sabit #cfc5b6 (ekran goruntusunde 03/05) */
.bt-C main > .bl .c-meter i{background:#2b2521}

/* ------------------------------------------------ HERO ZINCIRI YOK
   Operator 27.10: kontak kadrani + pirinc omurga herodan kalksin, zincir
   02'den baslasin. Yalniz grafik (metin yok). */
.bt-C .held .c-zincir{display:none}

/* --------------------------------------------- KART IC BOSLUGU
   Operator 27.10 (ekran goruntusu): kartin ustunde "devasa bosluk". Olculdu:
   02'de 224 px (showroom .held + .bl iki kat: marka seridi hero'dan bolume
   biniyordu; serit artik kartin disinda), digerlerinde 112 px. Kartta dengeli: */
.bt-C main > .bl.bl{--c-ust:72px;padding-bottom:88px}
@media (max-width:999px){
 .bt-C main > .bl.bl{--c-ust:44px;padding-bottom:56px}
}

/* ------------------------------------------ BOLUM BASI: KOMPAKT
   Operator 27.10: "section basliklari cok buyuk ve alt alta". Olculdu:
   numara 112 px + gosterge, altinda etiket, altinda 60 px baslik 20ch'ye
   sikismis (2-3 satir). Simdi: numara 56 px, numara + gosterge + etiket TEK
   satir, baslik en cok 42 px ve 32ch. Kadranin yeri --c-nrh'den hesaplanir,
   kendiliginden hizalanir. */
.bt-C{--c-nrh:56px;--c-kadran:56px}   /* kadran 76 px kuculen numaraya degiyordu (ekran 08) */
@media (max-width:999px){.bt-C{--c-nrh:40px}}
.bt-C main > .bl .kap > .c-kop{display:inline-flex;vertical-align:middle;gap:20px}
.bt-C main > .bl .kap > .c-kop + .bl-et{display:inline-flex;vertical-align:middle;margin:0 0 0 24px}
.bt-C main > .bl .kap > .bl-h2{font-size:clamp(28px,3vw,42px);line-height:1.08;max-width:32ch;margin-top:14px}
@media (max-width:999px){
 .bt-C main > .bl .kap > .c-kop + .bl-et{display:flex;margin:12px 0 0}
}

/* -------------------------------------- FOTOGRAF BANTLARI: ICERIK HIZASI
   Olculdu 27.10: 02/08/10 bantlari 0..1440 (kart 60..1380, icerik 130..1310);
   kartin kenarini tasip kirpiliyordu, ayni kartta iki sol cizgi. */
.bt-C main > .bl .c-band,
.bt-C #diensten .kap > .c-band{margin-inline:0;width:auto}

/* ------------------------------- HERO: HAREKET AZALTMA KIPI HIZASI
   Olculdu 27.10: prefers-reduced-motion'da marka seridi (.m-serit) static
   olup hero'ya akiyor, .h-ic 1180 -> 441 px daraliyor ve sol kenara (x=0)
   yapisiyordu; normal kipte x=130 (logo hizasi). */
@media (prefers-reduced-motion:reduce){
 .bt-C .held{flex-wrap:wrap}
 .bt-C .held .h-ic{width:var(--kap);max-width:calc(100% - 40px);margin-inline:auto;flex:0 0 auto}
 .bt-C .held .m-serit{flex:0 0 100%}
}

/* ------------------------------------------------ ALTBILGI: UC SUTUN
   Operator 27.10: "footeri da duzenleyelim". Olculdu: solda logo + ad +
   kunye yigili, sagda iki kucuk bag sutunu, arada bos alan. Metin AYNI;
   yalniz yerlesim: marka | iletisim | baglar. */
@media (min-width:1000px){
 .bt-C .bl-voet .bl-voet-ust{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:"logo kunye nav" "ad kunye nav";grid-template-rows:auto 1fr;
  column-gap:clamp(32px,4vw,64px);row-gap:14px;align-items:start}
 .bt-C .bl-voet .bl-voet-ust > div{display:contents}
 .bt-C .bl-voet .bl-voet-logo{grid-area:logo;margin:0}
 .bt-C .bl-voet .bl-voet-ad{grid-area:ad}
 .bt-C .bl-voet .bl-voet-kunye{grid-area:kunye;margin-top:0}
 .bt-C .bl-voet .bl-voet-nav{grid-area:nav}
 .bt-C .bl-voet .bl-voet-nav ul{grid-template-columns:1fr}
}
.bt-C .bl-voet.bl-voet{padding-block:56px 32px}
.bt-C .bl-voet .bl-voet-alt{display:flex;flex-wrap:wrap;gap:8px 24px}

/* ------------------------------------------ TER PLAATSE KARTLARI
   Operator 27.10: iki yerde "Ter plaatse" karti fotosuz, yan kart dolu ->
   dengesiz. Kart sutun duzeni: metin ustte, fotograf kalan yuksekligi doldurur
   (yan yana iki kart ayni boyda biter). */
.bt-C .pr-karo{display:flex;flex-direction:column}
.bt-C .pr-karo-foto--alt{margin-top:auto;flex:1 1 auto;min-height:clamp(180px,20vw,280px);
 border-radius:0 0 18px 18px}
.bt-C .pr-karo-foto--alt img{width:100%;height:100%;object-fit:cover;object-position:92% 72%}
.bt-C .bl-wg-yan{display:flex;flex-direction:column}
.bt-C .bl-wg-tp-foto{margin:22px 0 0;flex:1 1 auto;min-height:220px;overflow:clip;border-radius:14px}
.bt-C .bl-wg-tp-foto img{width:100%;height:100%;object-fit:cover;object-position:78% 62%}

/* ------------------------------------- KART ICINDEKI KUTULAR: YUMUSAK
   Operator 27.10: "section icindeki dikdortgen olan herseyi yeni
   yumusatilmis forma cevirmen lazim". Kapi: arac/koseli-kutu-denetim.py */
.bt-C main > .bl :is(.c-kaart,.c-b,figure,.f1-tip,.f1-dal,.bl-prijzen-r.one){border-radius:18px}
.bt-C main > .bl :is(figure,.c-band){overflow:clip}
.bt-C main > .bl :is(li,.pr-ok-vw,.bl-sy-k,.bl-prijzen-r){border-radius:12px}
.bt-C main > .bl :is(img,video,picture){border-radius:14px}

/* ---------------------------------------- DUGMELER: YUMUSAK KOSE */
.bt-C :is(.knop,.kop-bel,.bl-bt-knop,.bl-bt-bag,.bl-bu-knop,.dn-knop,.atla){
 border-radius:var(--y-dugme);
}
/* mobil menu dugmesi (baslikta <summary>) ve cizim paneli de ayni dilde */
.bt-C header summary{border-radius:var(--y-dugme)}
.bt-C main > .bl .xv-fig{border-radius:16px;overflow:clip}
/* form alanlari dugmelerle ayni dilde */
.bt-C .bl-afspraak-form :is(input,select,textarea){border-radius:10px}
/* UXK — UX kural duzeltmeleri (29.10.2026, PLAN #76, operator onayi).
   Olcum: arac/ux-kural-olc.py (UI/UX Pro Max ux-guidelines.csv, MIT).
   Her secici duzelttigi kuraldan EN AZ o kadar ozgul; katman en sonda. */

/* 28/102 · Form alanlarinda kendi odak kurali YOKTU: tarayici varsayilani
   (auto 1px, #101010) koyu zeminde (#141217) gorunmuyordu. Sayfadaki diger
   koyu bolgelerin dili: 3 px amber. */
#afspraak .bl-afspraak-alan :is(input,select):focus-visible{
 outline:3px solid var(--amber);outline-offset:2px}

/* 100 · Shift+Tab'da 159 odaktan 17'si 76 px sabit menunun altinda kaldi. */
html{scroll-padding-top:92px}

/* 73 · Satir basina gercek karakter: 91 ve 88 (sinir 85). 68ch/66ch bu
   yazi tipinde 85'in ustune cikiyor; 60ch olculerek secildi. */
#sleutel .f1-sl > p,
#sleutel .bl-ic .bl-sleutel-son p{max-width:60ch}

/* 39 · Basliklarda tek kelimelik yetim satir kalmasin. */
h1,h2,h3{text-wrap:balance}

/* 67/72 · Mobil govde metni >= 16 px (olculen: 14-15 px, 25 paragraf). */
@media (max-width:767px){
 #situatie .bl-situatie-ac p,
 #werkgebied .bl-wp-not,
 #werkwijze .bl-ic p.bl-werkwijze-not,
 #merken .bl-sy-gev,
 #merken .f1-ander-l,
 #diensten .bl-ic .dn-r p,
 #diensten .dn-auto-l p,
 #afspraak .bl-afspraak-not{font-size:16px;line-height:24px}
}
/* HERO02 katmani — hero A, operator onayi 30.10.2026 (PLAN #76). motionsites hero-02
   katmanlari UES icerigiyle yeniden kuruldu; fikir yalniz, kod ya da metin kopyalanmadi. */

/* the canvas is transparent now: the stage colour moves to the frame */
.h-doek[data-sahne]{background:#121113}
#hero-sahne{z-index:1}

/* GIANT OUTLINE WORD behind the car (operator: "UES") */
.h02-woord{position:absolute;z-index:0;right:2vw;top:calc(var(--kop-h) + 4vh);
 font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:700;
 font-size:clamp(200px,27vw,480px);line-height:.8;letter-spacing:.02em;
 color:transparent;-webkit-text-stroke:2px rgba(201,163,86,.42);
 -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 92%);
 mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 92%);
 user-select:none;pointer-events:none}
/* below 1000px the 3D car is gone (fallback photo), so the word has no stage
   to sit behind; at 390 it was measured near-invisible behind the text list
   and competing with the photo's own UES sign (30.10). Desktop only. */
@media (max-width:999px){.h02-woord{display:none}}

/* the landing's curtain stays nearly opaque to 54 % (text column ends ~51 %)
   but now clears by 68 %, so the U of the word is not swallowed. Desktop only;
   the contrast gate decides whether this holds. */
@media (min-width:1000px){
 .h-perde{background:
  linear-gradient(180deg,rgba(10,9,11,.50) 0%,rgba(10,9,11,.08) 20%,
   rgba(10,9,11,.06) 72%,rgba(10,9,11,.52) 100%),
  linear-gradient(90deg,rgba(10,9,11,.97) 0%,rgba(10,9,11,.94) 42%,
   rgba(10,9,11,.82) 50%,rgba(10,9,11,.55) 56%,rgba(10,9,11,.28) 62%,
   rgba(10,9,11,.10) 70%,rgba(10,9,11,0) 80%)}
}

/* static mist on the right, no animation */
.h02-sis{position:absolute;inset:0;z-index:3;pointer-events:none;
 background:radial-gradient(ellipse 38% 30% at 96% 72%,rgba(190,190,200,.10),transparent 70%),
  radial-gradient(ellipse 30% 22% at 80% 86%,rgba(190,190,200,.06),transparent 70%)}

/* scroll cue removed: operator 03.11 */

/* SOCIALS in the header (Instagram real; FB / YT / X temporary) */
.h02-sos{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.h02-sos a{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;color:var(--kalk2)}
.h02-sos a:hover{color:var(--messingl);background:rgba(255,255,255,.06)}
.h02-sos a:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.h02-sos svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.h02-sos svg .d{fill:currentColor;stroke:none}
@media (max-width:1180px){.h02-sos{display:none}}
/* VARIANT 2 "Sekmeler" — hero + 5 compacte secties.
   Alleen voor tasarim/hero/_bolum-V2. Bouwt op stil.css (bt-C) van _saas-V5TAM. */

.bt-C .bl .v2-kart{background:#1a1613;border:1px solid rgba(201,163,86,.16);border-radius:14px}
.bt-C .bl .v2-klein{font-size:14.5px;line-height:1.55;color:#a9a094}
.bt-C .bl .v2-bag{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#e8cf99;font-weight:600;text-decoration:none}
.bt-C .bl .v2-bag::after{content:"";width:14px;height:10px;flex:none;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='M0 4.2h10.6L7.6 1.2 8.8 0l5 5-5 5-1.2-1.2 3-3H0z'/%3E%3C/svg%3E") center/contain no-repeat;
         mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='M0 4.2h10.6L7.6 1.2 8.8 0l5 5-5 5-1.2-1.2 3-3H0z'/%3E%3C/svg%3E") center/contain no-repeat;
 transition:transform .2s ease}
.bt-C .bl .v2-bag:hover{color:#f2efeb}
.bt-C .bl .v2-bag:hover::after{transform:translateX(3px)}
.bt-C .bl a.v2-bag[target]::after{transform:rotate(-45deg)}
.bt-C .bl .v2-bag-rij{display:flex;flex-wrap:wrap;gap:4px 26px;margin:14px 0 0}
.bt-C .bl h3{margin:0}

/* ---------- 1 · Situatie & prijs ---------- */
.bt-C .bl .v2-sit{position:relative;display:grid;gap:12px;margin-top:var(--c-kop)}
/* 03.11 ux-kapi (WCAG 2.5.8): 1x1 radyo "kucuk hedef" sayiliyordu. Tiklamayi etiket alir;
   radyo 24x24 ama gorunmez ve tiklanamaz (pointer-events:none). */
.v2-r{position:absolute;top:0;left:0;width:24px;height:24px;margin:0;opacity:0;pointer-events:none}
.v2-tabl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bt-C .bl .v2-tab{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border:1px solid rgba(201,163,86,.2);
 border-radius:12px;background:#15120f;color:#d8d2ca;cursor:pointer;-webkit-tap-highlight-color:transparent;
 transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.bt-C .bl .v2-tab .bl-bt-ik{flex:none;width:22px;height:22px;fill:none;stroke:#c9a356;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bt-C .bl .v2-tab > span{min-width:0}
.bt-C .bl .v2-tab b{display:block;font:500 15px/1.15 Oswald,"Arial Narrow",sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#f2efeb}
.bt-C .bl .v2-tab b + span{display:block;margin-top:3px;font-size:12.5px;line-height:1.3;color:#a59c90}
.bt-C .bl .v2-tab:hover{border-color:rgba(201,163,86,.55)}
#v2-t-kwijt:checked ~ .v2-tabl #v2-l-kwijt,#v2-t-reserve:checked ~ .v2-tabl #v2-l-reserve,
#v2-t-contact:checked ~ .v2-tabl #v2-l-contact,#v2-t-module:checked ~ .v2-tabl #v2-l-module,
#v2-t-portier:checked ~ .v2-tabl #v2-l-portier,#v2-t-inauto:checked ~ .v2-tabl #v2-l-inauto{
 background:linear-gradient(180deg,#2c241b,#1e1914);border-color:#c9a356;box-shadow:inset 0 -3px 0 #c9a356}
#v2-t-kwijt:focus-visible ~ .v2-tabl #v2-l-kwijt,#v2-t-reserve:focus-visible ~ .v2-tabl #v2-l-reserve,
#v2-t-contact:focus-visible ~ .v2-tabl #v2-l-contact,#v2-t-module:focus-visible ~ .v2-tabl #v2-l-module,
#v2-t-portier:focus-visible ~ .v2-tabl #v2-l-portier,#v2-t-inauto:focus-visible ~ .v2-tabl #v2-l-inauto{
 outline:3px solid #e8cf99;outline-offset:2px}

.bt-C .bl .v2-paneel{display:none;padding:clamp(18px,2.6vw,32px);border-top:3px solid #c9a356}
#v2-t-kwijt:checked ~ .v2-panelen #v2-p-kwijt,#v2-t-reserve:checked ~ .v2-panelen #v2-p-reserve,
#v2-t-contact:checked ~ .v2-panelen #v2-p-contact,#v2-t-module:checked ~ .v2-panelen #v2-p-module,
#v2-t-portier:checked ~ .v2-panelen #v2-p-portier,#v2-t-inauto:checked ~ .v2-panelen #v2-p-inauto{display:block}
.bt-C .bl .v2-ph{font:500 clamp(24px,2.6vw,32px)/1.05 Oswald,"Arial Narrow",sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#f2efeb}
.bt-C .bl .v2-paneel > p{margin:12px 0 0;color:#d8d2ca;line-height:1.6;max-width:62ch}
.bt-C .bl .v2-vraag b{color:#f2efeb}
.bt-C .bl .v2-dal{display:grid;gap:12px;margin-top:12px}
.bt-C .bl .v2-dal > div{padding:14px 16px;border-radius:10px;background:#221c17}
.bt-C .bl .v2-dal > div > b{font:500 14px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#c9a356}
.bt-C .bl .v2-dal p{margin:6px 0 0;color:#d8d2ca;line-height:1.55}
.bt-C .bl .v2-pr{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:10px 0 0;padding:10px 0 0;
 border-top:1px solid rgba(201,163,86,.18);color:#f2efeb;font-weight:600}
.bt-C .bl .v2-pr small{display:block;font-weight:400;font-size:13px;color:#a59c90}
.bt-C .bl .v2-pr .nr{font:600 clamp(19px,1.8vw,23px)/1 Oswald,"Arial Narrow",sans-serif;color:#e8cf99;letter-spacing:.02em}
.bt-C .bl .v2-eylem{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.bt-C .bl .v2-eylem .knop{min-height:48px}

/* volledige prijslijst — altijd zichtbaar, ook zonder JS */
.bt-C .bl .v2-tabel{margin-top:var(--c-blok);padding:clamp(18px,2.6vw,30px)}
.bt-C .bl .v2-tabel-kop{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px}
.bt-C .bl .v2-tabel-kop h3{font:500 clamp(20px,2vw,26px)/1.1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#f2efeb}
.bt-C .bl .v2-tabel-kop p{margin:0;font-size:14px;color:#a59c90}
.bt-C .bl .v2-tabel-l{list-style:none;margin:14px 0 0;padding:0;columns:1;column-gap:44px}
.bt-C .bl .v2-tabel-l li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(201,163,86,.13);break-inside:avoid;font-size:15px;color:#d8d2ca}
.bt-C .bl .v2-tabel-l .nr{color:#e8cf99;font-weight:600}
.bt-C .bl .v2-tabel-not{display:grid;gap:12px;margin-top:16px}
.bt-C .bl .v2-tabel-not p{margin:0;padding:14px 16px;border-radius:10px;background:#221c17;font-size:14.5px;line-height:1.55;color:#bfb6aa}
.bt-C .bl .v2-tabel-not b{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px;color:#f2efeb}
.bt-C .bl .v2-tabel-not b .nr{color:#e8cf99}
.bt-C .bl .v2-hub{margin-top:10px}

/* 03.11 ux-kapi: mobilde govde metni >=16 px (tablo satirlari 15, notlar 14,5 px idi) */
@media (max-width:999px){
 .bt-C .bl .v2-tabel-l li,.bt-C .bl .v2-tabel-not p,.bt-C .bl .v2-klein,.bt-C .bl .v2-tabel-kop p{font-size:16px;line-height:1.5}
}
@media (min-width:700px){
 .bt-C .bl .v2-tabl{grid-template-columns:repeat(3,minmax(0,1fr))}
 .bt-C .bl .v2-dal{grid-template-columns:1fr 1fr}
 .bt-C .bl .v2-tabel-l{columns:2}
 .bt-C .bl .v2-tabel-not{grid-template-columns:1fr 1fr}
}
@media (min-width:1000px){
 .bt-C .bl .v2-sit{grid-template-columns:minmax(260px,330px) minmax(0,1fr);align-items:start;gap:16px}
 .bt-C .bl .v2-tabl{grid-template-columns:1fr;gap:8px}
 .bt-C .bl .v2-tab{min-height:68px;padding:12px 16px}
 #v2-t-kwijt:checked ~ .v2-tabl #v2-l-kwijt,#v2-t-reserve:checked ~ .v2-tabl #v2-l-reserve,
 #v2-t-contact:checked ~ .v2-tabl #v2-l-contact,#v2-t-module:checked ~ .v2-tabl #v2-l-module,
 #v2-t-portier:checked ~ .v2-tabl #v2-l-portier,#v2-t-inauto:checked ~ .v2-tabl #v2-l-inauto{box-shadow:inset 3px 0 0 #c9a356}
 /* 03.11: 8 sekmede sol sutun 600 px; kisa panellerde bosluk saga geciyordu (110-165 px,
    olculdu). Panel satir boyunca uzar: iki sutun her sekmede ayni hizada biter. */
 .bt-C .bl .v2-sit{align-items:stretch}
 .bt-C .bl .v2-panelen{display:flex;flex-direction:column}
 .bt-C .bl .v2-paneel{flex:1 1 auto}
}

/* ---------- 2 · Bewijs ---------- */
.bt-C .bl .v2-bew{display:grid;gap:12px;margin-top:var(--c-kop)}
.bt-C .bl .v2-bew > *{padding:clamp(18px,2.2vw,26px);margin:0}
.bt-C .bl .v2-cijfer p{margin:6px 0 0;color:#d8d2ca}
.bt-C .bl .v2-cijfer .v2-cijfer-nr{display:flex;align-items:baseline;gap:8px;margin:0}
.bt-C .bl .v2-cijfer-nr .nr:first-child{font:600 64px/1 Oswald,"Arial Narrow",sans-serif;color:#e8cf99}
.bt-C .bl .v2-cijfer-nr .nr + .nr{font:500 22px/1 Oswald,"Arial Narrow",sans-serif;color:#a59c90}
.bt-C .bl .v2-konu h3,.bt-C .bl .v2-tp h3,.bt-C .bl .v2-wp h3{font:500 15px/1.2 Oswald,"Arial Narrow",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#c9a356}
.bt-C .bl .v2-konu dl{display:grid;grid-template-columns:1fr auto;gap:0 16px;margin:10px 0 0}
.bt-C .bl .v2-konu dt,.bt-C .bl .v2-konu dd{margin:0;padding:8px 0;border-bottom:1px solid rgba(201,163,86,.13);color:#d8d2ca}
.bt-C .bl .v2-konu dd{color:#e8cf99;font-weight:600;text-align:right}
.bt-C .bl .v2-alinti{display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.bt-C .bl .v2-alinti blockquote{margin:0;font:500 clamp(22px,2.2vw,28px)/1.25 Oswald,"Arial Narrow",sans-serif;letter-spacing:.01em;color:#f2efeb}
.bt-C .bl .v2-alinti blockquote::before{content:"\201C";display:block;font-size:56px;line-height:.6;color:#c9a356}
.bt-C .bl .v2-alinti figcaption{font-size:13.5px;color:#a59c90}
.bt-C .bl .v2-alinti figcaption b{display:block;color:#f2efeb;font-size:15px}

.bt-C .bl .v2-merk{margin-top:12px;padding:clamp(18px,2.2vw,26px) 0 clamp(14px,2vw,22px);overflow:hidden}
.bt-C .bl .v2-merk-kop{padding:0 clamp(18px,2.2vw,26px);display:grid;gap:6px}
.bt-C .bl .v2-merk-kop p{margin:0;color:#d8d2ca;line-height:1.55;max-width:80ch}
.bt-C .bl .v2-merk-kop .v2-merk-et{font:500 14px/1.2 Oswald,"Arial Narrow",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#c9a356}
.bt-C .bl .v2-merk-kop .v2-bag{margin-left:6px}
.v2-merk-sar{margin-top:10px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.v2-merk-yol{display:flex;width:max-content;animation:v2Kay 70s linear infinite}
.v2-merk-sar:hover .v2-merk-yol{animation-play-state:paused}
.v2-merk-ic{display:flex;align-items:center;flex:none}
.bt-C .v2-merk .m-oge{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;color:#d8d2ca;border-right:1px solid rgba(201,163,86,.12)}
.bt-C .v2-merk .m-amblem{color:#e8cf99;fill:currentColor}
.bt-C .v2-merk .m-ad{font:500 13px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.1em;text-transform:uppercase}
@keyframes v2Kay{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
 .v2-merk-yol{animation:none;width:auto;flex-wrap:wrap}
 .v2-merk-ic{flex-wrap:wrap;flex:1 1 100%}
 .v2-merk-ic[aria-hidden]{display:none}
 .v2-merk-sar{-webkit-mask-image:none;mask-image:none}
}
@media (min-width:1000px){
 .bt-C .bl .v2-bew{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr)}
}
@media (min-width:700px) and (max-width:999px){
 .bt-C .bl .v2-bew{grid-template-columns:1fr 1fr}
 .bt-C .bl .v2-alinti{grid-column:1 / -1}
}

/* ---------- 3 · Werkwijze & werkgebied ---------- */
.bt-C .bl .v2-ww{display:grid;gap:12px;margin-top:var(--c-kop)}
.bt-C .bl .v2-stap{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bt-C .bl .v2-stap li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:18px 20px}
.bt-C .bl .v2-stap-no{font:600 30px/1 Oswald,"Arial Narrow",sans-serif;color:#c9a356}
.bt-C .bl .v2-stap h3{font:500 18px/1.2 Oswald,"Arial Narrow",sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#f2efeb}
.bt-C .bl .v2-stap p{margin:6px 0 0;color:#cdc4b8;line-height:1.55}
.bt-C .bl .v2-tp{margin-top:10px;padding:18px 20px}
.bt-C .bl .v2-tp p{margin:8px 0 0;color:#cdc4b8;line-height:1.55}
.bt-C .bl .v2-wp{overflow:hidden;border-top:3px solid #c9a356}
.bt-C .bl .v2-wp-foto{margin:0;aspect-ratio:16/9;overflow:hidden}
.bt-C .bl .v2-wp-foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.bt-C .bl .v2-wp-ic{padding:18px 20px 20px}
.bt-C .bl .v2-wp-ic > p{margin:10px 0 0}
.bt-C .bl .v2-wp-r b{display:block;color:#f2efeb}
.bt-C .bl .v2-wp-r > span{display:block;color:#cdc4b8}
.bt-C .bl .v2-wp-ic .v2-wg-h{margin-top:14px;padding-top:14px;border-top:1px solid rgba(201,163,86,.16);font:500 14px/1.2 Oswald,"Arial Narrow",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#c9a356}
.bt-C .bl .v2-plaats{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.bt-C .bl .v2-plaats a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 8px;border-radius:10px;
 background:#221c17;color:#e8e2da;text-decoration:none;font-size:14.5px;text-align:center;transition:background-color .2s,color .2s}
.bt-C .bl .v2-plaats a:hover{background:#2e261d;color:#e8cf99}
@media (min-width:1000px){
 .bt-C .bl .v2-ww{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:16px}
 .bt-C .bl .v2-wp{position:sticky;top:calc(var(--kop-h,76px) + 20px)}
}

/* ---------- 4 · Vragen ---------- */
.bt-C .bl .v2-vragen{margin-top:var(--c-kop)}

/* smalle telefoon: icoon boven de tekst, geen afbreking midden in een woord */
.bt-C .bl .v2-tab b,.bt-C .bl .v2-tab b + span{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;word-break:normal}
@media (max-width:699px){
 .bt-C .bl .v2-tab{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px}
 .bt-C .bl .v2-tab .bl-bt-ik{width:20px;height:20px}
 .bt-C .bl .v2-tab b{font-size:14px}
}
.bt-C .bl .v2-tabel-l small{display:block;font-size:12.5px;color:#a59c90}
.bt-C .bl .v2-tabel-not p,.bt-C .bl .v2-paneel p{-webkit-hyphens:manual;hyphens:manual}

/* ===== 03.11 operator: kisa cizgiler kalkti (bolum etiketi, hero etiketi, footer listesi, merken ayraci)
   ve footer satir ayraclari. stil.css ic sayfalarla ortak: oralarda da kalkar. */
.bl-et::before,.h-et::before,.bl-voet-nav a::before,.bl-mk-cizgi::before{display:none!important}
.bl-voet-nav li{border-top:0!important}

/* ===== 03.11 acilir menu kapi bulgulari */
/* mobil grup basligi 6 px olculdu: li/details genisligi kuculuyordu */
.kop-gr,.kop-gr details{display:block;width:100%}
/* oklar menuyu genisletti, BEL dugmesi kenarin 24 px disina tasti (1280-1920 olculdu) */
/* 03.11 ok bagin icinde; dar menude yer harf araligindan */
@media (min-width:1181px){.kop-nav a{padding:0 7px;letter-spacing:.11em}}
/* kapali mobil menude ic panel 46 px kutuya diziliyordu; grup basligi 6 px olculuyordu */
.kop-menu:not([open]) .kop-panel{display:none}
/* 1024 px: BEL hala 5 px disaridaydi (olculdu) */
@media (max-width:1180px){.kop-nav a{padding:0 4px;letter-spacing:.06em}}

/* ===== 04.11 operator "kisalt": MERKEN marka kartlari ve SLEUTEL ek kartlari <details>.
   Kapali: baslik (+ marka zinciri) gorunur; metin tiklayinca. Metin silinmedi (v2_bolum kapisi). */
.bt-C .bl .bl-sy-d > summary,.bt-C .bl .f1-sl-d > summary{list-style:none;cursor:pointer;position:relative;padding-right:40px}
.bt-C .bl .bl-sy-d > summary::-webkit-details-marker,.bt-C .bl .f1-sl-d > summary::-webkit-details-marker{display:none}
.bt-C .bl .bl-sy-d > summary{display:grid;gap:14px}
.bt-C .bl .bl-sy-ac{position:absolute;top:2px;right:0;width:28px;height:28px;border-radius:50%;
 border:1px solid rgba(201,163,86,.45);display:grid;place-items:center}
.bt-C .bl .bl-sy-ac::before,.bt-C .bl .bl-sy-ac::after{content:"";position:absolute;width:12px;height:2px;background:#e8cf99;transition:transform .2s ease}
.bt-C .bl .bl-sy-ac::after{transform:rotate(90deg)}
.bt-C .bl details[open] > summary .bl-sy-ac::after{transform:rotate(0)}
.bt-C .bl .bl-sy-d > summary:hover .bl-sy-ac,.bt-C .bl .f1-sl-d > summary:hover .bl-sy-ac{border-color:#e8cf99}
.bt-C .bl .bl-sy-d .bl-sy-gev{margin-top:14px}
.bt-C .bl .f1-sl-d > summary h3{margin:0}
.bt-C .bl .f1-sl-d[open] > summary{margin-bottom:16px}
.bt-C .c-mk-izgara .bl-sy-B{align-items:start}
@media (min-width:700px){.bt-C .c-mk-izgara .bl-sy-B{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
/* telefonda marka fotografi alcak bant */
@media (max-width:999px){.bt-C .c-mk-foto img{aspect-ratio:16/9;object-position:50% 35%}}
/* sleutel fotograflari kare yerine 3:2. 04.11: ".bl-sleutel-beeld figure img" (1,2,2) 1/1'i eziyordu;
   secici ondan ozgul olmali (olculdu: hesaplanan oran 1/1 kaldi) */
.bt-C #sleutel .bl-sleutel-beeld.pt-fotolar figure img{aspect-ratio:3/2}
/* 04.11 merken: 2 sutunda 4 kartin zinciri tasiyordu (Renault +162 px, olculdu). Kutu kucuk, sigmazsa alt satir */
@media (min-width:700px){
 .bt-C .c-mk-izgara .bl-sy-d .bl-sy-yan{flex-wrap:wrap;row-gap:8px}
 .bt-C .c-mk-izgara .bl-sy-d .bl-sy-k{font-size:15px;padding:8px 10px}
 .bt-C .c-mk-izgara .bl-sy-d .bl-sy-ok{padding:0 6px}
}
/* 04.11 kapi: sleutel kart basligi 26 px idi (dokunma hedefi >=44) */
.bt-C .bl .f1-sl-d > summary{display:flex;align-items:center;min-height:44px}
/* 04.11 operator: afspraak kartlari esit bitmiyordu. Form, sagdaki iki kartin (start + iletisim)
   toplam boyuna uzar; alt kenarlar ayni cizgide. */
@media (min-width:980px){.bt-C .bl-afspraak-sar{align-items:stretch}.bt-C .bl .bl-afspraak-form.c-kaart{align-self:stretch}}
/* 04.11 werkwijze sol sutun: "Wat u meeneemt" + reservesleutel ipucu (eski bolumden) */
.bt-C .bl .v2-mee h3,.bt-C .bl .v2-tp h3{margin:0 0 10px}
.bt-C .bl .v2-mee-l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bt-C .bl .v2-mee-l li{padding:10px 0 0;border-top:1px solid rgba(201,163,86,.14)}
.bt-C .bl .v2-mee-l li:first-child{padding-top:0;border-top:0}
.bt-C .bl .v2-mee-l b{display:block;color:#f2efeb}
.bt-C .bl .v2-mee-l span{display:block;color:#cdc4b8;font-size:15px;line-height:1.5}
.bt-C .bl .v2-tip{border-left:3px solid #c9a356}
.bt-C .bl .v2-tip p{margin:0;color:#d8d2ca;line-height:1.6}
.bt-C .bl .v2-ww-l{display:grid;gap:12px;align-content:start}

/* ===== 04.11 operator: anahtar cizimi koyu zemin, sagdaki listeyle ayni boy, daha buyuk.
   Cizimin kendi stili (#sleutel, sayfa ici <style>) stil.css'ten SONRA gelir: secici daha ozgul. */
.bt-C #sleutel .xv-fig{background:linear-gradient(180deg,#1f1a16 0%,#141114 100%);
 border:0;border-radius:14px}  /* 04.11 operator: cizgi yok, yalniz dolgu */
.bt-C #sleutel .xv-fig .lbl path,.bt-C #sleutel .xv-fig .lbl circle:not(.xb-bal){stroke:#b9ac98;fill:#b9ac98}
.bt-C #sleutel .xv-fig .lbl path{fill:none}
.bt-C #sleutel .xv-fig [stroke-dasharray]{stroke:#6f665e}
.bt-C #sleutel .xv-fig .xb-bal{fill:#c9a356}
.bt-C #sleutel .xv-fig .lbl.is-actief .xb-bal{fill:#e8cf99}
.bt-C #sleutel .xv-fig .xb-nr{fill:#141114}
.bt-C #sleutel .xv-fig .xb-naam{fill:#f2efeb}
@media (min-width:1000px){
 .bt-C #sleutel .bl-sleutel-net.xv{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch}
 .bt-C #sleutel .bl-sleutel-net.xv .xv-fig{position:static;display:flex;align-items:center;justify-content:center;padding:clamp(14px,2vw,28px)}
 .bt-C #sleutel .bl-sleutel-net.xv .xv-fig svg{width:100%;max-height:100%}
}
/* 04.11: werkwijze iki sutun ayni boy (sag kart uzar); cizim daha buyuk (daha az ic bosluk, genis sutun) */
@media (min-width:1000px){
 .bt-C .bl .v2-ww{align-items:stretch}
 .bt-C .bl .v2-wp{position:static}
 .bt-C #sleutel .bl-sleutel-net.xv{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
 .bt-C #sleutel .bl-sleutel-net.xv .xv-fig{padding:8px}
}

/* ===== 04.11 Google karti (operator ornegi: Business Profile karti). Tek genis kart, tamami baglanti. */
.bt-C .bl .v2-bew{grid-template-columns:minmax(0,1fr)}
.bt-C .bl a.v2-g{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px 18px;
 padding:20px 22px;text-decoration:none;color:#f2efeb;border-color:rgba(255,255,255,.1);transition:border-color .2s ease}
.bt-C .bl a.v2-g:hover{border-color:rgba(232,207,153,.55)}
.bt-C .bl .v2-g-logo{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.bt-C .bl .v2-g-logo svg{width:30px;height:30px}
.bt-C .bl .v2-g-ad b{display:block;font-size:17px}
.bt-C .bl .v2-g-ad span{display:block;color:#a59c90;font-size:14px}
.bt-C .bl .v2-g-cijfer{font:600 46px/1 Oswald,"Arial Narrow",sans-serif;color:#f2efeb}
.bt-C .bl .v2-g-ster{display:grid;gap:4px;color:#a59c90;font-size:14px}
.bt-C .bl .v2-g-y{width:120px;height:22px}
.bt-C .bl .v2-g-bag{grid-column:1 / -1;color:#e8cf99;font-weight:600}
@media (min-width:760px){
 .bt-C .bl .v2-bew{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bt-C .bl a.v2-g{grid-template-columns:auto minmax(0,1fr) auto auto auto;padding:22px 28px}
 .bt-C .bl .v2-g-bag{grid-column:auto;justify-self:end;white-space:nowrap}
}

/* ===== 04.11 operator: acilir menude sayfa basliklari TEK SATIR (gerekirse kucuk).
   Panel baslik kapsayicisina gore sagdan hizali, genis; baglantidan panele inen fare
   icin gorunmez kopru (::before), yoksa aradaki bosukta hover kapanir. */
@media (min-width:1000px){
 .kop-ic{position:relative}
 .kop-dd{position:static}
 .kop-dd-p{left:auto;right:0;top:100%;width:min(820px,calc(100vw - 40px));max-height:min(76vh,620px)}
 .kop-dd-p::before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px}
 .kop-nav .kop-dd-p a{white-space:nowrap;font-size:13.5px;min-height:44px}
 .kop-dd-p ul{grid-template-columns:repeat(2,minmax(0,max-content));column-gap:8px}
}

/* ===== 04.11 operator: fiyat tablosu kozmetik (metin/fiyat ayni) */
.bt-C .bl .v2-tabel-l{column-gap:28px;column-rule:1px solid rgba(201,163,86,.12)}
.bt-C .bl .v2-tabel-l li{align-items:center;padding:11px 12px;margin:0 0 6px;border:0;border-radius:10px;
 background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 0 #c9a356;transition:background .2s ease,box-shadow .2s ease}
.bt-C .bl .v2-tabel-l li:hover{background:rgba(201,163,86,.08);box-shadow:inset 3px 0 0 0 #c9a356}
.bt-C .bl .v2-tabel-l li > span:first-child{color:#e8e2da}
.bt-C .bl .v2-tabel-l .nr{flex:none;padding:4px 11px;border-radius:999px;background:rgba(201,163,86,.12);
 border:1px solid rgba(201,163,86,.28);font:500 15.5px/1.2 Oswald,"Arial Narrow",sans-serif;letter-spacing:.03em;color:#e8cf99}
.bt-C .bl .v2-tabel-l small{margin-top:2px;color:#8f877c}
.bt-C .bl .v2-tabel-not p{border-top:3px solid #c9a356;background:linear-gradient(180deg,#241d17,#1b1612)}
.bt-C .bl .v2-tabel-not b{align-items:baseline}
.bt-C .bl .v2-tabel-not b .nr{font:600 19px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.02em}

/* ===== 04.11 operator: anlamli ikonlar (sayfanin #dn-g-* seti + pil/telefon) */
.bt-C .bl .v2-ik{flex:none;width:22px;height:22px;fill:#c9a356}
.bt-C .bl .v2-tabel-l li{gap:12px}
.bt-C .bl .v2-tabel-l li > span:first-of-type{flex:1;min-width:0}
.bt-C .bl .v2-tabel-not b{display:flex;align-items:center;gap:10px}
.bt-C .bl .v2-ik-not{width:24px;height:24px}
.bt-C .bl .v2-tabel-not b .nr{margin-left:auto}
.bt-C .bl .v2-stap li{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:start;gap:12px}
.bt-C .bl .v2-ik-stap{width:28px;height:28px;margin-top:2px;padding:6px;box-sizing:content-box;border-radius:10px;
 background:rgba(201,163,86,.1);border:1px solid rgba(201,163,86,.25)}
.bt-C .bl .v2-mee-l li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px}
.bt-C .bl .v2-mee-l li > *:not(.v2-ik){grid-column:2}
.bt-C .bl .v2-ik-mee{grid-row:1 / span 2;margin-top:2px}

/* ===== 04.11 operator: sleutel listesinde secili satir (hover/odak) acik krem zemin aliyordu,
   acik yazi okunmuyordu. Koyu temada pirinc tonlu blok. */
.bt-C #sleutel .bl-sleutel-lijst>[data-deel].is-actief{background:rgba(201,163,86,.14);
 box-shadow:-10px 0 0 0 rgba(201,163,86,.14),10px 0 0 0 rgba(201,163,86,.14),-13px 0 0 0 #c9a356}
.bt-C #sleutel .bl-sleutel-lijst>[data-deel].is-actief .bl-sleutel-no{color:#e8cf99}

/* ===== 04.11 operator: "hala duz cizgi var, gerekirse blok yap". Ayirici cizgiler -> zeminli bloklar. */
.bt-C .bl .v2-pr{border-top:0;margin-top:8px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.035)}
.bt-C .bl .v2-konu dt,.bt-C .bl .v2-konu dd{border:0!important}
.bt-C .bl .v2-konu dl{display:grid;grid-template-columns:1fr auto;gap:6px 0}
.bt-C .bl .v2-konu dt{padding:10px 12px;border-radius:10px 0 0 10px;background:rgba(255,255,255,.035)}
.bt-C .bl .v2-konu dd{margin:0;padding:10px 14px;border-radius:0 10px 10px 0;background:rgba(255,255,255,.035);color:#e8cf99;font-weight:600}
.bt-C #sleutel .bl-sleutel-lijst > div{border-bottom:0!important;margin-bottom:6px;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.03)}
.bt-C #vragen details{border-bottom:0!important;margin-bottom:8px;padding:0 16px;border-radius:12px;background:rgba(255,255,255,.035)}
.bt-C #vragen details[open]{background:rgba(201,163,86,.08)}
.bt-C .bl .v2-mee-l li{border-top:0!important;padding:10px 12px!important;border-radius:10px;background:rgba(255,255,255,.035)}
.bt-C .bl .v2-mee-l{gap:8px}
.bt-C .bl .v2-wp-ic .v2-wg-h{border-top:0;padding-top:0;margin-top:18px}
.bt-C .bl-afspraak-kunye{border-top:0!important}
.bl-voet-alt{border-top:0!important}
.m-serit.m-B{border-top:0!important}

/* ===== 04.11 operator: werkgebied karti altinda bosluk ("oksuz"). Kart sutunla ayni boyda;
   belde kutulari kalan alani doldurur, her birine konum ikonu. */
@media (min-width:1000px){
 .bt-C .bl .v2-wp{display:flex;flex-direction:column}
 .bt-C .bl .v2-wp-ic{flex:1;display:flex;flex-direction:column}
 .bt-C .bl .v2-plaats{flex:1;grid-auto-rows:minmax(56px,1fr)}
}
.bt-C .bl .v2-plaats a{gap:8px;font-size:15px}
.bt-C .bl .v2-plaats a::before{content:"";flex:none;width:14px;height:14px;background:#c9a356;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11zm0-8.4a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2z' fill-rule='evenodd'/%3E%3C/svg%3E") center/contain no-repeat;
         mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11zm0-8.4a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2z' fill-rule='evenodd'/%3E%3C/svg%3E") center/contain no-repeat}
/* 04.11: fiyat tablosu sutun ayraci da cizgiydi */
.bt-C .bl .v2-tabel-l{column-rule:0}

/* 04.11: konu kartinin kendi olcum tarihi (sayilar 15.09 okumasindan) */
.bt-C .bl .v2-konu .v2-konu-t{margin:6px 0 0;font-size:13px;line-height:1.4;color:rgba(216,210,202,.62)}

/* 04.11: situatie bandi geri (ince, sayfa kompakt kalsin) */
.bt-C #prijzen .v2-band{height:clamp(150px,16vw,240px);margin-top:var(--c-kop,28px);margin-bottom:var(--c-blok,28px)}
.bt-C #prijzen .v2-band img{object-position:47% 60%}
.bt-C .c-band--dash img{object-position:30% 45%;filter:brightness(.88)}

/* 04.11: tablo 2 sutun x 8 satir sabit izgara (columns:2 satir yuksekligine gore 7/8 bolup sol altta bosluk birakiyordu) */
@media (min-width:700px){.bt-C .bl .v2-tabel-l{columns:auto;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(8,auto);column-gap:20px}}
.bt-C .bl .v2-tabel-l li.v2-tabel-cta{display:block;background:rgba(230,18,2,.10);color:#d8d2ca}
.bt-C .bl .v2-tabel-l li.v2-tabel-cta b{display:block;color:#f2efeb;font-weight:600}
.bt-C .bl .v2-tabel-l li.v2-tabel-cta span{font-size:13.5px;color:#a59c90}

/* 04.11: sekme panelinde onayli adim listesi (bos alan doldu) */
.bt-C .bl .v2-adim{margin:18px 0 6px;padding:16px 18px;border-radius:12px;background:rgba(255,255,255,.035)}
.bt-C .bl .v2-adim-kop{margin:0 0 10px;font:500 14px/1.2 Oswald,"Arial Narrow",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#c9a356}
.bt-C .bl .v2-adim ol{margin:0;padding:0;list-style:none;counter-reset:a;display:grid;gap:10px}
.bt-C .bl .v2-adim li{position:relative;padding-left:38px;font-size:15.5px;line-height:1.55;color:#d8d2ca;max-width:62ch}
.bt-C .bl .v2-adim li::before{counter-increment:a;content:counter(a);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(201,163,86,.16);color:#e8cf99;font:600 13px/1 Inter,sans-serif}
@media (max-width:760px){.bt-C .bl .v2-adim li{font-size:16px}}

/* ===== 04.11 mobil denetim (RAPOR.md) ===== */
/* H1: 320/360 situatie sekmeleri ve panel sagdan kesiliyordu (grid cocuklari min-content genisliginde) */
.bt-C .bl .v2-sit > *,.bt-C .bl .v2-panelen,.bt-C .bl .v2-paneel,.bt-C .bl .v2-tab,.bt-C .bl .v2-tab > span{min-width:0}
.bt-C .bl .v2-tab b,.bt-C .bl .v2-ph{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
/* (04.11 hiza) fiyat yalniz cok dar ekranda kirilabilir; masaustunde '€ 85–95' iki satira dusuyordu */
@media (max-width:380px){.bt-C .bl .v2-paneel .v2-pr .nr{white-space:normal;text-align:right}}
@media (max-width:380px){
 .bt-C .bl .v2-tab b{font-size:13px;letter-spacing:.02em}
 .bt-C .bl .v2-tab > span > span{font-size:12.5px}
}
/* O2/O3: 320 fiyat tablosu ezik, alttaki not karttan tasiyordu */
.bt-C .bl .v2-tabel-not,.bt-C .bl .v2-tabel-not p,.bt-C .bl .v2-tabel-not b{min-width:0;overflow-wrap:anywhere}
@media (max-width:699px){.bt-C .bl .v2-tabel-not{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){
 .bt-C .bl .v2-tabel-l li{flex-wrap:wrap;row-gap:6px}
 .bt-C .bl .v2-tabel-l li > span:not(.nr){flex:1 1 100%;min-width:0}
 .bt-C .bl .v2-tabel-not b .nr{display:block;white-space:normal}
 /* 05.11: 390'da "Ter plaatse" + "voorrijkosten vanaf € 95" yan yana ikiser satira eziliyordu; fiyat kendi satirina */
 .bt-C .bl .v2-tabel-not b{flex-wrap:wrap;row-gap:4px;justify-content:flex-start}
 .bt-C .bl .v2-tabel-not b .nr{flex:1 1 100%;margin-left:0}
}
/* O4: werkgebied cipleri 320'de kesik */
@media (max-width:420px){
 .bt-C .bl .v2-plaats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bt-C .bl .v2-plaats a{font-size:14px;overflow-wrap:anywhere}
}
/* O6: Merken sekme adi 320'de "VOLKSWAG|EN" */
@media (max-width:380px){#merken .d1-tab-n{font-size:11px;letter-spacing:.03em}}
/* H3: mobil menu acikken alt cubuk son ogeyi (WhatsApp) ortuyordu */
html:has(details.kop-menu[open]) #ab,html:has(details.kop-menu[open]) .da-balk{display:none!important}
.kop-panel{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}

/* ===== 04.11 operator: "arka plani kaldirmani sevdim uygula" — bolum paneli yok, kartlar sayfa zemininde yuzer ===== */
html .bt-C main > section.bl{background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important}
html .bt-C main > section.bl::before,html .bt-C main > section.bl::after{background:transparent!important;box-shadow:none!important;border-color:transparent!important}
/* ===== 04.11 operator: "basliklari azicik kucult, ikonlarla birlikte padding azalsin" ===== */
html .bt-C{--c-nrh:44px;--c-kadran:46px}
@media (min-width:1000px){html .bt-C{--c-sec:56px;--c-kop:28px}}
@media (max-width:999px){html .bt-C{--c-nrh:34px}}
html .bt-C main > .bl .kap > .bl-h2{font-size:clamp(24px,2.4vw,34px);margin-top:10px}
@media (min-width:1000px){html .bt-C main > .bl.bl{--c-ust:52px;padding-bottom:60px}}
/* 06.11 operator: "iki section arasi padding cok fazla; soldaki altin cizgiyi buna gore duzenle".
   Olculdu: 6 gecisin hepsi ayni, icerik -> sonraki baslik 138 px (1440) / 116 px (390) = alt dolgu 60/56 + kart arasi 24/14 + ust 52/44.
   Yeni: alt dolgu 28, kart arasi 8 -> ~90 / ~80 px. Altin omurga (.c-rug) bolum boyunca iner; aradaki kopukluk 24 -> 8 px. */
html .bt-C main > .bl.bl{padding-bottom:28px}
html .bt-C main > .bl.bl ~ .bl.bl{margin-top:8px}  /* ~ : merken ile sleutel arasinda svg sprite var, + tutmuyordu */

/* 04.11 operator: "hizalandirmalar bozuk, fiyatlar ... hepsi hizali ve duzgun olmali" */
.bt-C .bl .v2-pr{align-items:center}
.bt-C .bl .v2-pr > span:first-child{flex:1 1 auto;min-width:0}
.bt-C .bl .v2-pr .nr,.bt-C .bl .v2-tabel-l .nr{white-space:nowrap;flex:none;text-align:right}
/* 06.11 operator: "Verdeling van de sterren" yerine "internetten kaliteli, alakali bir fotograf".
   Lisansli stok (Unsplash/Pexels), kunye img/FOTO-KUNYE-STOK.json; "bizim atolye" diye sunulmaz.
   Masaustu: kartin kalan yuksekligini doldurur. Mobil: 16:10. */
.bt-C .bl .v2-konu.v2-kart{display:flex;flex-direction:column}
.bt-C .bl .v2-konu-foto{position:relative;flex:1 1 auto;min-height:200px;margin:14px 0 0;border-radius:14px;overflow:hidden;background:#151210}
.bt-C .bl .v2-konu-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:999px){.bt-C .bl .v2-konu-foto{flex:none;min-height:0;aspect-ratio:16/10}}
/* 06.11 operator "gereksiz bosluk istemiyorum" (arac/bos-kart.py): sol sekme listesi uzun panelin boyuna geriliyor,
   8 sekme 120-139 px'e siserek icinde 57-77 px bos kaliyordu. Liste dogal boyunda (sekme 68 px) ve panel okunurken
   ekranda kalir (sticky); kisa panelde panelin kendisi gerilmeye devam eder (03.11 kurali). */
@media (min-width:1000px){
 html .bt-C .bl .v2-sit > .v2-tabl{align-self:start;align-content:start;position:sticky;top:96px}
}
/* 06.11 gece operator "Onderwerpen kartini bastan tasarla": foto ustte kenardan kenara (kart uzarsa fazlaligi foto alir),
   altinda cubuklu konu listesi. Eski hap izgarasi (.v2-konu dl) bu kartta yok. */
html .bt-C .bl .v2-konu.v2-konu2{display:flex;flex-direction:column;padding:0!important;overflow:hidden}
html .bt-C .bl .v2-konu2 .v2-konu-foto{order:0;flex:1 1 auto;min-height:170px;margin:0;border-radius:0}
html .bt-C .bl .v2-konu2 .v2-konu-ic{padding:18px 22px 20px}
.bt-C .bl .v2-kb{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.bt-C .bl .v2-kb li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:5px 12px;margin:0}
.bt-C .bl .v2-kb-n{color:#f2efeb;font-weight:500}
.bt-C .bl .v2-kb-v{color:#e8cf99;font-weight:600;font-variant-numeric:tabular-nums}
.bt-C .bl .v2-kb-c{grid-column:1 / -1;height:6px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden}
.bt-C .bl .v2-kb-c i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#c9a356,#e8b53a)}
@media (max-width:999px){html .bt-C .bl .v2-konu2 .v2-konu-foto{flex:none;aspect-ratio:16/9;min-height:0}}
#v2-t-afstand:checked ~ .v2-tabl #v2-l-afstand{background:linear-gradient(180deg,#2c241b,#1e1914);border-color:#c9a356;box-shadow:inset 0 -3px 0 #c9a356}#v2-t-afstand:focus-visible ~ .v2-tabl #v2-l-afstand{outline:3px solid #e8cf99;outline-offset:2px}#v2-t-afstand:checked ~ .v2-panelen #v2-p-afstand{display:block}@media (min-width:1000px){#v2-t-afstand:checked ~ .v2-tabl #v2-l-afstand{box-shadow:inset 3px 0 0 #c9a356}}#v2-t-start:checked ~ .v2-tabl #v2-l-start{background:linear-gradient(180deg,#2c241b,#1e1914);border-color:#c9a356;box-shadow:inset 0 -3px 0 #c9a356}#v2-t-start:focus-visible ~ .v2-tabl #v2-l-start{outline:3px solid #e8cf99;outline-offset:2px}#v2-t-start:checked ~ .v2-panelen #v2-p-start{display:block}@media (min-width:1000px){#v2-t-start:checked ~ .v2-tabl #v2-l-start{box-shadow:inset 3px 0 0 #c9a356}}
/* ===================== D1 MERKEN (04.11, operator: D1) =====================
   Geen randlijnen: vlakken scheiden zich door vulling. Enige accent = 3px messing-balk. */
#merken{--d1-vlak:#1c1815;--d1-vlak2:#110e10;--d1-sec:#2a221a;--d1-mes:#c9a356;--d1-mesl:#e8cf99;
  --d1-ink:#f2efeb;--d1-tek:#d8d2ca;--d1-dim:#a59c90;--d1-oswald:Oswald,"Arial Narrow",sans-serif}
#merken .kap > .bl-alt + .d1-show{margin-top:clamp(28px,3.4vw,40px)}
#merken .d1-show{display:grid;gap:clamp(16px,2vw,22px);min-width:0;
  -webkit-hyphens:manual;hyphens:manual}   /* auto-afbreking gaf "hardwa-renummer" */

/* ---- intro-noot met kleine foto */
#merken .d1-noot{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:20px;
  padding:18px 22px;border:0;border-radius:14px;background:var(--d1-vlak)}
#merken .d1-noot p{margin:0;font-size:17px;line-height:27px;color:var(--d1-tek);max-width:78ch}
#merken .d1-noot b{color:var(--d1-ink);font-weight:600}
#merken .d1-noot-foto{display:none;margin:0}
@media (min-width:860px){
  #merken .d1-noot{grid-template-columns:112px minmax(0,1fr);gap:26px;padding:14px 26px 14px 14px}
  #merken .d1-noot-foto{display:block;height:84px;border-radius:9px;overflow:hidden}
  #merken .d1-noot-foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
}

/* ---- tabs: verborgen radio + label (werkt zonder JS; pijltjestoetsen = radiogroep) */
#merken .d1-kat{position:relative;min-width:0}
#merken .d1-radio{position:absolute;top:0;left:0;width:24px;height:24px;margin:0;opacity:0;pointer-events:none}
#merken .d1-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (min-width:900px){#merken .d1-tabs{grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}}
#merken .d1-tab{display:grid;justify-items:center;align-content:center;gap:8px;min-height:84px;min-width:0;
  padding:12px 6px 10px;border:0;border-radius:12px;background:var(--d1-vlak);cursor:pointer;
  color:var(--d1-dim);transition:background .2s,color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}
#merken .d1-tab:hover{background:#241e19;color:var(--d1-ink)}
#merken .d1-tab-n{font:500 13px/1.15 var(--d1-oswald);letter-spacing:.09em;text-transform:uppercase;
  text-align:center;hyphens:none;overflow-wrap:anywhere}
#merken .d1-emb{display:grid;place-items:center;width:46px;height:30px;color:#bfae8a;transition:color .2s}
#merken .d1-emb svg{width:100%;height:100%;fill:currentColor;display:block}
#merken .d1-emb--woord{font:700 15px/1 var(--d1-oswald);letter-spacing:.14em}
#merken .d1-tab .d1-emb--woord{font-size:19px;letter-spacing:.18em;width:auto;height:auto;padding:6px 9px;
  border-radius:6px;background:rgba(191,174,138,.16)}
#merken .d1-emb--trio{display:flex;align-items:center;justify-content:center;gap:3px}
#merken .d1-emb--trio svg{width:15px;height:18px;flex:none}
#merken .d1-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- panelen: allemaal in een cel -> hoogte = hoogste paneel, geen sprong */
#merken .d1-panelen{display:grid;margin-top:12px;min-width:0}
#merken .d1-paneel{grid-area:1/1;visibility:hidden;opacity:0;transform:translateY(6px);min-width:0;
  transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s;
  position:relative;display:grid;grid-template-columns:minmax(0,1fr);border:0;border-radius:14px;
  background:var(--d1-vlak);overflow:hidden}
#merken .d1-paneel::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--d1-mes);z-index:1}
#merken .d1-radio:checked ~ .d1-panelen .d1-paneel{transition:opacity .25s ease,transform .25s ease,visibility 0s}
@media (prefers-reduced-motion:reduce){#merken .d1-paneel,#merken .d1-tab{transition:none!important}}
#merken .d1-p-podium{position:relative;display:grid;place-items:center;min-height:132px;padding:26px 22px 22px;
  background:radial-gradient(60% 75% at 50% 62%,rgba(201,163,86,.2),rgba(201,163,86,0) 70%),var(--d1-vlak2)}
#merken .d1-emb--groot{width:110px;height:72px;color:var(--d1-mesl)}
#merken .d1-emb--groot.d1-emb--woord{font-size:40px;letter-spacing:.18em;width:auto}
#merken .d1-emb--groot.d1-emb--trio{gap:10px;width:auto}
#merken .d1-emb--groot.d1-emb--trio svg{width:44px;height:52px}
#merken .d1-p-nr{position:absolute;top:16px;left:16px;font:500 12px/1 Inter,system-ui,sans-serif;
  letter-spacing:.16em;color:var(--d1-dim)}
#merken .d1-p-tekst{padding:22px 20px 24px;display:grid;gap:18px;align-content:start;min-width:0}
#merken .d1-p-h{margin:0;font:500 clamp(28px,3.2vw,40px)/1.05 var(--d1-oswald);letter-spacing:.04em;
  text-transform:uppercase;color:var(--d1-ink)}
#merken .d1-p-gev{margin:0;font-size:17px;line-height:27px;color:var(--d1-tek);max-width:68ch}

/* ---- systeemketen: gevulde blokken met pijl; onder elkaar op telefoon, naast elkaar vanaf 700 px */
#merken .d1-tl{list-style:none;margin:0;padding:0;display:grid;gap:26px;min-width:0}
#merken .d1-tl li{position:relative;display:grid;gap:3px;align-content:start;min-width:0;margin:0;
  padding:12px 16px 13px;border-radius:10px;background:var(--d1-vlak2)}
#merken .d1-tl li.d1-nu{background:var(--d1-sec);box-shadow:inset 3px 0 0 var(--d1-mes)}
#merken .d1-tl li + li::before{content:"\2193";position:absolute;left:50%;transform:translateX(-50%);top:-24px;  /* 10.11 operator: kutu metni ortali, ok da ortada */
  font:500 18px/22px Inter,system-ui,sans-serif;color:var(--d1-mes)}
#merken .d1-tl b{font:500 19px/1.2 var(--d1-oswald);letter-spacing:.05em;text-transform:uppercase;
  color:var(--d1-mesl);overflow-wrap:anywhere}
#merken .d1-tl small{font-size:14px;line-height:20px;color:var(--d1-dim)}
@media (min-width:700px){
  #merken .d1-tl{grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:30px}
  #merken .d1-tl li + li::before{content:"\2192";left:-23px;top:50%;margin-top:-11px;transform:none}
}
@media (min-width:900px){
  #merken .d1-paneel{grid-template-columns:300px minmax(0,1fr)}
  #merken .d1-p-podium{min-height:100%}
  #merken .d1-emb--groot{width:150px;height:96px}
  #merken .d1-p-tekst{padding:32px 36px 32px;gap:22px}
}

/* ---- ander embleem, zelfde systeem */
#merken .d1-ander{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media (min-width:700px){#merken .d1-ander{grid-template-columns:1fr 1fr}}
#merken .d1-ander li{margin:0;padding:12px 16px;border:0;border-radius:10px;background:var(--d1-vlak2);
  font-size:16px;line-height:24px;color:var(--d1-tek)}

#merken .d1-slot{margin:0;font-size:16px;line-height:25px;color:var(--d1-dim);max-width:78ch}
#merken .d1-show a{text-decoration:none}

/* 04.11 ux kapisi: satir uzunlugu <=85ch */
html .bt-C #merken p{max-width:60ch}  /* ch = "0" genisligi; 70ch ~89 harf olcuptu */

/* uretildi: sekme durumlari */
#d1m-volkswagen:checked ~ .d1-tabs label[for="d1m-volkswagen"],
#d1m-bmw:checked ~ .d1-tabs label[for="d1m-bmw"],
#d1m-opel:checked ~ .d1-tabs label[for="d1m-opel"],
#d1m-peugeot:checked ~ .d1-tabs label[for="d1m-peugeot"],
#d1m-volvo:checked ~ .d1-tabs label[for="d1m-volvo"],
#d1m-renault:checked ~ .d1-tabs label[for="d1m-renault"],
#d1m-mini:checked ~ .d1-tabs label[for="d1m-mini"],
#d1m-ford:checked ~ .d1-tabs label[for="d1m-ford"],
#d1m-ander:checked ~ .d1-tabs label[for="d1m-ander"]{background:var(--d1-sec);color:var(--d1-ink);box-shadow:inset 0 3px 0 var(--d1-mes)}
#d1m-volkswagen:checked ~ .d1-tabs label[for="d1m-volkswagen"] .d1-emb,
#d1m-bmw:checked ~ .d1-tabs label[for="d1m-bmw"] .d1-emb,
#d1m-opel:checked ~ .d1-tabs label[for="d1m-opel"] .d1-emb,
#d1m-peugeot:checked ~ .d1-tabs label[for="d1m-peugeot"] .d1-emb,
#d1m-volvo:checked ~ .d1-tabs label[for="d1m-volvo"] .d1-emb,
#d1m-renault:checked ~ .d1-tabs label[for="d1m-renault"] .d1-emb,
#d1m-mini:checked ~ .d1-tabs label[for="d1m-mini"] .d1-emb,
#d1m-ford:checked ~ .d1-tabs label[for="d1m-ford"] .d1-emb,
#d1m-ander:checked ~ .d1-tabs label[for="d1m-ander"] .d1-emb{color:var(--d1-mesl)}
#d1m-volkswagen:focus-visible ~ .d1-tabs label[for="d1m-volkswagen"],
#d1m-bmw:focus-visible ~ .d1-tabs label[for="d1m-bmw"],
#d1m-opel:focus-visible ~ .d1-tabs label[for="d1m-opel"],
#d1m-peugeot:focus-visible ~ .d1-tabs label[for="d1m-peugeot"],
#d1m-volvo:focus-visible ~ .d1-tabs label[for="d1m-volvo"],
#d1m-renault:focus-visible ~ .d1-tabs label[for="d1m-renault"],
#d1m-mini:focus-visible ~ .d1-tabs label[for="d1m-mini"],
#d1m-ford:focus-visible ~ .d1-tabs label[for="d1m-ford"],
#d1m-ander:focus-visible ~ .d1-tabs label[for="d1m-ander"]{outline:3px solid #f0a500;outline-offset:2px}
#d1m-volkswagen:checked ~ .d1-panelen #d1p-volkswagen,
#d1m-bmw:checked ~ .d1-panelen #d1p-bmw,
#d1m-opel:checked ~ .d1-panelen #d1p-opel,
#d1m-peugeot:checked ~ .d1-panelen #d1p-peugeot,
#d1m-volvo:checked ~ .d1-panelen #d1p-volvo,
#d1m-renault:checked ~ .d1-panelen #d1p-renault,
#d1m-mini:checked ~ .d1-panelen #d1p-mini,
#d1m-ford:checked ~ .d1-panelen #d1p-ford,
#d1m-ander:checked ~ .d1-panelen #d1p-ander{visibility:visible;opacity:1;transform:none}
/* ============================================================ D3 VOET (04.11)
   One card system: every card = kop (40px chip + title) / body / voetje (44px action,
   pinned to the bottom). Cards stretch per row, so titles and actions line up.
   No divider lines: blocks are separated by background tints only. */
.bl-voet .dv{--dv-gap:20px;--dv-pad:24px;--dv-kart:rgba(201,163,86,.055);--dv-tint:rgba(201,163,86,.1);
 --dv-tint2:rgba(201,163,86,.16);--dv-r:16px}
.bl-voet .dv a{text-decoration:none;color:inherit}
.bl-voet .dv ul,.bl-voet .dv dl{list-style:none;margin:0;padding:0}
.bl-voet .dv p,.bl-voet .dv dd{margin:0}
.dv-grid{display:grid;gap:var(--dv-gap);grid-template-columns:repeat(6,minmax(0,1fr))}
.dv-grid > .dv-k{grid-column:span 2}
.dv-grid > .dv-k-gebied{grid-column:1 / -1}
.dv-grid > .dv-k-lijst{grid-column:span 3;align-self:start}  /* 06.11 operator "gereksiz bosluk istemiyorum": kisa liste karti uzununa gerilip "Alle ..." baglantisindan once 56-96 px delik (arac/bos-kart.py) */
.dv-k{display:flex;flex-direction:column;min-width:0;padding:var(--dv-pad);border-radius:var(--dv-r);
 background:var(--dv-kart);hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word}

/* ---- icons: one size, one stroke */
.dv-ik{width:20px;height:20px;max-width:none;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;
 stroke-linecap:round;stroke-linejoin:round}
.dv-chip{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;
 background:var(--dv-tint);color:var(--messingl)}

/* ---- card head */
.dv-kop{display:flex;align-items:center;gap:12px;min-height:40px}
.dv-h{margin:0;font:600 18px/24px Oswald,"Arial Narrow",sans-serif;letter-spacing:.07em;
 text-transform:uppercase;color:var(--kalk)}
.dv-logo{display:block;width:auto;height:34px;max-width:none;margin:0}

/* ---- card foot (always last, always at the bottom) */
.dv-voetje{margin-top:auto;padding-top:20px}
.dv-meer{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 0;
 font-size:15px;line-height:20px;font-weight:550;color:var(--messingl)}
.dv-meer .dv-ik-p{width:18px;height:18px;transition:transform .2s ease}
.dv-meer:hover .dv-ik-p{transform:translateX(3px)}
.dv-meer:hover span{color:var(--kalk)}

/* ---- rows: chip + label + value (contact, werkwijze, talen, betalen) */
.dv-rijen{display:grid;gap:8px;margin-top:20px!important}
.dv-rij{display:flex;align-items:center;gap:12px;min-height:48px;border-radius:12px}
.dv-rij .dv-chip{width:36px;height:36px;border-radius:10px;background:transparent;box-shadow:none}
.dv-rij .dv-ik{width:20px;height:20px}
.dv-rij-t{display:flex;flex-direction:column;min-width:0}
.dv-lbl{font-family:var(--mono);font-size:11.5px;line-height:16px;font-weight:600;letter-spacing:.12em;
 text-transform:uppercase;color:var(--messing)}
.dv-val{font-size:15px;line-height:22px;color:var(--kalk2)}
.dv-val b{font-weight:650;color:var(--kalk)}
.dv-blok{display:block}
a.dv-rij{margin-inline:-8px;padding:2px 8px;transition:background .2s ease}
a.dv-rij:hover{background:var(--dv-tint)}
a.dv-rij:hover .dv-val{color:var(--kalk)}

/* ---- hours: two tinted blocks */
.dv-uren{display:grid;gap:8px;margin-top:20px!important}
.dv-uren div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;
 padding:0 16px;border-radius:12px;background:var(--dv-tint)}
.dv-uren dt{font-size:15px;line-height:22px;color:var(--kalk2)}
.dv-uren dd{font:500 17px/22px Oswald,"Arial Narrow",sans-serif;letter-spacing:.04em;color:var(--kalk)}
.dv-k-tijd .dv-rijen{gap:4px;margin-top:12px!important}

/* ---- socials: two equal tinted buttons */
.dv-sos{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
.dv-sos a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 12px;
 border-radius:12px;background:var(--dv-tint);font-size:15px;line-height:20px;font-weight:550;color:var(--kalk);
 transition:background .2s ease}
.dv-sos a:hover{background:var(--dv-tint2);color:var(--messingl)}
.dv-sos .dv-ik{color:var(--messingl)}

/* ---- rating */
.dv-score{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;padding-top:20px}
.dv-cijfer{font:600 104px/.9 Oswald,"Arial Narrow",sans-serif;letter-spacing:.01em;color:var(--messingl)}
.dv-aantal{display:flex;flex-direction:column;gap:2px}
.dv-aantal b{font-size:17px;line-height:24px;font-weight:650;color:var(--kalk)}
.dv-aantal > span{font-size:14px;line-height:20px;color:var(--kalk2)}

/* ---- werkgebied: 3 x 3, no orphan */
.dv-steden{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px!important}
.dv-steden a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 6px;border-radius:10px;
 background:var(--dv-tint);font-size:14.5px;line-height:18px;text-align:center;color:var(--kalk);
 transition:background .2s ease}
.dv-steden a:hover{background:var(--dv-tint2);color:var(--messingl)}
.dv-strook{display:block;flex:1 1 96px;width:100%;min-height:96px;max-height:220px;max-width:none;margin-top:16px;
 border-radius:12px;object-fit:cover;filter:brightness(.62) saturate(.85)}

/* ---- Diensten / Situaties: open lists on desktop, closed accordion on mobile */
.dv-k-lijst{gap:0}
.dv-det summary{list-style:none;display:flex;align-items:center;gap:12px;pointer-events:none;min-height:44px}
.dv-det summary::-webkit-details-marker{display:none}
.dv-det summary .dv-kop{flex:1}
.dv-tel,.dv-ac{display:none}
.dv-links{display:grid;gap:2px;margin-top:20px!important}
.dv-links a{display:flex;align-items:flex-start;gap:12px;min-height:36px;padding:7px 10px;margin-inline:-10px;border-radius:10px;
 font-size:15px;line-height:21px;color:var(--kalk2);transition:background .2s ease}
.dv-links a::before{content:"";flex:none;width:6px;height:6px;margin-top:7.5px;border-radius:2px;background:var(--messing);opacity:.6}
.dv-links a:hover{background:var(--dv-tint);color:var(--kalk)}

/* ---- bottom bar: a filled block, no rule */
.dv-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 24px;
 margin-top:var(--dv-gap);padding:6px 8px 6px 24px;border-radius:var(--dv-r);background:var(--dv-kart)}
.dv-alt p{display:flex;flex-wrap:wrap;gap:4px 24px;font-family:var(--mono);font-size:12px;line-height:18px;
 font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--kalk2)}
.dv-alt ul{display:flex;flex-wrap:wrap;gap:4px}
.dv-alt a{display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:12px;font-size:14.5px;
 line-height:20px;color:var(--kalk2);transition:background .2s ease}
.dv-alt a:hover{background:var(--dv-tint);color:var(--kalk)}

.dv a:focus-visible,.dv summary:focus-visible{outline:3px solid var(--messingl);outline-offset:2px}

/* ---- wide: werkgebied = full-width band, lists in two balanced columns */
@media (min-width:1100px){
 .dv-k-gebied{display:grid;grid-template-columns:1fr auto;grid-template-areas:"kop voet" "steden steden";align-items:center;column-gap:24px}
 .dv-k-gebied > .dv-kop{grid-area:kop}
 .dv-k-gebied > .dv-voetje{grid-area:voet;margin:0;padding:0}
 .dv-k-gebied > .dv-steden{grid-area:steden;grid-template-columns:repeat(9,minmax(0,1fr))}
 .dv-k-gebied > .dv-strook{display:none}
 .dv-links{grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(var(--dv-rij),auto);column-gap:24px;align-content:start}
}
/* ---- 2 columns: pairs (UES|Tijd) (Google|Werkgebied) (Diensten|Situaties) */
@media (max-width:1099px){
 .dv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dv-grid > .dv-k,.dv-grid > .dv-k-gebied,.dv-grid > .dv-k-lijst{grid-column:span 1}
 .dv-cijfer{font-size:96px}
}

/* ---- 1 column */
@media (max-width:699px){
 .bl-voet .dv{--dv-gap:12px;--dv-pad:20px}
 .dv-grid{grid-template-columns:minmax(0,1fr)}
 .dv-kop{min-height:44px}
 .dv-strook{display:none}
 .dv-score{flex-direction:row;align-items:center;gap:18px}
 .dv-cijfer{font-size:72px}
 .dv-det summary{pointer-events:auto;cursor:pointer;min-height:44px}
 .dv-tel{display:grid;place-items:center;min-width:32px;height:28px;padding:0 8px;border-radius:999px;
  background:var(--dv-tint);font-size:13px;line-height:1;font-weight:600;color:var(--messingl)}
 .dv-ac{display:block;flex:none;position:relative;width:36px;height:36px;border-radius:10px;background:var(--dv-tint)}
 .dv-ac::before,.dv-ac::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;
  border-radius:1px;background:var(--messingl);transition:transform .2s ease}
 .dv-ac::after{transform:rotate(90deg)}
 .dv-det[open] .dv-ac::after{transform:rotate(0)}
 .dv-links a{min-height:44px;align-items:center}
 .dv-links a::before{margin-top:0}
 .dv-k-lijst .dv-voetje{padding-top:8px}
 .dv-alt{flex-direction:column;align-items:stretch;padding:16px 8px 8px}
 .dv-alt p{padding:0 12px 8px;gap:4px 16px}
 .dv-alt ul{display:grid;grid-template-columns:1fr;gap:8px}
 .dv-alt a{justify-content:center;background:var(--dv-tint);text-align:center}
}
@media (prefers-reduced-motion:reduce){
 .dv *{transition:none!important}
}

/* 04.11 mobil denetim: O5 320'de sosyal dugmeler tasiyordu; O7 768'de liste baglantilari 36px */
@media (max-width:360px){.dv-sos{grid-template-columns:1fr!important}}
@media (max-width:999px){.dv-det ul.dv-links a{min-height:44px;display:flex;align-items:center}}

/* 06.11 gece: Google karti kompakt + yildiz (d3_voet.py k_score) */
.dv-k-score{display:flex;flex-direction:column}
.dv-k-score .dv-sc{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:6px 0 4px}
.dv-k-score .dv-sc-rij{display:flex;align-items:center;gap:18px}
.dv-k-score .dv-cijfer{margin:0;font:600 64px/.9 Oswald,"Arial Narrow",sans-serif!important;letter-spacing:.01em;color:var(--messingl,#e8cf99)}
.dv-k-score .dv-sc-r{display:flex;flex-direction:column;gap:6px;min-width:0}
.dv-k-score .dv-sterren{position:relative;display:inline-block;font-size:22px;line-height:1;letter-spacing:3px;color:#9a8d76;white-space:nowrap}  /* 07.11 kapi: lege sterren 1,69:1 -> >=4,5 */
.dv-k-score .dv-st-v{position:absolute;left:0;top:0;overflow:hidden;color:#f0c75e;white-space:nowrap}
.dv-k-score .dv-aantal{margin:0;display:flex;flex-direction:column;gap:2px}
.dv-k-score .dv-aantal b{font-size:16px;color:#f2efeb}
.dv-k-score .dv-aantal b .nr{color:inherit}
.dv-k-score .dv-aantal span{font-size:14px;color:#a59c90}
.dv-k-score .dv-quote{margin:0;padding:12px 14px;border-left:3px solid #c9a356;border-radius:0 10px 10px 0;background:rgba(201,163,86,.07)}
.dv-k-score .dv-quote p{margin:0;font-size:15px;line-height:1.5;color:#d8d2ca}
.dv-k-score .dv-quote .dv-q-ad{margin-top:6px;font-size:13px;color:#a59c90}
.dv-k-score .dv-voetje{padding-right:0!important}

/* 06.11 gece: altbilgi Diensten / Situaties kompakt (yalniz >=1000; mobil akordeon ayni). Olculdu once: 580 / 484 px, satir 36 */
@media (min-width:1000px){
 .dv-grid > .dv-k-lijst{align-self:stretch;position:relative;padding:22px 24px}
 .dv-k-lijst .dv-det summary{min-height:40px}
 .dv-k-lijst .dv-tel{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 8px;margin-left:-4px;
  border-radius:999px;background:rgba(201,163,86,.14);border:1px solid rgba(201,163,86,.35);color:#e8cf99;font-size:12px;line-height:1}
 .dv-k-lijst .dv-det summary .dv-kop{flex:0 1 auto}
 .dv-k-lijst .dv-voetje{position:absolute;top:22px;right:24px;height:40px;display:flex;align-items:center;padding:0!important;margin:0}
 .dv-k-lijst .dv-meer{font-size:14px}
 .dv-k-lijst .dv-links{margin-top:12px!important;column-gap:26px;row-gap:0}
 .dv-k-lijst .dv-links li{border-bottom:1px solid rgba(255,255,255,.055)}
 .dv-k-lijst .dv-links a{min-height:34px!important;padding:6px 8px 6px 4px;font-size:14.5px;line-height:1.3;gap:10px;display:flex;align-items:center}
 .dv-k-lijst .dv-links a::before{width:7px;height:7px;margin-top:0;border-radius:0;background:none;opacity:1;
  border-right:1.5px solid #c9a356;border-top:1.5px solid #c9a356;transform:rotate(45deg) translate(-1px,1px)}
 .dv-k-lijst .dv-links a:hover::before{border-color:#e8cf99}
 /* bos-kart kapisi: Situaties 8 satir, Diensten 9 -> Situaties altinda 51 px bos. Liste kartin boyuna gerilir, satirlar 1fr */
 .dv-grid > .dv-k-lijst{display:flex;flex-direction:column}
 .dv-k-lijst > .dv-det{flex:1 1 auto;display:flex;flex-direction:column}
 .dv-k-lijst .dv-det > .dv-links{flex:1 1 auto;display:grid!important;columns:auto!important;grid-auto-flow:column;
  grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--dv-rij),auto)!important;align-content:stretch!important}
 .dv-k-lijst .dv-det > .dv-links > li{display:flex;align-items:center}
 .dv-k-lijst .dv-det > .dv-links > li > a{flex:1}
 .dv-k-lijst .dv-det::details-content{flex:1 1 auto;display:flex;flex-direction:column}
}

/* 07.11 mobil denetim (Android + iOS): altbilgi etiketi 11,5 px -> 12 (Apple HIG alt siniri) */
.dv-lbl{font-size:12px!important}
/* ===== 07.11 operator: "burasi hala istedigim kalitede degil" (Diensten / Situaties listeleri) =====
   Olculdu: yarim kartta 2 sutun, 33 baglantidan 9'u iki satira kiriliyordu, grup yok. Yeni: kart tam genislik, icinde
   menu + hub ile AYNI gruplar (v5._grupla) yan yana sutun; grup basligi altin + sayi; satir tek satir. */
.dv-grid > .dv-k-gr{grid-column:1 / -1!important}
.dv-k-gr .dv-groepen{display:grid;gap:14px;margin-top:14px}
.dv-k-gr .dv-gr{min-width:0}
.dv-k-gr .dv-gr-h{display:flex;align-items:center;gap:10px;margin:0 0 6px;padding:0 0 10px;border-bottom:1px solid rgba(201,163,86,.28);
 font:600 15px/1.2 Oswald,"Arial Narrow",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#e8cf99}
.dv-k-gr .dv-gr-n{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 7px;border-radius:999px;
 background:rgba(201,163,86,.14);font:600 12px/1 Inter,system-ui,sans-serif;letter-spacing:0;color:#e8cf99}
.dv-k-gr .dv-gr-l{display:grid;gap:0;margin:0;padding:0;list-style:none}
.dv-k-gr .dv-gr-l li{border-bottom:1px solid rgba(255,255,255,.055)}
.dv-k-gr .dv-gr-l li:last-child{border-bottom:0}
.dv-k-gr .dv-gr-l a{display:flex;align-items:center;gap:10px;min-height:38px;padding:6px 8px 6px 4px;border-radius:8px;
 font:500 14.5px/1.3 Inter,system-ui,sans-serif;color:#d8d2ca;text-decoration:none;transition:background-color .15s,color .15s}
.dv-k-gr .dv-gr-l a::before{content:"";flex:none;width:6px;height:6px;border-top:1.5px solid #c9a356;border-right:1.5px solid #c9a356;
 transform:rotate(45deg);opacity:.85}
.dv-k-gr .dv-gr-l a:hover{background:rgba(201,163,86,.08);color:#f2efeb}
.dv-k-gr .dv-gr-l a:focus-visible{outline:3px solid #f0a500;outline-offset:2px}
@media (min-width:700px){
 .dv-k-gr .dv-groepen{grid-template-columns:repeat(var(--dv-gn,3),minmax(0,1fr));column-gap:0}
 .dv-k-gr .dv-gr{padding:0 22px;border-left:1px solid rgba(201,163,86,.14)}
 .dv-k-gr .dv-gr:first-child{padding-left:0;border-left:0}
 .dv-k-gr .dv-gr:last-child{padding-right:0}
}
@media (max-width:699px){
 .dv-k-gr .dv-groepen{gap:18px}
 .dv-k-gr .dv-gr-l a{min-height:44px}
}
/* 07.11 olculdu 768: 3 grup sutunu 706 px kartta sikisti, 33 baglantidan 26'si iki satira kirildi -> 700-1099 arasi
   gruplar alt alta, her grubun baglantilari kendi icinde 2 sutun. */
@media (min-width:700px) and (max-width:1099px){
 .dv-k-gr .dv-groepen{grid-template-columns:minmax(0,1fr)!important;row-gap:18px}
 .dv-k-gr .dv-gr{padding:0!important;border-left:0!important}
 .dv-k-gr .dv-gr-l{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
 .dv-k-gr .dv-gr-l li:last-child{border-bottom:1px solid rgba(255,255,255,.055)}
}
/* ===== 07.11 operator: "footerdaki bunlar dropdown olsa daha kompakt gozukmez mi" =====
   Olculdu once: 1440'ta Diensten 442 + Situaties 364 px. Simdi her genislikte kapali acilir; kapaliyken iki kart yan yana ince
   serit (baslik + sayi + grup adlari + ac/kapa), acilan kart tam genislige cikar ve grup duzenini gosterir. */
.dv-k-gr .dv-det summary{pointer-events:auto!important;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:44px}
.dv-k-gr .dv-det summary:focus-visible{outline:3px solid #f0a500;outline-offset:4px;border-radius:10px}
.dv-k-gr .dv-ac{display:block!important;flex:none;position:relative;width:36px;height:36px;border-radius:10px;background:rgba(201,163,86,.12);
 border:1px solid rgba(201,163,86,.3);transition:background-color .15s}
.dv-k-gr .dv-det summary:hover .dv-ac{background:rgba(201,163,86,.22)}
.dv-k-gr .dv-ac::before,.dv-k-gr .dv-ac::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;
 border-radius:1px;background:#e8cf99;transition:transform .2s ease}
.dv-k-gr .dv-ac::after{transform:rotate(90deg)}
.dv-k-gr .dv-det[open] .dv-ac::after{transform:rotate(0)}
.dv-k-gr .dv-gr-voor{display:none}
@media (min-width:700px){
 .dv-grid > .dv-k-gr{grid-column:span 3!important;align-self:start}
 .dv-grid > .dv-k-gr:has(> .dv-det[open]){grid-column:1 / -1!important}
 .dv-k-gr .dv-det summary .dv-kop{flex:0 0 auto}
 .dv-k-gr .dv-gr-voor{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font:500 13.5px/1.3 Inter,system-ui,sans-serif;color:#a59c90}
 .dv-k-gr .dv-det summary{padding-right:150px}
 .dv-k-gr .dv-det:not([open]) ~ .dv-voetje{top:50%!important;transform:translateY(-50%)}
}
@media (min-width:700px) and (max-width:1099px){
 .dv-grid > .dv-k-gr{grid-column:span 1!important}
 .dv-k-gr .dv-gr-voor{display:none}
}
/* 07.11 olculdu 768: 'Alle ...' baglantisi ozet satirinin ustune biniyor (tiklamayi yutuyordu), + solda, kart 156 px -> duzen */
@media (max-width:1099px){
 .dv-k-gr .dv-det summary{padding-right:0!important}
 .dv-k-gr .dv-ac{margin-left:auto}
 .dv-k-gr > .dv-voetje{position:static!important;transform:none!important;margin:10px 0 0!important;padding:0!important}
}
@media (min-width:1100px){.dv-k-gr .dv-ac{margin-left:auto}}
/* 07.11 olculdu: kapali seritte grup onizlemesi "..." ile kesiliyordu -> kalkti (sayi rozeti yeter); biri acilinca oteki yarim
   genislikte yalniz kaliyor, saginda bos yer aciliyordu -> biri acikken ikisi de tam genislik. */
html .dv-k-gr .dv-gr-voor{display:none!important}
@media (min-width:700px){
 .dv-grid:has(> .dv-k-gr > .dv-det[open]) > .dv-k-gr{grid-column:1 / -1!important}
}
/* 07.11 middag operator: open/gesloten = gewone rij in Openingstijden (chip met live-stip, label STATUS, waarde).
   ues-open.js schrijft de pil-stijl (!important) voor .ues-nu; hier teruggezet naar de dv-val van de rij. */
footer .dv-nu:has([data-ues-open][hidden]){display:none}
footer .dv-chip-nu i{width:10px;height:10px;border-radius:50%;background:var(--messing)}
footer .dv-nu:has([data-staat=open]) .dv-chip-nu i{background:#3ddc68;box-shadow:0 0 0 4px rgba(61,220,104,.16)}
footer .dv-nu:has([data-staat=dicht]) .dv-chip-nu i{background:#ff4b3e;box-shadow:0 0 0 4px rgba(255,75,62,.16)}
@media (prefers-reduced-motion:no-preference){footer .dv-nu:has([data-staat=open]) .dv-chip-nu i{animation:uesNu 1.8s ease-out infinite}}
footer .dv-val.ues-nu{display:block;width:auto;margin:0;padding:0;border:0!important;border-radius:0;background:none!important;
 font:inherit!important;font-size:15px!important;line-height:22px!important;letter-spacing:normal!important;color:var(--kalk2)!important}
footer .dv-val.ues-nu i{display:none}

/* ===== 07.11 middag operator: "burayi kozmetik olarak goze daha guzel gelen bi hale cevir" (Werkgebied + Diensten/Situaties) ===== */
/* Werkgebied: aantal in de kop (zelfde badge als de lijsten), plaats-tegels met pin, Nieuwegein = werkplaats */
footer .dv-tel-g{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 8px;
 border-radius:999px;background:rgba(201,163,86,.14);border:1px solid rgba(201,163,86,.35);color:#e8cf99;font-size:12px;line-height:1}
footer .dv-k-gebied .dv-kop{gap:12px}
footer .dv-steden a{position:relative;flex-direction:column;gap:2px;min-height:58px;padding:8px 6px;border:1px solid rgba(201,163,86,.14);
 background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));transition:border-color .2s,background .2s,transform .2s}
footer .dv-steden a > span{display:inline-flex;align-items:center;gap:6px}
footer .dv-steden a{flex-direction:row;flex-wrap:wrap;column-gap:6px;row-gap:2px;align-content:center}
footer .dv-steden small{flex:1 0 100%;text-align:center}
footer .dv-steden .dv-pin{flex:none;width:14px;height:14px;fill:none;stroke:#c9a356;stroke-width:1.8;opacity:.75}
footer .dv-steden a:hover{border-color:rgba(201,163,86,.55);background:linear-gradient(180deg,rgba(201,163,86,.16),rgba(201,163,86,.04));color:#f2efeb;transform:translateY(-1px)}
footer .dv-steden a:hover .dv-pin{opacity:1}
footer .dv-steden small{font:600 12px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#c9a356}
footer .dv-steden .is-thuis a{border-color:rgba(201,163,86,.5);background:linear-gradient(180deg,rgba(201,163,86,.2),rgba(201,163,86,.06))}
footer .dv-steden .is-thuis .dv-pin{opacity:1;fill:rgba(201,163,86,.35)}
@media (prefers-reduced-motion:reduce){footer .dv-steden a{transition:none}footer .dv-steden a:hover{transform:none}}

/* Diensten / Situaties gesloten strook (07.11 middag, 2e versie, operator: "pilleri kaldir, numaradan +'ya uzanan bir simsek
   yap hareketli"): tussen het aantal en de + een gouden lijn met bliksemknik; een lichtpuls loopt van het aantal naar de +.
   Alleen gesloten en waar aantal en + in een rij staan (>=1100); reduced-motion: geen puls. */
html .dv-k-gr .dv-gr-voor{display:none!important}
/* 07.11 operator "birine basinca ikisi de aciliyor": gemeten, de gesloten lijst hield 266 px inhoud in de opmaak
   (::details-content{display:flex} houdt in sommige browsers de inhoud zichtbaar) -> gesloten = inhoud expliciet weg */
html footer .dv-det:not([open]) .dv-groepen{display:none!important}
@media (min-width:1100px){
 /* 07.11 (4) operator: sleutel op de lijn. Lijn = doorlopende gouden streep; sleutel (menu-symbool #kd-sleutel) start bij het aantal */
 html .dv-k-gr .dv-det:not([open]) .dv-gr-voor{display:block!important;position:relative;flex:1 1 auto;min-width:80px;height:24px;margin:0 4px;overflow:visible;
  background:linear-gradient(90deg,rgba(201,163,86,.15),rgba(201,163,86,.6) 30%,rgba(201,163,86,.6)) 0 50%/100% 1.6px no-repeat}
 .dv-k-gr .dv-key{position:absolute;top:50%;left:0;width:22px;height:22px;margin-top:-11px;fill:#e8cf99;
  filter:drop-shadow(0 0 4px rgba(201,163,86,.55));transform-origin:50% 50%}
 /* 'Alle ...' op de kopregel (strook is weer een regel hoog) */
 .dv-k-gr .dv-det:not([open]) ~ .dv-voetje{top:50%!important;transform:translateY(-50%)!important}
 .dv-grid:not(:has(> .dv-k-gr > .dv-det[open])) > .dv-k-gr{align-self:stretch!important}
}
@media (min-width:1100px) and (prefers-reduced-motion:reduce){.dv-k-gr .dv-key{left:calc(50% - 11px)}}
@media (min-width:1100px) and (prefers-reduced-motion:no-preference){
 /* in beeld (footer.dv-zien, IntersectionObserver in d3_voet._SCRIPT): 1x; hover over de strook: blijft herhalen */
 footer.dv-zien .dv-k-gr .dv-key{animation:dvSleutelEen 3.2s cubic-bezier(.45,0,.25,1) .3s 1 both}
 footer.dv-zien .dv-k-gr:nth-child(odd) .dv-key{animation-delay:.9s}
 .dv-k-gr .dv-det summary:hover .dv-key{animation:dvSleutel 3.2s cubic-bezier(.45,0,.25,1) infinite!important}
}
/* eenmalig (in beeld): eindigt zichtbaar in het slot naast de + (lijn niet leeg) */
@keyframes dvSleutelEen{0%{left:0;transform:rotate(0);opacity:0}8%{opacity:1}78%{left:calc(100% - 22px);transform:rotate(0)}
 100%{left:calc(100% - 22px);transform:rotate(90deg);opacity:1}}
/* glijdt van het aantal naar de +, draait daar een kwartslag (in het slot), vervaagt en staat weer aan het begin */
@keyframes dvSleutel{0%{left:0;transform:rotate(0);opacity:0}8%{opacity:1}72%{left:calc(100% - 22px);transform:rotate(0)}
 84%{left:calc(100% - 22px);transform:rotate(90deg);opacity:1}100%{left:calc(100% - 22px);transform:rotate(90deg);opacity:0}}
@media (max-width:699px){
 footer .dv-steden a{min-height:72px;flex-direction:column;flex-wrap:nowrap;justify-content:center}  /* gemeten 390: pin soms naast, soms boven de naam -> altijd boven; gelijke tegels */
}
/* 10.11.2026 operator (mobiel): "WERKPLAATS" liep buiten de Nieuwegein-tegel (label 92 px, tegel 86 px @390;
   ook 700-800 en 1100-1120). Label gewoon geschreven, smalle spatiering, 12 px blijft (66 px).
   Namen: 3 kolommen te smal op 320-374 en 700-759 (Nieuwegein 81 px in 67-79 px) -> 2 kolommen,
   werkplaats-tegel volle rij (1 + 8, geen wees). Gemeten 320-1440 per 20 px: 0 overloop. */
footer .dv-steden small{letter-spacing:.02em;text-transform:capitalize}
@media (max-width:374px),(min-width:700px) and (max-width:759px){
 footer .dv-steden{grid-template-columns:repeat(2,minmax(0,1fr))}
 footer .dv-steden .is-thuis{grid-column:1 / -1}
}
/* 04.11 #vragen = variant A "Werkbank" (tasarim/vragen-varyant/A). Appended last by v5tam.
   Reset of the older #vragen rules first: no lines, filled blocks. */
#vragen .vr details,#vragen .vr details[open]{border:0!important;margin:0;padding:0;background:none;border-radius:0}
#vragen .vr summary{list-style:none;cursor:pointer}
#vragen .vr summary::-webkit-details-marker{display:none}
#vragen .vr summary:focus-visible,#vragen .vr a:focus-visible{outline:3px solid var(--amber);outline-offset:3px;box-shadow:none}
#vragen .vr .bl-vragen-cv{margin:0;max-width:none;font-size:16px;line-height:26px;color:#cdc4b8}
#vragen .vr .bl-vragen-cv p{margin:0;font-size:16px;line-height:26px;color:#cdc4b8}
#vragen .vr .bl-vragen-cv b{color:#f2efeb;font-weight:650}
#vragen .vr .bl-vragen-cv a{color:#e8cf99;font-weight:650;text-decoration:none}
#vragen .vr .bl-vragen-cv a:hover{color:#f2efeb}
/* plus -> minus: filled bars inside a filled disc */
#vragen .vr .vr-im{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background-color:rgba(201,163,86,.14);
 background-image:linear-gradient(#e0bd73,#e0bd73),linear-gradient(#e0bd73,#e0bd73);
 background-repeat:no-repeat;background-position:center;background-size:14px 2px,2px 14px;
 transition:background-size .18s,background-color .18s}
#vragen .vr details[open]>summary .vr-im{background-size:14px 2px,2px 0;background-color:#c9a356;
 background-image:linear-gradient(#141217,#141217),linear-gradient(#141217,#141217)}
#vragen .vr .knop{border:0!important;border-radius:var(--y-dugme,12px);min-height:52px}
#vragen .vr .knop-2{background:#2b241d!important;color:#f2efeb!important}
#vragen .vr .knop-2:hover{background:#352c23!important}
#vragen .vr .vr-alle{background:#c9a356!important;color:#141217!important}
#vragen .vr .vr-alle:hover{background:#e0bd73!important}
#vragen .vr .vr-pijl{display:inline-block;width:18px;height:18px;flex:0 0 18px;
 background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 5l7 7-7 7-1.4-1.4 4.6-4.6H4v-2h12.2l-4.6-4.6z'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 5l7 7-7 7-1.4-1.4 4.6-4.6H4v-2h12.2l-4.6-4.6z'/%3E%3C/svg%3E") center/contain no-repeat}
#vragen .vr img{display:block}
/* layout: rows left, sticky side card right */
#vragen .vrA{display:grid;gap:16px;margin-top:var(--c-kop,40px)}
#vragen .vrA-lst{display:grid;gap:10px;align-content:start}
#vragen .vrA-r{background:#1c1815!important;border-radius:16px!important;transition:background-color .18s}
#vragen .vrA-r[open]{background:#262019!important}
#vragen .vrA-r summary{display:grid;grid-template-columns:52px 1fr 40px;align-items:center;column-gap:14px;
 padding:14px 16px 14px 18px;min-height:72px;box-sizing:border-box}
#vragen .vrA-no{font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;font-size:26px;line-height:1;
 letter-spacing:.02em;color:#c9a356}
#vragen .vrA-r[open] .vrA-no{color:#e8cf99}
#vragen .vrA-r .bl-vragen-sr{font-size:17px;line-height:25px;font-weight:650;color:#f2efeb}
#vragen .vrA-r summary:hover .bl-vragen-sr{color:#e8cf99}
#vragen .vrA-r .bl-vragen-cv{padding:0 72px 22px calc(18px + 52px + 14px);max-width:64ch}
#vragen .vrA-yan{background:#1c1815;border-radius:18px;overflow:clip;align-self:start}
#vragen .vrA-foto{margin:0;height:200px;overflow:clip;background:#0d0b0e}
#vragen .vrA-foto img{width:100%;height:100%;object-fit:cover;object-position:30% 45%;filter:brightness(.86)}
#vragen .vrA-yan-ic{padding:24px 22px 24px}
#vragen .vrA-yan-t{margin:0 0 18px;font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-weight:600;
 font-size:26px;line-height:1.1;letter-spacing:.01em;text-transform:uppercase;color:#f2efeb;text-wrap:balance}
#vragen .vrA-knop{display:grid;gap:10px}
#vragen .vrA-knop .knop{width:100%;justify-content:center;box-sizing:border-box}
@media (min-width:1000px){
 #vragen .vrA{grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
 #vragen .vrA-yan{position:sticky;top:calc(var(--kop-h,76px) + 24px)}
 #vragen .vrA-foto{height:220px}
 /* 05.11 operator "burayi hizalandir": side card hung 53 px below the closed list (1440; 47 at 1024).
    The list stretches to the row height and spreads its rows; the card keeps its height and stays sticky. */
 #vragen .vrA-lst{align-self:stretch;align-content:space-between}
}
@media (max-width:999px){
 #vragen .vrA-r summary{grid-template-columns:38px 1fr 40px;column-gap:10px;padding:12px 12px 12px 14px;min-height:64px}
 #vragen .vrA-no{font-size:21px}
 #vragen .vrA-r .bl-vragen-sr{font-size:16.5px}
 #vragen .vrA-r .bl-vragen-cv{padding:0 16px 20px 14px;max-width:none}
 #vragen .vrA-foto{height:160px}
}
@media (prefers-reduced-motion:reduce){#vragen .vr *{transition:none!important}}

/* ===== 05.11 BEWIJS — kanit slayti (operator: "kanit fotolari ile minik slayt"), #prijzen sonunda ===== */
#prijzen .bw{margin:6px 0 28px}
#prijzen .bw-kop{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}
#prijzen .bw-et{margin:0;font:600 12px/1.2 Inter,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#d9b56a}
#prijzen .bw-pijl{display:flex;gap:8px}
#prijzen .bw-b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;cursor:pointer;
 background:rgba(201,163,86,.12);border:1px solid rgba(201,163,86,.34);color:#e8cf99;transition:background-color .18s}
#prijzen .bw-b:hover{background:rgba(201,163,86,.24)}
#prijzen .bw-b:disabled{opacity:.35;cursor:default}
#prijzen .bw-b svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#prijzen .bw-b:focus-visible,#prijzen .bw-l:focus-visible{outline:3px solid #f0a500;outline-offset:3px}
#prijzen .bw-l{list-style:none;margin:0;padding:0 0 4px;display:grid;grid-auto-flow:column;
 grid-auto-columns:calc((100% - 4 * 14px) / 5);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
 scrollbar-width:none;overscroll-behavior-x:contain}
#prijzen .bw-l::-webkit-scrollbar{display:none}
#prijzen .bw-i{scroll-snap-align:start;min-width:0}
/* genel kural (main > .bl figure: overflow clip + radius 18) altyazinin ilk harfini sol alt kosede kesiyordu */
#prijzen .bw-i figure{margin:0;overflow:visible!important;border-radius:0!important}
#prijzen .bw-i img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:14px;
 background:#1c1815}
#prijzen .bw-i figcaption{margin-top:8px;font:500 14px/1.35 Inter,system-ui,sans-serif;color:#cdc4b8}
#prijzen .bw-i figcaption b{font-weight:600;color:#f2efeb}
@media (prefers-reduced-motion:no-preference){#prijzen .bw-l{scroll-behavior:smooth}}
@media (max-width:999px){#prijzen .bw-l{grid-auto-columns:calc((100% - 2 * 12px) / 3);gap:12px}}
@media (max-width:699px){
 #prijzen .bw{margin-top:28px}
 #prijzen .bw-pijl{display:none}
 #prijzen .bw-l{grid-auto-columns:64%;gap:12px}
}

/* ===== 05.11 uyum (operator: "yalniz parcalar"; tasarim/uyum-denetim-20261105/RAPOR.md) ===== */
/* #26 bolum numarasi 08 tek basina #c9a356'ydi: .c-donker kurali 04.11'de bolum panelleri
   kalkinca gorunur bir ayrim tasimiyor; numaralar tek renk */
.bt-C .c-donker .c-nr{color:var(--c-messd)}
/* #4 landing'in icinde 3 ayri ikincil dugme vardi; hero + form stili (cogunluk) tek stil oldu */
.bt-C main > .bl:not(.c-donker) :is(.knop-2,.bl-bt-knop2),
#vragen .vr .knop-2{background:rgba(10,9,11,.88)!important;border:2px solid #d8d2ca!important;color:#f2efeb!important}
.bt-C main > .bl:not(.c-donker) :is(.knop-2,.bl-bt-knop2):hover,
#vragen .vr .knop-2:hover{background:#1b1714!important;border-color:#f2efeb!important}
/* #14 telefonda durum paneli basligi (h3) h2 ile ayni boydaydi (24 = 24) */
@media (max-width:999px){.bt-C .bl .v2-ph{font-size:21px}}
/* ===== 05.11 operator "herodan sonraki sectionlarin sag sol paddingi azalsin" + "hepsini toplu yap":
   tek site cercevesi = ic sayfalar (site/src/styles/ic-a.css .da-kap: min(1520px, 100% - 64px)).
   Bolum karti + footer karti + ust menu bu cerceveye; bolum icerigi cerceveden 72 px iceride (zincir + kadran
   orada; ic sayfalarda da metin cerceveden ~70 px iceride). Hero (--kap) DOKUNULMADI. Yalniz >=1000 px. */
@media (min-width:1000px){
 .bt-C{--y-gen:min(1520px, calc(100% - 64px));--c-gut:72px}
 .bt-C main > .bl .kap{width:calc(100% - 144px)}
 .kop > .kop-ic{width:min(1520px, calc(100% - 64px))}
}
/* 05.11 operator "footeri da hizalamadin mi? ve arka plani duruyor": olculdu — footer karti cercevede (180-1700)
   ama icerigi eski 1180'de (350-1530); kartin zemini/kenari/golgesi 04.11 "arka plani kaldir" kuralina girmemisti.
   Zemin her genislikte kalkar (bolumlerle ayni); icerik bolum icerigiyle ayni cizgiye (cerceve + 72). */
html .bt-C .bl-voet,html .bl-voet{background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important}
@media (min-width:1000px){html .bl-voet > .kap{width:calc(100% - 144px)}}
/* 05.11 operator "dogru sekilde hallet": hero yazi + dugmeler de bolum icerigiyle ayni cizgide (cerceve + 72).
   Menu genisleyince logo 32 / hero 130 (1440) kaymisti. Hero gorseli ve 3B sahne degismez. */
@media (min-width:1000px){.bt-C .held .h-ic{width:calc(min(1520px, 100% - 64px) - 144px);max-width:none}}
/* ===== 05.11 operator (mobil): "hero tam ekrani kaplamiyor, asagi uzamis; giris ekraninda hersey gozukmeli,
   ekranin altinda brand logolari kaymali — desktoptaki mantik". Olculdu 390x844: hero 972 px (serit 910-972,
   ekran disi), guven karti 226 px (3 madde alt alta), dugmeler 114 px.
   Cozum: sahne seridi SABIT degil, ekrandan kalan yer kadar (ekran - menu - marka seridi - metin bloku);
   metin bloku sikilasir; marka seridi hero'nun dibine sabitlenir. Metin sigmazsa hero kirpilmaz, uzar. */
@media (max-width:999px){
 .held:has(#hero-sahne){--h-metin:494px;--h-ms:62px;min-height:100svh;padding-bottom:var(--h-ms);
  --h-serit:max(110px, calc(100svh - var(--kop-h) - var(--h-ms) - var(--h-metin)))}
 .held .m-serit{position:absolute!important;left:0;right:0;bottom:0}
 .held .h-kol{gap:0}
 .held .h-et{margin-bottom:8px}
 .held .h-lead{font-size:16px!important;line-height:1.5!important;margin-top:10px!important}
 .held .h-knop{margin-top:14px!important;gap:8px!important}
 .held .h-knop .knop{padding:11px 18px!important;font-size:16px!important}
 .held .h-knop .knop .nr{font-size:15px!important}
 /* guven karti: masaustundeki gibi tek satir 3 sutun, ikonsuz, yazi kapsayiciya gore */
 .held .h-guven{margin-top:12px!important;container-type:inline-size;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .held .h-guven>div{font-size:clamp(10.5px,3.4cqw,13px)!important;padding:.75em .6em!important;gap:0!important;
  border-top:0!important;border-left:1px solid rgba(255,255,255,.08)!important}
 .held .h-guven>div:first-child{border-left:0!important}
 .held .h-guven .gv-ik{display:none!important}
 .held .h-guven b{font-size:1em!important;line-height:1.3!important}
 .held .h-guven span{font-size:.92em!important;line-height:1.3!important;margin-top:.15em!important}
}
/* ===== 05.11 operator: "trust badge'i yukaridaki 2 butonun buyuklugunde hizala, guven barinin cizgilerini gelistir" */
@media (min-width:1000px){
 .held .h-knop{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
 .held .h-knop .knop{justify-content:center}
 .held .h-guven{width:100%}
}
.held .h-guven{border:1px solid rgba(201,163,86,.26)!important}
.held .h-guven>div{position:relative;border-left:0!important;border-top:0!important}
.held .h-guven>div + div::before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;
 background:linear-gradient(180deg,rgba(201,163,86,0),rgba(201,163,86,.6) 50%,rgba(201,163,86,0))}
/* ===== 05.11 operator (mobil): CTA cubugunun ustundeki ince sari cizgi kalkar */
#ab,nav#ab{border-top:0!important}
/* ===== 05.11 operator (mobil): soldaki sari ray icerige yapisik (ray x18-24, icerik x27: 3 px) -> sola, ince */
@media (max-width:999px){.bt-C .c-zincir .c-rug{transform:translateX(-6px);width:3px}}
/* ===== 05.11 operator (mobil): "servislere tiklayinca ekrani yukari kaydiriyor". Olculdu: 8 sekmenin gizli
   radio'su listenin TEPESINDE (absolute top:0); dokunulan alttaki kartin radio'su odaklaninca tarayici onu
   gorunur yapmak icin sayfayi yukari kaydiriyordu. Radio ekrana sabit: her zaman gorunur, kaydirma sebebi yok. */
.bt-C .bl .v2-r{position:fixed!important;top:40%!important;left:0!important}
/* ===== 05.11 operator (mobil): "afstandsbedienin|g" — durum panelindeki fiyat satiri dar ekranda ad + fiyat
   yan yana sigmiyordu, ad harf harf bolunuyordu. Fiyat tablosundaki gibi: ad tam satir, fiyat altinda. */
@media (max-width:480px){
 .bt-C .bl .v2-pr{flex-wrap:wrap;row-gap:4px}
 .bt-C .bl .v2-pr > span:first-child{flex:1 1 100%}
}
/* 05.11: mobilde de iki dugme guven karti ile ayni genislikte */
@media (max-width:999px){.held .h-knop .knop{width:100%;justify-content:center}}
/* ===== 05.11 operator: "dash'li yazilar AI gibi duruyor" — otomatik heceleme (hyphens:auto) satir sonunda
   "ach-terop", "legitimatie-bewijs" uretiyordu; harf harf kirma (overflow-wrap:anywhere) da kalkar.
   Yalniz elle konan yumusak tireler (uzun basliklar) calisir. Kelime satirdan uzunsa yine de kirilir (break-word). */
html .bt-C *,html .kop *,html .bl-voet *{-webkit-hyphens:manual!important;hyphens:manual!important}
.bt-C .bl .v2-tab b,.bt-C .bl .v2-ph,.bt-C .bl .v2-tabel-not,.bt-C .bl .v2-tabel-not p,.bt-C .bl .v2-tabel-not b,
.bt-C .bl .v2-plaats a{overflow-wrap:break-word!important;word-break:normal!important}
/* ===== 05.11 operator: "bu yazilar niye hizalanmadi" — cerceve 1520'ye cikti ama landing paragraflari 60-62ch'te
   kaldi (panelin sag yarisi bos). Ic sayfalardaki gibi 70ch (~94 harf, UX kapisi <=100). Yalniz >=1000 px. */
@media (min-width:1000px){
 .bt-C .bl .v2-adim li,.bt-C .bl .v2-paneel > p,.bt-C #prijzen .bl-prijzen-geen,
 .bt-C #sleutel .bl-ic .bl-sleutel-son p{max-width:70ch}
}
/* ===== 05.11 operator (mobil): "bozuk hizalama" — werkwijze adimlarinda numara + ikon + metin yan yana, metin dar.
   Dar ekranda numara ve ikon tek sutunda ust uste, metin genis sutunda. */
@media (max-width:600px){
 .bt-C .bl .v2-stap li{grid-template-columns:auto minmax(0,1fr)!important;column-gap:14px!important;row-gap:8px!important}
 .bt-C .bl .v2-stap li > .v2-ik-stap{grid-column:1;grid-row:2}
 .bt-C .bl .v2-stap li > :last-child{grid-column:2;grid-row:1 / span 2}
}
/* ===== 05.11 operator (mobil): "sag altta bosluk" — 9 plaats 2 sutunda, son hucre bos kaliyordu; tek kalan tam satir */
@media (max-width:420px){.bt-C .bl .v2-plaats > li:last-child:nth-child(odd){grid-column:1 / -1}}
/* 05.11: fiyat satirinin tamami kendi sayfasina tiklanir; "Meer ..." baglanti siralari */
.bt-C .bl .v2-tabel-l li{position:relative}
.bt-C .bl .v2-tabel-l a.v2-tl{color:inherit;text-decoration:none}
.bt-C .bl .v2-tabel-l a.v2-tl::after{content:"";position:absolute;inset:0;border-radius:inherit}
.bt-C .bl .v2-tabel-l a.v2-tl:focus-visible{outline:none}
.bt-C .bl .v2-tabel-l li:has(a.v2-tl:focus-visible){outline:3px solid #f0a500;outline-offset:2px}
.bt-C .bl .v2-tabel-l li:has(a.v2-tl):hover a.v2-tl{color:#e8cf99}
.bt-C .bl .v2-meer{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:18px 0 0}
.bt-C .bl .v2-meer b{flex:0 0 100%;font:600 12px/1.2 Inter,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#d9b56a}
/* ===== 05.11 operator (mobil): guven kartinda ortadaki madde 2 satira dusuyor, digerleriyle esit degil.
   Dar ekranda 3 sutun yerine 3 esit satir: "Baslik · aciklama" tek satirda; ayraclar yatay altin cizgi. */
@media (max-width:600px){
 .held .h-guven{grid-template-columns:minmax(0,1fr)!important}
 .held .h-guven>div{display:block!important;padding:.62em .9em!important;font-size:13px!important;line-height:1.3!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .held .h-guven>div p{display:inline;margin:0}
 .held .h-guven b,.held .h-guven span{display:inline!important;font-size:1em!important;margin:0!important}
 .held .h-guven span::before{content:"\00b7";margin:0 .45em;color:#c9a356}
 .held .h-guven>div + div::before{left:12%!important;right:12%!important;top:0!important;bottom:auto!important;width:auto!important;height:1px!important;
  background:linear-gradient(90deg,rgba(201,163,86,0),rgba(201,163,86,.6) 50%,rgba(201,163,86,0))!important}
}
@media (max-width:380px){.held .h-guven>div{font-size:12px!important;padding:.62em .7em!important}}
/* hicbir genislikte metin "..." ile gizlenmez: sigmazsa satir kirilir */
@media (max-width:340px){.held .h-guven>div{white-space:normal;overflow:visible}}
/* ===== 05.11 operator "hepsini onayliyorum": ACILIR MENU kozmetik (onizleme taban/ekran-20261105/DD-*) ===== */
@media (min-width:1000px){
 .kop-nav .kop-mm{border-top:0!important;border-radius:20px!important;overflow:hidden;background:#141114!important;
  border:1px solid rgba(201,163,86,.22)!important;box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 1px 0 rgba(232,207,153,.08)!important}
 .kop-nav .kop-mm::after{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;
  background:linear-gradient(90deg,rgba(201,163,86,0),rgba(232,207,153,.75) 50%,rgba(201,163,86,0))}
 .kop-nav .kop-mm .kop-mm-l a{position:relative;border-radius:12px!important;padding:10px 40px 10px 10px!important;
  transition:background-color .18s,box-shadow .18s}
 .kop-nav .kop-mm .kop-mm-l a:hover,.kop-nav .kop-mm .kop-mm-l a:focus-visible{background:rgba(201,163,86,.08)!important;box-shadow:inset 3px 0 0 #c9a356}
 .kop-nav .kop-mm .kop-mm-l a::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;
  border-top:2px solid #c9a356;border-right:2px solid #c9a356;transform:translate(-4px,-50%) rotate(45deg);opacity:0;transition:opacity .18s,transform .18s}
 .kop-nav .kop-mm .kop-mm-l a:hover::after{opacity:1;transform:translate(0,-50%) rotate(45deg)}
 .kop-nav .kop-mm .kop-mm-r{white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;
  display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4!important}
 .kop-nav .kop-mm .kop-mm-ic{border:1px solid rgba(201,163,86,.22)}
}
/* fiyat kapsulu + "Op aanvraag" gri kapsul + sayi rozeti: masaustu ve mobil */
.kop .kop-mm-p{align-self:start;padding:3px 10px;border-radius:999px;background:rgba(201,163,86,.12);
 border:1px solid rgba(201,163,86,.3);font-size:13.5px!important;white-space:nowrap;color:#e8cf99}
.kop .kop-mm-p.ap{background:transparent;border-color:rgba(242,239,235,.18);color:#a59c90!important}
.kop .kop-mm-say{display:inline-grid;place-items:center;min-width:26px;height:22px;margin-left:10px;padding:0 7px;border-radius:999px;
 background:rgba(201,163,86,.14);color:#e8cf99;font:600 12px/1 Inter,system-ui,sans-serif;letter-spacing:0;vertical-align:middle}
/* ===== MOBIL MENU zengin satirlar ===== */
@media (max-width:999px){
 .kop-panel .kop-gr summary{display:flex;align-items:center}
 .kop-panel .kop-gr summary .kop-mm-say{margin-right:auto}
 .kop-panel .kop-gr ul{display:grid;gap:6px}
 .kop-panel a.kop-gr-i{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;
  padding:10px 12px!important;min-height:58px}
 .kop-panel .kop-gr-i .kop-mm-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;
  background:rgba(201,163,86,.1);border:1px solid rgba(201,163,86,.22)}
 .kop-panel .kop-gr-i .kop-mm-ic svg{width:21px;height:21px;fill:#c9a356}
 .kop-panel .kop-gr-t{display:grid;gap:2px;min-width:0}
 .kop-panel .kop-gr-t b{font-weight:600;font-size:15.5px;line-height:1.3;color:#f2efeb}
 .kop-panel .kop-gr-r{font-size:13px;line-height:1.35;color:#a59c90;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .kop-panel .kop-gr-i .kop-mm-p{font-size:13px!important;padding:3px 9px}
 .kop-panel .kop-gr-gemeente ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kop-panel .kop-gr-gemeente .kop-gr-son{grid-column:1 / -1}
 .kop-panel a.kop-gr-cip{display:grid!important;gap:2px;padding:10px 12px!important;min-height:56px}
 .kop-panel a.kop-gr-cip b{font-weight:600;font-size:15px;color:#f2efeb}
 .kop-panel a.kop-gr-cip small{font-size:12.5px;color:#a59c90}
 .kop-panel .kop-gr-al{color:#e8cf99!important;font-weight:600}
 .kop-panel .kop-eylem{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
 .kop-panel .kop-eylem a{display:flex!important;align-items:center;justify-content:center;min-height:52px;border-radius:12px;
  font:600 16px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.05em;text-transform:uppercase;text-align:center}
 .kop-panel .kop-m-bel{background:#e61202!important;color:#fff!important}
 .kop-panel .kop-eylem .kop-wa{background:rgba(10,9,11,.88)!important;border:2px solid #d8d2ca!important;color:#f2efeb!important}
}
@media (max-width:999px){.kop-panel .kop-gr-gemeente ul > li:nth-last-child(2):nth-child(odd){grid-column:1 / -1}}
/* ===== 05.11 operator: Merken not kutusu "duzgunce hizala" — foto kutunun yuksekligini doldurur, metin dikeyde ortada */
@media (min-width:700px){
 #merken .d1-noot{grid-template-columns:200px minmax(0,1fr)!important;align-items:stretch!important;gap:28px!important;
  padding:12px 28px 12px 12px!important}
 #merken .d1-noot-foto{display:block!important;height:auto!important;min-height:112px;border-radius:12px!important;overflow:hidden}
 #merken .d1-noot-foto img{width:100%;height:100%;object-fit:cover;object-position:40% 55%!important}
 #merken .d1-noot p{align-self:center}
}
/* ===== 05.11 operator: "Wat u nu doet / Zo gaat het" — "yazilar alan olmasina ragmen ortada bitiyor gibi".
   Satir 70ch'de (okunurluk, UX kapisi <=100) dururken panel 1100 px: sag yari bos. Masaustunde adimlar yan yana sutun. */
@media (min-width:1000px){
 .bt-C .bl .v2-adim ol{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 28px}
 .bt-C .bl .v2-adim li{max-width:none!important;margin:0!important}
}
/* ===== 05.11 operator: menude Google puani (logo + 4,7 + yildiz, puan kadar dolu). Yalniz >=1280 (menu sigsin) */
.kop-google{display:none}
@media (min-width:1280px){
 .kop-google{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 13px 0 11px;margin-right:14px;border-radius:999px;
  border:1px solid rgba(201,163,86,.28);background:rgba(255,255,255,.03);color:#f2efeb;text-decoration:none;white-space:nowrap;
  transition:border-color .18s,background-color .18s}
 .kop-google:hover{border-color:rgba(232,207,153,.6);background:rgba(201,163,86,.08)}
 .kop-google:focus-visible{outline:3px solid #f0a500;outline-offset:2px}
 .kop-google .kg-g{width:18px;height:18px;flex:none}
 .kop-google b{font:600 17px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.02em}
 .kop-google .kg-s{position:relative;display:inline-block;font-size:13px;line-height:1;letter-spacing:1px;color:rgba(242,239,235,.22)}
 .kop-google .kg-s-v{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#fbbc05}
}
/* adim sutunlari esit yukseklikte kart: kisa adimin alti bos "kirik" gorunmesin */
@media (min-width:1000px){
 .bt-C .bl .v2-adim li{padding:14px 16px 14px 52px!important;border-radius:12px;background:rgba(255,255,255,.03);
  border:1px solid rgba(201,163,86,.12)}
 .bt-C .bl .v2-adim li::before{left:14px!important;top:14px!important}
}
/* ===== 05.11 operator "mobilde bastan sona kontrol et": mobil son tur (taban/ekran-20261105/mobil-tam) ===== */
@media (max-width:699px){
 /* 1 durum paneli + randevu formu dugmeleri tam genislik (hero ve SSS karti gibi) */
 .bt-C .bl .v2-eylem .knop,.bt-C #afspraak .bl-afspraak-form .knop{width:100%;justify-content:center}
 /* 2 "Meer situaties/diensten": oklar hep sagda, satirlar ince cizgiyle ayrik */
 .bt-C .bl .v2-meer{row-gap:0}
 .bt-C .bl .v2-meer .v2-bag{display:flex;justify-content:space-between;width:100%;padding:4px 0;
  border-bottom:1px solid rgba(201,163,86,.14)}
}
/* 3 fiyat tablosu 360-420: ad + fiyat kapsulu tek sirada (16 satir x 3 kat yerine 1 sira); 320'de eski istif kalir */
@media (min-width:360px) and (max-width:420px){
 .bt-C .bl .v2-tabel-l li:not(.v2-tabel-cta){display:grid!important;grid-template-columns:22px minmax(0,1fr) auto;
  column-gap:12px;row-gap:2px;align-items:center}
 .bt-C .bl .v2-tabel-l li:not(.v2-tabel-cta) > span:not(.nr){flex:none!important;min-width:0}
}
/* 06.11: tek sirada ad sutunu 104-133 px kaliyor, "Portierslotreparatie"/"afstandsbediening" (145-154 px) harf harf
   kiriliyordu (360-430). Telefonda fiyat kapsulu adin ALTINA iner, ad tam genislik alir; kelime bolunmez. */
@media (max-width:699px){
 .bt-C .bl .v2-tabel-l li:not(.v2-tabel-cta){display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;
  column-gap:12px;row-gap:6px;align-items:center}
 .bt-C .bl .v2-tabel-l li:not(.v2-tabel-cta) > svg{grid-row:1}
 .bt-C .bl .v2-tabel-l li:not(.v2-tabel-cta) > span:not(.nr){flex:none!important;min-width:0;grid-column:2}
 .bt-C .bl .v2-tabel-l li:not(.v2-tabel-cta) > .nr{grid-column:2;justify-self:start;text-align:left}
}
/* ===== 05.11 kozmetik denetim (tasarim/kozmetik-denetim-20261105/RAPOR.md) ===== */
/* Y1 mobil menu: WhatsApp yazisi (~206 px) 176 px dugmeden tasiyordu */
@media (max-width:999px){
 .kop-panel .kop-eylem{grid-template-columns:minmax(96px,30%) minmax(0,1fr)!important}
 .kop-panel .kop-eylem a{padding:0 12px!important;font-size:15px!important;white-space:nowrap;min-width:0}
}
/* Y2 werkgebied cipleri: satirlar 96 px'e esniyordu (58 px bosluk) */
.bt-C .bl .v2-plaats{align-content:start!important;grid-auto-rows:auto!important}
/* O3 Merken giris karti: metin 970'te bitiyor, kart 1335'e uzaniyordu -> kart icerigi kadar */
@media (min-width:1000px){#merken .d1-noot{width:fit-content;max-width:100%}}
/* O9 768: 8 durum sekmesi 3 sutunda tek kaliyordu */
@media (min-width:600px) and (max-width:999px){.bt-C .bl .v2-tabl{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* O11 menu: keyless aciklamasi 2 satirda kesiliyordu */
@media (max-width:999px){.kop-panel .kop-gr-r{-webkit-line-clamp:3!important}}
/* D1 adim numaralari esit genislik (basliklar ayni x'ten) */
.bt-C .bl .v2-stap-no{font-variant-numeric:tabular-nums;min-width:2ch;display:inline-block}
/* D2 mobil adim: ikon numaranin hemen altinda */
@media (max-width:600px){.bt-C .bl .v2-stap li{grid-template-rows:auto 1fr}.bt-C .bl .v2-stap li > .v2-ik-stap{align-self:start}}
/* D12 son satirda tek kelime kalmasin -> 06.11 operator: "kartta yer varken yazi yarida alt satira gecmis".
   Olculdu (arac/erken-kirilma.py): pretty kisa paragrafi yeniden dengeleyip satiri erken kiriyordu ("Nee" karti 57 px,
   sitede 278 oge). Yeni karar: satir dolar (acgozlu kirilma); son satirda tek kelime kalabilir. */
.bt-C main p,.bt-C main li{text-wrap:wrap}
/* ===== 05.11 kapi turu bulgulari (bu gecenin eklemeleri) ===== */
/* kontrast AA: rozetteki bos yildiz katmani 1,87:1 -> #8f877c (~5:1) */
.kop-google .kg-s{color:#8f877c!important}
/* dokunma hedefi: rozet 40 -> 44 px */
@media (min-width:1280px){.kop-google{height:44px!important}}
/* odak halkasi: fiyat satiri baglantisinin kendisinde (ux kapisi 28/102: 11 zayif a.v2-tl) */
.bt-C .bl .v2-tabel-l a.v2-tl:focus-visible{outline:3px solid #f0a500!important;outline-offset:3px;border-radius:6px}
/* ===== 06.11 operator: werkgebied altindaki bosluga Google Bedrijfsprofiel karti (v2_bolum._gbp) ===== */
.bt-C .bl .v2-wp-ic .v2-plaats{flex:none!important;grid-auto-rows:auto!important}
.bt-C .bl .gbp{margin-top:18px;padding:16px 18px 14px;border-radius:14px;background:#fff;color:#202124;
 box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 10px rgba(0,0,0,.25);font-family:Inter,system-ui,sans-serif}
.bt-C .bl .gbp p{margin:0}
.bt-C .bl .gbp-kop{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#5f6368}
.bt-C .bl .gbp-g{width:18px;height:18px;flex:none}
.bt-C .bl .gbp-ad{margin-top:10px!important;font-size:20px;line-height:1.25;font-weight:500;color:#202124}
.bt-C .bl .gbp-puan{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px!important;font-size:14px;color:#3c4043}
.bt-C .bl .gbp-puan b{font-weight:500;color:#3c4043}
.bt-C .bl .gbp-s{position:relative;display:inline-block;color:#dadce0;font-size:15px;letter-spacing:1px;line-height:1}
.bt-C .bl .gbp-s-v{position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap;color:#e7a500}
.bt-C .bl .gbp-puan a{color:#1a0dab;text-decoration:underline;text-underline-offset:2px}
.bt-C .bl .gbp-adres{display:flex;align-items:flex-start;gap:8px;margin-top:10px!important;font-size:14px;line-height:1.4;color:#3c4043}
.bt-C .bl .gbp-adres svg{width:18px;height:18px;flex:none;fill:#1a73e8}
.bt-C .bl .gbp-eylem{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px!important}
.bt-C .bl .gbp-k{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;
 border:1px solid #dadce0;background:#fff;color:#1a73e8;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s}
.bt-C .bl .gbp-k:hover{background:#f1f6fe}
.bt-C .bl .gbp-k-a{background:#1a73e8;border-color:#1a73e8;color:#fff}
.bt-C .bl .gbp-k-a:hover{background:#1765cc}
.bt-C .bl .gbp a:focus-visible{outline:3px solid #f0a500;outline-offset:2px}
.bt-C .bl .gbp-tarih{margin-top:10px!important;font-size:12.5px;color:#5f6368}
.bt-C .bl .gbp-puan a{display:inline-flex;align-items:center;min-height:44px;margin:-10px 0}
.bt-C .bl .gbp-k{flex:1 1 auto}
/* sikilastirma: kart bosluktan uzun olunca sag sutun uzuyor, solda 112-173 px bosluk aciliyordu */
.bt-C .bl .gbp{margin-top:14px;padding:12px 16px}
.bt-C .bl .gbp-kop .gbp-tarih{margin:0 0 0 auto!important;font-size:12.5px;font-weight:400;color:#5f6368}
.bt-C .bl .gbp-ad{margin-top:6px!important}
.bt-C .bl .gbp-eylem{margin-top:10px!important}
@media (min-width:1360px){
 .bt-C .bl .gbp{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center}
 .bt-C .bl .gbp-kop{grid-column:1 / -1}
 .bt-C .bl .gbp-ad,.bt-C .bl .gbp-puan{grid-column:1}
 .bt-C .bl .gbp-eylem{grid-column:2;grid-row:2 / span 2;margin-top:6px!important;flex-direction:column;gap:6px}
}
/* kart panelin dibine yaslanir: alt kenari sol sutunla hizali, kalan bosluk belde listesiyle kart arasinda */
@media (min-width:1000px){.bt-C .bl .v2-wp-ic .v2-plaats{margin-bottom:14px}.bt-C .bl .v2-wp-ic .gbp{margin-top:auto!important}}
.bt-C .bl .gbp-kop{flex-wrap:wrap;row-gap:0}
.bt-C .bl .gbp-kop > span{white-space:nowrap}
@media (max-width:699px){.bt-C .bl .gbp-kop .gbp-tarih{flex-basis:100%;margin:2px 0 0 26px!important}}
/* ===== 06.11 operator "landinge uyumlu yap": Google profil karti beyaz Google kutusundan landing diline (koyu kart, altin) */
.bt-C .bl .gbp{background:#221c17;color:#f2efeb;border:1px solid rgba(201,163,86,.3);box-shadow:none}
.bt-C .bl .gbp-kop{color:#a59c90;font-weight:500}
.bt-C .bl .gbp-kop .gbp-tarih{color:#8f877c}
.bt-C .bl .gbp-ad{font:600 19px/1.25 Inter,system-ui,sans-serif;color:#f2efeb}
.bt-C .bl .gbp-puan,.bt-C .bl .gbp-puan b{color:#d8d2ca}
.bt-C .bl .gbp-puan b{font-weight:600;color:#f2efeb}
.bt-C .bl .gbp-s{color:rgba(242,239,235,.2)}
.bt-C .bl .gbp-s-v{color:#e8b53a}
/* proje kurali: alt cizgi yok (alti-cizgi-kapi 03.11) */
.bt-C .bl .gbp-puan a{color:#e8cf99;text-decoration:none!important}
.bt-C .bl .gbp-puan a:hover{color:#f2efeb}
.bt-C .bl .gbp-k{border-radius:10px;font:600 15px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.05em;text-transform:uppercase;
 background:transparent;border:1.5px solid rgba(242,239,235,.35);color:#f2efeb}
.bt-C .bl .gbp-k:hover{background:rgba(242,239,235,.06);border-color:#e8cf99;color:#e8cf99}
.bt-C .bl .gbp-k-a{background:rgba(201,163,86,.16);border-color:rgba(201,163,86,.6);color:#e8cf99}
.bt-C .bl .gbp-k-a:hover{background:rgba(201,163,86,.26)}
/* ===== 06.11 operator Merken notu: "fotografi buyut biraz yatay ve yaziyi zenginlestir" ===== */
#merken .d1-noot-ek{color:#a59c90}
@media (min-width:700px){
 #merken .d1-noot{width:auto!important;grid-template-columns:minmax(240px,40%) minmax(0,1fr)!important;grid-template-rows:1fr 1fr;
  row-gap:12px!important;align-items:stretch!important;padding:12px 32px 12px 12px!important}
 #merken .d1-noot-foto{grid-row:1 / span 2;aspect-ratio:785 / 415;min-height:0!important;height:auto!important}
 #merken .d1-noot p{grid-column:2;align-self:end!important}
 #merken .d1-noot p.d1-noot-ek{align-self:start!important}
}
/* foto sutunu 768/1024'te %40'i asip metni sikistiriyordu (aspect-ratio + stretch): sutun sabit, foto sutuna oturur */
@media (min-width:700px){
 #merken .d1-noot{grid-template-columns:40% minmax(0,1fr)!important}
 #merken .d1-noot-foto{width:100%;align-self:center!important}
}
@media (max-width:999px) and (min-width:700px){#merken .d1-noot{grid-template-columns:44% minmax(0,1fr)!important;column-gap:20px!important}}
/* telefonda foto metnin ustunde tam genislik (once gizliydi) */
@media (max-width:699px){
 #merken .d1-noot{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
 #merken .d1-noot-foto{display:block!important;width:100%;height:auto!important;aspect-ratio:785 / 415;border-radius:12px;overflow:hidden;margin:0}
 #merken .d1-noot-foto img{display:block;width:100%;height:100%;object-fit:cover}
}
/* 06.11 kapi turu: (1) Meer satir ayiraclari border-bottom = alti cizgi kapisi (390, 9 bag) -> ayirac kalkti
   (2) Google karti bos yildizlar 1,81:1 -> #8f877c (menu rozeti kg-s ile ayni) */
@media (max-width:699px){.bt-C .bl .v2-meer .v2-bag{border-bottom:0!important;padding:8px 0}}
.bt-C .bl .gbp-s{color:#8f877c}
/* ===== 06.11 kozmetik denetim KALANLARI (operator "senden istedigim herseyi yapmamissin") — RAPOR.md O2 O6 O10 D10 ===== */
/* O2 JA/NEE: aciklama 2 / 3 satir, fiyat satirlari ~25 px kayikti -> iki sutun ayni satir izgarasi (subgrid) */
@media (min-width:700px){
 .bt-C .bl .v2-dal{grid-template-rows:repeat(4,auto)}
 .bt-C .bl .v2-dal > div{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;align-content:start}
 .bt-C .bl .v2-dal > div > *{margin-top:0}
 .bt-C .bl .v2-dal > div > p:not(.v2-pr):not(.v2-klein){margin:6px 0 10px}
 .bt-C .bl .v2-dal > div > .v2-pr + .v2-pr,.bt-C .bl .v2-dal > div > .v2-pr + .v2-klein{margin-top:8px}
}
/* O6 MINI sekmesi: ikonsuz/etiketsiz kutu, digerleri ikon + ad -> sozcuk amblemi ikon boyunda + gorunur ad; adlar alta hizali */
#merken .d1-tab{align-content:end!important;grid-template-rows:1fr auto}
#merken .d1-tab > .d1-emb{align-self:center}
#merken .d1-tab .d1-emb--woord{font-size:14px!important;letter-spacing:.14em!important;padding:4px 7px!important}
#merken .d1-tab .d1-tab-n.d1-sr{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important}
/* O10 footer listeleri: komsu sutun 2 satira kirilinca satir 38 -> 58 px aciliyordu -> cok sutun akisi, satirlar bagimsiz */
@media (min-width:700px){
 .dv-links{display:block!important;columns:2;column-gap:24px}
 .dv-links li{break-inside:avoid}
}
/* D10 mobil menu: belde sutun boslugu 46 / satir 14 -> esit; fiyat hapi dikeyde ortada */
@media (max-width:999px){
 .kop-panel .kop-gr-gemeente ul{gap:8px!important}
 .kop-panel .kop-gr-i .kop-mm-p{align-self:center!important}
}
@media (max-width:999px){.kop-panel .kop-gr-gemeente ul > li{display:grid;min-width:0}.kop-panel .kop-gr-gemeente ul > li > a{width:auto!important;margin-inline:0!important;justify-self:stretch;box-sizing:border-box}}
@media (max-width:999px){.kop-panel .kop-gr-gemeente ul{padding-inline:20px!important;box-sizing:border-box}}
/* ===== 06.11 operator: landing "Wat u nu doet" 3 dar sutunda dikey akiyordu -> adimlar alt alta, her biri tam genislik satir.
   (05.11'deki yan yana sutun karari bununla degisti.) Satir <=100 karakter (UX kapisi): yazi 17px + sag dolgu */
@media (min-width:1000px){
 .bt-C .bl .v2-adim ol{grid-template-columns:1fr!important;gap:10px!important}
 .bt-C .bl .v2-adim li{font-size:17px!important;padding:14px 64px 14px 56px!important}
 .bt-C .bl .v2-adim li::before{top:14px!important}
}
/* ===== 06.11 operator "mobilde ilk acilis ekraninda markalar ekranin en altinda kayiyor mu": 390/360/393/414/430'da evet;
   375x667 (iPhone SE) seridin 50 px'i ekran disindaydi -> kisa telefonda hero sikisir: sahne seridi alt siniri 110 -> 80,
   baslik 34 -> 30 px, dugme/guven satirlari sik */
@media (max-width:999px) and (max-height:720px){
 .held:has(#hero-sahne){--h-metin:452px;--h-serit:max(80px, calc(100svh - var(--kop-h) - var(--h-ms) - var(--h-metin)))}
 .held h1{font-size:30px!important}
 .held .h-lead{margin-top:8px!important;line-height:1.45!important}
 .held .h-knop{margin-top:10px!important;gap:6px!important}
 .held .h-knop .knop{min-height:46px!important}
 .held .h-guven{margin-top:10px!important}
 .held .h-guven > div{min-height:0!important;padding-top:4px!important;padding-bottom:4px!important}
}
/* ===== 06.11 operator: "sol tarafta bosluk var, doldur ve sag ile hizala" (Zo werkt het): sag kart uzunken solda 73 px bos
   (1700-1880) -> sol bloklar arasi bosluk esit dagilir, alt kenar sag kartla ayni */
/* 06.11 operator: "doldur dedim, bosluk ver demedim" -> space-between geri alindi; bloklar normal aralikta,
   artan yukseklik "Wat u meeneemt" kartina gider, uc madde kutusu esit buyur (bos aralik yok) */
@media (min-width:1000px){
 /* 06.11 operator "salakca buyutmussun yine": meeneemt sisirme kurali KALDIRILDI; kalan yuksekligi gercek atolye fotografi doldurur */
 .bt-C .bl .v2-ww-l{display:flex!important;flex-direction:column;gap:22px}
 .bt-C .bl .v2-ww-l > *{margin:0!important}
 .bt-C .bl .v2-ww-l > .v2-ww-foto{flex:1 1 220px;min-height:220px}
}
.bt-C .bl .v2-ww-foto{position:relative;margin:0;padding:0!important;overflow:hidden;border-radius:14px}
.bt-C .bl .v2-ww-foto img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover;object-position:30% 45%}
.bt-C .bl .v2-ww-foto figcaption{position:absolute;left:12px;bottom:12px;padding:6px 12px;border-radius:999px;
 background:rgba(10,9,11,.78);font:500 13px/1.2 Inter,system-ui,sans-serif;color:#f2efeb}
@media (max-width:999px){.bt-C .bl .v2-ww-foto{margin-top:22px!important;aspect-ratio:16/10}}
/* ===== 06.11 operator: "burda en iyi 10 review sergile saga sola kaysin" (v2_bolum._yorum_slayt) ===== */
.bt-C .bl .v2-alinti.yr{display:flex;flex-direction:column;gap:14px;min-width:0}
.bt-C .bl .yr-l{list-style:none;margin:0;padding:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
 scrollbar-width:none;overscroll-behavior-x:contain;flex:1;align-items:stretch}
.bt-C .bl .yr-l::-webkit-scrollbar{display:none}
.bt-C .bl .yr-i{flex:0 0 100%;scroll-snap-align:start;min-width:0}
.bt-C .bl .yr-i figure{margin:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:16px;
 overflow:visible!important;border-radius:0!important}
.bt-C .bl .yr-i blockquote{margin:0;font:500 clamp(19px,1.7vw,24px)/1.3 Oswald,"Arial Narrow",sans-serif;letter-spacing:.01em;color:#f2efeb}
.bt-C .bl .yr-i blockquote::before{content:"\201C";display:block;font-size:52px;line-height:.6;color:#c9a356;margin-bottom:6px}
.bt-C .bl .yr-i figcaption{font-size:13.5px;color:#a59c90}
.bt-C .bl .yr-i figcaption b{display:block;color:#f2efeb;font-size:15px;margin-top:4px}
.bt-C .bl .yr-st{color:#e8b53a;letter-spacing:2px;font-size:14px}
.bt-C .bl .yr-alt{display:flex;align-items:center;gap:10px}
.bt-C .bl .yr-b{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;cursor:pointer;
 background:rgba(201,163,86,.12);border:1px solid rgba(201,163,86,.34);color:#e8cf99}
.bt-C .bl .yr-b:hover{background:rgba(201,163,86,.24)}
.bt-C .bl .yr-b svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bt-C .bl .yr-noktalar{display:flex;flex-wrap:wrap;gap:0;flex:1;justify-content:center}
.bt-C .bl .yr-n{width:24px;height:44px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.bt-C .bl .yr-n::before{content:"";width:8px;height:8px;border-radius:50%;background:rgba(242,239,235,.25);transition:background-color .2s,transform .2s}
.bt-C .bl .yr-n[aria-current="true"]::before{background:#e8b53a;transform:scale(1.25)}
.bt-C .bl .yr-say{font-size:13px;color:#a59c90;min-width:44px;text-align:center}
.bt-C .bl .yr-b:focus-visible,.bt-C .bl .yr-n:focus-visible,.bt-C .bl .yr-l:focus-visible{outline:3px solid #f0a500;outline-offset:2px}
@media (prefers-reduced-motion:no-preference){.bt-C .bl .yr-l{scroll-behavior:smooth}}
@media (max-width:699px){.bt-C .bl .yr-noktalar{display:none}.bt-C .bl .yr-alt{justify-content:space-between}}
/* ===== 06.11 operator: footer Google kartinin sagina alt alta buyuk "U E S", bronz, harflerde sonsuz parilti dongusu ===== */
.dv-k-score{position:relative}
.dv-ues{position:absolute;right:clamp(18px,2.4vw,32px);top:50%;transform:translateY(-50%);display:grid;justify-items:center;
 gap:2px;pointer-events:none;user-select:none}
.dv-ues span{display:block;font:700 clamp(58px,5.4vw,84px)/.92 Oswald,"Arial Narrow",sans-serif;letter-spacing:.02em;
 color:#b07a3c;
 background:linear-gradient(100deg,#6e4520 0%,#a8713a 22%,#d9a35f 38%,#fff1d2 47%,#e8b56c 53%,#a8713a 68%,#6e4520 100%);
 background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 filter:drop-shadow(0 2px 8px rgba(176,122,60,.25))}
.dv-ues span:nth-child(2){animation-delay:.35s!important}
.dv-ues span:nth-child(3){animation-delay:.7s!important}
@media (prefers-reduced-motion:no-preference){.dv-ues span{animation:dvParilti 4.2s ease-in-out infinite}}
@keyframes dvParilti{0%{background-position:100% 0}60%,100%{background-position:0 0}}
/* puan metni harflerin altina girmesin */
.dv-k-score .dv-score,.dv-k-score .dv-voetje{padding-right:clamp(70px,7vw,110px)}
@media (max-width:699px){.dv-ues span{font-size:52px}}
/* ===== 06.11 operator "basliklari alt alta yerine saga koy, padding duzelt, site kompakt dursun" -> karar "tek satir":
   numara + baslik solda, cubuklar + etiket saga yasli; >=1200 (1024'te uzun baslik sigmiyordu, alt alta kalir) ===== */
@media (min-width:1200px){
 .bt-C main > .bl .kap{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:24px;align-items:center}
 .bt-C main > .bl .kap > *{grid-column:1 / -1;min-width:0}
 .bt-C main > .bl .kap > .c-kop{display:contents!important}
 .bt-C main > .bl .kap > .c-kop > *{grid-row:1}
 .bt-C main > .bl .kap > .c-kop > .c-schijf,.bt-C main > .bl .kap > .c-kop > .c-nr{grid-column:1}
 .bt-C main > .bl .kap > .c-kop > .c-meter{grid-column:3}
 .bt-C main > .bl .kap > .bl-h2{grid-column:2;grid-row:1;margin:0!important;align-self:center}
 .bt-C main > .bl .kap > .bl-et{grid-column:4;grid-row:1;margin:0!important}
 .bt-C main > .bl .kap > .bl-h2 + *{margin-top:24px}
}
/* tablo 15 -> 18 satir + CTA (06.11: Meer diensten tabloya girdi): iki sutun x 10 satir */
@media (min-width:700px){.bt-C .bl .v2-tabel-l{grid-template-rows:repeat(10,auto)!important}}
/* ===== 06.11 operator "bosluk olustu, zenginlestir": tablo CTA kutusu iki satir + Bel/WhatsApp; Onderwerpen kartina yildiz dagilimi ===== */
@media (min-width:700px){.bt-C .bl .v2-tabel-l li.v2-tabel-cta{grid-row:span 2;display:flex!important;flex-direction:column;justify-content:center;gap:4px}}
.bt-C .bl .v2-cta-k{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.bt-C .bl .v2-cta-k a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:10px;text-decoration:none;
 font:600 15px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.05em;text-transform:uppercase}
.bt-C .bl .v2-cta-b{background:#e61202;color:#fff!important}
.bt-C .bl .v2-cta-b:hover{background:#c40f01}
.bt-C .bl .v2-cta-w{border:1.5px solid rgba(242,239,235,.6);color:#f2efeb!important}
.bt-C .bl .v2-cta-w:hover{border-color:#e8cf99;color:#e8cf99!important}
.bt-C .bl .v2-cta-k a:focus-visible{outline:3px solid #f0a500;outline-offset:2px}
.bt-C .bl .v2-tabel-l li.v2-tabel-cta span.v2-cta-k{font-size:inherit}
.bt-C .bl .v2-konu .v2-ster-h{margin-top:22px}
.bt-C .bl .v2-ster{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:7px}
.bt-C .bl .v2-ster li{display:grid;grid-template-columns:34px minmax(0,1fr) 40px;align-items:center;gap:10px;font-size:14px;color:#d8d2ca}
.bt-C .bl .v2-ster-c{height:8px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.bt-C .bl .v2-ster-c i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c9a356,#e8b53a)}
.bt-C .bl .v2-ster-n{text-align:right;color:#e8cf99;font-weight:600}
.bt-C .bl .v2-ster-z{margin:14px 0 0;font-size:14.5px;color:#d8d2ca}
.bt-C .bl .v2-ster-z b{color:#e8cf99}
/* ===== 06.11 operator: "werkgebied dropdownunda sectionlarin sag tarafinda neden cok fazla bosluk var" — 2 sutun x 415 px,
   icerik (ad + km) ~200 px -> 3 sutun (9 belde = 3x3); alttaki "Heel het werkgebied" basliktakinin tekrari, masaustunde gizli */
@media (min-width:1000px){
 .kop-nav #dd-werkgebied ul.kop-mm-l{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .kop-nav #dd-werkgebied .kop-mm-doldur{display:none!important}
}
/* 06.11 dolgu turu: CTA dugmelerindeki numara tablonun fiyat kapsulu stilini aliyordu; yorum karti alinti-isim arasi ~200 px bos */
.bt-C .bl .v2-tabel-l .v2-cta-k .nr{background:none!important;border:0!important;padding:0!important;color:inherit!important;
 font:inherit!important;letter-spacing:inherit!important;min-width:0!important;box-shadow:none!important}
.bt-C .bl .yr-i figure{justify-content:center!important;gap:22px!important}
/* ===== 06.11 operator "burayi gelistir, renk tonlari bize uygun olmamis": CTA kutusu kirmizimsi kahve zeminden
   sitenin koyu + altin diline; sola hizali, baslik ikonlu, dugmeler hero ciftiyle ayni ===== */
.bt-C .bl .v2-tabel-l li.v2-tabel-cta{background:linear-gradient(135deg,rgba(201,163,86,.16),rgba(201,163,86,.04) 60%),#221c17!important;
 border:1px solid rgba(201,163,86,.38)!important;box-shadow:none!important;text-align:left!important;align-items:flex-start!important;
 padding:18px 20px!important;color:#d8d2ca}
.bt-C .bl .v2-tabel-l li.v2-tabel-cta:hover{background:linear-gradient(135deg,rgba(201,163,86,.2),rgba(201,163,86,.06) 60%),#221c17!important}
.bt-C .bl .v2-tabel-l li.v2-tabel-cta > b{display:flex!important;align-items:center;gap:10px;font:500 18px/1.2 Oswald,"Arial Narrow",sans-serif!important;
 letter-spacing:.04em;text-transform:uppercase;color:#e8cf99!important}
.bt-C .bl .v2-tabel-l li.v2-tabel-cta > b::before{content:"";flex:none;width:22px;height:22px;background:#c9a356;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 3a7.5 7.5 0 0 1 5.9 12.1l4.8 4.8-1.4 1.4-4.8-4.8A7.5 7.5 0 1 1 10.5 3zm0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11z'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 3a7.5 7.5 0 0 1 5.9 12.1l4.8 4.8-1.4 1.4-4.8-4.8A7.5 7.5 0 1 1 10.5 3zm0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11z'/%3E%3C/svg%3E") center/contain no-repeat}
.bt-C .bl .v2-tabel-l li.v2-tabel-cta > span:not(.v2-cta-k){font-size:15px!important;color:#cdc4b8!important;margin-top:4px}
.bt-C .bl .v2-tabel-l li.v2-tabel-cta .v2-cta-k{justify-content:flex-start;margin-top:14px}
.bt-C .bl .v2-cta-w{border-color:rgba(232,207,153,.55)!important;color:#f2efeb!important;background:rgba(10,9,11,.35)}
/* ===== 06.11 operator: Diensten + Situaties acilir menude hiyerarsi (v5._hi_panel): solda gruplar, sagda secili grubun
   maddeleri; panel en fazla 6 madde (3 satir) — tum ekrani kaplamaz. JS yoksa ilk grup acik. ===== */
@media (min-width:1000px){
 .kop-nav .kop-mm-hi .kop-hi{display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:14px;align-items:start;margin-top:6px}
 .kop-nav .kop-mm-hi .kop-hi-g{display:contents}
 .kop-nav .kop-mm-hi .kop-hi-k{grid-column:1;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
  min-height:48px;margin:0 0 4px;padding:10px 12px;border:0;border-radius:10px;background:transparent;cursor:pointer;text-align:left;
  font:600 14px/1.25 Inter,system-ui,sans-serif;color:#d8d2ca;transition:background-color .15s,color .15s}
 .kop-nav .kop-mm-hi .kop-hi-k:hover{background:rgba(201,163,86,.08)}
 .kop-nav .kop-mm-hi .kop-hi-g.on > .kop-hi-k{background:rgba(201,163,86,.14);color:#e8cf99;box-shadow:inset 3px 0 0 #c9a356}
 .kop-nav .kop-mm-hi .kop-hi-k:focus-visible{outline:3px solid #f0a500;outline-offset:2px}
 .kop-nav .kop-mm-hi .kop-hi-g > ul.kop-mm-l{grid-column:2;display:none!important;align-self:start;
  padding-left:14px;border-left:1px solid rgba(201,163,86,.16)}
 .kop-nav .kop-mm-hi .kop-hi-g.on > ul.kop-mm-l{display:grid!important}
}
/* mobil: grup basina ic akordeon */
.kop-panel .kop-gr-alt{list-style:none}
.kop-panel .kop-gr-alt > details > summary{min-height:46px!important;padding:8px 10px 8px 12px!important;margin:4px 0;border-radius:10px;
 background:rgba(201,163,86,.07);font:600 14px/1.2 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#e8cf99!important}
.kop-panel .kop-gr-alt > details > ul{display:grid;gap:6px;padding:4px 0 8px 8px!important;margin:0}
/* hiyerarsi duzeltme: basliklar ustte sik (son satir 1fr), panel yuksekligi en uzun gruba sabit (zipla yok),
   dar sutunda kesilen aciklama yerine grubun alt basligi solda */
@media (min-width:1000px){
 .kop-nav .kop-mm-hi .kop-hi{grid-template-rows:repeat(3,auto) 1fr;min-height:214px}
 .kop-nav .kop-mm-hi .kop-hi-g > ul.kop-mm-l{grid-row:1 / -1!important}
 .kop-nav .kop-mm-hi .kop-hi-k{align-self:start}
 .kop-nav .kop-mm-hi .kop-hi-k > span:first-child{display:grid;gap:3px;min-width:0}
 .kop-nav .kop-mm-hi .kop-hi-k small{font:400 12px/1.35 Inter,system-ui,sans-serif;color:#a59c90}
 .kop-nav .kop-mm-hi .kop-mm-l .kop-mm-r{display:none!important}
 .kop-nav .kop-mm-hi .kop-mm-l a{align-items:center;min-height:56px}
}
.kop-panel .kop-gr-alt{padding:0 0 0 20px}
.kop-panel .kop-gr-alt > details > summary::after{content:"+"!important}
.kop-panel .kop-gr-alt > details[open] > summary::after{content:"\2212"!important}
/* hiyerarsi duzeltme 2: masaustu fiyat adla ayni satirda; mobil grup basliklari menu basligiyla ayni kenarda (20-370) */
@media (min-width:1000px){
 .kop-nav .kop-mm-hi .kop-mm-l a > .kop-mm-n{grid-column:2!important;grid-row:1!important}
 .kop-nav .kop-mm-hi .kop-mm-l a > .kop-mm-p{grid-column:3!important;grid-row:1!important;align-self:center;justify-self:end}
 .kop-nav .kop-mm-hi .kop-mm-l a > .kop-mm-ic{grid-row:1!important}
}
.kop-panel .kop-gr-alt{padding:0 20px!important}
.kop-panel .kop-gr-alt > details > summary{margin:4px 0!important;width:auto!important}
.kop-panel .kop-gr-alt > details > ul{padding:4px 0 8px 0!important}
.kop-panel .kop-gr-alt > details > ul > li > a{margin-inline:0!important}
/* hiyerarsi duzeltme 3: D1 sablonu "ic n n / ic r p" iki satirliydi, fiyat adin ustune biniyordu -> tek satir "ic n p" */
@media (min-width:1000px){
 .kop-nav .kop-mm-hi .kop-mm-l a{grid-template-areas:"ic n p"!important;grid-template-columns:38px minmax(0,1fr) auto!important;
  padding:8px 10px!important}
 .kop-nav .kop-mm-hi .kop-mm-l a > .kop-mm-ic{grid-area:ic!important}
 .kop-nav .kop-mm-hi .kop-mm-l a > .kop-mm-n{grid-area:n!important;white-space:normal!important;min-width:0;overflow-wrap:normal}
 .kop-nav .kop-mm-hi .kop-mm-l a > .kop-mm-p{grid-area:p!important}
 .kop-nav .kop-mm-hi .kop-mm-l a::after{display:none!important}
}
.kop-panel .kop-gr-alt > details > ul > li{margin:0!important;padding:0!important;width:100%}
.kop-panel .kop-gr-alt > details > ul > li > a{width:100%!important;box-sizing:border-box}
/* 06.11 operator: "google badgesini social ikonlara daha yakin yap" — 42 px (14 kendi + 28 baslik araligi) -> 8 px */
@media (min-width:1280px){.kop-google{margin-right:-20px!important}}
/* 06.11 operator: menu ogeleri arasi mesafe biraz artsin */
@media (min-width:1280px){.kop-nav > ul{gap:14px!important}}
@media (min-width:1000px) and (max-width:1279px){.kop-nav > ul{gap:8px!important}}
/* 06.11 operator: hero acilis karesi (poster) KALKTI ("anlik fotograf kaldir, direk animasyon baslasin"); eski blok uyum.css.yedek-20261106-posterkalk */
/* 06.11 kapi: yorum noktalari 24x44 (dokunma hedefi <44) -> masaustunde gizli; oklar + "1 / 10" sayaci kalir (mobilde zaten gizli) */
.bt-C .bl .yr-noktalar{display:none!important}
.bt-C .bl .yr-alt{justify-content:space-between}
/* 06.11 operator: menu gruplarinda bos alan -> grup listesi panel yuksekligine uzar, son satir (1fr) Bel/WhatsApp satiri alta yaslanir */
.kop-nav .kop-mm-hi .kop-hi-g > ul.kop-mm-l{align-self:stretch!important}
.kop-nav .kop-mm-hi .kop-mm-l li.kop-hi-cta{grid-column:1/-1;align-self:end;display:flex;align-items:center;gap:10px;margin-top:8px;
 padding:10px 10px 10px 14px;border-radius:12px;background:rgba(201,163,86,.08);border:1px solid rgba(201,163,86,.22)}
.kop-hi-cta p{margin:0;flex:1;min-width:0;font:500 13.5px/1.4 Inter,system-ui,sans-serif;color:#d8d2ca}
.kop-nav .kop-mm-hi .kop-hi-cta a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:10px;white-space:nowrap;
 font:600 13px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.05em;text-transform:uppercase}
.kop-nav .kop-mm-hi .kop-hi-cta a.kop-hi-bel{background:#e61202;color:#fff}
.kop-nav .kop-mm-hi .kop-hi-cta a.kop-hi-bel:hover{background:#c40f02}
.kop-nav .kop-mm-hi .kop-hi-cta a.kop-hi-wa{background:rgba(201,163,86,.16);border:1.5px solid rgba(201,163,86,.6);color:#e8cf99}
.kop-nav .kop-mm-hi .kop-hi-cta a.kop-hi-wa:hover{background:rgba(201,163,86,.28)}
.kop-nav .kop-mm-hi .kop-hi-cta a:focus-visible{outline:3px solid #f0a500;outline-offset:2px}
/* 06.11 operator 'tekrar hizala': sag liste uzunken sol dugmelerin altinda bosluk -> sol sutunun dibinde werkplaats kutusu.
   (dugmeleri germek denendi: grup degisince panel boyu degisiyor, dugme fare altinda kayiyordu -> geri alindi) */
.kop-nav .kop-mm-hi .kop-hi-info{grid-column:1;grid-row:4;align-self:end;margin-top:8px;padding:10px 12px;border-radius:12px;
 background:rgba(255,255,255,.035);border:1px solid rgba(201,163,86,.18);font:400 12.5px/1.45 Inter,system-ui,sans-serif;color:#a59c90}
.kop-nav .kop-mm-hi .kop-hi-info b{display:block;font-weight:600;font-size:13px;color:#f2efeb}
.kop-nav .kop-mm-hi .kop-mm-l li:not(.kop-hi-cta){display:flex!important}
.kop-nav .kop-mm-hi .kop-mm-l li:not(.kop-hi-cta) > a{flex:1}
/* 06.11 dropdown denetimi: (a) panelin ::before koprusu panelin overflow'u ile kirpiliyordu -> Diensten'den asagi inen fare
   panel acilmadan kapaniyordu (olculdu 1920/1440/1280). Kopru TETIGE tasindi: baglantinin altinda panel ustune kadar.
   (b) Esc: betik li'ye .dd-kapali koyar, fare cikinca / odak disari gidince kalkar. */
@media (min-width:1000px){
 .kop-nav .kop-dd > a{position:relative}
 .kop-nav .kop-dd > a::after{content:"";position:absolute;left:-16px;right:-16px;top:100%;height:24px}
 .kop-nav .kop-dd.dd-kapali > .kop-mm{visibility:hidden!important;opacity:0!important;transition:none!important}
}
/* 06.11 operator: "review sectionu cok buyuk, kompakt hale getir" (olculdu: bolum 1440'ta 910 px, kartlar 619 px; uzun
   yorumlar 24 px Oswald'da 10 satir). Yorum metni okunur govde boyutunda, konu/yildiz satirlari sik, kart dolgusu az. */
.bt-C .bl .v2-konu.v2-kart,.bt-C .bl .v2-alinti.yr{padding:20px 22px!important}
.bt-C .bl .yr-i blockquote{font:400 16.5px/1.55 Inter,system-ui,sans-serif!important;letter-spacing:0!important;color:#ece7e0!important}
.bt-C .bl .yr-i blockquote::before{font:500 40px/.55 Oswald,"Arial Narrow",sans-serif!important;margin-bottom:4px!important}
.bt-C .bl .yr-i figure{gap:12px!important}
.bt-C .bl .v2-konu dt,.bt-C .bl .v2-konu dd{padding-top:6px!important;padding-bottom:6px!important}
.bt-C .bl .v2-konu dl{row-gap:4px!important;margin-top:8px!important}
.bt-C .bl .v2-konu .v2-ster-h{margin-top:14px!important}
.bt-C .bl .v2-ster{gap:4px!important;margin-top:6px!important}
.bt-C .bl .v2-ster-z{margin-top:8px!important}
@media (min-width:700px){
 .bt-C .bl .v2-konu dl{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto!important;column-gap:0!important}
 .bt-C .bl .v2-konu dt:nth-of-type(even){margin-left:8px!important}
}
@media (max-width:699px){.bt-C .bl .yr-i blockquote{font-size:15px!important;line-height:1.5!important}}
/* 06.11 operator: "dropdownda en ust sectiondayken bosluk oluyor" (Sleutels: sag liste uzun, solda ~80 px bos).
   Dugmeler GERILMEZ (denendi: fare altinda kayiyordu). Sol dipteki werkplaats kutusu kalan yuksekligi doldurur,
   icerik: adres + saatler (icerik.py MARKA / footer ile ayni) + op afspraak; kisa gruplarda dogal boyunda kalir. */
.kop-nav .kop-mm-hi .kop-hi-info{align-self:stretch!important;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}
.kop-nav .kop-mm-hi .kop-hi-info b{margin-bottom:auto;padding-bottom:6px}
/* 06.11: kisa listede ogeler ustte siki kalir (yayilinca aralarinda bosluk aciliyordu), kalan yuksekligi Bel/WhatsApp karti doldurur */
.kop-nav .kop-mm-hi .kop-mm-l li.kop-hi-cta{align-self:stretch!important;min-height:64px}
.kop-nav .kop-mm-hi .kop-mm-l li:not(.kop-hi-cta) > a{flex:1;align-self:start}
.kop-nav .kop-mm-hi .kop-mm-l li.kop-hi-cta{flex-wrap:wrap;align-content:center;row-gap:10px;padding:14px 16px}
.kop-nav .kop-mm-hi .kop-hi-cta p{flex:1 1 100%;font-size:14.5px}

/* ===== 06.11 operator: menu Bel/WhatsApp karti "cok bosluklu, adam gibi dizayn yap" =====
   Olculdu (arac/bos-kart.py --menu): kart 156-214 px'e geriliyor, icinde 56-114 px bos. Yeni duzen: solda gercek
   UES is fotografi kartin boyunu doldurur, sagda baslik + metin + dugmeler ortada. Yukseklik ne olursa olsun bos gorunmez. */
.kop-nav .kop-mm-hi .kop-mm-l li.kop-hi-cta.kop-hi-cta{display:grid;grid-template-columns:minmax(120px,32%) minmax(0,1fr);
 align-items:stretch;align-content:stretch;grid-template-rows:minmax(0,1fr);gap:0;padding:0;overflow:hidden;min-height:100px}
.kop-hi-cta .kop-hi-foto{position:relative;margin:0;min-height:100%;background:#151210}
.kop-hi-cta .kop-hi-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kop-hi-cta .kop-hi-foto figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 10px 8px;
 background:linear-gradient(transparent,rgba(10,9,8,.85));font:600 10.5px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;
 text-transform:uppercase;color:#e8cf99}
.kop-hi-cta .kop-hi-tx{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:14px 18px}
.kop-nav .kop-mm-hi .kop-hi-cta .kop-hi-tx p{margin:0;flex:none;font:400 13.5px/1.45 Inter,system-ui,sans-serif;color:#cfc8bf}
.kop-nav .kop-mm-hi .kop-hi-cta .kop-hi-tx p.kop-hi-h{font:600 19px/1.15 Oswald,"Arial Narrow",sans-serif;letter-spacing:.02em;
 text-transform:uppercase;color:#f2efeb}
.kop-hi-cta .kop-hi-kn{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
/* 06.11 ayni tur: werkplaats kutusu sol sutunu doldurmak icin geriliyor, baslik ile adres arasinda ~45 px delik aciliyordu
   (Sleutels grubu). Kutu dogal boyunda, icerik butun; sutundaki fazlalik kutunun DISINDA kalir. */
html .kop-nav .kop-mm-hi .kop-hi-info{align-self:end!important;justify-content:flex-start}
html .kop-nav .kop-mm-hi .kop-hi-info b{margin-bottom:0!important;padding-bottom:4px}
/* 06.11 operator "dogru ve profesyonel olan neyse uygula": Ja/Nee fiyat satirlari hizali KALIR (subgrid, 04.11), ama kisa
   kartin son satirinda ~50 px bosluk kalmaz: sondaki "... zo gaat het ->" baglantisi fiyat kutusuyla ayni dilde, satirini
   dolduran tiklanabilir doseme. Yeni metin yok. */
@media (min-width:700px){
 html .bt-C .bl .v2-dal > div > p.v2-klein:last-child:has(> a.v2-bag){display:flex;margin-top:8px}
 html .bt-C .bl .v2-dal > div > p.v2-klein:last-child > a.v2-bag{flex:1;justify-content:space-between;padding:10px 14px;
  border-radius:10px;background:rgba(201,163,86,.08);border:1px solid rgba(201,163,86,.22)}
 html .bt-C .bl .v2-dal > div > p.v2-klein:last-child > a.v2-bag:hover{background:rgba(201,163,86,.16)}
}
/* 06.11 gece operator: "sagdaki butonlu fotograf yeri cok sacma genis, kompakt duzenle; sol altta hala bosluk" ->
   CTA tek satir: kucuk kare foto | baslik + cumle | Bel / WhatsApp. Kart ~96 px; panel boyu sol sutuna yaklasir, sol alt bosluk kapanir. */
html .kop-nav .kop-mm-hi .kop-mm-l li.kop-hi-cta.kop-hi-cta{grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto;
 align-items:center;align-content:center;align-self:end!important;gap:14px;padding:10px 12px;min-height:0!important}
html .kop-nav .kop-mm-hi .kop-hi-cta .kop-hi-foto{width:76px;height:76px;min-height:0;border-radius:10px}
html .kop-nav .kop-mm-hi .kop-hi-cta .kop-hi-foto figcaption{display:none}
html .kop-nav .kop-mm-hi .kop-hi-cta .kop-hi-tx{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h kn" "p kn";
 align-items:center;column-gap:14px;row-gap:2px;padding:0}
html .kop-nav .kop-mm-hi .kop-hi-cta .kop-hi-tx p.kop-hi-h{grid-area:h;font-size:16px}
html .kop-nav .kop-mm-hi .kop-hi-cta .kop-hi-tx p:not(.kop-hi-h){grid-area:p;font-size:12.5px;line-height:1.35}
html .kop-nav .kop-mm-hi .kop-hi-cta .kop-hi-kn{grid-area:kn;flex-wrap:nowrap;margin:0}
/* 06.11 gece: <=4 hizmetli grupta tek sutun liste; CTA foto koseleri yumusak (operator: "kare koseli olmasin") */
html .kop-nav .kop-mm-hi .kop-mm-l.kop-mm-l1{grid-template-columns:minmax(0,1fr)!important}
html .kop-nav .kop-mm-hi .kop-hi-cta .kop-hi-foto{overflow:hidden;border-radius:12px}
html .kop-nav .kop-mm-hi .kop-hi-cta .kop-hi-foto img{border-radius:12px}
/* 06.11 gece: 6 ogeli tek sutun (Elektronica) panel boyunu 528'e cikariyordu, bosluk sola kaydi -> satir 56 -> 42 px */
html .kop-nav .kop-mm-hi .kop-mm-l.kop-mm-l1:has(> li:nth-child(6)) > li > a{min-height:42px!important;padding-top:4px!important;padding-bottom:4px!important}
/* ===== 07.11 operator: "dropdownda cok bosluk var, guzel gozukmuyor" =====
   Olculdu (1440 + 1366, 6 grup): liste satirlari auto, kalan yukseklik CTA ustunde 78 px delik olarak kaliyordu
   (Sleutel weg: ayrica sag sutun bos). Kok cozum: satirlar 1fr (v5._hi_panel), madde = ince cerceveli kart, kart
   hucresini doldurur. Situaties kartinda sayfanin kendi ziyaretci sorusu (paniek_vraag, veri dosyasindan; yeni metin yok). */
@media (min-width:1000px){
 html .kop-nav .kop-mm-hi .kop-hi-g > ul.kop-mm-l{gap:8px!important;align-content:stretch!important}
 html .kop-nav .kop-mm-hi .kop-mm-l li:not(.kop-hi-cta){align-self:stretch!important;min-height:0}
 html .kop-nav .kop-mm-hi .kop-mm-l li:not(.kop-hi-cta) > a{align-self:stretch!important;height:100%;box-sizing:border-box;
  grid-template-areas:"ic n p" "ic r r"!important;grid-template-rows:auto auto;align-content:center;row-gap:3px;
  min-height:52px!important;padding:8px 12px!important;border-radius:12px;background:rgba(255,255,255,.028);
  border:1px solid rgba(201,163,86,.13);transition:background-color .15s,border-color .15s}
 html .kop-nav .kop-mm-hi .kop-mm-l li:not(.kop-hi-cta) > a:hover,
 html .kop-nav .kop-mm-hi .kop-mm-l li:not(.kop-hi-cta) > a:focus-visible{background:rgba(201,163,86,.10);border-color:rgba(201,163,86,.38)}
 html .kop-nav .kop-mm-hi .kop-mm-l a > .kop-mm-ic{grid-row:1 / span 2!important;align-self:center}
 html .kop-nav .kop-mm-hi .kop-mm-l a > .kop-mm-n{align-self:end}
 html .kop-nav .kop-mm-hi .kop-mm-l a > .kop-mm-p{grid-row:1 / span 2!important;align-self:center}
 html .kop-nav #dd-situaties.kop-mm-hi .kop-mm-l a > .kop-mm-r{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  grid-area:r!important;grid-row:2!important;grid-column:2 / -1!important;align-self:start;overflow:hidden!important;
  white-space:normal!important;font:400 12.5px/1.4 Inter,system-ui,sans-serif;color:#a59c90}
 html .kop-nav .kop-mm-hi .kop-mm-l li.kop-mm-doldur > a{justify-content:center}
}
/* 07.11 ayni tur, olculdu: 2 sutunda aciklama sigmiyordu (2 satirda kesik), Diensten'de fiyat cipi basligi 3 satira itiyordu;
   panel uzayinca bosluk sola kaydi (~95-100 px). Aciklama yalniz TEK sutunlu listede; 2 sutunda fiyat basligin altinda. */
@media (min-width:1000px){
 html .kop-nav .kop-mm-hi .kop-hi-g > ul.kop-mm-l{gap:6px!important}
 html .kop-nav .kop-mm-hi .kop-mm-l li:not(.kop-hi-cta) > a{min-height:46px!important;padding:6px 12px!important}
 html .kop-nav #dd-situaties.kop-mm-hi .kop-mm-l:not(.kop-mm-l1) a > .kop-mm-r{display:none!important}
 html .kop-nav .kop-mm-hi .kop-mm-l:not(.kop-mm-l1) li:not(.kop-hi-cta) > a{grid-template-areas:"ic n" "ic p"!important;
  grid-template-columns:38px minmax(0,1fr)!important}
 html .kop-nav .kop-mm-hi .kop-mm-l:not(.kop-mm-l1) a > .kop-mm-p{grid-area:p!important;grid-row:2!important;grid-column:2!important;
  justify-self:start;align-self:start}
}
/* 07.11 ayni tur, olculdu: Diensten paneli grup degisince 438/468/512 px ziplıyordu, Sleutels'te solda ~95 px bos; Elektronica'da
   aciklamasiz kartta baslik ust satirda. Cozum: butun grup listeleri AYNI hucrede (gizli olan visibility:hidden, yer tutar) ->
   panel boyu en uzun gruba sabit; sol grup dugmeleri bu sabit boyu esit paylasir (boy degismedigi icin fare altinda kaymaz). */
@media (min-width:1000px){
 html .kop-nav .kop-mm-hi .kop-hi-g > ul.kop-mm-l{display:grid!important;visibility:hidden}
 /* 07.11 operator "ekranin ortasinda dropdown aciliyor": 'visible' gizli panelin icinde de gorunur kalip fareyi yakaliyordu
    (olculdu: kapali panelde 99 oge, 1440'ta 101 noktada fare menuyu aciyordu) -> inherit: panel gizliyse liste de gizli */
 html .kop-nav .kop-mm-hi .kop-hi-g.on > ul.kop-mm-l{visibility:inherit}
 html .kop-nav .kop-mm-hi .kop-hi{grid-template-rows:repeat(3,minmax(0,1fr)) auto!important}
 html .kop-nav .kop-mm-hi .kop-hi-k{align-self:stretch!important;margin-bottom:6px}
 html .kop-nav #dd-diensten.kop-mm-hi .kop-mm-l.kop-mm-l1 li:not(.kop-hi-cta) > a{grid-template-areas:"ic n p"!important;grid-template-rows:auto!important}
 html .kop-nav #dd-diensten.kop-mm-hi .kop-mm-l.kop-mm-l1 a > .kop-mm-n{align-self:center}
}
@media (min-width:1000px){
 html .kop-nav #dd-diensten.kop-mm-hi .kop-mm-l.kop-mm-l1 a > .kop-mm-ic,
 html .kop-nav #dd-diensten.kop-mm-hi .kop-mm-l.kop-mm-l1 a > .kop-mm-p{grid-row:1!important}
}
/* ===== 07.11 operator: (1) "mobildeki Google badgesinin icindeki 4,7 altina minik 5 stars ekle"
   G logosu solda iki satiri kaplar; ust satir 4,7, alt satir puan kadar dolu 5 yildiz (kg-s, hero02.py; aria-hidden). */
@media (max-width:1279.98px){
 html .kop-google{display:inline-grid!important;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:7px!important;
  row-gap:3px;align-content:center;align-items:center;padding:0 10px!important}
 html .kop-google .kg-g{grid-row:1 / span 2;grid-column:1}
 html .kop-google b{grid-column:2;grid-row:1;font-size:15.5px!important;line-height:1!important;text-align:left}
 html .kop-google b::after{content:none!important}
 html .kop-google .kg-s{display:inline-block!important;grid-column:2;grid-row:2;font-size:8.5px!important;letter-spacing:.6px!important;
  line-height:1!important;color:rgba(242,239,235,.24)!important}
}
@media (max-width:359.98px){html .kop-google{padding:0 8px!important;column-gap:5px!important}}

/* ===== 07.11 operator: (2) "herodaki trust badgeyi tekrar tasarla, kozmetik olarak profesyonel ve kompakt, desktop + mobil"
   Metin ayni (icerik.GUVEN, uc dogrulanmis olgu). Her madde: altin cerceveli ikon karesi + baslik/aciklama.
   Masaustu: 3 esit hucre tek satir, yazi kapsayiciya gore olceklenir (cqw). Mobil: ikonlu kompakt satirlar. */
html .held .h-guven{display:grid!important;border-radius:16px!important;overflow:hidden;
 border:1px solid rgba(201,163,86,.32)!important;
 background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.02))!important;
 box-shadow:0 14px 40px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07)!important}
html .held .h-guven>div{display:flex!important;align-items:center!important;white-space:nowrap}
html .held .h-guven .gv-ik{display:block!important;flex:none;box-sizing:border-box;border-radius:9px;
 background:linear-gradient(180deg,rgba(201,163,86,.20),rgba(201,163,86,.08));border:1px solid rgba(201,163,86,.42);
 color:#e8cf99;margin:0!important}
html .held .h-guven p{display:block!important;margin:0;min-width:0}
html .held .h-guven b{display:block!important;font-weight:650!important;color:#f2efeb!important;letter-spacing:.005em}
html .held .h-guven span{display:block!important;color:#b9b0a4!important}
html .held .h-guven span::before{content:none!important}
@media (min-width:601px){
 html .held .h-guven{container-type:inline-size;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 html .held .h-guven>div{gap:.7em!important;padding:.72em .85em!important;font-size:clamp(11px,1.95cqw,14.5px)!important;
  border:0!important;min-height:0!important}
 html .held .h-guven .gv-ik{width:2.25em!important;height:2.25em!important;padding:.45em}
 html .held .h-guven b{font-size:1em!important;line-height:1.25!important}
 html .held .h-guven span{font-size:.88em!important;line-height:1.3!important;margin-top:.12em!important}
}
@media (max-width:600px){
 html .held .h-guven{grid-template-columns:minmax(0,1fr)!important}
 html .held .h-guven>div{gap:10px!important;padding:8px 12px!important;font-size:13px!important;min-height:0!important;
  overflow:visible!important;text-overflow:clip!important}
 html .held .h-guven .gv-ik{width:28px!important;height:28px!important;padding:5px}
 html .held .h-guven b{font-size:13.5px!important;line-height:1.2!important}
 html .held .h-guven span{font-size:12.5px!important;line-height:1.25!important;margin-top:1px!important}
 html .held .h-guven>div + div::before{left:52px!important;right:12px!important}
}

/* ===== 07.11 operator: (3) "dropdowndaki Werkplaats yazan yer cok basit duruyor" (v5._HI_INFO; ayni metin) */
@media (min-width:1000px){
 html .kop-nav .kop-mm-hi .kop-hi-info{display:flex!important;flex-direction:column;gap:9px!important;padding:12px!important;
  border-radius:14px!important;background:linear-gradient(180deg,rgba(201,163,86,.10),rgba(255,255,255,.025))!important;
  border:1px solid rgba(201,163,86,.26)!important;font:400 12.5px/1.35 Inter,system-ui,sans-serif!important;color:#b9b0a4!important}
 html .kop-nav .kop-hi-info .khi-kop{display:flex;align-items:center;gap:10px}
 html .kop-nav .kop-hi-info .khi-ik{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;
  background:rgba(201,163,86,.16);border:1px solid rgba(201,163,86,.42);color:#e8cf99}
 html .kop-nav .kop-hi-info .khi-ik svg{width:17px;height:17px}
 html .kop-nav .kop-hi-info .khi-t{display:grid;gap:1px;min-width:0}
 html .kop-nav .kop-hi-info .khi-t b{display:block;margin:0!important;padding:0!important;font:600 13.5px/1.2 Inter,system-ui,sans-serif;color:#f2efeb}
 html .kop-nav .kop-hi-info .khi-t > span{font-size:12.5px;color:#a59c90}
 html .kop-nav .kop-hi-info .khi-uren{display:grid;gap:0;margin:0;border-top:1px solid rgba(201,163,86,.18)}
 html .kop-nav .kop-hi-info .khi-uren > div{display:flex;justify-content:space-between;align-items:baseline;padding:6px 2px 0}
 html .kop-nav .kop-hi-info .khi-uren dt{color:#a59c90}
 html .kop-nav .kop-hi-info .khi-uren dd{margin:0;font-weight:600;color:#f2efeb}
 html .kop-nav .kop-hi-info .khi-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;
  background:rgba(201,163,86,.14);border:1px solid rgba(201,163,86,.38);font-weight:600;font-size:12px;color:#e8cf99}
 html .kop-nav .kop-hi-info .khi-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:#c9a356}
}
/* 07.11 olculdu 390: <1280'de dolu yildiz katmani (kg-s-v) yan yana duruyordu (10 yildiz, rozet 83 -> 123 px, menu dugmesi ekrandan tasti) */
@media (max-width:1279.98px){
 html .kop-google .kg-s{position:relative!important;white-space:nowrap}
 html .kop-google .kg-s-v{position:absolute!important;left:0;top:0;overflow:hidden;white-space:nowrap;color:#fbbc05!important}
}
/* 07.11 olculdu: 5 yildizli rozet 360'ta menu dugmesini ekran kenarina (360/360), 320'de 318'e itti (onceden 20 px ic bosluk).
   <=389: daha siki rozet (G 14 px, yildiz 7 px), <=359: kenar boslugu 4 px. */
@media (max-width:389.98px){
 html .kop-google{padding:0 6px!important;column-gap:4px!important;margin-right:5px!important}
 html .kop-google .kg-g{width:14px!important;height:14px!important}
 html .kop-google b{font-size:14.5px!important}
 html .kop-google .kg-s{font-size:7px!important;letter-spacing:.2px!important}
}
@media (max-width:359.98px){html .kop-google{margin-right:4px!important}}
/* 07.11 olculdu: mobil guven kutusu 148 px (satir 49) -> siki satir (ikon 26, dolgu 6/12, satir araligi 1.15) */
@media (max-width:600px){
 html .held .h-guven>div{padding:6px 12px!important;gap:10px!important}
 html .held .h-guven .gv-ik{width:26px!important;height:26px!important;padding:5px;border-radius:8px}
 html .held .h-guven b{line-height:1.15!important}
 html .held .h-guven span{line-height:1.15!important;margin-top:2px!important}
 html .held .h-guven>div + div::before{left:50px!important}
}
@media (min-width:601px){html .held .h-guven span{font-size:max(12px,.88em)!important}html .held .h-guven b{font-size:max(12.5px,1em)!important}}
/* 07.11 operator "burasi duzgun degil" (3x olculdu: 4,7 sola yasli, yildizlar ondan genis, 360'ta 7 px yildizda kismi dolgu kirik
   gorunuyordu). Yeni: ust satir G + 4,7, alt satir ortali 5 yildiz; iki satir ayni genislikte, icerik kutuda ortali. */
@media (max-width:1279.98px){
 html .kop-google{grid-template-columns:auto auto!important;justify-content:center!important;justify-items:center;column-gap:5px!important;row-gap:4px!important;
  padding:0 10px!important}
 html .kop-google .kg-g{grid-row:1!important;grid-column:1!important;width:15px!important;height:15px!important;align-self:center}
 html .kop-google b{grid-row:1!important;grid-column:2!important;font-size:16px!important;line-height:1!important}
 html .kop-google .kg-s{grid-row:2!important;grid-column:1 / span 2!important;justify-self:center;font-size:10px!important;letter-spacing:.5px!important;
  color:rgba(242,239,235,.34)!important}
}
@media (max-width:389.98px){
 html .kop-google{padding:0 7px!important;column-gap:4px!important}
 html .kop-google .kg-g{width:13px!important;height:13px!important}
 html .kop-google b{font-size:14.5px!important}
 html .kop-google .kg-s{font-size:9px!important;letter-spacing:.3px!important}
}
/* ===== 07.11 operator "mobilde hala sectionlar kesik gozukuyor" — olculdu (390/360/iPhone SE): #werkgebied "Zo werkt het"
   kartlari sutun 376 px, bolum ic kenari 352 -> sag kenar 24 px KESIK (section overflow:clip). Grid ogeleri min-width:auto ile
   sutunu genisletiyordu -> mobilde sutun minmax(0,1fr), ogeler min-width 0. */
@media (max-width:999px){
 html .bt-C #werkgebied .v2-ww,html .bt-C #werkgebied .v2-ww-l{grid-template-columns:minmax(0,1fr)!important}
 html .bt-C #werkgebied .v2-ww > *,html .bt-C #werkgebied .v2-ww-l > *{min-width:0;max-width:100%}
}
/* olculdu iPhone SE: werkplaats fotosundaki canli rozet 5 px tasiyordu -> dar fotoda satir kirabilir */
@media (max-width:480px){html .bt-C #werkplaats .v2-wp-foto .wp-nu{white-space:normal!important;max-width:calc(100% - 28px)}}
/* ===== 07.11 operator "mobilde ilk acilis ekraninda en altta brand scroll gozukmeli" — olculdu: Chromium'da 5 boyutta da
   ekranda, iOS WebKit'te HICBIRINDE degil (390x844: serit 815-877; 375x667: 649-711). Sebep: hesap --h-metin varsayimi
   494/452 px, gercek metin blogu 520/494 (guven karti 07.11'de 101 -> 134 px). Varsayim gercege cekildi (fazlasi zararsiz:
   hero en az 100svh, serit dibe sabit); kisa ekranda (<=720) guven tek satirlik kompakt duzen (ayni metin). */
@media (max-width:999px){
 html .held:has(#hero-sahne){--h-metin:534px}
}
@media (max-width:999px) and (max-height:720px){
 html .held:has(#hero-sahne){--h-metin:470px;--h-serit:max(64px, calc(100svh - var(--kop-h) - var(--h-ms) - var(--h-metin)))}
 html .held .h-guven>div{padding:5px 10px!important;gap:8px!important}
 html .held .h-guven .gv-ik{width:20px!important;height:20px!important;padding:3px!important;border-radius:6px!important}
 html .held .h-guven p{display:flex!important;flex-wrap:wrap;align-items:baseline;column-gap:.4em}
 html .held .h-guven b{font-size:13px!important;line-height:1.25!important}
 html .held .h-guven span{font-size:12.5px!important;line-height:1.25!important;margin:0!important}
 html .held .h-guven>div + div::before{left:40px!important}
}
/* 07.11 operator: atli karinca galerisi #prijzen notlari ile 04 #werkgebied arasinda (sleutel_kompakt.py).
   07.11 middag operator: "yukari sectiona cok yaklasmis, ortali durmali". Olculdu (galeri_orta.py): 1440 ust 16 / alt 114,
   390 ust 0 / alt 213 (alt = galeri alt payi + bolum aralari). Esit: ust = alt ~72 px; alt pay negatif = bolum araligini kirpar. */
html .bt-C #prijzen .xk-gal{margin:72px 0 -18px}
@media (max-width:639.98px){html .bt-C #prijzen .xk-gal{margin:72px 0 -97px}}
/* ===== 07.11 operator: afspraak bolumunde "yer daha varken kirilim yasamis ya da direkt alt alta gelmis" — olculdu 1440:
   form notu 635 px formda 494 px'e sinirli (5 satir); yan kartta adres ve saatler 435 px kartta ikiser satir. Ayni metin, kompakt. */
html .bt-C .bl-afspraak-not{max-width:none!important}
html .bt-C .bl-afspraak-kunye{display:grid;gap:10px}
html .bt-C .bl-afspraak-kunye > div{align-items:center}
html .bt-C .bl-afspraak-kunye > div > span,html .bt-C .bl-afspraak-kunye > div > span > *{display:inline!important}
html .bt-C .bl-afspraak-kunye > div:first-child b::after{content:",\00a0";font-weight:400}
html .bt-C .bl-afspraak-kunye > div:nth-child(2) b::after{content:"\00a0\00b7\00a0";font-weight:400;color:#c9a356}
/* 07.11 middag operator: "3lu process sectionunu ortala". Gemeten 1440 (eindstand st-aan): boven 44 px (tot Sleutel kwijt-paneel),
   onder 72 px (tot de prijstabel) -> beide 58 px. */
/* 07.11 operator (mobiel "Wat u nu doet"): "yazilar daha kucuk fontlu olsa daha guzel" -> 17 -> 16 px (mobiele ondergrens, ux 67/72),
   regelhoogte 1,5, padding 56/64 -> 44/14, kleinere cijferstip: meer woorden per regel, kortere stappen */
@media (max-width:699px){
 html .bt-C .bl .v2-adim li{font-size:16px!important;line-height:1.5!important;padding:12px 14px 12px 44px!important}
 html .bt-C .bl .v2-adim li::before{left:12px!important;top:13px!important;width:22px!important;height:22px!important;font-size:12px!important}
}
/* 07.11 tam kapi turu (kelime bolunmesi 390): prijstabel-notitie 'programmeren' gesplitst in 205 px -> geen woordbreuk */
/* gemeten: mobil_duzen.py zet hyphens:auto op de prijsrij (bewust: lange dienstnamen op iPhone SE). Alleen de kleine notitie
   (small) mag niet afbreken; dienstnamen houden hun afbreking. */
html .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > span:not(.nr) small{hyphens:manual!important;-webkit-hyphens:manual!important}
/* 07.11 tam kapi turu: mobiel Google-badge lege sterren (kg-s) 2,85:1 -> >=4,5; gevulde laag (kg-s-v) blijft geel */
html .kop-google .kg-s{color:#c4bbae!important}
html .bt-C #prijzen #zo-gaat-het{margin-top:58px!important;margin-bottom:26px!important}
@media (max-width:699px){html .bt-C #prijzen #zo-gaat-het{margin-bottom:58px!important}}  /* gemeten 390: onder 26 -> 58 */
/* 07.11 middag operator: "burdaki butonlar ve trust badgenin uzunlugu cok fazla degil mi" (gemeten 1440: knoppen + strook
   740 px, h1-tekst ~480, lead 545). Beide samen 680 px (blijven gelijk breed). Strook schaalt met cqw -> ondertitel min. 12 px. */
@media (min-width:1000px){
 html .held .h-knop,html .held .h-guven{width:680px!important;max-width:100%!important}
 html .held .h-guven span{font-size:max(12px,.88em)!important}
}
/* 07.11 middag operator: "Ook Mercedes ... kaldir kisalsin" -> strook 2 punten; knoppen + strook samen 540 px.
   cqw opnieuw geijkt voor 2 kolommen: 2,7cqw = 14,5 px op 540. */
@media (min-width:601px){
 html .held .h-guven{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html .held .h-guven>div{font-size:clamp(12px,2.7cqw,14.5px)!important}
}
@media (min-width:1000px){
 html .held .h-knop,html .held .h-guven{width:540px!important}
}
/* 07.11 operator (04 Van telefoon tot werkende sleutel): "ikonlar numaranin altina gelsin, alan tekrar hizalansin".
   Her genislikte: sol sutun = numara, altinda ortali ikon; metin ikinci sutunda iki satir boyunca. */
html .bt-C .bl .v2-stap li{grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto 1fr;column-gap:20px!important;row-gap:10px!important;align-items:start}
html .bt-C .bl .v2-stap li > .v2-stap-no{grid-column:1;grid-row:1;justify-self:center;text-align:center}
html .bt-C .bl .v2-stap li > .v2-ik-stap{grid-column:1;grid-row:2;justify-self:center;align-self:start;margin-top:0}
html .bt-C .bl .v2-stap li > :last-child{grid-column:2;grid-row:1 / span 2;align-self:start}
/* 07.11 operator (mobil): "lexus keyli foto diger fotonun ustunde duruyor, aslinda daha yukarida durmasi lazim".
   Tek sutunda sol sutunun sonu (Lexus) dogrudan werkplaats kartinin fotografina yapisiyordu: iki foto ust uste.
   <1000: Lexus karesi bolum basligindan hemen sonra, adimlardan once (sutun sirasi); masaustu degismez. */
@media (max-width:999px){
 html .bt-C #werkgebied .v2-ww-l > .v2-ww-foto{order:-1;margin-top:0!important}
}
/* 10.11.2026 operator: "mobilde burger kapatirken / dropdowna basinca ekran komple mavi". Kok neden: menu kapatma
   dinleyicisi document'ta (click, capture) -> Android Chrome dokunma vurgusunu (varsayilan yari saydam mavi)
   dinleyicili en yakin ogeye = BUTUN sayfaya boyuyor. Vurgu kapali; geri bildirim kendi :hover/:active/odak stillerimizde.
   Kapi: arac/dokunma-vurgusu.py */
html{-webkit-tap-highlight-color:transparent}

/* 06.11 gece #sleutel kompakt + galeri (sleutel_kompakt.py) */
.bt-C #sleutel .bl-sleutel-net.xv.xk{display:grid;gap:22px;align-items:stretch}
.bt-C #sleutel .xk .xv-fig{position:relative;top:auto;border:1px solid rgba(201,163,86,.18);border-radius:18px;padding:10px;
 background:radial-gradient(ellipse 58% 52% at 50% 44%,rgba(201,163,86,.16),rgba(201,163,86,0) 72%),
 radial-gradient(circle at 1px 1px,rgba(242,239,235,.07) 1px,transparent 1.5px) 0 0/22px 22px,#131012;
 display:flex;align-items:center;justify-content:center;overflow:hidden}
.bt-C #sleutel .xk .xv-fig::after{content:"";position:absolute;left:12%;right:12%;bottom:5%;height:9%;border-radius:50%;
 background:radial-gradient(ellipse at center,rgba(0,0,0,.55),rgba(0,0,0,0) 70%);pointer-events:none}
.bt-C #sleutel .xk .xv-fig svg{position:relative;z-index:1;width:100%;height:auto;max-height:100%}
.bt-C #sleutel .xk .xv-fig [stroke-dasharray]{stroke:#9c7b3c}
.bt-C #sleutel .xk .xv-fig .xb-bal{fill:#c9a356;stroke:rgba(201,163,86,.35);stroke-width:7;paint-order:stroke}
.bt-C #sleutel .xk .xv-fig .xb-nr{font-size:19px}
@media (prefers-reduced-motion:no-preference){
 .bt-C #sleutel .xk .xv-fig.xk-canli:not(.xv-dicht) .xk-z{animation:xk-dob 4.8s ease-in-out infinite alternate}
 .bt-C #sleutel .xk .deel[data-deel="1"] .xk-z{animation-delay:-.2s}
 .bt-C #sleutel .xk .deel[data-deel="2"] .xk-z{animation-delay:-1.1s}
 .bt-C #sleutel .xk .deel[data-deel="3"] .xk-z{animation-delay:-2s}
 .bt-C #sleutel .xk .deel[data-deel="4"] .xk-z{animation-delay:-2.9s}
 .bt-C #sleutel .xk .deel[data-deel="5"] .xk-z{animation-delay:-3.7s}
 .bt-C #sleutel .xk .deel[data-deel="6"] .xk-z{animation:none}
 .bt-C #sleutel .xk .deel[data-deel="7"] .xk-z{animation-delay:-1.6s}
}
@keyframes xk-dob{from{transform:translateY(0)}to{transform:translateY(-7px)}}

/* liste: kart yerine teknik etiket */
.bt-C #sleutel .xk .bl-sleutel-lijst.c-kaart{background:none;border:0;box-shadow:none;padding:0;gap:0;display:grid;grid-template-columns:minmax(0,1fr)}
.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel]{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:14px;
 align-content:center;margin:0;padding:9px 6px;border:0!important;border-top:1px solid rgba(201,163,86,.16)!important;border-radius:0;background:none;box-shadow:none}
.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel] .bl-sleutel-no{grid-row:1 / span 2;align-self:start;width:34px;height:34px;border-radius:50%;
 display:flex;align-items:center;justify-content:center;border:1.5px solid #c9a356;color:#e8cf99;font-size:13px;line-height:1;transition:background-color .2s ease,color .2s ease}
.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel] h3{margin:0;font-size:17px;line-height:22px}
.bt-C #sleutel .bl-sleutel-net.xk .bl-ic .bl-sleutel-lijst p,.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel] p{margin:3px 0 0;font-size:14.5px;line-height:21px;max-width:none}
.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel].is-actief{background:linear-gradient(90deg,rgba(201,163,86,.12),rgba(201,163,86,0));box-shadow:none}
.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel].is-actief .bl-sleutel-no{background:#c9a356;color:#141114}
.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel].is-actief h3{color:#e8cf99}

@media (max-width:1099.98px){
 .bt-C #sleutel .xk .xv-fig{height:min(92vw,480px);max-width:640px;width:100%;justify-self:center}
 .bt-C #sleutel .xk .xv-fig svg{height:100%;width:auto;max-width:100%}
}
@media (min-width:640px) and (max-width:1099.98px){
 .bt-C #sleutel .xk .bl-sleutel-lijst.c-kaart{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
}
@media (max-width:639.98px){
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel]{padding:8px 2px}
 .bt-C #sleutel .bl-sleutel-net.xk .bl-ic .bl-sleutel-lijst p,.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel] p{font-size:16px;line-height:24px}
 .bt-C #sleutel .xk .xv-fig .xb-nr{font-size:24px}
}
@media (min-width:1100px){
 .bt-C #sleutel .bl-sleutel-net.xv.xk{--xk-h:clamp(430px,calc(100vh - 290px),600px);
  grid-template-columns:minmax(0,1fr) calc(var(--xk-h) * 0.8739 + 20px) minmax(0,1fr);
  grid-template-rows:repeat(12,1fr);column-gap:26px;row-gap:0}
 .bt-C #sleutel .xk .xv-fig{grid-column:2;grid-row:1 / -1;height:var(--xk-h);align-self:center}
 .bt-C #sleutel .xk .xv-fig svg{height:100%;width:auto}
 .bt-C #sleutel .xk .bl-sleutel-lijst.c-kaart{display:contents}
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel]{align-self:stretch}
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="1"]{grid-column:1;grid-row:1 / span 3}
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="2"]{grid-column:1;grid-row:4 / span 3}
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="3"]{grid-column:1;grid-row:7 / span 3}
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="4"]{grid-column:1;grid-row:10 / span 3}
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="5"]{grid-column:3;grid-row:1 / span 4}
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="6"]{grid-column:3;grid-row:5 / span 4}
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="7"]{grid-column:3;grid-row:9 / span 4}
 /* sol sutun aynalanir: metin saga, numara sagda (cizime bakar) */
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="1"],.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="2"],
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="3"],.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="4"]{
  grid-template-columns:minmax(0,1fr) 34px;text-align:right}
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="1"] .bl-sleutel-no,.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="2"] .bl-sleutel-no,
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="3"] .bl-sleutel-no,.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="4"] .bl-sleutel-no{grid-column:2;grid-row:1 / span 2}
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="1"] h3,.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="2"] h3,
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="3"] h3,.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="4"] h3,
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="1"] p,.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="2"] p,
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="3"] p,.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="4"] p{grid-column:1;margin-left:auto}
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="1"].is-actief,.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="2"].is-actief,
 .bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="3"].is-actief,.bt-C #sleutel .bl-sleutel-net.xk .bl-sleutel-lijst>[data-deel="4"].is-actief{
  background:linear-gradient(270deg,rgba(201,163,86,.12),rgba(201,163,86,0))}
}

/* G1 v2: atli karinca (06.11 gece) — JS yoksa yatay serit */
/* 06.11 gece operator: cizim ile galeri arasi = asagidaki bolum gecisi (olculdu: galeri alti -> #vragen 90 px; mobil 82) */
.bt-C .xk-gal{margin-top:90px;--g-w:280px;--g-h:350px;display:flex;flex-direction:column;overflow-x:clip;overflow-y:visible}
.bt-C .xk-gal-kn{order:2;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}
.bt-C .xk-gal-tel{margin:0;min-width:52px;text-align:center;font-size:13px;color:#b9ac98;letter-spacing:.08em}
.bt-C .xk-gal-kn button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(201,163,86,.45);background:rgba(255,255,255,.03);
 color:#e8cf99;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}
.bt-C .xk-gal-kn button:hover{background:rgba(201,163,86,.16)}
.bt-C .xk-gal-kn button:focus-visible,.bt-C .xk-baan:focus-visible{outline:2px solid #e8cf99;outline-offset:4px}
.bt-C .xk-gal-kn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bt-C .xk-baan{order:1;list-style:none;margin:0;padding:0;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.bt-C .xk-baan::-webkit-scrollbar{display:none}
.bt-C .xk-k{flex:0 0 auto;width:var(--g-w);scroll-snap-align:center;margin:0}
.bt-C .xk-k figure{margin:0;border:0;background:none;overflow:visible}
.bt-C .xk-k img{display:block;width:100%;height:var(--g-h);object-fit:cover;border-radius:16px;filter:none;aspect-ratio:auto;
 box-shadow:0 24px 50px -24px rgba(0,0,0,.9)}
.bt-C .xk-k figcaption{margin-top:12px;padding:0 4px;text-align:center;font-family:Oswald,"Arial Narrow",Inter,sans-serif;
 font-size:15px;line-height:20px;letter-spacing:.06em;text-transform:uppercase;color:#e8cf99}
/* 3B karinca (JS sinif ekler) */
.bt-C .xk-gal.xk-3d .xk-baan{position:relative;display:block;overflow:visible;height:calc(var(--g-h) + 44px);perspective:1400px;
 scroll-snap-type:none;cursor:grab;touch-action:pan-y}
.bt-C .xk-gal.xk-3d .xk-k{position:absolute;left:50%;top:0;margin-left:calc(var(--g-w) / -2);
 transform:translateX(calc(var(--d) * var(--g-w) * .78)) translateZ(calc(var(--a) * -170px)) rotateY(calc(var(--d) * -24deg));
 opacity:calc(1 - var(--a) * .28);transition:transform .8s cubic-bezier(.2,.75,.2,1),opacity .6s ease}
.bt-C .xk-gal.xk-3d .xk-k img{transition:filter .6s ease}
.bt-C .xk-gal.xk-3d .xk-k:not(.xk-mid) img{filter:brightness(.55) saturate(.8)}
.bt-C .xk-gal.xk-3d .xk-k:not(.xk-mid){cursor:pointer}
.bt-C .xk-gal.xk-3d .xk-k:not(.xk-mid) figcaption{visibility:hidden}
.bt-C .xk-gal.xk-3d .xk-k.xk-weg{opacity:0;pointer-events:none}
.bt-C .xk-gal.xk-3d .xk-k.xk-mid img{box-shadow:0 0 0 1px rgba(232,207,153,.5),0 30px 60px -22px rgba(0,0,0,.95),0 0 60px -10px rgba(201,163,86,.35)}
@media (prefers-reduced-motion:reduce){.bt-C .xk-gal.xk-3d .xk-k,.bt-C .xk-gal.xk-3d .xk-k img{transition:none}}
@media (max-width:639.98px){.bt-C .xk-gal{--g-w:200px;--g-h:250px;margin-top:82px}
 .bt-C .xk-gal.xk-3d .xk-k.xk-ver{opacity:0;pointer-events:none}
 .bt-C .xk-gal.xk-3d .xk-k{transform:translateX(calc(var(--d) * var(--g-w) * .62)) translateZ(calc(var(--a) * -150px)) rotateY(calc(var(--d) * -22deg))}}

/* 06.11 gece G2 v2: 3 adim (stappen.py) */
.bt-C .st3,.bt-C #prijzen .st3{position:relative;margin:44px 0 40px;--st-y:62px}
.bt-C .st3-l{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
/* hat: bloktan tasar, iki ucta solar; kartlarin ALTINDA */
.bt-C .st3-baan{position:absolute;z-index:0;left:-56px;right:-56px;top:var(--st-y);height:2px;pointer-events:none;
 background:linear-gradient(90deg,rgba(201,163,86,0),rgba(201,163,86,.46) 9%,rgba(201,163,86,.46) 91%,rgba(201,163,86,0))}
.bt-C .st3-baan i{position:absolute;inset:-2px 0;display:block;
 background:linear-gradient(90deg,rgba(232,207,153,0),rgba(232,207,153,.95) 50%,rgba(232,207,153,0)) no-repeat,
            linear-gradient(90deg,rgba(201,163,86,0),rgba(201,163,86,.7) 50%,rgba(201,163,86,0)) no-repeat;
 background-size:18% 100%,10% 100%;background-position:-30% 0,-30% 0;filter:drop-shadow(0 0 4px rgba(232,207,153,.55));opacity:0}
.bt-C .st-k{position:relative;margin:0;padding:24px 24px 22px;border-radius:14px;text-align:center;
 background:linear-gradient(180deg,#181516,#110f10);border:1px solid rgba(201,163,86,.22)}
/* kartin ICINDEN gecen oluk: sol kenarda giris noktasi, sagda cikis noktasi, ikon dairesinin arkasindan gecer */
.bt-C .st-k::after{content:"";position:absolute;left:-5px;right:-5px;top:calc(var(--st-y) - 5px);height:10px;pointer-events:none;
 background:radial-gradient(circle at 5px 50%,#e8cf99 0 2.5px,rgba(232,207,153,.35) 3.5px,transparent 5px),
  radial-gradient(circle at calc(100% - 5px) 50%,#e8cf99 0 2.5px,rgba(232,207,153,.35) 3.5px,transparent 5px),
  linear-gradient(90deg,rgba(232,207,153,0),rgba(232,207,153,.95) 50%,rgba(232,207,153,0)) -40% 50% / 26% 2px no-repeat,
  linear-gradient(90deg,rgba(201,163,86,.5),rgba(201,163,86,.3) 50%,rgba(201,163,86,.5)) 50% 50% / 100% 1px no-repeat}
.bt-C .st-k::before{content:"";position:absolute;left:22%;right:22%;top:-1px;height:1px;
 background:linear-gradient(90deg,rgba(232,207,153,0),#e8cf99,rgba(232,207,153,0))}
.bt-C .st-bol{position:relative;z-index:1;width:76px;height:76px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;
 background:radial-gradient(circle at 50% 35%,#2a2218,#151112 72%);border:1px solid #c9a356;box-shadow:0 0 0 6px rgba(201,163,86,.06)}
.bt-C .st-ik{width:40px;height:40px;fill:none;stroke:#e8cf99;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.bt-C .st-ik .st-acc{stroke:#c9a356}
.bt-C .st-s{margin:0 0 4px;font-size:12px;line-height:16px;letter-spacing:.2em;text-transform:uppercase;color:#c9a356}
.bt-C .st-t{margin:0 0 8px;font-family:Oswald,"Arial Narrow",Inter,sans-serif;font-size:21px;line-height:27px;letter-spacing:.02em;color:#f2efeb}
.bt-C .st-x{margin:0;font-size:15px;line-height:23px;color:#d2cabe}
@media (prefers-reduced-motion:no-preference){
 .bt-C .st-wacht .st-k{transform:translateY(34px);transition:transform .8s cubic-bezier(.2,.75,.2,1) calc(var(--i) * .14s)}
 .bt-C .st-wacht .st-d{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s ease calc(var(--i) * .3s + .35s)}
 .bt-C .st-wacht .st-d.st-acc{transition-delay:calc(var(--i) * .3s + .75s)}
 .bt-C .st-wacht .st3-baan{transform:scaleX(.35);opacity:.4;transition:transform 1s ease,opacity 1s ease}
 .bt-C .st-wacht.st-aan .st-k{transform:none}
 .bt-C .st-wacht.st-aan .st-d{stroke-dashoffset:0}
 .bt-C .st-wacht.st-aan .st3-baan{transform:none;opacity:1}
 .bt-C .st-wacht.st-aan .st3-baan i{opacity:1;animation:st-akis 3.6s linear infinite}
 .bt-C .st-wacht.st-aan .st-k::after{animation:st-oluk 3.6s linear infinite}
 .bt-C .st-wacht.st-aan .st-k:nth-child(2)::after{animation-delay:-1.2s}
 .bt-C .st-wacht.st-aan .st-k:nth-child(3)::after{animation-delay:-2.4s}
}
@keyframes st-akis{from{background-position:-30% 0,-60% 0}to{background-position:130% 0,160% 0}}
@keyframes st-oluk{from{background-position:0 0,0 0,-40% 50%,50% 50%}to{background-position:0 0,0 0,140% 50%,50% 50%}}
@keyframes st-oluk-d{from{background-position:0 0,0 0,50% -40%,50% 50%}to{background-position:0 0,0 0,50% 140%,50% 50%}}
@keyframes st-akis-d{from{background-position:0 -30%,0 -60%}to{background-position:0 130%,0 160%}}
@media (max-width:767.98px){
 .bt-C .st3{--st-x:44px}
 .bt-C .st3-l{grid-template-columns:minmax(0,1fr);gap:16px}
 .bt-C .st-k{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:16px;text-align:left;padding:16px 16px 16px 12px}
 .bt-C .st-k::before{left:12px;right:auto;width:40%}
 .bt-C .st-bol{grid-row:1 / span 3;width:60px;height:60px;margin:0}
 .bt-C .st-ik{width:32px;height:32px}
 .bt-C .st-t{font-size:19px;line-height:24px;margin-bottom:6px}
 .bt-C .st-x{font-size:16px;line-height:24px}
 .bt-C .st3-baan{left:var(--st-x);right:auto;top:-28px;bottom:-28px;width:2px;height:auto;
  background:linear-gradient(180deg,rgba(201,163,86,0),rgba(201,163,86,.46) 8%,rgba(201,163,86,.46) 92%,rgba(201,163,86,0))}
 .bt-C .st3-baan i{inset:0 -2px;
  background:linear-gradient(180deg,rgba(232,207,153,0),rgba(232,207,153,.95) 50%,rgba(232,207,153,0)) no-repeat,
             linear-gradient(180deg,rgba(201,163,86,0),rgba(201,163,86,.7) 50%,rgba(201,163,86,0)) no-repeat;
  background-size:100% 14%,100% 8%;background-position:0 -30%,0 -30%}
 .bt-C .st-wacht .st3-baan{transform:scaleY(.35)}
 .bt-C .st-wacht.st-aan .st3-baan i{animation:st-akis-d 3.6s linear infinite}
 .bt-C .st-k::after{left:calc(var(--st-x) - 7px);right:auto;top:-5px;bottom:-5px;width:10px;height:auto;
  background:radial-gradient(circle at 50% 5px,#e8cf99 0 2.5px,rgba(232,207,153,.35) 3.5px,transparent 5px),
   radial-gradient(circle at 50% calc(100% - 5px),#e8cf99 0 2.5px,rgba(232,207,153,.35) 3.5px,transparent 5px),
   linear-gradient(180deg,rgba(232,207,153,0),rgba(232,207,153,.95) 50%,rgba(232,207,153,0)) 50% -40% / 2px 26% no-repeat,
   linear-gradient(180deg,rgba(201,163,86,.5),rgba(201,163,86,.3) 50%,rgba(201,163,86,.5)) 50% 50% / 1px 100% no-repeat}
 .bt-C .st-wacht.st-aan .st-k::after{animation-name:st-oluk-d}
}
/* v4 (06.11 gece operator): kartlar ARASI hat + kenar noktalari KALKTI; yalniz kart ici oluk + akan isik */
.bt-C .st3 .st3-baan{display:none}
.bt-C .st3 .st-k::after{left:0;right:0;
 background:linear-gradient(90deg,rgba(232,207,153,0),rgba(232,207,153,.95) 50%,rgba(232,207,153,0)) -40% 50% / 26% 2px no-repeat,
  linear-gradient(90deg,rgba(201,163,86,0),rgba(201,163,86,.38) 12%,rgba(201,163,86,.38) 88%,rgba(201,163,86,0)) 50% 50% / 100% 1px no-repeat}
@media (prefers-reduced-motion:no-preference){.bt-C .st3.st-wacht.st-aan .st-k::after{animation-name:st-oluk2}}
@keyframes st-oluk2{from{background-position:-40% 50%,50% 50%}to{background-position:140% 50%,50% 50%}}
@keyframes st-oluk2-d{from{background-position:50% -40%,50% 50%}to{background-position:50% 140%,50% 50%}}
@media (max-width:767.98px){
 .bt-C .st3 .st-k::after{left:calc(var(--st-x) - 7px);right:auto;top:0;bottom:0;
  background:linear-gradient(180deg,rgba(232,207,153,0),rgba(232,207,153,.95) 50%,rgba(232,207,153,0)) 50% -40% / 2px 26% no-repeat,
   linear-gradient(180deg,rgba(201,163,86,0),rgba(201,163,86,.38) 12%,rgba(201,163,86,.38) 88%,rgba(201,163,86,0)) 50% 50% / 1px 100% no-repeat}
 .bt-C .st3.st-wacht.st-aan .st-k::after{animation-name:st-oluk2-d}
}

/* 06.11 gece fiyat tablosu (prijs_tabel.py) */
@media (min-width:700px){
 .bt-C #prijzen .v2-tabel{padding:22px 24px 20px}
 .bt-C #prijzen .v2-tabel-kop{padding-bottom:12px;border-bottom:1px solid rgba(201,163,86,.28)}
 .bt-C #prijzen .v2-tabel-kop h3{font-size:22px}
 .bt-C #prijzen .v2-tabel-kop p{font-size:13.5px;line-height:1.4;color:#a59c90}
 .bt-C #prijzen .v2-tabel-l{position:relative;margin-top:4px;column-gap:40px;row-gap:0}
 .bt-C #prijzen .v2-tabel-l::before{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:1px;background:rgba(201,163,86,.14)}
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta){display:grid!important;grid-template-columns:20px auto minmax(14px,1fr) auto;
  align-items:center;column-gap:10px;padding:8px 6px;margin:0;border:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;
  border-radius:0!important;background:none!important;box-shadow:none!important;font-size:14.5px;line-height:1.35}
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta)::before{content:"";grid-column:3;grid-row:1;align-self:center;height:0;
  border:0}
 /* 07.11 operator: "fiyat menusundeki servis adindan sonraki uzun cizgileri kaldir" -> noktali kilavuz kalkti, sutun bosluk olarak kalir */
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > svg{grid-column:1;grid-row:1;width:17px;height:17px;opacity:.85}
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > span:not(.nr){grid-column:2;grid-row:1;flex:none!important;min-width:0;color:#e8e2da}
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > span:not(.nr) small{display:inline;margin:0 0 0 8px;font-size:12.5px;color:#8f877c}
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > .nr{grid-column:4;grid-row:1;justify-self:end;text-align:right;
  background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;
  font:600 16px/1.2 Oswald,"Arial Narrow",sans-serif;letter-spacing:.03em;color:#e8cf99;white-space:nowrap}
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta):hover{background:linear-gradient(90deg,rgba(201,163,86,.09),rgba(201,163,86,0))!important}
 .bt-C #prijzen .v2-tabel-l li.v2-tabel-cta{margin:8px 0 0;padding:12px 14px!important;border-radius:12px;border:1px solid rgba(201,163,86,.38);
  background:linear-gradient(135deg,rgba(201,163,86,.12),rgba(201,163,86,.03))!important;gap:2px!important}
 .bt-C #prijzen .v2-tabel-l li.v2-tabel-cta b{font-size:15px}
 .bt-C #prijzen .v2-tabel-l li.v2-tabel-cta > span:not(.v2-cta-k){font-size:13.5px!important;margin:0 auto!important;align-self:center!important;text-align:center!important}
 .bt-C #prijzen .v2-tabel-l li.v2-tabel-cta .v2-cta-k{margin-top:8px;gap:8px}
 .bt-C #prijzen .v2-tabel-l li.v2-tabel-cta .v2-cta-k a{min-height:38px;padding:8px 12px;font-size:13.5px}
 /* 06.11 gece operator: kutu ortali ve alanina sigsin. Olculdu 1440: kutu alt 502, sutunlar 539 (37 px bos), icerik sola yasli */
 .bt-C #prijzen .v2-tabel-l li.v2-tabel-cta{align-self:stretch;height:auto;justify-content:center!important;align-items:center;text-align:center}
 .bt-C #prijzen .v2-tabel-l li.v2-tabel-cta b{display:flex;align-items:center;justify-content:center;gap:8px;align-self:center}
 .bt-C #prijzen .v2-tabel-l li.v2-tabel-cta .v2-cta-k{display:flex;flex-wrap:wrap;justify-content:center!important;width:100%}
 .bt-C #prijzen .v2-tabel-not{gap:14px;margin-top:14px}
 .bt-C #prijzen .v2-tabel-not p{padding:12px 14px;font-size:14px;line-height:1.5;border-top-width:2px}
 .bt-C #prijzen .v2-tabel-not b{margin-bottom:3px;font-size:15px}
 .bt-C #prijzen .v2-tabel-not b .nr{font-size:17px}
}
@media (min-width:1280px){
 .bt-C #prijzen .v2-tabel-l{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(7,auto)!important;column-gap:36px}
 .bt-C #prijzen .v2-tabel-l::before{left:calc((100% - 72px) / 3 + 18px)}
 /* 18 satir = 7+7+4: kutu son UC satiri kaplar (2 satirda alt satir bos kaliyordu, olculdu 37 px) */
 .bt-C #prijzen .v2-tabel-l li.v2-tabel-cta{grid-row:span 3!important}
 .bt-C #prijzen .v2-tabel-l::after{content:"";position:absolute;top:8px;bottom:8px;left:calc((100% - 72px) * 2 / 3 + 54px);width:1px;background:rgba(201,163,86,.14)}
}
@media (max-width:699.98px){
 /* 10.11.2026 operator: mobilde kutu diger satirlar gibi SOLA yasli (baslik, cumle, dugmeler) */
 .bt-C #prijzen .v2-tabel-l li.v2-tabel-cta{text-align:left!important;align-items:flex-start!important}
 .bt-C #prijzen .v2-tabel-l li.v2-tabel-cta b{justify-content:flex-start!important;align-self:flex-start!important}
 .bt-C #prijzen .v2-tabel-l li.v2-tabel-cta > span:not(.v2-cta-k){display:block;margin:4px 0 0!important;text-align:left!important;align-self:flex-start!important}
 .bt-C #prijzen .v2-tabel-l li.v2-tabel-cta .v2-cta-k{justify-content:flex-start!important}
}
/* 06.11 gece: situatie paneli eylem satiri (v2_bolum._eylem) — tek satir, kompakt */
.bt-C #prijzen .v2-eylem{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}
.bt-C #prijzen .v2-eylem .knop{min-height:46px;padding:9px 14px;font-size:15px;margin:0}
.bt-C #prijzen .v2-eylem .v2-afs{background:#c9a356;color:#141114;border:1px solid #c9a356}
.bt-C #prijzen .v2-eylem .v2-afs:hover{background:#e8cf99;border-color:#e8cf99}
.bt-C #prijzen .v2-eylem .v2-bag-uit{margin-left:auto;font-size:15px}
@media (max-width:699.98px){
 .bt-C #prijzen .v2-eylem{display:grid;grid-template-columns:minmax(0,1fr)}
 .bt-C #prijzen .v2-eylem .knop{width:100%;justify-content:center}
 .bt-C #prijzen .v2-eylem .v2-bag-uit{margin:4px 0 0}
}
/* 10.11.2026: 19. satir (Dashcam inbouwen). Sutun akisli izgara bos hucre birakmasin:
   >=700: 2 sutun x 11 satir = 22 = 19 + CTA 3 satir  ·  >=1280: 3 sutun x 7 satir = 21 = 19 + CTA 2 satir */
@media (min-width:700px){
 .bt-C #prijzen .v2-tabel-l{grid-template-rows:repeat(11,auto)!important}
 .bt-C #prijzen .v2-tabel-l li.v2-tabel-cta{grid-row:span 3!important}
}
@media (min-width:1280px){
 .bt-C #prijzen .v2-tabel-l{grid-template-rows:repeat(7,auto)!important}
 .bt-C #prijzen .v2-tabel-l li.v2-tabel-cta{grid-row:span 2!important}
}

/* 06.11 gece #merken not blogu (merken_noot.py) */
#merken .mn{display:grid;gap:18px;margin:0 0 26px;padding:16px;border-radius:18px;
 background:linear-gradient(135deg,#221c17,#18140f 60%);border:1px solid rgba(201,163,86,.22);position:relative;overflow:hidden}
#merken .mn::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,#c9a356,rgba(201,163,86,0) 70%)}
#merken .mn-foto{position:relative;margin:0;border-radius:12px;overflow:hidden;aspect-ratio:16 / 10;background:#0d0b0e}
#merken .mn-foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:40% 55%;filter:brightness(.92)}
#merken .mn-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,11,14,0) 55%,rgba(13,11,14,.75))}
#merken .mn-foto figcaption{position:absolute;left:12px;bottom:12px;z-index:1;display:flex;align-items:center;gap:8px;
 padding:6px 11px;border-radius:999px;background:rgba(13,11,14,.82);border:1px solid rgba(201,163,86,.45);
 font:600 12px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e8cf99}
#merken .mn-foto figcaption::before{content:"";width:7px;height:7px;border-radius:50%;background:#7ed37e;box-shadow:0 0 8px #7ed37e}
#merken .mn-tx{min-width:0;align-self:center}
#merken .mn-et{margin:0 0 10px;font:500 13px/1.2 Oswald,"Arial Narrow",sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#c9a356}
#merken .mn-tx p:not(.mn-et){margin:0 0 10px;font-size:16.5px;line-height:1.6;color:#d8d2ca;max-width:62ch}
#merken .mn-tx b{color:#f2efeb;font-weight:650}
#merken .mn-tx .mn-ek{color:#b5ab9e;font-size:15.5px}
#merken .mn-cip{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#merken .mn-cip li{display:flex;align-items:center;gap:8px;padding:7px 12px 7px 9px;border-radius:999px;
 background:rgba(201,163,86,.08);border:1px solid rgba(201,163,86,.3);font-size:14px;line-height:1.2;color:#efe6d6}
#merken .mn-cip svg{width:18px;height:18px;color:#e8cf99;flex:none}
#merken .mn-vin{display:none}
#merken .mn-vin svg{display:block;width:100%;height:auto}
#merken .mn-v-k{fill:#f4efe6;stroke:#c9a356;stroke-width:1.5}
#merken .mn-v-t{font:700 11px Inter,sans-serif;letter-spacing:.16em;fill:#5c4a2c}
#merken .mn-v-l{stroke:#c9a356;stroke-width:1}
#merken .mn-v-s{fill:#ddd3c3}
#merken .mn-v-e{fill:#fff8ea;stroke:#c9a356;stroke-width:1.5}
#merken .mn-v-el{font:700 15px Oswald,"Arial Narrow",sans-serif;fill:#7a5a1c}
#merken .mn-v-et{font:600 12px Inter,sans-serif;fill:#3a2f22}
#merken .mn-v-d{fill:#7a5a1c}
@media (min-width:700px){
 #merken .mn{grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:24px;padding:18px}
 #merken .mn-foto{aspect-ratio:auto;min-height:100%}
}
@media (min-width:1100px){
 #merken .mn{grid-template-columns:minmax(0,36%) minmax(0,1fr) 200px;gap:28px;padding:18px 24px 18px 18px}
 #merken .mn-vin{display:block;align-self:center}
}
/* ===== 07.11 operator "buraya yeni bir gorunum vermek lazim": giris + fiyat merdiveni + tezgah notu | foto + kentekenbewijs */
#merken .mn.mn2{grid-template-columns:minmax(0,1fr);gap:22px;padding:22px}
#merken .mn2 .mn-tx{align-self:start}
/* 07.11 middag operator: "oranin solundaki yazilarda erken kirilma var" -> geen ch-grens, tekst vult de kolom */
#merken .mn2 .mn-lead{margin:0 0 10px;font-size:19px;line-height:1.55;color:#f2efeb;max-width:none;text-wrap:wrap}
#merken .mn2 .mn-ek{margin:0;font-size:15.5px;line-height:1.6;color:#b5ab9e;max-width:none;text-wrap:wrap}
#merken .mn2 .mn-wb p,#merken .mn2 .mn-pn{text-wrap:wrap}
#merken .mn2 .mn-tx p:not(.mn-et){max-width:none}  /* gemeten: oude regel (.mn-tx p, 62ch) won op specificiteit, lead 645/728 px */
#merken .mn2 .mn-pk{margin:20px 0 10px;font:500 13px/1.2 Oswald,"Arial Narrow",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#c9a356}
#merken .mn2 .mn-pk span{letter-spacing:.08em;color:#8f877c}
#merken .mn2 .mn-prijs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
/* olculdu 390: ad + fiyat yan yana "afstandsbedieni|ng" bolunuyordu -> her genislikte fiyat adin altinda */
#merken .mn2 .mn-prijs li{display:grid;grid-template-columns:40px minmax(0,1fr);row-gap:4px;align-items:center;column-gap:12px;
 padding:10px 14px 10px 10px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(201,163,86,.18)}
#merken .mn2 .mn-prijs li:last-child{background:rgba(201,163,86,.07);border-color:rgba(201,163,86,.32)}
#merken .mn2 .mn-pi{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:rgba(201,163,86,.13);
 border:1px solid rgba(201,163,86,.38);color:#e8cf99}
#merken .mn2 .mn-pi svg{width:21px;height:21px}
#merken .mn2 .mn-pi{grid-row:1 / span 2}
#merken .mn2 .mn-pp{grid-column:2}
#merken .mn2 .mn-pn{overflow-wrap:normal;word-break:normal}
#merken .mn2 .mn-pn{font-size:15px;line-height:1.3;color:#e8e2da}
#merken .mn2 .mn-pp{font:600 19px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.02em;color:#e8cf99;white-space:nowrap}
#merken .mn2 .mn-wb{margin-top:16px;padding:12px 16px 12px 19px;border-left:0;border-radius:12px;box-shadow:inset 3px 0 0 #c9a356;background:rgba(201,163,86,.06)}  /* 07.11 kapi: koseli kutu */
#merken .mn2 .mn-wb p{margin:0;font-size:15.5px;line-height:1.6;color:#d8d2ca}
#merken .mn2 .mn-r{position:relative;min-width:0}
#merken .mn2 .mn-foto{aspect-ratio:16 / 10;min-height:0}
#merken .mn2 .mn-vin{display:none}
@media (min-width:700px){
 #merken .mn.mn2{grid-template-columns:minmax(0,1fr) minmax(0,38%);gap:28px;padding:26px 28px}
 #merken .mn2 .mn-prijs{grid-template-columns:repeat(2,minmax(0,1fr))}
 #merken .mn2 .mn-prijs li{grid-template-columns:40px minmax(0,1fr);row-gap:4px}
 #merken .mn2 .mn-pi{grid-row:1 / span 2}
 #merken .mn2 .mn-pp{grid-column:2}
 #merken .mn2 .mn-r{align-self:stretch;padding-bottom:26px}
 #merken .mn2 .mn-foto{aspect-ratio:auto;height:100%;min-height:320px}
 #merken .mn2 .mn-vin{display:block;position:absolute;right:-6px;bottom:0;width:min(190px,62%);transform:rotate(-3deg);
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.55))}
}
@media (min-width:1100px){
 #merken .mn.mn2{grid-template-columns:minmax(0,1fr) 400px;gap:36px;padding:30px 32px}
}

/* 06.11 gece #vragen duzen v2 (vragen_duzen.py) */
@media (min-width:1000px){
 .bt-C #vragen .vrA{grid-template-columns:minmax(0,1fr) 480px;gap:28px;align-items:stretch}
 .bt-C #vragen .vrA-lst{align-self:start;align-content:start;gap:10px}
 .bt-C #vragen .vrA-yan{align-self:stretch;position:relative;top:auto;display:flex;flex-direction:column;min-height:0}
 .bt-C #vragen .vrA-foto{flex:1 1 0;min-height:170px;height:auto!important}
 .bt-C #vragen .vrA-yan-ic{padding:18px 22px 20px}
 .bt-C #vragen .vrA-knop{grid-template-columns:1fr 1fr;gap:10px}
 .bt-C #vragen .vrA-knop > :last-child{grid-column:1 / -1}
 .bt-C #vragen .vrA-knop .knop{min-height:48px;padding:10px 12px;font-size:15px}
}

/* 06.11 gece: landing son bolum ile altbilgi arasi marka seridi (voet_serit.py), ic sayfadaki .ic-serit ile ayni olcu */
.ld-serit{margin:8px auto 0;padding:0}
.ld-serit .m-serit{position:static!important;left:auto;right:auto;bottom:auto;border-radius:0}
@media (min-width:1000px){.ld-serit{width:min(1520px,100% - 64px)}}

/* 06.11 gece: In de werkplaats bilgi karolari (wp_kart.py) */
.bt-C #werkplaats .wp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 16px}
.bt-C #werkplaats .wp-t{display:flex;align-items:flex-start;gap:12px;margin:0;padding:12px 14px;border-radius:12px;
 background:rgba(255,255,255,.03);border:1px solid rgba(201,163,86,.16)}
.bt-C #werkplaats .wp-bedrijf{grid-column:1 / -1}
.bt-C #werkplaats .wp-ik{flex:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;
 background:rgba(201,163,86,.12);color:#e8cf99}
.bt-C #werkplaats .wp-ik svg{width:19px;height:19px}
.bt-C #werkplaats .wp-tx{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14.5px;line-height:1.45;color:#cfc6ba}
.bt-C #werkplaats .wp-tx b{font-size:15.5px;color:#f2efeb}
.bt-C #werkplaats .wp-park .wp-tx{display:block;font-size:14px;color:#b5ab9e}
.bt-C #werkplaats .wp-park .wp-tx b{font-size:inherit;color:#e8cf99}
.bt-C #werkplaats .v2-wp-foto{position:relative}
.bt-C #werkplaats .v2-wp-foto .wp-nu{position:absolute;left:14px;top:14px;z-index:1;margin:0;white-space:nowrap;
 box-shadow:0 6px 18px rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bt-C #werkplaats .wp-route-p{margin:0}
.bt-C #werkplaats a.wp-route{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 16px;border-radius:10px;
 border:1px solid rgba(201,163,86,.55);background:rgba(201,163,86,.08);text-decoration:none}
.bt-C #werkplaats a.wp-route:hover{background:rgba(201,163,86,.18)}
@media (max-width:519.98px){.bt-C #werkplaats .wp-grid{grid-template-columns:minmax(0,1fr)}}
/* 07.11 operator: "sag taraftaki kutucuklardaki yazilar da ortalansin" (sola yasli metin, sag ust bos). Karo: ikon ustte,
   metin altinda, ikisi yatay + dikey ortali; ayni satirdaki karolar esit yukseklik. */
.bt-C #werkplaats .wp-grid{align-items:stretch}
.bt-C #werkplaats .wp-t{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:14px 16px}
.bt-C #werkplaats .wp-tx{align-items:center;text-align:center}
.bt-C #werkplaats .wp-park .wp-tx{text-align:center}
/* 10.11.2026 operator (mobiel): karolar ortali -> SOLA yasli, duzgun: ikon solda sabit sutun, metin yaninda, ikon metne
   dikey ortali. Masaustu (07.11 ortali) degismez. */
@media (max-width:699.98px){
 .bt-C #werkplaats .wp-t{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:14px;padding:12px 14px}
 .bt-C #werkplaats .wp-tx,.bt-C #werkplaats .wp-park .wp-tx{align-items:flex-start;text-align:left}
}
/* #merken sistem zinciri: kutu yazilari dikey + yatay ortali (20 kutu, ust/alt fark 25 px'e kadar olculdu) */
#merken .d1-tl li{display:flex!important;flex-direction:column;justify-content:center;align-items:center;text-align:center}

/* 07.11 mobil duzen (mobil_duzen.py) */
/* mobil denetim: marka seridi adlari 11,5 px -> 12 (Apple HIG alt siniri); harita kutusu WebKit oran-genislik tasmasi */
.m-serit .m-ad{font-size:12px}
.kaart{min-width:0;max-width:100%}
@media (max-width:1279.98px){
 .kop-google{display:inline-flex!important;align-items:center;gap:6px;height:44px;padding:0 11px;margin-left:auto;margin-right:8px;
  border-radius:10px;border:1px solid rgba(201,163,86,.38);background:rgba(255,255,255,.03);color:#f2efeb;text-decoration:none;flex:none}
 .kop-google ~ .kop-bel{margin-left:0!important}
 .kop-google .kg-g{width:17px;height:17px;flex:none}
 .kop-google b{font:600 16px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.02em}
 .kop-google .kg-s{font-size:11.5px;letter-spacing:.5px}
}
@media (max-width:479.98px),(min-width:1000px) and (max-width:1279.98px){
 .kop-google .kg-s{display:none}
 .kop-google b::after{content:"\2605";margin-left:4px;color:#fbbc05;font-size:14px;vertical-align:1px}
}
/* olculdu 07.11: 360'ta tek yildizli oge (83 px) menu dugmesini 20 px, 320'de 35 px tasirdi */
@media (max-width:389.98px){
 .kop-google{padding:0 9px;gap:5px;margin-right:6px}
 .kop-google b::after{content:none}
}
@media (max-width:359.98px){
 .kop-bel > span:first-of-type{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .kop-google{padding:0 7px;gap:4px}
 .kop-google b{font-size:15px}
}
@media (max-width:699.98px){
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta){display:grid!important;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;
  column-gap:10px;row-gap:0;margin:0;padding:10px 2px;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;
  border-radius:0!important;background:none!important;box-shadow:none!important;min-height:0}
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > svg{grid-column:1;grid-row:1;width:17px;height:17px}
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > span:not(.nr){grid-column:2;grid-row:1;flex:none!important;min-width:0;
  font-size:15px;line-height:1.3;color:#e8e2da}
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > span:not(.nr) small{display:block;margin-top:2px;font-size:12.5px;line-height:1.35;color:#8f877c}
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > .nr{grid-column:3;grid-row:1;justify-self:end!important;text-align:right!important;
  background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;
  font:600 16px/1.2 Oswald,"Arial Narrow",sans-serif;letter-spacing:.02em;color:#e8cf99;white-space:nowrap}
 .bt-C #prijzen .v2-tabel-l{gap:0!important}
 /* iOS (WebKit) olculdu: overflow-wrap:anywhere dar sutunda kelimeyi ortasindan boluyordu (afstandsbedien|ing) */
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > span:not(.nr),.bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > span:not(.nr) *{
  overflow-wrap:normal!important;word-break:normal!important;-webkit-hyphens:auto!important;hyphens:auto!important}
 /* uzun tek kelime (Contactslotreparatie) iPhone SE 375 px: fiyatin ustune tasiyordu -> NL heceleme (tireli), 380 alti fiyat 14 px */
 .bt-C #prijzen .v2-tabel{padding:18px 14px}
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta){column-gap:9px;grid-template-columns:18px minmax(0,1fr) auto}
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > .nr{font-size:15px}
}
@media (max-width:379.98px){
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > .nr{font-size:14px}
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > span:not(.nr){font-size:14.5px}
}
/* 07.11: iOS WebKit (Windows test) NL heceleme yapmadi; "Contactslotreparatie" fiyatin ustune tasti. Kesin cozum DUZEN:
   satir esnek kutu, isim kelimesinden dar olamaz; fiyat sigmazsa alt satira, saga hizali iner (ust uste binme imkansiz). */
@media (max-width:699.98px){
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta){display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-start!important;column-gap:9px;row-gap:2px}
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > svg{flex:none}
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > span:not(.nr){flex:1 1 0!important;min-width:min-content;max-width:calc(100% - 27px);text-align:left!important}
 .bt-C #prijzen .v2-tabel-l li:not(.v2-tabel-cta) > .nr{flex:none;margin-left:auto}
}