/* Yıldız Kızılcan · online randevu talebi (müşterinin telefonu). YK dili + HIG:
   gövde 17pt, en küçük 12pt, dokunma hedefi ≥44pt, metin kontrastı ≥4.5:1, ana eylem başparmağın altında. */
@font-face{font-family:'Jost';font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/hediye/fontlar/jost-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Jost';font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/hediye/fontlar/jost-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --ink:#16130e; --yumusak:#6b665d; --soluk:#7c776d; --cizgi:#e9e4dc; --cizgi2:#f1ede6;
  --sampanya:#b3986a; --sampanya-koyu:#7a6339; --sampanya-acik:#efe6d4; --yikama:#faf7f1; --uyari:#a4553f; --tamam:#5c7a52;
  --font:"Futura","Jost","Avenir Next",system-ui,sans-serif; --ui:"Jost","Futura","Avenir Next",system-ui,sans-serif;
  --egri:cubic-bezier(.22,.61,.21,1);
  --ust-bosluk:env(safe-area-inset-top,0px); --alt-bosluk:env(safe-area-inset-bottom,0px);
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--ui);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100vh;min-height:100dvh}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
a{color:inherit}

/* üst: geri · logo · ilerleme */
.ust{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:calc(8px + var(--ust-bosluk)) 8px 8px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
.ust__geri{width:44px;height:44px;border:0;background:none;border-radius:50%;display:grid;place-items:center;color:var(--ink)}
.ust__geri:active{background:var(--cizgi2)}
.ust__geri.gizli{visibility:hidden}   /* yer tutsun: logo ortada kalsın */
.ust__geri svg{width:24px;height:24px}
.ust__logo{justify-self:center;display:block}
.ust__logo img{height:50px;width:auto;display:block}   /* Berke 2026-10-21: okunur boyut (34 → 50) */
.ust__sag{justify-self:end}
.ilerleme{grid-column:1/-1;height:3px;background:var(--cizgi2);border-radius:2px;margin:8px 12px 0;overflow:hidden}
.ilerleme i{display:block;height:100%;width:0;background:var(--ink);border-radius:2px;transition:width .45s var(--egri)}

/* sahne: her ekranda tek soru; geçişler geldiği yönden */
.sahne{position:relative;max-width:560px;margin:0 auto;padding:8px 20px max(calc(120px + var(--alt-bosluk)),calc(var(--alt-yuk,0px) + 24px));overflow-x:clip}   /* son satır (gizlilik notu) alt çubuğun arkasında kalmasın */
.ekran{animation:gir .42s var(--egri) both}
.ekran.geri-gir{animation-name:gir-geri}
@keyframes gir{from{opacity:0;transform:translateX(36px)}to{opacity:1;transform:none}}
@keyframes gir-geri{from{opacity:0;transform:translateX(-36px)}to{opacity:1;transform:none}}
.selam{font-size:18px;line-height:1.35;color:var(--sampanya-koyu);font-weight:500;margin:18px 0 6px}
.ust-yazi{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--sampanya-koyu);font-weight:500;margin:18px 0 6px}
h1{font-family:var(--font);font-weight:400;font-size:30px;line-height:1.15;letter-spacing:-.01em;margin:0 0 8px}
.aciklama{color:var(--yumusak);margin:0 0 22px;font-size:16px}

/* alt eylem çubuğu (başparmak bölgesi) */
.alt{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px 20px calc(12px + var(--alt-bosluk));background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border-top:1px solid var(--cizgi2)}
.alt__ic{max-width:520px;margin:0 auto;display:flex;align-items:center;gap:14px}
.alt__ozet{flex:1;min-width:0;font-size:14px;color:var(--yumusak);line-height:1.35}
.alt .dugme{padding:0 20px;letter-spacing:.06em;min-width:0}
.alt .dugme[style*="flex:1"]{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}
.alt__ozet b{display:block;color:var(--ink);font-weight:500;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* düğmeler */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 26px;border-radius:999px;border:1px solid var(--cizgi);background:#fff;font-size:15px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;text-decoration:none;color:var(--ink);transition:transform .1s ease-out,opacity .2s;white-space:nowrap}
.dugme:active{transform:scale(.97)}
.dugme svg{width:20px;height:20px}
.dugme--mat{background:#16130e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");border-color:#16130e;color:#fff}
.dugme--mat:disabled{opacity:.3;cursor:default;transform:none}
.dugme--tam{width:100%}
.dugme--duz{border-color:transparent;background:none;color:var(--sampanya-koyu);padding:0 12px}
.dugme--kucuk{height:44px;padding:0 18px;font-size:13px}
.dugme--tehlike{color:var(--uyari);border-color:rgba(164,85,63,.4)}
.dugme--tehlike.emin{background:var(--uyari);border-color:var(--uyari);color:#fff}
.dugmeler{display:grid;gap:10px;margin-top:18px}

/* seçim satırı (bakım, uzman, zaman) */
.liste{border-top:1px solid var(--cizgi2)}
.secenek{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:12px 4px;border:0;border-bottom:1px solid var(--cizgi2);background:none;text-align:left;transition:background .15s}
.secenek:active{background:var(--yikama)}
.secenek__metin{flex:1;min-width:0}
.secenek__metin b{display:block;font-weight:400;font-size:17px;line-height:1.3}
.secenek__metin small{display:block;font-size:14px;color:var(--yumusak);margin-top:1px}
.isaret{flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--cizgi);display:grid;place-items:center;transition:background .18s,border-color .18s,transform .18s}
.isaret svg{width:16px;height:16px;color:#fff;opacity:0;transform:scale(.6);transition:opacity .15s,transform .2s var(--egri)}
.secenek[aria-pressed="true"] .isaret{background:var(--ink);border-color:var(--ink)}
.secenek[aria-pressed="true"] .isaret svg{opacity:1;transform:none}
.secenek[aria-pressed="true"] .secenek__metin b{font-weight:500}
.secenek--ozel{border:1px solid var(--cizgi);border-radius:16px;padding:14px 16px;margin-bottom:12px;background:var(--yikama)}
.secenek--ozel+.secenek--ozel{margin-top:-2px}

/* kategori çipleri */
.cipler{display:flex;gap:8px;overflow-x:auto;margin:0 -20px 14px;padding:2px 20px 4px;scrollbar-width:none;position:sticky;top:calc(64px + var(--ust-bosluk));z-index:5;background:#fff}
.cipler::-webkit-scrollbar{display:none}
.cip{flex:none;min-height:40px;padding:8px 16px;border-radius:999px;border:1px solid var(--cizgi);background:#fff;font-size:15px;white-space:nowrap;transition:transform .1s ease-out}
.cip:active{transform:scale(.96)}
.cip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}

/* günler */
.gunler{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.gunler__bas{font-size:12px;letter-spacing:.08em;color:var(--yumusak);text-align:center;padding-bottom:2px}
.gun{aspect-ratio:.82;min-height:56px;border-radius:14px;border:1px solid var(--cizgi);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;transition:transform .1s ease-out,background .15s}
.gun:active{transform:scale(.95)}
.gun b{font-family:var(--font);font-weight:400;font-size:20px;line-height:1}
.gun small{font-size:12px;color:var(--yumusak)}
.gun[disabled]{background:var(--yikama);border-color:transparent;cursor:default}
.gun[disabled] b,.gun[disabled] small{color:#b7b1a6}
.gun[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.gun[aria-pressed="true"] small{color:rgba(255,255,255,.75)}
.gun.bugun:not([aria-pressed="true"]){box-shadow:inset 0 0 0 1.5px var(--sampanya)}
.ay-bas{grid-column:1/-1;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--sampanya-koyu);margin:10px 0 2px;font-weight:500}
.dilimler{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.dilim{min-height:76px;border-radius:16px;border:1px solid var(--cizgi);background:#fff;text-align:left;padding:12px 16px;display:grid;gap:2px;transition:transform .1s ease-out}
.dilim:active{transform:scale(.97)}
.dilim b{font-weight:500;font-size:17px}
.dilim small{font-size:14px;color:var(--yumusak)}
.dilim[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.dilim[aria-pressed="true"] small{color:rgba(255,255,255,.75)}
.bolum-bas{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--yumusak);font-weight:500;margin:28px 0 10px}

/* form */
.alan{display:grid;gap:6px;margin-bottom:16px}
.alan>span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--yumusak);font-weight:500}
.alan input,.alan textarea{width:100%;border:1px solid var(--cizgi);border-radius:14px;padding:14px 16px;font-size:17px;background:#fff;outline:0;transition:border-color .2s,box-shadow .2s}
.alan input:focus,.alan textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(22,19,14,.08)}
.alan textarea{min-height:96px;resize:vertical}
.alan small{font-size:13.5px;color:var(--yumusak)}
.alan.hatali input{border-color:var(--uyari)}
.alan .hata{color:var(--uyari);font-size:14px}
.tuzak{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* kartlar */
.kart{border:1px solid var(--cizgi);border-radius:20px;padding:18px;background:#fff;margin-bottom:12px}
.kart--vurgu{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.kart--sakin{background:var(--yikama);border-color:var(--cizgi2)}
.kart__ust{display:flex;align-items:flex-start;gap:16px}
.takvim-kutu{flex:none;width:64px;height:70px;border-radius:14px;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.takvim-kutu small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--sampanya-acik)}
.takvim-kutu b{font-family:var(--font);font-weight:300;font-size:30px;margin-top:4px}
.takvim-kutu--acik{background:var(--yikama);color:var(--ink);border:1px solid var(--cizgi)}
.takvim-kutu--acik small{color:var(--sampanya-koyu)}
.kart h2{margin:0;font-family:var(--font);font-weight:400;font-size:24px;letter-spacing:-.01em;line-height:1.2}
.kart p{margin:4px 0 0;color:var(--yumusak);font-size:15.5px}
.durum{display:inline-flex;align-items:center;gap:6px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;padding:5px 10px;border-radius:999px;background:var(--sampanya-acik);color:var(--sampanya-koyu);margin-bottom:12px}
.durum--tamam{background:#e8efe4;color:#4a6541}
.durum--uyari{background:#f5e9e5;color:var(--uyari)}
.durum i{width:7px;height:7px;border-radius:50%;background:currentColor}
.durum--bekliyor i{animation:nabiz 1.6s ease-in-out infinite}
@keyframes nabiz{50%{opacity:.25}}
.ozet{border-top:1px solid var(--cizgi2);margin-top:8px}
.ozet div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--cizgi2)}
.ozet span{color:var(--yumusak);font-size:15px;flex:none}
.ozet b{font-weight:500;text-align:right}
.ozet button{border:0;background:none;color:var(--sampanya-koyu);font-size:14px;padding:0 0 0 8px}
.adimlar{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:0}
.adimlar li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:6px 0;font-size:15.5px;color:var(--yumusak)}
.adimlar li::before{content:"";width:12px;height:12px;border-radius:50%;border:1.5px solid var(--cizgi);margin:5px 0 0 7px}
.adimlar li.tamam{color:var(--ink)}
.adimlar li.tamam::before{background:var(--ink);border-color:var(--ink)}
.adimlar li.simdi{color:var(--ink);font-weight:500}
.adimlar li.simdi::before{border-color:var(--ink);box-shadow:0 0 0 4px rgba(22,19,14,.08)}
.not{font-size:13.5px;color:var(--yumusak);line-height:1.5;margin-top:14px}
.not a{color:var(--sampanya-koyu)}
.bos{color:var(--yumusak);text-align:center;padding:40px 0}
.basari-isaret{width:84px;height:84px;border-radius:50%;background:var(--ink);display:grid;place-items:center;margin:26px auto 18px;animation:bas .5s cubic-bezier(.2,.9,.25,1.25) both}
.basari-isaret svg{width:40px;height:40px;color:#fff}
.basari-isaret path{stroke-dasharray:30;stroke-dashoffset:30;animation:ciz .5s .25s var(--egri) forwards}
@keyframes bas{from{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}
@keyframes ciz{to{stroke-dashoffset:0}}
.ortala{text-align:center}
.ipucu{display:flex;gap:12px;align-items:flex-start;background:var(--yikama);border:1px solid var(--cizgi2);border-radius:16px;padding:14px 16px;font-size:15px;color:#3d3830;line-height:1.5;margin-top:18px;text-align:left}
.ipucu svg{flex:none;width:22px;height:22px;color:var(--sampanya-koyu);margin-top:1px}
.yukleniyor{display:grid;place-items:center;padding:80px 0;color:var(--yumusak)}
.yukleniyor i{width:28px;height:28px;border-radius:50%;border:2px solid var(--cizgi);border-top-color:var(--ink);animation:don 0.8s linear infinite}
@keyframes don{to{transform:rotate(360deg)}}
.tost{position:fixed;left:50%;top:calc(12px + var(--ust-bosluk));z-index:50;transform:translate(-50%,-160%);opacity:0;background:rgba(22,19,14,.94);color:#fff;border-radius:999px;padding:12px 20px;font-size:15px;transition:transform .4s cubic-bezier(.2,.9,.25,1.15),opacity .2s;max-width:calc(100vw - 32px)}
.tost.acik{transform:translate(-50%,0);opacity:1}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
h1[tabindex="-1"]:focus,h1[tabindex="-1"]:focus-visible{outline:none}   /* odak ekran okuyucu için; çerçeve gereksiz */

@media (min-width:700px){ h1{font-size:34px} .sahne{padding-top:20px} }
@media (prefers-reduced-motion:reduce){
  .ekran,.ekran.geri-gir{animation:fade .2s ease both}
  @keyframes fade{from{opacity:0}to{opacity:1}}
  .basari-isaret,.basari-isaret path{animation:none;stroke-dashoffset:0}
  .durum--bekliyor i{animation:none}
}
@media (prefers-reduced-transparency:reduce){ .ust,.alt{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none} }

/* ── bakım satırı: görsel + hızlı seçim işareti ── */
.secenek--bakim{cursor:pointer}
.secenek__gorsel{flex:none;width:56px;height:56px;border-radius:12px;object-fit:cover;background:var(--yikama)}
.secenek--bakim .isaret{width:44px;height:44px;border-width:0;background:none;position:relative;padding:0}
.secenek--bakim .isaret::before{content:"";position:absolute;inset:8px;border-radius:50%;border:1.5px solid var(--cizgi);transition:background .18s,border-color .18s}
.secenek--bakim .isaret svg{position:relative;z-index:1}
.secenek--bakim .isaret[aria-pressed="true"]::before{background:var(--ink);border-color:var(--ink)}
.secenek--bakim .isaret[aria-pressed="true"] svg{opacity:1;transform:none}
.secenek--bakim.secili .secenek__metin b{font-weight:500}

/* ── tam ekran bakım tanıtımı (alttan açılır; geri hareketi kapatır) ── */
body.kilitli{overflow:hidden}
.tanitim{position:fixed;inset:0;z-index:40;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(100%);transition:transform .42s cubic-bezier(.2,.85,.25,1);padding-bottom:calc(96px + var(--alt-bosluk))}
.tanitim.acik{transform:none}
.tanitim__gorsel{position:relative;aspect-ratio:4/3;max-height:48vh;width:100%;background:var(--yikama);overflow:hidden}
.tanitim__gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.tanitim__kapat{position:absolute;top:calc(12px + var(--ust-bosluk));right:12px;width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ink);box-shadow:0 4px 14px rgba(0,0,0,.12)}
.tanitim__kapat svg{width:20px;height:20px}
.tanitim__ic{max-width:560px;margin:0 auto;padding:22px 20px 12px}
.tanitim__alt{font-size:17px;color:var(--yumusak);margin:-2px 0 14px}
.tanitim__etki{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.tanitim__etki span{font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:var(--sampanya-acik);color:var(--sampanya-koyu);font-weight:500}
.tanitim__metin{font-size:17px;line-height:1.6;margin:0 0 8px}
.tanitim__alt-cubuk{position:fixed;left:0;right:0;bottom:0;padding:12px 20px calc(12px + var(--alt-bosluk));background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border-top:1px solid var(--cizgi2)}

/* ── aylık takvim ── */
.ay{border:1px solid var(--cizgi);border-radius:20px;padding:10px 10px 12px}
.ay__bas{display:flex;align-items:center;justify-content:space-between;padding:0 2px 8px}
.ay__bas b{font-weight:500;font-size:18px}
.ay__ok{width:44px;height:44px;border-radius:50%;border:0;background:none;display:grid;place-items:center;color:var(--ink)}
.ay__ok:active{background:var(--cizgi2)}
.ay__ok:disabled{color:#c9c3b8;cursor:default}
.ay__ok svg{width:22px;height:22px}
.ay .gun{aspect-ratio:1;min-height:44px;border-radius:50%;border:0;background:none}
.ay .gun b{font-size:18px}
.ay .gun small{font-size:10.5px;line-height:1;margin-top:1px}
.ay .gun:not([disabled]){background:#fff}
.ay .gun:not([disabled]):not([aria-pressed="true"]){box-shadow:inset 0 0 0 1px var(--cizgi)}
.ay .gun[disabled]{background:none}
.ay .gun.bugun:not([aria-pressed="true"]){box-shadow:inset 0 0 0 1.5px var(--sampanya)}
.secili-gunler{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.secili-gunler:empty{display:none}
.cip--secili{display:inline-flex;align-items:center;gap:6px;background:var(--ink);border-color:var(--ink);color:#fff}

/* ── saat seçimi (15 dk) ── */
.saatler{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.saat{min-height:48px;border-radius:14px;border:1px solid var(--cizgi);background:#fff;font-size:17px;font-variant-numeric:tabular-nums;transition:transform .1s ease-out,background .15s}
.saat:active{transform:scale(.95)}
.saat[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.saat--fark{grid-column:1/-1;font-size:16px}
.saat-grup{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--yumusak);font-weight:500;margin:16px 0 8px}
.esnek{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:14px 16px;border-radius:16px;background:var(--yikama);border:1px solid var(--cizgi2);cursor:pointer}
.esnek b{display:block;font-weight:500;font-size:16px}
.esnek small{display:block;font-size:14px;color:var(--yumusak);margin-top:2px}
.anahtar{position:relative;flex:none;width:51px;height:31px;-webkit-appearance:none;appearance:none;border-radius:16px;background:#e6e1d8;outline:0;cursor:pointer;transition:background .25s;margin:0;border:0}
.anahtar::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:transform .28s var(--egri)}
.anahtar:checked{background:var(--ink)}
.anahtar:checked::after{transform:translateX(20px)}
@media (max-width:360px){ .saatler{grid-template-columns:repeat(3,1fr)} }
@media (prefers-reduced-motion:reduce){ .tanitim{transition:opacity .2s ease;transform:none;opacity:0} .tanitim.acik{opacity:1} }
.tanitim__alt-cubuk .dugme{padding:0 16px;letter-spacing:.05em;font-size:14px;min-width:0}
.tanitim__alt-cubuk .dugme[style*="flex:1"]{flex:1 1 auto}
.teyitli{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:#4a6541;background:#e8efe4;border-radius:999px;padding:5px 10px}
.teyitli svg{width:14px;height:14px}

/* ═════ 2026-10-12 inceleme düzeltmeleri ═════ */
/* bakım satırı: ayrıntı ve seçim iki ayrı düğme (iç içe düğme yok) */
.secenek--bakim{cursor:default}
.secenek__ac{display:flex;align-items:center;gap:14px;flex:1;min-width:0;min-height:44px;border:0;background:none;padding:0;margin:0;text-align:left;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.secenek__ac:active{opacity:.7}
/* metin bağlantısı görünümlü düğme (beni arayın, beni unut) */
.baglanti{border:0;background:none;min-height:44px;padding:10px 6px;font:inherit;font-size:14px;color:var(--sampanya-koyu);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.baglanti.emin{color:#96492f;text-decoration:none;font-weight:500}
/* yapışkan kategori çipleri başlığın altına tam otursun; dokunma alanları 44pt */
.cipler{top:var(--ust-yuk,calc(77px + var(--ust-bosluk)))}   /* başlığın gerçek yüksekliği (randevu.js ölçer; logo büyüyünce kaymasın) */
.cip{min-height:44px}
.ozet button{min-height:44px;padding:0 4px 0 10px}
/* takvim: günler yuvarlak (oval değil), en az ~44pt */
.ay{padding:6px 6px 10px}
.gunler{gap:4px}
.ay .gun{min-height:0}
.ay .gun small{font-size:11px}
/* kontrast: uyarı yazısı 5.3:1; seçim halkası ve kapalı anahtar kenarı 3:1 */
.durum--uyari{color:#96492f}
.isaret{border-color:#9a958b}
.secenek--bakim .isaret::before{border-color:#9a958b}
.anahtar:not(:checked){box-shadow:inset 0 0 0 1px #9a958b}
/* seçili gün: ".ay .gun:not([disabled])" beyaz zemini seçili günü eziyordu (beyaz üstüne beyaz) */
.ay .gun[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.ay .gun[aria-pressed="true"] small{color:rgba(255,255,255,.75)}
/* salonun gönderdiği seçenekler */
.secenekler{display:grid;gap:10px;margin:18px 0 6px}
.secenek-kart{display:flex;align-items:center;gap:14px;width:100%;min-height:76px;padding:12px 14px;border:1px solid var(--cizgi);border-radius:18px;background:#fff;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s ease-out;-webkit-tap-highlight-color:transparent}
.secenek-kart:active{transform:scale(.985)}
.secenek-kart .takvim-kutu{width:56px;height:60px}
.secenek-kart .takvim-kutu b{font-size:26px}
.secenek-kart__metin{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.secenek-kart__metin b{font-weight:500;font-size:18px;font-variant-numeric:tabular-nums}
.secenek-kart__metin small{font-size:14px;color:var(--yumusak)}
.secenek-kart[aria-checked="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.secenek-kart[aria-checked="true"] .isaret{background:var(--ink);border-color:var(--ink)}
.secenek-kart[aria-checked="true"] .isaret svg{opacity:1;transform:none}
.secenek-kart[disabled]{opacity:.5;cursor:default}
@media (prefers-reduced-motion:reduce){ .secenek-kart{transition:none} }

/* ── Randevu teyidi (2026-10-21) · Apple HIG + apple-design ──
   Gruplu zemin üstünde beyaz gruplar; tek imza: basılı randevu kartı gibi ince şampanya çerçeveli kart.
   Yazı iPhone'un yazı boyutu ayarıyla büyür (-apple-system-body tabanı, ölçüler em): Başlık 1 = 28, Başlık 2 = 22, gövde 17, dipnot 13.
   Kontrast (beyaz / #f5f2ec üstünde): mürekkep 18.5:1 · ikincil #6b665d 5.7/5.2:1 · şampanya-koyu 5.7/5.2:1 · yeşil #3f6b45 6.2:1 · iptal #a4553f 5.3:1. */
body.ty-zemin{background:#f5f2ec}
body.ty-zemin .sahne{padding-bottom:max(calc(120px + var(--alt-bosluk)),calc(var(--alt-yuk,0px) + 24px))}
body.ty-zemin .ust{background:rgba(245,242,236,.82)}
.ekran--sabit{animation:none}
.ty{font-size:17px;font-family:var(--ui);font-weight:400;line-height:1.35;padding-top:.4em}
/* yalnız iPhone/iPad: taban = Ayarlar › Ekran › Metin Boyutu (Mac Safari'de bu stil 13 px verir, orada 17 px kalır) */
@supports (-webkit-touch-callout:none){.ty,.pf,.ty-karar{font:-apple-system-body;font-family:var(--ui);font-weight:400}.ty,.pf{line-height:1.35}}
.ty-selam{margin:.6em 0 .2em;font-size:1em;font-weight:500;color:var(--sampanya-koyu)}
.ty-baslik{margin:0 0 .9em;font-size:1.647em;font-weight:500;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.ty .aciklama{font-size:1em}
.ty-bolum{margin:1.4em 1em .45em;font-size:max(12px,.765em);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--yumusak)}
.ty-kart{position:relative;background:#fff;border-radius:22px;padding:1.15em 1.25em 1.1em;box-shadow:0 1px 2px rgba(22,19,14,.05),0 10px 28px -14px rgba(22,19,14,.16)}
.ty-kart::after{content:"";position:absolute;inset:6px;border:1px solid rgba(179,152,106,.42);border-radius:17px;pointer-events:none}
.ty-kart__gun{margin:0;font-size:max(12px,.765em);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sampanya-koyu)}
.ty-kart__zaman{margin:.12em 0 .75em;font-size:1.294em;font-weight:500;line-height:1.2;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.ty-kart__zaman span{margin:0 .12em;color:var(--soluk);font-weight:400}
.ty-kart__satirlar{list-style:none;margin:0;padding:.75em 0 0;border-top:1px solid var(--cizgi);display:grid;gap:.5em}
.ty-kart__satirlar li{display:flex;align-items:center;gap:.65em}
.ty-kart__satirlar svg{width:1.25em;height:1.25em;flex:none;color:var(--sampanya-koyu)}
.ty-kart__durum{display:flex;align-items:center;gap:.5em;margin:.85em 0 0;padding-top:.8em;border-top:1px solid var(--cizgi);font-size:.882em;font-weight:500}
.ty-kart__durum svg{width:1.15em;height:1.15em;flex:none}
.ty-kart__durum--bekliyor{color:var(--sampanya-koyu)}
.ty-kart__durum--bekliyor i{width:.55em;height:.55em;border-radius:50%;background:var(--sampanya);flex:none}
.ty-kart__durum--tamam{color:#3f6b45}
.ty-liste{list-style:none;margin:1em 0 0;padding:0;background:#fff;border-radius:16px;overflow:hidden}
.ty-liste li{position:relative}
.ty-liste li+li::before{content:"";position:absolute;top:0;left:3.15em;right:0;border-top:1px solid var(--cizgi)}
.ty-liste a,.ty-liste button{display:flex;align-items:center;gap:.8em;width:100%;min-height:max(48px,2.95em);padding:.55em 1em;border:0;background:none;color:var(--ink);font:inherit;text-align:left;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .12s}
.ty-liste a:active,.ty-liste button:active{background:var(--cizgi2);transition:none}
.ty-liste span{flex:1;min-width:0}
.ty-liste svg{width:1.35em;height:1.35em;flex:none;color:var(--sampanya-koyu)}
.ty-liste .ty-ok{width:1em;height:1em;color:var(--soluk)}
.ty-liste a:focus-visible,.ty-liste button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:16px}
.ty-liste__sil{justify-content:center;color:var(--uyari)!important;font-weight:500}
.ty-liste__sil.emin{background:#f8ebe7}
.ty-dipnot{margin:.9em 1em 0;font-size:max(13px,.765em);line-height:1.45;color:var(--yumusak)}
.ty-karar{display:flex;flex-wrap:wrap-reverse;gap:10px;width:100%;font-size:17px;font-family:var(--ui)}
.ty-karar .dugme{flex:1 1 8em;height:auto;min-height:max(52px,3.05em);padding:.55em 1em;font-size:1em;font-weight:500;letter-spacing:0;text-transform:none}
.ty-karar__ikincil{background:rgba(22,19,14,.07);border-color:transparent}
.ty-karar .dugme svg{width:1.15em;height:1.15em;flex:none}
.ty-karar .dugme:disabled{opacity:1}
.ty-karar .yukleniyor svg{display:none}
.ty-karar .yukleniyor::before{content:"";width:1em;height:1em;flex:none;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:don .8s linear infinite}
.alt.alt--cik{transform:translateY(110%);transition:transform .22s var(--egri)}
.ekran--onay .ty-baslik{animation:ty-belir .34s var(--egri) both}
.ekran--iptal h1{animation:ty-belir .34s var(--egri) both}
.ekran--onay .ty-kart__durum--tamam path{stroke-dasharray:1;stroke-dashoffset:1;animation:ciz .38s .1s var(--egri) forwards}
@keyframes ty-belir{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .ekran--onay .ty-baslik,.ekran--iptal h1{animation:fade .2s ease both}
  .ekran--onay .ty-kart__durum--tamam path{animation:none;stroke-dashoffset:0}
  .alt.alt--cik{transition:none}
}
@media (prefers-contrast:more){
  .ty-kart,.ty-liste{box-shadow:none;border:1px solid #8a8478}
  .ty-kart::after{border-color:var(--sampanya-koyu)}
  .ty-karar__ikincil{border-color:var(--ink)}
}

/* Hesabım + doğum günü (2026-10-21): aynı gruplu düzen; bilgi satırları Ayarlar gibi (etiket solda, değer sağda) */
.ty-ust{margin:.7em 0 .2em;font-size:max(12px,.765em);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sampanya-koyu)}
.ty-kart-bag{display:block;margin-bottom:.75em;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.ty-kart-bag .ty-kart{transition:transform .12s var(--egri)}
.ty-kart-bag:active .ty-kart{transform:scale(.985);transition:none}
.ty-kart-bag:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:24px}
.ty-liste--ilk{margin-top:0}
.ty-liste--duz li+li::before{left:1em}
.ty-satir{display:flex;align-items:center;gap:.8em;min-height:max(48px,2.95em);margin:0;padding:.55em 1em}
.ty-sag{margin-left:auto;padding-left:.8em;font-size:1em;color:var(--yumusak);text-align:right}
.ty-iki{display:flex;flex-direction:column;min-width:0}
.ty-iki b{font-weight:500}
.ty-iki small{font-size:.882em;color:var(--yumusak)}
.ty-dogum{margin:1em 0 0;padding:1em;background:#fff;border-radius:16px}
.ty-dogum--hesap{margin-top:.5em}
.ty-dogum__baslik{margin:0;font-size:1em;font-weight:500}
.ty-dogum__alt{margin:.15em 0 .85em;font-size:.882em;color:var(--yumusak)}
.ty-dogum__sec{display:grid;grid-template-columns:1fr 1.6fr;gap:.6em}
.ty-dogum select{width:100%;min-height:max(48px,2.95em);padding:0 2.2em 0 .9em;border:1px solid var(--cizgi);border-radius:12px;background:#faf8f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c776d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .8em center/1em;-webkit-appearance:none;appearance:none;font:inherit;color:var(--ink)}
.ty-dogum select:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.ty-dogum__kaydet{width:100%;height:auto;min-height:max(48px,2.95em);margin-top:.7em;font-size:1em;font-weight:500;letter-spacing:0;text-transform:none}
.ty-dogum__hata{margin:.6em 0 0;font-size:.882em;color:var(--uyari)}
.ty-dogum__not{margin:.7em 0 0;font-size:max(13px,.765em);color:var(--yumusak)}
.ty-dogum__not a{color:inherit}
.ty-dogum__tamam{display:flex;align-items:center;gap:.5em;margin:0;font-weight:500;color:#3f6b45}
.ty-dogum__tamam svg{width:1.15em;height:1.15em;flex:none}
@media (prefers-contrast:more){.ty-dogum{border:1px solid #8a8478}.ty-dogum select{border-color:#8a8478}}

/* ── Kişisel Bakım Profili (2026-10-21): hediye akışının düzeni — adım + soru + ikonlu seçenekler, altta ilerleme ve "Sırada" ──
   Hareket yalnız transform/opacity; kaydırmaya bağlı iş yok; hareketi azalt'ta durur. Dokunma ≥ 44 pt. */
.pf{font-size:17px;font-family:var(--ui);font-weight:400;line-height:1.35;padding-top:.4em}
.pf-adim{margin:.7em 0 .3em;font-size:max(12px,.765em);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sampanya-koyu)}
.pf-soru{margin:0 0 .35em;font-size:1.647em;font-weight:500;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.pf-aciklama{margin:0 0 1.1em;font-size:.94em;color:var(--yumusak)}
.pf-soru+.pf-secenekler,.pf-soru+.ty-dogum,.pf-soru+.pf-izin{margin-top:1.1em}
.pf-secenekler{display:grid;gap:.6em}
.pf-secenekler--izgara{grid-template-columns:repeat(auto-fill,minmax(9.6em,1fr))}
.pf-sec{display:flex;align-items:center;gap:.7em;width:100%;min-height:max(56px,3.3em);padding:.75em .9em .75em 1em;border:1px solid var(--cizgi);border-radius:16px;background:#fff;color:var(--ink);font:inherit;text-align:left;-webkit-tap-highlight-color:transparent;
  transition:border-color .16s,background-color .16s,box-shadow .16s,transform .12s var(--egri),opacity .2s;animation:pf-gir .34s var(--egri) both;animation-delay:calc(var(--s,0) * 28ms)}
.pf-sec:active{transform:scale(.97);transition:transform 0s}
.pf-sec:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pf-sec[aria-checked="true"]{border-color:var(--sampanya-koyu);background:#fdfaf3;box-shadow:inset 0 0 0 1px var(--sampanya-koyu),0 6px 16px -10px rgba(122,99,57,.45)}
.pf-sec:disabled{opacity:.45}
.pf-sec[aria-checked="true"]:disabled{opacity:1}
.pf-sec__ikon{display:grid;place-items:center;flex:none;color:var(--sampanya-koyu)}
.pf-sec__ikon svg{width:1.45em;height:1.45em}
.pf-sec__ad{flex:1;min-width:0;line-height:1.25}
.pf-sec[aria-checked="true"] .pf-sec__ad{font-weight:500}
.pf-sec__isaret{display:grid;place-items:center;flex:none;width:1.4em;height:1.4em;border:1.5px solid #cfc8bc;border-radius:50%;color:#fff;transition:background-color .16s,border-color .16s}
.pf-sec[role="checkbox"] .pf-sec__isaret{border-radius:7px}
.pf-sec__isaret svg{width:.85em;height:.85em;transform:scale(.4);opacity:0;transition:transform .2s var(--egri),opacity .14s}
.pf-sec[aria-checked="true"] .pf-sec__isaret{background:var(--sampanya-koyu);border-color:var(--sampanya-koyu)}
.pf-sec[aria-checked="true"] .pf-sec__isaret svg{transform:none;opacity:1}
.pf-sec--dur{animation:pf-dur .32s var(--egri)}
/* iki sütun (ikonlu): onay işareti köşede, yalnız seçilince — ad tek satıra sığsın (hediye ekranındaki gibi seçim çerçeveyle okunur) */
.pf-secenekler--izgara .pf-sec{position:relative;padding-right:1.5em}
.pf-secenekler--izgara .pf-sec__isaret{position:absolute;top:.5em;right:.5em;width:1.15em;height:1.15em;border:0;opacity:0;transform:scale(.6);transition:opacity .16s,transform .2s var(--egri),background-color .16s}
.pf-secenekler--izgara .pf-sec[aria-checked="true"] .pf-sec__isaret{opacity:1;transform:none}
.pf-secenekler--izgara .pf-sec__isaret svg{width:.75em;height:.75em}
.pf-sonra{display:block;min-height:44px;margin:1.3em auto 0;padding:0 1em;border:0;background:none;color:var(--yumusak);font:inherit;font-size:.94em;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--cizgi)}
.ust__atla{min-width:44px;min-height:44px;padding:0 10px;border:0;background:none;color:var(--sampanya-koyu);font:inherit;font-size:16px;font-weight:500}
.ust__atla:active{opacity:.6}
.pf-cubuk{flex:1;display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0}
.pf-cizgiler{display:flex;gap:5px}
.pf-cizgiler i{flex:1;max-width:26px;height:3px;border-radius:2px;background:var(--cizgi);transform-origin:left center}
.pf-cizgiler i.dolu{background:var(--ink)}
.pf-cizgiler i.simdi{background:var(--ink);animation:pf-cizgi .45s var(--egri) both}
.pf-cubuk small{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--yumusak);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-cubuk small b{color:var(--ink);font-weight:500}
.pf-devam{flex:none;min-width:8.2em;height:auto;min-height:52px;padding:0 1.4em;font-size:17px;font-weight:500;letter-spacing:0;text-transform:none}
.pf-dogum{margin-top:1em}
.pf-izin{margin-top:1em}
.pf-anahtar{cursor:pointer}
.pf-anahtar span{flex:1}
.pf-anahtar input{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:51px;height:31px;margin:0;border-radius:999px;background:#e4dfd6;transition:background-color .2s;cursor:pointer}
.pf-anahtar input::before{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(22,19,14,.22);transition:transform .24s var(--egri)}
.pf-anahtar input:checked{background:#3f6b45}
.pf-anahtar input:checked::before{transform:translateX(20px)}
.pf-anahtar input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pf-eposta{display:block;margin-top:1em}
.pf-eposta span{display:block;margin:0 0 .35em .2em;font-size:.88em;color:var(--yumusak)}
.pf-eposta input{width:100%;min-height:max(50px,2.95em);padding:0 1em;border:1px solid var(--cizgi);border-radius:12px;background:#fff;font:inherit;color:var(--ink)}
.pf-kart{position:relative;padding:1.15em 1.2em 1.2em;border-radius:20px;background:linear-gradient(160deg,#fbf6ec 0%,#fff 62%);box-shadow:0 1px 2px rgba(22,19,14,.05),0 10px 28px -16px rgba(122,99,57,.35);animation:pf-gir .4s var(--egri) both}
.pf-kart::after{content:"";position:absolute;inset:6px;border:1px solid rgba(179,152,106,.32);border-radius:15px;pointer-events:none}
.pf-kart__ikon{display:grid;place-items:center;width:2.6em;height:2.6em;margin-bottom:.7em;border-radius:50%;background:#f3ead8;color:var(--sampanya-koyu)}
.pf-kart__ikon svg{width:1.45em;height:1.45em}
.pf-kart__ust{margin:0;font-size:max(12px,.765em);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sampanya-koyu)}
.pf-kart__baslik{margin:.2em 0 .25em;font-size:1.18em;font-weight:500;line-height:1.25;letter-spacing:-.01em}
.pf-kart__alt{margin:0 0 .9em;font-size:.88em;color:var(--yumusak)}
.pf-kart__dugme{position:relative;z-index:1;width:100%;height:auto;min-height:max(50px,2.95em);font-size:1em;font-weight:500;letter-spacing:0;text-transform:none}
.pf--bitti{text-align:left}
.pf-bitti__isaret{display:grid;place-items:center;width:3.6em;height:3.6em;margin:.9em 0 .9em;border-radius:50%;background:#3f6b45;color:#fff;animation:pf-bas .42s var(--egri) both}
.pf-bitti__isaret svg{width:1.7em;height:1.7em}
.pf-bitti__isaret path{stroke-dasharray:1;stroke-dashoffset:1;animation:ciz .5s .18s var(--egri) forwards}
.pf-oneriler{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.4em,1fr));gap:.7em}
.pf-oneri{display:flex;flex-direction:column;padding:0;border:0;border-radius:16px;overflow:hidden;background:#fff;color:var(--ink);font:inherit;text-align:left;box-shadow:0 1px 2px rgba(22,19,14,.05);animation:pf-gir .4s var(--egri) both;animation-delay:calc(140ms + var(--s,0) * 70ms);transition:transform .12s var(--egri)}
.pf-oneri:active{transform:scale(.97);transition:none}
.pf-oneri img,.pf-oneri__bos{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#f3ede2}
.pf-oneri__bos{display:grid;place-items:center;color:var(--sampanya-koyu)}
.pf-oneri__ad{padding:.6em .8em 0;font-weight:500;line-height:1.25}
.pf-oneri small{padding:.15em .8em .75em;font-size:.82em;color:var(--yumusak)}
.pf-oneren{display:block;margin-top:1em;padding:1em;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(22,19,14,.05);animation:pf-gir .3s var(--egri) both}
.pf-oneren span{display:block;margin:0 0 .45em;font-weight:500}
.pf-oneren em{font-style:normal;font-weight:400;color:var(--yumusak)}
.pf-oneren input{width:100%;min-height:max(50px,2.95em);padding:0 1em;border:1px solid var(--cizgi);border-radius:12px;background:#faf8f4;font:inherit;color:var(--ink)}
.pf-oneren input:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px rgba(22,19,14,.08)}
.pf-oneren small{display:block;margin-top:.45em;font-size:.82em;color:var(--yumusak)}
.pf-form{margin-top:1em}
.pf-form .alan em{font-style:normal;color:var(--yumusak)}
@keyframes pf-gir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes pf-dur{20%{transform:translateX(-5px)}50%{transform:translateX(4px)}80%{transform:translateX(-2px)}}
@keyframes pf-cizgi{from{transform:scaleX(.25)}to{transform:none}}
@keyframes pf-bas{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){
  .pf-sec,.pf-oneri,.pf-kart,.pf-bitti__isaret,.pf-cizgiler i.simdi,.pf-oneren{animation:none}
  .pf-sec--dur{animation:none}
  .pf-bitti__isaret path{animation:none;stroke-dashoffset:0}
  .pf-anahtar input::before,.pf-sec__isaret svg{transition:none}
}
@media (prefers-contrast:more){.pf-sec{border-color:#8a8478}.pf-kart{box-shadow:none;border:1px solid #8a8478}}

/* yazışma (2026-10-21): talep sayfasının en altı; salon solda beyaz balon, misafir sağda koyu balon (Mesajlar düzeni, YK renkleri) */
.ks{margin-top:1.8em}
.ks__akis{display:flex;flex-direction:column;gap:8px}
.ks__b{max-width:84%;padding:10px 14px 8px;border-radius:20px;font-size:16px;line-height:1.45;overflow-wrap:anywhere}
.ks__b p{margin:0}
.ks__b small{display:block;margin-top:4px;font-size:12px;letter-spacing:.02em}
.ks__b--salon{align-self:flex-start;background:#fff;border:1px solid var(--cizgi);border-bottom-left-radius:6px}
.ks__b--salon small{color:var(--soluk)}
.ks__b--ben{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:6px}
.ks__b--ben small{color:rgba(255,255,255,.72);text-align:right}
.ks__bos{margin:0;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--cizgi);color:var(--yumusak);font-size:15px;line-height:1.45}
.ks__yaz{display:flex;align-items:flex-end;gap:8px;margin-top:12px;padding:5px 5px 5px 16px;background:#fff;border:1px solid var(--cizgi);border-radius:26px;transition:border-color .2s}
.ks__yaz:focus-within{border-color:var(--sampanya)}
.ks__yaz textarea{flex:1;min-width:0;border:0;outline:0;resize:none;background:none;font-size:17px;line-height:1.4;padding:10px 0;max-height:140px}
.ks__yaz button{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;transition:opacity .15s,transform .1s ease-out}
.ks__yaz button:disabled{opacity:.22;cursor:default}
.ks__yaz button:not(:disabled):active{transform:scale(.92)}
.ks__yaz button.yukleniyor{opacity:.5}
.ks__yaz button svg{width:20px;height:20px}
@media (prefers-contrast:more){.ks__b--salon,.ks__bos,.ks__yaz{border-color:#8a8478}}
/* kategori şeridi: devamı varsa kenarda solma (kaydırılabildiği belli olsun) */
.cipler--devam{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}
.cipler--geri{-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px);mask-image:linear-gradient(90deg,transparent,#000 36px)}
.cipler--geri.cipler--devam{-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 56px),transparent)}

/* talep gönderilince Kişisel Bakım Alanı'nın başında onay kartı + listede yeni talep vurgusu (Berke 2026-10-24) */
.ty-alindi{margin-bottom:1.2em}
.ty-alindi__bas{display:flex;align-items:center;gap:.6em}
.ty-alindi__bas svg{flex:none;width:1.75em;height:1.75em;padding:.36em;border-radius:50%;background:var(--ink);color:#fff}
.ty-alindi__bas b{font-size:1.1em;font-weight:500}
.ty-alindi p{margin:.6em 0 .25em;color:var(--yumusak);line-height:1.45}
.ty-liste li.ty-yeni{background:linear-gradient(90deg,rgba(179,152,106,.14),rgba(179,152,106,0) 75%)}
@media (prefers-reduced-motion:no-preference){.ty-alindi{animation:tyAlindi .5s cubic-bezier(.2,.9,.3,1) both}@keyframes tyAlindi{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}

/* ── Randevularım (2026-10-27, ChatGPT kararı): Yaklaşan | Geçmiş sekmeleri (iOS bölümlü denetim), durum kartları, boş ekranlar ── */
.rd-baslik{margin-bottom:.3em}
.rd-sekme{display:flex;gap:2px;margin:0 0 1.1em;padding:3px;border-radius:13px;background:rgba(22,19,14,.07)}
.rd-sekme button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.45em;min-height:max(44px,2.6em);border:0;border-radius:10px;background:none;font:inherit;font-size:.941em;font-weight:500;color:var(--yumusak);-webkit-tap-highlight-color:transparent;transition:background-color .18s,color .18s,box-shadow .18s}
.rd-sekme [aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(22,19,14,.08),0 3px 10px -4px rgba(22,19,14,.14)}
.rd-sekme b{min-width:1.6em;padding:0 .45em;border-radius:999px;background:var(--sampanya-acik);color:var(--sampanya-koyu);font-size:.8em;font-weight:500;line-height:1.55;font-variant-numeric:tabular-nums}
.rd-sekme button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.rd-kart{margin-bottom:.9em}
.rd-kart .durum{margin-bottom:.9em;font-size:max(12px,.706em)}
.durum--oneri{background:var(--ink);color:#fff}
.rd-not{margin:.85em 0 0;font-size:.882em;line-height:1.45;color:var(--yumusak)}
.rd-eylem{display:grid;gap:.35em;margin-top:1em}
.rd-eylem .dugme{height:auto;min-height:max(48px,2.8em);font-size:max(13px,.765em)}
.rd-baglar{display:flex;flex-wrap:wrap;justify-content:center;gap:0 .15em}
.rd-baglar a,.rd-baglar button{display:inline-flex;align-items:center;min-height:44px;padding:0 .75em;border:0;border-radius:999px;background:none;font:inherit;font-size:.882em;font-weight:500;color:var(--sampanya-koyu);text-decoration:none;-webkit-tap-highlight-color:transparent}
.rd-baglar a:active,.rd-baglar button:active{background:var(--cizgi2)}
.rd-sil{width:calc(100% + 2.5em - 12px);min-height:max(48px,2.8em);margin:.4em calc(6px - 1.25em) calc(6px - 1.1em);padding:0 1em;border:0;border-top:1px solid var(--cizgi);border-radius:0 0 17px 17px;background:none;font:inherit;font-size:.882em;font-weight:500;color:var(--uyari);-webkit-tap-highlight-color:transparent}
.rd-sil:active{background:#f8ebe7}
.rd-sil.emin{background:var(--uyari);color:#fff}
.rd-bos{padding:1.9em 1.25em 1.7em;border-radius:22px;background:#fff;text-align:center}
.rd-bos__i{display:grid;place-items:center;width:3em;height:3em;margin:0 auto .85em;border-radius:50%;background:var(--sampanya-acik);color:var(--sampanya-koyu)}
.rd-bos__i svg{width:1.45em;height:1.45em}
.rd-bos h2{margin:0 0 .4em;font-size:1.176em;font-weight:500;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}
.rd-bos p{max-width:30ch;margin:0 auto;font-size:.941em;line-height:1.45;color:var(--yumusak);text-wrap:pretty}
.rd-bos .dugme{margin-top:1.15em;height:auto;min-height:max(48px,2.8em)}
.rd-tekrar{flex:none;padding-left:.6em;font-size:.882em;font-weight:500;color:var(--sampanya-koyu);white-space:nowrap}
.rd-panel+.ty-liste{margin-top:1.4em}
@media (prefers-reduced-motion:reduce){.rd-sekme button{transition:none}}
.rd-alindi{margin-bottom:1.1em}
.rd-bolum-not{margin:-.15em 1em .65em}
.rd-pf{margin-bottom:.8em}