/* RANDEVU: BÖLÜM SEÇİMİ (Kadın bordo, Erkek lacivert) + seçilen bölüm bandı */
:root{--bl-kadin:#a02653;--bl-kadin2:#7d1a42;--bl-erkek:#1c2257;--bl-erkek2:#12173f}
.bolum-secim{margin:8px auto 28px;max-width:980px}
.bolum-secim h2{margin:6px 0 18px;text-align:center;font-size:clamp(22px,3.2vw,30px);line-height:1.2;font-weight:800;letter-spacing:-.01em}
.bolum-kartlar{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.bolum-kart{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 40px;align-items:center;gap:16px;min-height:120px;padding:18px 20px;border-radius:22px;color:#fff;text-decoration:none;overflow:hidden;box-shadow:0 14px 34px rgba(30,15,40,.22);transition:transform .18s ease,box-shadow .18s ease}
.bolum-kart.kadin{background:linear-gradient(145deg,#b02e63,var(--bl-kadin2))}
.bolum-kart.erkek{background:linear-gradient(145deg,#2a3a8a,var(--bl-erkek2))}
.bolum-kart::after{content:"";position:absolute;right:-40px;top:-40px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.bolum-kart:hover,.bolum-kart:focus-visible{transform:translateY(-2px);box-shadow:0 20px 42px rgba(30,15,40,.3)}
.bolum-kart:focus-visible{outline:3px solid #fff;outline-offset:3px}
.bolum-kart:active{transform:translateY(0)}
.bolum-ikon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.16)}
.bolum-ikon svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bolum-metin{display:grid;gap:2px;min-width:0}
.bolum-metin b{font-size:clamp(21px,2.6vw,26px);line-height:1.15;font-weight:800}
.bolum-metin small{font-size:15px;opacity:.85}
.bolum-ok{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.18);font-size:20px;transition:transform .18s ease,background .18s ease}
.bolum-kart:hover .bolum-ok{transform:translateX(3px);background:rgba(255,255,255,.3)}
.bolum-kart.son::before{content:"Son seçiminiz";position:absolute;right:16px;top:12px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.22);font-size:12px;font-weight:700}
@media (min-width:768px){
  .bolum-kartlar{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .bolum-kart{grid-template-columns:72px minmax(0,1fr) 40px;min-height:190px;padding:26px 24px;align-content:center}
  .bolum-ikon{width:72px;height:72px;border-radius:20px}
  .bolum-ikon svg{width:34px;height:34px}
}
@media (max-width:480px){
  .bolum-kart{grid-template-columns:54px minmax(0,1fr) 34px;min-height:104px;padding:14px;gap:12px}
  .bolum-ikon{width:54px;height:54px;border-radius:16px}
  .bolum-ikon svg{width:26px;height:26px}
  .bolum-ok{width:34px;height:34px;font-size:17px}
}

/* Seçilen bölüm bandı (eski sekmelerin yerine) */
.bolum-bant{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;min-height:46px;padding:6px 8px 6px 14px;border-radius:14px;font-weight:800;font-size:16px}
.bolum-bant.kadin{background:#fbe6ef;color:#9a0a4b;border:2px solid #f0bcd2}
.bolum-bant.erkek{background:#fbe6ef;color:#9a0a4b;border:2px solid #f0bcd2}
.bolum-bant span{display:inline-flex;align-items:center;gap:9px}
.bolum-bant i{width:11px;height:11px;border-radius:50%;background:currentColor}
.bolum-bant a{padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.75);color:inherit;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.bolum-bant a:hover{background:#fff}
@media (max-width:560px){.booking-bar{flex-wrap:wrap}.bolum-bant{width:100%}}

/* Lacivert yalnız bölüm seçim kartında (Erkek kartı). Hizmet listesinde her iki bölüm de Vassago rengindedir. */
html body main.booking-page .gender-panel[data-gender="erkek"]{--v4-primary:var(--bl-kadin);--v4-primary-dark:var(--bl-kadin2);--v4-primary-soft:#fdf0f5}
html body main.booking-page .gender-panel[data-gender="erkek"] .booking-category{border-left-color:var(--bl-kadin)!important}
html body main.booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4):not(.vr5) .gender-panel[data-gender="erkek"] .booking-category>summary{background:linear-gradient(135deg,#a02653,#7d1a42)!important;color:#fff!important}
html body main.booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4):not(.vr5) .gender-panel[data-gender="erkek"] .booking-category[open]>summary{background:linear-gradient(135deg,#a02653,#7d1a42)!important}
/* Yalnız Kadın/Erkek seçimi: üst başlık ve adım çubuğu yok, kartlar ekranın ortasında. */
.booking-page.bolum-yalniz{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center}
.booking-page.bolum-yalniz .booking-container{width:100%}
.booking-page.bolum-yalniz .bolum-secim{margin:0 auto;padding:24px 0}
.bolum-geri{margin:22px 0 0;text-align:center}
.bolum-geri a{display:inline-block;padding:10px 16px;font-size:14px;font-weight:600;color:#7d6b77;text-decoration:none}
.bolum-geri a:hover{color:#8a1d4c}
/* Vassago zemini (giriş ekranıyla aynı koyu mor), başlık ve Geri düğmesi bu zemine göre. */
html:has(.booking-page.bolum-yalniz),body:has(.booking-page.bolum-yalniz){background:radial-gradient(1200px 700px at 15% -10%,#5c2644 0%,transparent 60%),linear-gradient(165deg,#4a1c37 0%,#2b1220 70%) fixed #2b1220}
html body main.booking-page.bolum-yalniz{background:transparent!important}
html body main.booking-page.bolum-yalniz::before,html body main.booking-page.bolum-yalniz::after{display:none!important}
html body .booking-page.bolum-yalniz .bolum-secim h2{color:#fff!important}
.bolum-geri{margin:26px 0 0}
.bolum-geri a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 26px;border-radius:999px;border:1.5px solid rgba(255,255,255,.55);background:rgba(255,255,255,.12);color:#fff;font-size:15px;font-weight:700;letter-spacing:.01em;transition:background .15s,border-color .15s,transform .15s}
.bolum-geri a:hover,.bolum-geri a:focus-visible{background:#fff;border-color:#fff;color:#7d1a42;transform:translateY(-1px)}
.bolum-geri a:active{transform:none}