@charset "UTF-8";
/* ==========================================================================
   Kavurmacı Celal Usta — İç Sayfalar
   assets/css/pages.css   (style.css'ten SONRA yüklenir)

    1. Sayfa hero + breadcrumb            9. İletişim: form, kartlar, SSS
    2. Yapışkan kategori çubuğu + arama  10. Blog: liste, kart, sayfalama
    3. Menü listesi                      11. Blog detay: makale, içindekiler
    4. Bilgilendirme kutusu              12. Hukuki metin düzeni
    5. CTA bandı                         13. 404
    6. Hakkımızda: zaman çizelgesi       14. Yukarı çık düğmesi
    7. Hakkımızda: değerler, alıntı      15. Duyarlı düzenlemeler
    8. Galeri: filtre, ızgara, lightbox  16. Yazdırma
   ========================================================================== */

:root{
  --phero-h: 300px;
  --prose:   68ch;
}
@media (min-width: 992px){ :root{ --phero-h: 380px } }

/* Yapışkan başlıklar nedeniyle çapa hedefleri aşağıdan başlar */
html:has(.catbar){ scroll-padding-top: calc(var(--hdr-h) + var(--catbar-h, 78px) + 14px) }

/* ==========================================================================
   1. Sayfa hero + breadcrumb
   ========================================================================== */
.phero{
  position:relative; isolation:isolate;
  display:flex; align-items:center;
  min-height:var(--phero-h);
  padding-block:calc((var(--brand-h) - var(--brand-box)) + clamp(1.25rem,2.4vw,2rem)) clamp(2rem,4.4vw,3.25rem);
  background:var(--ink);
  overflow:hidden;
}
.phero--tall{ min-height:calc(var(--phero-h) + 60px) }
.phero__media{ position:absolute; inset:0; z-index:-2 }
.phero__media img{ width:100%; height:100%; object-fit:cover; object-position:60% 62% }
.phero__media::after{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(9,8,7,.96) 0%, rgba(9,8,7,.88) 34%, rgba(9,8,7,.62) 62%, rgba(9,8,7,.42) 100%),
    linear-gradient(180deg, rgba(9,8,7,.9) 0%, rgba(9,8,7,.2) 34%, rgba(9,8,7,.75) 100%);
}
.phero__container{ position:relative; z-index:1 }
.phero__title{
  font-size:clamp(1.9rem, 1rem + 3vw, 3.5rem);
  text-transform:uppercase; color:#F6ECDC; line-height:1.02;
  text-shadow:0 4px 20px rgba(0,0,0,.5);
}
.phero__text{
  margin-top:.95rem; max-width:46rem;
  color:#DCD1C0; font-size:clamp(.88rem,.3vw + .82rem,1rem);
  text-shadow:0 2px 10px rgba(0,0,0,.5);
}
.phero__meta{
  display:flex; flex-wrap:wrap; gap:.6rem 1.6rem;
  margin-top:1.4rem;
  font-size:clamp(.78rem,.2vw + .74rem,.87rem); color:#C8BCA8;
}
.phero__meta li{ display:flex; align-items:center; gap:.5rem }
.phero__meta .ic{ color:var(--gold-2); font-size:1.05em }

.crumb{ margin-bottom:.9rem }
.crumb__list{
  display:flex; align-items:center; flex-wrap:wrap; gap:.45rem;
  font-size:.78rem; letter-spacing:.04em; color:#B3A794;
}
.crumb__list a{
  display:inline-flex; align-items:center; min-height:44px; margin-block:-.7rem;
  color:#D9CDB8; transition:color .2s ease;
}
.crumb__list a:hover{ color:var(--gold-2); text-decoration:underline }
.crumb__list .ic{ width:.65em; height:.65em; color:#7E7364 }
.crumb__list span[aria-current]{ color:var(--gold-2) }

/* ==========================================================================
   2. Yapışkan kategori çubuğu + arama
   ========================================================================== */
.catbar{
  position:sticky; top:var(--hdr-h); z-index:1020;
  background:rgba(10,9,8,.97);
  border-block:1px solid rgba(181,129,70,.26);
  box-shadow:0 8px 24px rgba(0,0,0,.35);
}
@supports (backdrop-filter: blur(8px)){
  .catbar{ background:rgba(10,9,8,.9); backdrop-filter:blur(10px) }
}
.catbar__inner{ display:flex; align-items:center; gap:1rem; min-height:64px; padding-block:.55rem }
.catbar__nav{ min-width:0; flex:1 1 auto }
.catbar__list{
  display:flex; align-items:center; gap:.5rem;
  overflow-x:auto; overscroll-behavior-x:contain;
  scrollbar-width:none; -ms-overflow-style:none;
  padding-block:.15rem; scroll-padding-inline:1rem;
}
.catbar__list::-webkit-scrollbar{ display:none }

.chip{
  display:inline-flex; align-items:center; justify-content:center; gap:.45rem;
  min-height:44px; padding:.5rem 1.05rem; white-space:nowrap;
  font-family:var(--f-display); font-weight:500;
  font-size:clamp(.78rem,.2vw + .74rem,.9rem);
  letter-spacing:.09em; text-transform:uppercase;
  color:#CFC3AE; background:rgba(255,255,255,.03);
  border:1px solid rgba(181,129,70,.32); border-radius:999px;
  cursor:pointer;
  transition:color .2s ease, background-color .2s ease, border-color .2s ease;
}
.chip:hover{ color:#F2E6D2; border-color:var(--gold) }
.chip.is-active,.chip[aria-pressed="true"]{
  color:#FBF2E2; border-color:transparent;
  background:linear-gradient(180deg,var(--copper-a),var(--copper-b));
  box-shadow:0 1px 0 rgba(255,225,180,.18) inset;
}
.chip__count{ font-size:.85em; opacity:.72 }

/* Krem zeminde çip (galeri/blog filtresi) */
.chips--light .chip{ color:#5A4A35; background:rgba(255,252,244,.55); border-color:rgba(89,62,32,.28) }
.chips--light .chip:hover{ color:#241809; background:rgba(255,252,244,.85); border-color:rgba(89,62,32,.55) }
.chips--light .chip[aria-pressed="true"]{
  color:#FBF2E2; border-color:transparent;
  background:linear-gradient(180deg,var(--copper-a),var(--copper-b));
}

.msearch{ position:relative; flex:0 0 auto; width:min(272px,42vw); display:flex; align-items:center }
.msearch__ic{ position:absolute; left:.85rem; color:var(--gold-2); font-size:1.05rem; pointer-events:none }
.msearch__input{
  width:100%; min-height:44px; padding:.6rem 2.4rem .6rem 2.55rem;
  color:var(--txt); background:rgba(255,255,255,.04);
  border:1px solid rgba(181,129,70,.32); border-radius:999px;
  font-family:var(--f-body); font-size:.87rem; appearance:none;
  transition:border-color .2s ease, background-color .2s ease;
}
.msearch__input::placeholder{ color:#8D8471 }
.msearch__input:focus{ outline:none; border-color:var(--gold); background:rgba(255,255,255,.07) }
.msearch__input:focus-visible{ outline:2px solid var(--gold-2); outline-offset:2px }
.msearch__input::-webkit-search-cancel-button{ display:none }
.msearch__clear{
  position:absolute; right:.35rem; width:34px; height:34px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:transparent; border:0; color:#B3A794; font-size:.8rem; cursor:pointer;
}
.msearch__clear:hover{ color:var(--gold-2) }

/* ==========================================================================
   3. Menü listesi
   ========================================================================== */
.menulist{ padding-block:clamp(2.5rem,4.4vw,4.25rem) }
.mcat + .mcat{ margin-top:clamp(2.5rem,4.4vw,4rem) }

.mcat__head{
  display:flex; align-items:flex-start; gap:1rem;
  padding-bottom:1.1rem; margin-bottom:1.4rem;
  border-bottom:1px solid rgba(89,62,32,.24);
}
.mcat__ic{
  flex:0 0 auto; width:52px; height:52px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  color:#5A3B18; font-size:1.4rem;
  border:1px solid rgba(89,62,32,.3); background:rgba(255,252,244,.5);
}
.mcat__title{
  font-size:clamp(1.35rem,.8rem + 1.5vw,2rem);
  text-transform:uppercase; color:#1E1409; letter-spacing:.015em;
}
.mcat__sub{
  margin-top:.4rem; max-width:52rem;
  font-size:clamp(.83rem,.22vw + .78rem,.92rem); line-height:1.6; color:var(--txt-ink-dim);
}

.mitems{ display:grid; gap:.15rem }
.mitem{
  display:grid; grid-template-columns:1fr auto; grid-template-areas:"main price";
  align-items:baseline; column-gap:.75rem;
  padding:.85rem .75rem; border-radius:var(--r);
  transition:background-color .2s ease;
}
.mitem:hover{ background:rgba(89,62,32,.06) }
.mitem__main{ grid-area:main; min-width:0 }
.mitem__dots{ display:none }
.mitem__price{ grid-area:price }

.mitem__head{ display:flex; align-items:center; flex-wrap:wrap; gap:.5rem }
.mitem__name{
  display:inline-flex; align-items:baseline; flex-wrap:wrap; gap:.45rem;
  font-size:clamp(.95rem,.28vw + .9rem,1.1rem);
  text-transform:uppercase; color:#241809; letter-spacing:.015em; line-height:1.25;
}
.mitem__note{
  font-family:var(--f-body); font-weight:400; text-transform:none;
  font-size:.78rem; color:var(--txt-ink-dim); letter-spacing:0;
}
.mitem__desc{ margin-top:.3rem; font-size:.85rem; line-height:1.55; color:#5D5040; max-width:44rem }
.mitem__price{
  font-family:var(--f-display); font-weight:700; white-space:nowrap;
  font-size:clamp(1.05rem,.32vw + 1rem,1.3rem);
  color:#8A5A28; letter-spacing:.01em;
}
.mitem__price .try{ font-size:.72em; margin-right:.06em; opacity:.85 }

.tag{
  font-family:var(--f-display); font-weight:500;
  font-size:.63rem; letter-spacing:.1em; text-transform:uppercase;
  padding:.2rem .5rem; border-radius:3px; line-height:1.4;
  color:#4A3A22; background:rgba(181,129,70,.2); border:1px solid rgba(138,90,40,.3);
}
.tag--hot{ color:#7A3418; background:rgba(178,81,58,.14); border-color:rgba(178,81,58,.35) }
.tag--veg{ color:#3B5426; background:rgba(95,120,60,.14); border-color:rgba(95,120,60,.35) }

.mempty{
  margin-top:2rem; padding:1.5rem; text-align:center; color:var(--txt-ink-dim);
  border:1px dashed rgba(89,62,32,.3); border-radius:var(--r);
  background:rgba(255,252,244,.45);
}
.mempty a{ color:#8A5A28; text-decoration:underline }
.mcat[hidden],.mitem[hidden]{ display:none }

/* ==========================================================================
   4. Bilgilendirme kutusu
   ========================================================================== */
.mnote{
  margin-top:clamp(2.5rem,4vw,3.5rem); padding:clamp(1.25rem,2.4vw,2rem);
  border:1px solid rgba(89,62,32,.26); border-radius:var(--r);
  background:rgba(255,252,244,.5);
}
.mnote__title{
  font-size:clamp(1rem,.4vw + .92rem,1.2rem);
  text-transform:uppercase; color:#1E1409; letter-spacing:.06em; margin-bottom:.9rem;
}
.mnote__list{ display:grid; gap:.55rem }
.mnote__list li{ position:relative; padding-left:1.35rem; font-size:.85rem; line-height:1.6; color:#5D5040 }
.mnote__list li::before{
  content:""; position:absolute; left:.2rem; top:.62em;
  width:6px; height:6px; border-radius:50%; background:var(--gold);
}

/* ==========================================================================
   5. CTA bandı
   ========================================================================== */
.ctaband{
  position:relative; padding-block:clamp(2.75rem,5vw,4.5rem);
  background:radial-gradient(120% 130% at 15% 0%, #1C1815 0%, rgba(12,11,9,0) 62%), var(--ink);
  border-top:1px solid rgba(181,129,70,.2);
}
.ctaband::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:var(--noise); background-size:160px 160px;
  opacity:.045; mix-blend-mode:overlay;
}
.ctaband .container{ position:relative; z-index:1 }
.ctaband__inner{ display:grid; gap:clamp(1.5rem,3vw,2.75rem); align-items:center }
.ctaband__desc{
  margin-top:.9rem; max-width:38rem;
  color:#B7AB98; font-size:clamp(.87rem,.25vw + .82rem,.98rem); line-height:1.75;
}
.ctaband__actions{ display:flex; flex-wrap:wrap; gap:.8rem }

/* ==========================================================================
   6. Hakkımızda: zaman çizelgesi
   ========================================================================== */
.timeline{ position:relative; display:grid; gap:0 }
.timeline::before{
  content:""; position:absolute; left:19px; top:.6rem; bottom:.6rem;
  width:2px; background:linear-gradient(180deg,var(--gold),rgba(181,129,70,.15));
}
.tl{ position:relative; padding:0 0 clamp(1.6rem,2.6vw,2.4rem) 3.5rem }
.tl:last-child{ padding-bottom:0 }
.tl__dot{
  position:absolute; left:0; top:.1rem;
  width:40px; height:40px; border-radius:50%;
  display:grid; place-items:center;
  font-family:var(--f-display); font-weight:700; font-size:.78rem;
  color:#FBF2E2; background:linear-gradient(180deg,var(--copper-a),var(--copper-b));
  box-shadow:0 0 0 5px rgba(181,129,70,.12);
}
.tl__year{
  font-family:var(--f-display); font-weight:700;
  font-size:clamp(1.15rem,.5vw + 1.05rem,1.5rem);
  color:var(--gold-2); letter-spacing:.02em; line-height:1.2;
}
.tl__title{
  margin-top:.15rem; font-size:clamp(.95rem,.28vw + .9rem,1.1rem);
  text-transform:uppercase; color:var(--cream); letter-spacing:.03em;
}
.tl__text{ margin-top:.5rem; max-width:46rem; font-size:.9rem; line-height:1.75; color:#A79C89 }

/* ==========================================================================
   7. Hakkımızda: değerler, alıntı, hikâye
   ========================================================================== */
.split{ display:grid; gap:clamp(1.75rem,3.4vw,3.25rem); align-items:center }
.split__media{ position:relative; border-radius:var(--r); overflow:hidden; border:1px solid rgba(89,62,32,.22) }
.split__media img{ width:100%; height:auto; display:block }
.split__body p + p{ margin-top:1rem }
.split__body p{ color:#463829; font-size:clamp(.88rem,.3vw + .82rem,1rem); line-height:1.8 }
.section--dark .split__body p{ color:#A79C89 }
.split__media--framed::after{
  content:""; position:absolute; inset:.55rem; pointer-events:none;
  border:1px solid rgba(214,178,124,.35); border-radius:2px;
}

.vcards{ display:grid; gap:clamp(.9rem,1.8vw,1.4rem) }
.vcard{
  height:100%; padding:clamp(1.25rem,2.2vw,1.75rem);
  border:1px solid rgba(181,129,70,.3); border-radius:var(--r);
  background:linear-gradient(180deg,#151310 0%,#0D0C0A 100%);
  transition:border-color .25s ease, transform .25s ease;
}
.vcard:hover{ border-color:var(--gold); transform:translateY(-3px) }
.vcard__ic{
  width:52px; height:52px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:1.35rem; color:var(--gold-2);
  border:1px solid rgba(181,129,70,.4); background:rgba(181,129,70,.08);
  margin-bottom:1rem;
}
.vcard__title{
  font-size:clamp(.98rem,.3vw + .92rem,1.15rem);
  text-transform:uppercase; color:var(--cream); letter-spacing:.03em;
}
.vcard__text{ margin-top:.6rem; font-size:.87rem; line-height:1.7; color:#9E9381 }

.quoteblock{
  position:relative; text-align:center;
  max-width:56rem; margin-inline:auto;
  padding:clamp(1.75rem,3.4vw,3rem) clamp(1rem,3vw,2.5rem);
}
.quoteblock::before{
  content:"”"; display:block;
  font-family:var(--f-display); font-size:5rem; line-height:.6;
  color:var(--gold); opacity:.4; margin-bottom:.6rem;
}
.quoteblock__text{
  font-family:var(--f-display); font-weight:500;
  font-size:clamp(1.1rem,.6rem + 1.4vw,1.7rem);
  line-height:1.5; color:#F2E7D6; letter-spacing:.005em;
}
.quoteblock__by{
  margin-top:1.1rem; font-family:var(--f-script);
  font-size:1.5rem; color:var(--gold-2);
}
.quoteblock__role{ display:block; margin-top:.2rem; font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; color:#8E8371 }

/* ==========================================================================
   8. Galeri: filtre, ızgara, lightbox
   ========================================================================== */
.gfilter{ display:flex; flex-wrap:wrap; gap:.55rem; justify-content:center; margin-bottom:clamp(1.5rem,2.6vw,2.25rem) }

.ggrid{ display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(.5rem,1.1vw,.9rem) }
.gitem{ margin:0 }
.gitem[hidden]{ display:none }
.gitem__btn{
  position:relative; display:block; width:100%; padding:0;
  aspect-ratio:4/3; overflow:hidden; cursor:zoom-in;
  background:#100E0C; border:1px solid rgba(181,129,70,.24); border-radius:var(--r);
}
.gitem__btn img{ width:100%; height:100%; object-fit:cover; transition:scale .5s ease, filter .35s ease; filter:saturate(.95) }
.gitem__btn::after{
  content:""; position:absolute; inset:0; opacity:0;
  background:linear-gradient(0deg, rgba(9,8,7,.72) 0%, rgba(9,8,7,0) 55%);
  transition:opacity .3s ease;
}
.gitem__btn:hover img,.gitem__btn:focus-visible img{ scale:1.06; filter:saturate(1.05) }
.gitem__btn:hover::after,.gitem__btn:focus-visible::after{ opacity:1 }
.gitem__cap{
  position:absolute; left:0; right:0; bottom:0; z-index:2;
  display:flex; align-items:center; gap:.5rem;
  padding:.7rem .8rem; text-align:left;
  font-size:.78rem; line-height:1.35; color:#F0E5D3;
  opacity:0; translate:0 8px; transition:opacity .3s ease, translate .3s ease;
}
.gitem__btn:hover .gitem__cap,.gitem__btn:focus-visible .gitem__cap{ opacity:1; translate:0 0 }
.gitem__cap .ic{ color:var(--gold-2); flex:0 0 auto }

/* Lightbox */
.lightbox{
  width:min(96vw,1100px); max-width:none;
  max-height:94vh; padding:0; border:0; background:transparent; color:var(--txt);
  overflow:visible;
}
.lightbox::backdrop{ background:rgba(6,5,4,.92) }
.lightbox__inner{ display:flex; flex-direction:column; gap:.75rem }
.lightbox__figure{ margin:0; display:flex; flex-direction:column; align-items:center; gap:.7rem }
.lightbox__img{
  max-width:100%; max-height:74vh; width:auto; height:auto;
  border-radius:var(--r); border:1px solid rgba(181,129,70,.32);
  background:#100E0C; box-shadow:0 24px 60px rgba(0,0,0,.6);
}
.lightbox__cap{ text-align:center; font-size:.87rem; line-height:1.5; color:#CFC3AE; max-width:52rem }
.lightbox__count{ display:block; margin-top:.3rem; font-size:.76rem; letter-spacing:.12em; color:#8E8371 }
.lightbox__bar{ display:flex; align-items:center; justify-content:center; gap:.7rem }
.lb-btn{
  width:48px; height:48px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.06); border:1px solid rgba(181,129,70,.42);
  color:var(--cream); font-size:1.05rem; cursor:pointer;
  transition:background-color .2s ease, border-color .2s ease;
}
.lb-btn:hover{ background:rgba(138,90,40,.35); border-color:var(--gold) }
.lightbox__close{ position:absolute; top:-58px; right:0 }
@media (max-width: 767.98px){
  .lightbox{ width:96vw }
  .lightbox__close{ top:auto; position:static }
  .lightbox__img{ max-height:60vh }
}

/* ==========================================================================
   9. İletişim: kartlar, form, SSS
   ========================================================================== */
.icards{ display:grid; gap:clamp(.9rem,1.8vw,1.35rem) }
.icard{
  height:100%; padding:clamp(1.15rem,2vw,1.6rem);
  border:1px solid rgba(89,62,32,.26); border-radius:var(--r);
  background:rgba(255,252,244,.55);
}
.icard__ic{
  width:46px; height:46px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  color:#5A3B18; font-size:1.15rem;
  border:1px solid rgba(89,62,32,.3); background:rgba(255,255,255,.5);
  margin-bottom:.85rem;
}
.icard__title{
  font-size:.95rem; text-transform:uppercase; color:#1E1409; letter-spacing:.06em;
}
.icard__body{ margin-top:.5rem; font-size:.89rem; line-height:1.65; color:#5D5040 }
.icard__body a{ color:#8A5A28; font-weight:600 }
.icard__body a:hover{ text-decoration:underline }

.cform{ display:grid; gap:1rem }
.field{ display:flex; flex-direction:column; gap:.4rem }
.field__label{
  font-family:var(--f-display); font-weight:500; font-size:.82rem;
  letter-spacing:.09em; text-transform:uppercase; color:#3B2E20;
}
.field__label .req{ color:#A5462C }
.field__input,.field__area,.field__select{
  width:100%; min-height:48px; padding:.75rem .95rem;
  font-family:var(--f-body); font-size:.92rem; color:#241809;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(89,62,32,.3); border-radius:var(--r);
  transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
  appearance:none;
}
.field__area{ min-height:140px; resize:vertical; line-height:1.65 }
.field__select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%235A3B18' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m4 9 8 8 8-8'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right .9rem center; background-size:.85rem;
  padding-right:2.4rem;
}
.field__input::placeholder,.field__area::placeholder{ color:#9C8F7C }
.field__input:focus,.field__area:focus,.field__select:focus{
  outline:none; border-color:var(--gold-3); background:#fff;
  box-shadow:0 0 0 3px rgba(138,90,40,.14);
}
.field__input:focus-visible,.field__area:focus-visible,.field__select:focus-visible{ outline:2px solid var(--gold-3); outline-offset:1px }
.field__err{
  display:none; align-items:center; gap:.4rem;
  font-size:.78rem; color:#9C3B24;
}
.field.is-invalid .field__input,
.field.is-invalid .field__area,
.field.is-invalid .field__select{ border-color:#B2513A; background:rgba(255,244,240,.85) }
.field.is-invalid .field__err{ display:flex }

.field--check{ flex-direction:row; align-items:flex-start; gap:.7rem }
.field--check input{
  width:22px; height:22px; margin-top:.15rem; flex:0 0 auto;
  accent-color:#8A5A28; cursor:pointer;
}
.field--check label{ font-size:.84rem; line-height:1.6; color:#5D5040; cursor:pointer }
.field--check a{ color:#8A5A28; text-decoration:underline }
.field--check.is-invalid label{ color:#9C3B24 }

.cform__foot{ display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin-top:.35rem }
.cform__note{ font-size:.78rem; color:var(--txt-ink-dim) }
.formmsg{
  display:none; align-items:flex-start; gap:.7rem;
  padding:.95rem 1.1rem; border-radius:var(--r); font-size:.87rem; line-height:1.6;
}
.formmsg.is-on{ display:flex }
.formmsg--err{ color:#7E2E1B; background:rgba(178,81,58,.12); border:1px solid rgba(178,81,58,.35) }
.formmsg .ic{ flex:0 0 auto; margin-top:.15rem }

/* SSS */
.faq{ display:grid; gap:.7rem }
.faq__item{
  border:1px solid rgba(89,62,32,.26); border-radius:var(--r);
  background:rgba(255,252,244,.55); overflow:hidden;
}
.faq__item[open]{ border-color:rgba(138,90,40,.5) }
.faq__q{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:1.05rem 1.15rem; min-height:56px; cursor:pointer;
  font-family:var(--f-display); font-weight:500;
  font-size:clamp(.9rem,.26vw + .85rem,1.02rem);
  text-transform:uppercase; letter-spacing:.03em; color:#241809;
  list-style:none;
}
.faq__q::-webkit-details-marker{ display:none }
.faq__q:hover{ color:#8A5A28 }
.faq__q .ic{ flex:0 0 auto; color:#8A5A28; font-size:.85rem; transition:rotate .25s ease }
.faq__item[open] .faq__q .ic{ rotate:180deg }
.faq__a{ padding:0 1.15rem 1.15rem; font-size:.89rem; line-height:1.75; color:#5D5040 }
.faq__a p + p{ margin-top:.75rem }

/* ==========================================================================
   10. Blog: liste, kart, sayfalama
   ========================================================================== */
.bfeat{
  display:grid; gap:0;
  border:1px solid rgba(181,129,70,.3); border-radius:var(--r); overflow:hidden;
  background:linear-gradient(180deg,#151310 0%,#0D0C0A 100%);
  margin-bottom:clamp(1.5rem,2.8vw,2.5rem);
}
.bfeat__media{ position:relative; aspect-ratio:16/9; overflow:hidden; background:#100E0C }
.bfeat__media img{ width:100%; height:100%; object-fit:cover; transition:scale .5s ease }
.bfeat:hover .bfeat__media img{ scale:1.04 }
.bfeat__body{ padding:clamp(1.35rem,2.6vw,2.5rem); display:flex; flex-direction:column; justify-content:center }
.bfeat__title{
  margin-top:.7rem; font-size:clamp(1.25rem,.7rem + 1.5vw,2rem);
  text-transform:uppercase; color:var(--cream); line-height:1.15; letter-spacing:.01em;
}
.bfeat__title a{ transition:color .2s ease }
.bfeat__title a:hover{ color:var(--gold-2) }
.bfeat__text{ margin-top:.85rem; font-size:clamp(.87rem,.25vw + .82rem,.98rem); line-height:1.75; color:#A79C89 }

.bmeta{ display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .9rem; font-size:.76rem; color:#8E8371 }
.bmeta li,.bmeta > span{ display:flex; align-items:center; gap:.4rem }
.bmeta .ic{ color:var(--gold); font-size:.95em }
.bmeta--light{ color:#6C5F4C }
.bmeta--light .ic{ color:#8A5A28 }

.bcat{
  display:inline-flex; align-items:center; gap:.35rem;
  font-family:var(--f-display); font-weight:500;
  font-size:.68rem; letter-spacing:.12em; text-transform:uppercase;
  padding:.32rem .6rem; border-radius:3px;
  color:var(--gold-2); background:rgba(181,129,70,.14); border:1px solid rgba(181,129,70,.35);
}

.bcard{
  height:100%; display:flex; flex-direction:column;
  border:1px solid rgba(181,129,70,.28); border-radius:var(--r); overflow:hidden;
  background:linear-gradient(180deg,#151310 0%,#0D0C0A 100%);
  transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.bcard:hover{ border-color:var(--gold); transform:translateY(-4px); box-shadow:0 14px 32px rgba(0,0,0,.5) }
.bcard__media{ position:relative; aspect-ratio:16/9; overflow:hidden; background:#100E0C }
.bcard__media img{ width:100%; height:100%; object-fit:cover; transition:scale .5s ease }
.bcard:hover .bcard__media img{ scale:1.06 }
.bcard__cat{ position:absolute; top:.7rem; left:.7rem; z-index:2; background:rgba(10,9,8,.82) }
.bcard__body{ display:flex; flex-direction:column; flex:1 1 auto; padding:1.05rem 1.1rem 1.25rem }
.bcard__title{
  font-size:clamp(.98rem,.3vw + .92rem,1.12rem);
  text-transform:uppercase; color:var(--cream); line-height:1.25; letter-spacing:.015em;
  min-height:2.5em;
}
.bcard__title a{ transition:color .2s ease }
.bcard__title a:hover{ color:var(--gold-2) }
.bcard__text{ margin-top:.6rem; font-size:.84rem; line-height:1.65; color:#9E9381 }
.bcard__foot{ margin-top:auto; padding-top:1rem }
.bcard[hidden]{ display:none }

.pager{ display:flex; align-items:center; justify-content:center; gap:.4rem; margin-top:clamp(2rem,3.4vw,3rem) }
.pager a,.pager span{
  min-width:44px; min-height:44px; padding:.5rem .75rem;
  display:inline-flex; align-items:center; justify-content:center;
  font-family:var(--f-display); font-weight:500; font-size:.9rem; letter-spacing:.05em;
  color:#CFC3AE; border:1px solid rgba(181,129,70,.3); border-radius:var(--r);
  transition:color .2s ease, background-color .2s ease, border-color .2s ease;
}
.pager a:hover{ color:#F2E6D2; border-color:var(--gold); background:rgba(138,90,40,.2) }
.pager .is-current{
  color:#FBF2E2; border-color:transparent;
  background:linear-gradient(180deg,var(--copper-a),var(--copper-b));
}
.pager .is-disabled{ opacity:.35 }

/* ==========================================================================
   11. Blog detay: makale, içindekiler, paylaşım
   ========================================================================== */
.readbar{ position:fixed; top:0; left:0; right:0; height:3px; z-index:1050; pointer-events:none }
.readbar__fill{
  height:100%; width:0;
  background:linear-gradient(90deg,var(--gold-3),var(--gold-2));
  transition:width .1s linear;
}

.article{ padding-block:clamp(2.25rem,4vw,3.5rem) }
.article__layout{ display:grid; gap:clamp(1.75rem,3vw,3rem) }

.article__cover{
  margin:0 0 clamp(1.5rem,2.6vw,2.25rem);
  border-radius:var(--r); overflow:hidden; border:1px solid rgba(89,62,32,.22);
}
.article__cover img{ width:100%; height:auto; display:block }
.article__cover figcaption{
  padding:.7rem .9rem; font-size:.78rem; color:var(--txt-ink-dim);
  background:rgba(255,252,244,.6);
}

/* Makale tipografisi */
.prose{ max-width:var(--prose); color:#463829; font-size:clamp(.94rem,.3vw + .88rem,1.05rem); line-height:1.85 }
.prose > * + *{ margin-top:1.15rem }
.prose h2{
  margin-top:2.4rem; font-size:clamp(1.25rem,.7rem + 1.1vw,1.7rem);
  text-transform:uppercase; color:#1E1409; letter-spacing:.015em; line-height:1.2;
  scroll-margin-top:calc(var(--hdr-h) + 20px);
}
.prose h3{
  margin-top:1.9rem; font-size:clamp(1.05rem,.4vw + .98rem,1.25rem);
  text-transform:uppercase; color:#2A1D0F; letter-spacing:.02em;
}
.prose a{ color:#8A5A28; text-decoration:underline; text-underline-offset:.18em }
.prose a:hover{ color:#6E4620 }
.prose strong{ color:#241809; font-weight:600 }
.prose ul,.prose ol{ padding-left:1.4rem; display:grid; gap:.55rem }
.prose ul li{ position:relative; list-style:none }
.prose ul li::before{
  content:""; position:absolute; left:-1.1rem; top:.72em;
  width:6px; height:6px; border-radius:50%; background:var(--gold);
}
.prose ol{ list-style:decimal; }
.prose ol li::marker{ color:#8A5A28; font-weight:600 }
.prose blockquote{
  margin-inline:0; padding:1.1rem 1.35rem;
  border-left:3px solid var(--gold);
  background:rgba(255,252,244,.6);
  font-size:1.02em; line-height:1.75; color:#3B2E20;
}
.prose figure{ margin:1.75rem 0 }
.prose figure img{ width:100%; height:auto; border-radius:var(--r); border:1px solid rgba(89,62,32,.22) }
.prose figcaption{ margin-top:.55rem; font-size:.8rem; color:var(--txt-ink-dim); text-align:center }
.prose table{ width:100%; border-collapse:collapse; font-size:.9rem }
.prose th,.prose td{ padding:.65rem .8rem; text-align:left; border:1px solid rgba(89,62,32,.2) }
.prose thead th{ background:rgba(89,62,32,.09); font-family:var(--f-display); font-weight:500; letter-spacing:.05em; text-transform:uppercase; font-size:.8rem; color:#2A1D0F }
.prose__wrap{ overflow-x:auto }

.callout{
  display:flex; gap:.9rem; padding:1.15rem 1.3rem;
  border:1px solid rgba(138,90,40,.35); border-radius:var(--r);
  background:rgba(181,129,70,.1);
}
.callout .ic{ flex:0 0 auto; color:#8A5A28; font-size:1.2rem; margin-top:.15rem }
.callout__title{
  font-family:var(--f-display); font-weight:500; font-size:.92rem;
  letter-spacing:.06em; text-transform:uppercase; color:#241809; margin-bottom:.35rem;
}
.callout p{ font-size:.9rem; line-height:1.7; color:#4D3F2E; margin:0 }

/* İçindekiler */
.toc{
  padding:1.15rem 1.25rem;
  border:1px solid rgba(89,62,32,.26); border-radius:var(--r);
  background:rgba(255,252,244,.55);
}
.toc__title{
  font-size:.85rem; text-transform:uppercase; letter-spacing:.11em;
  color:#8A5A28; margin-bottom:.75rem;
}
.toc__list{ display:grid; gap:.1rem; font-size:.86rem }
.toc__list a{
  display:block; padding:.45rem .6rem; border-radius:3px; line-height:1.45;
  color:#5D5040; border-left:2px solid transparent;
  transition:color .2s ease, background-color .2s ease, border-color .2s ease;
}
.toc__list a:hover{ color:#241809; background:rgba(89,62,32,.07) }
.toc__list a.is-active{ color:#8A5A28; border-left-color:var(--gold); background:rgba(181,129,70,.12); font-weight:600 }

.share{ display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid rgba(89,62,32,.2) }
.share__label{ font-family:var(--f-display); font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; color:#6C5F4C; margin-right:.3rem }
.share__btn{
  width:44px; height:44px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  color:#5A4A35; background:rgba(255,252,244,.6);
  border:1px solid rgba(89,62,32,.28); cursor:pointer; font-size:1rem;
  transition:color .2s ease, background-color .2s ease, border-color .2s ease;
}
.share__btn:hover{ color:#FBF2E2; background:var(--gold-3); border-color:var(--gold-3) }
.share__done{ font-size:.8rem; color:#3B5426; display:none; align-items:center; gap:.35rem }
.share__done.is-on{ display:flex }

.author{
  display:flex; gap:1.1rem; align-items:flex-start; margin-top:2rem;
  padding:clamp(1.15rem,2vw,1.6rem);
  border:1px solid rgba(89,62,32,.26); border-radius:var(--r);
  background:rgba(255,252,244,.55);
}
.author__img{ width:64px; height:64px; border-radius:50%; flex:0 0 auto; object-fit:cover; border:1px solid rgba(89,62,32,.3) }
.author__name{ font-size:1rem; text-transform:uppercase; color:#1E1409; letter-spacing:.04em }
.author__role{ font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; color:#8A5A28; margin-top:.2rem }
.author__bio{ margin-top:.6rem; font-size:.87rem; line-height:1.7; color:#5D5040 }

/* ==========================================================================
   12. Hukuki metin düzeni
   ========================================================================== */
.legal{ padding-block:clamp(2.5rem,4.4vw,4rem) }
.legal__layout{ display:grid; gap:clamp(1.75rem,3vw,3rem) }
.legal__updated{
  display:inline-flex; align-items:center; gap:.5rem;
  font-size:.8rem; letter-spacing:.05em; color:var(--txt-ink-dim);
  padding:.5rem .85rem; border-radius:999px;
  border:1px solid rgba(89,62,32,.25); background:rgba(255,252,244,.55);
  margin-bottom:1.5rem;
}
.legal__updated .ic{ color:#8A5A28 }

/* ==========================================================================
   13. 404
   ========================================================================== */
.notfound{
  position:relative; isolation:isolate;
  display:flex; align-items:center; justify-content:center;
  min-height:clamp(460px,72vh,700px);
  padding-block:clamp(3rem,6vw,5rem);
  text-align:center; overflow:hidden;
  background:radial-gradient(120% 120% at 50% 0%, #1A1714 0%, rgba(12,11,9,0) 62%), var(--ink);
}
.notfound::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:var(--noise); background-size:160px 160px; opacity:.045; mix-blend-mode:overlay;
}
.notfound .container{ position:relative; z-index:1 }
.notfound__code{
  font-family:var(--f-display); font-weight:700; line-height:.85;
  font-size:clamp(5rem,18vw,12rem);
  color:transparent;
  -webkit-text-stroke:2px rgba(181,129,70,.55);
  letter-spacing:.02em;
}
.notfound__title{
  margin-top:.75rem; font-size:clamp(1.35rem,.8rem + 1.6vw,2.2rem);
  text-transform:uppercase; color:var(--cream);
}
.notfound__text{ margin:1rem auto 0; max-width:34rem; color:#A79C89; font-size:clamp(.88rem,.28vw + .82rem,1rem); line-height:1.75 }
.notfound__actions{ display:flex; flex-wrap:wrap; gap:.8rem; justify-content:center; margin-top:1.85rem }
.notfound__links{
  display:flex; flex-wrap:wrap; gap:.5rem .9rem; justify-content:center;
  margin-top:2.25rem; padding-top:1.5rem;
  border-top:1px solid rgba(181,129,70,.2);
  font-size:.85rem; color:#8E8371;
}
.notfound__links a{ color:#CFC3AE; text-decoration:underline; text-underline-offset:.2em }
.notfound__links a:hover{ color:var(--gold-2) }

/* ==========================================================================
   14. Yukarı çık düğmesi
   ========================================================================== */
.totop{
  position:fixed; right:clamp(.85rem,2vw,1.5rem);
  bottom:calc(var(--mobbar-h) + env(safe-area-inset-bottom, 0px) + 1rem);
  z-index:1035;
  width:48px; height:48px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  color:#FBF2E2; background:linear-gradient(180deg,var(--copper-a),var(--copper-b));
  border:1px solid rgba(214,171,113,.5); cursor:pointer; font-size:1rem;
  box-shadow:0 8px 22px rgba(0,0,0,.45);
  opacity:0; visibility:hidden; translate:0 10px;
  transition:opacity .25s ease, translate .25s ease, visibility .25s;
}
.totop.is-on{ opacity:1; visibility:visible; translate:0 0 }

/* ==========================================================================
   15. Duyarlı düzenlemeler
   ========================================================================== */

/* ---- ≥576px ---- */
@media (min-width: 576px){
  .mitem{ grid-template-columns:auto 1fr auto; grid-template-areas:"main dots price"; column-gap:.9rem }
  .mitem__dots{
    grid-area:dots; display:block; align-self:center; height:1px; margin-top:.35rem;
    background:repeating-linear-gradient(90deg, rgba(89,62,32,.42) 0 2px, transparent 2px 7px);
  }
  .mitem__main{ max-width:min(44rem,100%) }
  .ggrid{ grid-template-columns:repeat(3,1fr) }
  .vcards{ grid-template-columns:repeat(2,1fr) }
  .icards{ grid-template-columns:repeat(2,1fr) }
}

/* ---- Mobil ---- */
@media (max-width: 767.98px){
  .catbar__inner{ flex-direction:column; align-items:stretch; gap:.6rem; padding-block:.6rem }
  .catbar__list{ margin-inline:calc(var(--gut) * -1); padding-inline:var(--gut) }
  .msearch{ width:100% }
  .phero__meta{ gap:.45rem 1.1rem; flex-direction:column }
  .mcat__head{ gap:.8rem }
  .mcat__ic{ width:44px; height:44px; font-size:1.2rem }
  .mitem{ padding:.8rem .35rem }
  .mitem__desc{ font-size:.81rem }
  .gfilter{ margin-inline:calc(var(--gut) * -1); padding-inline:var(--gut); justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none }
  .gfilter::-webkit-scrollbar{ display:none }
  .timeline::before{ left:16px }
  .tl{ padding-left:3rem }
  .tl__dot{ width:34px; height:34px; font-size:.7rem }
  .author{ flex-direction:column; gap:.9rem }
}

@media (max-width: 400px){
  .mitem__name{ font-size:.92rem }
  .mitem__price{ font-size:1.05rem }
  .chip{ padding:.5rem .85rem; letter-spacing:.06em }
  .bcard__title{ min-height:0 }
}

/* ---- Tablet ---- */
@media (min-width: 768px){
  .ggrid{ grid-template-columns:repeat(3,1fr) }
  .bfeat{ grid-template-columns:1.05fr 1fr }
  .bfeat__media{ aspect-ratio:auto; height:100% }
}

/* ---- Masaüstü ---- */
@media (min-width: 992px){
  .mitems{ gap:.35rem }
  .ctaband__inner{ grid-template-columns:1.35fr auto; gap:3rem }
  .ctaband__actions{ flex-direction:column; align-items:stretch; min-width:16rem }
  .ctaband__actions .btn{ justify-content:flex-start }

  .split{ grid-template-columns:1fr 1fr }
  .split--media-right .split__media{ order:2 }
  .vcards{ grid-template-columns:repeat(4,1fr) }
  .icards{ grid-template-columns:repeat(3,1fr) }
  .ggrid{ grid-template-columns:repeat(4,1fr) }

  .contact-grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(2rem,3.4vw,3.5rem); align-items:start }

  .article__layout{ grid-template-columns:minmax(0,1fr) 280px; align-items:start }
  .article__aside{ position:sticky; top:calc(var(--hdr-h) + 20px) }

  .legal__layout{ grid-template-columns:250px minmax(0,1fr) }
  .legal__aside{ position:sticky; top:calc(var(--hdr-h) + 20px) }
}

@media (min-width: 1200px){
  .ggrid{ grid-template-columns:repeat(4,1fr); gap:1rem }
}

/* ==========================================================================
   16. Yazdırma
   ========================================================================== */
@media print{
  .phero__media,.catbar,.ctaband,.mfeatured,.mobbar,.topbar,.site-header,.site-footer,
  .totop,.readbar,.share,.gfilter,.pager,.article__aside,.legal__aside{ display:none !important }
  .phero{ min-height:auto; padding:0 0 1rem; background:#fff }
  .phero__title,.phero__text,.phero__meta{ color:#000; text-shadow:none }
  .menulist,.article,.legal{ padding:0 }
  .mitem,.faq__item,.bcard{ break-inside:avoid }
  .mcat{ break-inside:avoid-page }
  .prose{ max-width:none }
}

/* ==========================================================================
   17. Krem zeminde açık kart / alıntı varyantları
   ========================================================================== */
.vcards--light .vcard{
  background:rgba(255,252,244,.6); border-color:rgba(89,62,32,.26);
  box-shadow:0 1px 0 rgba(89,62,32,.05);
}
.vcards--light .vcard:hover{ border-color:rgba(138,90,40,.65) }
.vcards--light .vcard__ic{ color:#5A3B18; border-color:rgba(89,62,32,.3); background:rgba(255,255,255,.6) }
.vcards--light .vcard__title{ color:#1E1409 }
.vcards--light .vcard__text{ color:#5D5040 }

.quoteblock--light::before{ color:#8A5A28; opacity:.35 }
.quoteblock--light .quoteblock__text{ color:#241809 }
.quoteblock--light .quoteblock__by{ color:#8A5A28 }
.quoteblock--light .quoteblock__role{ color:#6C5F4C }

/* Fotoğraf şeridi (hakkımızda alt bloğu) */
.photostrip{ display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(.5rem,1.1vw,.9rem) }
.photostrip a{
  display:block; position:relative; aspect-ratio:4/3; overflow:hidden;
  border-radius:var(--r); border:1px solid rgba(89,62,32,.24); background:#100E0C;
}
.photostrip img{ width:100%; height:100%; object-fit:cover; transition:scale .5s ease }
.photostrip a:hover img,.photostrip a:focus-visible img{ scale:1.06 }
@media (min-width: 768px){ .photostrip{ grid-template-columns:repeat(3,1fr) } }

/* Görselsiz sade sayfa hero'su (hukuki metinler, 404 vb.) */
.phero--plain{
  min-height:auto;
  background:
    radial-gradient(120% 130% at 20% 0%, #1C1815 0%, rgba(12,11,9,0) 62%),
    var(--ink);
  border-bottom:1px solid rgba(181,129,70,.18);
}
.phero--plain::after{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:-1;
  background-image:var(--noise); background-size:160px 160px; opacity:.045; mix-blend-mode:overlay;
}

/* ==========================================================================
   18. Izgara/esnek kutu taşma güvenliği + dokunma alanları
   ========================================================================== */
/* Grid ve flex öğeleri varsayılan min-width:auto nedeniyle içeriğin
   min-content genişliğinin altına inemez; tablo gibi geniş içerikler
   sayfayı taşırır. Bu satır bunu engeller. */
.legal__layout > *,
.article__layout > *,
.contact-grid > *,
.split > *,
.ctaband__inner > *,
.mcat__head > *,
.mitem > *{ min-width:0 }

/* İçindekiler ve 404 bağlantıları dokunmatikte 44px */
.toc__list a{ min-height:44px; display:flex; align-items:center }
.notfound__links a{ display:inline-flex; align-items:center; min-height:44px }
.gitem__btn{ min-height:44px }

/* Onay kutusu: görsel 24px, dokunma alanı 44px */
.field--check{ position:relative; align-items:center }
.field--check input[type="checkbox"]{
  appearance:none; -webkit-appearance:none;
  width:44px; height:44px; margin:0 -.55rem 0 -.6rem;
  flex:0 0 auto; display:grid; place-content:center;
  background:transparent; border:0; cursor:pointer;
}
.field--check input[type="checkbox"]::before{
  content:""; width:24px; height:24px; border-radius:4px;
  border:1px solid rgba(89,62,32,.45); background:rgba(255,255,255,.75);
  transition:background-color .18s ease, border-color .18s ease;
}
.field--check input[type="checkbox"]:checked::before{
  border-color:#8A5A28;
  background:#8A5A28 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23FBF2E2' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='m4.5 12.5 5 5 10-11'/%3E%3C/svg%3E") center/15px no-repeat;
}
.field--check input[type="checkbox"]:focus-visible::before{ outline:2px solid var(--gold-3); outline-offset:2px }
.field--check.is-invalid input[type="checkbox"]::before{ border-color:#B2513A; background-color:rgba(255,244,240,.9) }

/* Metin içindeki bağlantılarda görünmez dokunma payı */
.field--check label a,
.icard__body a{ padding-block:.85rem; margin-block:-.85rem }

/* Blog kartının tamamı tıklanabilir (mobilde geniş dokunma alanı) */
.bcard{ position:relative }
.bcard__title a::after{ content:""; position:absolute; inset:0; z-index:1 }
.bcard__title a:focus-visible{ outline:none }
.bcard:has(a:focus-visible){ outline:2px solid var(--gold-2); outline-offset:3px; border-color:var(--gold) }

/* ==========================================================================
   19. Koyu zeminde form ve saat tablosu
   ========================================================================== */
.section--dark .field__label{ color:#CFC3AE }
.section--dark .field__label .req{ color:#D98A6E }
.section--dark .field__input,
.section--dark .field__area,
.section--dark .field__select{
  color:var(--txt); background-color:rgba(255,255,255,.05);
  border-color:rgba(181,129,70,.32);
}
.section--dark .field__input::placeholder,
.section--dark .field__area::placeholder{ color:#8D8471 }
.section--dark .field__input:focus,
.section--dark .field__area:focus,
.section--dark .field__select:focus{
  background-color:rgba(255,255,255,.09); border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(181,129,70,.18);
}
.section--dark .field__input:focus-visible,
.section--dark .field__area:focus-visible,
.section--dark .field__select:focus-visible{ outline-color:var(--gold-2) }
.section--dark .field__select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23D2A468' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m4 9 8 8 8-8'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right .9rem center; background-size:.85rem;
}
.section--dark .field__select option{ color:#241809; background:#F4E9D6 }
.section--dark .field__err{ color:#E29A7E }
.section--dark .field.is-invalid .field__input,
.section--dark .field.is-invalid .field__area,
.section--dark .field.is-invalid .field__select{
  border-color:#B2513A; background-color:rgba(178,81,58,.14);
}
.section--dark .field--check label{ color:#B7AB98 }
.section--dark .field--check label a{ color:var(--gold-2) }
.section--dark .field--check.is-invalid label{ color:#E29A7E }
.section--dark .field--check input[type="checkbox"]::before{
  border-color:rgba(181,129,70,.5); background:rgba(255,255,255,.06);
}
.section--dark .field--check input[type="checkbox"]:checked::before{
  background-color:var(--gold-3); border-color:var(--gold-3);
}
.section--dark .field--check.is-invalid input[type="checkbox"]::before{
  border-color:#B2513A; background-color:rgba(178,81,58,.18);
}
.section--dark .cform__note{ color:#8E8371 }
.section--dark .formmsg--err{
  color:#F1C7B7; background:rgba(178,81,58,.16); border-color:rgba(178,81,58,.45);
}

.section--dark .hours th{ color:#CFC3AE }
.section--dark .hours td{ color:#A79C89 }
.section--dark .hours tr + tr th,
.section--dark .hours tr + tr td{ border-top-color:rgba(181,129,70,.16) }
.section--dark .hours .is-today th,
.section--dark .hours .is-today td{ color:var(--gold-2) }
.section--dark .hours__note{ color:#8E8371 }

/* ==========================================================================
   Üst şerit — kapalı durum noktası (sunucu tarafında işaretlenir)
   ========================================================================== */
.topbar__status--closed{ background:#B2513A; box-shadow:0 0 0 3px rgba(178,81,58,.18) }

/* ==========================================================================
   İletişim formu — başarı bildirimi (sunucu tarafında basılır)
   ========================================================================== */
.formmsg--ok{ color:#2E4A21; background:rgba(76,116,46,.12); border:1px solid rgba(76,116,46,.35) }
.formmsg--ok p{ margin:0 }
.formmsg--ok p + p{ margin-top:.5rem }
.formmsg--ok a{ color:inherit; font-weight:600; text-decoration:underline }
.section--dark .formmsg--ok{
  color:#CFE0BC; background:rgba(120,160,80,.16); border-color:rgba(120,160,80,.45);
}