/* Misafir web rezervasyon sayfası — kaynak: rezv2 web_sayfa.css (Serdar'ın
   17 Ağu'da onayladığı tasarım dili). bangla farkları:
   · Yazı tipi KENDİ SUNUCUMUZDAN (Outfit; Google Fonts CSP'de yasak).
   · JS'in ürettiği satır içi style="" CSP'de yasak → hepsi buradaki yardımcı
     sınıflara taşındı (.not-kirmizi, .kahv-davet, .talep-dugmeler ...). */

@font-face{font-family:"Outfit";font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/statik/yazitipi/outfit-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Outfit";font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/statik/yazitipi/outfit-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* 🌍 RTL (Arapça): telefon/e-posta/saat/tutar gibi LATIN-RAKAM dizileri
   ters okunuyordu (0533 046 28 84 → 84 28 046 0533). Yön yalıtımı bunları
   kendi yönünde tutar; cümlenin akışı yine sağdan sola kalır. */
[dir="rtl"] .ust-serit a,
[dir="rtl"] .site-altlik a,
[dir="rtl"] .yan-wa a,
[dir="rtl"] .ozet-kutu .saat,
[dir="rtl"] .ozet .tarihler .saat,
[dir="rtl"] .ozet .toplam .tut,
[dir="rtl"] .fiyat .yeni,
[dir="rtl"] .alt-serit .tut{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .ust-serit a,
[dir="rtl"] .site-altlik .vurgu a{display:inline-flex}
/* takvim okları yön değiştirir (‹ geri demek, RTL'de sağdadır) */
[dir="rtl"] .ay-basi .ok{transform:scaleX(-1)}

/* ============ tasarım dili ============ */
:root{
  --mor:#8a4680; --mor-acik:#9b4f90; --mor-koyu:#793d70;
  --mor-tint:#f6f0f5; --mor-cizgi:#e2d1df;
  --gri:#f2f2f2; --cizgi:#e5e5e5; --yazi:#555; --soluk:#999;
  --kirmizi:#c0392b; --yesil:#3f8f5f; --altin:#b0851f;
}
*,*:before,*:after{box-sizing:border-box}
body{margin:0;font-family:"Outfit","Segoe UI",sans-serif;font-weight:300;font-size:16px;line-height:1.65;color:var(--yazi);background:#fff;-webkit-text-size-adjust:none}
h1,h2,h3,h4{font-weight:300;line-height:1.5;margin:0;color:#555}
h2{font-size:1.75rem}h3{font-size:1.35rem}h4{font-size:1.1rem}
a{color:var(--mor)}
input,select,textarea,button{font-family:inherit;font-size:inherit;font-weight:300}
strong,b{font-weight:500;color:#000}

/* header */
#header{background:rgba(0,0,0,.975);color:#a6a6a6;height:3.25em;line-height:3.25em;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 1.25em}
#header .logo a,#header .logo span.ad{font-size:1.25em;color:#fff;text-decoration:none}
#header .logo span.alt{font-size:.6em;letter-spacing:3px;color:#a6a6a6;margin-left:6px}
#header nav a{color:#a6a6a6;text-decoration:none;font-size:.8em;text-transform:uppercase;letter-spacing:1.5px;margin-left:1.6em}
#header nav a:hover{color:#fff}

/* ============ HERO ============ */
.banner{background-color:#8a4680;color:#e2d1df;position:relative;overflow:hidden;height:44vh;min-height:300px;display:flex;align-items:center;justify-content:center;text-align:center}
.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.banner .inner{position:relative;z-index:1;padding:0 20px}
.banner p{color:rgba(255,255,255,.65);text-transform:uppercase;font-size:1rem;font-weight:300;margin:0;padding-bottom:1.75rem;letter-spacing:.25rem;position:relative}
.banner p:after{content:'';position:absolute;margin:auto;right:0;bottom:0;left:0;width:50%;height:1px;background-color:rgba(255,255,255,.65)}
.banner h2{font-size:5.5rem;margin:1.5rem 0 0;color:#fff;font-weight:300;line-height:1}
@media(max-width:736px){.banner{height:34vh;min-height:240px}.banner h2{font-size:3rem}.banner p{font-size:.8rem;letter-spacing:.18rem}}

/* taahhüt şeridi */
.guven{background:var(--gri);display:flex;justify-content:center;gap:34px;flex-wrap:wrap;padding:18px 20px;font-size:.82em;color:#666}
.guven span:before{content:"✓";color:var(--mor);margin-right:8px}

/* ============ yerleşim ============ */
.kabuk{max-width:1180px;margin:0 auto;padding:34px 20px 120px;display:grid;grid-template-columns:1fr 340px;gap:28px}
/* 🩹 Özet kartı TEK BAŞINA yapışkan olunca, sayfa kaydıkça altındaki
   WhatsApp notunun üstüne biniyordu (15 Eyl, canlıda görüldü) —
   yapışkanlık artık kolonun TAMAMINDA: kart + not birlikte kayar. */
.kabuk > aside{align-self:start;position:sticky;top:calc(3.25em + 16px)}
@media(max-width:980px){.kabuk{grid-template-columns:1fr;padding-bottom:96px}}

.adim{background:#fff;border:1px solid var(--cizgi);margin-bottom:20px}
.adim.kilitli{opacity:.4;pointer-events:none}
.adim > header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--cizgi)}
.adim > header .no{width:27px;height:27px;border-radius:50%;background:var(--mor);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8em;flex:0 0 auto}
.adim.kilitli > header .no{background:#c9c9c9}
.adim > header h3{font-size:1.15rem;color:#000}
.adim > header .yan{margin-left:auto;font-size:.82em;color:var(--mor)}
.adim .govde{padding:22px 20px}

/* takvim */
.yonerge{display:flex;align-items:center;gap:10px;border-left:3px solid var(--mor);background:var(--mor-tint);padding:11px 15px;font-size:.92em;color:#444;margin-bottom:18px}
.yonerge .ikon{flex:0 0 auto;font-size:1.05em}
.yonerge.tamam{border-left-color:var(--yesil);background:#eef7f1;color:#2c5e42}
.tarih-ozet{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.ozet-kutu{border:1px solid var(--cizgi);background:var(--gri);padding:12px 16px;position:relative}
.ozet-kutu .et{font-size:.68em;text-transform:uppercase;letter-spacing:2px;color:var(--soluk)}
.ozet-kutu .deger{font-size:1.15em;color:var(--soluk);margin-top:2px}
.ozet-kutu .saat{font-size:.75em;color:var(--soluk)}
.ozet-kutu.dolu-kutu{border-color:#bcd9c8;background:#f2f9f5}
.ozet-kutu.dolu-kutu .deger{color:#000}
.ozet-kutu.dolu-kutu:before{content:"✓";position:absolute;right:14px;top:12px;color:var(--yesil);font-weight:500}
.gece-satir{grid-column:1 / -1;text-align:center;font-size:.82em;color:var(--mor-koyu);background:var(--mor-tint);padding:8px;display:none}
.gece-satir.goster{display:block}
.aylar{display:grid;grid-template-columns:1fr 1fr;gap:30px}
@media(max-width:700px){.aylar{grid-template-columns:1fr}.tarih-ozet{grid-template-columns:1fr}}
.ay-basi{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px;font-size:.95em;color:#000}
.ok{background:none;border:0;cursor:pointer;color:var(--mor);font-size:1.3em;padding:0 8px;line-height:1}
.ok[disabled]{color:#ddd;cursor:default}
.hafta,.gunler{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}
.hafta div{font-size:.7em;color:var(--soluk);padding:6px 0;text-transform:uppercase;letter-spacing:1px}
.gunler button{background:none;border:0;padding:10px 0;font-size:.88em;cursor:pointer;color:#333;position:relative}
.gunler button:hover:not(:disabled){background:var(--mor-tint)}
.gunler button.dolu{background:#ececec;color:#9a9a9a;text-decoration:line-through;border-radius:6px;cursor:not-allowed}
.gunler button.gecmis{color:#dcdcdc;cursor:default}
.gunler button.ozel{color:#333;box-shadow:inset 0 -2px 0 var(--altin)}
.gunler button.secili{background:var(--mor);color:#fff}
.gunler button.aralik{background:var(--mor-tint);color:var(--mor-koyu)}
.aciklama{display:flex;gap:22px;flex-wrap:wrap;font-size:.75em;color:var(--soluk);border-top:1px solid var(--cizgi);margin-top:14px;padding-top:12px}
.aciklama i{font-style:normal;display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}
.aciklama i.mor-i{background:var(--mor)}
.aciklama i.gri-i{background:#e0e0e0}
.aciklama i.altin-i{background:var(--altin)}
.uyari{background:#fdf8ec;border-left:3px solid var(--altin);padding:10px 14px;font-size:.85em;margin-top:14px;color:#6b5310}

/* sayaç */
.kisiler{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:700px){.kisiler{grid-template-columns:1fr}}
.sayac{border:1px solid var(--cizgi);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.sayac .ad{color:#000;font-size:.95em}
.sayac .alt{font-size:.72em;color:var(--soluk)}
.kum{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.kum button{width:29px;height:29px;border-radius:50%;border:1px solid var(--mor);background:#fff;color:var(--mor);cursor:pointer;line-height:1}
.kum span{min-width:14px;text-align:center;color:#000}
.kisi-notu{font-size:.75em;color:var(--soluk);margin-top:10px}
.kisi-baslik{margin:26px 0 12px;color:#000}

/* ev kartı */
.ev{border:1px solid var(--cizgi);display:grid;grid-template-columns:280px 1fr;margin-bottom:16px;overflow:hidden;background:#fff}
@media(max-width:700px){.ev{grid-template-columns:1fr}}
.ev.secili{border-color:var(--mor);box-shadow:0 0 0 1px var(--mor)}
.ev .gorsel{position:relative;min-height:210px;overflow:hidden;background:var(--gri)}
.ev .gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ev:hover .gorsel img{transform:scale(1.05)}
.ev .icerik{padding:20px 22px;display:flex;flex-direction:column}
.ev .ust{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ev h3{color:#000}
.ev .ozellik{font-size:.82em;color:var(--soluk);margin-top:4px}
.ev .ozellik b{color:#444}
.ev .ozellik .kucuk{font-size:.9em}
.rozet{font-size:.66em;text-transform:uppercase;letter-spacing:1.5px;padding:4px 11px;border-radius:20px;white-space:nowrap}
.rozet.musait{color:var(--yesil);border:1px solid var(--yesil)}
.rozet.dolu{color:var(--kirmizi);border:1px solid var(--kirmizi)}
.ev .fiyat-alan{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:16px}
.fiyat .eski{font-size:.85em;color:var(--soluk);text-decoration:line-through}
.fiyat .yeni{font-size:1.6em;color:#000;font-weight:400}
.fiyat .alt{font-size:.75em;color:var(--soluk)}
.fiyat .alt.hata-yazi{color:var(--kirmizi)}
.dokum-ac{background:none;border:0;color:var(--mor);font-size:.78em;cursor:pointer;text-decoration:underline;padding:0;margin-top:6px}
.dokum{display:none;border-top:1px dashed var(--cizgi);margin-top:14px;padding-top:10px;font-size:.8em}
.dokum.acik{display:block}
.dokum div{display:flex;justify-content:space-between;padding:3px 0}
.dokum div.ind{color:var(--yesil)}
.dokum div.top{border-top:1px solid var(--cizgi);margin-top:6px;padding-top:6px;color:#000}

/* düğmeler */
.btn{border:0;height:2.85rem;line-height:2.85rem;padding:0 1.6rem;text-transform:uppercase;font-weight:300;letter-spacing:1.5px;cursor:pointer;font-size:.8em;text-align:center;display:inline-block;text-decoration:none;border-radius:2px;transition:background-color .2s ease-in-out}
.btn.mor{background:var(--mor);color:#fff!important}
.btn.mor:hover{background:var(--mor-acik)}
.btn.cizgi{background:transparent;color:var(--mor)!important;box-shadow:inset 0 0 0 2px var(--mor)}
.btn.genis{width:100%}
.btn.mt20{margin-top:20px}

/* ek hizmet */
.hizmet{border:1px solid var(--cizgi);display:grid;grid-template-columns:170px 1fr;overflow:hidden}
@media(max-width:700px){.hizmet{grid-template-columns:1fr}}
.hizmet .gorsel{min-height:150px;background:var(--gri);overflow:hidden}
.hizmet .gorsel img{width:100%;height:100%;object-fit:cover}
.hizmet .icerik{padding:18px 20px}
.hizmet .ust{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.hizmet h4{color:#000}
.hizmet .fiyat-et{color:#000;white-space:nowrap}
.hizmet .birim-et{font-size:.72em;color:var(--soluk);text-align:right}
.hizmet .aciklama-yazi{font-size:.85em;color:var(--soluk);margin-top:4px}
.hizmet .sayac-satir{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--cizgi);flex-wrap:wrap}
.hizmet .toplam-et{font-size:.9em;color:#000}
.hizmet .g-ust{font-size:.9em;color:#000}
.hizmet .g-alt{font-size:.75em;color:var(--soluk)}
.kahv-davet{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.alt-not{font-size:.85em;color:var(--soluk)}
.alt-not2{font-size:.9em}
.gunluk-ac{background:none;border:0;color:var(--mor);font-size:.78em;cursor:pointer;text-decoration:underline;padding:0;margin-top:10px}
.gunluk{display:none;margin-top:12px;border-top:1px dashed var(--cizgi);padding-top:10px}
.gunluk.acik{display:block}
.gunluk .satir{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:.85em}
.gunluk .satir .g{color:#555}

/* form */
.form-izgara{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:700px){.form-izgara{grid-template-columns:1fr}}
.alan label{display:block;font-size:.7em;text-transform:uppercase;letter-spacing:1.5px;color:var(--soluk);margin-bottom:6px}
.alan .zor{color:var(--kirmizi)}
.alan input,.alan select{width:100%;border:1px solid var(--cizgi);padding:12px 13px;outline:none;background:#fff;border-radius:2px}
.alan input:focus,.alan select:focus{border-color:var(--mor)}
.alan .ipucu{font-size:.72em;color:var(--soluk);margin-top:5px;line-height:1.5}
.tel-grup{display:flex}
.tel-grup select{width:112px;border-right:0;border-radius:2px 0 0 2px}
.tel-grup input{border-radius:0 2px 2px 0}
.aydinlatma{margin-top:18px;padding:10px 12px;border-radius:10px;background:#f4f4f7;color:#4b4b57;font-size:.82em;line-height:1.5}
.aydinlatma a{color:var(--mor)}
.onay{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:.85em}
.onay input{margin-top:5px;accent-color:var(--mor)}
.onay.pasif{opacity:.55}
.onay .ipucu-blok{display:block;font-size:.85em;color:var(--soluk)}

/* ödeme */
.odeme-secim{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
@media(max-width:700px){.odeme-secim{grid-template-columns:1fr}}
.odeme-kart{border:1px solid var(--cizgi);padding:15px 17px;cursor:pointer;display:flex;gap:11px;align-items:flex-start}
.odeme-kart.secili{border-color:var(--mor);background:var(--mor-tint)}
.odeme-kart input{margin-top:5px;accent-color:var(--mor)}
.odeme-kart .bas{color:#000}
.odeme-kart .tut{color:var(--mor);font-size:1.15em;margin-top:2px}
.odeme-kart .not{font-size:.75em;color:var(--soluk);line-height:1.5;margin-top:4px}
.kart-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--gri);padding:11px 15px;font-size:.78em;margin-bottom:18px;flex-wrap:wrap}
.kart-ust .logolar span{border:1px solid var(--cizgi);background:#fff;padding:2px 9px;margin-left:6px;font-size:.9em;color:#777}
.talep-kutu{border:1px solid var(--mor-cizgi);background:var(--mor-tint);padding:16px 18px;font-size:.88em}
.talep-dugmeler{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.talep-form{display:none;margin-top:14px}
.talep-form.acik{display:block}
.talep-sonuc{margin-top:10px;font-size:.9em}
.talep-sonuc.iyi{color:var(--yesil)}
.talep-sonuc.kotu{color:var(--kirmizi)}
.mt12{margin-top:12px}
.politika{border:1px solid var(--cizgi);margin-top:20px;font-size:.82em}
.politika summary{padding:12px 15px;cursor:pointer;color:#000;list-style:none;display:flex;justify-content:space-between}
.politika summary::-webkit-details-marker{display:none}
.politika .ic{padding:0 15px 15px;color:#666}
.politika .ic b{display:block;margin-top:11px}
.politika .ic ul{margin:5px 0 0;padding-left:17px}
.politika .ic li{margin:2px 0}
.politika .ic .kalin{font-weight:600;color:#444}

/* özet */
.ozet{border:1px solid var(--cizgi);background:#fff}
@media(max-width:980px){.kabuk > aside{position:static}}
.ozet .basi{background:var(--mor);color:#fff;padding:13px 16px;font-size:.8em;text-transform:uppercase;letter-spacing:2px}
.ozet .ev-adi{background:#333;color:#fff;padding:10px 16px;font-size:.85em}
.ozet .blok{padding:14px 16px;border-bottom:1px solid var(--cizgi)}
.ozet .tarihler{display:grid;grid-template-columns:1fr 1px 1fr;gap:10px;align-items:center;text-align:center}
.ozet .tarihler .cizgi{background:var(--cizgi);height:40px}
.ozet .tarihler .et{font-size:.62em;text-transform:uppercase;letter-spacing:1.5px;color:var(--soluk)}
.ozet .tarihler .gun{font-size:1.2em;color:var(--mor)}
.ozet .tarihler .saat{font-size:.68em;color:var(--soluk)}
.ozet .satir{display:flex;justify-content:space-between;gap:10px;font-size:.85em;padding:4px 0}
.ozet .satir.indirim{color:var(--yesil)}
.ozet .toplam{display:flex;justify-content:space-between;align-items:baseline;padding:14px 16px;background:var(--gri)}
.ozet .toplam .et{text-transform:uppercase;font-size:.78em;letter-spacing:1.5px;color:#000}
.ozet .toplam .tut{font-size:1.4em;color:#000}
.ozet .kdv{font-size:.7em;color:var(--soluk);text-align:right;padding:0 16px 12px;background:var(--gri)}
.ozet .odeme-plani{padding:12px 16px;font-size:.82em;background:var(--mor-tint);border-top:1px solid var(--mor-cizgi)}
.ozet .odeme-plani div{display:flex;justify-content:space-between;padding:2px 0}
.ozet .bos{padding:24px 16px;color:var(--soluk);font-size:.85em;text-align:center}
/* kupon — tarih seçilene kadar gizli (JS açar) */
.kupon-kutu{display:none;padding:12px 16px;border-top:1px solid var(--cizgi)}
.kupon-kutu label{font-size:.72em;text-transform:uppercase;letter-spacing:1.5px;color:var(--soluk)}
.kupon-satir{display:flex;gap:8px;margin-top:6px}
.kupon-satir input{flex:1;min-width:0;border:1px solid var(--cizgi);padding:8px 10px;font:inherit;font-size:.85em;text-transform:uppercase}
.kupon-satir .btn{padding:8px 14px;font-size:.8em}
.kupon-mesaj{font-size:.78em;margin-top:6px;min-height:1em}
.kupon-mesaj.iyi{color:var(--yesil)}
.kupon-mesaj.kotu{color:var(--kirmizi)}
.yan-wa{font-size:.78em;color:var(--soluk);margin-top:14px;line-height:1.8}

.alt-serit{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--cizgi);padding:10px 16px;display:none;align-items:center;justify-content:space-between;gap:14px;z-index:90;box-shadow:0 -2px 12px rgba(0,0,0,.08)}
@media(max-width:980px){.alt-serit{display:flex}}
.alt-serit .tut{font-size:1.1em;color:#000}
.alt-serit .et{font-size:.68em;color:var(--soluk);text-transform:uppercase;letter-spacing:1.5px}

.copyright{background:#000;color:#777;text-align:center;font-size:.75em;padding:20px;letter-spacing:1px}
.copyright .damga{opacity:.45;margin-left:10px}

/* yardımcılar (JS'in ürettiği bloklar) */
.not-kirmizi{color:var(--kirmizi);font-size:.9em;margin:0}
.not-soluk{color:var(--soluk);font-size:.9em;margin:0}
.gizli{display:none}