/* ============================================================================
   PASTOFINO — site özel CSS  |  Inside Yazılım
   app.css (tema) DEĞİŞTİRİLMEZ; bu dosya app.css'ten SONRA yüklenir ve yalnızca
   ekler/üzerine yazar. Mobil-öncelikli: kurallar önce mobil, sonra genişler.
   ========================================================================== */

/* ---------------------------------------------------------------------------
   1) DOKUNMA ALANLARI (WCAG 2.5.5 / Apple HIG: en az 44×44px)
   Yöntem: dikey padding + eşit negatif margin → görünüm ve satır akışı
   değişmez, yalnızca dokunulabilir alan büyür.
   --------------------------------------------------------------------------- */
@media (max-width: 991px) {
  .footer .footer-link li a,
  .footer .list li a,
  .footer .list li span a,
  .footer .copyright a,
  .breadcrumb ul li a,
  .icon-box .action,
  .cookie-banner p a {
    display: inline-block;
    padding: 10px 6px;
    margin: -10px -6px;
    min-height: 44px;
    box-sizing: border-box;
  }
  .footer .footer-social .social li {
    /* 16px ikon → 44px dokunma kutusu; aralık (12px margin) korunur.
       li de 44px olmalı: tema li'yi 16px tutuyor, 44px'lik <a> li'nin üstünden
       başlayınca ikon barın merkezinden 14px aşağı kayıyordu (ölçüldü). */
    width: 44px;
    height: 44px;
    margin: 0 -2px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .footer .footer-social .social li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
  }
  .cookie-banner-actions .tf-button {
    min-height: 44px;
  }
}

/* ---------------------------------------------------------------------------
   2) WOW.js MOBİLDE KAPALI — pastofino.js wow.stop() çağırır; bu kural JS
   çalışmadan önceki kısacık aralıkta bile içerik gizlenmesin diye var.
   (WOW satır içi style ile de gizler; onu JS temizler.)
   --------------------------------------------------------------------------- */
@media (max-width: 991px) {
  .wow { visibility: visible; animation-name: none; }
}

/* ---------------------------------------------------------------------------
   3) HAREKET AZALTMA tercihi olan kullanıcılar için animasyon kapalı
   --------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .wow, .animated { animation: none; visibility: visible; }
  * { scroll-behavior: auto; }
}

/* ===========================================================================
   FAZ 2 — MOBİL / TABLET KULLANICI DENEYİMİ (≤991px). Masaüstü etkilenmez.
   =========================================================================== */

/* Masaüstünde gizli mobil öğeler */
@media (min-width: 992px) {
  .pf-alt-cubuk, .pf-menu-kisayol, .pf-yalniz-mobil { display: none; }
}

@media (max-width: 991px) {
  /* -------------------------------------------------------------------------
     4) YAPIŞKAN ALT AKSİYON ÇUBUĞU — include/alt-cubuk.php
     ------------------------------------------------------------------------- */
  body { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
  .pf-alt-cubuk {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 998;
    display: flex;
    height: calc(64px + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    /* Patron (22 Eyl 2026): daha canlı — marka yeşili zemin, krem ikon/yazı; aktif öğe açık hap.
       Safe-area: viewport-fit=cover (head-content) ile çubuk iPhone'da ekranın dibine kadar iner, "havada" kalmaz. */
    background: var(--color-accent-red); /* patron (22 Eyl): yeşile ısınamadı -> üstteki marka kırmızısı */
    border-top: 0;
    box-shadow: 0 -8px 24px rgba(79, 3, 34, 0.18);
    padding-left: 8px; padding-right: 8px; gap: 4px;
  }
  .pf-alt-cubuk__oge {
    flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 3px; min-height: 44px; margin: 8px 0; border-radius: 14px;
    color: #FDF8F0;
    font-family: "Eigerdals", sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.02em; text-transform: uppercase;
    text-decoration: none; -webkit-tap-highlight-color: transparent;
  }
  .pf-alt-cubuk__oge svg { width: 22px; height: 22px; }
  .pf-alt-cubuk__oge.is-aktif { color: #fff; background: rgba(255, 255, 255, 0.18); }
  .pf-alt-cubuk__oge:active { background: rgba(255, 255, 255, 0.28); }
  /* mobil menü açıkken çubuk ve sabit CTA gizli */
  body.main-nav-mobile .pf-alt-cubuk { display: none; }
  /* çerez bandı ve yukarı-çık butonu çubuğun üstüne taşınır */
  .cookie-banner { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  #scroll-top { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }

  /* -------------------------------------------------------------------------
     5) MOBİL MENÜ PANELİ + KISAYOLLAR (patron, 21 Eyl 2026 — 2. sürüm)
     Tema paneli tam ekran açıyordu (top:78, 100vh, üstte 82px ölü boşluk).
     Yeni: hap header'ın ALTINDA açılan yuvarlak köşeli kart + arkada karartma;
     satırlar 18px/56px; altta üç tam genişlik düğme (kırmızı/kırmızı/yeşil).
     ------------------------------------------------------------------------- */
  #main-nav-mobi {
    top: 90px; left: 15px; right: 15px; width: auto;
    height: auto; max-height: calc(100vh - 90px - 84px - env(safe-area-inset-bottom, 0px));
    background: #FDF8F0; border-radius: 24px;
    box-shadow: 0 18px 44px rgba(79, 3, 34, 0.22);
    padding: 6px 0 0; overflow-y: auto; -webkit-overflow-scrolling: touch;
  }
  #main-nav-mobi ul.menu, #main-nav-mobi > ul { padding: 4px 0 14px !important; } /* tema ul'e 82px üst boşluk (eski logo yeri) veriyor, kendi !important'ı var */
  #main-nav-mobi { scrollbar-width: none; }
  #main-nav-mobi::-webkit-scrollbar { display: none; }
  #main-nav-mobi ul > li { padding: 0 22px; border-top: 0; }
  #main-nav-mobi ul > li > a {
    font-size: 18px; line-height: 26px; padding: 15px 44px 15px 0;
    border-bottom: 1px solid rgba(0, 102, 51, 0.12);
  }
  #main-nav-mobi ul > li:last-child > a { border-bottom: 0; }
  #main-nav-mobi .sub-menu li a { font-size: 16px; padding: 12px 0 12px 18px; }
  #main-nav-mobi .menu-item-has-children .arrow {
    width: 40px; height: 40px; top: 8px; right: 16px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%; background: rgba(0, 102, 51, 0.08);
  }
  #main-nav-mobi .menu-item-has-children .arrow::before { font-size: 14px; color: #006633; }
  #main-nav-mobi .header__logo-mobile { display: none; }
  /* arka plan karartması: header (z 12/999) ve panel üstte kalır; tıklayınca kapanır (pastofino.js) */
  body.main-nav-mobile::before {
    content: ""; position: fixed; inset: 0; z-index: 11;
    background: rgba(79, 3, 34, 0.38);
  }
  /* kısayol düğmeleri */
  #main-nav-mobi ul > li.pf-menu-kisayol { padding: 12px 22px 22px; border-top: 1px solid rgba(0, 102, 51, 0.12); }
  .pf-menu-kisayol__satir { display: flex; flex-direction: column; gap: 10px; margin-bottom: 0; }
  #main-nav-mobi ul > li.pf-menu-kisayol a { display: inline-flex; padding: 0; border: 0; line-height: 1; }
  .pf-menu-kisayol__btn {
    width: 100%; align-items: center; justify-content: center; gap: 8px;
    min-height: 50px; border-radius: 30px;
    font-family: "Eigerdals", sans-serif; font-weight: 700; font-size: 15px; text-transform: uppercase; letter-spacing: 0.02em;
  }
  #main-nav-mobi ul > li.pf-menu-kisayol a.pf-menu-kisayol__btn--ara,
  #main-nav-mobi ul > li.pf-menu-kisayol a.pf-menu-kisayol__btn--siparis { background: var(--color-accent-red); color: #fff; }
  #main-nav-mobi ul > li.pf-menu-kisayol a.pf-menu-kisayol__btn--franchise { background: #006633; color: #fff; }
  .pf-menu-kisayol__sosyal { display: flex; justify-content: center; gap: 10px; margin-top: 14px; }
  .pf-menu-kisayol__sosyal:empty { display: none; }
  #main-nav-mobi ul > li.pf-menu-kisayol .pf-menu-kisayol__sosyal a {
    width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 50%;
    background: rgba(0, 102, 51, 0.08); color: #006633; font-size: 18px;
  }

  /* -------------------------------------------------------------------------
     6) ANA SAYFA KATEGORİ KARTLARI — yatay kaydırmalı şerit (index.php .pf-yatay-serit)
     6 kart × tam ekran yerine tek satır; %78 genişlik -> sıradaki kart görünür
     ------------------------------------------------------------------------- */
  .pf-yatay-serit {
    flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
    scrollbar-width: none; padding-bottom: 6px;
  }
  .pf-yatay-serit::-webkit-scrollbar { display: none; }
  .pf-yatay-serit > [class*="col-"] { flex: 0 0 86%; max-width: 86%; scroll-snap-align: start; }
  .pf-yatay-serit .item-box { margin-bottom: 8px; }
  /* Kart kutusu (.image, oran 370/355) daralınca tema'nın 200px'lik ürün görseli
     (alt-sağa mutlak konumlu) metnin üzerine biniyordu (ölçüldü). Kutu biraz
     uzatılır, görsel 150px'e iner, metin 3 satırla sınırlanır -> çakışma yok. */
  .pf-yatay-serit .item-box .image { aspect-ratio: 370 / 400; }
  .pf-yatay-serit .item-box .image img { width: 150px; height: 150px; }
  .pf-yatay-serit .item-box .content { padding: 24px 22px 0; }
  .pf-yatay-serit .item-box .content .title { font-size: 24px; margin-bottom: 8px; }
  .pf-yatay-serit .item-box .content p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 1.45; }
  /* ok butonu temada yalnızca hover'da görünür (opacity 0) -> dokunmatikte kart
     tıklanamıyordu; mobilde her zaman görünür */
  .pf-yatay-serit .item-box .link { width: 56px; height: 56px; bottom: 18px; right: 18px; opacity: 1; visibility: visible; transform: none; }

  /* ÖZELLİK KUTUSU (Doğal & Taze ...): köşe yapışkanları mobilde kutunun
     dışına taşıp kesik görünüyordu; dekoratif -> gizli. Dolgu küçültüldü,
     slider 2 öğe gösterir (swiper.js). */
  .about-inner .icon-bg.icon_1, .about-inner .icon-bg.icon_2 { display: none; }
  .about-inner, .about-inner.style1 { padding: 34px 8px 26px; }
  .about-inner .box .icon.mb-28 { margin-bottom: 16px; }
  .about-inner .box .icon img { width: 76px; height: 76px; }
  .about-inner .box h5, .about-inner .box h3.h5,
.about-inner .box :is(h1,h2,h3,h4,h5,h6,p).h5 { font-size: 17px; }

  /* -------------------------------------------------------------------------
     7) MENÜ SAYFASI — yatay kategori sekmeleri + kompakt ürün kartı
     (sticky sekmelerden vazgeçildi — patron kararı 21 Eyl)
     ------------------------------------------------------------------------- */
  /* (sticky DEĞİL — patron kararı 21 Eyl; yalnızca header sabit) */
  .flat-tabs .menu-tab.menu-item-box {
    flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
    gap: 4px; margin: 0 -12px 22px; padding: 10px 12px 0;
    border-bottom: 1px solid rgba(200, 200, 200, 0.7);
  }
  .flat-tabs .menu-tab.menu-item-box::-webkit-scrollbar { display: none; }
  .flat-tabs .menu-tab.menu-item-box li { width: auto; flex: 0 0 auto; margin: 0; padding: 0 10px 10px; }
  .flat-tabs .menu-tab.menu-item-box li .item-box-2.style2 { display: flex; align-items: center; gap: 8px; padding-bottom: 0; }
  .flat-tabs .menu-tab.menu-item-box li .item-box-2 .image.mb-10 { margin-bottom: 0; width: 34px; height: 34px; flex: 0 0 34px; }
  .flat-tabs .menu-tab.menu-item-box li .item-box-2 .image img { width: 34px; height: 34px; object-fit: cover; border-radius: 50%; }
  .flat-tabs .menu-tab.menu-item-box li h6,
.flat-tabs .menu-tab.menu-item-box li :is(h1,h2,h3,h4,h5,h6,p).h6 { font-size: 14px; white-space: nowrap; }
  .flat-tabs .menu-tab.menu-item-box li::before { height: 3px; }

  /* kompakt ürün kartı: görsel solda, metin sağda, açıklama 2 satır */
  .product-item-style2 {
    display: flex !important; /* tema ≤600px'te display:block !important veriyor; kompakt satır için zorunlu */
    align-items: flex-start; gap: 14px; padding: 14px 16px; margin-bottom: 12px; position: relative;
  }
  .product-item-style2 .icon { flex: 0 0 76px; width: 76px; margin-bottom: 0; }
  .product-item-style2 .icon img { width: 76px; height: 76px; }
  .product-item-style2 .content { flex: 1 1 auto; min-width: 0; }
  .product-item-style2 .top { flex-wrap: wrap; gap: 2px 8px; margin-bottom: 4px; }
  .product-item-style2 .top h6,
.product-item-style2 .top :is(h1,h2,h3,h4,h5,h6,p).h6 { font-size: 16px; line-height: 1.3; }
  .product-item-style2 .top .dot { display: none; }
  .product-item-style2 .desc {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    font-size: 13px; line-height: 1.45; margin-bottom: 6px;
  }
  .product-item-style2 .min-height-31 { min-height: 0; }
  .product-item-style2 .min-height-31 p { font-size: 12px; margin-bottom: 0; }
  .product-item-style2 .link-item { font-size: 11px; }

  /* 8) ÜRÜN DETAY: sabit CTA YOK — tema .product-add-to-cart'ı bilerek gizliyor
     (online sipariş açılana kadar). Alt çubuk bu sayfada da görünür. */

  /* -------------------------------------------------------------------------
     9) ŞUBELER — ARA butonu (subeler.php .pf-sube-ara); tel/mailto bağları
     ------------------------------------------------------------------------- */
  .location-box .flex { flex-wrap: wrap; gap: 10px; }
  .location-box .flex .tf-button { margin: 0; }
  .location-box .flex .tf-button.pf-sube-ara { background-color: var(--color-accent-orange); color: var(--color-dark); padding-left: 28px; padding-right: 28px; }
  .location-box ul li a { color: inherit; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, 0.4); }

  /* -------------------------------------------------------------------------
     10) FORMLAR — gönder butonu tam genişlik, alanlar 16px (iOS zoom'u önler)
     ------------------------------------------------------------------------- */
  form .tf-button, form button.tf-button { width: 100%; justify-content: center; }
  form input:not([type="radio"]):not([type="checkbox"]), form select, form textarea { font-size: 16px; }
}

/* Ürün kartı: tüm kart dokunulabilir (menu.php .pf-kart-bag) — her boyutta */
.product-item-style2 { position: relative; }
.pf-kart-bag { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }

/* ===========================================================================
   FOOTER — MOBİL KOMPAKT DÜZEN (≤991px). Ölçüm: 1.328px yükseklik, çoğu boşluk.
   Hedef: aynı içerik ~%45 daha kısa; masaüstü footer'ı değişmez.
   =========================================================================== */
@media (max-width: 991px) {
  .footer { padding-top: 36px; }
  /* logo satırı: 164px -> ~70px */
  .footer .footer-logo img { width: 150px; }
  .footer .line { display: none; }
  .footer .row > .col-md-12.flex.items-center { justify-content: center; }
  /* keşfet link satırı: 35px üst + 70px alt boşluk -> 14 / 22 */
  .footer .footer-link.mt-35 { margin-top: 14px; margin-bottom: 22px; padding-bottom: 14px; gap: 2px 0; }
  .footer .footer-link li { margin: 0 10px 2px; }
  .footer .footer-link li a { font-size: 15px; }
  /* üç sütun: başlık ve liste boşlukları */
  .footer .col-md-4 { margin-bottom: 18px; }
  .footer .col-md-4.mobile-mb30 { margin-bottom: 18px; }
  .footer h5.mb-22, .footer h3.h5.mb-22,
.footer :is(h1,h2,h3,h4,h5,h6,p).h5.mb-22 { margin-bottom: 8px; font-size: 16px; }
  .footer .list.center.mb-30 { margin-bottom: 12px; }
  .footer .list li { margin-bottom: 2px; }
  .footer .list li.mb-10 { margin-bottom: 0; }
  .footer .list li span { font-size: 14px; line-height: 1.5; }
  .footer .list li a.call { font-size: 26px; line-height: 1.2; }
  .footer .tf-button { height: 46px; padding: 6px 26px; }
  /* Kurumsal: adres + e-posta alt alta, yasal bağlantılar tek satırda */
  /* (sütunlar .row içinde col-md-12'lerden SONRA gelir; :first-child çalışmaz —
      1. sütun = col-md-12'yi izleyen ilk .border-right, 3. sütun = border-right olmayan) */
  .footer .row > .col-md-12 + .col-md-4.border-right .list li:nth-child(n+3) { display: inline-block; margin: 0 8px; }
  /* Şubeler: iller tek satırda, "Tüm şubeleri gör" altta */
  .footer .row > .col-md-4:not(.border-right) .list li { display: inline-block; margin: 0 8px; }
  .footer .row > .col-md-4:not(.border-right) .list li:last-child { display: block; margin: 4px 0 0; }
  /* sosyal bar: 50px üst + 30px alt -> 12 / 14 */
  .footer .footer-social { margin-top: 12px; margin-bottom: 14px; }
  .footer .footer-social .social { height: 44px; padding: 4px 28px; }
  /* telif */
  .footer .footer-bottom { padding: 6px 0 10px; }
  .footer .footer-bottom .copyright { font-size: 12px; line-height: 1.5; }
}

/* ===========================================================================
   FAZ 3 — MOBİL/TABLET CİLA (≤991px). Masaüstü aynı.
   =========================================================================== */
@media (max-width: 991px) {
  /* -------------------------------------------------------------------------
     1) BÖLÜM BOŞLUKLARI: tema mobilde 70px üst + 70px alt (bölümler arası 140px)
     veriyordu; 44px'e iner. !important zorunlu — tema kuralı !important taşıyor.
     ------------------------------------------------------------------------- */
  .tf-section { padding: 44px 0 !important; }
  .tf-section.pb-0 { padding-bottom: 0 !important; }
  .tf-section.pt-75.pb-0 { padding-top: 32px !important; }
  section.pt-130, .pt-130 { padding-top: 44px; }
  .pb-130 { padding-bottom: 44px; }
  .pb-100, .pb-104, .pb-120 { padding-bottom: 44px; }
  .pt-118, .pt-105, .pt-115 { padding-top: 44px; }
  section.pt-60 { padding-top: 36px; }
  .tf-title.mb-76 { margin-bottom: 36px; }
  .tf-title.mb-70 { margin-bottom: 32px; }
  .footer { padding-top: 28px; }

  /* -------------------------------------------------------------------------
     3) ÇEREZ BANDI: ilk ekranın %25'ini kapatıyordu -> kompakt
     ------------------------------------------------------------------------- */
  .cookie-banner { left: 12px; right: 12px; padding: 14px 16px 12px; gap: 10px; border-radius: 16px; }
  .cookie-banner p { flex: 1 1 100%; font-size: 13px; line-height: 1.45; }
  .cookie-banner-actions { display: flex; gap: 8px; width: 100%; }
  .cookie-banner-actions .tf-button { flex: 1 1 0; height: 42px; min-height: 42px; padding: 0 14px; font-size: 13px; justify-content: center; }
}

/* -------------------------------------------------------------------------
   2) HERO — mobilde 690px sabit yükseklik ekranı dolduruyordu; 560px'e iner,
   metin bloğu üstte kalır. Slider mobilde devre dışı (swiper.js `enabled`),
   oklar gizli: tek güçlü görsel + CTA.
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .slider-page .mySwiper1,
  .slider-page .mySwiper1 .swiper-wrapper,
  .slider-page .mySwiper1 .swiper-slide,
  .slider-page .slide-inner { height: 560px; }
  .slider-page .swiper-btn { display: none; }
  /* Swiper mobilde baslatilmiyor (swiper.js): yalniz ilk slayt, tam genislik, kaydirma yok (CLS 0.30 -> 0) */
  /* Patron (22 Eyl): mobilde metin + buton slaydın ALTINA yaslanır (görsel üstte nefes alır) */
  .slider-page .slide-inner { align-items: flex-end; }
  .slider-page .slide-inner .content { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 22px 34px; }
  /* Yatay çekilmiş görselde ilgi noktası (sağdaki tabak) mobil kadrajda kalsın;
     dikey/mobil kırpımı hazır olan slaytlarda (<picture>) kadraj ORTADA kalır. */
  .slider-page .slide-inner .image img { object-position: 86% 50%; }
  .slider-page .slide-inner .image picture img { object-position: 50% 50%; }
}

/* -------------------------------------------------------------------------
   4) TABLET (768–991): hero tipografisi ve 2 sütunlu grid tutarlılığı
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
  .slider-page .slide-inner .content h1,
  .slider-page .slide-inner .content h2 { font-size: 44px; line-height: 1.1; }
  .slider-page .slide-inner .content p { font-size: 15px; }
  .slider-page .mySwiper1 .swiper-slide,
  .slider-page .slide-inner { min-height: 440px; }
  .pf-yatay-serit > [class*="col-"] { flex: 0 0 46%; max-width: 46%; }
  .product-item-style2 .icon { flex-basis: 96px; width: 96px; }
  .product-item-style2 .icon img { width: 96px; height: 96px; }
  .product-item-style2 .desc { -webkit-line-clamp: 3; }
}

/* ===========================================================================
   MASAÜSTÜ (≥992px) — mobilde beğenilen iyileştirmelerin yansıması (patron, 21 Eyl 2026)
   Alt çubuk / hamburger kısayolu / tek görselli hero masaüstünde ANLAMSIZ, yansıtılmadı.
   =========================================================================== */

/* (#wrapper overflow:clip kuralı kaldırıldı — sticky sekme vazgeçildi, temanın overflow:hidden'ı yeterli) */

/* Kategori kartı (ana sayfa): ok butonu hover'da belirmeye devam eder; TÜM KART
   tıklanabilir (pastofino.js kartBaglari — CSS overlay .link'e göre konumlandığı
   için işe yaramadı). */
.item-box:hover { cursor: pointer; }

@media (min-width: 992px) {
  /* Menü sekmeleri: patron kararı (21 Eyl) — STICKY DEĞİL, yalnızca header sabit. */

  /* Bölüm boşlukları: 122–130px -> 96px (mobildeki %60 kısaltmanın ılımlı hali) */
  .tf-section { padding: 96px 0; }
  .tf-section.pt-118, .tf-section.pt-112, .tf-section.pt-105 { padding-top: 96px; }
  .tf-section.pt-130, section.pt-130 { padding-top: 96px; }
  .tf-section.pb-130, .tf-section.pb-124, .pb-130 { padding-bottom: 96px; }
  .tf-section.pb-100, .tf-section.pb-104, .pb-100, .pb-104, .pb-120 { padding-bottom: 80px; }
  .tf-section.pb-0 { padding-bottom: 0; }
  .tf-title.mb-76 { margin-bottom: 56px; }
  .tf-title.mb-70 { margin-bottom: 52px; }

  /* Footer: 808px -> ~620px; düzen aynı, boşluklar kısa */
  .footer { padding-top: 56px; }
  .footer .footer-link.mt-35 { margin-top: 24px; margin-bottom: 44px; padding-bottom: 22px; }
  .footer h5.mb-22, .footer h3.h5.mb-22,
.footer :is(h1,h2,h3,h4,h5,h6,p).h5.mb-22 { margin-bottom: 14px; }
  .footer .list.center.mb-30 { margin-bottom: 18px; }
  .footer .footer-social { margin-top: 28px; margin-bottom: 18px; }
  .footer .footer-bottom { padding-bottom: 18px; }

  /* Çerez bandı: biraz daha kompakt */
  .cookie-banner { padding: 16px 22px; gap: 14px; }
  .cookie-banner p { font-size: 13px; }
  .cookie-banner-actions .tf-button { height: 42px; padding: 0 22px; font-size: 13px; }
}

/* Header hamburger: P monogramı yerine yuvarlak rozet (assets/images/yatay-logo.svg),
   50px'lik dokunma alanının içine 46px olarak ortalanır (patron, 21 Eyl 2026). */
/* DİKKAT: .hamburger'a display:flex VERİLMEZ — içindeki mutlak konumlu .content
   panelinin statik konumu kayıp panel yukarı fırlıyor (ölçüldü). Ortalama margin ile. */
.header .hamburger .icon_hamburger { display: block; width: 46px; height: 46px; margin: 2px; object-fit: contain; border-radius: 50%; }

/* ===========================================================================
   SAYFA BAŞLIĞI BANDI (page-title) — KOMPAKT (patron, 21 Eyl 2026)
   Ölçüm: masaüstü ~500px, tablet/mobil ~375px; iki satır bilgi taşıyordu.
   Hedef: masaüstü ~280, tablet ~220, mobil ~170. Desen/köşe/renk korunur.
   =========================================================================== */
.page-title-inner { padding: 64px 15px 28px; }
.page-title-inner .title { font-size: 56px; line-height: 1.1; margin-bottom: 34px; padding-bottom: 14px; }
.page-title-inner .title::before { width: 72px; height: 3px; }
.page-title-inner .title.w-p { margin-bottom: 10px; }
.page-title-inner .breadcrumb > p { margin-bottom: 22px; }
.page-title-inner ul { height: 40px; padding: 7px 22px; border-radius: 20px; font-size: 15px; }
.page-title-inner ul li svg { width: 18px; height: 18px; }

@media (min-width: 768px) and (max-width: 991px) {
  .page-title-inner { padding: 48px 15px 22px; }
  .page-title-inner .title { font-size: 44px; margin-bottom: 26px; padding-bottom: 12px; }
  .page-title-inner .breadcrumb > p { margin-bottom: 18px; font-size: 16px; }
  .page-title-inner ul { height: 38px; padding: 7px 18px; font-size: 14px; }
}

@media (max-width: 767px) {
  .page-title-inner { padding: 34px 14px 18px; border-radius: 24px; }
  .page-title-inner .title { font-size: 34px; margin-bottom: 20px; padding-bottom: 12px; }
  .page-title-inner .title::before { width: 56px; }
  .page-title-inner .breadcrumb > p { margin-bottom: 14px; font-size: 15px; }
  .page-title-inner ul { height: 34px; padding: 6px 14px; border-radius: 17px; font-size: 13px; }
  .page-title-inner ul li svg { width: 15px; height: 15px; margin: 0 2px; }
  .page-title-inner .overlay { border-radius: 24px; }
}

/* ===========================================================================
   MOBİL HEADER — YÜZEN HAP (patron, 21 Eyl 2026)
   Önceki durum: tam genişlik düz krem bar (tema notu "M2": pilin yanlarından
   içerik sızıp yamalı görünüyor diye düzleştirilmişti). Patron hap istedi:
   kenarlardan 12px içeride, 40px yarıçaplı, gölgeli; yanlardan içerik görünmesi
   yüzen barın doğası. Bayrak yerine turuncu ARA düğmesi (.pf-mobil-ara).
   =========================================================================== */
@media (max-width: 991px) {
  .header.style1 { top: 0; background-color: transparent; }
  #header_main { padding: 10px 0 0; } /* container'ın 15px'i hapın kenar boşluğu */
  #header_main.is-fixed { background-color: transparent; }
  #header_main.is-fixed.is-fixed.is-small { top: 0; height: auto; box-shadow: none; }
  .header #site-header,
  .header #site-header.style1 {
    height: 68px;
    background-color: #FDF8F0;
    border-radius: 40px;
    box-shadow: 0 8px 24px rgba(79, 3, 34, 0.12);
  }
  .header #site-header.style1::before { display: none; }
  .mobile-logo { width: 140px; height: 42px; }
  .mobile-logo img { width: 140px; }
  .header .mobile-button { top: 50%; margin-top: 0; right: 26px; } /* tema translateY(-50%) ile ortalıyor; ek margin ikiye katlıyordu */
  /* ARA düğmesi (bayrağın yerinde): masaüstü topbar'daki turuncu daire dili */
  .mobil-dil.pf-mobil-ara {
    left: 14px; width: 40px; height: 40px; border-radius: 50%;
    justify-content: center; background-color: var(--color-accent-orange);
    color: var(--color-dark); font-size: 16px; text-decoration: none;
  }
  .mobil-dil.pf-mobil-ara:hover, .mobil-dil.pf-mobil-ara:active { background-color: var(--color-accent-red); color: #fff; }
}

/* ===========================================================================
   FRANCHISE — "Baştan sona destek" (patron, 21 Eyl 2026, 2. sürüm)
   Numaralı beyaz kartlar; mobilde temanın akordeonu. Tema akordeon CSS'i
   (.flat-accordion .flat-toggle .toggle-title: koyu hap) aynı özgüllükle
   burada ezilir.
   =========================================================================== */
.pf-destek .pf-destek__kol { margin-bottom: 24px; }
.pf-destek .flat-toggle.pf-destek__kart {
  height: 100%; margin-bottom: 0;
  background: #fff; border: 1px solid rgb(200, 200, 200); border-radius: 20px;
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
.pf-destek .flat-toggle.pf-destek__kart:hover { border-color: transparent; box-shadow: 0 8px 23px rgba(0, 0, 0, 0.13); }
.pf-destek .flat-toggle .toggle-title.pf-destek__baslik,
.pf-destek .flat-toggle .toggle-title.pf-destek__baslik.active {
  background: transparent; border-radius: 0; padding: 24px 26px 0;
  display: flex; align-items: center; gap: 14px;
}
.pf-destek .pf-destek__no {
  flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%;
  background: var(--color-accent-red); color: #fff;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: "Bogart Alt", sans-serif; font-weight: 800; font-size: 17px; line-height: 1;
}
.pf-destek .flat-toggle .toggle-title .title.title { /* tema .title'ı Eigerdals 17px yapıyor */
  font-family: "Bogart Alt", sans-serif; font-weight: 800; font-size: 20px; line-height: 1.25;
  color: #006633; margin: 0; flex: 1 1 auto;
}
.pf-destek .flat-toggle .toggle-title .icon { display: none; }
.pf-destek .flat-toggle .toggle-content.pf-destek__metin { padding: 12px 26px 26px 78px; margin-top: 0; }
.pf-destek .pf-destek__metin p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--color-dark); }

/* masaüstü + tablet: her zaman açık, tıklama yok */
@media (min-width: 768px) {
  .pf-destek .flat-toggle .toggle-title.pf-destek__baslik { pointer-events: none; }
  .pf-destek .flat-toggle .toggle-content.pf-destek__metin { display: block !important; } /* app.js slideToggle inline display yazabilir; zorunlu */
}
/* mobil: akordeon */
@media (max-width: 767px) {
  .pf-destek .pf-destek__kol { margin-bottom: 10px; }
  .pf-destek .flat-toggle .toggle-title.pf-destek__baslik { padding: 14px 18px; min-height: 60px; cursor: pointer; }
  .pf-destek .pf-destek__no { flex-basis: 32px; width: 32px; height: 32px; font-size: 15px; }
  .pf-destek .flat-toggle .toggle-title .title.title { font-size: 17px; }
  .pf-destek .flat-toggle .toggle-title .icon {
    display: inline-flex; position: static; transform: none; transition: transform 0.3s ease;
    width: 32px; height: 32px; align-items: center; justify-content: center;
    border-radius: 50%; background: var(--color-light);
  }
  .pf-destek .flat-toggle .toggle-title .icon i { font-size: 13px; color: var(--color-dark); }
  .pf-destek .flat-toggle .toggle-title.active .icon { transform: rotate(180deg); }
  .pf-destek .flat-toggle .toggle-content.pf-destek__metin { padding: 0 18px 18px 64px; }
}

/* ===========================================================================
   FRANCHISE — "Franchise Süreci" yatay stepper (patron, 21 Eyl 2026)
   Tema .steps sayacı ve step-bg.svg rozeti korunur, düzen değişir.
   =========================================================================== */
.pf-surec__liste { list-style: none; margin: 0; padding: 0; }
.pf-surec__liste li { padding-left: 0; min-height: 0; }
.pf-surec__liste li::before { top: 0; left: 0; }
.pf-surec__liste h4,
.pf-surec__liste :is(h1,h2,h3,h4,h5,h6,p).h4 { font-size: 20px; line-height: 1.3; margin-bottom: 8px; color: var(--color-dark); }
.pf-surec__liste p { margin: 0; font-size: 15px; line-height: 1.6; }
.pf-surec__cta { margin-top: 40px; }
.pf-surec .tf-title.mb-56 { margin-bottom: 48px; } /* tema mobilde tf-title alt boşluğunu sıfırlıyor; çizgi ilk adıma yapışıyordu */

/* masaüstü: adımlar yan yana, rozetler kesik çizgiyle bağlı.
   992–1399: 4 sütunlu grid (7 adım -> 4+3; çizgi satır sonunda kesilir),
   1400+: tek sıra. */
@media (min-width: 992px) {
  .pf-surec__liste { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 28px; row-gap: 40px; }
  .pf-surec__liste li { position: relative; padding-top: 78px; }
  .pf-surec__liste li::before { width: 62px; height: 56px; font-size: 28px; }
  .pf-surec__liste li::after {
    content: ""; position: absolute; top: 27px; left: 74px; right: -28px; height: 0;
    border-top: 2px dashed rgba(79, 3, 34, 0.25);
  }
  .pf-surec__liste li:nth-child(4n)::after, .pf-surec__liste li:last-child::after { display: none; }
}
@media (min-width: 1400px) {
  .pf-surec__liste { display: flex; flex-direction: row; align-items: flex-start; }
  .pf-surec__liste li { flex: 1 1 0; }
  .pf-surec__liste li:nth-child(4n)::after { display: block; }
  .pf-surec__liste li:last-child::after { display: none; }
}
/* tablet: 2 sütun, rozet solda */
@media (min-width: 768px) and (max-width: 991px) {
  .pf-surec__liste { flex-direction: row; flex-wrap: wrap; gap: 28px 24px; }
  .pf-surec__liste li { flex: 0 0 calc(50% - 12px); padding-left: 78px; min-height: 60px; }
  .pf-surec__liste li::before { width: 62px; height: 56px; font-size: 28px; }
}
/* mobil: soldan çizgili kompakt dikey zaman çizelgesi */
@media (max-width: 767px) {
  .pf-surec__liste { row-gap: 22px; }
  .pf-surec__liste li { padding-left: 66px; position: relative; }
  .pf-surec__liste li::before { width: 52px; height: 46px; font-size: 24px; }
  .pf-surec__liste li::after {
    content: ""; position: absolute; left: 25px; top: 50px; bottom: -22px; width: 0;
    border-left: 2px dashed rgba(79, 3, 34, 0.25);
  }
  .pf-surec__liste li:last-child::after { display: none; }
  .pf-surec__liste h4,
.pf-surec__liste :is(h1,h2,h3,h4,h5,h6,p).h4 { font-size: 18px; }
  .pf-surec__liste p { font-size: 14px; }
  .pf-surec__cta { margin-top: 28px; }
  .pf-surec__cta .tf-button { width: 100%; justify-content: center; }
}

/* ===========================================================================
   EŞİT BOYUTLU KART IZGARASI (.row.pf-esit-kartlar) — franchise "Neden Pastofino"
   Bootstrap satırı yüksekliği satır satır eşitler; grid-auto-rows:1fr ile
   TÜM kartlar en uzun karta eşitlenir. Mobilde (tek sütun) normal akış.
   =========================================================================== */
@media (min-width: 768px) {
  .row.pf-esit-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 30px; margin: 0; } /* minmax(0,1fr): 1fr'nin auto min'i uzun kelimeli kartı genişletiyordu */
  .row.pf-esit-kartlar > [class*="col-"] { width: auto; max-width: none; flex: none; padding: 0; margin-bottom: 0; }
  .row.pf-esit-kartlar .icon-box { height: 100%; }
  /* metinler eşit uzunlukta (2 satır) yazıldı; kart dolgusu buna göre sıkılaştırıldı */
  .row.pf-esit-kartlar .icon-box.style1 { padding: 28px 30px 30px; }
  .row.pf-esit-kartlar .icon-box.style1 .top { margin-bottom: 14px; }
  .row.pf-esit-kartlar .icon-box.style1 p { margin-bottom: 0; }
}
@media (min-width: 992px) {
  .row.pf-esit-kartlar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ===========================================================================
   ANA SAYFA KATEGORİ KARTLARI — MOBİLDE KARO IZGARASI (patron, 21 Eyl 2026)
   ≤767: yatay şerit yerine 2 sütun × 3 satır kompakt karo (görsel + başlık,
   açıklama gizli, ok gizli — karonun tamamı tıklanır: pastofino.js kartBaglari).
   Tablet (768–991) şerit olarak kalır, masaüstü 3 sütun.
   =========================================================================== */
@media (max-width: 767px) {
  .pf-yatay-serit {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
    flex-wrap: initial; overflow: visible; scroll-snap-type: none; margin: 0; padding: 0;
  }
  .pf-yatay-serit > [class*="col-"] { flex: none; width: auto; max-width: none; padding: 0; }
  .pf-yatay-serit .item-box { margin-bottom: 0; }
  .pf-yatay-serit .item-box .image { aspect-ratio: 1 / 1.08; border-radius: 18px; }
  .pf-yatay-serit .item-box .content { padding: 16px 14px 0; }
  .pf-yatay-serit .item-box .content .title { font-size: 18px; line-height: 1.2; margin-bottom: 0; }
  .pf-yatay-serit .item-box .content p { display: none; }
  .pf-yatay-serit .item-box .image .item-1 { width: 112px; height: 112px; transform: translate(-50%, 18%); }
  .pf-yatay-serit .item-box .link { display: none; }
}

/* ===========================================================================
   ANA SAYFA "FIRSAT MENÜLERİ" COMBO KARTLARI (patron, 21 Eyl 2026)
   Kartlar eşit boy: slide yüksekliği serbest, kart 100%, içerik flex sütun,
   buton alta yaslı (margin-top:auto). Mobil/tablet: kompakt dikey kart.
   =========================================================================== */
.sl-product-1 .swiper-slide { height: auto; display: flex; }
.sl-product-1.swiper-container { padding-bottom: 6px; } /* alt kenar gölgesi kesilmesin */
.sl-product-1 .product-item { width: 100%; height: 100%; display: flex; }
.sl-product-1 .product-item .inner { width: 100%; height: 100%; }
.sl-product-1 .product-item .content { display: flex; flex-direction: column; }
.sl-product-1 .product-item .content ul { margin-bottom: 22px; }
.sl-product-1 .product-item .content > .flex { margin-top: auto; }

@media (max-width: 991px) {
  .sl-product-1 .product-item { margin: 12px 0; }
  .sl-product-1 .product-item .inner { padding: 20px 20px 22px; }
  .sl-product-1 .product-item .image { height: 190px; min-height: 0; margin-bottom: 14px; }
  .sl-product-1 .product-item .image img { max-height: 190px; width: auto; object-fit: contain; }
  .sl-product-1 .product-item .content { padding-right: 0; }
  .sl-product-1 .product-item .content .title { font-size: 19px; line-height: 1.3; margin-bottom: 12px; padding-bottom: 12px; }
  .sl-product-1 .product-item .content .desc { font-size: 14px; line-height: 1.5; margin-bottom: 12px; }
  .sl-product-1 .product-item .content ul { margin-bottom: 18px; }
  .sl-product-1 .product-item .content ul li { font-size: 14px; margin-bottom: 4px; }
  .sl-product-1 .product-item .content > .flex .tf-button { width: 100%; justify-content: center; height: 46px; }
  /* kırmızı dev daire mobilde metnin arkasına giriyordu (padding-right 60-200px gerektiriyordu) -> köşede küçük vurgu */
  .sl-product-1 .product-item .overlay-2 { width: 420px; height: 420px; right: -290px; top: -300px; }
}
@media (max-width: 767px) {
  .sl-product-1 .product-item .image { height: 170px; }
  .sl-product-1 .product-item .image img { max-height: 170px; }
}

/* ===========================================================================
   COMBO KARTI — SAKİN HOVER (patron, 21 Eyl 2026)
   Tema hover'da kartı kırmızıya çeviriyor, metinleri krem yapıyor ve yeşil
   butonu kırmızı zemine bırakıyordu (kırmızı-yeşil çatışması, 1.6:1 kontrast;
   dokunmatikte :hover yapışıyordu). Yeni: kart beyaz kalır, hafif yükselir +
   gölge, buton koyulaşır, köşedeki kırmızı daire büyür. Yalnızca fare olan
   cihazlarda (hover: hover); mobil/tablette hover efekti yok.
   =========================================================================== */
.sl-product-1 .product-item .inner { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.sl-product-1 .product-item.active .overlay,
.sl-product-1 .product-item:hover .overlay { opacity: 0; visibility: hidden; }
.sl-product-1 .product-item.active .overlay-2,
.sl-product-1 .product-item:hover .overlay-2 { right: -550px; opacity: 1; visibility: visible; }
.sl-product-1 .product-item.active .title a, .sl-product-1 .product-item:hover .title a,
.sl-product-1 .product-item.active .content .title, .sl-product-1 .product-item:hover .content .title { color: #006633; }
.sl-product-1 .product-item.active ul li, .sl-product-1 .product-item:hover ul li { color: var(--color-dark); }
.sl-product-1 .product-item.active .content .desc, .sl-product-1 .product-item:hover .content .desc { color: var(--color-dark); }
.sl-product-1 .product-item.active .content ul li::before, .sl-product-1 .product-item:hover .content ul li::before,
.sl-product-1 .product-item.active .content .ic-botom::before, .sl-product-1 .product-item:hover .content .ic-botom::before { background-color: var(--color-accent-red); }
.sl-product-1 .product-item.active .tf-button, .sl-product-1 .product-item:hover .tf-button { background-color: #006633; color: #fff; }
@media (hover: hover) and (min-width: 992px) {
  .sl-product-1 .product-item:hover .inner { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(79, 3, 34, 0.14); }
  .sl-product-1 .product-item:hover .overlay-2 { transform: scale(1.06); }
  .sl-product-1 .product-item:hover .tf-button { background-color: #01411f; }
}

/* Combo kartı — boşluk azaltma (patron, 21 Eyl): görsel sütunu (477px) kartı
   uzatıyordu; görsel 380px'e sınırlandı, içerik aralıkları sıkılaştırıldı. */
@media (min-width: 992px) {
  /* alt dolgu 22->36px: buton kartın altına yapışık görünüyordu (patron, 22 Eyl); içerik dikeyde ortalı */
  .sl-product-1 .product-item .inner { padding: 36px 16px 36px 40px; align-items: center; }
  .sl-product-1 .product-item .content > .flex { margin-top: 8px; }
  .sl-product-1 .product-item .image { min-height: 0; display: flex; align-items: center; justify-content: flex-end; padding-top: 0; }
  .sl-product-1 .product-item .image img { max-height: 380px; width: auto; max-width: 100%; object-fit: contain; }
  .sl-product-1 .product-item .content .title { margin-bottom: 14px; padding-bottom: 12px; }
  .sl-product-1 .product-item .content .desc { margin-bottom: 12px; }
  .sl-product-1 .product-item .content ul { margin-bottom: 16px; }
  .sl-product-1 .product-item .content ul li { margin-bottom: 3px; }
}
@media (min-width: 992px) {
  /* metin sütunu geniş, görsel dar: satır kırılmaları azalır, kartlar arası içerik farkı küçülür */
  .sl-product-1 .product-item .content { width: 56%; padding-right: 12px; }
  .sl-product-1 .product-item .image { width: 44%; }
  .sl-product-1 .product-item .image img { max-height: 340px; }
}

/* ===========================================================================
   ANA SAYFA SAYAÇ BANDI (patron, 21 Eyl 2026)
   Kırmızı noktalar kaldırıldı, dolgu kısıldı, rakam + önek/sonek (% / +),
   masaüstü/tablet 4 sütun, mobil 2×2.
   =========================================================================== */
.counter_wrapper { margin-top: 40px; padding: 40px 32px; }
.counter_wrapper .box::after, .counter_wrapper .box.style::after { display: none; }
.counter_wrapper .box, .counter_wrapper .box:nth-child(1), .counter_wrapper .box:nth-child(2), .counter_wrapper .box:nth-child(4) { padding: 8px 12px; }
.counter_wrapper .box .content .number-content { font-size: 52px; line-height: 1.1; display: flex; align-items: baseline; justify-content: center; gap: 2px; margin-bottom: 8px; }
.counter_wrapper .box .content .number-content .pf-sayac__ek { font-size: 0.62em; font-weight: 700; }
.counter_wrapper .box .content .desc { font-size: 15px; line-height: 1.4; }
@media (min-width: 768px) and (max-width: 991px) {
  .counter_wrapper { flex-wrap: nowrap; padding: 28px 12px; margin-top: 28px; }
  .counter_wrapper .box { width: 25%; border-right: 1px dashed rgba(239, 239, 239, 0.25); }
  .counter_wrapper .box:last-child { border-right: 0; }
  .counter_wrapper .box .content .number-content { font-size: 38px; }
  .counter_wrapper .box .content .desc { font-size: 13px; }
}
@media (max-width: 767px) {
  .counter_wrapper { flex-wrap: wrap; padding: 18px 10px; margin-top: 24px; border-radius: 18px; }
  .counter_wrapper .box { width: 50%; padding: 12px 8px; border: 0; }
  .counter_wrapper .box:nth-child(odd) { border-right: 1px dashed rgba(239, 239, 239, 0.25); }
  .counter_wrapper .box:nth-child(-n+2) { border-bottom: 1px dashed rgba(239, 239, 239, 0.25); }
  .counter_wrapper .box .content .number-content { font-size: 36px; margin-bottom: 4px; }
  .counter_wrapper .box .content .desc { font-size: 13px; }
}

/* Masaüstü menü çubuğu: sol yazı boşluğu (45px) ile sağ rozet boşluğu (12px)
   eşit değildi -> ikisi de 24px (patron, 21 Eyl 2026). */
@media (min-width: 992px) {
  .header #main-nav { padding-left: 24px; }
  .header .hamburger.mr-12 { margin-right: 24px; }
  /* Kaydırınca sabitlenen çubuk (is-fixed): tema logoyu 18px'e, menüyü 140px'e koyuyor;
     160px'lik logo "Anasayfa" ile 14px ÇAKIŞIYORDU (patron, 21 Eyl 2026). Logo 24px'e,
     menü logo bitimi + 28px'e alındı; iç dolgu sıfırlandı. */
  #header_main.is-fixed .header__logo-fixed { left: 24px; }
  /* logo 42px -> 36px (~113px genişlik; width özniteliği ezilir), menü logo + 28px'ten başlar,
     öğe aralığı 30 -> 24px: geniş ekranda (1440) menü ile arama ikonu arasında 8px kalıyordu. */
  #header_main.is-fixed .header__logo-fixed img { height: 36px; width: auto; }
  #header_main.is-fixed #main-nav { left: 165px; padding-left: 0; }
  #header_main.is-fixed #main-nav .menu li { margin-right: 24px; }
  #header_main.is-fixed #main-nav .menu li:last-child { margin-right: 0; }
}
/* 992-1199: temanın kendi hatası — "İletişim" arama ikonuna biniyordu (sabit olmayan
   çubukta da). Menü sıkılaştırıldı; sabit çubukta logo gizli (sağdaki rozet marka görevini
   görüyor), menü sola dayalı. */
@media (min-width: 992px) and (max-width: 1199px) {
  #main-nav .menu li { margin-right: 16px; }
  #main-nav .menu li a { font-size: 15px; }
  #header_main.is-fixed .header__logo-fixed { display: none; }
  #header_main.is-fixed #main-nav { left: 0; padding-left: 24px; }
}
/* 1200-1399: sabit çubukta logo + menü + sağ blok sığmıyordu -> menü 16px, aralık 18px. */
@media (min-width: 1200px) and (max-width: 1399px) {
  #header_main.is-fixed #main-nav .menu li { margin-right: 18px; }
  #header_main.is-fixed #main-nav .menu li:last-child { margin-right: 0; }
  #header_main.is-fixed #main-nav .menu li a { font-size: 16px; }
}

/* /contact -> /iletisim taşındı (21 Eyl 2026): body sınıfı sayfa-iletisim oldu; temanın
   .sayfa-contact kuralları burada yeni sınıfla tekrarlanır (app.css'e dokunulmadı). */
.sayfa-iletisim .about-inner.style3 { padding: 60px 40px; }
.sayfa-iletisim .about-inner .box h5::before, .sayfa-iletisim .about-inner .box h3.h5::before,
.sayfa-iletisim .about-inner .box :is(h1,h2,h3,h4,h5,h6,p).h5::before { background-color: var(--color-accent-red); }
.sayfa-iletisim .tf-button:not(.cookie-banner-reject):not(.cookie-banner-accept) { background-color: var(--color-accent-red); color: #FDF8F0; }
.sayfa-iletisim .tf-button:not(.cookie-banner-reject):not(.cookie-banner-accept):hover { background-color: #006633; color: #FDF8F0; }

/* ===========================================================================
   BASIN KİTİ KARTI — görsel alanı (patron, 21 Eyl 2026)
   ≥768: görsel solda (%38), metin sağda; ≤767: görsel üstte 180px.
   Görsel yoksa krem zeminde yatay logo (pf-kit__gorsel--logo).
   =========================================================================== */
.pf-kit { display: flex; flex-direction: column; gap: 20px; }
.pf-kit__gorsel {
  flex: 0 0 auto; border-radius: 16px; overflow: hidden; background: var(--color-light);
  display: flex; align-items: center; justify-content: center; min-height: 180px;
}
.pf-kit__gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pf-kit__gorsel--logo { padding: 28px; }
.pf-kit__gorsel--logo img { width: auto; max-width: 78%; height: auto; max-height: 120px; object-fit: contain; }
.pf-kit__metin { display: flex; flex-direction: column; min-width: 0; }
.pf-kit__metin > .flex { margin-top: auto; }
@media (min-width: 768px) {
  .pf-kit { flex-direction: row; gap: 28px; align-items: stretch; }
  .pf-kit__gorsel { flex: 0 0 38%; min-height: 0; }
  .pf-kit__metin { flex: 1 1 auto; }
  .pf-kit__metin .tf-button { width: auto; min-width: 200px; }
}

/* ===========================================================================
   KARİYER — avantaj kartları (patron, 21 Eyl 2026). Tema Swiper + hover-açılır
   açıklama kullanıyordu (dokunmatikte açıklama hiç görünmüyordu, çıkartmalar
   başlıkların üstüne biniyordu). Sabit 4 kart; mobilde ikon solda/metin sağda
   (kompakt), ≥992 ikon üstte ortalı. Kartlar eşit boy, içi boş kalmaz.
   =========================================================================== */
.pf-avantaj { padding: 0 0 44px; }
.pf-avantaj .pf-avantaj__baslik-alani { margin-bottom: 20px; padding-bottom: 0; }
.pf-avantaj .pf-avantaj__baslik-alani h2 { font-size: 28px; }
.pf-avantaj__liste { row-gap: 12px; }
.pf-avantaj__kart {
  height: 100%; display: flex; gap: 14px; align-items: flex-start;
  background: #fff; border-radius: 18px; padding: 18px 16px;
  box-shadow: 0 4px 16px rgba(79, 3, 34, 0.06);
}
.pf-avantaj__ikon {
  flex: 0 0 52px; width: 52px; height: 52px; border-radius: 14px;
  background: var(--color-accent-red); display: flex; align-items: center; justify-content: center;
}
.pf-avantaj__ikon img { width: 26px; height: 26px; object-fit: contain; }
.pf-avantaj__baslik { color: #006633; font-size: 17px; font-weight: 600; line-height: 1.25; margin: 4px 0 6px; }
.pf-avantaj__metin { margin: 0; font-size: 14px; line-height: 1.55; }
@media (min-width: 768px) {
  .pf-avantaj__liste { row-gap: 20px; }
  .pf-avantaj__kart { padding: 22px 20px; }
  .pf-avantaj__metin { font-size: 15px; }
}
@media (min-width: 992px) {
  .pf-avantaj { padding-bottom: 96px; }
  .pf-avantaj .pf-avantaj__baslik-alani { margin-bottom: 36px; }
  .pf-avantaj .pf-avantaj__baslik-alani h2 { font-size: 36px; }
  .pf-avantaj__kart { flex-direction: column; align-items: center; text-align: center; padding: 28px 22px 24px; gap: 16px; }
  .pf-avantaj__ikon { width: 64px; height: 64px; border-radius: 18px; }
  .pf-avantaj__ikon img { width: 32px; height: 32px; }
  .pf-avantaj__baslik { font-size: 18px; margin: 0 0 8px; }
}
/* Kariyer başvuru formu — mobil/tablet kompakt: alan araları 22->14px, mesaj kutusu 215->130px,
   başlık altı 50->28px (form 1077px'ten ~900px'e). Masaüstü aynı. */
@media (max-width: 991px) {
  .sayfa-kariyer #basvuru-formu .tf-title { margin-bottom: 28px; padding-bottom: 18px; }
  .sayfa-kariyer #basvuru-formu .form-comment fieldset.mb-22 { margin-bottom: 14px; }
  .sayfa-kariyer #basvuru-formu .form-comment fieldset.mb-40 { margin-bottom: 24px; }
  .sayfa-kariyer #basvuru-formu textarea.message { min-height: 130px; height: 130px; }
}

/* ===========================================================================
   HAKKIMIZDA — GEO/SEO odaklı sade yapı (patron, 21 Eyl 2026)
   .pf-tanim: "Pastofino Nedir?" cevabı + hikâye + "Bir bakışta" olgu kutuları + 2 CTA
   .pf-marka-sss: 5 soruluk marka SSS (tema akordeonu). Mobil: banner fotoğrafları gizli.
   =========================================================================== */
.pf-tanim__kart { display: block; }
.pf-tanim__cevap { font-size: 18px; line-height: 1.6; color: var(--color-dark); font-weight: 500; margin-bottom: 14px; }
.pf-tanim__hikaye { margin-bottom: 16px; }
/* Marka sloganı (patron, 28 Eyl 2026): paragraflardan sonra, "Bir Bakışta" şeridinden önce */
.pf-tanim__slogan { margin: 22px 0 26px; line-height: 1.45; }
.pf-tanim__slogan strong { display: block; font-family: "Bogart Alt", sans-serif; font-weight: 800; font-size: 22px; color: #006633; }
.pf-tanim__slogan span { display: block; color: var(--color-dark); }
.pf-bakis__baslik { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: var(--color-accent-red); margin-bottom: 12px; }
.pf-bakis { list-style: none; padding: 0; margin: 0 0 24px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.pf-bakis__oge { background: #FDF8F0; border-radius: 14px; padding: 12px 14px; display: flex; flex-direction: column; }
.pf-bakis__oge strong { font-family: "Bogart Alt", sans-serif; font-size: 24px; line-height: 1.1; color: #006633; }
.pf-bakis__oge span { font-size: 13px; line-height: 1.35; margin-top: 4px; }
.pf-tanim__butonlar { gap: 12px; flex-wrap: wrap; }
/* Marka renkli butonlar: kırmızı (birincil) / yeşil (ikincil) — yazı krem, okunur (patron, 21 Eyl) */
.tf-button.pf-buton--kirmizi { background-color: var(--color-accent-red); color: #FDF8F0; }
.tf-button.pf-buton--kirmizi:hover { background-color: #006633; color: #FDF8F0; }
.tf-button.pf-tanim__buton--ikincil { background-color: #006633; color: #FDF8F0; }
.tf-button.pf-tanim__buton--ikincil:hover { background-color: var(--color-accent-red); color: #FDF8F0; }
.pf-franchise-blok { padding-top: 24px; }
@media (max-width: 767px) { .pf-franchise-blok .col-lg-4 .image { display: none; } .pf-franchise-blok .col-lg-4 { margin-bottom: 0 !important; /* tema .tablet-mb-30 !important — görsel gizliyken boşluk kalmasın */ } }
.pf-marka-sss { padding: 44px 0; }
.pf-marka-sss .flat-toggle .toggle-title .title { color: #fff; font-size: 16px; line-height: 1.3; }
.pf-marka-sss .flat-toggle .toggle-content p { margin: 0; }
.pf-marka-sss .flat-toggle .toggle-content a { color: var(--color-accent-red); text-decoration: underline; }
@media (min-width: 768px) {
  .pf-bakis { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
  .pf-bakis__oge strong { font-size: 26px; }
}
@media (min-width: 992px) {
  .pf-tanim__cevap { font-size: 19px; }
  .pf-franchise-blok { padding-top: 40px; }
  .pf-marka-sss { padding: 80px 0 96px; }
  .pf-marka-sss .flat-toggle .toggle-title .title { font-size: 17px; }
}
@media (max-width: 767px) {
  .sayfa-hakkimizda .about-content.style1 { padding: 28px 22px; }
  .sayfa-hakkimizda .banner-1 .col-lg-3 > img { display: none; }
  .sayfa-hakkimizda .banner-1 .content-box { padding: 36px 24px; }
  .sayfa-hakkimizda .banner-1 .content-box p.mb-42 { margin-bottom: 24px; }
  .sayfa-hakkimizda .inner-box.style2 img { height: 72px; }
  .pf-marka-sss .flat-toggle .toggle-title { padding: 12px 44px 14px 20px; }
  .pf-marka-sss .flat-toggle .toggle-title .icon { right: 18px; top: 12px; }
  .pf-marka-sss .flat-toggle .toggle-content { padding: 10px 20px 20px; }
}

/* ===========================================================================
   CEVAP BLOĞU (GEO/AI arama) — tüm sayfalarda ortak (patron, 21 Eyl 2026).
   Sayfa başlığının hemen altında: soru formunda H2 + tek paragraf olgusal cevap
   (.pf-cevap: şema speakable). Kısa ve ortalı; sayfayı uzatmaz.
   =========================================================================== */
.pf-cevap-blok { padding: 36px 0 8px; }
.pf-cevap-blok h2 { font-size: 26px; }
.pf-cevap { font-size: 17px; line-height: 1.6; color: var(--color-dark); margin: 0; }
@media (min-width: 992px) {
  .pf-cevap-blok { padding: 56px 0 8px; }
  .pf-cevap-blok h2 { font-size: 34px; }
  .pf-cevap { font-size: 18px; }
}
/* Online sipariş "yakında" bloğu (katalog kapalı) */
.pf-yakinda { padding-bottom: 56px; }
.pf-yakinda__butonlar { gap: 12px; flex-wrap: wrap; margin-top: 24px; }
@media (min-width: 992px) { .pf-yakinda { padding-bottom: 96px; } }

/* Franchise — GEO sadeleştirme (21 Eyl 2026): giriş altı olgu kutuları, iş ortağı + bölgeler tek satır */
/* giriş: paragraf -> kutular 20px, kutular -> buton 28px; buton metin sütununda ortalı (patron, 21 Eyl) */
.pf-bakis--franchise { margin: 20px 0 28px; }
.sayfa-franchise .pf-cevap { margin-bottom: 0; }
.pf-giris__cta { margin: 28px 0 0; gap: 12px; flex-wrap: wrap; }
.pf-bakis--franchise { margin-bottom: 0; }
.pf-giris__cta .tf-button { white-space: nowrap; }
.pf-ortak__kart { display: flex; flex-direction: column; }
.pf-ortak__kart .pf-ortak__cta { margin-top: auto; padding-top: 4px; }
.pf-bolge { list-style: none; padding: 0; margin: 0 0 18px; display: flex; flex-wrap: wrap; gap: 8px; }
.pf-bolge li { background: #FDF8F0; border: 1px solid rgba(0, 102, 51, 0.18); color: #006633; border-radius: 999px; padding: 6px 14px; font-size: 14px; font-weight: 500; }
@media (max-width: 991px) { .pf-ortak .col-lg-6 + .col-lg-6 { margin-top: 20px; } }
@media (max-width: 767px) { .pf-ortak__kart.about-content.style1 { padding: 28px 22px; } }
.pf-ortak__baslik { font-size: 28px; line-height: 1.2; }
@media (min-width: 992px) { .pf-ortak__baslik { font-size: 32px; } .pf-ortak__kart.about-content.style1 { padding: 44px 40px; } }
/* Franchise mobil (≤767): 6 "Neden" kartı 288px -> ~190px (dolgu, ikon, başlık), vizyon fotoğrafı gizli,
   form kompakt (kariyerle aynı ölçüler). Sayfa telefonda 12k px'ti. */
@media (max-width: 767px) {
  .sayfa-franchise .pf-esit-kartlar .icon-box.style1 { padding: 22px 22px 24px; }
  .sayfa-franchise .pf-esit-kartlar .icon-box.style1 h4,
.sayfa-franchise .pf-esit-kartlar .icon-box.style1 :is(h1,h2,h3,h4,h5,h6,p).h4 { font-size: 24px; }
  .sayfa-franchise .pf-esit-kartlar .icon-box.style1 .top .icon img { height: 48px; width: auto; }
  .sayfa-franchise .pf-esit-kartlar .icon-box.style1 p { font-size: 15px; margin-bottom: 0; }
  .sayfa-franchise .pf-esit-kartlar > [class*="col-"] { margin-bottom: 14px !important; /* tema mb-30 !important */ }
  .sayfa-franchise .about-box .image { display: none; }
  .sayfa-franchise #franchise-basvuru-formu .tf-title { margin-bottom: 28px; padding-bottom: 18px; }
  .sayfa-franchise #franchise-basvuru-formu fieldset.mb-22 { margin-bottom: 14px; }
  .sayfa-franchise #franchise-basvuru-formu fieldset.mb-40 { margin-bottom: 24px; }
  .sayfa-franchise #franchise-basvuru-formu textarea { min-height: 130px; height: 130px; }
}
/* Sayfa SSS akordeonu: kapalı soru rengi temanın bordo tonu (--color-dark) yerine marka yeşili
   (patron, 21 Eyl 2026); açık soru kırmızı kalır. Ok ikonu krem. */
.pf-marka-sss .flat-accordion .flat-toggle .toggle-title { background-color: #006633; }
.pf-marka-sss .flat-accordion .flat-toggle .toggle-title.active { background-color: var(--color-accent-red); }
.pf-marka-sss .flat-accordion .flat-toggle .toggle-title .icon i { color: #FDF8F0; }
.pf-marka-sss .flat-accordion .flat-toggle .toggle-title:hover { background-color: #0a7a40; }
.pf-marka-sss .flat-accordion .flat-toggle .toggle-title.active:hover { background-color: var(--color-accent-red); }

/* KVKK onay kutuları (include/kvkk-onay.php) — 21 Eyl 2026 */
.pf-onay { display: flex; flex-direction: column; gap: 10px; }
.pf-onay__satir { display: flex; align-items: flex-start; gap: 10px; }
.pf-onay__satir input[type="checkbox"] { flex: 0 0 auto; width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--color-accent-red); cursor: pointer; }
.pf-onay__satir label { margin: 0; font-size: 15px; line-height: 1.5; cursor: pointer; }
.pf-onay__satir label a { color: var(--color-accent-red); text-decoration: underline; }
.pf-onay__satir--secmeli label { color: #5b4a4e; }
.pf-onay__zorunlu { color: var(--color-accent-red); font-weight: 700; }
.pf-onay__not { margin: 2px 0 0; font-size: 13px; color: #7a6b6f; }
/* /sss sayfası akordeonu da yeşil (patron, 21 Eyl): sayfa SSS bileşeniyle aynı görünüm */
.sayfa-sss .flat-accordion .flat-toggle .toggle-title { background-color: #006633; }
.sayfa-sss .flat-accordion .flat-toggle .toggle-title:hover { background-color: #0a7a40; }
.sayfa-sss .flat-accordion .flat-toggle .toggle-title.active,
.sayfa-sss .flat-accordion .flat-toggle .toggle-title.active:hover { background-color: var(--color-accent-red); }
.sayfa-sss .flat-accordion .flat-toggle .toggle-title .icon i { color: #FDF8F0; }

/* SSS sayfası — sekmesiz yapı (21 Eyl 2026): konu listesi soruların ÜSTÜNDE yatay hap şeridi
   tüm kategoriler alt alta; kaydırdıkça aktif hap kırmızı. */
.pf-sss-konular { margin-bottom: 28px; }
.pf-sss-atla { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.pf-sss-atla a { display: inline-block; padding: 9px 16px; border-radius: 999px; background: #fff; color: #006633; border: 1px solid rgba(0, 102, 51, 0.25); font-size: 14px; font-weight: 500; line-height: 1.2; white-space: nowrap; transition: background-color .2s, color .2s; }
.pf-sss-atla a:hover { background: #006633; color: #fff; }
.pf-sss-atla a.active { background: var(--color-accent-red); border-color: var(--color-accent-red); color: #fff; }
.pf-sss-kategori { margin-bottom: 44px; scroll-margin-top: 110px; }
.pf-sss-kategori:last-child { margin-bottom: 0; }
.pf-sss-kategori__baslik { margin-bottom: 18px; font-size: 26px; line-height: 1.2; }
@media (max-width: 767px) {
  .pf-sss-atla { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 2px 16px; margin: 0 -16px; }
  .pf-sss-atla::-webkit-scrollbar { display: none; }
}
@media (min-width: 992px) {
  .pf-sss-konular { margin-bottom: 40px; }
  .pf-sss-kategori { margin-bottom: 56px; scroll-margin-top: 120px; }
  .pf-sss-kategori__baslik { font-size: 30px; }
}

/* "Bu şehirdeki Pastofino sen ol" popup'ı (include/popup-sube-yakinda.php) */
.pf-sube-yakinda { max-width: 460px; padding: 52px 32px 40px; }
.pf-sube-yakinda p { font-family: inherit; font-weight: 400; font-size: 15px; color: var(--color-dark); }
.pf-sube-yakinda__ust { text-transform: uppercase; letter-spacing: 1px; font-size: 13px !important; color: #7a6b6f !important; margin-bottom: 8px !important; /* tema .popup-inline-content p kuralı 32px kırmızı */ }
.pf-sube-yakinda__baslik { font-family: "Bogart Alt", sans-serif !important; font-weight: 800 !important; font-size: 26px !important; line-height: 1.2 !important; color: #006633 !important; margin-bottom: 14px !important; }
.pf-sube-yakinda__sehir { color: var(--color-accent-red); }
.pf-sube-yakinda__metin { line-height: 1.55; margin-bottom: 22px !important; }
.pf-sube-yakinda__butonlar { display: flex; flex-direction: column; align-items: center; gap: 12px; position: relative; }
.pf-sube-yakinda__basvur { width: auto; min-width: 240px; }
.pf-sube-yakinda__bilgi { color: #006633; text-decoration: underline; font-size: 14px; }

/* ===========================================================================
   KAMPANYALAR — kart ızgarası (patron, 21 Eyl 2026). Eski sağ/sol görselli 4 uzun satır
   yerine bölüm başına 2 sütun eşit kart; mobilde tek sütun. Kartlar eşit boy, boşluksuz.
   =========================================================================== */
.pf-kamp-bolum { padding: 36px 0 0; }
.pf-kamp-bolum--son { padding-bottom: 56px; }
.pf-kamp-bolum__baslik { font-size: 26px; margin-bottom: 18px; }
.pf-kamp-izgara { row-gap: 20px; }
.pf-kamp { height: 100%; display: flex; flex-direction: column; background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 4px 16px rgba(79, 3, 34, 0.06); }
.pf-kamp__gorsel { position: relative; aspect-ratio: 16 / 9; overflow: hidden; }
.pf-kamp__gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pf-kamp__rozet { position: absolute; left: 14px; top: 14px; background: var(--color-accent-red); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; padding: 6px 12px; border-radius: 999px; }
.pf-kamp__govde { display: flex; flex-direction: column; padding: 18px 18px 20px; flex: 1 1 auto; }
.pf-kamp__ust { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 10px; font-size: 13px; }
.pf-kamp__tip { background: #FDF8F0; color: #006633; border: 1px solid rgba(0, 102, 51, 0.2); border-radius: 999px; padding: 4px 10px; font-weight: 600; }
.pf-kamp__gecerlilik { color: #7a6b6f; }
.pf-kamp__baslik { font-size: 20px; line-height: 1.25; color: #006633; margin: 0 0 8px; }
.pf-kamp__metin { font-size: 15px; line-height: 1.55; margin: 0 0 12px; }
.pf-kamp__liste { list-style: none; padding: 0; margin: 0 0 12px; display: grid; grid-template-columns: 1fr; gap: 6px; }
.pf-kamp__liste li { position: relative; padding-left: 18px; font-size: 14px; line-height: 1.4; }
.pf-kamp__liste li::before { content: ""; position: absolute; left: 0; top: 7px; width: 8px; height: 8px; border-radius: 50%; background: var(--color-accent-red); }
.pf-kamp__kosul { font-size: 13px; color: #7a6b6f; margin: 0 0 12px; }
.pf-kamp__cta { margin-top: auto; padding-top: 4px; }
.pf-kamp__cta .tf-button { width: auto; }
@media (min-width: 768px) {
  .pf-kamp-izgara { row-gap: 24px; }
  .pf-kamp__liste { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 992px) {
  .pf-kamp-bolum { padding-top: 56px; }
  .pf-kamp-bolum--son { padding-bottom: 96px; }
  .pf-kamp-bolum__baslik { font-size: 34px; margin-bottom: 24px; }
  .pf-kamp__govde { padding: 24px 26px 26px; }
  .pf-kamp__baslik { font-size: 24px; }
}
@media (max-width: 767px) {
  .pf-kamp__cta .tf-button { width: 100%; }
}

/* Şubeler — franchise daveti (arama formu yerine, 21 Eyl 2026) */
.pf-sube-cta { padding: 8px 0 56px; }
.pf-sube-cta__kutu { background: #006633; color: #fff; border-radius: 24px; padding: 32px 24px; text-align: center; }
.pf-sube-cta__ust { font-size: 13px; letter-spacing: 1px; text-transform: uppercase; opacity: .85; margin: 0 0 8px; color: #fff; }
.pf-sube-cta__baslik { color: #fff; font-size: 26px; line-height: 1.2; margin: 0 0 12px; }
.pf-sube-cta__metin { color: #fff; font-size: 15px; line-height: 1.55; margin: 0 auto 22px; max-width: 560px; }
.pf-sube-cta__butonlar { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.pf-sube-cta__butonlar .tf-button { width: auto; min-width: 240px; }
.pf-sube-cta__bilgi { color: #fff; text-decoration: underline; font-size: 14px; }
.pf-sube-cta__bilgi:hover { color: #FDF8F0; }
@media (min-width: 992px) {
  .pf-sube-cta { padding: 16px 0 96px; }
  .pf-sube-cta__kutu { padding: 48px 56px; }
  .pf-sube-cta__baslik { font-size: 34px; }
  .pf-sube-cta__butonlar { flex-direction: row; justify-content: center; gap: 20px; }
}

/* İletişim — cevap bloğu ile bilgi kutusu arası daraltıldı; kutudaki e-posta/telefon bağlantıları (21 Eyl 2026) */
.pf-iletisim-bilgi.tf-section { padding-top: 24px; }
.pf-iletisim-bilgi .about-inner .box p a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.pf-iletisim-bilgi .about-inner .box p a:hover { color: #FDF8F0; }
@media (min-width: 992px) { .pf-iletisim-bilgi.tf-section { padding-top: 32px; padding-bottom: 72px; } }
/* İletişim mobil (≤767): bilgi kutusu 917px -> kompakt (dolgu, ikon, boşluklar); yönlendirme kartları sıkı;
   form kompakt (kariyerle aynı ölçüler). */
@media (max-width: 767px) {
  .sayfa-iletisim .about-inner.style3 { padding: 28px 20px 24px; }
  .sayfa-iletisim .about-inner.style3 .icon-box-row { gap: 22px; }
  .sayfa-iletisim .about-inner.style3 .box .inner .icon { width: 56px; height: 56px; border-radius: 12px; }
  .sayfa-iletisim .about-inner.style3 .box .inner .icon svg { width: 24px; height: 24px; }
  .sayfa-iletisim .about-inner.style3 .box .inner .icon.mb-26 { margin-bottom: 12px; }
  .sayfa-iletisim .about-inner.style3 .box h5,
.sayfa-iletisim .about-inner.style3 .box :is(h1,h2,h3,h4,h5,h6,p).h5 { margin-bottom: 8px; padding-bottom: 12px; }
  .sayfa-iletisim .about-inner.style3 .box p { font-size: 14px; line-height: 1.5; }
  .sayfa-iletisim .icon-box.style1 { padding: 22px 20px 22px; }
  .sayfa-iletisim .icon-box.style1 h4, .sayfa-iletisim .icon-box.style1 h3.h4,
.sayfa-iletisim .icon-box.style1 :is(h1,h2,h3,h4,h5,h6,p).h4 { font-size: 24px; }
  .sayfa-iletisim .icon-box.style1 p { font-size: 14px; }
  .sayfa-iletisim .mt-60.pb5 .col-md-4 { margin-bottom: 12px; }
  .sayfa-iletisim form .tf-title { margin-bottom: 28px; padding-bottom: 18px; }
  .sayfa-iletisim form fieldset.mb-22 { margin-bottom: 14px; }
  .sayfa-iletisim form fieldset.mb-40 { margin-bottom: 24px; }
  .sayfa-iletisim form textarea { min-height: 130px; height: 130px; }
}

/* İletişim bilgi kutusu: koyu bordo dev blok yerine 3 beyaz kompakt kart (patron, 21 Eyl 2026).
   Tema markup'ı aynı (.about-inner.style3 > .icon-box-row > .box); yalnızca görünüm. */
.sayfa-iletisim .about-inner.style3.gradient { background: transparent; padding: 0; border-radius: 0; overflow: visible; }
.sayfa-iletisim .about-inner.style3 .icon-box-row { gap: 16px; }
.sayfa-iletisim .about-inner.style3 .box { background: #fff; border-radius: 18px; padding: 22px 18px 20px; box-shadow: 0 4px 16px rgba(79, 3, 34, 0.06); height: 100%; text-align: center; }
.sayfa-iletisim .about-inner.style3 .box .inner .icon { width: 52px; height: 52px; border-radius: 14px; }
.sayfa-iletisim .about-inner.style3 .box .inner .icon svg { width: 24px; height: 24px; }
.sayfa-iletisim .about-inner.style3 .box .inner .icon.mb-26 { margin-bottom: 12px; }
.sayfa-iletisim .about-inner.style3 .box h5,
.sayfa-iletisim .about-inner.style3 .box :is(h1,h2,h3,h4,h5,h6,p).h5 { color: #006633; font-size: 17px; margin-bottom: 8px; padding-bottom: 12px; }
.sayfa-iletisim .about-inner.style3 .box h5::before,
.sayfa-iletisim .about-inner.style3 .box :is(h1,h2,h3,h4,h5,h6,p).h5::before { width: 40px; height: 3px; background-color: var(--color-accent-red); }
.sayfa-iletisim .about-inner.style3 .box p { color: var(--color-dark); font-size: 14px; line-height: 1.55; margin: 0; }
.sayfa-iletisim .pf-iletisim-bilgi .about-inner .box p a { color: #006633; }
.sayfa-iletisim .pf-iletisim-bilgi .about-inner .box p a:hover { color: var(--color-accent-red); }
@media (min-width: 768px) {
  .sayfa-iletisim .about-inner.style3 .icon-box-row { gap: 20px; }
  .sayfa-iletisim .about-inner.style3 .box { padding: 26px 22px 24px; }
}

/* Kariyer — açık pozisyon hapları (21 Eyl 2026) */
.pf-poz__baslik { font-size: 13px; letter-spacing: 1px; text-transform: uppercase; color: var(--color-accent-red); font-weight: 600; margin: 0 0 10px; }
.pf-poz { list-style: none; padding: 0; margin: 0 0 24px; display: flex; flex-wrap: wrap; gap: 8px; }
.pf-poz li a { display: inline-block; background: #fff; color: #006633; border: 1px solid rgba(0, 102, 51, 0.25); border-radius: 999px; padding: 7px 14px; font-size: 14px; font-weight: 500; line-height: 1.2; }
.pf-poz li a:hover { background: #006633; color: #fff; }
.sayfa-kariyer .pf-marka-sss { padding-top: 0; }

/* Menü — sekme paneli başlığı (kategori + ürün sayısı), 21 Eyl 2026 */
.pf-menu-kat { font-size: 22px; color: #006633; margin: 4px 0 16px; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.pf-menu-kat span { font-family: inherit; font-size: 13px; font-weight: 500; color: #7a6b6f; background: #FDF8F0; border-radius: 999px; padding: 3px 10px; }
.sayfa-menu .pf-marka-sss { padding-bottom: 56px; }
@media (min-width: 992px) { .pf-menu-kat { font-size: 26px; margin-bottom: 20px; } .sayfa-menu .pf-marka-sss { padding-bottom: 96px; } }

/* ===========================================================================
   MENÜ — ALTERNATİF DÜZEN (patron, 21 Eyl 2026): kategori hap şeridi +
   kategoriler alt alta + 3 sütunlu ürün kartları. Kartın tamamı detaya link (.pf-kart-bag).
   =========================================================================== */
.pf-menu { padding: 8px 0 56px; }
.pf-menu-konular { padding: 8px 0; margin: 0 -16px 20px; } /* sticky DEĞİL: patron kararı (yalnızca header sabit) + #wrapper overflow:hidden */
.pf-menu-atla { list-style: none; padding: 2px 16px; margin: 0; display: flex; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.pf-menu-atla::-webkit-scrollbar { display: none; }
.pf-menu-atla li { flex: 0 0 auto; }
.pf-menu-atla a { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px 7px 8px; border-radius: 999px; background: #fff; color: #006633; border: 1px solid rgba(0, 102, 51, 0.22); font-size: 14px; font-weight: 500; line-height: 1.2; white-space: nowrap; transition: background-color .2s, color .2s; }
.pf-menu-atla a img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.pf-menu-atla a small { font-size: 12px; opacity: .7; }
.pf-menu-atla a:hover { background: #006633; color: #fff; }
.pf-menu-atla a.active { background: var(--color-accent-red); border-color: var(--color-accent-red); color: #fff; }
.pf-menu-bolum { margin-bottom: 36px; scroll-margin-top: 110px; }
.pf-menu-bolum:last-child { margin-bottom: 0; }
.pf-urun-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pf-urun { position: relative; display: flex; flex-direction: column; background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 4px 16px rgba(79, 3, 34, 0.06); transition: transform .2s, box-shadow .2s; }
.pf-urun:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(79, 3, 34, 0.12); }
.pf-urun .pf-kart-bag { position: absolute; inset: 0; z-index: 2; }
.pf-urun__gorsel { position: relative; aspect-ratio: 1 / 1; background: #FDF8F0; overflow: hidden; }
.pf-urun__gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pf-urun__rozetler { position: absolute; left: 8px; top: 8px; display: flex; flex-wrap: wrap; gap: 4px; }
.pf-urun__rozet { font-size: 10px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; padding: 3px 8px; border-radius: 999px; background: #006633; color: #fff; }
.pf-urun__rozet--new { background: var(--color-accent-red); }
.pf-urun__rozet--favorite { background: #d98a00; }
.pf-urun__rozet--seasonal { background: #2f7d5a; }
.pf-urun__govde { display: flex; flex-direction: column; padding: 10px 12px 12px; flex: 1 1 auto; }
.pf-urun__ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; margin-bottom: 4px; }
.pf-urun__ad { font-size: 15px; line-height: 1.25; color: #006633; margin: 0; }
.pf-urun__ozet { font-size: 13px; line-height: 1.45; margin: 0 0 6px; color: #5b4a4e; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pf-urun__porsiyon { font-size: 12px; color: #7a6b6f; margin: auto 0 0; }
@media (min-width: 768px) {
  .pf-menu-konular { margin: 0 0 28px; padding: 10px 0; }
  .pf-menu-atla { padding: 2px 0; flex-wrap: wrap; overflow: visible; justify-content: center; }
  .pf-urun-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .pf-urun__govde { padding: 14px 16px 16px; }
  .pf-urun__ad { font-size: 17px; }
  .pf-urun__ozet { font-size: 14px; -webkit-line-clamp: 3; }
  .pf-urun__porsiyon { font-size: 13px; }
}
@media (min-width: 992px) {
  .pf-menu { padding: 16px 0 96px; }
  .pf-menu-bolum { margin-bottom: 56px; scroll-margin-top: 120px; }
  .pf-urun-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
  .pf-urun__ad { font-size: 18px; }
}
@media (min-width: 1400px) { .pf-urun-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Blog / Keşfet — kategori hapları + Keşfet basın kutusu (21 Eyl 2026) */
.pf-blog-kat { margin: 0 0 28px; }
.pf-blog-kat__liste small { font-size: 12px; opacity: .75; margin-left: 4px; }
.pf-basin { padding: 8px 0 0; }
.pf-basin__kutu { background: #fff; border: 1px solid rgba(0, 102, 51, 0.15); border-radius: 20px; padding: 22px 20px; display: flex; flex-direction: column; gap: 16px; }
.pf-basin__ust { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: var(--color-accent-red); font-weight: 600; margin: 0 0 6px; }
.pf-basin__baslik { font-size: 20px; line-height: 1.25; color: #006633; margin: 0 0 8px; }
.pf-basin__aciklama { font-size: 14px; line-height: 1.55; margin: 0; }
.pf-basin__butonlar { display: flex; flex-direction: column; gap: 10px; }
.pf-basin__butonlar .tf-button { width: 100%; }
@media (min-width: 768px) {
  .pf-basin__kutu { flex-direction: row; align-items: center; justify-content: space-between; padding: 26px 30px; gap: 24px; }
  .pf-basin__butonlar { flex: 0 0 auto; flex-direction: row; }
  .pf-basin__butonlar .tf-button { width: auto; }
}
@media (min-width: 992px) { .pf-basin__baslik { font-size: 24px; } }

/* ===========================================================================
   BASIN KİTİ — basın odası (21 Eyl 2026): paket kartı, varlık ızgarası, bir bakışta + renkler, kurallar
   =========================================================================== */
.pf-kit-paket { padding: 8px 0 0; }
/* Paket kartı tam genişlik (alt ızgarayla aynı kenar hizası); görsel %30, metin ortada dikey hizalı (patron, 21 Eyl) */
@media (min-width: 768px) {
  .pf-kit--genis { gap: 36px; align-items: center; }
  .pf-kit--genis .pf-kit__gorsel { flex: 0 0 30%; min-height: 220px; align-self: stretch; }
  .pf-kit--genis .pf-kit__gorsel--logo img { max-width: 70%; max-height: 110px; }
  .pf-kit--genis .pf-kit__metin { padding: 6px 0; }
  .pf-kit--genis .pf-kit__metin > .flex { margin-top: 20px; }
}
@media (min-width: 992px) {
  .pf-kit--genis { padding: 36px 40px; }
  .pf-kit--genis .pf-kit__gorsel { flex-basis: 34%; }
}
.pf-kit .tf-button small { font-size: 12px; font-weight: 500; opacity: .85; margin-left: 6px; }
.pf-kit-varliklar { padding: 44px 0 0; }
.pf-kit__bolum-baslik { font-size: 24px; margin-bottom: 18px; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.pf-kit__bolum-baslik span { font-family: inherit; font-size: 13px; font-weight: 500; color: #7a6b6f; background: #FDF8F0; border-radius: 999px; padding: 3px 10px; }
.pf-varlik-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pf-varlik { display: flex; flex-direction: column; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 16px rgba(79, 3, 34, 0.06); color: inherit; transition: transform .2s, box-shadow .2s; }
.pf-varlik:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(79, 3, 34, 0.12); color: inherit; }
.pf-varlik__gorsel { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; background: #FDF8F0; overflow: hidden; }
.pf-varlik__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.pf-varlik__gorsel--svg { padding: 18px; }
.pf-varlik__gorsel--svg img { object-fit: contain; max-height: 90px; }
.pf-varlik__ad { font-weight: 600; color: #006633; font-size: 14px; padding: 10px 12px 0; }
.pf-varlik__not { font-size: 12px; color: #7a6b6f; padding: 2px 12px 0; }
.pf-varlik__indir { font-size: 12px; font-weight: 600; color: var(--color-accent-red); padding: 6px 12px 12px; margin-top: auto; }
.pf-kit-bilgi { padding: 44px 0 56px; }
.pf-kit-kutu { background: #fff; border-radius: 20px; padding: 22px 20px; height: 100%; }
.pf-kit-kutu + .pf-kit-kutu, .pf-kit-bilgi .col-lg-6 + .col-lg-6 { margin-top: 16px; }
.pf-kit-kutu__tanim { font-size: 15px; line-height: 1.6; margin: 0 0 16px; }
.pf-kit-dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; margin: 0 0 18px; font-size: 14px; }
.pf-kit-dl dt { color: #7a6b6f; font-weight: 500; }
.pf-kit-dl dd { margin: 0; color: var(--color-dark); }
.pf-kit-kutu__alt { font-size: 16px; color: #006633; margin: 0 0 10px; }
.pf-renkler { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; }
.pf-renkler li { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.pf-renkler__ornek { width: 26px; height: 26px; border-radius: 8px; border: 1px solid rgba(79, 3, 34, 0.12); flex: 0 0 auto; }
.pf-renkler code { color: #7a6b6f; font-size: 12px; }
.pf-kurallar { list-style: none; padding: 0; margin: 0 0 18px; }
.pf-kurallar li { position: relative; padding-left: 20px; font-size: 14px; line-height: 1.5; margin-bottom: 8px; }
.pf-kurallar li::before { content: ""; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--color-accent-red); }
.pf-kit-kutu__iletisim { font-size: 14px; line-height: 1.7; margin: 0; }
.pf-kit-kutu__iletisim a { color: #006633; text-decoration: underline; }
@media (min-width: 768px) {
  .pf-varlik-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .pf-renkler { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 992px) {
  .pf-kit-varliklar { padding-top: 56px; }
  .pf-kit-bilgi { padding: 56px 0 96px; }
  .pf-kit-bilgi .col-lg-6 + .col-lg-6 { margin-top: 0; }
  .pf-kit-kutu { padding: 30px 32px; }
  .pf-kit__bolum-baslik { font-size: 28px; }
  .pf-varlik-izgara { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* KVKK — hızlı bilgi kartı + bölüm hapları (21 Eyl 2026) */
.pf-kvkk-hizli { padding: 8px 0 0; }
.pf-kvkk-kart { background: #fff; border-radius: 20px; padding: 22px 20px; margin-bottom: 20px; }
.pf-kvkk-kart .pf-kit-dl { margin-bottom: 14px; }
.pf-kvkk-kart a { color: #006633; text-decoration: underline; }
.pf-kvkk-kart__butonlar .tf-button { width: 100%; }
.pf-kvkk-bolumler { margin-bottom: 8px; }
.pf-kvkk-metin.tf-section { padding-top: 24px; }
.pf-kvkk-baslik { scroll-margin-top: 110px; }
@media (min-width: 768px) {
  .pf-kvkk-kart { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 30px; }
  .pf-kvkk-kart .pf-kit-dl { margin-bottom: 0; flex: 1 1 auto; }
  .pf-kvkk-kart__butonlar { flex: 0 0 auto; }
  .pf-kvkk-kart__butonlar .tf-button { width: auto; }
}
@media (min-width: 992px) { .pf-kvkk-metin.tf-section { padding-top: 32px; } }
/* Ana sayfa haber bölümü: Blog / Keşfet bağlantıları (21 Eyl 2026) */
.pf-haber-linkler { margin: 10px 0 0; font-size: 14px; }
.pf-haber-linkler a { color: #006633; text-decoration: underline; font-weight: 500; }
.pf-haber-linkler a:hover { color: var(--color-accent-red); }

/* "Online sipariş çok yakında" popup'ı (include/popup-yakinda.php) — 21 Eyl 2026 */
.pf-yakinda-popup { max-width: 520px; padding: 44px 28px 32px; text-align: center; }
.pf-yakinda-popup p { font-family: inherit; font-weight: 400; font-size: 15px; color: var(--color-dark); }
.pf-yakinda-popup__rozet { display: inline-block; background: var(--color-accent-red); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 6px 14px; border-radius: 999px; margin-bottom: 14px; position: relative; }
.pf-yakinda-popup__baslik { font-family: "Bogart Alt", sans-serif !important; font-weight: 800 !important; font-size: 30px !important; line-height: 1.15 !important; color: #006633 !important; margin-bottom: 10px !important; }
.pf-yakinda-popup__metin { line-height: 1.55; margin-bottom: 20px !important; }
.pf-yakinda-popup__butonlar { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 22px; position: relative; }
.pf-yakinda-popup__butonlar .tf-button { width: 100%; max-width: 300px; }
.pf-yakinda-popup__tel { color: #006633; font-weight: 600; text-decoration: underline; font-size: 15px; }
.pf-yakinda-popup__form { border-top: 1px dashed rgba(0, 102, 51, 0.25); padding-top: 18px; text-align: left; position: relative; }
.pf-yakinda-popup__bal { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.pf-yakinda-popup__etiket { display: block; font-weight: 600; color: #006633; font-size: 14px; margin-bottom: 8px; }
.pf-yakinda-popup__satir { display: flex; gap: 8px; }
.pf-yakinda-popup__satir input { flex: 1 1 auto; min-width: 0; height: 46px; border: 1px solid rgba(0, 102, 51, 0.25); border-radius: 999px; padding: 0 16px; background: #fff; font-size: 14px; }
.pf-yakinda-popup__satir .tf-button { flex: 0 0 auto; height: 46px; padding: 0 18px; min-width: 0; }
.pf-yakinda-popup__onay { display: flex; align-items: flex-start; gap: 8px; font-size: 12px; line-height: 1.45; color: #5b4a4e; margin: 10px 0 0; cursor: pointer; }
.pf-yakinda-popup__onay input { width: 16px; height: 16px; margin-top: 2px; accent-color: var(--color-accent-red); flex: 0 0 auto; }
.pf-yakinda-popup__onay a { color: #006633; text-decoration: underline; }
.pf-yakinda-popup__sonuc { margin: 10px 0 0 !important; font-size: 13px !important; font-weight: 600 !important; min-height: 1em; }
.pf-yakinda-popup__sonuc.is-ok { color: #006633 !important; }
.pf-yakinda-popup__sonuc.is-hata { color: var(--color-accent-red) !important; }
@media (max-width: 480px) { .pf-yakinda-popup { padding: 40px 18px 24px; } .pf-yakinda-popup__baslik { font-size: 26px !important; } }

/* ===========================================================================
   ÜRÜN DETAY — yeniden kurgu (21 Eyl 2026): galeri + bilgi kartı + benzerler (.pf-urun kartları)
   =========================================================================== */
.pf-urun-detay__galeri { display: flex; flex-direction: column; height: 100%; }
.pf-urun-detay__ana { background: #fff; border-radius: 22px; overflow: hidden; aspect-ratio: 1 / 1; flex: 1 1 auto; }
.pf-urun-detay__ana img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pf-urun-detay__kucuk { list-style: none; padding: 0; margin: 12px 0 0; display: flex; gap: 10px; }
.pf-urun-detay__kucuk button { display: block; width: 72px; height: 72px; border-radius: 14px; overflow: hidden; border: 2px solid transparent; background: #fff; padding: 0; cursor: pointer; }
.pf-urun-detay__kucuk li.active button { border-color: var(--color-accent-red); }
.pf-urun-detay__kucuk img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pf-urun-detay__bilgi { background: #fff; border-radius: 22px; padding: 24px 20px; margin-top: 16px; }
.pf-urun-detay__ust { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 12px; }
.pf-urun-detay__kategori { font-size: 12px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; color: #006633; background: #FDF8F0; border: 1px solid rgba(0, 102, 51, 0.2); border-radius: 999px; padding: 4px 10px; }
.pf-urun-detay__ust .pf-urun__rozet { font-size: 11px; }
.pf-urun-detay__ad { font-size: 28px; line-height: 1.15; margin: 0 0 8px; }
.pf-urun-detay__porsiyon { font-size: 14px; color: #7a6b6f; margin: 0 0 14px; }
.pf-urun-detay__cevap { font-size: 16px; line-height: 1.6; margin: 0 0 16px; padding-bottom: 16px; border-bottom: 1px dashed rgba(0, 102, 51, 0.2); }
.pf-urun-detay__aciklama { font-size: 15px; line-height: 1.6; margin-bottom: 16px; }
.pf-urun-detay__alt { font-size: 16px; color: #006633; margin: 0 0 6px; }
.pf-urun-detay__meta { list-style: none; padding: 0; margin: 0 0 16px; display: flex; flex-wrap: wrap; gap: 8px; }
.pf-urun-detay__meta li { background: #FDF8F0; border-radius: 12px; padding: 8px 12px; font-size: 13px; display: flex; flex-direction: column; }
.pf-urun-detay__meta span { color: #7a6b6f; font-size: 11px; text-transform: uppercase; letter-spacing: .5px; }
.pf-urun-detay__cta { display: flex; flex-direction: column; gap: 10px; align-items: stretch; margin: 6px 0 12px; }
.pf-urun-detay__cta .tf-button { width: 100%; }
.pf-urun-detay__geri { color: #006633; font-weight: 600; font-size: 14px; text-align: center; }
.pf-urun-detay__not { font-size: 12px; color: #7a6b6f; margin: 0; }
.pf-urun-detay__not a { color: #006633; text-decoration: underline; }
.pf-urun-benzer .pf-urun-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 768px) {
  /* iki kart aynı boy (patron, 21 Eyl): satır stretch, görsel kartı bilgi kartına eşitlenir; header ile 40px boşluk */
  .pf-urun-detay.tf-section { padding-top: 136px; }
  .pf-urun-detay .row { align-items: stretch; }
  .pf-urun-detay .row > [class*="col-"] { display: flex; flex-direction: column; position: relative; }
  /* satır yüksekliğini YALNIZ bilgi kartı belirler; görsel kartı sütuna mutlak yerleşir (patron, 21 Eyl) */
  .pf-urun-detay__galeri { position: absolute; top: 0; bottom: 0; left: 12px; right: 12px; height: auto; }
  .pf-urun-detay__ana { aspect-ratio: auto; min-height: 0; }
  .pf-urun-detay__ana img { object-fit: cover; }
  .pf-urun-detay__kucuk { flex: 0 0 auto; }
  .pf-urun-detay__bilgi { margin-top: 0; padding: 28px 26px; flex: 1 1 auto; }
  .pf-urun-detay__cta { flex-direction: row; flex-wrap: wrap; align-items: center; }
  .pf-urun-detay__cta .tf-button { width: auto; }
  .pf-urun-detay__geri { margin-left: auto; }
}
@media (min-width: 992px) {
  .pf-urun-detay__ad { font-size: 34px; }
  .pf-urun-benzer .pf-urun-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) { .pf-urun-detay.tf-section { padding-top: 100px !important; /* sabit başlık (78px) + 22px */ } }
/* 404 — hızlı bağlantılar (21 Eyl 2026) */
.pf-404-linkler { list-style: none; padding: 0; margin: 0 auto 28px; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.pf-404-linkler a { display: inline-block; padding: 8px 16px; border-radius: 999px; background: #fff; color: #006633; border: 1px solid rgba(0, 102, 51, 0.25); font-size: 14px; font-weight: 500; }
.pf-404-linkler a:hover { background: #006633; color: #fff; }
/* Lighthouse (22 Eyl 2026): combo kartı dekoratif overlay görseli orantısız (2.06 -> 0.72) -> cover; başlıklar h3 oldu, tema
   görünümü .h4/.h5/.h6 sınıflarıyla korunur */
.sl-product-1 .product-item .overlay img { object-fit: cover; }
.item-box .content h3.h4 { font-size: inherit; }

/* ---------------------------------------------------------------------------
   WCAG AA KONTRAST (22 Eyl 2026, Lighthouse color-contrast)
   Marka kırmızısı #E80000 üzerinde krem metin 4.0:1 (sınır 4.5). Zemin rengi logo ile aynı kaldığı için
   dokunulmadı; kırmızı zemindeki metin BEYAZ (4.74:1), krem zemindeki kırmızı metin bir ton koyu
   (#D20000 -> 4.76:1). Görsel fark gözle ayırt edilmez düzeyde.
   ------------------------------------------------------------------------- */
:root { --color-accent-red-metin: #D20000; }
/* Krem zeminde kırmızı metin */
.sub-title, .pf-sube-yakinda__sehir, .topbar .phone, .topbar .phone a, .header .call,
#main-nav .menu li.current-item > a, #main-nav .menu li > a.current-item { color: var(--color-accent-red-metin); }
/* Kırmızı zeminde metin: beyaz */
.tf-button.style2, .about-box .wrap-button .tf-button, .post .btn-post .tf-button,
.tf-button.pf-buton--kirmizi, .tf-button.pf-tanim__buton--ikincil:hover,
.cookie-banner-actions .tf-button.cookie-banner-reject,
.sayfa-iletisim .tf-button:not(.cookie-banner-reject):not(.cookie-banner-accept),
.sayfa-kariyer .tf-button:not(.cookie-banner-reject):not(.cookie-banner-accept),
.sayfa-contact .tf-button:not(.cookie-banner-reject):not(.cookie-banner-accept),
.sayfa-franchise .tf-button:not(.cookie-banner-reject):not(.cookie-banner-accept),
.sayfa-hakkimizda .tf-button:not(.cookie-banner-reject):not(.cookie-banner-accept),
.sayfa-subeler .tf-button:not(.cookie-banner-reject):not(.cookie-banner-accept),
.icon-box.gradient-2 p, .icon-box.gradient-2 .action, .icon-box.gradient-2 h3, .icon-box.gradient-2 h4,
.item-box.card-red .content, .item-box.card-red .content .title, .item-box.card-red .content .title a,
.pf-yakinda-popup__rozet, .pf-alt-cubuk__oge, .footer .tf-button { color: #fff; }
.icon-box.gradient-2 .action svg path { fill: #fff; }
/* İç sayfalar (aynı tur): krem zeminde kırmızı küçük metin -> koyu ton; kırmızı zeminde krem -> beyaz */
.pf-bakis__baslik, .pf-poz__baslik, .pf-basin__ust, .pf-varlik__indir, .pf-onay__zorunlu,
.pf-onay__satir label a, .pf-marka-sss .flat-toggle .toggle-content a, .flat-toggle .toggle-content p a,
.header .hamburger .content ul.list li span.color-2 { color: var(--color-accent-red-metin); }
.kit .update { color: #C00000; } /* zemin #EADDCF -> 4.86:1 */
.post .image .tag li, .post-details .tag li, .panigation li a.active, .panigation li a:hover,
.pf-marka-sss .flat-toggle .toggle-title.active .title, .sayfa-sss .flat-toggle .toggle-title.active .title,
.sayfa-sss .flat-accordion .flat-toggle .toggle-title .title { color: #fff; }
/* Turuncu rozet (#D98A00) üzerinde beyaz 2.8:1 -> koyu metin 7:1 */
.pf-urun__rozet--favorite { color: var(--color-dark); }
/* Ekran okuyucuya açık, görsel olarak gizli (WCAG) */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
/* Başlık hiyerarşisi (Lighthouse heading-order, 22 Eyl): h4/h5/h6 etiketi yerine h3.h4/.h5/.h6 kullanıldığında
   görünüm birebir kalsın — tema h5/h6 için Eigerdals 700, h3 için Bogart 600 tanımlıyor. */
.h5, .h6 { font-family: "Eigerdals", sans-serif; font-weight: 700; }

/* ---------------------------------------------------------------------------
   HERO SLIDER — sonsuz döngü + komşu slayt derinliği (patron, 23 + 28 Eyl 2026)
   Geniş ekranda iki yanda bir sonraki/önceki slayt görünüyor. 23 Eylül'de üzerine
   krem gradient perde çekilmişti; perde kirli durduğu için 28 Eylül'de kaldırıldı.
   Yeni yaklaşım: komşu slaytlar bulanık + soluk kalıyor, odak aktif karta gidiyor.
   ------------------------------------------------------------------------- */
/* Swiper kurulmadan önce yalnızca ilk slayt görünür — ilk boyama ile kurulum
   sonrası kare aynı yerde olsun (Lighthouse CLS). */
.slider-page .mySwiper1:not(.swiper-initialized) .swiper-slide:not(:first-child) { display: none; }
@media (min-width: 992px) {
  .slider-page .container { position: relative; }
  .slider-page .mySwiper1 .swiper-slide {
    transition: opacity .55s ease, filter .55s ease;
  }
  .slider-page .mySwiper1 .swiper-slide:not(.swiper-slide-active) {
    opacity: 0.55;
    filter: blur(7px);
  }
  /* oklar komşu slaytların üstünde kalsın */
  .slider-page .swiper-btn { z-index: 3; }
}
/* Hareket azaltma tercihi: bulanıklık kalsın, geçiş animasyonu kapansın */
@media (prefers-reduced-motion: reduce) {
  .slider-page .mySwiper1 .swiper-slide { transition: none; }
}

/* ---------------------------------------------------------------------------
   AÇIK ZEMİNDE OKUNMAYAN BAŞLIKLAR (patron, 28 Eyl 2026)
   22 Eylül'de başlık sırası için h4/h5/h6 etiketleri h3.h4 / p.h5 gibi sınıflara
   çevrilmişti; temanın ETİKETE bağlı renk kuralları bu yüzden düşmüş, başlıklar
   krem rengiyle açık zemine yazılıyordu. Aşağısı aynı kuralların sınıf karşılığı.
   ------------------------------------------------------------------------- */
.steps h3.h4 { color: var(--color-dark); }                       /* franchise süreç adımları */
.about-inner.style1 .box h3.h5 { color: #006633; }
.icon-box.gradient-6 h3.h4, .icon-box.gradient-4 h3.h4 { color: var(--color-dark); }
.product-4 h3.h5 { color: #006633; }
.slider-page-style2 .right .box .content h3.h5 { color: var(--color-accent-red); }
.subscribe.gradient-6 .content h3.h4 { color: var(--color-dark); }
/* iletişim bilgi kartları (beyaz zemin) */
.pf-iletisim-bilgi .about-inner .h5 { color: #006633; }

/* ---------------------------------------------------------------------------
   HERO SLAYT METNİ — konuma göre (patron, 28 Eyl 2026)
   Her artwork'ün boş alanı farklı yerde olduğu için metin bloğu slayt bazında
   konumlanır: panelde ekstra.metin_konum = sol-ust | sol-orta | sag-orta | ust-orta | hap
   (boş bırakılırsa slaytta metin hiç basılmaz). Okunabilirlik için metnin
   arkasına, görseli bozmayan yumuşak bir koyu geçiş (scrim) konur.
   ------------------------------------------------------------------------- */
.slider-page .slide-inner .content.pf-hero-metin {
  position: absolute; z-index: 2; padding: 0; max-width: none;
  color: #FFFFFF; text-shadow: 0 2px 10px rgba(58, 0, 14, 0.35);
}
.pf-hero-metin::before {
  content: ""; position: absolute; inset: -40px -56px; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(58, 0, 14, 0.45) 0%, rgba(58, 0, 14, 0.28) 45%, rgba(58, 0, 14, 0) 72%);
}
.pf-hero-metin__ust { font-size: 13px; letter-spacing: 1.4px; margin: 0 0 10px; color: #FFE2A8; }
.pf-hero-metin__baslik {
  font-family: "Bogart Alt", sans-serif; font-weight: 800; color: #FFFFFF;
  font-size: clamp(22px, 2.6vw, 42px); line-height: 1.1; margin: 0 0 22px;
}
.pf-hero-metin .tf-button { background-color: var(--color-accent-orange); color: var(--color-dark); }
.pf-hero-metin .tf-button:hover { background-color: #006633; color: #fff; }

@media (min-width: 992px) {
  .slider-page .slide-inner .content.pf-hero-metin--sol-ust { left: 6%; right: auto; top: 12%; bottom: auto; max-width: 38%; }
  .slider-page .slide-inner .content.pf-hero-metin--ust-orta {
    left: 50%; right: auto; top: 9%; bottom: auto; transform: translateX(-50%);
    max-width: 46%; text-align: center;
  }
  .slider-page .slide-inner .content.pf-hero-metin--ust-orta .flex { justify-content: center; }
  /* Ürün solda/ortada, sağ yarı boş olan artwork'ler (ör. Fettuccine Alfredo) */
  .slider-page .slide-inner .content.pf-hero-metin--sag-orta {
    right: 4%; left: auto; top: 50%; bottom: auto; transform: translateY(-50%);
    max-width: 29%; text-align: left;
  }
  /* Metin kasenin/çatalın üzerine binmesin: blok daraltılıp sağdaki düz zemine oturtuldu.
     Zemin düz kırmızı olduğu için scrim yumuşatıldı (patron, 29 Eyl 2026). */
  .pf-hero-metin--sag-orta::before {
    inset: -28px -34px;
    background: radial-gradient(ellipse at center, rgba(58, 0, 14, 0.30) 0%, rgba(58, 0, 14, 0.16) 50%, rgba(58, 0, 14, 0) 75%);
  }
  .slider-page .slide-inner .content.pf-hero-metin--sag-orta .flex { justify-content: flex-start; }
  /* "hap" kompozisyonunun içindeki boş alan */
  .slider-page .slide-inner .content.pf-hero-metin--hap {
    left: 31%; right: auto; top: 50%; bottom: auto; transform: translateY(-50%); max-width: 21%;
  }
  .pf-hero-metin--hap .pf-hero-metin__baslik { font-size: clamp(20px, 2vw, 30px); margin-bottom: 16px; }
  .pf-hero-metin--hap .tf-button { height: 44px; padding: 6px 24px; font-size: 13px; }
  .pf-hero-metin--hap::before { inset: -26px -30px; }
}
/* tablet: tek düzen — üstte, sola yaslı */
@media (min-width: 768px) and (max-width: 991px) {
  .slider-page .slide-inner .content.pf-hero-metin {
    left: 0; right: 0; top: 0; bottom: auto; transform: none; padding: 34px 32px 0; text-align: left;
  }
  .slider-page .slide-inner .content.pf-hero-metin .flex { justify-content: flex-start; }
}
/* mobil: üç artwork'te de üst bölüm boş -> metin üstte */
@media (max-width: 767px) {
  .slider-page .slide-inner .content.pf-hero-metin {
    left: 0; right: 0; top: 0; bottom: auto; transform: none; padding: 26px 22px 0; text-align: left;
  }
  .slider-page .slide-inner .content.pf-hero-metin .flex { justify-content: flex-start; }
  .pf-hero-metin__ust { font-size: 11px; margin-bottom: 8px; }
  .pf-hero-metin__baslik { font-size: 27px; margin-bottom: 18px; }
  .pf-hero-metin::before { inset: -30px -24px; }
}
/* Açık (krem) zeminli artwork'ler için: metin bloğu solda-ortada + KOYU yazı.
   Panelde ekstra.metin_konum = 'sol-orta', ekstra.metin_rengi = 'koyu'. */
.slider-page .slide-inner .content.pf-hero-metin--koyu { color: var(--color-dark); text-shadow: none; }
.pf-hero-metin--koyu .pf-hero-metin__baslik { color: #006633; }
.pf-hero-metin--koyu .pf-hero-metin__ust { color: var(--color-accent-red-metin); }
.pf-hero-metin--koyu::before {
  background: radial-gradient(ellipse at center, rgba(253, 248, 240, 0.72) 0%, rgba(253, 248, 240, 0.4) 45%, rgba(253, 248, 240, 0) 72%);
}
@media (min-width: 992px) {
  .slider-page .slide-inner .content.pf-hero-metin--sol-orta {
    left: 6%; right: auto; top: 50%; bottom: auto; transform: translateY(-50%); max-width: 34%;
  }
}
/* Mobil/tabletde metin görselin ÜSTÜNDE (fotoğrafın üzerinde) duruyor; krem zemin orada yok.
   Bu yüzden 'koyu' varyant yalnızca masaüstünde geçerli, altında açık metin + koyu scrim'e döner. */
@media (max-width: 991px) {
  .slider-page .slide-inner .content.pf-hero-metin--koyu { color: #FFFFFF; text-shadow: 0 2px 10px rgba(58, 0, 14, 0.45); }
  .pf-hero-metin--koyu .pf-hero-metin__baslik { color: #FFFFFF; }
  .pf-hero-metin--koyu .pf-hero-metin__ust { color: #FFE2A8; }
  .pf-hero-metin--koyu::before {
    background: radial-gradient(ellipse at center, rgba(28, 12, 4, 0.58) 0%, rgba(28, 12, 4, 0.34) 45%, rgba(28, 12, 4, 0) 72%);
  }
}
/* Dil seçici kaldırıldı (patron, 28 Eyl 2026): sosyal ikon hapının sağındaki 28px boşluk
   seçici içindi; kalkınca hap sağ kenardan içeride duruyordu -> sıfırlandı. */
.topbar .topbar-info .action { margin-right: 0; }

/* ---------------------------------------------------------------------------
   HERO SLIDER OKLARI (patron, 28 Eyl 2026): 78px turuncu daire + siyah ok yerine
   daha sade bir kontrol — beyaz daire, marka kırmızısı ok, yumuşak gölge;
   üzerine gelince kırmızı dolgu + beyaz ok. Sitedeki tek slider bu.
   ------------------------------------------------------------------------- */
.slider-page .swiper-btn {
  width: 54px; height: 54px;
  background-color: #FFFFFF;
  border: 1px solid rgba(79, 3, 34, 0.10);
  box-shadow: 0 6px 18px rgba(79, 3, 34, 0.14);
  cursor: pointer; padding: 0;
  transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.slider-page .swiper-btn svg { width: 22px; height: 22px; }
.slider-page .swiper-btn svg path { fill: var(--color-accent-red); transition: fill .25s ease; }
.slider-page .swiper-btn:hover,
.slider-page .swiper-btn:focus-visible {
  background-color: var(--color-accent-red);
  border-color: var(--color-accent-red);
  box-shadow: 0 10px 26px rgba(232, 0, 0, 0.30);
}
.slider-page .swiper-btn:hover svg path,
.slider-page .swiper-btn:focus-visible svg path { fill: #FFFFFF; }
/* konumlandırma transform'u korunarak hafif büyüme */
.slider-page .swiper-btn.btn-prev-product:hover,
.slider-page .swiper-btn.btn-next-product:hover { transform: translateY(-50%) scale(1.07); }
.slider-page .swiper-btn:focus-visible { outline: 3px solid rgba(232, 0, 0, 0.35); outline-offset: 3px; }
.slider-page .swiper-btn:active { transform: translateY(-50%) scale(0.97); }
@media (min-width: 1200px) {
  .slider-page .swiper-btn.btn-prev-product { left: 48px; }
  .slider-page .swiper-btn.btn-next-product { right: 48px; }
}

/* ---------------------------------------------------------------------------
   "ÇOK YAKINDA" BASİT POPUP (patron, 28 Eyl 2026)
   Henüz açılmamış bölümler için sade bilgi popup'ı — ilk kullanan: Keşfet
   (include/popup-kesfet-yakinda.php). Şube popup'ıyla aynı görsel dil; form yok.
   ------------------------------------------------------------------------- */
.pf-yakinda-basit { max-width: 460px; padding: 52px 32px 40px; }
.pf-yakinda-basit p { font-family: inherit; font-weight: 400; font-size: 15px; color: var(--color-dark); }
/* tema .popup-inline-content p kuralı 32px kırmızı bastığı için geçersiz kılınıyor */
.pf-yakinda-basit__ust { text-transform: uppercase; letter-spacing: 1px; font-size: 13px !important; color: #7a6b6f !important; margin-bottom: 8px !important; }
.pf-yakinda-basit__baslik { font-family: "Bogart Alt", sans-serif !important; font-weight: 800 !important; font-size: 26px !important; line-height: 1.2 !important; color: #006633 !important; margin-bottom: 14px !important; }
.pf-yakinda-basit__metin { line-height: 1.55; margin-bottom: 22px !important; }
.pf-yakinda-basit__butonlar { display: flex; flex-direction: column; align-items: center; gap: 12px; position: relative; }
.pf-yakinda-basit__birincil { width: auto; min-width: 240px; }
.pf-yakinda-basit__ikincil { color: #006633; text-decoration: underline; font-size: 14px; }

/* ---------------------------------------------------------------------------
   BLOG DETAY KAPAK GÖRSELİ (patron, 28 Eyl 2026)
   Tema görseli doğal boyutunda basıyordu: 700x773'lük bir kapak 1170x1292 piksele
   ESNETİLİYOR (object-fit: fill), yani hem bozuluyor hem de ekran yüksekliğinin
   1,4 katı yer kaplıyordu — okuyucu yazıya ulaşmak için bir ekran boyu kaydırıyordu.
   Artık sabit 16:9 çerçeve, ortadan kırpma ve masaüstünde 460px yükseklik sınırı.
   ------------------------------------------------------------------------- */
.post-details .image { margin-bottom: 32px; }
.post-details .image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 992px) {
  .post-details .image img { max-height: 460px; }
}

/* ---------------------------------------------------------------------------
   BLOG KART BAŞLIĞI — SABİT 2 SATIR (patron, 28 Eyl 2026)
   Başlıklar 1-3 satır arasında değiştiği için kartlar farklı yükseklikte kalıyordu.
   Artık her başlık tam 2 satır yer kaplar; sığmayan kısım "…" ile kesilir.
   Tema ölçüsü: font-size 22px / line-height 30px -> 2 satır = 60px.
   ------------------------------------------------------------------------- */
.post .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 60px;          /* 2 x 30px satır yüksekliği */
}
@media (max-width: 575px) {
  /* mobilde tema başlığı küçültmüyor; ölçü aynı kalıyor, yalnızca güvenlik payı */
  .post .title { height: auto; max-height: 60px; }
}

/* ---------------------------------------------------------------------------
   BLOG KART ÖZETİ — DOKUNMATİKTE DE GÖRÜNSÜN (patron, 28 Eyl 2026)
   Tema özeti yalnızca :hover'da açıyordu (opacity 0 + visibility hidden).
   Dokunmatik cihazda hover olmadığı için özet HİÇ görünmüyor, yerine 100px'lik
   boş alan kalıyordu. Tablet ve altında özet kalıcı olarak açılıyor; görsel de
   hover'daki ölçüye (261px) çekilerek kart dengesi korunuyor.
   ------------------------------------------------------------------------- */
@media (max-width: 991px) {
  .post .image { height: 261px; }
  .post .desc {
    opacity: 1;
    visibility: visible;
    height: auto;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

/* ---------------------------------------------------------------------------
   SİTE İÇİ ARAMA — /ara (Inside Yazılım, 29 Eyl 2026)
   Başlıktaki arama paneli buraya gönderir (include/header.php #searchform-all).
   Sonuç kartı menü kartlarının dilinde: beyaz zemin, 18px köşe, yeşil başlık;
   kategori hapları .pf-sss-atla, grup başlığı .pf-menu-kat yeniden kullanılır.
   ------------------------------------------------------------------------- */
.pf-ara-form { display: flex; gap: 10px; max-width: 640px; margin: 22px auto 0; }
.pf-ara-form input { flex: 1 1 auto; min-width: 0; height: 52px; padding: 0 22px; border: 1px solid rgba(0, 102, 51, 0.25); border-radius: 999px; background: #fff; font-size: 16px; color: var(--color-dark); }
.pf-ara-form input:focus { outline: none; border-color: #006633; box-shadow: 0 0 0 3px rgba(0, 102, 51, 0.15); }
.pf-ara-form .tf-button { flex: 0 0 auto; width: auto; height: 52px; padding: 0 30px; }   /* mobilde 'form .tf-button {width:100%}' (satir 249) kutuyu eziyordu */
.pf-ara { padding: 28px 0 110px; }
.pf-ara-turler { margin: 0 0 30px; }
.pf-ara-turler small { margin-left: 4px; font-size: 12px; opacity: .7; }
.pf-ara-grup { margin-bottom: 34px; scroll-margin-top: 150px; }
.pf-ara-liste { display: grid; gap: 12px; }
.pf-ara-oge { position: relative; display: flex; align-items: center; gap: 16px; padding: 14px 20px 14px 14px; background: #fff; border-radius: 18px; box-shadow: 0 4px 16px rgba(79, 3, 34, 0.06); transition: transform .2s, box-shadow .2s; }
.pf-ara-oge:not(:has(.pf-ara-oge__gorsel)) { padding-left: 22px; }
.pf-ara-oge:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(79, 3, 34, 0.12); }
.pf-ara-oge__gorsel { flex: 0 0 84px; width: 84px; height: 84px; border-radius: 14px; overflow: hidden; background: #FDF8F0; }
.pf-ara-oge__gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pf-ara-oge__govde { min-width: 0; }
.pf-ara-oge__etiket { font-size: 13px; letter-spacing: .2px; color: var(--color-accent-red); font-weight: 600; line-height: 1.3; margin: 0 0 4px; }   /* buyuk harf YOK: lang=tr'de 'Franchise' -> 'FRANCHİSE' oluyordu */
.pf-ara-oge__baslik { font-size: 17px; line-height: 1.3; color: #006633; margin: 0 0 4px; }
.pf-ara-oge__ozet { font-size: 14px; line-height: 1.5; color: #5b4a4e; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pf-ara-oge mark { background: rgba(251, 176, 59, 0.45); color: inherit; padding: 0 2px; border-radius: 3px; }
.pf-ara-bos { margin: 0 auto; }
.pf-ara-bos .pf-sss-atla { flex-wrap: wrap; justify-content: center; overflow: visible; margin: 0; padding: 0; }   /* mobil kaydirma seridi (satir 962) yerine: 6 kisa baglanti alt satira kaysin */
@media (max-width: 575px) {
  .pf-ara-form .tf-button { padding: 0 20px; }
  .pf-ara-oge { gap: 12px; padding: 12px 14px 12px 12px; }
  .pf-ara-oge__gorsel { flex-basis: 64px; width: 64px; height: 64px; border-radius: 12px; }
  .pf-ara-oge__baslik { font-size: 16px; }
}

/* ---------------------------------------------------------------------------
   AÇIK RIZA METNİ — bölüm metinleri (Inside Yazılım, 29 Eyl 2026)
   Bölüm 1-3 panelde HTML alanı (paragraf + madde listesi). Tema ul/li
   işaretlerini sıfırladığı için madde imi marka kırmızısıyla burada çiziliyor.
   ------------------------------------------------------------------------- */
.pf-riza-metin p { margin: 0 0 12px; }
.pf-riza-metin ul { list-style: none; margin: 0 0 12px; padding: 0; }
.pf-riza-metin li { position: relative; padding-left: 20px; margin-bottom: 8px; }
.pf-riza-metin li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 7px; height: 7px; border-radius: 50%; background: var(--color-accent-red); }
.pf-riza-metin > :last-child { margin-bottom: 0; }

/* ---------------------------------------------------------------------------
   FRANCHISE BAŞVURU BLOĞU — "ÇOK YAKINDA" (marka talebi, 29 Eyl 2026)
   Franchise sayfası duruyor; başvuru formunun yerine bu blok var. Buton
   #popup-franchise-yakinda popup'ını açar. Açılışta blok tekrar forma dönecek.
   ------------------------------------------------------------------------- */
.pf-franchise-yakinda {
  background: #FDF8F0;
  border: 1px solid rgba(0, 102, 51, 0.14);
  border-radius: var(--radius-lg, 16px);
  padding: 44px 28px 40px;
  text-align: center;
}
.pf-franchise-yakinda__ust {
  text-transform: uppercase; letter-spacing: 1px; font-size: 13px;
  color: var(--color-accent-red-metin, #D20000); font-weight: 600; margin-bottom: 10px;
}
.pf-franchise-yakinda__baslik { color: #006633; margin-bottom: 14px; }
.pf-franchise-yakinda__metin { font-size: 17px; line-height: 1.6; margin-bottom: 26px; }
.pf-franchise-yakinda__butonlar {
  display: flex; flex-direction: column; align-items: center; gap: 14px;
}
.pf-franchise-yakinda__tel {
  font-family: "Bogart Alt", sans-serif; font-weight: 700; font-size: 22px; color: #006633;
}
@media (min-width: 576px) {
  .pf-franchise-yakinda { padding: 52px 40px 46px; }
  .pf-franchise-yakinda__butonlar { flex-direction: row; justify-content: center; gap: 22px; }
}