:root{
  --gece:#0e1b1c;
  --koyu:#12302f;
  --kenar:#1f6b63;
  --acik:#8fd0c2;
  --sis:#eef3f1;
  --bugu:#dfe9e6;
  --eloksal:#c8bba4;
  --amber:#f0a13a;
  --amber-koyu:#8f5305;
  --yazi:#14201f;
  --gri:#46575a;
  --serif:"Iowan Old Style","Sitka Heading","Cambria","Noto Serif",Georgia,serif;
  --sans:Corbel,"Segoe UI Variable Text","Noto Sans","Helvetica Neue",Arial,sans-serif;
  --hat:rgba(18,48,47,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:1.0625rem/1.65 var(--sans);color:var(--yazi);background:var(--sis);overflow-x:clip;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(90deg,var(--hat) 1px,transparent 1px);background-size:50vw 100%}
@media(min-width:900px){body::before{background-size:25vw 100%}}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0 0 .6em;text-wrap:balance}
h1{font-size:clamp(2.3rem,6vw,4.9rem);line-height:1.04;letter-spacing:-.02em}
h2{font-size:clamp(1.9rem,4.2vw,3.2rem);line-height:1.1;letter-spacing:-.015em}
h3{font-size:1.3rem;line-height:1.25}
p{margin:0 0 1em}
em{font-style:italic;color:var(--acik)}
.wrap{width:min(1240px,100% - 2.5rem);margin-inline:auto}
main,.ust,.alt{position:relative;z-index:1}
section{position:relative;z-index:1;padding:clamp(4rem,9vw,7.5rem) 0;scroll-margin-top:72px}

:focus-visible{outline:3px solid var(--kenar);outline-offset:3px}
.ust :focus-visible,.hero :focus-visible,.neden :focus-visible,.iletisim :focus-visible,.alt :focus-visible,.atmosfer :focus-visible,.cagri :focus-visible,.koyu-paket :focus-visible{outline-color:var(--amber)}
.atla{position:absolute;left:1rem;top:-4rem;z-index:200;background:var(--amber);color:var(--gece);padding:.7rem 1rem;font-weight:700}
.atla:focus{top:.5rem}

/* progress: closing pane */
.ilerleme{display:none}
.js .ilerleme{display:block;position:fixed;left:0;top:0;height:4px;width:100%;background:var(--amber);transform-origin:left;transform:scaleX(var(--s,0));z-index:300}

/* header */
.ust{position:sticky;top:0;z-index:100;background:rgba(14,27,28,.94);color:var(--sis);border-bottom:1px solid rgba(238,243,241,.14)}
.ust-ic{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.7rem 0}
.marka{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--sis)}
.marka svg{color:var(--eloksal)}
.marka-yazi{display:flex;flex-direction:column;line-height:1.1}
.marka-yazi strong{font-family:var(--serif);font-size:1.5rem;font-weight:600;letter-spacing:.02em}
.marka-yazi small{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acik)}
.ana-nav{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}
.ana-nav a:not(.dugme){text-decoration:none;font-size:.97rem;padding:.4rem 0;border-bottom:2px solid transparent}
.ana-nav a:not(.dugme):hover{border-bottom-color:var(--amber)}
.menu-dugme{display:none;align-items:center;gap:.6rem;background:transparent;color:var(--sis);border:1px solid rgba(238,243,241,.45);padding:.55rem .9rem;font:inherit;cursor:pointer}
.menu-cizgi{width:18px;height:2px;background:currentColor;position:relative;display:block}
.menu-cizgi::before,.menu-cizgi::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor}
.menu-cizgi::before{top:-6px}.menu-cizgi::after{top:6px}
@media(max-width:899px){
  .js .menu-dugme:not([hidden]){display:inline-flex}
  .js .ana-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--gece);padding:.5rem 1.25rem 1.5rem;border-bottom:1px solid rgba(238,243,241,.2)}
  .js .ana-nav.acik{display:flex}
  .js .ana-nav a:not(.dugme){padding:.9rem 0;border-bottom:1px solid rgba(238,243,241,.12)}
  .js .ana-nav .dugme{margin-top:1rem;justify-content:center}
  .ana-nav{gap:.4rem 1.2rem;width:100%}
}

/* buttons */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--amber);color:var(--gece);font:700 1rem/1.2 var(--sans);padding:.9rem 1.5rem;border:2px solid var(--amber);border-radius:2px;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.dugme:hover{background:#f7b95f;border-color:#f7b95f}
.dugme.ikinci{background:transparent;color:inherit;border-color:currentColor}
.dugme.ikinci:hover{background:rgba(238,243,241,.14)}
.dugmeler{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.4rem 0 1rem}
.baglanti{display:inline-block;font-weight:700;color:var(--kenar);text-decoration:none;border-bottom:2px solid var(--amber);padding-bottom:1px}
.baglanti::after{content:" →"}
.baglanti:hover{color:var(--yazi)}

.etiket{display:flex;align-items:center;gap:.8rem;margin:0 0 1rem;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--kenar)}
.etiket::before{content:"";width:2.4rem;height:2px;background:currentColor}
.hero .etiket,.neden .etiket,.iletisim .etiket{color:var(--acik)}
.baslik-blok{max-width:44rem;margin-bottom:clamp(2rem,4vw,3.5rem)}
.baslik-blok p:last-child{color:var(--gri);margin-bottom:0}
.neden .baslik-blok p{color:rgba(238,243,241,.8)}

/* hero */
.hero{background:var(--gece);color:var(--sis);padding:clamp(2.5rem,6vw,5rem) 0 clamp(3rem,6vw,5rem);background-image:linear-gradient(90deg,rgba(238,243,241,.07) 1px,transparent 1px);background-size:50vw 100%}
@media(min-width:900px){.hero{background-size:25vw 100%}}
.hero-ust{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem 1.5rem;align-items:end}
.hero-baslik{grid-column:1/9}
.hero-yan{grid-column:9/13;font-size:1.1rem;color:rgba(238,243,241,.88)}
.hero-yan .kucuk{font-size:.92rem;color:var(--acik);margin:0}
.hero h1{margin-bottom:0}
@media(max-width:899px){.hero-baslik,.hero-yan{grid-column:1/-1}}

.cerceve{margin-top:clamp(2rem,4vw,3.5rem);--p:.35;--g:.65;--w:34%}
.cam-alan{position:relative;aspect-ratio:16/9;overflow:hidden;padding:0;border:10px solid var(--eloksal);border-image:linear-gradient(135deg,#e6dcc8,#a89b82 45%,#d9cdb5) 1;touch-action:pan-y;background:var(--koyu)}
.cam-alan img{width:100%;height:100%;object-fit:cover}
.kayit{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(235,240,238,.55) 0 2px,transparent 2px);background-size:16.6667% 100%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.cam{position:absolute;top:0;bottom:0;left:0;width:var(--w);transform:translate3d(calc(var(--p) * 194.1%),0,0);pointer-events:none;overflow:hidden;
  background:linear-gradient(105deg,rgba(255,255,255,.2),rgba(143,208,194,.14) 40%,rgba(255,255,255,.04) 60%,rgba(255,255,255,.26));
  -webkit-backdrop-filter:brightness(1.16) saturate(1.2);backdrop-filter:brightness(1.16) saturate(1.2);
  border-left:7px solid #d9cdb5;border-right:7px solid #a89b82;box-shadow:0 0 40px rgba(0,0,0,.35)}
.parilti{position:absolute;top:-10%;bottom:-10%;left:calc(var(--g) * 80%);width:16%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}
.cerceve-not{margin:.9rem 0 0;font-size:.88rem;color:rgba(238,243,241,.78)}
@media(max-width:599px){.cerceve{--w:46%}.cam{transform:translate3d(calc(var(--p) * 117.4%),0,0)}.cam-alan{aspect-ratio:4/3;border-width:7px}}

/* story */
.hikaye-izgara{display:grid;grid-template-columns:repeat(12,1fr);gap:2.5rem;align-items:center}
.hikaye-foto{grid-column:1/8;margin:0}
.hikaye-foto img{width:100%;box-shadow:14px 14px 0 var(--eloksal)}
.hikaye-yazi{grid-column:8/13}
.hikaye-yazi p{max-width:34rem}
.yan{font-style:italic;color:var(--gri)}
@media(max-width:899px){.hikaye-foto,.hikaye-yazi{grid-column:1/-1}.hikaye-foto img{box-shadow:8px 8px 0 var(--eloksal)}}

/* cards */
.kart{position:relative;overflow:hidden;background:rgba(255,255,255,.72);border:1px solid rgba(18,48,47,.16);border-top:4px solid var(--kenar);padding:1.5rem 1.5rem 1.4rem}
.kart::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--mx,-300px) var(--my,-300px),rgba(143,208,194,.3),transparent 70%)}
.kart h3{margin-bottom:.5em}
.kart p{color:#2c3b3b}
.fiyat-satir{font-size:.95rem;margin-bottom:.9rem!important;color:var(--yazi)!important}
.fiyat-satir strong{color:var(--amber-koyu)}

/* services */
.dilim{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;align-items:start;margin-top:clamp(2.5rem,5vw,4.5rem)}
.dilim-foto{grid-column:1/6;margin:0;position:sticky;top:88px}
.dilim-foto img{width:100%;border:8px solid var(--eloksal)}
.dilim-foto figcaption{font-size:.85rem;color:var(--gri);margin-top:.6rem}
.kartlar{grid-column:6/13;display:grid;gap:1rem}
.dilim.ters .dilim-foto{grid-column:8/13;grid-row:1}
.dilim.ters .kartlar{grid-column:1/8;grid-row:1}
@media(max-width:899px){
  .dilim-foto,.kartlar,.dilim.ters .dilim-foto,.dilim.ters .kartlar{grid-column:1/-1;grid-row:auto;position:static}
  .dilim-foto img{max-height:70vh;object-fit:cover;width:100%}
}

/* cta bands */
.cagri{background:var(--kenar);color:#fff;padding:clamp(2.5rem,5vw,4rem) 0;background-image:linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:25% 100%}
.cagri.sonra{background-color:var(--koyu)}
.cagri-ic{display:flex;align-items:center;justify-content:space-between;gap:1.5rem 3rem;flex-wrap:wrap}
.cagri h2{margin:0;font-size:clamp(1.5rem,3.2vw,2.3rem);max-width:44rem}
.cagri .dugme{flex:none}

/* pricing */
.paketler{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch}
.paket{display:flex;flex-direction:column;padding:2rem 1.75rem}
.paket .dugme{margin-top:auto;align-self:flex-start}
.paket p:not(.tutar){margin-bottom:1.6rem}
.tutar{display:flex;flex-direction:column;margin-bottom:1rem!important}
.tutar span{font-family:var(--serif);font-size:clamp(1.9rem,3.2vw,2.5rem);line-height:1.1;color:var(--yazi)!important}
.tutar small{font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gri)}
.koyu-paket{background:var(--koyu);border-color:var(--koyu);border-top-color:var(--amber);color:var(--sis)}
.koyu-paket p,.koyu-paket .tutar span,.koyu-paket .tutar small{color:var(--sis)!important}
.koyu-paket .tutar small{color:var(--acik)!important}
.fiyat-not{margin:1.75rem 0 0;color:var(--gri);max-width:46rem}
@media(max-width:899px){.paketler{grid-template-columns:1fr}}

/* why */
.neden{background:var(--gece);color:var(--sis);background-image:linear-gradient(90deg,rgba(238,243,241,.08) 1px,transparent 1px);background-size:25% 100%}
.neden-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.neden-izgara>div{padding:1.5rem 1.4rem 1rem;border-left:1px solid rgba(238,243,241,.2);border-top:3px solid var(--amber)}
.neden-izgara>div:nth-child(even){margin-top:2.5rem}
.no{display:block;font-family:var(--serif);font-size:2.6rem;color:var(--acik);line-height:1;margin-bottom:.8rem}
.neden h3{font-size:1.2rem}
.neden p{color:rgba(238,243,241,.84)}
@media(max-width:999px){.neden-izgara{grid-template-columns:1fr 1fr}.neden-izgara>div:nth-child(even){margin-top:0}}
@media(max-width:599px){.neden-izgara{grid-template-columns:1fr}}

/* process */
.surec-izgara{display:grid;grid-template-columns:repeat(12,1fr);gap:2.5rem;align-items:start}
.surec-foto{grid-column:1/6;margin:0;position:sticky;top:96px}
.surec-foto img{width:100%;border:8px solid var(--eloksal)}
.surec-yazi{grid-column:6/13}
.adimlar{list-style:none;margin:2rem 0 0;padding:0 0 0 3.6rem;position:relative;counter-reset:adim;--prog:1}
.adimlar::before,.adimlar::after{content:"";position:absolute;left:1.05rem;top:.5rem;bottom:.5rem;width:3px;background:rgba(18,48,47,.18)}
.adimlar::after{background:var(--amber);transform-origin:top;transform:scaleY(var(--prog))}
.adimlar li{position:relative;counter-increment:adim;margin-bottom:2rem}
.adimlar li::before{content:counter(adim);position:absolute;left:-3.6rem;top:-.1rem;width:2.4rem;height:2.4rem;display:grid;place-items:center;background:var(--gece);color:var(--sis);font:700 1rem var(--sans);border:2px solid var(--amber);z-index:1}
.adimlar h3{margin-bottom:.3em}
.adimlar p{margin:0;max-width:34rem}
@media(max-width:899px){.surec-foto,.surec-yazi{grid-column:1/-1;position:static}}

/* atmosphere */
.atmosfer{padding:0}
.atmosfer figure{margin:0;position:relative;color:#fff;background:var(--gece)}
.atmosfer img{width:100%;min-height:360px;max-height:80vh;object-fit:cover}
.atmosfer figcaption{position:absolute;left:0;right:0;bottom:0;margin-inline:auto;padding-block:clamp(2rem,5vw,4rem)}
.atmosfer figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,27,28,0) 25%,rgba(14,27,28,.88));pointer-events:none}
.atmosfer figcaption{z-index:2}
.atmosfer h2{max-width:30rem;margin-bottom:.3em}
.atmosfer p{max-width:32rem}

/* faq */
.sss-izgara{display:grid;grid-template-columns:repeat(12,1fr);gap:2.5rem}
.sss .baslik-blok{grid-column:1/6;margin:0}
.sorular{grid-column:6/13}
details{border-top:2px solid var(--yazi);background:transparent}
details:last-child{border-bottom:2px solid var(--yazi)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 0;font-family:var(--serif);font-size:1.25rem;line-height:1.3}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";flex:none;width:2rem;height:2rem;display:grid;place-items:center;background:var(--gece);color:var(--amber);font:700 1.3rem var(--sans);transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 3rem 1.3rem 0;margin:0;max-width:40rem;color:#2c3b3b}
@media(max-width:899px){.sss .baslik-blok,.sorular{grid-column:1/-1}details p{padding-right:0}}

/* contact */
.iletisim{background:var(--koyu);color:var(--sis);background-image:linear-gradient(90deg,rgba(238,243,241,.08) 1px,transparent 1px);background-size:25% 100%}
.iletisim-izgara{display:grid;grid-template-columns:repeat(12,1fr);gap:2.5rem;align-items:start}
.iletisim-yazi{grid-column:1/6}
.iletisim-yazi .yan{color:var(--acik)}
.form{grid-column:7/13;display:grid;gap:1.1rem;background:var(--sis);color:var(--yazi);padding:clamp(1.4rem,3vw,2.2rem);border:8px solid var(--eloksal)}
.alan{display:grid;gap:.35rem}
.alan label{font-weight:700;font-size:.92rem}
.alan input,.alan select,.alan textarea{font:inherit;color:var(--yazi);background:#fff;border:1px solid #6b7c7c;border-radius:2px;padding:.75rem .85rem;width:100%}
.alan textarea{resize:vertical;min-height:120px}
.form .dugme{justify-self:start}
.form :focus-visible{outline-color:var(--kenar)}
@media(max-width:899px){.iletisim-yazi,.form{grid-column:1/-1}}

/* footer */
.alt{background:var(--gece);color:rgba(238,243,241,.85);padding:2.5rem 0 3rem;border-top:4px solid var(--amber)}
.alt-ic{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.alt p{margin:0 0 .4rem;max-width:30rem}
.alt-marka{font-family:var(--serif);font-size:1.8rem;color:var(--sis)}
.alt nav{display:flex;flex-direction:column;gap:.5rem}
.alt a{color:var(--sis);text-underline-offset:3px}

/* slide-in (enhancement only) */
.js [data-slide]{transform:translate3d(2rem,0,0);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.js [data-slide]:nth-child(even){transform:translate3d(-2rem,0,0)}
.js [data-slide].geldi{transform:none}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
  .js [data-slide],.js [data-slide]:nth-child(even){transform:none}
}

/* inner pages */
/* Inner pages: small additions, all prefixed pg- */

.pg-hero{padding:clamp(2rem,4.5vw,3.25rem) 0 clamp(2.2rem,4.5vw,3.5rem)}
.pg-hero h1{font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.08}
.pg-hero .hero-ust{align-items:center}
.pg-hero .dugmeler{margin:1.2rem 0 .8rem}
@media(min-width:900px){
  .pg-hero .hero-baslik{grid-column:1/8}
  .pg-hero .hero-yan{grid-column:8/13}
}

.pg-liste{list-style:none;margin:0 0 1.2em;padding:0;display:grid;gap:.8rem;max-width:34rem}
.pg-liste li{padding-left:1rem;border-left:3px solid var(--amber)}

.pg-siparis{font-size:.95rem;padding-top:.8rem;border-top:1px solid rgba(18,48,47,.16)}

.pg-ornek{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.25rem}
.pg-ornek .kart{padding:1.75rem}
.pg-ornek .kart p:last-child{margin-bottom:0}

.wpf-legal { padding: clamp(3rem, 8vw, 7rem) clamp(1.25rem, 4vw, 2rem); }
.wpf-legal .wpf-legal__inner { max-width: 72ch; margin: 0 auto; }
.wpf-legal .wpf-legal__inner h1 { font-size: clamp(2rem, 4.5vw, 3.2rem); line-height: 1.1; margin: .2em 0 .8em; }
.wpf-legal .wpf-legal__inner h2 { font-size: clamp(1.2rem, 2.2vw, 1.5rem); line-height: 1.25; margin: 2.2em 0 .6em; }
.wpf-legal .wpf-legal__inner p, .wpf-legal .wpf-legal__inner li { line-height: 1.75; max-width: none; }
.wpf-legal .wpf-legal__inner ul { padding-left: 1.2em; margin: 0 0 1em; }
.wpf-legal .wpf-legal__inner li { margin: .35em 0; list-style: disc; }
.wpf-legal .wpf-legal__inner a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
.wpf-legal .wpf-legal__meta { font-size: .875rem; opacity: .7; margin: 0; }
.wpf-legal .wpf-legal__table { overflow-x: auto; margin: 1em 0 1.5em; }
.wpf-legal table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.wpf-legal th, .wpf-legal td { text-align: left; vertical-align: top; padding: .7em .8em; border-bottom: 1px solid rgba(127,127,127,.3); }
.wpf-legal code { font-size: .85em; word-break: break-word; }
.wpf-legal-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.4rem; grid-column: 1 / -1;
  width: 100%; box-sizing: border-box; padding: 1.1rem clamp(1.25rem, 4vw, 2rem) 0; font-size: .875rem; }
.wpf-legal-links a { color: inherit; opacity: .85; text-decoration: underline; text-underline-offset: .15em; }
.wpf-legal-links a:hover, .wpf-legal-links a:focus-visible { opacity: 1; }

.wpf-consent { position: fixed; z-index: 99998; left: 16px; right: 16px; bottom: 16px; max-width: 27rem; box-sizing: border-box;
  padding: 20px 22px; border-radius: 14px; border: 1px solid rgba(127,127,127,.28); box-shadow: 0 14px 44px rgba(0,0,0,.24);
  font-size: 15px; line-height: 1.55; text-align: left; }
.wpf-consent[hidden] { display: none; }
.wpf-consent .wpf-consent__title { margin: 0 0 6px; font-weight: 700; font-size: 1.05em; }
.wpf-consent .wpf-consent__text { margin: 0 0 16px; max-width: none; }
.wpf-consent .wpf-consent__text a { color: inherit; text-decoration: underline; }
.wpf-consent .wpf-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.wpf-consent .wpf-consent__actions button { cursor: pointer; margin: 0; width: auto; }
.wpf-consent .wpf-consent__primary, .wpf-consent .wpf-consent__secondary { font: inherit; font-weight: 600; padding: 10px 18px; border-radius: 8px; }
.wpf-consent .wpf-consent__primary { background: #1c1b19; color: #fff; border: 1px solid #1c1b19; }
.wpf-consent .wpf-consent__secondary { background: transparent; color: inherit; border: 1px solid currentColor; }
.wpf-consent button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
