/* ════════════════════════════════════════════════════════════════════
   ÖZAK TURİZM — Ana Tema  (demo3.html'den uyarlandı, bileşen odaklı)
   Yükleyen: Modules/Frontend/Resources/views/theme/layouts/theme.blade.php
   ──────────────────────────────────────────────────────────────────
   Renk/geçiş yapısı demo3 ile birebir. River partial'ları ve sayfa
   dispatcher'ı için uyumluluk değişkenleri (--serif,--muted,--hairline...)
   en altta tanımlıdır.
   ════════════════════════════════════════════════════════════════════ */

:root{
  --cream:#FAF6EE; --paper:#FFFFFF; --sand:#EFE6D4; --sand-2:#F4ECDC;
  --ink:#221E17; --ink-soft:#6C6255;
  --gold:#BC9A4C; --gold-deep:#957731; --gold-soft:#E6D5A6;
  --line:rgba(150,125,70,.22);
  --shadow:0 40px 90px -44px rgba(70,52,18,.5);
  --shadow-sm:0 18px 40px -26px rgba(70,52,18,.5);

  /* River/dispatcher uyumluluk aliasları */
  --serif:'Marcellus',serif;
  --sans:'Inter',system-ui,sans-serif;
  --muted:var(--ink-soft);
  --gold-dark:var(--gold-deep);
  --hairline:var(--line);
  --surface:var(--paper);
  --bg-soft:var(--cream);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,.serif{font-family:'Marcellus',serif;font-weight:400;line-height:1.12;letter-spacing:.3px}
img{max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{width:min(1200px,92vw);margin-inline:auto}
.kicker{font-size:.72rem;letter-spacing:.36em;text-transform:uppercase;color:var(--gold-deep);font-weight:500;display:inline-flex;align-items:center;gap:.7em}
.kicker::before{content:"";width:28px;height:1px;background:var(--gold)}
.kicker.c{justify-content:center}.kicker.c::after{content:"";width:28px;height:1px;background:var(--gold)}
.btn{display:inline-flex;align-items:center;gap:.6em;padding:.95em 2em;border-radius:3px;font-weight:500;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;transition:.4s cubic-bezier(.2,.7,.2,1);cursor:pointer;border:1px solid transparent}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#fff;box-shadow:var(--shadow-sm)}
.btn-gold:hover{transform:translateY(-3px)}
.btn-line{border-color:var(--line);color:var(--ink)}
.btn-line:hover{border-color:var(--gold);color:var(--gold-deep)}

/* emblem */
.emblem{display:inline-grid;place-items:center;position:relative}
.emblem .ring{width:100%;height:100%;border:1px solid var(--gold);border-radius:50%;position:absolute;inset:0}
.emblem .ring2{inset:6px;border-color:var(--gold-soft)}
.emblem b{font-family:'Marcellus',serif;color:var(--gold-deep)}

/* ════════ HEADER ════════ */
header.site{position:fixed;inset:0 0 auto 0;z-index:70;padding:1.15rem 0;transition:color .4s,padding .4s,background .4s;color:#fff}
header.site::before{content:"";position:absolute;top:0;left:0;right:0;height:160px;z-index:-1;background:linear-gradient(180deg,rgba(10,8,4,.78),rgba(10,8,4,.28) 55%,rgba(10,8,4,0));transition:opacity .4s;pointer-events:none}
header.site .brand,header.site .menu a,header.site .nav-cta{text-shadow:0 1px 16px rgba(0,0,0,.5)}
header.site.scrolled .brand,header.site.scrolled .menu a,header.site.scrolled .nav-cta{text-shadow:none}
header.site.scrolled{color:var(--ink);background:rgba(250,246,238,.9);backdrop-filter:blur(16px) saturate(1.3);padding:.6rem 0;box-shadow:0 12px 30px -26px rgba(70,52,18,.7);border-bottom:1px solid var(--line)}
header.site.scrolled::before{opacity:0}
header.site .nav{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:.7rem;color:inherit}
.brand img.brand-logo{height:46px;width:auto;max-width:210px;object-fit:contain;display:block}
.brand .em{width:42px;height:42px;position:relative;display:grid;place-items:center;flex:none}
.brand .em .ring{border-color:currentColor;opacity:.65}.brand .em .ring2{inset:5px;border-color:currentColor;opacity:.4}
.brand .em b{font-size:1.2rem;color:currentColor}
.brand .txt b{font-family:'Marcellus',serif;font-size:1.3rem;letter-spacing:.14em;display:block;line-height:1;color:currentColor}
.brand .txt span{font-size:.56rem;letter-spacing:.38em;text-transform:uppercase;color:var(--gold-soft)}
header.site.scrolled .brand .txt span{color:var(--gold-deep)}
header.site.scrolled .brand .em .ring{border-color:var(--gold);opacity:1}
header.site.scrolled .brand .em .ring2{border-color:var(--gold-soft);opacity:1}
.nav-right{display:flex;align-items:center;gap:1.9rem}
.menu{display:flex;align-items:center;gap:1.9rem;list-style:none}
.menu > li{position:relative}
.menu a{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;opacity:1;position:relative;color:currentColor;transition:opacity .3s}
.menu > li > a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1.5px;background:var(--gold);transition:.3s}
.menu > li > a:hover::after{width:100%}
.menu li.has-sub > a .caret{font-size:.55em;margin-left:.4em;opacity:.7}
.menu ul.sub{position:absolute;top:100%;left:-14px;min-width:220px;list-style:none;display:flex;flex-direction:column;padding:.5rem 0;margin-top:0rem;background:rgba(250,246,238,.98);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.3s;z-index:80}
.menu li:hover > ul.sub{opacity:1;visibility:visible;transform:none}
.menu ul.sub a{padding:.6rem 1.3rem;font-size:.74rem;letter-spacing:.12em;color:var(--ink);text-shadow:none;white-space:nowrap}
.menu ul.sub a:hover{color:var(--gold-deep);background:rgba(188,154,76,.08)}
.nav-cta{padding:.66em 1.5em;border:1px solid rgba(255,255,255,.7);border-radius:3px;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:currentColor;background:rgba(255,255,255,.12);opacity:1;transition:.35s;white-space:nowrap}
.nav-cta:hover{background:#fff;color:var(--ink);border-color:#fff}
header.site.scrolled .nav-cta{border-color:var(--gold-deep);color:var(--gold-deep);background:transparent}
header.site.scrolled .nav-cta:hover{background:var(--gold-deep);color:#fff;border-color:var(--gold-deep)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;color:currentColor;padding:4px}
.burger span{width:24px;height:2px;background:currentColor;transition:.3s}

/* topbar (ince üst şerit) */
.topbar{background:var(--ink);color:rgba(255,255,255,.8);font-size:.74rem;letter-spacing:.05em;position:fixed;top:0;left:0;right:0;z-index:71;transition:transform .4s}
.topbar.hide{transform:translateY(-100%)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;gap:1rem}
.topbar a{color:rgba(255,255,255,.8);transition:color .2s}
.topbar a:hover{color:var(--gold-soft)}
.topbar .tb-left,.topbar .tb-right{display:inline-flex;align-items:center;gap:1.1rem;flex-wrap:wrap}
.topbar .tb-social{display:inline-flex;gap:.7rem;margin-left:.4rem}
.topbar .tb-social a{display:inline-flex}
.lang-switch{position:relative}
.lang-switch summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4em}
.lang-switch summary::-webkit-details-marker{display:none}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:150px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:.4rem 0;z-index:90}
.lang-menu a{display:flex;gap:.5em;padding:.5rem 1rem;color:var(--ink);font-size:.8rem}
.lang-menu a:hover{background:rgba(188,154,76,.08);color:var(--gold-deep)}
/* header topbar varken aşağı kaydır */
body.has-topbar header.site{top:34px}
body.has-topbar header.site.scrolled{top:0}

/* ════════ HERO — marka panelleri ════════ */
.hero{position:relative;height:100vh;min-height:640px;overflow:hidden;background:var(--ink)}
.hero-panels{position:absolute;inset:0;display:flex}
.hpanel{position:relative;flex:1;overflow:hidden;cursor:pointer;transition:flex .7s cubic-bezier(.7,0,.2,1)}
.hpanel.active{flex:3.4}
.hpanel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.3s ease,filter .6s}
.hpanel.active img{transform:scale(1.06)}
.hpanel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,14,8,.4) 0%,rgba(18,14,8,.32) 52%,rgba(18,14,8,.82) 100%);transition:.5s}
.hpanel:not(.active) img{filter:saturate(.78) brightness(.64)}
.hpanel:not(.active)::after{background:linear-gradient(180deg,rgba(18,14,8,.55),rgba(18,14,8,.84))}
.hpanel .hclosed{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:2.6rem 0;color:#fff;transition:opacity .35s;gap:1.1rem}
.hpanel .hclosed .num{font-family:'Marcellus',serif;color:var(--gold-soft);font-size:1.05rem}
.hpanel .hclosed .vn{writing-mode:vertical-rl;transform:rotate(180deg);font-family:'Marcellus',serif;font-size:1.5rem;letter-spacing:.18em;white-space:nowrap}
.hpanel.active .hclosed{opacity:0;pointer-events:none}
.hpanel .hopen{position:absolute;left:0;bottom:0;z-index:4;padding:clamp(1.8rem,3vw,3rem);color:#fff;opacity:0;transform:translateY(18px);transition:opacity .55s .12s,transform .55s .12s;pointer-events:none;text-align:left;max-width:640px}
.hpanel.active .hopen{opacity:1;transform:none;pointer-events:auto}
.hpanel .hopen .ek{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;background:rgba(255,255,255,.16);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.32);padding:.42em .95em;border-radius:3px;display:inline-block;margin-bottom:1rem}
.hpanel .hopen h2{font-family:'Marcellus',serif;font-size:clamp(1.9rem,3.6vw,3rem);margin-bottom:.15rem;color:#fff}
.hpanel .hopen .loc{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:.9rem}
.hpanel .hopen p{font-weight:300;color:rgba(255,255,255,.85);margin-bottom:1.4rem;max-width:42ch}
.hpanel .hopen .btn{background:#fff;color:var(--ink);border:0}
.hpanel .hopen .btn:hover{background:var(--gold-deep);color:#fff;transform:translateY(-3px)}
.hero-mast{position:absolute;top:0;left:0;right:0;z-index:6;padding:6.6rem 1.5rem 0;text-align:center;color:#fff;pointer-events:none}
.hero-mast .em{width:80px;height:80px;position:relative;display:grid;place-items:center;margin:0 auto 1.1rem}
.hero-mast .em .ring{border-color:var(--gold-soft)}.hero-mast .em .ring2{inset:7px;border-color:rgba(230,213,166,.5)}
.hero-mast .em b{font-size:2.3rem;color:#fff}
.hero-mast h1{font-family:'Marcellus',serif;font-size:clamp(2rem,4.4vw,3.4rem);letter-spacing:.24em;text-transform:uppercase;font-weight:400;margin-bottom:.5rem;text-shadow:0 2px 30px rgba(0,0,0,.4)}
.hero-mast .sub{font-size:.72rem;letter-spacing:.5em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:1.1rem}
.ornament{display:flex;align-items:center;justify-content:center;gap:.9rem;margin:0 auto 1.1rem;color:var(--gold-soft);max-width:180px}
.ornament::before,.ornament::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold-soft))}
.ornament::after{background:linear-gradient(270deg,transparent,var(--gold-soft))}
.ornament span{font-size:.62rem;transform:rotate(45deg)}
.hero-mast .tag{font-family:'Marcellus',serif;font-size:clamp(1.05rem,2vw,1.5rem);color:rgba(255,255,255,.92);max-width:26ch;margin:0 auto;text-shadow:0 2px 24px rgba(0,0,0,.4)}
.hero-scroll{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:6;color:#fff;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.85;pointer-events:none}
.hero-scroll::after{content:"";width:1px;height:36px;background:linear-gradient(#fff,transparent);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:.3}50%{opacity:1}}

section.sec{padding:7rem 0;position:relative}
.sec-head{max-width:660px;margin:0 auto 3.6rem;text-align:center}
.sec-head h2{font-size:clamp(2.2rem,4.4vw,3.3rem);margin:.9rem 0 1rem}
.sec-head p{color:var(--ink-soft);font-weight:300}

/* KURUMSAL intro */
.corp{background:var(--paper)}
.corp-grid{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center}
.corp .frame{position:relative;border-radius:8px;overflow:hidden;/*aspect-ratio:4/3.3;*/box-shadow:var(--shadow)}
.corp .frame img{width:100%;height:100%;object-fit:cover}
.corp .frame .tab{position:absolute;left:0.4rem;bottom:0.5rem;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);padding:1rem 1.3rem;border-radius:6px;box-shadow:var(--shadow-sm)}
.corp .frame .tab b{font-family:'Marcellus',serif;font-size:1.7rem;color:var(--gold-deep);display:block;line-height:1}
.corp .frame .tab span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.corp h2{font-size:clamp(2rem,4vw,3rem);margin:.8rem 0 1.2rem}
.corp p{color:var(--ink-soft);margin-bottom:1rem;font-weight:300}
.vm{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:1.8rem}
.vm .card{padding:1.5rem;border:1px solid var(--line);border-radius:8px;background:var(--cream)}
.vm .card b{font-family:'Marcellus',serif;font-size:1.2rem;display:block;margin-bottom:.3rem}
.vm .card span{font-size:.9rem;color:var(--ink-soft);font-weight:300}

/* STRUCTURE */
.structure{background:linear-gradient(180deg,var(--cream),var(--sand-2))}
.org{max-width:920px;margin:0 auto;text-align:center}
.org .parent{display:inline-flex;flex-direction:column;align-items:center;gap:.6rem;background:linear-gradient(140deg,var(--ink),#3b3222);color:#fff;padding:1.8rem 3rem;border-radius:10px;box-shadow:var(--shadow);position:relative}
.org .parent .em{width:56px;height:56px;position:relative;display:grid;place-items:center}
.org .parent .em .ring{border-color:var(--gold-soft)}.org .parent .em .ring2{inset:6px;border-color:rgba(230,213,166,.5)}
.org .parent .em b{font-size:1.8rem;color:var(--gold-soft)}
.org .parent b.name{font-family:'Marcellus',serif;font-size:1.5rem;letter-spacing:.18em}
.org .parent span{font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-soft)}
.org .connect{height:60px;position:relative}
.org .connect svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.org .children{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:0}
.org .child{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:1.6rem 1.2rem;box-shadow:var(--shadow-sm);transition:.4s}
.org .child:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--gold-soft)}
.org .child .dot{width:40px;height:40px;border-radius:50%;background:var(--sand);color:var(--gold-deep);display:grid;place-items:center;margin:0 auto .8rem;font-family:'Marcellus',serif;font-size:1.1rem}
.org .child b{font-family:'Marcellus',serif;font-size:1.25rem;display:block}
.org .child span{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}

/* PORTFOLIO */
.portfolio{background:var(--paper)}
.panels{display:flex;gap:1rem;height:580px}
.panel{position:relative;flex:1;border-radius:14px;overflow:hidden;cursor:pointer;transition:flex .65s cubic-bezier(.7,0,.2,1);box-shadow:var(--shadow-sm);min-width:0}
.panel.active{flex:4.4;box-shadow:var(--shadow)}
.panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s ease,filter .6s}
.panel.active img{transform:scale(1.04)}
.panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,10,.15),rgba(20,16,10,.82) 82%);transition:.5s}
.panel:not(.active) img{filter:saturate(.82) brightness(.8)}
.panel:not(.active)::after{background:linear-gradient(180deg,rgba(20,16,10,.4),rgba(20,16,10,.74))}
.panel .collapsed{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1.9rem 0;color:#fff;transition:opacity .35s}
.panel .collapsed .num{font-family:'Marcellus',serif;font-size:1.15rem;color:var(--gold-soft)}
.panel .collapsed .vname{writing-mode:vertical-rl;transform:rotate(180deg);font-family:'Marcellus',serif;font-size:1.45rem;letter-spacing:.16em;white-space:nowrap}
.panel .collapsed .kind{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-soft)}
.panel.active .collapsed{opacity:0;pointer-events:none}
.panel .expanded{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:flex-end;padding:2.8rem;color:#fff;opacity:0;transform:translateY(18px);transition:opacity .55s .12s,transform .55s .12s;pointer-events:none}
.panel.active .expanded{opacity:1;transform:none;pointer-events:auto}
.panel .expanded .top{position:absolute;top:2.2rem;left:2.8rem;right:2.8rem;display:flex;justify-content:space-between;align-items:center}
.panel .expanded .ekind{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;background:rgba(255,255,255,.16);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.32);padding:.45em .95em;border-radius:3px;white-space:nowrap}
.panel .expanded .enum{font-family:'Marcellus',serif;font-size:1.5rem;color:var(--gold-soft)}
.panel .expanded h3{font-family:'Marcellus',serif;font-size:2.5rem;margin-bottom:.15rem;white-space:nowrap}
.panel .expanded .loc{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:1rem}
.panel .expanded p{font-size:.95rem;color:rgba(255,255,255,.86);font-weight:300;max-width:46ch;margin-bottom:1.3rem}
.panel .expanded .feats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.7rem;list-style:none}
.panel .expanded .feats li{font-size:.74rem;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:.42em .95em;white-space:nowrap}
.panel .expanded .btn{align-self:flex-start;background:#fff;color:var(--ink);border:0}
.panel .expanded .btn:hover{background:var(--gold-deep);color:#fff;transform:translateY(-3px)}

/* STATS */
.stats{background:var(--ink);color:#eaddc4;padding:5rem 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}
.stats .s b{font-family:'Marcellus',serif;font-size:3rem;color:#fff;display:block;line-height:1}
.stats .s span{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);margin-top:.5rem;display:block}
.stats .s{position:relative}
.stats .s:not(:last-child)::after{content:"";position:absolute;right:-1rem;top:15%;height:70%;width:1px;background:rgba(255,255,255,.14)}

/* CTA */
.cta-band{padding:6rem 0;text-align:center;background:linear-gradient(180deg,var(--sand-2),var(--cream))}
.cta-band .em{width:70px;height:70px;position:relative;display:grid;place-items:center;margin:0 auto 1.4rem}
.cta-band .em .ring{border-color:var(--gold)}.cta-band .em .ring2{inset:6px;border-color:var(--gold-soft)}
.cta-band .em b{font-size:2rem}
.cta-band h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}
.cta-band p{color:var(--ink-soft);max-width:48ch;margin:0 auto 2rem;font-weight:300}

/* CONTACT */
.contact{background:var(--paper)}
.c-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start}
.c-grid h2{font-size:clamp(2rem,4vw,3rem);margin:.8rem 0 1.1rem}
.c-grid p.sub{color:var(--ink-soft);font-weight:300;margin-bottom:1.8rem}
.cinfo{display:grid;gap:1.4rem}
.cinfo .row{display:flex;gap:1.2rem;align-items:baseline;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}
.cinfo .row small{flex:none;width:90px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}
.cinfo .row b{font-weight:400}
form.ozak-form{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:2.2rem;display:grid;gap:1.1rem}
.field label{display:block;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.4rem}
.field input,.field textarea{width:100%;padding:.85em 1em;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-family:inherit;font-size:.95rem;transition:.3s}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(188,154,76,.12)}
.field textarea{resize:vertical;min-height:100px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
form.ozak-form .btn{justify-self:start}
.form-note{padding:.85rem 1.1rem;border-radius:8px;font-size:.85rem}
.form-note.ok{background:rgba(120,160,90,.14);border:1px solid rgba(120,160,90,.4);color:#3f5a2a}
.form-note.err{background:rgba(190,80,60,.12);border:1px solid rgba(190,80,60,.4);color:#8a3626}

/* FOOTER */
footer.site{background:#201C15;color:#c9bfaf;padding:4.5rem 0 2rem}
.f-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem}
footer.site .brand .txt b,footer.site .brand .em b{color:#fff}
footer.site .brand img.brand-logo{filter:brightness(0) invert(1);opacity:.92}
footer.site p.f-about{color:#8f8676;font-size:.9rem;margin-top:1rem;max-width:30ch;font-weight:300}
.fcol h4{font-family:'Marcellus',serif;color:#fff;font-size:1.15rem;margin-bottom:1rem}
.fcol a,.fcol .fline{display:block;color:#a79e8d;font-size:.9rem;padding:.3em 0;transition:.3s}
.fcol a:hover{color:var(--gold-soft)}
.f-bot{border-top:1px solid rgba(255,255,255,.1);padding-top:1.6rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.82rem;color:#79715f}
.f-bot a:hover{color:var(--gold-soft)}

/* reveal */
[data-reveal]{opacity:0;transform:translateY(30px);transition:1s cubic-bezier(.2,.7,.2,1)}
[data-reveal].in{opacity:1;transform:none}

/* ════════ İÇ SAYFA — Breadcrumb / Page-title ════════ */
.page-hero{position:relative;padding:11rem 0 4.5rem;background:var(--ink);color:#fff;overflow:hidden;text-align:center}
.page-hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,14,8,.55),rgba(18,14,8,.82))}
.page-hero .wrap{position:relative;z-index:2}
.page-hero .kicker{color:var(--gold-soft)}
.page-hero .kicker::before,.page-hero .kicker.c::after{background:var(--gold-soft)}
.page-hero h1{font-size:clamp(2rem,4.5vw,3.2rem);color:#fff;margin:.9rem 0 .8rem}
.crumb{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.5rem;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.crumb a:hover{color:var(--gold-soft)}
.crumb .sep{opacity:.5}

/* İç içerik tipografisi (dispatcher .article/.rich ile birlikte kullanılır) */
.page-body{padding:5.5rem 0;background:var(--paper)}
.article{max-width:820px;margin:0 auto}
.article .lead{color:var(--ink);font-size:20px;line-height:1.65;font-family:var(--serif);font-weight:400;margin-bottom:30px}
.rich{color:var(--ink-soft);font-size:16.5px;line-height:1.9}
.rich > * + *{margin-top:1.15em}
.rich h2,.rich h3,.rich h4{font-family:var(--serif);font-weight:400;color:var(--ink);line-height:1.2}
.rich h2{font-size:30px;margin-top:1.6em}
.rich h3{font-size:24px;margin-top:1.4em}
.rich strong{color:var(--ink)}
.rich a{color:var(--gold);border-bottom:1px solid rgba(188,154,76,.4)}
.rich a:hover{color:var(--gold-deep)}
.rich ul,.rich ol{padding-left:1.3em;margin-top:1.15em}
.rich li{margin-top:.5em}
.rich blockquote{border-left:2px solid var(--gold);padding-left:22px;margin-left:0;font-family:var(--serif);font-style:italic;font-size:21px;color:var(--ink)}
.rich img{max-width:100%;height:auto;display:block;margin:1.4em 0;border-radius:8px}
.rich hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.article-cover{width:100%;border-radius:10px;margin-bottom:2.4rem;box-shadow:var(--shadow-sm)}
.feature-chips{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:2rem 0 .5rem}
.feature-chips li{font-size:.8rem;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:999px;padding:.55em 1.1em}

/* Galeri grid (iç sayfa) */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin:2.2rem 0 .5rem}
.gallery-cell{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:10px;box-shadow:var(--shadow-sm)}
.gallery-cell img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.gallery-cell:hover img{transform:scale(1.07)}
@media(max-width:640px){.gallery-grid{grid-template-columns:1fr 1fr;gap:.6rem}}

/* Odalarımız bölümü (banner-rooms) */
.rooms-sec{background:linear-gradient(180deg,var(--cream),var(--sand-2))}
.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
.room-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.room-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--gold-soft)}
.room-media{height:230px;overflow:hidden;background:linear-gradient(160deg,#DCD2BD,#BCAD90)}
.room-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.room-card:hover .room-media img{transform:scale(1.06)}
.room-body{padding:1.6rem 1.6rem 1.7rem;display:flex;flex-direction:column;flex:1}
.room-body h3{font-family:var(--serif);font-size:1.5rem;color:var(--ink);margin-bottom:.35rem}
.room-meta{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:.9rem}
.room-body p{color:var(--ink-soft);font-size:.92rem;line-height:1.7;flex:1}
.room-body .feature-chips{margin:1rem 0 0}
.room-body .feature-chips li{font-size:.72rem;padding:.4em .8em}
@media(max-width:980px){.room-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.room-grid,.gallery-grid{grid-template-columns:1fr}}

/* Modül liste/grid (index) */
.mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
.mod-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .35s,box-shadow .35s}
.mod-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--gold-soft)}
.mod-card .media{height:220px;overflow:hidden;background:linear-gradient(160deg,#DCD2BD,#BCAD90)}
.mod-card .media img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.mod-card:hover .media img{transform:scale(1.06)}
.mod-card .body{padding:1.5rem 1.5rem 1.4rem;display:flex;flex-direction:column;flex:1}
.mod-card h3{font-family:var(--serif);font-size:1.4rem;color:var(--ink);margin-bottom:.5rem}
.mod-card p{color:var(--ink-soft);font-size:.9rem;flex:1;line-height:1.7}
.mod-card .more{margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);display:inline-flex;align-items:center;gap:.6em}
.mod-card .more .arr{color:var(--gold);transition:transform .25s}
.mod-card:hover .more{color:var(--gold-deep)}.mod-card:hover .more .arr{transform:translateX(5px)}

/* ════════ RESPONSIVE ════════ */
@media(max-width:940px){
  .nav-right{display:none}.burger{display:flex}
  .corp-grid,.c-grid{grid-template-columns:1fr;gap:2.5rem}
  .org .children{grid-template-columns:1fr}
  .org .connect{display:none}
  .hero{height:auto;min-height:0;background:var(--cream)}
  .hero-mast{position:relative;padding:6rem 1.5rem 2.4rem;color:var(--ink)}
  .hero-mast .em b{color:var(--gold-deep)}.hero-mast .em .ring{border-color:var(--gold)}.hero-mast .em .ring2{border-color:var(--gold-soft)}
  .hero-mast h1{text-shadow:none}.hero-mast .sub{color:var(--gold-deep)}
  .hero-mast .tag{color:var(--ink);text-shadow:none}.ornament{color:var(--gold)}
  .hero-panels{position:relative;flex-direction:column;height:auto}
  .hpanel{flex:none!important;height:220px}
  .hpanel.active{height:430px}
  .hpanel .hclosed{justify-content:center}
  .hpanel .hclosed .vn{writing-mode:horizontal-tb;transform:none}
  .hero-scroll{display:none}
  .panels{flex-direction:column;height:auto}
  .panel{flex:none!important;height:340px}
  .panel .collapsed{display:none}
  .panel .expanded{opacity:1;transform:none;pointer-events:auto;padding:2rem}
  .panel .expanded .top{left:2rem;right:2rem;top:1.6rem}
  .panel:not(.active) img{filter:none}
  .panel:not(.active)::after{background:linear-gradient(180deg,rgba(20,16,10,.15),rgba(20,16,10,.82) 82%)}
  .stats-grid{grid-template-columns:1fr 1fr}.stats .s::after{display:none}
  .vm{grid-template-columns:1fr}.f-top{grid-template-columns:1fr 1fr}
  .mod-grid{grid-template-columns:1fr 1fr}
  .nav-right.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;background:var(--paper);padding:1.6rem 2rem;box-shadow:var(--shadow);gap:1.3rem;border-top:1px solid var(--line)}
  .nav-right.open .menu{flex-direction:column;align-items:flex-start;gap:1.1rem}
  .nav-right.open .menu ul.sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;padding:.3rem 0 .3rem 1rem;margin:0}
  .nav-right.open a,.nav-right.open .nav-cta{color:var(--ink)}
  .nav-right.open .nav-cta{border-color:var(--gold-deep);color:var(--gold-deep)}
  body.has-topbar header.site{top:0}
  .topbar{position:static}
}
@media(max-width:520px){.frow,.stats-grid,.f-top,.mod-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


/* Logo geçişi yumuşak olsun */
header.site .brand-logo {
  transition: filter .25s ease;
}

/* Scroll sonrası logo siyaha dönsün */
header.site.scrolled .brand-logo {
  filter: brightness(0) saturate(100%);
}

/* Görsel logo yoksa (amblem/metin fallback) o da siyaha dönsün */
header.site.scrolled .brand .em b,
header.site.scrolled .brand .em .ring,
header.site.scrolled .brand .em .ring2,
header.site.scrolled .brand .txt b,
header.site.scrolled .brand .txt span {
  color: #111;
  border-color: #111; /* ring'ler border ile çiziliyorsa */
}


.lightbox{
  position:fixed; inset:0; background:rgba(0,0,0,.85);
  display:none; align-items:center; justify-content:center;
  z-index:9999; padding:24px; cursor:zoom-out;
}
.lightbox.open{ display:flex; }
.lightbox img{
  max-width:90vw; max-height:90vh; object-fit:contain;
  border-radius:6px; box-shadow:0 10px 40px rgba(0,0,0,.4);
}
.lightbox #lightboxClose{
  position:absolute; top:16px; right:20px;
  background:none; border:none; color:#fff; font-size:36px;
  line-height:1; cursor:pointer;
}
.lightbox-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  background:rgba(255,255,255,.1); border:none; color:#fff;
  font-size:28px; width:52px; height:52px; border-radius:50%;
  cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:background .2s;
}
.lightbox-nav:hover{ background:rgba(255,255,255,.25); }
.lightbox-prev{ left:16px; }
.lightbox-next{ right:16px; }
@media (max-width:600px){
  .lightbox-nav{ width:40px; height:40px; font-size:20px; }
  .lightbox-prev{ left:8px; }
  .lightbox-next{ right:8px; }
}
/* ozak-mobile-hero-dark — mobilde hero masthead koyu zemin (beyaz logo görünsün) */
@media(max-width:940px){
  .hero{background:var(--ink)}
  .hero-mast{color:#fff}
  .hero-mast .em b{color:#fff}
  .hero-mast .em .ring{border-color:var(--gold-soft)}
  .hero-mast .em .ring2{border-color:rgba(230,213,166,.5)}
  .hero-mast h1{color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.4)}
  .hero-mast .sub{color:var(--gold-soft)}
  .hero-mast .tag{color:rgba(255,255,255,.92)}
  .ornament{color:var(--gold-soft)}
}

/* ozak-mobile-panels — mobilde genişleyen marka panelleri içeriği taşmasın */
@media(max-width:940px){
  .panels{flex-direction:column;height:auto;gap:1rem}
  .panel{flex:none!important;height:auto;min-height:280px}
  .panel .collapsed{display:none}
  .panel .expanded{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto;padding:1.7rem;justify-content:flex-start}
  .panel .expanded .top{position:static;margin-bottom:1rem;align-items:center}
  .panel .expanded h3{white-space:normal;font-size:1.55rem;line-height:1.15;margin-bottom:.25rem}
  .panel .expanded .loc{margin-bottom:.7rem}
  .panel .expanded p{max-width:none;margin-bottom:1rem}
  .panel .expanded .feats{margin-bottom:1.1rem}
}

/* ozak-mobile-panels-contrast — içerik üstte olduğu için overlay koyulaştır (okunurluk) */
@media(max-width:940px){
  .panel::after,.panel:not(.active)::after{background:linear-gradient(180deg,rgba(18,14,8,.66),rgba(18,14,8,.85))}
}