@font-face{font-family:"Clash Display";src:url("fonts/clashdisplay-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Clash Display";src:url("fonts/clashdisplay-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Clash Display";src:url("fonts/clashdisplay-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Satoshi";src:url("fonts/satoshi-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Satoshi";src:url("fonts/satoshi-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Satoshi";src:url("fonts/satoshi-700.woff2") format("woff2");font-weight:700;font-display:swap}
/* Major Catering v4 · net ve doğrudan: kalın Clash Display başlıklar, Satoshi gövde, espresso + alev.
   Tek temalı marka sayfası; koyu/açık iki şablon .t-koyu / .t-acik ile ayrışır. */
:root{
  --white:#FFFFFF; --paper:#FAF9F7; --stone:#F1EEEA; --ink:#17110C; --ink2:#4A423B; --mut:#857A70;
  --esp:#22150E; --esp2:#2E1D13; --esp3:#140C08; --flame:#E9721C; --flame2:#CF6012; --wa:#1F7A4D;
  --line:rgba(23,17,12,.1); --lineD:rgba(255,255,255,.12);
  --disp:"Clash Display","Arial Black",system-ui,sans-serif; --sans:"Satoshi",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gut:clamp(20px,4vw,56px); --max:1320px; --r:12px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--flame);outline-offset:3px}
h1,h2,h3{margin:0;font-family:var(--disp);font-weight:600;letter-spacing:-.02em;text-wrap:balance}
h2{font-size:clamp(38px,4.4vw,68px);line-height:1.02}
h2 span,h1 span{color:var(--flame)}
.w{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.g2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(40px,6vw,110px);align-items:center}
.eyebrow{margin:0 0 18px;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--flame);display:flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor}
.lead{margin:22px 0 32px;font-size:18px;color:var(--ink2);max-width:46ch}
.ar{width:18px;height:18px;flex:0 0 auto;transition:transform .3s}
a:hover .ar{transform:translateX(3px)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:13px 20px;font-weight:700;font-size:15px;white-space:nowrap;transition:background .25s,color .25s,border-color .25s}
.btn svg{width:18px;height:18px}
.btn.lg{padding:17px 26px;font-size:16px}
.btn.f{background:var(--flame);color:#fff}
.btn.f:hover{background:var(--flame2)}
.btn.wa{background:var(--wa);color:#fff}
.btn.ghost{border:1.5px solid rgba(255,255,255,.45);color:#fff}
.btn.ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn.ghost-d{border:1.5px solid var(--ink);color:var(--ink)}
.btn.ghost-d:hover{background:var(--ink);color:#fff}
.lnk{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;border-bottom:2px solid var(--flame);padding-bottom:4px}
.sec{padding:clamp(80px,10vw,140px) 0}
.sh{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:clamp(36px,4vw,56px)}
.sh > p{margin:0;color:var(--ink2);max-width:44ch;justify-self:end}
.sh > .lnk{justify-self:end}

/* üst şerit + menü */
.topbar{background:var(--esp3);color:#C9BBAE;font-size:13.5px}
.topbar .w{display:flex;justify-content:space-between;gap:20px;padding-block:9px}
.topbar .r{display:flex;gap:26px}
.topbar a:hover{color:#fff}
.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--white);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.hd.sc{box-shadow:0 10px 30px -20px rgba(23,17,12,.35)}
.hd .w{display:flex;align-items:center;gap:34px;height:84px}
.hd .logo img{height:50px;width:auto}
.hd nav{display:flex;gap:28px;font-size:15.5px;font-weight:500;margin-right:auto}
.hd nav a{padding:6px 0;border-bottom:2px solid transparent;transition:border-color .25s}
.hd nav a:hover{border-color:var(--flame)}
.hd .tel{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15.5px}
.hd .tel svg{width:18px;height:18px;color:var(--flame)}
.t-koyu .hd{background:var(--esp);color:#F3ECE5;border-color:var(--lineD)}

/* açılış */
.hero{position:relative;color:#fff;background:var(--esp3);min-height:min(88vh,840px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.hero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 45%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,12,8,.88) 0%,rgba(20,12,8,.62) 45%,rgba(20,12,8,.12) 80%),linear-gradient(0deg,rgba(20,12,8,.7) 0%,rgba(20,12,8,0) 40%)}
.t-acik .hero > img{object-position:50% 55%}
.hero .in{position:relative;z-index:2;width:100%;padding-block:clamp(70px,9vw,120px) 46px}
.hero .kick{margin:0 0 22px;font-size:14px;font-weight:700;letter-spacing:.06em;color:#F6C9A2}
.hero h1{font-size:clamp(50px,7vw,112px);line-height:.98;max-width:13ch}
.hero .sub{margin:28px 0 36px;font-size:19px;color:#EAE1D8;max-width:48ch}
.hero .acts{display:flex;gap:12px;flex-wrap:wrap}
.hero .quick{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18)}
.hero .quick a{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:22px 22px 26px 0;border-right:1px solid rgba(255,255,255,.18);margin-right:22px;transition:color .25s}
.hero .quick a:last-child{border-right:0;margin-right:0}
.hero .quick b{font-family:var(--disp);font-weight:600;font-size:21px;letter-spacing:-.01em}
.hero .quick span{grid-column:1;font-size:14.5px;color:#CDBFB2}
.hero .quick .ar{grid-column:2;grid-row:1/3;align-self:center;color:var(--flame)}
.hero .quick a:hover b{color:#F6C9A2}

/* logo bandı */
.lane-wrap{background:var(--white);border-bottom:1px solid var(--line);overflow:hidden;padding:30px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.lane{display:flex;gap:76px;align-items:center;width:max-content;animation:lane 90s linear infinite}
.lane img{height:32px;width:auto;filter:grayscale(1);opacity:.55;mix-blend-mode:multiply}
@keyframes lane{to{transform:translateX(-50%)}}

/* kanıt */
.proof{background:var(--white)}
.t-koyu .proof{background:var(--paper)}
.stats{display:flex;gap:clamp(26px,4vw,56px);margin:0 0 34px;padding-top:28px;border-top:1px solid var(--line)}
.stats b{display:block;font-family:var(--disp);font-weight:600;font-size:clamp(38px,3.6vw,54px);line-height:1;letter-spacing:-.02em}
.stats span{font-size:14.5px;color:var(--mut)}
.lgrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--white)}
.lgrid span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);aspect-ratio:3/2;display:grid;place-items:center;padding:20px}
.lgrid img{max-height:34px;width:auto;filter:grayscale(1);opacity:.6;mix-blend-mode:multiply;transition:opacity .25s,filter .25s}
.lgrid span:hover img{opacity:1;filter:none}

/* hizmet karoları */
.svc{background:var(--paper)}
.t-koyu .svc{background:var(--esp);color:#F3ECE5}
.t-koyu .svc .sh > p{color:#C9BBAE}
.tiles{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.tile{position:relative;grid-column:span 4;height:340px;border-radius:var(--r);overflow:hidden;color:#fff;background:#000}
.tile.big{grid-column:span 6;height:500px}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.tile:hover img{transform:scale(1.05)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,9,6,.85) 0%,rgba(15,9,6,.25) 45%,rgba(15,9,6,0) 70%)}
.tile .tt{position:absolute;z-index:2;left:24px;right:80px;bottom:22px;display:grid;gap:4px}
.tile .tt b{font-family:var(--disp);font-weight:600;font-size:clamp(24px,2.2vw,30px);letter-spacing:-.015em;line-height:1.05}
.tile.big .tt b{font-size:clamp(30px,3vw,42px)}
.tile .tt span{font-size:15px;color:#E6DCD2}
.tile .go{position:absolute;z-index:2;right:20px;bottom:22px;width:46px;height:46px;border-radius:50%;background:var(--flame);display:grid;place-items:center;transition:transform .3s}
.tile .go .ar{width:20px;height:20px}
.tile:hover .go{transform:rotate(-45deg)}
.all{margin-top:40px}
.lst{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.t-koyu .lst{border-color:var(--lineD)}
.lst a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 18px 17px 0;border-bottom:1px solid var(--line);font-weight:500;font-size:16px;transition:color .25s,padding .25s}
.t-koyu .lst a{border-color:var(--lineD)}
.lst a .ar{color:var(--flame)}
.lst a:hover{color:var(--flame)}

/* neden tek ekip */
.why{background:var(--stone)}
.t-koyu .why{background:var(--paper)}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vs .col{border-radius:var(--r);padding:30px 28px 26px}
.vs .no{background:var(--white);border:1px solid var(--line)}
.vs .yes{background:var(--esp);color:#F3ECE5}
.vs .no .eyebrow{color:var(--mut)}
.vs ul{list-style:none;margin:0;padding:0;display:grid}
.vs li{padding:14px 0 14px 30px;position:relative;border-top:1px solid var(--line);font-size:16px;line-height:1.45}
.vs .yes li{border-color:var(--lineD)}
.vs .no li{color:var(--ink2)}
.vs .no li::before{content:"";position:absolute;left:2px;top:23px;width:14px;height:2px;background:#B9AFA6}
.vs .yes li::before{content:"";position:absolute;left:0;top:15px;width:19px;height:19px;border-radius:50%;background:var(--flame) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='1.7'/%3E%3C/svg%3E") center/100% no-repeat}

/* servis şekilleri */
.fmts{background:var(--white)}
.fgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.fmt{display:grid;gap:4px}
.fmt .im{aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;margin-bottom:12px}
.fmt img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.fmt:hover img{transform:scale(1.05)}
.fmt b{font-family:var(--disp);font-weight:600;font-size:21px;letter-spacing:-.01em}
.fmt span{font-size:14.5px;color:var(--mut)}

/* etkinlik günü */
.steps{background:var(--esp);color:#F3ECE5}
.steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:s;border-top:1px solid var(--lineD)}
.steps li{padding:30px 28px 10px 0;border-right:1px solid var(--lineD);margin-right:28px}
.steps li:last-child{border-right:0;margin-right:0}
.steps li::before{counter-increment:s;content:"0" counter(s);display:block;font-family:var(--disp);font-weight:600;font-size:56px;line-height:1;color:var(--flame);margin-bottom:22px;letter-spacing:-.03em}
.steps b{font-family:var(--disp);font-weight:600;font-size:26px;letter-spacing:-.01em}
.steps p{margin:10px 0 0;color:#C9BBAE;font-size:16px}

/* işler */
.work{background:var(--paper)}
.cgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:280px 280px;gap:16px}
.case{position:relative;border-radius:var(--r);overflow:hidden;background:#000;color:#fff}
.case.c0{grid-row:span 2}
.case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.case:hover img{transform:scale(1.05)}
.case::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,9,6,.8),rgba(15,9,6,0) 55%)}
.case .cl{position:absolute;z-index:2;left:20px;bottom:18px;display:grid}
.case .cl b{font-family:var(--disp);font-weight:600;font-size:24px}
.case .cl span{font-size:14px;color:#E6DCD2}


/* çağrı bandı */
.cta-band{background:var(--flame);color:var(--esp3);padding:clamp(60px,7vw,96px) 0}
.cta-band .w{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.cta-band h2 span{color:#fff}
.cta-band .acts{display:flex;gap:12px;flex-wrap:wrap}
.cta-band .btn.f{background:var(--esp3)}
.cta-band .btn.f:hover{background:var(--esp2)}

/* sss */
.faq{background:var(--white)}
.faq .g2{align-items:start}
.qa details{border-top:1px solid var(--line)}
.qa details:last-child{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;cursor:pointer;font-family:var(--disp);font-weight:500;font-size:21px;letter-spacing:-.01em;line-height:1.3}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{position:relative;width:28px;height:28px;border-radius:50%;background:var(--stone);flex:0 0 auto}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;background:var(--ink);transition:transform .3s}
.qa summary i::after{transform:rotate(90deg)}
.qa details[open] summary i{background:var(--flame)}
.qa details[open] summary i::before,.qa details[open] summary i::after{background:#fff}
.qa details[open] summary i::after{transform:rotate(0)}
.qa details p{margin:0 0 24px;color:var(--ink2);max-width:60ch}

/* rehber */
.guides{background:var(--paper)}
.ggrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gd{display:grid;gap:8px;align-content:start}
.gd .im{aspect-ratio:3/2;border-radius:var(--r);overflow:hidden;margin-bottom:8px}
.gd img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.gd:hover img{transform:scale(1.05)}
.gd .k{font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--flame)}
.gd b{font-family:var(--disp);font-weight:600;font-size:21px;line-height:1.2;letter-spacing:-.01em}
.gd .rd{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14.5px;color:var(--ink2);margin-top:6px}

/* iletişim */
.contact{background:var(--esp);color:#F3ECE5;padding:clamp(80px,10vw,140px) 0}
.contact .lead{color:#C9BBAE}
.ways{display:grid;border-top:1px solid var(--lineD)}
.ways a{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--lineD)}
.ways span{font-size:14px;color:#A99A8C}
.ways b{font-family:var(--disp);font-weight:500;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.01em}
.ways a:hover b{color:var(--flame)}
form.cb{background:var(--white);color:var(--ink);border-radius:16px;padding:clamp(28px,3vw,44px);display:grid;gap:8px}
form.cb h3{font-size:30px}
form.cb p{margin:0 0 14px;color:var(--ink2)}
form.cb label{font-size:14px;font-weight:700;margin-top:8px}
form.cb input{font:inherit;font-size:17px;padding:15px 16px;border-radius:10px;border:1.5px solid rgba(23,17,12,.16);background:var(--paper);color:var(--ink)}
form.cb input:focus{border-color:var(--flame);outline:none}
form.cb .btn{margin-top:16px;border:0;cursor:pointer;font-family:inherit}
form.cb .ok{color:var(--wa);margin:8px 0 0;font-size:15px}

/* alt bilgi */
.ft{background:var(--esp3);color:#A99A8C;font-size:15px}
.ft .top{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:36px;padding-block:80px 56px}
.ft img{height:56px;width:auto;margin-bottom:20px}
.ft p{margin:0 0 14px;max-width:36ch}
.ft h4{margin:0 0 16px;color:#F3ECE5;font-family:var(--disp);font-weight:600;font-size:17px}
.ft .top a{display:block;padding:4px 0}
.ft .top a:hover{color:#fff}
.ft .bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--lineD);padding-block:24px calc(env(safe-area-inset-bottom,0px) + 28px);font-size:14px}

/* sabit düğmeler */
.fab{position:fixed;right:24px;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);z-index:50;width:60px;height:60px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 16px 32px -14px rgba(0,0,0,.5)}
.fab svg{width:30px;height:30px}
.mbar{display:none}

/* duyarlı */
@media (max-width:1100px){.hd nav{display:none}.fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.ggrid{grid-template-columns:repeat(2,minmax(0,1fr))}.lst{grid-template-columns:repeat(2,minmax(0,1fr))}.ft .top{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:860px){
  .topbar .r a:not(:first-child){display:none}
  .hd .w{height:72px;gap:16px}.hd .logo img{height:42px}.hd .tel{display:none}.hd .btn{margin-left:auto}
  .g2,.sh{grid-template-columns:minmax(0,1fr)}.sh > p,.sh > .lnk{justify-self:start}
  .hero h1{font-size:clamp(44px,12vw,72px)}.hero .sub{font-size:17px}.hero .quick{grid-template-columns:1fr 1fr}.hero .quick a{border-right:0;margin-right:0;padding-right:10px;border-bottom:1px solid rgba(255,255,255,.18)}
  .tile,.tile.big{grid-column:span 12;height:300px}
  .vs{grid-template-columns:1fr}
  .steps ol{grid-template-columns:1fr 1fr}.steps li{border-right:0;margin-right:0;padding-right:16px}
  .cgrid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.case{height:220px}.case.c0{grid-row:auto;grid-column:span 2;height:280px}
  .lgrid{grid-template-columns:repeat(3,1fr)}
  .fab{display:none}
  .mbar{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:6px;position:fixed;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);z-index:50}
  .mbar a{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;padding:14px 0;font-weight:700;font-size:15px;background:var(--ink);color:#fff;box-shadow:0 12px 24px -12px rgba(0,0,0,.5)}
  .mbar a svg{width:18px;height:18px}.mbar a.w2{background:var(--wa)}.mbar a.f{background:var(--flame)}
  .ft{padding-bottom:76px}.ft .top{grid-template-columns:1fr 1fr}.ft .top > div:first-child{grid-column:1/-1}
}
@media (max-width:520px){.lst,.ggrid{grid-template-columns:minmax(0,1fr)}.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:22px}.ways a{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.lane{animation:none}*{transition:none!important}}
@media (max-width:860px){.case .cl b{font-size:19px}.case .cl{left:14px;right:14px;bottom:14px}}

/* ================= ÇOK SAYFALI SİTE BİLEŞENLERİ ================= */
/* mega menü */
.hd nav{position:relative}
.hd .dd{position:relative}
.hd .dd > button{font:inherit;font-weight:500;font-size:15.5px;background:none;border:0;color:inherit;padding:6px 0;cursor:pointer;display:flex;align-items:center;gap:6px;border-bottom:2px solid transparent}
.hd .dd > button svg{width:12px;height:12px;transition:transform .25s}
.hd .dd.open > button svg{transform:rotate(180deg)}
.hd .dd.open > button,.hd .dd > button:hover{border-color:var(--flame)}
.mega{position:absolute;left:-40px;top:calc(100% + 22px);width:min(980px,calc(100vw - 80px));background:var(--white);color:var(--ink);border-radius:16px;box-shadow:0 30px 70px -30px rgba(23,17,12,.45);padding:30px 34px;display:none;grid-template-columns:repeat(4,minmax(0,1fr)) 230px;gap:26px;z-index:60}
.mega::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.dd.open .mega{display:grid}
.mega h5{margin:0 0 12px;font-family:var(--disp);font-weight:600;font-size:15px;color:var(--flame)}
.mega a{display:block;padding:6px 0;font-size:15px;font-weight:500;border:0}
.mega a:hover{color:var(--flame)}
.mega .promo{border-radius:12px;overflow:hidden;position:relative;color:#fff;min-height:200px;display:flex;align-items:flex-end;padding:16px}
.mega .promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mega .promo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,9,6,.85),rgba(15,9,6,0) 60%)}
.mega .promo b{position:relative;z-index:2;font-family:var(--disp);font-weight:600;font-size:18px;line-height:1.2}
.burger{display:none;background:none;border:0;color:inherit;padding:8px;cursor:pointer}
.burger svg{width:26px;height:26px}
.mnav{position:fixed;inset:0;z-index:90;background:var(--esp);color:#F3ECE5;display:none;flex-direction:column;overflow-y:auto;padding:calc(env(safe-area-inset-top,0px) + 18px) 22px calc(env(safe-area-inset-bottom,0px) + 30px)}
.mnav.open{display:flex}
.mnav .x{align-self:flex-end;background:none;border:0;color:inherit;font-size:30px;line-height:1;padding:6px 10px;cursor:pointer}
.mnav details{border-bottom:1px solid var(--lineD)}
.mnav summary{list-style:none;padding:18px 0;font-family:var(--disp);font-weight:600;font-size:22px;cursor:pointer;display:flex;justify-content:space-between}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary::after{content:"+";color:var(--flame)}
.mnav details[open] summary::after{content:"−"}
.mnav details a{display:block;padding:9px 0 9px 4px;font-size:16.5px;color:#D9CDC2}
.mnav > a{display:block;padding:18px 0;border-bottom:1px solid var(--lineD);font-family:var(--disp);font-weight:600;font-size:22px}
.mnav .mfoot{margin-top:28px;display:grid;gap:10px}
body.lock{overflow:hidden}

/* sayfa açılışı (iç sayfalar) */
.phero{position:relative;color:#fff;background:var(--esp3);min-height:clamp(440px,62vh,620px);display:flex;align-items:flex-end;overflow:hidden}
.phero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,12,8,.9) 0%,rgba(20,12,8,.62) 50%,rgba(20,12,8,.2) 85%),linear-gradient(0deg,rgba(20,12,8,.6),rgba(20,12,8,0) 45%)}
.phero .in{position:relative;z-index:2;width:100%;padding-block:110px 56px}
.phero h1{font-size:clamp(42px,5.6vw,86px);line-height:1;max-width:16ch}
.phero .sub{margin:22px 0 30px;font-size:19px;color:#EAE1D8;max-width:52ch}
.phero .acts{display:flex;gap:12px;flex-wrap:wrap}
.phero.short{min-height:clamp(320px,42vh,440px)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:#D2C4B7;margin-bottom:22px}
.crumbs a{color:#F6C9A2}
.crumbs span[aria-hidden]{opacity:.6}
.trust{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:30px;font-size:14.5px;color:#E6DCD2}
.trust span{display:flex;align-items:center;gap:8px}
.trust span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--flame)}

/* özet kutuları */
.ozet{background:var(--white);border-bottom:1px solid var(--line)}
.ozet .w{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ozet .w > div{padding:28px 24px 28px 0;border-right:1px solid var(--line);margin-right:24px}
.ozet .w > div:last-child{border-right:0;margin-right:0}
.ozet span{display:block;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--mut);margin-bottom:6px}
.ozet b{font-family:var(--disp);font-weight:600;font-size:20px;line-height:1.25;letter-spacing:-.01em}

/* giriş bölümü */
.intro{background:var(--paper)}
.intro .g2{align-items:start}
.intro .txt p{margin:0 0 18px;font-size:18px;line-height:1.7;color:var(--ink2);max-width:60ch}
.intro .txt p:first-of-type{font-size:21px;line-height:1.55;color:var(--ink)}
.intro .im{border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;position:sticky;top:110px}
.intro .im img{width:100%;height:100%;object-fit:cover}

/* tik kartlar */
.checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.checks div{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:22px 20px;display:grid;gap:12px;align-content:start;font-weight:500;font-size:16px;line-height:1.4}
.checks div::before{content:"";width:30px;height:30px;border-radius:50%;background:var(--flame) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='1.7'/%3E%3C/svg%3E") center/70% no-repeat}
.sec.soft{background:var(--stone)}
.sec.white{background:var(--white)}
.sec.dark{background:var(--esp);color:#F3ECE5}
.sec.dark .sh > p{color:#C9BBAE}

/* kimler için */
.who{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.who div{padding:28px 26px 10px 0;border-right:1px solid var(--line);margin-right:26px}
.who div:last-child{border-right:0;margin-right:0}
.who b{display:block;font-family:var(--disp);font-weight:600;font-size:22px;letter-spacing:-.01em;margin-bottom:10px;line-height:1.2}
.who p{margin:0;color:var(--ink2);font-size:16px}

/* örnek menü */
.menu-card{background:var(--white);border-radius:16px;border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);overflow:hidden}
.menu-card .im{position:relative;min-height:380px}
.menu-card .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.menu-card .bd{padding:clamp(28px,3.4vw,48px)}
.menu-card .bd > p{margin:0 0 26px;color:var(--ink2)}
.mgroups{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;border-top:1px solid var(--line);padding-top:24px}
.mgroups h4{margin:0 0 12px;font-family:var(--disp);font-weight:600;font-size:16px;color:var(--flame)}
.mgroups ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15.5px}
.menu-card .note{display:block;margin-top:24px;font-size:13.5px;color:var(--mut)}
.menu-card .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}

/* bilgi bölümü */
.info .bd p{margin:0 0 18px;font-size:17.5px;line-height:1.7;color:var(--ink2);max-width:62ch}
.info ul.cl{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.info ul.cl li{background:var(--white);border-radius:10px;padding:14px 16px 14px 44px;position:relative;font-size:15.5px;border:1px solid var(--line)}
.info ul.cl li::before{content:"";position:absolute;left:16px;top:17px;width:16px;height:16px;border-radius:4px;border:2px solid var(--flame)}

/* öne çıkan vaka */
.feat{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);background:var(--esp);color:#F3ECE5;border-radius:16px;overflow:hidden}
.feat .im{position:relative;min-height:400px}
.feat .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.feat .bd{padding:clamp(30px,4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:16px}
.feat .bd h3{font-size:clamp(28px,2.6vw,38px)}
.feat .bd p{margin:0;color:#C9BBAE}
.logostrip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:22px;background:var(--white)}
.logostrip span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);height:86px;display:grid;place-items:center;padding:14px}
.logostrip img{max-height:28px;width:auto;filter:grayscale(1);opacity:.6;mix-blend-mode:multiply}

/* ilgili */
.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rel .tile{grid-column:auto;height:300px}

/* vaka sayfası */
.kunye{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--white);border:1px solid var(--line);border-radius:var(--r)}
.kunye div{padding:22px 24px;border-right:1px solid var(--line)}
.kunye div:last-child{border-right:0}
.kunye span{display:block;font-size:13px;font-weight:700;color:var(--mut);margin-bottom:4px}
.kunye b{font-family:var(--disp);font-weight:600;font-size:19px}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gallery figure{margin:0;border-radius:10px;overflow:hidden;aspect-ratio:3/2;background:#000}
.gallery figure:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.gallery img{width:100%;height:100%;object-fit:cover}
.bullets{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bullets li{padding-left:30px;position:relative;font-size:17px}
.bullets li::before{content:"";position:absolute;left:0;top:5px;width:19px;height:19px;border-radius:50%;background:var(--flame) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='1.7'/%3E%3C/svg%3E") center/100% no-repeat}

/* hub */
.hubgroup{margin-bottom:clamp(50px,6vw,80px)}
.hubgroup:last-child{margin-bottom:0}
.hubgroup > h2{font-size:clamp(30px,3vw,44px);margin-bottom:24px;display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid var(--line);padding-bottom:14px}
.hubgroup > h2 small{font-family:var(--sans);font-size:15px;font-weight:500;color:var(--mut)}
.hubtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hubtiles .tile{grid-column:auto;height:300px}

/* blog */
.bcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.post{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(40px,6vw,90px);align-items:start}
.post article{font-size:18px;line-height:1.75;color:var(--ink2);max-width:72ch}
.post article h2{font-size:clamp(28px,2.6vw,38px);color:var(--ink);margin:48px 0 16px;line-height:1.15}
.post article p{margin:0 0 18px}
.post article ul{margin:0 0 22px;padding-left:22px;display:grid;gap:8px}
.answer{background:var(--esp);color:#F3ECE5;border-radius:14px;padding:26px 28px;margin:0 0 30px;font-size:18.5px;line-height:1.6}
.answer b{display:block;font-family:var(--disp);font-weight:600;color:var(--flame);font-size:14px;letter-spacing:.04em;margin-bottom:8px}
.toc{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin:0 0 30px}
.toc b{font-family:var(--disp);font-weight:600;font-size:16px}
.toc ol{margin:10px 0 0;padding-left:20px;display:grid;gap:6px;font-size:16px}
.tblw{overflow-x:auto;margin:6px 0 26px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.tblw table{border-collapse:collapse;width:100%;font-size:15.5px;min-width:520px}
.tblw th,.tblw td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.tblw th{background:var(--stone);font-weight:700;color:var(--ink)}
.tblw tr:last-child td{border-bottom:0}
.side{position:sticky;top:110px;display:grid;gap:16px}
.sidebox{background:var(--esp);color:#F3ECE5;border-radius:14px;padding:26px}
.sidebox h4{margin:0 0 10px;font-family:var(--disp);font-weight:600;font-size:22px;line-height:1.2}
.sidebox p{margin:0 0 18px;color:#C9BBAE;font-size:15.5px}
.sidebox .btn{width:100%;margin-top:8px}
.sidelinks{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px}
.sidelinks h4{margin:0 0 10px;font-family:var(--disp);font-weight:600;font-size:17px}
.sidelinks a{display:block;padding:8px 0;border-bottom:1px solid var(--line);font-weight:500;font-size:15.5px}
.sidelinks a:last-child{border-bottom:0}
.meta-row{display:flex;gap:16px;flex-wrap:wrap;font-size:14.5px;color:#D2C4B7;margin-top:14px}

/* referans ızgarası */
.refgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--white)}
.refgrid div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);aspect-ratio:3/2;display:grid;place-items:center;padding:20px;gap:6px;text-align:center}
.refgrid img{max-height:40px;width:auto;filter:grayscale(1);opacity:.7;mix-blend-mode:multiply}
.refgrid span{font-size:12.5px;color:var(--mut)}
.chipsx{display:flex;flex-wrap:wrap;gap:8px}
.chipsx span{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-weight:500;font-size:15px}

@media (max-width:1100px){.mega{display:none!important}.checks{grid-template-columns:repeat(2,minmax(0,1fr))}.who{grid-template-columns:repeat(2,minmax(0,1fr))}.who div:nth-child(2){border-right:0;margin-right:0}.logostrip{grid-template-columns:repeat(4,minmax(0,1fr))}.refgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.post{grid-template-columns:minmax(0,1fr)}.side{position:static}}
@media (max-width:860px){
  .hd nav{display:none}.burger{display:block}.hd .btn{margin-left:auto}
  .ozet .w{grid-template-columns:1fr 1fr}.ozet .w > div{border-right:0;margin-right:0;border-bottom:1px solid var(--line)}
  .intro .im{position:static;aspect-ratio:4/3}
  .menu-card,.feat{grid-template-columns:minmax(0,1fr)}.menu-card .im,.feat .im{min-height:240px}
  .info ul.cl{grid-template-columns:minmax(0,1fr)}
  .rel,.hubtiles,.bcards{grid-template-columns:minmax(0,1fr)}
  .kunye{grid-template-columns:1fr 1fr}.kunye div:nth-child(2){border-right:0}.kunye div{border-bottom:1px solid var(--line)}
  .gallery{grid-template-columns:1fr 1fr}.gallery figure:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:3/2}
  .refgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .phero .in{padding-block:80px 40px}
}
@media (max-width:520px){.checks,.who{grid-template-columns:minmax(0,1fr)}.who div{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding-bottom:20px}}
@media (max-width:860px){.btn{white-space:normal;text-align:center}}

/* ---- v2: dönen hero ---- */
.hero .slides{position:absolute;inset:0}
.hero .slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;opacity:0;transform:scale(1.06);transition:opacity 1.4s ease,transform 7s ease-out}
.hero .slides img.on{opacity:1;transform:scale(1)}
.hero .dots{position:absolute;z-index:3;right:var(--gut);top:clamp(24px,4vw,40px);display:flex;gap:8px}
.hero .dots i{width:26px;height:3px;border-radius:2px;background:rgba(255,255,255,.3);transition:background .4s,width .4s}
.hero .dots i.on{background:var(--flame);width:42px}
@media (prefers-reduced-motion:reduce){.hero .slides img{transition:none;transform:none}}

/* ---- v2: ana sayfa SEO bloğu ---- */
.seoblk{background:var(--paper)}
.seoblk .bd p{margin:0 0 18px;font-size:17.5px;color:var(--ink2);max-width:62ch}
.seoblk .bd a:not(.btn){color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--flame);text-underline-offset:3px}
.facts{display:grid;grid-template-columns:1fr 1fr;margin-top:34px;border-top:1px solid var(--line)}
.facts div{padding:16px 14px 16px 0;border-bottom:1px solid var(--line)}
.facts span{display:block;font-size:13px;color:var(--mut)}
.facts b{font-weight:600;font-size:15.5px}
.stick{position:sticky;top:110px}

/* ---- v2: hizmet sayfası yeni bölümler ---- */
.nedenler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.nedenler div{padding:30px 26px 10px 0;margin-right:26px;border-right:1px solid var(--line)}
.nedenler div:last-child{border-right:0;margin-right:0}
.nedenler .n{display:block;font-family:var(--disp);font-weight:600;font-size:15px;color:var(--flame);margin-bottom:22px}
.nedenler b{display:block;font-family:var(--disp);font-weight:600;font-size:22px;letter-spacing:-.01em;line-height:1.15;margin-bottom:12px}
.nedenler p{margin:0;color:var(--ink2);font-size:16px}
.fiyat{background:var(--esp);color:#F3ECE5}
.fiyat .lead{color:#CDBFB2}
.fk{counter-reset:fk;border-top:1px solid var(--lineD)}
.fk div{counter-increment:fk;display:grid;grid-template-columns:56px 1fr;gap:4px 0;padding:24px 0;border-bottom:1px solid var(--lineD)}
.fk div::before{content:counter(fk,decimal-leading-zero);grid-row:1/3;font-family:var(--disp);font-weight:600;color:var(--flame);font-size:17px;padding-top:2px}
.fk b{font-family:var(--disp);font-weight:600;font-size:22px;letter-spacing:-.01em}
.fk p{margin:0;color:#CDBFB2;font-size:16px}
.kl{margin-top:30px;padding:28px 30px;background:var(--paper);border-radius:var(--r)}
.kl > b{display:block;font-family:var(--disp);font-weight:600;font-size:20px;margin-bottom:12px}
.kl ul.cl{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}
.kl ul.cl li{position:relative;padding-left:28px;font-size:15.5px;color:var(--ink2)}
.kl ul.cl li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:4px;border:1.5px solid var(--flame)}
.izmir{background:var(--stone)}
.izmir .bd p{margin:0 0 18px;color:var(--ink2);max-width:62ch}
.fgal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}
.fgal figure{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--stone)}
.fgal img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.fgal figure:hover img{transform:scale(1.04)}
@media (max-width:1000px){.nedenler{grid-template-columns:1fr 1fr}.nedenler div:nth-child(2){border-right:0;margin-right:0}.stick{position:static}}
@media (max-width:640px){.nedenler{grid-template-columns:1fr}.nedenler div{border-right:0;margin-right:0;padding-right:0}.kl ul.cl{grid-template-columns:1fr}.fgal{grid-template-columns:1fr 1fr}.fgal figure:first-child{grid-column:1/-1}.facts{grid-template-columns:1fr}.hero .dots{display:none}}

/* ---- ilçe sayfaları ---- */
.ilkler{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.ilk{display:flex;flex-direction:column;gap:10px;padding:28px 26px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);transition:border-color .25s,transform .25s}
.white .ilk{background:var(--paper)}
.sec:not(.white) .ilk{background:var(--white)}
a.ilk:hover{border-color:var(--flame);transform:translateY(-2px)}
.ilk b{font-family:var(--disp);font-weight:600;font-size:22px;letter-spacing:-.01em;line-height:1.15}
.ilk p{margin:0;color:var(--ink2);font-size:16px;flex:1}
.ilk .rd{font-weight:700;font-size:14.5px;color:var(--flame);display:inline-flex;gap:6px;align-items:center}
.chipsx a{background:var(--white);border:1.5px solid var(--flame);border-radius:10px;padding:10px 14px;font-weight:600;font-size:15px;color:var(--ink);transition:background .2s,color .2s}
.chipsx a:hover{background:var(--flame);color:#fff}
.ft .soc{display:flex;gap:18px;flex-wrap:wrap}
.ft .top .soc a{display:inline-block;padding:4px 0;border-bottom:1px solid var(--flame)}
.intro .ih{font-size:clamp(28px,2.6vw,38px);line-height:1.1;margin:0 0 22px}
/* galeri: gerçek kareler (taşmasız sütun) */
.wgal{columns:4 240px;column-gap:14px}
.wgal figure{margin:0 0 14px;break-inside:avoid;border-radius:var(--r);overflow:hidden;background:var(--stone)}
.wgal img{width:100%;height:auto;display:block}
.wgal figcaption{font-size:13.5px;color:var(--ink2);padding:10px 12px}

/* ================= MOBİL SADELEŞTİRME (12 Eki 2026) ================= */
@media (max-width:860px){
  /* tek CTA yeri: alt bar. üst barda tekrar eden buton ve şerit kalkar */
  .topbar{display:none}
  .hd .btn{display:none}.hd .burger{margin-left:auto}
  /* daha sıkı ritim */
  .sec{padding:56px 0}
  .sh{gap:10px;margin-bottom:26px}
  h2{font-size:clamp(28px,8vw,36px)}
  .lead{margin:14px 0 22px;font-size:16.5px}
  /* hero: alt bara takılan hızlı linkler kalkar */
  .hero{min-height:auto}.hero .quick{display:none}.hero .in{padding-block:56px 40px}
  /* ana sayfa: logo ızgarası tekrar (logo şeridi zaten var), bilgi kutucukları kalkar */
  .proof .lgrid{display:none}.seoblk .facts{display:none}.stick{position:static}
  /* hizmet kartları 2 sütun, kısa */
  .tiles{grid-template-columns:1fr 1fr;gap:10px}
  .tile,.tile.big{grid-column:span 1;height:170px}
  .tile .tt{left:12px;right:12px;bottom:12px}.tile .tt b,.tile.big .tt b{font-size:17px;line-height:1.1}
  .tile .tt span,.tile .go{display:none}
  .lst a{padding:12px 8px 12px 0;font-size:15px}
  /* karşılaştırmada yalnızca "Major ile" */
  .vs .col.no{display:none}
  /* adımlar kompakt */
  .steps li{padding:18px 12px 6px 0}.steps li::before{font-size:34px;margin-bottom:10px}.steps b{font-size:19px}.steps p{font-size:14.5px}
  /* rehber kartları 2 sütun, kategori/oku satırı gizli */
  .ggrid,.bcards{grid-template-columns:1fr 1fr!important;gap:14px}
  .gd b{font-size:15px;line-height:1.25}.gd .rd{display:none}
  /* "neler dahil": kutu yerine sade liste */
  .checks{grid-template-columns:1fr!important;gap:0}
  .checks div{display:flex!important;align-items:center;gap:12px!important;padding:12px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:none!important;font-size:15.5px!important}
  .checks div::before{width:22px!important;height:22px!important;flex:none}
  /* gerçek galeri 2 sütun, açıklamasız */
  .wgal{columns:2;column-gap:8px}.wgal figure{margin-bottom:8px}.wgal figcaption{display:none}
  .fgal{gap:8px}
}
/* kontrol listesi: kutusuz sade liste (tüm genişlikler) */
.kl ul.cl li{background:none;border:0;border-radius:0;padding:10px 0 10px 28px;border-bottom:1px solid var(--line)}
.kl ul.cl li::before{top:13px;left:0}
@media (max-width:860px){
  .phero ~ .why,.phero ~ .steps{display:none}
  .lst{grid-template-columns:1fr 1fr!important;column-gap:14px}
  .lst a{font-size:14px}
  .fgrid .fmt:last-child:nth-child(odd){grid-column:1/-1}
}
/* Codex ile ortak inceleme sonrası (12 Eki 2026) */
.more-btn{display:none}
@media (max-width:860px){
  .hero .acts,.phero .acts{display:none}
  .ft .top > div:not(:first-child){display:none}
  [data-more].clamp{max-height:330px;overflow:hidden;position:relative}
  [data-more].clamp::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(rgba(250,249,247,0),var(--paper) 85%)}
  .more-btn{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:12px 18px;border:1.5px solid var(--ink);border-radius:999px;background:none;font:700 15px var(--sans);color:var(--ink);cursor:pointer}
}