/* otel-pansiyon-avlu — özgün tema (kaynak: prototip avlu.css; dönüştürücü taslağı) */
/* AVLU — taş konak butik otel. Kireç taşı zemin, tek vurgu: kiremit. Kemer biçimi = imza form. */
:root{
  --kirec:var(--dj-bg,#F5F0E8); --kirec-2:color-mix(in srgb,var(--kirec) 94%,var(--murekkep)); --kagit:var(--dj-bg-alt,#FBF8F3); --tas:#D8CCBA; --tas-2:#C2B39D;
  --murekkep:var(--dj-text,#2A2420); --murekkep-2:color-mix(in srgb,var(--murekkep) 75%,var(--kirec)); --murekkep-3:var(--dj-muted,#8A7E72);
  --kiremit:var(--dj-primary,#A4532F); --kiremit-2:var(--dj-accent,#8A4224); --kiremit-acik:color-mix(in srgb,var(--kiremit) 14%,#fff);
  --kiremit-yumusak:color-mix(in srgb,var(--kiremit) 58%,#fff); --kiremit-uzeri:var(--dj-primary-ink,#FFF8F1);
  --gece:var(--dj-dark,#231D19); --gece-2:color-mix(in srgb,var(--gece) 92%,#fff); --gece-cizgi:color-mix(in srgb,var(--kirec) 14%,transparent);
  --serif:var(--dj-font-heading); --sans:var(--dj-font-body);
  --ot-kose:4px; --ot-yogunluk:1; --ot-kapak-yukseklik:auto;
  --r:var(--ot-kose); --golge:0 1px 2px color-mix(in srgb,var(--murekkep) 6%,transparent),0 12px 32px -12px color-mix(in srgb,var(--murekkep) 18%,transparent);
  --kap:1280px; --kenar:40px; --bos:calc(128px * var(--ot-yogunluk));
  --gece-metin:color-mix(in srgb,var(--kirec) 94%,var(--gece)); --gece-metin-2:color-mix(in srgb,var(--kirec) 82%,var(--gece)); --gece-metin-3:color-mix(in srgb,var(--kirec) 66%,var(--gece)); --gece-metin-4:color-mix(in srgb,var(--kirec) 52%,var(--gece));
  --yavas:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--kirec);color:var(--murekkep);font:400 17px/1.7 var(--sans);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;margin:0;letter-spacing:-.015em;line-height:1.08;text-wrap:balance}
p{margin:0 0 1em}
:focus-visible{outline:2px solid var(--kiremit);outline-offset:3px;border-radius:2px}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:16px;top:-60px;background:var(--murekkep);color:var(--kirec);padding:10px 16px;z-index:100;border-radius:var(--r)}
.atla:focus{top:12px}
.kap{width:100%;max-width:calc(var(--kap) + var(--kenar)*2);margin:0 auto;padding:0 var(--kenar)}
.izgara{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.ik{width:20px;height:20px;stroke-width:1.5;flex:none}
.etiket{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--kiremit)}
.etiket::before{content:"";width:24px;height:1px;background:currentColor}
.bolum{padding:var(--bos) 0}
.bolum-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:56px}
.bolum-bas h2{font-size:clamp(34px,3.7vw,54px);max-width:16ch;margin-top:20px}
.bolum-bas p{max-width:44ch;color:var(--murekkep-2);margin:0}
.ince{color:var(--murekkep-2)}

/* Düğmeler */
.dug{--z:var(--kiremit);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:var(--r);border:1px solid var(--z);background:var(--z);color:var(--kiremit-uzeri);font:700 14px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .25s,border-color .25s,color .25s,transform .25s}
.dug:hover{--z:var(--kiremit-2)}
.dug:active{transform:translateY(1px)}
.dug[disabled],.dug[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}
.dug .ik{width:18px;height:18px}
.dug-cizgi{background:transparent;color:var(--murekkep);border-color:var(--tas-2)}
.dug-cizgi:hover{border-color:var(--murekkep);background:transparent;color:var(--murekkep)}
.dug-acik{--z:var(--kirec);color:var(--murekkep)}
.dug-acik:hover{--z:#fff}
.bag{display:inline-flex;align-items:center;gap:10px;font:700 14px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:6px 0;border-bottom:1px solid var(--tas-2);transition:border-color .25s,gap .25s}
.bag:hover{border-color:var(--kiremit);gap:14px}
.bag .ik{width:18px;height:18px}

/* Üst şerit + başlık */
.ust{background:var(--gece);color:var(--gece-metin-2);font-size:13px}
.ust .kap{display:flex;justify-content:space-between;align-items:center;min-height:40px;gap:24px}
.ust ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.ust li,.ust a{display:inline-flex;align-items:center;gap:8px}
.ust .ik{width:16px;height:16px;color:var(--kiremit-yumusak)}
.ust a:hover{color:#fff}
.dil{display:inline-flex;gap:6px;align-items:center}
.dil b{color:#fff;font-weight:700}
.bas{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--kirec) 94%,transparent);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.bas.kaydi{border-color:var(--tas);box-shadow:0 8px 24px -18px color-mix(in srgb,var(--murekkep) 35%,transparent)}
.bas .kap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:92px;gap:24px}
.nav{display:flex;gap:36px;list-style:none;margin:0;padding:0;font:600 15px/1 var(--sans)}
.nav a{position:relative;padding:10px 0}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--kiremit);transition:right .3s var(--yavas)}
.nav a:hover::after,.nav a[aria-current=page]::after{right:0}
.nav a[aria-current=page]{color:var(--kiremit)}
.sag{display:flex;align-items:center;justify-content:flex-end;gap:36px}
.logo{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.logo-ust{display:flex;align-items:center;gap:12px}
.logo svg{width:30px;height:36px;color:var(--kiremit)}
.logo b{font:500 30px/1 var(--serif);letter-spacing:-.01em}
.logo small{font:700 10px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--murekkep-3)}
.bas .dug{min-height:46px;padding:0 20px}
.mob-dug{display:none}
.menu-dug{display:none;align-items:center;gap:10px;background:none;border:1px solid var(--tas-2);border-radius:var(--r);min-height:44px;padding:0 14px;font:700 13px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.menu-dug .ik{width:18px;height:18px}
.mob-menu{display:none}

/* Kapak */
.kapak{padding:56px 0 var(--bos);position:relative}
.kapak .izgara{align-items:center}
.kapak-metin{grid-column:1/span 6;padding-right:24px}
.kapak h1{font-size:clamp(46px,5.5vw,82px);line-height:1.02;margin:28px 0 28px;letter-spacing:-.025em}
.kapak h1 em{font-style:normal;color:var(--kiremit)}
.kapak-alt{font-size:19px;color:var(--murekkep-2);max-width:46ch;margin-bottom:40px}
.kapak-eylem{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center}
.kapak-bilgi{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px;padding-top:28px;border-top:1px solid var(--tas)}
.kapak-bilgi div{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--murekkep-2);line-height:1.5}
.kapak-bilgi .ik{color:var(--kiremit);width:22px;height:22px;margin-bottom:6px}
.kapak-bilgi b{color:var(--murekkep);font-weight:700;font-size:15px}
.kapak-gorsel{grid-column:7/span 6;position:relative;height:min(76vh,720px);min-height:560px}
.kemer{border-radius:999px 999px var(--r) var(--r);overflow:hidden;background:var(--kirec-2);position:relative}
.kemer img,.kare img{width:100%;height:100%;object-fit:cover}
.foto{filter:saturate(.88) sepia(.07) contrast(1.02)}
.kapak-buyuk{position:absolute;right:0;top:0;width:76%;height:100%}
.kapak-kucuk{position:absolute;left:0;bottom:56px;width:36%;aspect-ratio:3/4;border:8px solid var(--kirec);box-shadow:var(--golge)}
.kapak-cizgi{position:absolute;right:-20px;top:22px;width:76%;height:100%;border:1px solid var(--kiremit);border-radius:999px 999px var(--r) var(--r);opacity:.5;pointer-events:none}
.muhur{position:absolute;left:10%;top:44px;width:132px;height:132px;color:var(--murekkep);background:var(--kirec);border-radius:50%;box-shadow:var(--golge);display:grid;place-items:center}
.muhur svg{width:100%;height:100%}
.muhur text{font:700 9.6px var(--sans);letter-spacing:.28em;fill:currentColor}
.muhur .orta{position:absolute;text-align:center;font:500 13px/1.25 var(--serif)}
.muhur .orta b{display:block;font-size:24px;color:var(--kiremit);font-weight:500}
.kapak-not{position:absolute;right:0;bottom:-36px;font-size:13px;color:var(--murekkep-3);letter-spacing:.04em}

/* Konak manifesto */
.manifesto{border-top:1px solid var(--tas)}
.manifesto .izgara{row-gap:56px}
.manifesto-sol{grid-column:1/span 4}
.manifesto-sol h2{font-size:22px;font-family:var(--sans);font-weight:700;letter-spacing:0;margin-top:20px;color:var(--murekkep-2);line-height:1.4;max-width:22ch}
.manifesto-sag{grid-column:5/span 8}
.manifesto-sag blockquote{margin:0 0 40px;font:500 clamp(28px,2.7vw,40px)/1.28 var(--serif);letter-spacing:-.012em;text-wrap:pretty}
.manifesto-sag blockquote span{color:var(--kiremit)}
.iki-sutun{columns:2;column-gap:48px;color:var(--murekkep-2)}
.iki-sutun p{break-inside:avoid}
.degerler{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--tas)}
.deger{padding:32px 28px 0 0}
.deger+.deger{padding-left:28px;border-left:1px solid var(--tas)}
.deger .ik{width:26px;height:26px;color:var(--kiremit);margin-bottom:20px}
.deger h3{font-size:22px;margin-bottom:10px}
.deger p{font-size:15px;color:var(--murekkep-2);margin:0;line-height:1.6}

/* Odalar */
.odalar{background:var(--kirec-2)}
.oda-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.oda-kart{display:flex;flex-direction:column;gap:20px}
.oda-kart .kemer{aspect-ratio:4/5}
.oda-kart .kemer img{transition:transform 1.2s var(--yavas)}
.oda-kart:hover .kemer img{transform:scale(1.04)}
.kunye{display:flex;flex-wrap:wrap;gap:6px 16px;font:700 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--murekkep-3)}
.kunye span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--tas-2);margin-right:16px;vertical-align:middle}
.oda-kart h3{font-size:30px}
.oda-kart p{color:var(--murekkep-2);font-size:16px;margin:0}
.oda-liste{margin-top:56px;border-top:1px solid var(--tas-2)}
.oda-satir{display:grid;grid-template-columns:2fr 3fr 1.6fr auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--tas-2);transition:padding .3s var(--yavas)}
.oda-satir:hover{padding-left:12px}
.oda-satir h3{font-size:26px}
.oda-satir p{margin:0;color:var(--murekkep-2);font-size:15px}
.oda-satir .ik{color:var(--kiremit)}

/* Sofra */
.sofra .izgara{align-items:center}
.sofra-gorsel{grid-column:1/span 7;position:relative}
.sofra-gorsel .kemer{aspect-ratio:7/6;border-radius:var(--r) 999px var(--r) var(--r)}
.sofra-ek{position:absolute;right:-48px;bottom:-48px;width:38%;aspect-ratio:1;border:8px solid var(--kirec);border-radius:50%;overflow:hidden;box-shadow:var(--golge)}
.sofra-ek img{width:100%;height:100%;object-fit:cover}
.sofra-metin{grid-column:9/span 4}
.sofra-metin h2{font-size:clamp(34px,3.4vw,50px);margin:20px 0 24px}
.sofra-metin>p{color:var(--murekkep-2)}
.tik{list-style:none;padding:0;margin:28px 0 36px;display:grid;gap:14px}
.tik li{display:flex;gap:14px;align-items:flex-start;line-height:1.5}
.tik .ik{color:var(--kiremit);margin-top:2px}
.saat-kart{display:flex;align-items:center;gap:20px;padding:20px 24px;background:var(--kagit);border:1px solid var(--tas);border-radius:var(--r)}
.saat-kart .ik{width:28px;height:28px;color:var(--kiremit)}
.saat-kart small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--murekkep-3);font-weight:700}
.saat-kart b{font:500 24px/1.2 var(--serif)}

/* İMZA: Varış mektubu */
.mektup-bolum{background:var(--gece);color:var(--gece-metin);position:relative;overflow:hidden}
.mektup-bolum .etiket{color:var(--kiremit-yumusak)}
.mektup-bolum .bolum-bas p{color:var(--gece-metin-3)}
.mektup-bolum .bolum-bas h2{max-width:18ch}
.mektup{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:start}
.adimlar{display:grid;gap:32px}
.adim{display:grid;gap:14px}
.adim>span{display:flex;align-items:center;gap:12px;font:700 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gece-metin-3)}
.adim>span i{font:500 14px/1 var(--serif);font-style:normal;color:var(--kiremit-yumusak);letter-spacing:0;width:28px;height:28px;border:1px solid color-mix(in srgb,var(--kiremit-yumusak) 50%,transparent);border-radius:50%;display:grid;place-items:center}
.cift{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.koyu-alan{display:grid;gap:6px}
.koyu-alan label{font-size:13px;color:var(--gece-metin-3)}
.koyu-alan input,.koyu-alan select{width:100%;min-height:50px;background:var(--gece-2);border:1px solid var(--gece-cizgi);border-radius:var(--r);padding:0 14px;color:var(--kirec);color-scheme:dark;transition:border-color .2s}
.koyu-alan input:hover,.koyu-alan select:hover{border-color:color-mix(in srgb,var(--kirec) 30%,transparent)}
.koyu-alan input:focus,.koyu-alan select:focus{outline:none;border-color:var(--kiremit-yumusak)}
.secimler{display:flex;flex-wrap:wrap;gap:8px}
.secim{position:relative}
.secim input{position:absolute;opacity:0;inset:0;cursor:pointer}
.secim span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--gece-cizgi);border-radius:var(--r);font-size:14px;color:var(--gece-metin-2);transition:all .2s;cursor:pointer}
.secim span .ik{width:16px;height:16px}
.secim input:hover+span{border-color:color-mix(in srgb,var(--kirec) 35%,transparent)}
.secim input:checked+span{background:var(--gece-metin);color:var(--murekkep);border-color:var(--gece-metin)}
.secim input:focus-visible+span{outline:2px solid var(--kiremit-yumusak);outline-offset:2px}
.sayac{display:flex;align-items:center;justify-content:space-between;min-height:50px;border:1px solid var(--gece-cizgi);border-radius:var(--r);padding:0 6px 0 14px;background:var(--gece-2)}
.sayac b{font-weight:600}
.sayac small{color:var(--gece-metin-3);font-size:13px;margin-left:6px}
.sayac div{display:flex;align-items:center;gap:4px}
.sayac button{width:38px;height:38px;border:0;background:none;color:var(--gece-metin);border-radius:var(--r);cursor:pointer;display:grid;place-items:center}
.sayac button:hover{background:color-mix(in srgb,var(--kirec) 8%,transparent)}
.sayac button:disabled{opacity:.3;cursor:not-allowed}
.sayac output{min-width:22px;text-align:center;font-weight:700}
.kagit{background:var(--kagit);color:var(--murekkep);border-radius:var(--r);padding:56px 56px 40px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);position:relative;position:sticky;top:120px}
.kagit::before{content:"";position:absolute;inset:12px;border:1px solid var(--tas);border-radius:2px;pointer-events:none}
.kagit-bas{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;margin-bottom:28px;border-bottom:1px solid var(--tas)}
.kagit-bas svg{width:26px;height:32px;color:var(--kiremit)}
.kagit-bas div{display:flex;gap:14px;align-items:center}
.kagit-bas b{font:500 22px/1.1 var(--serif)}
.kagit-bas small{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--murekkep-3);font-weight:700;margin-top:4px}
.kagit-bas time{font-size:13px;color:var(--murekkep-3)}
.metin-mektup{font:400 21px/1.75 var(--serif);min-height:300px;text-wrap:pretty}
.metin-mektup p{margin:0 0 .9em}
.metin-mektup mark{background:none;color:var(--kiremit);border-bottom:1px dashed color-mix(in srgb,var(--kiremit) 50%,transparent);padding:0 1px}
.metin-mektup .bos{color:var(--murekkep-3);border-bottom-style:dotted}
.kagit-alt{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--tas)}
.kagit-alt .dug{flex:1 1 auto}
.kagit-not{display:flex;gap:10px;font-size:13px;color:var(--murekkep-3);margin:20px 0 0;line-height:1.5}
.kagit-not .ik{width:16px;height:16px;margin-top:2px}
.kopyalandi{position:absolute;right:56px;top:-18px;background:var(--murekkep);color:var(--kirec);font-size:13px;padding:8px 14px;border-radius:var(--r);opacity:0;transform:translateY(6px);transition:all .3s}
.kopyalandi.goster{opacity:1;transform:none}

/* Konakta bir gün */
.gun .izgara{align-items:start}
.gun-gorsel{grid-column:1/span 5;position:sticky;top:120px}
.gun-gorsel .kemer{aspect-ratio:4/5}
.gun-gorsel p{font-size:13px;color:var(--murekkep-3);margin-top:16px}
.gun-liste{grid-column:7/span 6}
.gun-liste h2{font-size:clamp(34px,3.6vw,52px);margin:20px 0 40px}
.hizmet{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--tas)}
.hizmet:last-child{border-bottom:1px solid var(--tas)}
.hizmet-ik{width:56px;height:56px;border:1px solid var(--tas-2);border-radius:999px 999px var(--r) var(--r);display:grid;place-items:center;color:var(--kiremit)}
.hizmet-ik .ik{width:24px;height:24px}
.hizmet h3{font-size:24px;margin-bottom:8px}
.hizmet p{margin:0;color:var(--murekkep-2);font-size:16px}

/* Galeri */
.galeri{padding-top:0}
.galeri-izgara{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:end}
.galeri-izgara figure{margin:0}
.galeri-izgara figcaption{font-size:13px;color:var(--murekkep-3);margin-top:12px}
.g1{grid-column:1/span 4}.g1 .kemer{aspect-ratio:3/4}
.g2{grid-column:5/span 5}.g2 .kare{aspect-ratio:5/4}
.g3{grid-column:10/span 3}.g3 .kemer{aspect-ratio:2/3}
.kare{border-radius:var(--r);overflow:hidden;background:var(--kirec-2)}

/* Bilmeniz gerekenler */
.bilgi{background:var(--kagit);border-top:1px solid var(--tas);border-bottom:1px solid var(--tas)}
.bilgi .izgara{row-gap:48px}
.kurallar{grid-column:1/span 5}
.kurallar h2,.sss h2{font-size:clamp(32px,3.2vw,46px);margin:20px 0 32px}
.kural{display:grid;grid-template-columns:24px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--tas)}
.kural .ik{color:var(--kiremit);margin-top:4px}
.kural b{display:block;font-weight:700;margin-bottom:2px}
.kural p{margin:0;font-size:15px;color:var(--murekkep-2);line-height:1.6}
.sss{grid-column:7/span 6}
details{border-top:1px solid var(--tas)}
details:last-of-type{border-bottom:1px solid var(--tas)}
summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;cursor:pointer;font:500 21px/1.35 var(--serif)}
summary::-webkit-details-marker{display:none}
summary .ik{transition:transform .3s;color:var(--kiremit)}
details[open] summary .ik{transform:rotate(45deg)}
details p{color:var(--murekkep-2);margin:-6px 0 24px;max-width:62ch}

/* Kapanış + alt bilgi */
.kapanis{padding:var(--bos) 0;text-align:center;position:relative}
.kapanis-kemer{position:relative;max-width:820px;margin:0 auto;padding:96px 64px 72px;border:1px solid var(--tas-2);border-bottom:0;border-radius:999px 999px 0 0}
.kapanis h2{font-size:clamp(38px,4.4vw,64px);margin:20px auto 20px;max-width:14ch}
.kapanis p{color:var(--murekkep-2);max-width:48ch;margin:0 auto 36px}
.kapanis .kapak-eylem{justify-content:center}
.alt{background:var(--gece);color:var(--gece-metin-2);font-size:15px}
.alt-ust{display:grid;grid-template-columns:4fr 2.6fr 2.6fr 2.4fr;gap:48px;padding:88px 0 64px}
.alt .logo{align-items:flex-start;text-align:left}
.alt .logo b{color:var(--kirec)}
.alt .logo small{color:var(--gece-metin-4)}
.alt-tanit{margin:24px 0 28px;max-width:34ch;color:var(--gece-metin-3)}
.alt h4{font:700 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--kirec);margin-bottom:24px}
.alt ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.alt li{display:flex;gap:12px;align-items:flex-start;line-height:1.5}
.alt li .ik{width:18px;height:18px;color:var(--kiremit-yumusak);margin-top:2px}
.alt a:hover{color:#fff}
.saatler li{justify-content:space-between;border-bottom:1px solid var(--gece-cizgi);padding-bottom:12px}
.saatler b{color:var(--kirec);font-weight:600}
.sosyal{display:flex;gap:10px}
.sosyal a{width:42px;height:42px;border:1px solid var(--gece-cizgi);border-radius:50%;display:grid;place-items:center;transition:border-color .2s,background .2s}
.sosyal a:hover{border-color:var(--kiremit-yumusak);background:color-mix(in srgb,var(--kiremit-yumusak) 8%,transparent)}
.sosyal .ik{width:18px;height:18px}
.alt-alt{border-top:1px solid var(--gece-cizgi);padding:28px 0 36px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 32px;font-size:13px;color:var(--gece-metin-4)}
.alt-alt ul{display:flex;flex-wrap:wrap;gap:8px 24px}
.demo-not{flex-basis:100%;color:var(--gece-metin-4)}

/* İç sayfa başlığı */
.sayfa-bas{padding:48px 0 72px;border-bottom:1px solid var(--tas)}
.iz{display:flex;flex-wrap:wrap;gap:10px;align-items:center;list-style:none;margin:0 0 40px;padding:0;font-size:14px;color:var(--murekkep-3)}
.iz li{display:flex;align-items:center;gap:10px}
.iz li+li::before{content:"";width:5px;height:5px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.iz a:hover{color:var(--kiremit)}
.sayfa-bas .izgara{align-items:end}
.sayfa-bas h1{grid-column:1/span 7;font-size:clamp(48px,6vw,92px);letter-spacing:-.03em;line-height:1}
.sayfa-bas p{grid-column:8/span 5;color:var(--murekkep-2);margin:0;font-size:18px}

/* Odalar sayfası */
.oda-detay{padding:96px 0;border-bottom:1px solid var(--tas)}
.oda-detay .izgara{align-items:center}
.oda-detay .kemer{grid-column:1/span 5;aspect-ratio:4/5}
.oda-detay-metin{grid-column:7/span 6}
.oda-detay:nth-child(even) .kemer{grid-column:8/span 5;order:2}
.oda-detay:nth-child(even) .oda-detay-metin{grid-column:1/span 6;order:1}
.oda-no{font:500 15px/1 var(--serif);color:var(--kiremit);margin-bottom:20px;display:block}
.oda-detay h2{font-size:clamp(40px,4vw,60px);margin:14px 0 20px}
.oda-detay-metin>p{color:var(--murekkep-2);max-width:52ch}
.olcu{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:40px;margin:32px 0;padding:24px 0;border-top:1px solid var(--tas);border-bottom:1px solid var(--tas)}
.olcu div{display:flex;flex-direction:column;gap:4px}
.olcu small{font:700 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--murekkep-3)}
.olcu b{font:500 28px/1.1 var(--serif)}
.ozellik{list-style:none;margin:0 0 32px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.ozellik li{display:flex;gap:12px;align-items:center;font-size:15px}
.ozellik .ik{color:var(--kiremit);width:18px;height:18px}
.oda-alt{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px}
.fiyat{font-size:14px;color:var(--murekkep-3)}
.fiyat b{font:500 22px/1 var(--serif);color:var(--murekkep)}
.fiyat-not{max-width:72ch;font-size:13px;color:var(--murekkep-3);margin-top:32px}

/* Form */
.form-bolum .izgara{align-items:start}
.form-sol{grid-column:1/span 4}
.form-sol h2{font-size:clamp(32px,3.2vw,46px);margin:20px 0 24px}
.form-sol p{color:var(--murekkep-2)}
.form{grid-column:6/span 7;display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;background:var(--kagit);border:1px solid var(--tas);border-radius:var(--r);padding:48px}
.alan{display:grid;gap:8px;align-content:start}
.alan.tam{grid-column:1/-1}
.alan label{font-weight:700;font-size:14px}
.alan label i{font-style:normal;font-weight:400;color:var(--murekkep-3);font-size:13px}
.alan input,.alan select,.alan textarea{width:100%;min-height:52px;border:1px solid var(--tas-2);border-radius:var(--r);background:#fff;padding:12px 14px;transition:border-color .2s,box-shadow .2s}
.alan textarea{min-height:120px;resize:vertical}
.alan input:hover,.alan select:hover,.alan textarea:hover{border-color:var(--murekkep-3)}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:none;border-color:var(--kiremit);box-shadow:0 0 0 3px color-mix(in srgb,var(--kiremit) 15%,transparent)}
.alan .yardim{font-size:13px;color:var(--murekkep-3);line-height:1.5}
.alan .hata{font-size:13px;color:#A12B1F;min-height:0}
.alan.hatali input,.alan.hatali select,.alan.hatali textarea{border-color:#A12B1F;box-shadow:0 0 0 3px rgba(161,43,31,.1)}
.onay{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--murekkep-2);line-height:1.55}
.onay input{width:20px;height:20px;margin-top:2px;accent-color:var(--kiremit);flex:none}
.onay a{text-decoration:underline;text-underline-offset:3px}
.onay.hatali{color:#A12B1F}
.form-alt{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding-top:8px}
.form-alt small{color:var(--murekkep-3);font-size:13px;max-width:44ch;line-height:1.5}
.sonuc{grid-column:1/-1;display:none;gap:14px;align-items:flex-start;padding:20px;border-radius:var(--r);background:#EEF2E6;border:1px solid #C9D3B5;color:#3D4A2A}
.sonuc.goster{display:flex}
.sonuc .ik{color:#5D7140}

/* İletişim */
.iletisim-kartlar{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:96px}
.i-kart{padding:32px 28px;border:1px solid var(--tas);border-radius:var(--r);background:var(--kagit);display:flex;flex-direction:column;gap:12px;transition:border-color .25s,transform .25s}
a.i-kart:hover{border-color:var(--kiremit);transform:translateY(-2px)}
.i-kart .ik{width:26px;height:26px;color:var(--kiremit);margin-bottom:12px}
.i-kart small{font:700 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--murekkep-3)}
.i-kart b{font:500 22px/1.25 var(--serif)}
.i-kart span{font-size:14px;color:var(--murekkep-2)}
.konum .izgara{align-items:stretch}
.konum-gorsel{grid-column:1/span 6}
.konum-gorsel .kemer{height:100%;min-height:480px}
.konum-metin{grid-column:8/span 5;align-self:center}
.konum-metin h2{font-size:clamp(32px,3.2vw,46px);margin:20px 0 24px}
.yol{list-style:none;margin:28px 0 36px;padding:0;display:grid;gap:0}
.yol li{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--tas)}
.yol li:last-child{border-bottom:1px solid var(--tas)}
.yol .ik{color:var(--kiremit);width:22px;height:22px;margin-top:3px}
.yol b{display:block}
.yol span{font-size:15px;color:var(--murekkep-2)}

/* Hareket */
.js .belir{opacity:0;transform:translateY(24px);transition:opacity 1s var(--yavas),transform 1s var(--yavas)}
.js .belir.gor{opacity:1;transform:none}
.js .kemer-ac{clip-path:inset(100% 0 0 0 round 999px 999px 0 0);transition:clip-path 1.4s var(--yavas)}
.js .kemer-ac.gor{clip-path:inset(0 0 0 0 round 999px 999px 0 0)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}.belir,.kemer-ac{opacity:1;transform:none;clip-path:none}}

/* 1024 */
@media (max-width:1180px){
  :root{--kenar:32px;--bos:104px}
  .nav{gap:24px}.sag{gap:24px}
  .kapak-metin{grid-column:1/span 7}.kapak-gorsel{grid-column:8/span 5;min-height:520px}
  .kapak-buyuk{width:86%}.kapak-cizgi{width:86%}.kapak-kucuk{width:44%}
  .muhur{width:112px;height:112px;left:0}
  .kapak-bilgi{grid-template-columns:1fr 1fr 1fr;gap:16px}
  .mektup{grid-template-columns:1fr 1fr;gap:40px}
  .kagit{padding:44px 36px 32px}
  .sofra-metin{grid-column:8/span 5}.sofra-ek{right:-24px}
  .alt-ust{grid-template-columns:1fr 1fr;gap:48px}
}
@media (max-width:1100px){
  .bas .nav,.bas .sag .nav,.bas .sag>.dug{display:none}
  .bas .kap{grid-template-columns:auto 1fr;min-height:76px}
  .bas .logo{align-items:flex-start;text-align:left;grid-column:1;grid-row:1}
  .bas .sag{grid-column:2;grid-row:1}
  .bas>.kap>.nav{display:none}
  .mob-dug,.menu-dug{display:inline-flex}
  .mob-dug{width:44px;height:44px;border:1px solid var(--tas-2);border-radius:var(--r);align-items:center;justify-content:center}
  .bas .sag{gap:10px}
  .mob-menu{position:absolute;left:0;right:0;top:100%;background:var(--kirec);border-bottom:1px solid var(--tas);box-shadow:0 30px 40px -30px color-mix(in srgb,var(--murekkep) 40%,transparent);padding:16px var(--kenar) 32px;display:block;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .3s,visibility .3s;max-height:calc(100vh - 76px);overflow:auto}
  .mob-menu.acik{visibility:visible;opacity:1;transform:none}
  .mob-menu ul{list-style:none;margin:0;padding:0}
  .mob-menu li a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--tas);font:500 26px/1.2 var(--serif)}
  .mob-menu li a .ik{color:var(--kiremit)}
  .mob-menu .dug{width:100%;margin-top:24px}
  .mob-menu .mob-ilet{display:grid;gap:10px;margin-top:24px;font-size:15px;color:var(--murekkep-2)}
  .mob-menu .mob-ilet a{display:flex;gap:10px;align-items:center}
}
@media (max-width:900px){
  :root{--kenar:24px;--bos:88px}
  .ust ul li:nth-child(2){display:none}
  .kapak{padding-top:32px}
  .kapak-metin,.kapak-gorsel{grid-column:1/-1}
  .kapak-metin{padding:0}
  .kapak-gorsel{margin-top:64px;height:auto;min-height:0;aspect-ratio:5/6}
  .bolum-bas{flex-direction:column;align-items:flex-start}
  .manifesto-sol,.manifesto-sag{grid-column:1/-1}
  .degerler{grid-template-columns:1fr 1fr}
  .deger:nth-child(3){padding-left:0;border-left:0}
  .deger:nth-child(n+3){border-top:1px solid var(--tas);margin-top:32px}
  .oda-izgara{grid-template-columns:1fr 1fr}
  .oda-izgara .oda-kart:nth-child(3){display:none}
  .oda-satir{grid-template-columns:1fr auto;gap:8px 16px}
  .oda-satir p{grid-column:1/-1;grid-row:2}
  .oda-satir .kunye{grid-column:1;grid-row:3}
  .oda-satir>.ik{grid-column:2;grid-row:1}
  .sofra-gorsel,.sofra-metin{grid-column:1/-1}
  .sofra-metin{margin-top:88px}
  .sofra-ek{right:16px;bottom:-40px}
  .mektup{grid-template-columns:1fr}
  .kagit{position:relative;top:0}
  .gun-gorsel,.gun-liste{grid-column:1/-1;position:relative;top:0}
  .gun-gorsel{display:none}
  .g1{grid-column:1/span 6}.g2{grid-column:1/-1;order:-1}.g3{grid-column:7/span 6}
  .kurallar,.sss{grid-column:1/-1}
  .sayfa-bas h1,.sayfa-bas p{grid-column:1/-1}
  .sayfa-bas p{margin-top:24px}
  .oda-detay .kemer,.oda-detay-metin,.oda-detay:nth-child(even) .kemer,.oda-detay:nth-child(even) .oda-detay-metin{grid-column:1/-1;order:0}
  .oda-detay .kemer{aspect-ratio:5/6;margin-bottom:40px}
  .form-sol,.form{grid-column:1/-1}
  .form{margin-top:40px}
  .iletisim-kartlar{grid-template-columns:1fr 1fr}
  .konum-gorsel,.konum-metin{grid-column:1/-1}
  .konum-gorsel .kemer{min-height:0;aspect-ratio:4/5}
  .konum-metin{margin-top:48px}
}
@media (max-width:600px){
  :root{--kenar:20px;--bos:72px}
  body{font-size:16px}
  .ust{font-size:12px}
  .ust .kap{min-height:36px}
  .ust ul{gap:16px}
  .ust ul li:first-child span.uzun{display:none}
  .ust .dil{display:none}
  .logo b{font-size:25px}.logo svg{width:24px;height:30px}.logo small{font-size:9px;letter-spacing:.26em}
  .logo-ust{gap:10px}
  .bas .kap{min-height:68px}
  .menu-dug{padding:0 12px}
  .menu-dug span{display:none}
  .menu-dug{width:44px;justify-content:center;padding:0}
  .kapak h1{font-size:42px;margin:20px 0}
  .kapak-alt{font-size:17px;margin-bottom:32px}
  .kapak-eylem .dug{width:100%}
  .kapak-bilgi{grid-template-columns:1fr;gap:18px;margin-top:48px}
  .kapak-bilgi div{flex-direction:row;align-items:flex-start;gap:14px}
  .kapak-bilgi .ik{margin:0}
  .kapak-gorsel{aspect-ratio:4/5;margin-top:48px}
  .kapak-buyuk,.kapak-cizgi{width:84%}
  .kapak-cizgi{right:-8px;top:12px}
  .kapak-kucuk{width:42%;bottom:24px;border-width:6px}
  .muhur{width:92px;height:92px;top:16px}
  .muhur .orta b{font-size:18px}.muhur .orta{font-size:11px}
  .kapak-not{bottom:-30px;font-size:12px}
  .manifesto-sag blockquote{font-size:26px}
  .iki-sutun{columns:1}
  .degerler{grid-template-columns:1fr}
  .deger,.deger+.deger{padding:28px 0 0;border-left:0}
  .deger+.deger{border-top:1px solid var(--tas);margin-top:28px}
  .oda-izgara{grid-template-columns:1fr}
  .oda-izgara .oda-kart:nth-child(3){display:flex}
  .oda-kart .kemer{aspect-ratio:5/6}
  .oda-kart h3{font-size:28px}
  .sofra-ek{width:44%;border-width:6px}
  .cift{grid-template-columns:1fr}
  .kagit{padding:36px 24px 24px}
  .kagit::before{inset:8px}
  .metin-mektup{font-size:18px;min-height:0}
  .kagit-bas{flex-direction:column;gap:12px}
  .kagit-alt .dug{width:100%}
  .hizmet{grid-template-columns:48px 1fr;gap:16px}
  .hizmet-ik{width:48px;height:48px}
  summary{font-size:19px}
  .kapanis-kemer{padding:72px 20px 48px}
  .kapanis .dug{width:100%}
  .alt-ust{grid-template-columns:1fr;gap:40px;padding:64px 0 40px}
  .sayfa-bas h1{font-size:48px}
  .olcu{gap:24px}
  .olcu b{font-size:22px}
  .ozellik{grid-template-columns:1fr}
  .oda-alt .dug{width:100%}
  .form{grid-template-columns:1fr;padding:28px 20px}
  .form-alt .dug{width:100%}
  .iletisim-kartlar{grid-template-columns:1fr;gap:16px;margin-bottom:72px}
  .i-kart{padding:24px}
}
.kural-izgara{display:grid;grid-template-columns:1fr 1fr;column-gap:56px}
@media (max-width:900px){.kural-izgara{grid-template-columns:1fr}}
/* düzeltme turu 1 */
.sofra-gorsel .kemer{border-radius:999px 999px var(--r) var(--r);aspect-ratio:6/6}
.manifesto-sol h2{font-weight:500;color:var(--murekkep-2);font-size:20px}
.kapak-not{right:auto;left:24%;bottom:-34px}
@media (max-width:600px){
  .kapak-bilgi div{display:grid;grid-template-columns:22px 1fr;column-gap:14px;row-gap:2px}
  .kapak-bilgi .ik{grid-row:1/span 2}
  .dug{justify-content:center;text-align:center;line-height:1.25}
  .kapak-not{left:auto;right:0}
  .sofra-gorsel .kemer{aspect-ratio:5/6}
}
.gece-say{font:500 13px/1 var(--serif);font-style:normal;color:var(--kiremit-yumusak);letter-spacing:0;text-transform:none;margin-left:4px}
.oda-kart h3,.oda-satir h3{transition:color .25s}.oda-kart:hover h3,.oda-satir:hover h3{color:var(--kiremit)}

/* ── Dijitik Core bağlama ekleri (görünüm değişikliği yok; panel verisi ve form durumları için) ── */
.logo-img{max-height:56px;width:auto}
.alt .logo-img{max-height:48px}
.alt-kanca:empty{display:none}
.alt-kanca{padding-bottom:32px}
.alt-imza{padding:0 0 28px;font-size:12px;color:var(--gece-metin-4)}
.alt-imza a{text-decoration:underline;text-underline-offset:3px}
.saatler li.bugun span{color:var(--kirec)}
.sosyal-harf{font:700 13px/1 var(--sans)}
.ust .dil a{opacity:.8}.ust .dil a:hover{opacity:1}
.mob-ilet a[hreflang]{font-weight:700;letter-spacing:.08em}
.hizmet h3 a:hover{color:var(--kiremit)}
.manifesto-bag,.galeri-bag,.kurallar-bag{margin-top:24px}
.sss--tam{grid-column:1/-1}
.kurallar--tam{grid-column:1/-1}
.arama-sonuc{margin:32px 0 0;font-size:15px;color:var(--murekkep-2)}
.fiyat--dolu{color:#A12B1F}
.oda-alt .bag{font-size:13px}
.form-uyari{font-size:15px}
.alan .ipucu{font-size:13px;color:var(--murekkep-3);line-height:1.5}
.onay-hata{grid-column:1/-1;margin-top:-12px;font-size:13px;color:#A12B1F}
.sonuc--hata{background:color-mix(in srgb,#A12B1F 7%,#fff);border-color:color-mix(in srgb,#A12B1F 30%,#fff);color:#7A2117}
.sonuc--hata .ik{color:#A12B1F}
.bag--metin{text-transform:none;letter-spacing:0;font-weight:700}
.iletisim-ust{padding-bottom:0}
.konum--ust{padding-top:0}
.form-bolum--tas{background:var(--kirec-2)}
.bos-durum{font:500 24px/1.4 var(--serif);max-width:40ch}
.kemer:not(:has(img)){background:var(--kirec-2)}
.ot-avlu .dj-em{font-style:normal;color:var(--kiremit)}
.mektup-bolum .dj-em{color:var(--kiremit-yumusak)}
.nav a,.bas .dug,.menu-dug,.ust li{white-space:nowrap}