/* ============================================================
   Nigde Profesyonel Nakliyat
   Malzeme dunyasi: kraft karton, koli banti, depo lambasi.
   Harici font/CDN yok — hepsi kendi sunucumuzda.
   ============================================================ */

/* ---------- Yazi tipleri ---------- */
@font-face{
  font-family:'Fraunces';font-style:normal;font-weight:800;font-display:swap;
  src:url(/assets/font/fraunces-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Fraunces';font-style:normal;font-weight:800;font-display:swap;
  src:url(/assets/font/fraunces-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/assets/font/instrument-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/assets/font/instrument-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ---------- Belirteçler ---------- */
:root{
  /* depo: kurum siyahi, sicak */
  --is:#16130F;
  --is-2:#221C15;
  --is-3:#33291F;

  /* kagit */
  --kagit:#F2EFE8;
  --kagit-2:#E7E0D2;

  /* kraft karton */
  --karton:#C08A4E;
  --karton-acik:#DDB585;
  --karton-koyu:#8A5E2B;

  /* murekkep */
  --murekkep:#241F19;
  --murekkep-2:#5B5248;
  --murekkep-3:#8A8074;

  /* eylem */
  --vurgu:#0F5340;
  --vurgu-2:#146A52;
  --wa:#25D366;

  --cizgi:#DDD5C5;
  --cizgi-koyu:rgba(255,255,255,.13);

  --golge-s:0 1px 2px rgba(36,31,25,.05),0 6px 18px rgba(36,31,25,.06);
  --golge-l:0 2px 6px rgba(36,31,25,.07),0 22px 50px rgba(36,31,25,.13);

  --r:12px;
  --r-l:20px;
  --gen:1180px;

  --f-baslik:'Fraunces',Georgia,'Times New Roman',serif;
  --f-govde:'Instrument Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--kagit);color:var(--murekkep);
  font-family:var(--f-govde);font-size:17px;line-height:1.62;
  font-feature-settings:"kern","liga";-webkit-font-smoothing:antialiased;
}
img,svg,canvas{display:block;max-width:100%}
img{height:auto}
a{color:var(--vurgu);text-decoration-thickness:1px;text-underline-offset:3px}
p{margin:0 0 1.05em}
ul{margin:0 0 1.05em;padding-left:1.1em}

h1,h2{font-family:var(--f-baslik);font-weight:800;margin:0 0 .42em;letter-spacing:-.028em}
h1{font-size:clamp(2.4rem,5.6vw,4.4rem);line-height:.99}
h2{font-size:clamp(1.75rem,3.3vw,2.8rem);line-height:1.06}
h3{font-family:var(--f-govde);font-weight:700;font-size:1.12rem;letter-spacing:-.01em;margin:0 0 .4em}

.kap{width:100%;max-width:var(--gen);margin:0 auto;padding:0 22px}
.atla{position:absolute;left:-9999px;background:var(--murekkep);color:#fff;padding:10px 16px;z-index:99}
.atla:focus{left:8px;top:8px}
:focus-visible{outline:2.5px solid var(--karton);outline-offset:3px;border-radius:4px}

/* eyebrow etiketi */
.etiket{
  display:inline-block;font-size:.71rem;font-weight:700;letter-spacing:.17em;
  text-transform:uppercase;color:var(--karton-koyu);margin:0 0 14px;
}
.koyu .etiket{color:var(--karton-acik)}

/* ---------- Üst çubuk ---------- */
.ust{position:sticky;top:0;z-index:50;background:rgba(242,239,232,.92);
  backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex;align-items:center;gap:22px;min-height:72px}
.marka{display:block}
.marka img{width:218px}
.menu{display:flex;align-items:center;gap:20px;margin-left:auto;font-size:.94rem;font-weight:600}
.menu > a{color:var(--murekkep-2);text-decoration:none}
.menu > a:hover{color:var(--murekkep)}

.acilir{position:relative}
.acilir > summary{list-style:none;cursor:pointer;color:var(--murekkep-2);font-weight:600}
.acilir > summary::-webkit-details-marker{display:none}
.acilir > summary::after{content:"";display:inline-block;margin-left:6px;
  border:4px solid transparent;border-top-color:var(--murekkep-3);transform:translateY(2px)}
.acilir[open] > summary{color:var(--murekkep)}
.acilir ul{position:absolute;top:calc(100% + 15px);left:-14px;min-width:266px;margin:0;padding:7px;
  list-style:none;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge-l)}
.acilir li a{display:block;padding:9px 12px;border-radius:8px;color:var(--murekkep);
  font-weight:600;text-decoration:none}
.acilir li a:hover{background:var(--kagit-2)}

.ust-tel{display:flex;flex-direction:column;line-height:1.12;text-align:right;
  color:var(--murekkep);text-decoration:none}
.ust-tel small{font-size:.67rem;text-transform:uppercase;letter-spacing:.15em;
  color:var(--murekkep-3);font-weight:700}
.ust-tel strong{font-size:1.2rem;letter-spacing:-.01em}
.ust-tel:hover strong{color:var(--vurgu)}

.mobil-menu{display:none;margin-left:auto;position:relative}
.mobil-menu > summary{list-style:none;cursor:pointer;width:44px;height:44px;
  display:grid;align-content:center;gap:5px;padding:0 9px;
  border:1px solid var(--cizgi);border-radius:10px;background:#fff}
.mobil-menu > summary::-webkit-details-marker{display:none}
.mobil-menu > summary span{display:block;height:2px;background:var(--murekkep);border-radius:2px}
.mobil-menu[open] > summary{border-color:var(--karton);background:var(--kagit-2)}
.mobil-menu nav{position:absolute;right:0;top:calc(100% + 12px);width:min(85vw,300px);
  background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);
  box-shadow:var(--golge-l);padding:7px;z-index:70}
.mobil-menu ul{list-style:none;margin:0;padding:0}
.mobil-menu li a{display:block;padding:12px 14px;border-radius:8px;
  color:var(--murekkep);font-weight:600;text-decoration:none}
.mobil-menu li a:hover{background:var(--kagit-2)}

/* ---------- Düğmeler ---------- */
.dg{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:15px 26px;border-radius:10px;font-family:var(--f-govde);
  font-weight:700;font-size:1.01rem;line-height:1;letter-spacing:-.005em;
  border:1.5px solid transparent;cursor:pointer;text-decoration:none;
  transition:background-color .15s ease,border-color .15s ease,transform .12s ease}
.dg:hover{transform:translateY(-1px);text-decoration:none}
.dg-ana{background:var(--vurgu);color:#fff}
.dg-ana:hover{background:var(--vurgu-2);color:#fff}
.dg-wa{background:var(--wa);color:#05321B}
.dg-wa:hover{background:#1FB857;color:#05321B}
.dg-hat{background:transparent;color:var(--murekkep);border-color:var(--cizgi)}
.dg-hat:hover{border-color:var(--murekkep-3);color:var(--murekkep)}
.koyu .dg-hat{color:#F0EAE0;border-color:var(--cizgi-koyu)}
.koyu .dg-hat:hover{border-color:rgba(255,255,255,.4);color:#fff}
.dg-blok{width:100%}

/* ============================================================
   KAHRAMAN — depo karanligi + 3B kutu istifi
   ============================================================ */
.kahraman{position:relative;background:var(--is);color:#EFE8DC;overflow:hidden;
  padding:44px 0 34px;isolation:isolate}
/* depo lambasi: sag ustten dusen sicak isik */
.kahraman::before{content:"";position:absolute;inset:-20% -10% auto 30%;height:120%;
  background:radial-gradient(58% 52% at 62% 22%,rgba(224,169,96,.24),transparent 70%);
  pointer-events:none;z-index:-1}
.kahraman-ic{display:grid;grid-template-columns:1.04fr .96fr;gap:36px;align-items:center;
  min-height:min(62vh,530px)}

.rozet{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 10px;
  border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--cizgi-koyu);
  font-size:.79rem;font-weight:600;letter-spacing:.01em;color:#E4DACA;margin-bottom:22px}
.rozet i{width:7px;height:7px;border-radius:50%;background:#4FD48A;
  box-shadow:0 0 0 4px rgba(79,212,138,.18);flex:0 0 auto}

.kahraman h1{color:#FBF7F0;margin-bottom:20px;max-width:14ch}
.kahraman h1 em{font-style:normal;color:var(--karton-acik)}
.kahraman-alt{font-size:1.14rem;line-height:1.58;color:#BFB4A4;max-width:46ch;margin-bottom:28px}
.kahraman-dg{display:flex;flex-wrap:wrap;gap:12px}

/* 3B tuvali */
.sahne{position:relative;height:clamp(340px,42vw,530px);width:100%}
.sahne canvas{width:100%;height:100%;display:block}
/* JS yuklenmeden / mobilde gorunen yedek cizim */
.sahne-yedek{position:absolute;inset:0;display:grid;place-items:center;padding:18px}
.sahne-yedek svg{width:min(100%,430px);height:auto}
.sahne.hazir .sahne-yedek{opacity:0;transition:opacity .6s ease;pointer-events:none}

/* kraft bant seridi — bolum ayirici, tek yerde kullanilir */
.bant{background:var(--karton);color:#2E1D08;position:relative}
.bant::before,.bant::after{content:"";position:absolute;left:0;right:0;height:6px;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.13) 0 3px,transparent 3px 9px)}
.bant::before{top:0}
.bant::after{bottom:0}

/* ---------- Hizli form seridi ---------- */
.hizli{padding:26px 0}
.hizli-ic{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center}
.hizli-bas{max-width:23ch}
.hizli-bas strong{display:block;font-family:var(--f-baslik);font-weight:800;
  font-size:1.32rem;line-height:1.12;letter-spacing:-.02em}
.hizli-bas span{font-size:.87rem;color:#4A3212}
.hizli form{display:grid;grid-template-columns:1.1fr 1fr .9fr auto;gap:10px;align-items:end}
.hizli .alan{margin:0}
.hizli label{color:#3D2708;font-size:.72rem;letter-spacing:.08em}
.hizli input,.hizli select{background:#FBF6EE;border-color:#A97638}
.hizli .dg{padding:14px 22px;white-space:nowrap}
.hizli-kvkk{grid-column:1/-1;font-size:.72rem;color:#4A3212;margin:2px 0 0;display:flex;gap:7px;align-items:flex-start}
.hizli-kvkk input{width:15px;height:15px;margin-top:2px;flex:0 0 auto}
.hizli-kvkk a{color:#2E1D08}

/* ============================================================
   Bolumler
   ============================================================ */
.bolum{padding:82px 0}
.bolum-kagit2{background:var(--kagit-2)}
.bolum.koyu{background:var(--is);color:#E6DED1}
.bolum.koyu h2{color:#FBF7F0}
.bolum-bas{max-width:62ch;margin-bottom:44px}
.bolum-bas p{color:var(--murekkep-2);font-size:1.07rem;margin:0}
.koyu .bolum-bas p{color:#B6AA99}

/* ---------- Tasinma gunu: gercek saatler ---------- */
/* 01/02/03 numaralandirma yok. Sayilar gercek saat, bilgi tasiyor. */
.gun{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.gun::before{content:"";position:absolute;left:0;right:0;top:26px;height:2px;
  background:repeating-linear-gradient(90deg,var(--karton) 0 12px,transparent 12px 20px)}
.gun-adim{position:relative;padding:0 20px 0 0}
.gun-saat{position:relative;display:inline-flex;align-items:center;justify-content:center;
  height:54px;padding:0 16px;background:var(--kagit);border:2px solid var(--karton);
  border-radius:8px;font-family:var(--f-baslik);font-weight:800;font-size:1.22rem;
  letter-spacing:-.01em;color:var(--murekkep);margin-bottom:18px}
.bolum-kagit2 .gun-saat{background:var(--kagit-2)}
.gun-adim h3{margin-bottom:6px}
.gun-adim p{color:var(--murekkep-2);font-size:.96rem;margin:0;padding-right:8px}

/* ---------- Hizmet kartlari ---------- */
.izgara{display:grid;gap:22px}
.izgara-3{grid-template-columns:repeat(3,1fr)}
.izgara-2{grid-template-columns:repeat(2,1fr)}

.kart{position:relative;display:flex;flex-direction:column;background:#FFFDF9;
  border:1px solid var(--cizgi);border-radius:var(--r);padding:28px 24px 24px;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.kart:hover{border-color:var(--karton);box-shadow:var(--golge-s);transform:translateY(-2px)}
/* ust kenardaki koli banti */
.kart::before{content:"";position:absolute;top:-1px;left:22px;width:56px;height:7px;
  background:var(--karton);border-radius:0 0 3px 3px;opacity:.85}
.kart h3{font-family:var(--f-baslik);font-weight:800;font-size:1.3rem;
  letter-spacing:-.02em;margin-bottom:9px}
.kart p{color:var(--murekkep-2);font-size:.97rem;margin-bottom:16px}
.kart .devam{margin-top:auto;font-weight:700;font-size:.93rem;color:var(--vurgu);text-decoration:none}
.kart .devam::after{content:" →"}
.kart .devam:hover{text-decoration:underline}

/* ---------- Tik listesi ---------- */
.tik{list-style:none;padding:0;margin:0;display:grid;gap:12px}
/* liste bitince gelen paragraf listeye yapismasin */
.tik + p,.tik + h2,.tik + h3{margin-top:1.2em}
.tik li{position:relative;padding-left:30px;color:var(--murekkep-2)}
.tik li strong{color:var(--murekkep)}
.koyu .tik li{color:#B6AA99}
.koyu .tik li strong{color:#F0EAE0}
.tik li::before{content:"";position:absolute;left:0;top:.44em;width:18px;height:18px;
  border-radius:50%;background:var(--vurgu);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M4.5 10.5l3.6 3.6 7.4-8.2' fill='none' stroke='black' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/12px no-repeat,linear-gradient(#000,#000);
  -webkit-mask-composite:xor;mask-composite:exclude}

/* ---------- Ikili blok ---------- */
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.foto-yuva{aspect-ratio:4/3;border-radius:var(--r-l);border:1.5px dashed var(--karton);
  background:linear-gradient(150deg,var(--kagit-2),#DCD2BF);
  display:grid;place-items:center;text-align:center;color:var(--karton-koyu);
  font-size:.87rem;font-weight:600;padding:26px}

/* ---------- Bolge etiketleri ---------- */
.bolgeler{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:0}
.bolgeler li{background:#FFFDF9;border:1px solid var(--cizgi);border-radius:999px;
  padding:7px 16px;font-size:.9rem;font-weight:600;color:var(--murekkep-2)}
.bolum-kagit2 .bolgeler li{background:var(--kagit)}
.bolgeler li a{color:inherit;text-decoration:none}

/* ---------- SSS ---------- */
.sss{max-width:840px}
.sss details{border-bottom:1px solid var(--cizgi);padding:19px 0}
.sss summary{cursor:pointer;font-weight:600;font-size:1.06rem;list-style:none;
  display:flex;justify-content:space-between;gap:18px;align-items:flex-start;color:var(--murekkep)}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"";flex:0 0 auto;width:15px;height:15px;margin-top:5px;
  background:var(--karton-koyu);transition:transform .18s ease;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M10 3v14M3 10h14' stroke='black' stroke-width='2.6' stroke-linecap='round'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M10 3v14M3 10h14' stroke='black' stroke-width='2.6' stroke-linecap='round'/></svg>") center/contain no-repeat}
.sss details[open] summary::after{transform:rotate(45deg)}
.sss details p{margin:13px 0 0;color:var(--murekkep-2);max-width:74ch}

/* ---------- Form karti ---------- */
.kart-form{background:#FFFDF9;border:1px solid var(--cizgi);border-radius:var(--r-l);
  padding:28px 26px;box-shadow:var(--golge-s)}
.kart-form h2{font-size:1.42rem;margin-bottom:5px}
.kart-form .not{font-size:.89rem;color:var(--murekkep-3);margin-bottom:19px}
.alan{margin-bottom:13px}
.alan label{display:block;font-size:.76rem;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--murekkep-2);margin-bottom:6px}
.alan input,.alan select,.alan textarea{width:100%;padding:12px 13px;
  font-family:var(--f-govde);font-size:.98rem;color:var(--murekkep);
  background:#fff;border:1.5px solid var(--cizgi);border-radius:9px}
.alan textarea{resize:vertical;min-height:72px}
.alan input:focus,.alan select:focus,.alan textarea:focus{
  border-color:var(--vurgu);outline:none;box-shadow:0 0 0 3px rgba(15,83,64,.13)}
.ikili-alan{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kvkk{display:flex;gap:9px;align-items:flex-start;font-size:.78rem;
  color:var(--murekkep-3);margin:15px 0 17px;line-height:1.5}
.kvkk input{width:16px;height:16px;flex:0 0 auto;margin-top:2px}
.tuzak{position:absolute;left:-9999px}
.form-alt{text-align:center;font-size:.85rem;color:var(--murekkep-3);margin:14px 0 0}
.form-alt a{font-weight:700}

/* ---------- Durum kutulari ---------- */
.durum{padding:15px 18px;border-radius:10px;margin-bottom:22px;font-weight:600;font-size:.97rem}
.durum-hata{background:#FBEBE4;border:1px solid #EDC3AE;color:#8C3512}

/* ---------- Kapanis seridi ---------- */
.kapanis{background:var(--is-2);color:#E6DED1;padding:56px 0;
  border-top:1px solid var(--cizgi-koyu)}
.kapanis-ic{display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap}
.kapanis h2{color:#FBF7F0;margin-bottom:7px;font-size:clamp(1.5rem,2.5vw,2.1rem)}
.kapanis p{color:#AEA292;margin:0;max-width:52ch}
.kapanis-dg{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- Alt bilgi ---------- */
.alt{background:var(--is);color:#9C9284;padding:58px 0 0;font-size:.93rem;
  border-top:1px solid var(--cizgi-koyu)}
.alt-ic{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.35fr;gap:38px;padding-bottom:40px}
.alt h3{color:#F0EAE0;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;margin-bottom:15px}
.alt ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.alt a{color:#9C9284;text-decoration:none}
.alt a:hover{color:#F0EAE0;text-decoration:underline}
.alt-logo{background:var(--kagit);border-radius:9px;padding:9px 13px;margin-bottom:15px;width:max-content}
.alt-not{max-width:33ch;margin:0}
.alt-bolge{grid-template-columns:1fr 1fr}
.alt address{font-style:normal;line-height:1.75;margin-bottom:13px}
.alt .saat{font-size:.86rem;color:#776E62;margin:0}
.alt-son{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border-top:1px solid var(--cizgi-koyu);padding:20px 0;font-size:.85rem}
.alt-son p{margin:0}

/* ---------- Mobil alt cubuk ---------- */
.mobil-bar{display:none}

/* ---------- Ic sayfa ---------- */
.sayfa-bas{background:var(--is);color:#EFE8DC;padding:54px 0 50px;position:relative;overflow:hidden}
.sayfa-bas::before{content:"";position:absolute;inset:-40% -20% auto 40%;height:160%;
  background:radial-gradient(50% 50% at 60% 30%,rgba(224,169,96,.18),transparent 70%);pointer-events:none}
.sayfa-bas > .kap{position:relative}
.iz{font-size:.83rem;color:#968B7C;margin-bottom:14px}
.iz a{color:#968B7C;text-decoration:none}
.iz a:hover{color:#D9CDBB;text-decoration:underline}
.sayfa-bas h1{color:#FBF7F0;font-size:clamp(1.9rem,3.9vw,3rem);margin-bottom:14px;max-width:18ch}
.sayfa-bas p{color:#BFB4A4;max-width:60ch;font-size:1.06rem;margin:0}

.duzen{display:grid;grid-template-columns:1fr 386px;gap:52px;align-items:start;padding:64px 0}
.yan{position:sticky;top:96px}
.metin h2{margin-top:1.55em}
.metin h2:first-child{margin-top:0}
.metin h3{margin-top:1.5em}
.metin > p,.metin > ul{color:var(--murekkep-2)}
.uyari{background:var(--kagit-2);border-left:3px solid var(--karton);
  border-radius:0 10px 10px 0;padding:16px 20px;margin:26px 0}
.uyari p{margin:0;color:var(--murekkep-2);font-size:.96rem}

/* ---------- Tesekkur / 404 ---------- */
.orta{text-align:center;max-width:640px;margin:0 auto;padding:92px 22px}
.orta .isaret{width:72px;height:72px;border-radius:50%;background:rgba(15,83,64,.1);
  color:var(--vurgu);display:grid;place-items:center;font-size:2rem;margin:0 auto 24px;font-weight:800}
.orta .kahraman-dg,.orta .dg-grup{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------- Kaydirma ile beliren ----------
   ONEMLI: gizleme SADECE .js varken uygulanir. JS yuklenmezse veya hata verirse
   icerik gorunur kalir. Aksi halde tarayici JS'i calistiramazsa sayfa bombos olur. */
.js .bel{opacity:0;transform:translateY(16px)}
.js .bel.gorundu{opacity:1;transform:none;
  transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.3,1)}

/* ============================================================
   Duyarli
   ============================================================ */
@media (max-width:1040px){
  .kahraman-ic{grid-template-columns:1fr;gap:6px;min-height:0}
  .kahraman{padding-top:46px}
  .kahraman h1{max-width:20ch}
  .sahne{height:clamp(260px,44vw,360px)}
  .hizli form{grid-template-columns:1fr 1fr}
  .hizli-ic{grid-template-columns:1fr;gap:18px}
  .gun{grid-template-columns:1fr 1fr;gap:30px 20px}
  .gun::before{display:none}
  .izgara-3{grid-template-columns:repeat(2,1fr)}
  .duzen{grid-template-columns:1fr;gap:38px}
  .yan{position:static;order:-1}
  .ikili{grid-template-columns:1fr;gap:32px}
  .alt-ic{grid-template-columns:1fr 1fr;gap:30px}
}

@media (max-width:760px){
  body{font-size:16px;padding-bottom:64px}
  .menu,.ust-tel{display:none}
  .mobil-menu{display:block}
  .ust-ic{min-height:62px;gap:12px}
  .marka img{width:190px}

  .bolum{padding:54px 0}
  .bolum-bas{margin-bottom:30px}
  .sayfa-bas{padding:34px 0 32px}
  .duzen{padding:30px 0}

  .izgara-3,.izgara-2,.ikili-alan{grid-template-columns:1fr}
  .gun{grid-template-columns:1fr;gap:24px}
  .hizli form{grid-template-columns:1fr}
  .hizli .dg{width:100%}

  .kapanis-ic{flex-direction:column;align-items:flex-start}
  .kapanis-dg{width:100%}
  .kapanis-dg .dg{flex:1}
  .alt-ic{grid-template-columns:1fr}

  .mobil-bar{display:grid;grid-template-columns:1fr 1fr;gap:1px;position:fixed;
    left:0;right:0;bottom:0;z-index:60;background:var(--cizgi);
    box-shadow:0 -2px 18px rgba(36,31,25,.18)}
  .mobil-bar a{padding:17px 8px;text-align:center;font-weight:700;
    font-size:1.01rem;text-decoration:none}
  .mb-ara{background:var(--vurgu);color:#fff}
  .mb-wa{background:var(--wa);color:#05321B}
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
  .bel{opacity:1;transform:none}
}

@media print{
  .ust,.mobil-bar,.kapanis,.kart-form,.hizli,.sahne{display:none}
  body{background:#fff}
}