/* Vassago randevu - 1. adim (Hizmet Secimi): ust bar, kategoriler, hizmet satirlari, secim cubugu.
   Claude Design onizlemesinden uyarlandi; sinif/id adlari sitenin gercek yapisina gore yazildi.
   Ozet paneli ve ilerleme cubugu randevu-ortak.css'te (tum adimlar). Yazi tipleri orada tanimli. */

/* sayfa duzeni: liste + 340 px ozet; liste artik tek buyuk kart degil */
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-container{width:min(100% - 48px,1180px)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-layout{grid-template-columns:minmax(0,1fr) 340px!important;gap:28px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-main{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;font-family:'VR Sans',system-ui,sans-serif}

/* ust bar: sekmeler + arama */
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-bar{position:sticky;top:8px;z-index:6;display:flex!important;align-items:center;gap:10px;padding:8px;margin:0 0 12px!important;background:var(--vr-card)!important;border:1px solid var(--vr-line)!important;border-radius:999px!important;box-shadow:0 6px 24px -14px rgba(90,35,66,.35)}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-bar:focus-within{border-color:var(--vr-rose)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tabs{display:flex!important;flex:none;gap:4px;margin:0!important;padding:4px!important;background:var(--vr-bg)!important;border:0!important;border-radius:999px!important;box-shadow:none!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tab{appearance:none;display:inline-flex!important;align-items:center;gap:8px;min-height:44px;margin:0!important;padding:12px 22px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;color:var(--vr-muted)!important;font:600 14px/1 'VR Sans',sans-serif!important;text-shadow:none!important;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tab::before{content:""!important;width:7px;height:7px;border-radius:50%;background:currentColor!important;opacity:.45;transform:none!important;border:0!important;position:static!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tab:hover{color:var(--vr-plum)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tab.active,html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tab[aria-selected="true"]{background:linear-gradient(135deg,var(--vr-plum),var(--vr-rose-d))!important;color:#fff!important;box-shadow:0 6px 14px -6px rgba(172,10,84,.6)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tab.active::before,html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tab[aria-selected="true"]::before{opacity:1}
/* Erkek bolumu: mavi */
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tab[data-gender="erkek"]{color:#2d4f8f!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tab[data-gender="erkek"]:hover{color:#1d3a73!important;background:#e8eefb!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tab[data-gender="erkek"].active,html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tab[data-gender="erkek"][aria-selected="true"]{background:linear-gradient(135deg,#1d3a73,#2f6fd0)!important;color:#fff!important;box-shadow:0 6px 14px -6px rgba(47,111,208,.65)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tab[data-gender="erkek"]:focus-visible{outline-color:#2f6fd0!important}
/* arama */
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara{position:relative;flex:1;min-width:0;margin:0!important;padding:0!important;background:none!important;border:0!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara svg{position:absolute;left:18px;top:50%;width:19px;height:19px;margin-top:-9.5px;fill:none;stroke:var(--vr-muted)!important;stroke-width:2;stroke-linecap:round;pointer-events:none}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara input::-webkit-search-cancel-button{display:none}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara-temizle{position:absolute;top:50%;width:34px;height:34px;margin:-17px 0 0!important;padding:0!important;border:0!important;border-radius:50%;color:#6b5a63;font-size:20px;line-height:1;cursor:pointer}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara-temizle[hidden],html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara-bilgi[hidden]{display:none!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara-bilgi button{margin-left:6px;padding:0;border:0;background:none;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara input{width:100%!important;height:48px!important;padding:0 46px 0 46px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--vr-ink)!important;font:400 15px/1 'VR Sans',sans-serif!important;box-shadow:none!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara input:focus{outline:0!important;box-shadow:none!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara input::placeholder{color:var(--vr-muted);opacity:1}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara-temizle{right:6px!important;background:var(--vr-bg)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara-bilgi{margin:0 4px 12px!important;font:400 13.5px/1.4 'VR Sans',sans-serif!important;color:var(--vr-muted)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara-bilgi button{color:var(--vr-rose-d)!important}

/* kategoriler */
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category{margin:0 0 12px!important;background:var(--vr-card)!important;border:1px solid var(--vr-line)!important;border-radius:16px!important;box-shadow:none!important;overflow:hidden;transition:border-color .2s,box-shadow .2s}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category[open]{border-color:#e0c3d1!important;box-shadow:0 12px 30px -22px rgba(90,35,66,.5)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary{display:flex!important;align-items:center;gap:12px;min-height:64px;margin:0!important;padding:14px 20px!important;list-style:none;cursor:pointer;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--vr-plum)!important;font:700 19px/1.2 'VR Kond','VR Sans',sans-serif!important;text-shadow:none!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary::-webkit-details-marker{display:none}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary>span{color:inherit!important;font:inherit!important;flex:0 1 auto;min-width:0}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary::before{content:""!important;display:block!important;position:static!important;flex:none;width:4px;height:auto;align-self:stretch;margin:2px 0!important;border:0!important;border-radius:4px;background:linear-gradient(var(--vr-rose),var(--vr-plum2))!important;opacity:.25;transform:none!important;transition:opacity .2s}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category[open]>summary::before{opacity:1}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary:hover{background:var(--vr-tint)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary>small{margin-left:auto;min-width:28px;height:26px;padding:0 10px;display:grid;place-items:center;border-radius:999px;background:var(--vr-tint)!important;color:var(--vr-rose-d)!important;font:600 12px/1 'VR Sans',sans-serif!important;white-space:nowrap;opacity:1!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary::after{content:""!important;flex:none;width:9px;height:9px;margin:0 6px 4px 2px!important;border:solid var(--vr-plum2)!important;border-width:0 2px 2px 0!important;background:none!important;position:static!important;transform:rotate(45deg)!important;transition:transform .25s,margin .25s}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category[open]>summary::after{transform:rotate(-135deg)!important;margin:4px 6px 0 2px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category[open]>summary{border-bottom:1px solid var(--vr-line)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category[open] .booking-service-row{animation:vrIn .28s ease both}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category[data-gizli]{display:none!important}

/* hizmet satiri */
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:16px;min-height:68px;margin:0!important;padding:12px 20px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--vr-line)!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;transition:background .18s;-webkit-tap-highlight-color:transparent}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row:last-child{border-bottom:0!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row[data-gizli]{display:none!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row:hover{background:var(--vr-bg)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row input{position:absolute!important;inset:0;width:100%!important;height:100%!important;opacity:0;margin:0!important;cursor:pointer;z-index:1}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-name{display:flex!important;flex-direction:column;gap:3px;min-width:0}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-name b{font:600 16px/1.25 'VR Sans',sans-serif!important;color:var(--vr-ink)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-name small{font:400 13px/1.2 'VR Sans',sans-serif!important;color:var(--vr-muted)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-price{font:600 15px/1 'VR Sans',sans-serif!important;color:var(--vr-plum)!important;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-price.muted{color:var(--vr-muted)!important;font-weight:500!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row::before{content:""!important;position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--vr-rose),var(--vr-rose-d));transform:scaleY(0);transition:transform .2s}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row:has(input:checked){background:var(--vr-tint)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row:has(input:checked)::before{transform:scaleY(1)}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row:has(input:checked) .booking-service-price{color:var(--vr-rose-d)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row:has(input:focus-visible){outline:3px solid var(--vr-rose-d);outline-offset:-3px}
/* secim kutusu */
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-kutu{position:relative;display:block!important;flex:none;width:28px!important;height:28px!important;margin:0!important;border:2px solid #cdb6c3!important;border-radius:50%!important;background:#fff!important;box-shadow:none!important;transition:background .2s,border-color .2s,transform .2s}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-kutu::before{display:none!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-kutu::after{content:""!important;position:absolute;left:9px!important;top:4px!important;width:6px!important;height:12px!important;border:solid #fff!important;border-width:0 2.5px 2.5px 0!important;background:none!important;transform:rotate(45deg) scale(0)!important;transition:transform .18s .05s}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row:hover .secim-kutu{border-color:var(--vr-rose)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row input:checked~.secim-kutu{background:linear-gradient(135deg,var(--vr-plum2),var(--vr-rose-d))!important;border-color:transparent!important;animation:vrPop .28s ease}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row input:checked~.secim-kutu::after{transform:rotate(45deg) scale(1)!important}
@keyframes vrPop{50%{transform:scale(1.18)}}

/* alt secim cubugu */
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-cubugu{position:sticky!important;bottom:16px!important;z-index:20;display:flex!important;align-items:center;gap:16px;margin:20px 0 0!important;padding:12px 12px 12px 22px!important;left:auto!important;right:auto!important;width:auto!important;background:var(--vr-night)!important;color:#fff!important;border:0!important;border-radius:999px!important;box-shadow:0 18px 40px -16px rgba(20,12,17,.7)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-cubugu[hidden]{display:none!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-ozet{flex:1;min-width:0}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) #secimBaslik{display:block;font:700 17px/1.1 'VR Kond','VR Sans',sans-serif!important;color:#fff!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) #secimDetay{display:block;margin-top:3px;font:400 13px/1.2 'VR Sans',sans-serif!important;color:#e6d3dd!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-cubugu button{appearance:none;flex:none;min-height:48px;margin:0!important;padding:0 28px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,var(--vr-rose),var(--vr-rose-d))!important;color:#fff!important;font:600 15px/1 'VR Sans',sans-serif!important;cursor:pointer;transition:transform .15s,filter .2s;box-shadow:none!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-cubugu button:hover{filter:brightness(1.1)}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-cubugu button:active{transform:scale(.97)}

/* odak */
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) :is(button,a,input,summary):focus-visible{outline:3px solid var(--vr-rose-d);outline-offset:2px}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row input:focus-visible{outline:0!important}

/* tablet / telefon */
@media (max-width:1020px){
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-layout{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-layout>.booking-summary{display:none!important}  /* secim cubugu ayni bilgiyi veriyor */
}
@media (max-width:720px){
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-container{width:min(100% - 24px,720px)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-bar{flex-wrap:wrap;position:static;border-radius:20px!important;padding:6px;gap:4px}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tabs{width:100%}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tab{flex:1;justify-content:center;padding:12px 10px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara{flex:1 1 100%}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara input{height:44px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary{min-height:58px;padding:12px 16px!important;font-size:18px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row{padding:12px 16px!important;gap:12px;grid-template-columns:minmax(0,1fr) auto 30px}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-kutu{width:30px!important;height:30px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-kutu::after{left:10px!important;top:5px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-cubugu{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;margin:0!important;padding:10px 10px 10px 18px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-cubugu button{padding:0 20px!important}
}
@media (prefers-reduced-motion:reduce){html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) *,html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) *::before,html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) *::after{animation:none!important;transition:none!important}}

/* eski telefon kurallari (fiyat altta, kutu iki satir) yerine tek satir: ad | fiyat | kutu */
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row.secim-satir .booking-service-name{grid-column:1!important;grid-row:1!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row.secim-satir .booking-service-price{grid-column:2!important;grid-row:1!important;text-align:right!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row.secim-satir .secim-kutu{grid-column:3!important;grid-row:1!important;align-self:center}
@media (max-width:1020px){
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row.secim-satir{grid-template-columns:minmax(0,1fr) auto 30px!important}
}

/* ---- Bir tik buyuk (v127) ---- */
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-container{width:min(100% - 48px,1240px)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-layout{grid-template-columns:minmax(0,1fr) 370px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tab{font-size:15.5px!important;min-height:48px;padding:13px 24px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara input{font-size:16.5px!important;height:52px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara-bilgi{font-size:14.5px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary{min-height:70px;padding:16px 22px!important;font-size:22px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary>small{height:28px;font-size:13px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row{min-height:76px;padding:14px 22px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-name b{font-size:18px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-name small{font-size:14.5px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-price{font-size:17px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-kutu{width:32px!important;height:32px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-kutu::after{left:11px!important;top:5px!important;width:7px!important;height:14px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row.secim-satir{grid-template-columns:minmax(0,1fr) auto 32px}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) #secimBaslik{font-size:19px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) #secimDetay{font-size:14.5px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-cubugu button{min-height:52px;font-size:16.5px!important;padding:0 32px!important}
@media (max-width:1020px){
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-layout{grid-template-columns:minmax(0,1fr)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row.secim-satir{grid-template-columns:minmax(0,1fr) auto 34px!important}
}
@media (max-width:720px){
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-container{width:min(100% - 24px,720px)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tab{font-size:15.5px!important;padding:13px 10px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara input{font-size:16.5px!important;height:48px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary{min-height:62px;padding:13px 16px!important;font-size:20px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-row{min-height:74px;padding:13px 16px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-name b{font-size:17px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-name small{font-size:14px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-service-price{font-size:16.5px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-kutu{width:34px!important;height:34px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-kutu::after{left:12px!important;top:6px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) #secimBaslik{font-size:18px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .secim-cubugu button{padding:0 22px!important;font-size:16px!important}
}

/* ================= v128: ici dolu kategori basliklari + belirgin arama ================= */
/* kategori basliklari: eski gibi DOLU renk, beyaz kalin yazi (kadin bordo, erkek lacivert) */
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4){--vr-kadin:#a02653;--vr-kadin2:#7d1a42;--vr-erkek:#1c2257;--vr-erkek2:#12173f}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category{border:0!important;border-radius:16px!important;box-shadow:0 8px 22px -14px rgba(60,20,40,.55)!important;background:#fff!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category[open]{box-shadow:0 14px 30px -16px rgba(60,20,40,.6)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary{background:linear-gradient(135deg,var(--vr-kadin),var(--vr-kadin2))!important;color:#fff!important;border:0!important;border-bottom:0!important;min-height:66px;padding:16px 22px!important;font-size:22px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary:hover{background:linear-gradient(135deg,#b32d5f,#8c1d49)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary>span{color:#fff!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary::before{display:none!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary>small{background:rgba(255,255,255,.2)!important;color:#fff!important;font-size:13px!important;padding:0 12px;height:28px}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary::after{border-color:#fff!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .gender-panel[data-gender="erkek"] .booking-category>summary{background:linear-gradient(135deg,var(--vr-erkek),var(--vr-erkek2))!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .gender-panel[data-gender="erkek"] .booking-category>summary:hover{background:linear-gradient(135deg,#262d6e,#171d4d)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category[open]>summary{border-bottom:0!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>div{background:#fff;border:1px solid var(--vr-line);border-top:0;border-radius:0 0 16px 16px}
/* erkek bolumunde secim vurgusu mavi */
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .gender-panel[data-gender="erkek"] .booking-service-row:has(input:checked){background:#e8ecfa!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .gender-panel[data-gender="erkek"] .booking-service-row::before{background:linear-gradient(#2f6fd0,#1c2257)}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .gender-panel[data-gender="erkek"] .booking-service-row:has(input:checked) .booking-service-price{color:#1c2257!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .gender-panel[data-gender="erkek"] .booking-service-row input:checked~.secim-kutu{background:linear-gradient(135deg,#2f6fd0,#1c2257)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .gender-panel[data-gender="erkek"] .booking-service-row:hover .secim-kutu{border-color:#2f6fd0!important}

/* ust bar: sekmeler ustte, ARAMA altta ayri ve belirgin bir kutu */
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-bar{position:static!important;flex-direction:column;align-items:stretch;gap:12px;padding:12px;border-radius:20px!important;background:#fff!important;border:1px solid #e0c3d1!important;box-shadow:0 10px 26px -18px rgba(90,35,66,.5)}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-bar:focus-within{border-color:#e0c3d1!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tabs{width:100%;padding:4px!important;gap:6px}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-tab{flex:1;justify-content:center}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara{flex:none;width:100%}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara input{height:58px!important;padding:0 52px 0 54px!important;border:2px solid #c9889f!important;border-radius:14px!important;background:#fff!important;color:#1b0f15!important;font-size:17.5px!important;font-weight:500!important;box-shadow:0 4px 12px -6px rgba(172,10,84,.35)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara input::placeholder{color:#6a4b5a!important;font-weight:500}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara input:focus{border-color:#ac0a54!important;box-shadow:0 0 0 4px rgba(172,10,84,.18)!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara svg{left:19px!important;width:24px!important;height:24px!important;margin-top:-12px!important;stroke:#ac0a54!important;stroke-width:2.4!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara-temizle{right:10px!important;background:#f3dfe8!important;color:#7d1a42!important}
@media (max-width:720px){
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-bar{padding:10px;gap:10px}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .hizmet-ara input{height:54px!important;font-size:17px!important}
html body .booking-page:not(.vr1):not(.vr2):not(.vr3):not(.vr4) .booking-category>summary{min-height:62px;padding:13px 16px!important;font-size:20px!important}
}