/* ============================================================================
   AFR AYARI ADANA — "USTA" TEMASI (18.10.2026)
   ----------------------------------------------------------------------------
   Sıcak, yerel usta havası: krem zemin, yuvarlak hatlar, büyük fotoğraf,
   Fraunces başlıklar. Marka renkleri korunur (lacivert yazı, kırmızı vurgu).

   Yalnız panelde "Usta" teması seçiliyken (veya ?tema=usta) yüklenir;
   includes/tema.php bu dosyayı </head> öncesine, diğer tüm stillerden SONRA
   ekler ve <html>'e .tema-usta sınıfını koyar. Her kural "html.tema-usta"
   ile başlar; böylece sayfa içi stillerden de önce gelir.
   Klasik temaya dönmek için bu dosyaya dokunmak gerekmez: panelden seçilir.
   ========================================================================= */

@font-face{
  font-family:"Fraunces";
  font-style:normal; font-weight:600 800; font-display:swap;
  src:url("/assets/fonts/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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Fraunces";
  font-style:normal; font-weight:600 800; font-display:swap;
  src:url("/assets/fonts/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;
}

/* ---------------------------------------------------------------------------
   1) PALET VE ÖLÇÜLER — eski değişkenler de bu palete bağlanır
   ------------------------------------------------------------------------ */
html.tema-usta{
  --u-cream:#FBF5EC;      /* sayfa zemini */
  --u-cream-2:#F3E8D7;    /* alternatif bölüm zemini */
  --u-paper:#FFFDF8;      /* kart yüzeyi */
  --u-sand:#E6D6BF;       /* çizgi */
  --u-sand-2:#D8C3A5;
  --u-ink:#1F2547;        /* başlık (marka laciverti, biraz yumuşatılmış) */
  --u-text:#4A4352;       /* gövde metni — sıcak gri */
  --u-muted:#7A6F68;
  --u-red:#C21F12;
  --u-red-dark:#9B170C;
  --u-red-soft:#F8E3DC;
  --u-amber:#E0A23A;      /* küçük sıcak vurgu */
  --u-espresso:#2B201B;   /* footer zemini */
  --u-r:22px;
  --u-r-lg:30px;
  --u-shadow:0 10px 30px rgba(92,58,24,.09);
  --u-shadow-lift:0 18px 44px rgba(92,58,24,.15);
  --u-display:"Fraunces", Georgia, "Times New Roman", serif;

  /* mevcut CSS'in okuduğu değişkenler */
  --oh-red:var(--u-red);
  --oh-red-dark:var(--u-red-dark);
  --oh-red-tint:var(--u-red-soft);
  --oh-ink:var(--u-ink);
  --oh-ink-2:var(--u-text);
  --oh-ink-3:var(--u-muted);
  --oh-muted:var(--u-muted);
  --oh-line:var(--u-sand);
  --oh-border:var(--u-sand);
  --oh-surface:var(--u-paper);
  --oh-surface-2:var(--u-cream-2);
  --oh-radius:var(--u-r);
  --oh-radius-lg:var(--u-r-lg);
  --oh-radius-sm:14px;
  --oh-shadow:var(--u-shadow);
  --oh-shadow-lift:var(--u-shadow-lift);
  --arm-border:var(--u-sand);
  --arm-ink:var(--u-ink);
  --sh-ink:var(--u-ink);
  --sh-muted:var(--u-muted);
  --sh-line:var(--u-sand);
  --sh-soft:var(--u-cream-2);
  --brc-ink:var(--u-ink);
  --brc-muted:var(--u-muted);
  --brc-line:var(--u-sand);
  --brc-display:var(--u-display);
  --cb-border:var(--u-sand);
  --cb-radius:var(--u-r);
  --cb-muted:var(--u-muted);
  --cb-text:var(--u-text);
  --bs-body-bg:var(--u-cream);
  --bs-body-color:var(--u-text);
  --bs-border-color:var(--u-sand);
  background:var(--u-cream);
}

html.tema-usta body{
  background:var(--u-cream) !important;
  color:var(--u-text);
}
html.tema-usta ::selection{ background:var(--u-amber); color:#fff; }

/* ---------------------------------------------------------------------------
   2) TİPOGRAFİ — başlıklar Fraunces, gövde Plus Jakarta Sans kalır
   ------------------------------------------------------------------------ */
html.tema-usta h1, html.tema-usta h2, html.tema-usta h3,
html.tema-usta .h1, html.tema-usta .h2, html.tema-usta .h3,
html.tema-usta .oh-hero-title,
html.tema-usta .oh-contact-title,
html.tema-usta .ohs-title{
  font-family:var(--u-display) !important;
  font-optical-sizing:auto;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
  color:var(--u-ink);
}
html.tema-usta h4, html.tema-usta h5{ color:var(--u-ink); }
html.tema-usta a{ text-decoration-color:rgba(194,31,18,.35); }

/* Bölüm başlıklarının altındaki kırmızı kısa çizgiler → el çizimi dalga */
html.tema-usta .content h2::before,
html.tema-usta .page-card h2::before{
  content:"" !important;
  display:block !important;
  width:58px !important; height:10px !important;
  margin:0 0 12px !important;
  border:0 !important; border-radius:0 !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='10' viewBox='0 0 58 10'%3E%3Cpath d='M1 6c6-5 10-5 16 0s10 5 16 0 10-5 16 0 6 3 8 1' fill='none' stroke='%23E0A23A' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat !important;
  position:static !important;
}

/* ---------------------------------------------------------------------------
   3) NAVBAR — krem, hafif bulanık; menü hap şeklinde
   ------------------------------------------------------------------------ */
html.tema-usta nav.arm-nav,
html.tema-usta nav.arm-nav.oh-nav-hero,
html.tema-usta nav.arm-nav.oh-scrolled{
  /* backdrop-filter KULLANILMAZ: navbar'ın içindeki mobil menü (position:fixed
     offcanvas) filtre olan atayı kapsayıcı sayar; menü 66px'e sıkışıyor ve sayfa
     yatayda 710px'e taşıyordu (18.10.2026). */
  background:var(--u-cream) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  border-bottom:1px solid var(--u-sand) !important;
  box-shadow:none !important;
}
html.tema-usta nav.arm-nav .arm-pill,
html.tema-usta nav.arm-nav.oh-nav-hero .arm-pill,
html.tema-usta nav.arm-nav .arm-label{
  color:var(--u-ink) !important;
  text-shadow:none !important;
}
html.tema-usta nav.arm-nav .arm-pill{
  border-radius:999px !important;
  padding:8px 14px !important;
  font-weight:600 !important;
  transition:background .2s, color .2s;
}
html.tema-usta nav.arm-nav .arm-pill:hover,
html.tema-usta nav.arm-nav .arm-pill.active,
html.tema-usta nav.arm-nav .arm-pill[aria-current="page"]{
  background:var(--u-cream-2) !important;
  color:var(--u-red) !important;
}
html.tema-usta nav.arm-nav .arm-pill::after,
html.tema-usta nav.arm-nav .arm-pill::before{ display:none !important; }

html.tema-usta .oh-dd-panel{
  background:var(--u-paper) !important;
  border:1px solid var(--u-sand) !important;
  border-radius:18px !important;
  box-shadow:var(--u-shadow-lift) !important;
}

/* Sağdaki telefon → kırmızı hap "Ara" düğmesi */
html.tema-usta .oh-ncall{
  background:var(--u-red) !important;
  border-radius:999px !important;
  padding:6px 18px 6px 6px !important;
  box-shadow:0 8px 20px rgba(194,31,18,.25) !important;
  transition:transform .2s, background .2s;
}
html.tema-usta .oh-ncall:hover{ background:var(--u-red-dark) !important; transform:translateY(-1px); }
html.tema-usta .oh-ncall .oh-ncall-ic{
  background:#fff !important; color:var(--u-red) !important;
  border-radius:999px !important;
}
html.tema-usta .oh-ncall .oh-ncall-tx small,
html.tema-usta .oh-ncall .oh-ncall-tx b,
html.tema-usta nav.arm-nav.oh-nav-hero .oh-ncall .oh-ncall-tx small,
html.tema-usta nav.arm-nav.oh-nav-hero .oh-ncall .oh-ncall-tx b{
  color:#fff !important; text-shadow:none !important;
}
html.tema-usta .oh-tools{ border-color:var(--u-sand) !important; }
html.tema-usta .oh-tool,
html.tema-usta nav.arm-nav.oh-nav-hero .oh-tool{
  color:var(--u-ink) !important;
  background:var(--u-paper) !important;
  border:1px solid var(--u-sand) !important;
  border-radius:999px !important;
}
html.tema-usta .oh-tool:hover{ background:var(--u-cream-2) !important; }

/* Mobil menü */
html.tema-usta .arm-toggle{ border-color:var(--u-sand) !important; border-radius:14px !important; }
html.tema-usta .arm-canvas{ background:var(--u-cream) !important; }
html.tema-usta .arm-m-pill{ border-radius:16px !important; color:var(--u-ink) !important; }
html.tema-usta .arm-m-pill:hover{ background:var(--u-cream-2) !important; }
html.tema-usta .oh-m-call{ background:var(--u-red) !important; border-radius:999px !important; color:#fff !important; }

/* ---------------------------------------------------------------------------
   4) ANA SAYFA HERO — kenarlardan içe alınmış büyük yuvarlak fotoğraf,
      metin altta krem bir kartta
   ------------------------------------------------------------------------ */
/* Ana sayfada navbar normalde fotoğrafın ÜSTÜNDE (şeffaf, beyaz logo) durur.
   Bu temada fotoğraf içe alınmış bir kart olduğu için navbar akışa girer. */
html.tema-usta nav.arm-nav.oh-nav-hero{ position:sticky !important; top:0 !important; }
html.tema-usta nav.arm-nav::before{ display:none !important; }
html.tema-usta nav.arm-nav .arm-brand img{ filter:none !important; }

html.tema-usta main > .hero-kb{
  margin:14px clamp(12px, 2vw, 28px) 0 !important;
  border-radius:var(--u-r-lg) !important;
  overflow:hidden !important;
  box-shadow:var(--u-shadow-lift);
  --oh-cut:0px !important;
}
@media (min-width:992px){
  html.tema-usta main > .hero-kb{ height:clamp(440px, 68vh, 640px) !important; min-height:0 !important; }
}
html.tema-usta .hero-kb .oh-hero-divider{ display:none !important; }
html.tema-usta .hero-kb .kb-slide::after{
  background:linear-gradient(180deg, rgba(43,32,27,0) 35%, rgba(43,32,27,.55) 100%) !important;
}
html.tema-usta .oh-hero-lead::before{
  background:linear-gradient(90deg, rgba(43,32,27,.45) 0%, rgba(43,32,27,0) 60%) !important;
}
html.tema-usta .oh-hero-lead{ align-items:flex-end !important; padding-bottom:0 !important; }
html.tema-usta .oh-hero-lead-inner{
  background:var(--u-paper) !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  border-radius:26px;
  padding:26px 30px 28px !important;
  margin-bottom:44px !important;
  max-width:560px !important;
  box-shadow:0 20px 50px rgba(43,32,27,.25);
}
html.tema-usta .oh-hero-lead-inner::before,
html.tema-usta .oh-hero-lead-inner::after{ display:none !important; }
html.tema-usta .oh-hero-title{
  color:var(--u-ink) !important;
  text-shadow:none !important;
  white-space:normal !important;
  width:auto !important;
  font-size:clamp(28px, 3.2vw, 44px) !important;
  line-height:1.08 !important;
  margin-bottom:12px !important;
}
html.tema-usta .oh-hero-eyebrow{
  color:var(--u-muted) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  padding:0 0 0 16px !important;
  font-weight:600 !important;
  text-shadow:none !important;
  margin-bottom:18px !important;
}
html.tema-usta .oh-hero-eyebrow::before{ background:var(--u-amber) !important; }
html.tema-usta .oh-hero-btn,
html.tema-usta .oh-hero-btn--ghost{
  background:var(--u-red) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  padding:13px 26px !important;
  font-weight:700 !important;
  box-shadow:0 10px 24px rgba(194,31,18,.28) !important;
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
html.tema-usta .oh-hero-btn:hover{ background:var(--u-red-dark) !important; }
html.tema-usta .kb-dots{ bottom:14px !important; }
html.tema-usta .kb-dot{ border-radius:999px !important; background:rgba(255,253,248,.55) !important; }
html.tema-usta .kb-dot.is-active{ background:#fff !important; }
html.tema-usta .oh-brc-serit{ display:none !important; }

/* Telefonda hero "display:contents" ile açılır (fotoğraf üstte, başlık altta);
   kart yerine fotoğrafın kendisi yuvarlatılır, başlık zemine oturur. */
@media (max-width:991.98px){
  html.tema-usta .hero-kb .kb-wrapper{
    margin:10px 10px 0 !important;
    border-radius:24px !important;
    box-shadow:var(--u-shadow-lift);
  }
  html.tema-usta .oh-hero-lead-inner{
    background:transparent !important;
    box-shadow:none !important;
    margin-bottom:0 !important;
  }
  html.tema-usta .oh-hero-title{ font-size:clamp(24px, 6.6vw, 32px) !important; }
}

/* ---------------------------------------------------------------------------
   5) HİKÂYE ŞERİDİ
   ------------------------------------------------------------------------ */
html.tema-usta .stories-block{ background:transparent !important; }
html.tema-usta .story-pill .ring{
  background:conic-gradient(var(--u-amber), var(--u-red), var(--u-amber)) !important;
  padding:3px !important;
}
html.tema-usta .story-pill .lbl{ color:var(--u-ink) !important; }

/* ---------------------------------------------------------------------------
   6) "NEDEN AFR AYARI ADANA" GÖSTERGE BLOĞU
   ------------------------------------------------------------------------ */
html.tema-usta .oh-services{ background:transparent !important; }
html.tema-usta .oh-heading p{ color:var(--u-text) !important; }
html.tema-usta .oh-console{
  background:var(--u-paper) !important;
  border:1px solid var(--u-sand) !important;
  border-radius:var(--u-r-lg) !important;
  box-shadow:var(--u-shadow) !important;
  overflow:hidden;
}
html.tema-usta .oh-gauge-wrap{
  background:var(--u-cream-2) !important;
  border-right:1px solid var(--u-sand) !important;
}
html.tema-usta .oh-tabs{ gap:8px; padding:14px !important; border:0 !important; background:transparent !important; }
html.tema-usta .oh-tab{
  border:1px solid var(--u-sand) !important;
  border-radius:18px !important;
  background:var(--u-paper) !important;
  color:var(--u-ink) !important;
}
html.tema-usta .oh-tab:hover{ background:var(--u-cream) !important; }
html.tema-usta .oh-tab.active,
html.tema-usta .oh-tab.is-active,
html.tema-usta .oh-tab[aria-selected="true"]{
  background:var(--u-red) !important;
  border-color:var(--u-red) !important;
  color:#fff !important;
}
html.tema-usta .oh-tab::after{ display:none !important; }
html.tema-usta .oh-panel{ border-left-color:var(--u-amber) !important; }

/* ---------------------------------------------------------------------------
   7) MARKA ŞERİDİ
   ------------------------------------------------------------------------ */
html.tema-usta .oh-below{ background:var(--u-cream-2) !important; border:0 !important; }
html.tema-usta .oh-brand{
  background:var(--u-paper) !important;
  border-radius:16px !important;
  padding:8px 12px !important;
  box-shadow:0 4px 12px rgba(92,58,24,.06);
}

/* ---------------------------------------------------------------------------
   8) GENEL KARTLAR / İÇERİK
   ------------------------------------------------------------------------ */
html.tema-usta .page-card,
html.tema-usta .card,
html.tema-usta .ic-card,
html.tema-usta .oh-card{
  background:var(--u-paper) !important;
  border:1px solid var(--u-sand) !important;
  border-radius:var(--u-r-lg) !important;
  box-shadow:var(--u-shadow) !important;
}
html.tema-usta .content-mini-card{
  background:var(--u-paper) !important;
  border:1px solid var(--u-sand) !important;
  border-radius:var(--u-r) !important;
  box-shadow:var(--u-shadow) !important;
  overflow:hidden;
  transition:transform .25s, box-shadow .25s;
}
html.tema-usta .content-mini-card:hover{ transform:translateY(-4px); box-shadow:var(--u-shadow-lift) !important; }
html.tema-usta .content-mini-card .c-media,
html.tema-usta .content-mini-card img{ border-radius:0 !important; }
html.tema-usta .content-mini-card .c-title::after{ background:var(--u-amber) !important; }
html.tema-usta .content img{ border-radius:18px; }
html.tema-usta .content a:not(.btn),
html.tema-usta main p a:not(.btn):not([class*="oh-"]){
  color:var(--u-red) !important;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
html.tema-usta .content a:not(.btn):hover{ color:var(--u-red-dark) !important; }

/* İçerikteki madde kutuları (content-blocks.css: soğuk gri + kırmızı kenar) */
html.tema-usta .page-card .content section.oh-page > ul > li{
  background:var(--u-cream) !important;
  border-color:var(--u-sand) !important;
  border-left:4px solid var(--u-amber) !important;
  border-radius:14px !important;
  color:var(--u-text) !important;
}

/* Düğmeler: hepsi hap */
html.tema-usta .btn{ border-radius:999px !important; font-weight:700; padding-left:1.15rem; padding-right:1.15rem; }
html.tema-usta .btn-danger,
html.tema-usta .btn-primary{ background:var(--u-red) !important; border-color:var(--u-red) !important; color:#fff !important; }
html.tema-usta .btn-danger:hover,
html.tema-usta .btn-primary:hover{ background:var(--u-red-dark) !important; border-color:var(--u-red-dark) !important; }
html.tema-usta .btn-outline-danger{ color:var(--u-red) !important; border-color:var(--u-red) !important; background:transparent !important; }
html.tema-usta .btn-outline-danger:hover{ background:var(--u-red) !important; color:#fff !important; }
html.tema-usta .btn-success{ background:#1F8A4C !important; border-color:#1F8A4C !important; }

/* SSS */
html.tema-usta .afr-faq-item{
  background:var(--u-paper) !important;
  border:1px solid var(--u-sand) !important;
  border-radius:18px !important;
  box-shadow:none !important;
}
html.tema-usta .afr-faq-item[open]{ background:#fff !important; box-shadow:var(--u-shadow) !important; }

/* ---------------------------------------------------------------------------
   9) İLETİŞİM BLOĞU
   ------------------------------------------------------------------------ */
html.tema-usta .oh-contact{ background:transparent !important; }
html.tema-usta .oh-contact-card,
html.tema-usta .oh-contact-map{
  border-radius:var(--u-r-lg) !important;
  border:1px solid var(--u-sand) !important;
  box-shadow:var(--u-shadow) !important;
  overflow:hidden;
}
html.tema-usta .oh-contact-card{ background:var(--u-paper) !important; }
html.tema-usta .oh-ci-ic{ background:var(--u-red-soft) !important; color:var(--u-red) !important; border-radius:14px !important; }
html.tema-usta .oh-ci-lb{ color:var(--u-muted) !important; }
html.tema-usta .oh-cbtn{ border-radius:999px !important; }
html.tema-usta .oh-contact-link{ color:var(--u-red) !important; }

/* ---------------------------------------------------------------------------
   10) FOOTER — koyu kahve, krem yazı; lacivert dalga şerit gizlenir
   ------------------------------------------------------------------------ */
html.tema-usta .oh-footer-serit{ display:none !important; }
html.tema-usta body footer.site-footer.oh-ft{ border-top:0 !important; }
html.tema-usta footer.site-footer,
html.tema-usta footer.oh-ft{
  --ft-red:var(--u-amber);   /* footer.css telefon rengi */
  --ft-ink:#fff;
  background:var(--u-espresso) !important;
  color:#E9DCCB !important;
  border-top:0 !important;
  border-radius:var(--u-r-lg) var(--u-r-lg) 0 0;
  margin-top:56px;
  position:relative;
}
html.tema-usta footer.oh-ft::before{
  content:"";
  position:absolute; left:0; right:0; top:0; height:6px;
  border-radius:var(--u-r-lg) var(--u-r-lg) 0 0;
  background:linear-gradient(90deg, var(--u-red), var(--u-amber));
}
html.tema-usta footer.oh-ft,
html.tema-usta footer.oh-ft p,
html.tema-usta footer.oh-ft li,
html.tema-usta footer.oh-ft .oh-ft-about,
html.tema-usta footer.oh-ft .oh-ft-vsub,
html.tema-usta footer.oh-ft .oh-ft-copy{ color:#CDBBA6 !important; }
html.tema-usta footer.oh-ft a{ color:#F3E8D7 !important; }
html.tema-usta footer.oh-ft a:hover{ color:var(--u-amber) !important; }
html.tema-usta footer.oh-ft .oh-ft-h,
html.tema-usta footer.oh-ft .oh-ft-vhead{
  color:#fff !important;
  font-family:var(--u-display) !important;
}
html.tema-usta footer.oh-ft .oh-ft-strong,
html.tema-usta footer.oh-ft a.oh-ft-strong,
html.tema-usta footer.oh-ft .oh-ft-contact a,
html.tema-usta footer.oh-ft .oh-ft-vcard strong,
html.tema-usta footer.oh-ft .oh-ft-vcard b{ color:#fff !important; font-family:inherit !important; }
html.tema-usta footer.oh-ft .oh-ft-thumb{ background:rgba(255,255,255,.1) !important; }
html.tema-usta footer.oh-ft .oh-ft-vclock{ background:rgba(224,162,58,.18) !important; color:var(--u-amber) !important; }
html.tema-usta footer.oh-ft .oh-ft-vsep{ background:rgba(255,255,255,.15) !important; }
html.tema-usta footer.oh-ft .oh-ft-vpin{ color:var(--u-amber) !important; }
html.tema-usta footer.oh-ft .oh-ft-cookie{ color:#CDBBA6 !important; }
html.tema-usta footer.oh-ft .oh-ft-logo img{
  background:var(--u-paper);
  border-radius:16px;
  padding:8px 12px;
}
html.tema-usta footer.oh-ft .oh-ft-ic,
html.tema-usta footer.oh-ft .oh-ft-social a{
  background:rgba(255,255,255,.08) !important;
  color:var(--u-amber) !important;
  border-radius:12px !important;
}
html.tema-usta footer.oh-ft .oh-ft-card,
html.tema-usta footer.oh-ft .oh-ft-vcard{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:var(--u-r) !important;
  box-shadow:none !important;
}
html.tema-usta footer.oh-ft .oh-ft-vcity,
html.tema-usta footer.oh-ft .oh-ft-vtime{ color:#fff !important; }
html.tema-usta footer.oh-ft .oh-ft-vstreet,
html.tema-usta footer.oh-ft .oh-ft-vhours{ color:#CDBBA6 !important; }
html.tema-usta footer.oh-ft .oh-ft-vbtn{
  background:var(--u-red) !important;
  border-radius:999px !important;
  color:#fff !important;
}
/* footer.css alt bantları beyaz box-shadow ile tam genişliğe yayıyor; kapatılır */
html.tema-usta footer.oh-ft .oh-ft-corp,
html.tema-usta footer.oh-ft .oh-ft-bottom{
  border-color:rgba(255,255,255,.1) !important;
  background:transparent !important;
  box-shadow:none !important;
}
html.tema-usta footer.oh-ft .oh-ft-corp::before{ background:rgba(255,255,255,.1) !important; }

/* ---------------------------------------------------------------------------
   11) İÇ SAYFALAR (hizmet, makale, marka, kurumsal)
   ------------------------------------------------------------------------ */
html.tema-usta .breadcrumb-wrap,
html.tema-usta .ic-hero,
html.tema-usta .ic-head,
html.tema-usta .hd-hero,
html.tema-usta .page-head{
  background:var(--u-cream-2) !important;
  border-radius:var(--u-r-lg) !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Yüzen düğmeler: hafif sıcak gölge */
html.tema-usta .floating-btn,
html.tema-usta .oh-float a{ box-shadow:0 10px 26px rgba(43,32,27,.25) !important; }

/* ---------------------------------------------------------------------------
   12) TELEFON İNCE AYARLARI (18.10.2026 mobil tarama)
   ------------------------------------------------------------------------ */
/* 12px altındaki rozet / üst bilgi yazıları okunur boya çekilir */
html.tema-usta .oh-badge,
html.tema-usta .oh-service-cat,
html.tema-usta .badge-tag,
html.tema-usta .svc-chip,
html.tema-usta .svc-cta,
html.tema-usta .ic-card-meta{ font-size:12px !important; }

@media (max-width:575.98px){
  /* Fraunces geniş bir yazı; dar ekranda başlıklar 3-4 satıra taşıyordu */
  html.tema-usta h1,
  html.tema-usta .h1{ font-size:clamp(23px, 6.6vw, 27px) !important; line-height:1.15 !important; }
  html.tema-usta h2,
  html.tema-usta .h2{ font-size:clamp(20px, 5.6vw, 23px) !important; line-height:1.2 !important; }
  html.tema-usta h3,
  html.tema-usta .h3{ font-size:18px !important; line-height:1.25 !important; }

  /* İki sütunlu kart ızgaralarında başlıklar gövde yazısıyla (daha dar) */
  html.tema-usta .oh-service-title,
  html.tema-usta .ic-card-title,
  html.tema-usta .content-mini-card .c-title{
    font-family:"Plus Jakarta Sans", system-ui, sans-serif !important;
    font-size:14.5px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
    letter-spacing:0 !important;
  }

  /* Sayfa başlıkları kendi dosyalarında daha yüksek öncelikle boyutlanıyor */
  html.tema-usta .ic-article-head h1,
  html.tema-usta .service-summary h1,
  html.tema-usta .oh-page-head h1{ font-size:clamp(22px, 6.2vw, 25px) !important; }

  html.tema-usta .page-card,
  html.tema-usta .card,
  html.tema-usta .oh-console,
  html.tema-usta .oh-contact-card,
  html.tema-usta .oh-contact-map{ border-radius:20px !important; }

}

/* Ana sayfada navbar eskiden fotoğrafın üstünde olduğu için menü (hamburger)
   çizgileri beyaz + gölgeliydi; krem navbar'da görünmüyordu. */
html.tema-usta nav.arm-nav.oh-nav-hero .arm-toggle{ color:var(--u-red) !important; }
html.tema-usta nav.arm-nav.oh-nav-hero button.navbar-toggler.arm-toggle .navbar-toggler-icon,
html.tema-usta nav.arm-nav.oh-nav-hero button.navbar-toggler.arm-toggle .navbar-toggler-icon::before,
html.tema-usta nav.arm-nav.oh-nav-hero button.navbar-toggler.arm-toggle .navbar-toggler-icon::after{ box-shadow:none !important; }