/* İnci demoları: ortak temel. Renk ve tipografi her demonun kendi :root değişkenlerinde. Köşeli sistem: radius 0. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}
html.menu-acik{overflow:hidden}
[id]{scroll-margin-top:calc(var(--nav,70px) + 16px)}
a,button,summary,select,label{touch-action:manipulation}
body{margin:0;min-height:100dvh;background:var(--zemin);color:var(--murekkep);font-family:var(--govde-font,"Geist"),system-ui,sans-serif;
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg,video,canvas,iframe{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit;border-radius:0}
button{cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
:where(svg:has(>use)){width:1.25em;height:1.25em;flex:none}
.ikon{width:1.25em;height:1.25em;flex:none}
::selection{background:var(--marka);color:#fff}
:focus-visible{outline:2px solid var(--marka);outline-offset:3px}
.gizli{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.atla{position:fixed;left:16px;top:-80px;z-index:100;background:var(--marka);color:#fff;padding:12px 18px;font-weight:600}
.atla:focus{top:16px}
.kap{width:min(100% - 32px, var(--kap, 1240px));margin-inline:auto}

/* titreme kalkanı: JS giriş durumlarını kurana dek [data-giris] görünmez; 3 sn sonra her durumda açılır */
html.js:not(.hazir) [data-giris]{opacity:0}
@media (prefers-reduced-motion:reduce){html.js:not(.hazir) [data-giris]{opacity:1}}

/* SSS: details/summary, köşeli */
.sss details{border-bottom:1px solid var(--cizgi)}
.sss summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-weight:560;font-size:1.06rem}
.sss summary::-webkit-details-marker{display:none}
.sss summary .ikon{transition:transform .35s cubic-bezier(.2,.8,.2,1);color:var(--marka)}
.sss details[open] summary .ikon{transform:rotate(45deg)}
.sss details p{padding:0 0 24px;color:var(--soluk);max-width:62ch}

/* WhatsApp randevu oluşturucu (sahte doluluk yok: her saat bir talep) */
.rv{display:grid;gap:22px}
.rv-etiket{display:block;font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--soluk);margin-bottom:10px}
.rv-gunler{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.rv-gun{display:grid;gap:2px;justify-items:center;padding:10px 4px;border:1px solid var(--cizgi);background:var(--yuzey);transition:background .2s,border-color .2s,color .2s}
.rv-gun:hover{border-color:var(--marka)}
.rv-gun[aria-pressed="true"]{background:var(--marka);border-color:var(--marka);color:#fff}
.rv-gun-ad{font-size:.74rem;font-weight:600;opacity:.8}
.rv-gun-no{font-size:1.12rem;font-weight:600;font-variant-numeric:tabular-nums}
.rv-alan{width:100%;appearance:none;border:1px solid var(--cizgi);background:var(--yuzey);padding:14px 44px 14px 14px;font-size:1rem;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.rv-alan:focus-visible{outline-offset:0}
.rv-iki{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rv-ozet{font-size:.95rem;color:var(--soluk);min-height:1.6em}
.rv-gonder[aria-disabled="true"]{opacity:.45;pointer-events:none}
@media (max-width:420px){.rv-gunler{grid-template-columns:repeat(4,minmax(0,1fr))}.rv-iki{grid-template-columns:1fr}}

/* "şu an açık" göstergesi: gerçek durum bilgisi (tek yerde) */
.durum{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:560}
.durum::before{content:"";width:8px;height:8px;background:currentColor;flex:none}
.durum[data-acik="1"]{color:var(--marka)}
.durum[data-acik="0"]{color:#9a5b12}

.hareket-dugme{font-size:.82rem;text-decoration:underline;text-underline-offset:3px;color:var(--soluk)}
body.hareketsiz *,body.hareketsiz *::before,body.hareketsiz *::after{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}

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