Bostan Baba

İstanbul

Türkiye

Beyoğlu

Default

Kayan Yazı

Yazı

Sosyal Medya Hesapları

Facebook

Instagram

Twitter

LinkedIn

Pinterest

YouTube

TikTok

Features

Feature

Resim

Başlık

Altbaşlık

Yönlendirme

Açıklama

Tabbed Features

Tab Label

Image

Is List Type Dot ?

Soru - Cevap

Soru

Cevap

Swiper Slide

Slides

Button

Yazı Rengi

Buton Yazı Rengi

Buton Arkaplan Rengi

Content Position

Mobile Image

Button Hover Arkaplan Rengi

Button Hover Yazı Rengi

Tablet Image

Video

Subtutle

Background Image Link

Mobile Content Position

Text Align

Desktop Image Size

Mobile Image Size

Social Media Posts

Post

Link

Aspect Ratio

Promo Texts

Text

Brands

Brand

Background Gradient

First Color

Second Color

test

item1

item2

AspectRatio

Description Position

Image Object Fit

Testimonials

Testimonial

Rating

Quote

Writer

Logo Position

Horizontal Align

Banner List

Banner

Title

Text Color

Button Background Color

Button Text Color

Grid Layout

Image Gallery

Gallery Item

Heading

TextAlign

Image Size

Cart Page Info Items

Cart Page Info Item

Button & Links

Button & Link

Background Color

Border Color

Hover Text Color

Hover Background Color

Open Link New Tab

Desktop Button Width

Mobile Button Width

Border Radius

Hover Border Color

nofollow

noreferrer

noopener

FixedAddToBasketButtonPosition

Etiket - Görsel Listesi

Etiket- Görsel

Etiket

Görsel

Görsel Yüksekliği

Mobil Görsel Yükseliği

Görsel Genişliği

Mobil Görsel Genişliği

Görsel Pozisyonu

Görselin Köşelere Uzaklığı

Bitki Çayı

Alışveriş deneyiminizi iyileştirmek için yasal düzenlemelere uygun çerezler (cookies) kullanıyoruz. Detaylı bilgiye Gizlilik ve Çerez Politikası sayfamızdan erişebilirsiniz.

Özel fiyatları ve içerikleri görüntüleyebilmek için Türkçe ile devam edin.

<style>
  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

  /* ikas container override */
  [class*="unreset"],
  [class*="unreset"] > div,
  [class*="rich-text_container"],
  [class*="rich-text_container"] > div {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .bb-cat-banner *, .bb-cat-banner *::before, .bb-cat-banner *::after { box-sizing: border-box; margin: 0; padding: 0; }

  .bb-cat-banner {
    --heading: 'Playfair Display', Georgia, serif;
    --body: 'Inter', -apple-system, sans-serif;
    /* Yeni palet — İstenen #e7e565 rengi uygulandı */
    --bg: #e7e565;                 /* Yeni Renk */
    --green-mid: #f08242;          /* turuncu accent */
    --green-dark: #a51545;         /* bordo */
    --gold: #f08242;               /* turuncu */
    --gold-dark: #a51545;          /* bordo */
    --text: #a51545;               /* bordo */
    --text-muted: #b24a70;         /* açık bordo */

    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    overflow: visible;
    background: var(--bg);
    margin-bottom: 140px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  /* ===== Arka plan dekor ===== */
  .bb-cat-banner__bg { display: none; }
  .bb-cat-banner__overlay { display: none; }

  /* Glow container — tasmamasi icin clip */
  .bb-cat-banner__glows {
    position: absolute; inset: 0;
    overflow: hidden;
    z-index: 0; pointer-events: none;
  }
  .bb-cat-banner__glow {
    position: absolute;
    bottom: -30%; left: -8%;
    width: 450px; height: 450px;
    background: radial-gradient(circle, rgba(240,130,66,0.18) 0%, transparent 65%);
    pointer-events: none;
  }
  .bb-cat-banner__glow2 {
    position: absolute;
    top: -20%; right: -5%;
    width: 350px; height: 350px;
    background: radial-gradient(circle, rgba(165,21,69,0.1) 0%, transparent 65%);
    pointer-events: none;
  }

  /* Alt dalga — aşağı sarkan (upside-down) */
  .bb-cat-banner__wave-bottom {
    position: absolute;
    top: 100%; left: 0; right: 0;
    z-index: 3;
    line-height: 0;
    pointer-events: none;
    /* Banner ile dalga arasındaki sub-pixel boşluğu kapat:
       dalgayı 1px yukarı bindir (ikisi de aynı blok + aynı renk). */
    transform: translateY(-1px);
  }
  .bb-cat-banner__wave-bottom svg {
    display: block;
    width: 100%;
    height: 100px;
  }

  /* ===== Altın köşe çerçeve ===== */
  .bb-cat-banner__frame {
    position: absolute; inset: 14px;
    z-index: 5; pointer-events: none;
  }
  .bb-cat-banner__frame-corner {
    position: absolute;
    width: 44px; height: 44px;
  }
  .bb-cat-banner__frame-corner--tl { top: 0; left: 0; border-top: 1.5px solid rgba(165,21,69,0.2); border-left: 1.5px solid rgba(165,21,69,0.2); }
  .bb-cat-banner__frame-corner--tr { top: 0; right: 0; border-top: 1.5px solid rgba(165,21,69,0.2); border-right: 1.5px solid rgba(165,21,69,0.2); }
  .bb-cat-banner__frame-corner--bl { bottom: 0; left: 0; border-bottom: 1.5px solid rgba(165,21,69,0.2); border-left: 1.5px solid rgba(165,21,69,0.2); }
  .bb-cat-banner__frame-corner--br { bottom: 0; right: 0; border-bottom: 1.5px solid rgba(165,21,69,0.2); border-right: 1.5px solid rgba(165,21,69,0.2); }

  /* ===== Ana içerik ===== */
  .bb-cat-banner__inner {
    position: relative; z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
    padding: 64px 24px 56px;
  }

  /* Breadcrumb — SEO structured data */
  .bb-cat-banner__breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--body);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: var(--text-muted);
    margin-bottom: 20px;
  }
  .bb-cat-banner__breadcrumb a {
    color: var(--text-muted);
    text-decoration: none;
    transition: color 0.3s;
  }
  .bb-cat-banner__breadcrumb a:hover {
    color: var(--text);
  }
  .bb-cat-banner__breadcrumb-sep {
    font-size: 10px;
    opacity: 0.4;
  }
  .bb-cat-banner__breadcrumb-current {
    color: var(--text);
    font-weight: 600;
  }

  /* Üst etiket */
  .bb-cat-banner__tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--body);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--gold-dark);
    margin-bottom: 14px;
  }
  .bb-cat-banner__tag-line {
    width: 24px; height: 1.5px;
    background: var(--gold);
  }

  /* Başlık — h1 SEO */
  .bb-cat-banner__title {
    font-family: var(--heading);
    font-size: 38px;
    font-weight: 700;
    line-height: 1.15;
    color: var(--text);
    margin-bottom: 0;
  }
  .bb-cat-banner__title em {
    font-style: italic;
    color: var(--gold-dark);
  }

  /* Altın ayırıcı */
  .bb-cat-banner__divider {
    width: 40px; height: 2.5px;
    background: var(--gold);
    border-radius: 2px;
    margin: 16px auto;
  }

  /* Açıklama — SEO metin */
  .bb-cat-banner__desc {
    font-family: var(--body);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
    color: var(--text-muted);
    max-width: 560px;
  }

  /* Alt güven rozetleri — kompakt */
  .bb-cat-banner__badges {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 24px;
  }
  .bb-cat-banner__badge {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--body);
    font-size: 11px;
    font-weight: 600;
    color: var(--text-muted);
    letter-spacing: 0.3px;
  }
  .bb-cat-banner__badge-icon {
    width: 16px; height: 16px;
    color: var(--gold);
    opacity: 0.8;
  }

  /* === DEKORATİF BULUT & YILDIZ === */
  .bb-cat-banner__deco {
    position: absolute; pointer-events: none;
  }
  .bb-cat-banner__deco img { width: 100%; height: auto; display: block; }
  .bb-cat-banner__deco--cloud-l {
    top: 10px; left: -2%;
    width: 260px; opacity: 0.08; z-index: 2;
    animation: bbCatBCloudDrift 36s ease-in-out infinite;
  }
  .bb-cat-banner__deco--star-r {
    bottom: 25px; right: 4%;
    width: 90px; opacity: 0.15; z-index: 2;
    animation: bbCatBStarFloat 4s ease-in-out infinite alternate;
  }
  @keyframes bbCatBCloudDrift {
    0%, 100% { transform: translateX(0) translateY(0); }
    50% { transform: translateX(15px) translateY(-4px); }
  }
  @keyframes bbCatBStarFloat {
    0% { transform: scale(1) rotate(-3deg); opacity: 0.1; }
    100% { transform: scale(1.12) rotate(5deg); opacity: 0.2; }
  }
  @media (max-width: 767px) {
    .bb-cat-banner__deco--cloud-l { width: 150px; top: 5px; }
    .bb-cat-banner__deco--star-r { width: 50px; bottom: 15px; right: 3%; }
  }
  @media (min-width: 768px) and (max-width: 1023px) {
    .bb-cat-banner__deco--cloud-l { width: 200px; }
    .bb-cat-banner__deco--star-r { width: 70px; }
  }

  /* ===== RESPONSIVE ===== */

  /* Küçük telefon */
  @media (max-width: 359px) {
    .bb-cat-banner__inner { padding: 36px 16px 40px; }
    .bb-cat-banner__title { font-size: 26px; }
    .bb-cat-banner__desc { font-size: 13px; }
    .bb-cat-banner__frame { display: none; }
    .bb-cat-banner__badges { gap: 10px; }
    .bb-cat-banner__badge { font-size: 10px; }
    .bb-cat-banner__wave-bottom svg { height: 60px; }
    .bb-cat-banner { margin-bottom: 80px; }
  }

  /* Mobil */
  @media (max-width: 767px) {
    .bb-cat-banner__inner { padding: 40px 20px 44px; }
    .bb-cat-banner__title { font-size: 30px; }
    .bb-cat-banner__desc { font-size: 14px; }
    .bb-cat-banner__frame { inset: 8px; }
    .bb-cat-banner__frame-corner { width: 28px; height: 28px; }
    .bb-cat-banner__breadcrumb { font-size: 11px; }
    .bb-cat-banner__glow { width: 300px; height: 300px; }
    .bb-cat-banner__glow2 { width: 200px; height: 200px; }
    .bb-cat-banner__wave-bottom svg { height: 70px; }
    .bb-cat-banner { margin-bottom: 95px; }
  }

  /* Geniş mobil */
  @media (min-width: 480px) and (max-width: 767px) {
    .bb-cat-banner__title { font-size: 34px; }
  }

  /* Tablet */
  @media (min-width: 768px) {
    .bb-cat-banner__inner { padding: 60px 40px 56px; }
    .bb-cat-banner__tag { font-size: 11px; letter-spacing: 3.5px; }
    .bb-cat-banner__title { font-size: 44px; }
    .bb-cat-banner__desc { font-size: 16px; }
    .bb-cat-banner__badges { gap: 24px; margin-top: 28px; }
    .bb-cat-banner__badge { font-size: 12px; }
    .bb-cat-banner__wave-bottom svg { height: 110px; }
    .bb-cat-banner { margin-bottom: 150px; }
  }

  /* Masaüstü */
  @media (min-width: 1024px) {
    .bb-cat-banner__inner { padding: 72px 60px 64px; }
    .bb-cat-banner__title { font-size: 50px; }
    .bb-cat-banner__desc { font-size: 17px; max-width: 600px; }
    .bb-cat-banner__frame { inset: 18px; }
    .bb-cat-banner__frame-corner { width: 52px; height: 52px; }
    .bb-cat-banner__wave-bottom svg { height: 120px; }
  }

  /* Geniş masaüstü */
  @media (min-width: 1280px) {
    .bb-cat-banner__title { font-size: 54px; }
    .bb-cat-banner__wave-bottom svg { height: 140px; }
  }
</style>

<section class="bb-cat-banner" aria-label="Kategori başlığı">

  
  <div class="bb-cat-banner__bg">
    <img src="https://cdn.myikas.com/images/theme-images/1b616664-785d-430e-aad5-076199bc2426/image_1080.webp" alt="Bostan Baba doğal ürünler" class="bb-cat-banner__bg-img" loading="eager">
  </div>

  
  <div class="bb-cat-banner__overlay" aria-hidden="true"></div>

  
  <div class="bb-cat-banner__wave-bottom" aria-hidden="true">
    <svg viewBox="0 0 1440 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M0,100 Q360,10 720,100 T1440,100 L1440,-40 L0,-40 Z" fill="#e7e565"></path>
    </svg>
  </div>

  
  <div class="bb-cat-banner__inner">

    
    <nav class="bb-cat-banner__breadcrumb" aria-label="Gezinme yolu">
      <a href="/">Ana Sayfa</a>
      <span class="bb-cat-banner__breadcrumb-sep" aria-hidden="true">›</span>
      <span class="bb-cat-banner__breadcrumb-current">Tüm Ürünler</span>
    </nav>

    
    <span class="bb-cat-banner__tag">
      <span class="bb-cat-banner__tag-line"></span>
      40 Yılı Aşkın Toprak Bilgeliği
      <span class="bb-cat-banner__tag-line"></span>
    </span>

    
    <h1 class="bb-cat-banner__title">
      Bostan Baba <em>Doğal Ürünler</em>
    </h1>

    
    <div class="bb-cat-banner__divider"></div>

    
    <p class="bb-cat-banner__desc">
      Gümüşdere'nin bereketli topraklarından sofranıza ve bakım rutininize uzanan kadim reçeteler. Bitki harmanlarından şifalı yağlara, doğal takviyelerden günlük bakım ürünlerine — doğanın en dürüst halini keşfedin.
    </p>

    
    <div class="bb-cat-banner__badges">
      <div class="bb-cat-banner__badge">
        <svg class="bb-cat-banner__badge-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
          <path d="M12 22c4-3.5 7-7.5 7-11.5C19 5.5 16 2 12 2S5 5.5 5 10.5C5 14.5 8 18.5 12 22z"></path>
          <path d="M12 2v10"></path>
        </svg>
        Ata Tohumu
      </div>
      <div class="bb-cat-banner__badge">
        <svg class="bb-cat-banner__badge-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
          <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
          <path d="M9 12l2 2 4-4"></path>
        </svg>
        %100 Doğal
      </div>
      <div class="bb-cat-banner__badge">
        <svg class="bb-cat-banner__badge-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
          <path d="M6.3 20.3a2.4 2.4 0 003.4 0L12 18l-2-2-3.7 3.7a.5.5 0 010 .6z"></path>
          <path d="M14.8 11.4L18 14.6"></path>
          <path d="M9 8c-1.5-1-3-1-4 0a4.5 4.5 0 000 6l1 1 6-6-1-1c-1-1-1-2.5 0-4z"></path>
          <path d="M15 16c1.5 1 3 1 4 0a4.5 4.5 0 000-6l-1-1-6 6 1 1c1 1 1 2.5 0 4z"></path>
        </svg>
        El Yapımı
      </div>
    </div>

  </div>

</section>


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Ana Sayfa",
      "item": "https://www.bostanbaba.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Tüm Ürünler",
      "item": "https://www.bostanbaba.com/urunler"
    }
  ]
}
</script>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

  /* ===== ikas container override ===== */
  [class*="unreset"],
  [class*="unreset"] > div,
  [class*="rich-text_container"],
  [class*="rich-text_container"] > div {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* ===== ANA KONTEYNER ===== */
  [class*="product-list_container"] {
    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-top: 140px !important;
    margin-bottom: 140px !important;
    padding: 0 !important;
    overflow: visible;
    background: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  /* Dalgalı arka plan ve bg — kaldırıldı */
  [class*="product-list_container"]::before,
  [class*="product-list_container"]::after {
    display: none !important;
  }

  /* Tum icerik z-index'i yukari */
  [class*="product-list_container"] > * {
    position: relative;
    z-index: 1;
  }

  /* ===== BASLIK "Urunler" ===== */
  [class*="product-list_title"] {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #a51545 !important;
    text-align: center !important;
    padding: 32px 20px 8px !important;
    letter-spacing: -0.3px !important;
    display: none !important;
  }

  /* ===== BREADCRUMBS ===== */
  [class*="product-list_breadcrumbs"] {
    display: none !important;
  }

  /* ===== SIRALAMA KUTUSU ===== */
  [class*="product-list_listTopContainer"] {
    max-width: 1320px;
    margin: 0 auto;
    padding: 12px 28px !important;
    position: relative !important;
    z-index: 100 !important;
  }

  [class*="sort-box_sortTypeText"] {
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #b24a70 !important;
    background: rgba(255,255,255,0.7) !important;
    border: 1px solid rgba(240,130,66,0.25) !important;
    border-radius: 10px !important;
    padding: 8px 16px !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: all 0.25s ease;
  }
  [class*="sort-box_sortTypeText"]:hover {
    border-color: rgba(240,130,66,0.4) !important;
    background: rgba(255,255,255,0.9) !important;
  }

  [class*="sort-box_sortBox"] {
    position: relative !important;
    z-index: 999 !important;
  }

  /* ===== URUN GRID ALANI ===== */
  [class*="product-list_contentContainer"] {
    max-width: 1320px;
    margin: 0 auto;
    margin-top: 40px !important;
    padding: 0 20px !important;
    position: relative !important;
    z-index: 1 !important;
  }

  /* Filtre paneli gizli tutulursa */
  [class*="product-list_filtersContainer"] {
    display: none !important;
  }

  [class*="product-list_productListContainer"] {
    width: 100% !important;
  }

  [class*="product-list_products"] {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    padding: 16px 0 40px !important;
  }

  /* ===== URUN KARTI ===== */
  [class*="product-list_productContainerFourthLayout"],
  [class*="product-list_productContainerThirdLayout"],
  [class*="product-list_productContainer"] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  [class*="product-card_container"] {
    background: rgba(255,255,255,0.72) !important;
    border: 1px solid rgba(240,130,66,0.15) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: all 0.35s cubic-bezier(.25,.46,.45,.94) !important;
    box-shadow: 0 2px 12px rgba(165,21,69,0.08) !important;
  }
  [class*="product-card_container"]:hover {
    transform: translateY(-4px) !important;
    box-shadow:
      0 8px 28px rgba(165,21,69,0.15),
      0 2px 8px rgba(240,130,66,0.12) !important;
    border-color: rgba(240,130,66,0.3) !important;
    background: rgba(255,255,255,0.92) !important;
  }

  /* ===== URUN GORSELI ===== */
  [class*="product-card_imageContainer"] {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 16px 16px 0 0 !important;
    background: #ffffff !important;
  }

  [class*="product-card_image"] {
    object-fit: contain !important;
    width: auto !important;
    transition: transform 0.5s cubic-bezier(.25,.46,.45,.94) !important;
  }
  [class*="product-card_container"]:hover [class*="product-card_image"] {
    transform: scale(1.04) !important;
  }

  /* ===== INDIRIM BADGE — sadece boyut kucultuldu, renk orijinal ===== */
  [class*="product-card_discountContainer"] {
    top: 8px !important;
    left: 8px !important;
  }
  [class*="product-card_discountRatio"] {
    font-size: 10px !important;
    padding: 2px 6px !important;
    border-radius: 6px !important;
    line-height: 1.3 !important;
  }
  [class*="product-card_percent"] {
    font-size: 9px !important;
  }

  @media (max-width: 767px) {
    [class*="product-card_discountContainer"] {
      top: 6px !important;
      left: 6px !important;
    }
    [class*="product-card_discountRatio"] {
      font-size: 9px !important;
      padding: 2px 5px !important;
      border-radius: 5px !important;
    }
    [class*="product-card_percent"] {
      font-size: 8px !important;
    }
  }

  /* ===== URUN BILGI ALANI ===== */
  [class*="product-card_infoContainer"] {
    padding: 14px 16px 16px !important;
  }

  [class*="product-card_name"] {
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #a51545 !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
    letter-spacing: -0.1px !important;
  }

  /* ===== FIYATLAR ===== */
  [class*="product-card_pricesContainer"] {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  /* Eski fiyat (ustu cizili) */
  [class*="product-card_normalPrice"] {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #b24a70 !important;
    text-decoration: line-through !important;
    order: 1 !important;
  }

  /* Guncel fiyat */
  [class*="product-card_price"] {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #a51545 !important;
    order: 0 !important;
  }

  /* ===== SEPETE EKLE BUTONU ===== */
  [class*="product-card_fixedAddToBagButton"] {
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;
    color: #ffffff !important;
    background: #a51545 !important;
    border: 1px solid #a51545 !important;
    border-radius: 0 0 16px 16px !important;
    padding: 12px 20px !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
  }
  [class*="product-card_fixedAddToBagButton"]:hover {
    background: #a51545 !important;
    color: #ffffff !important;
    border-color: #a51545 !important;
    filter: brightness(1.1) !important;
  }

  /* ===== PAGINATION ===== */
  [class*="product-list_paginationContainer"] {
    padding: 20px 0 48px !important;
    display: flex !important;
    justify-content: center !important;
  }

  [class*="Pagination_paginationButton"] {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(240,130,66,0.25) !important;
    background: rgba(255,255,255,0.7) !important;
    color: #a51545 !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
  }
  [class*="Pagination_paginationButton"][aria-selected="true"] {
    background: #a51545 !important;
    color: #fff !important;
    border-color: #a51545 !important;
    box-shadow: 0 3px 12px rgba(165,21,69,0.25) !important;
  }
  [class*="Pagination_paginationButton"]:hover:not([aria-selected="true"]) {
    border-color: rgba(240,130,66,0.4) !important;
    background: rgba(255,255,255,0.95) !important;
  }

  /* ===== MOBIL HEADER (filtre + siralama satiri) ===== */
  [class*="product-list_mobileHeader"] {
    padding: 8px 16px !important;
    position: relative !important;
    z-index: 100 !important;
  }

  /* ===== ALT DALGA ARTIK CONTAINER ::after'da (yukarıda) full viewport width ===== */


  /* =================================================
     RESPONSIVE TASARIM
     ================================================= */

  /* ===== Genis Masaustu (1440px+) ===== */
  @media (min-width: 1440px) {
    [class*="product-list_products"] {
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 28px !important;
    }
    [class*="product-card_name"] {
      font-size: 15px !important;
    }
    [class*="product-card_price"] {
      font-size: 17px !important;
    }
  }

  /* ===== Masaustu (1024px - 1279px) ===== */
  @media (min-width: 1024px) and (max-width: 1279px) {
    [class*="product-list_products"] {
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 20px !important;
    }
    [class*="product-card_infoContainer"] {
      padding: 12px 14px 14px !important;
    }
  }

  /* ===== Tablet (768px - 1023px) ===== */
  @media (min-width: 768px) and (max-width: 1023px) {
    [class*="product-list_products"] {
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 18px !important;
    }
    [class*="product-list_contentContainer"] {
      padding: 0 24px !important;
    }
    [class*="product-card_name"] {
      font-size: 14px !important;
    }
    [class*="product-card_price"] {
      font-size: 15px !important;
    }
    [class*="product-card_container"] {
      border-radius: 14px !important;
    }
    [class*="product-card_imageContainer"] {
      border-radius: 14px 14px 0 0 !important;
    }
    [class*="product-card_fixedAddToBagButton"] {
      border-radius: 0 0 14px 14px !important;
    }

    /* Ust dalga daha kisa */
    [class*="product-list_container"]::after {
      height: 90px;
    }
  }

  /* ===== Genis Mobil / Kucuk Tablet (480px - 767px) ===== */
  @media (min-width: 480px) and (max-width: 767px) {
    [class*="product-list_products"] {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 14px !important;
      padding: 12px 0 32px !important;
    }
    [class*="product-list_contentContainer"] {
      padding: 0 16px !important;
    }
    [class*="product-card_container"] {
      border-radius: 12px !important;
    }
    [class*="product-card_imageContainer"] {
      border-radius: 12px 12px 0 0 !important;
    }
    [class*="product-card_fixedAddToBagButton"] {
      border-radius: 0 0 12px 12px !important;
      font-size: 12px !important;
      padding: 10px 16px !important;
    }
    [class*="product-card_infoContainer"] {
      padding: 10px 12px 12px !important;
    }
    [class*="product-card_name"] {
      font-size: 13px !important;
    }
    [class*="product-card_price"] {
      font-size: 14px !important;
    }
    [class*="product-card_normalPrice"] {
      font-size: 11px !important;
    }

    /* Dalga daha kisa */
    [class*="product-list_container"]::after {
      height: 70px;
    }
  }

  /* ===== Mobil (360px - 479px) ===== */
  @media (min-width: 360px) and (max-width: 479px) {
    [class*="product-list_products"] {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 10px !important;
      padding: 10px 0 28px !important;
    }
    [class*="product-list_contentContainer"] {
      padding: 0 12px !important;
    }
    [class*="product-card_container"] {
      border-radius: 10px !important;
    }
    [class*="product-card_imageContainer"] {
      border-radius: 10px 10px 0 0 !important;
    }
    [class*="product-card_fixedAddToBagButton"] {
      border-radius: 0 0 10px 10px !important;
      font-size: 11px !important;
      padding: 9px 12px !important;
    }
    [class*="product-card_infoContainer"] {
      padding: 8px 10px 10px !important;
    }
    [class*="product-card_name"] {
      font-size: 12px !important;
      margin-bottom: 6px !important;
    }
    [class*="product-card_price"] {
      font-size: 13px !important;
    }
    [class*="product-card_normalPrice"] {
      font-size: 10px !important;
    }

    /* Dalga */
    [class*="product-list_container"]::after {
      height: 55px;
    }
  }

  /* ===== Kucuk Telefon (< 360px) ===== */
  @media (max-width: 359px) {
    [class*="product-list_products"] {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 8px !important;
      padding: 8px 0 24px !important;
    }
    [class*="product-list_contentContainer"] {
      padding: 0 8px !important;
    }
    [class*="product-card_container"] {
      border-radius: 8px !important;
    }
    [class*="product-card_imageContainer"] {
      border-radius: 8px 8px 0 0 !important;
    }
    [class*="product-card_fixedAddToBagButton"] {
      border-radius: 0 0 8px 8px !important;
      font-size: 10px !important;
      padding: 8px 10px !important;
    }
    [class*="product-card_infoContainer"] {
      padding: 6px 8px 8px !important;
    }
    [class*="product-card_name"] {
      font-size: 11px !important;
      margin-bottom: 4px !important;
    }
    [class*="product-card_price"] {
      font-size: 12px !important;
    }
    [class*="product-card_normalPrice"] {
      font-size: 9px !important;
    }

    /* Dalga minimal */
    [class*="product-list_container"]::after {
      height: 40px;
    }

    /* Glow'lari kucult */
    [class*="product-list_container"]::before {
      background:
        radial-gradient(ellipse 80% 40% at 20% 10%, rgba(186,227,247,0.3) 0%, transparent 70%),
        linear-gradient(180deg, #bae3f7 0%, #c8eafa 50%, #bae3f7 100%);
    }
  }

  /* ===== SORT BOX MOBIL UYUMLULUK ===== */
  @media (max-width: 767px) {
    [class*="product-list_listTopContainer"] {
      padding: 8px 12px !important;
    }
    [class*="sort-box_sortTypeText"] {
      font-size: 12px !important;
      padding: 6px 12px !important;
      border-radius: 8px !important;
    }
  }

  /* ===== PAGINATION MOBIL ===== */
  @media (max-width: 767px) {
    [class*="product-list_paginationContainer"] {
      padding: 16px 0 36px !important;
    }
    [class*="Pagination_paginationButton"] {
      width: 36px !important;
      height: 36px !important;
      font-size: 13px !important;
      border-radius: 8px !important;
    }
  }

  /* ===== LINK STILLERINI TEMIZLE ===== */
  [class*="product-card_container"] a {
    text-decoration: none !important;
    color: inherit !important;
  }

  /* ===== HOVER EFEKTI — Mobilde kaldir ===== */
  @media (hover: none) and (pointer: coarse) {
    [class*="product-card_container"]:hover {
      transform: none !important;
      box-shadow: 0 2px 12px rgba(165,21,69,0.08) !important;
    }
    [class*="product-card_container"]:hover [class*="product-card_image"] {
      transform: none !important;
    }
  }

  /* ===== MOBIL: Transparan Arka Plan + Komşu Bileşenleri İt ===== */
  @media (max-width: 767px) {
    [class*="product-list_container"] {
      background: transparent !important;
      margin-top: 90px !important;
      margin-bottom: 90px !important;
    }
    [class*="product-list_container"]::before {
      display: none !important;
      background: none !important;
    }
    [class*="product-list_container"]::after {
      display: none !important;
      background: none !important;
      height: 0 !important;
    }
  }
</style>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

  [class*="unreset"],
  [class*="unreset"] > div,
  [class*="rich-text_container"],
  [class*="rich-text_container"] > div {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .bb-cat-bottom *, .bb-cat-bottom *::before, .bb-cat-bottom *::after { box-sizing: border-box; margin: 0; padding: 0; }

  .bb-cat-bottom {
    --heading: 'Playfair Display', Georgia, serif;
    --body: 'Inter', -apple-system, sans-serif;
    /* Yeni palet — İstenen #e7e565 rengi uygulandı */
    --bg: #e7e565;                 /* Yeni Renk */
    --green-mid: #a51545;           /* bordo */
    --gold: #f08242;                /* turuncu */
    --gold-dark: #a51545;           /* bordo */
    --terracotta: #a51545;          /* bordo CTA */
    --terracotta-hover: #f08242;    /* turuncu hover */
    --text: #a51545;                /* bordo */
    --text-muted: #b24a70;          /* açık bordo */

    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    overflow: visible;
    background: var(--bg);
    margin-top: 140px;
    -webkit-font-smoothing: antialiased;
  }

  /* Glow */
  .bb-cat-bottom__glows {
    position: absolute; inset: 0;
    overflow: hidden; z-index: 0; pointer-events: none;
  }
  .bb-cat-bottom__glow {
    position: absolute; bottom: -30%; left: -8%;
    width: 450px; height: 450px;
    background: radial-gradient(circle, rgba(240,130,66,0.18) 0%, transparent 65%);
  }
  .bb-cat-bottom__glow2 {
    position: absolute; top: -20%; right: -5%;
    width: 350px; height: 350px;
    background: radial-gradient(circle, rgba(165,21,69,0.1) 0%, transparent 65%);
  }

  /* Üst dalga */
  .bb-cat-bottom__wave-top {
    position: absolute; bottom: 100%; left: 0; right: 0;
    z-index: 3; line-height: 0; pointer-events: none;
    /* Dalga ile banner arasındaki sub-pixel boşluğu kapat:
       dalgayı 1px aşağı bindir (ikisi de aynı blok + aynı renk). */
    transform: translateY(1px);
  }
  .bb-cat-bottom__wave-top svg {
    display: block; width: 100%; height: 100px;
  }

  /* Altın köşe çerçeve */
  .bb-cat-bottom__frame {
    position: absolute; inset: 14px;
    z-index: 5; pointer-events: none;
  }
  .bb-cat-bottom__frame-corner {
    position: absolute; width: 44px; height: 44px;
  }
  .bb-cat-bottom__frame-corner--tl { top: 0; left: 0; border-top: 1.5px solid rgba(240,130,66,0.3); border-left: 1.5px solid rgba(240,130,66,0.3); }
  .bb-cat-bottom__frame-corner--tr { top: 0; right: 0; border-top: 1.5px solid rgba(240,130,66,0.3); border-right: 1.5px solid rgba(240,130,66,0.3); }
  .bb-cat-bottom__frame-corner--bl { bottom: 0; left: 0; border-bottom: 1.5px solid rgba(240,130,66,0.3); border-left: 1.5px solid rgba(240,130,66,0.3); }
  .bb-cat-bottom__frame-corner--br { bottom: 0; right: 0; border-bottom: 1.5px solid rgba(240,130,66,0.3); border-right: 1.5px solid rgba(240,130,66,0.3); }

  /* === SOL-SAĞ LAYOUT === */
  .bb-cat-bottom__inner {
    position: relative; z-index: 10;
    display: flex;
    align-items: center;
    gap: 48px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 64px 40px 56px;
  }

  /* Sol: Yazılar */
  .bb-cat-bottom__left {
    flex: 1.2;
    min-width: 0;
  }

  .bb-cat-bottom__tag {
    display: inline-flex; align-items: center; gap: 10px;
    font-family: var(--body); font-size: 10px; font-weight: 700;
    letter-spacing: 3px; text-transform: uppercase;
    color: var(--gold-dark); margin-bottom: 14px;
  }
  .bb-cat-bottom__tag-line {
    width: 24px; height: 1.5px; background: var(--gold);
  }

  .bb-cat-bottom__title {
    font-family: var(--heading); font-size: 44px; font-weight: 700;
    line-height: 1.2; color: var(--text); margin-bottom: 0;
  }
  .bb-cat-bottom__title em {
    font-style: italic; color: var(--green-mid);
  }

  .bb-cat-bottom__divider {
    width: 40px; height: 2.5px;
    background: var(--gold); border-radius: 2px;
    margin: 16px 0;
  }

  .bb-cat-bottom__desc {
    font-family: var(--body); font-size: 15px; font-weight: 400;
    line-height: 1.75; color: var(--text-muted);
    max-width: 480px;
  }

  /* Sağ: Rozetler + CTA */
  .bb-cat-bottom__right {
    flex: 0.8;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .bb-cat-bottom__badges {
    display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
    width: 100%;
  }
  .bb-cat-bottom__badge {
    display: flex; align-items: center; gap: 10px;
    font-family: var(--body); font-size: 13px; font-weight: 600;
    color: var(--text-muted); letter-spacing: 0.3px;
    padding: 10px 16px;
    background: rgba(255,255,255,0.6);
    border: 1px solid rgba(240,130,66,0.2);
    border-radius: 12px;
    transition: all 0.3s ease;
  }
  .bb-cat-bottom__badge:hover {
    background: rgba(255,255,255,0.9);
    transform: translateX(4px);
    box-shadow: 0 4px 16px rgba(240,130,66,0.15);
  }
  .bb-cat-bottom__badge-icon {
    width: 20px; height: 20px; color: var(--gold); opacity: 0.8; flex-shrink: 0;
  }

  .bb-cat-bottom__btn {
    display: inline-flex; align-items: center; gap: 10px;
    font-family: var(--body); font-size: 14px; font-weight: 700;
    letter-spacing: 0.3px; padding: 14px 36px;
    border-radius: 9999px; border: none; cursor: pointer;
    text-decoration: none;
    background: var(--terracotta); color: #ffffff;
    box-shadow: 0 4px 16px rgba(165,21,69,0.3);
    transition: all 0.35s cubic-bezier(.25,.46,.45,.94);
  }
  .bb-cat-bottom__btn:hover {
    background: var(--terracotta-hover);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(240,130,66,0.4);
  }
  .bb-cat-bottom__btn-arrow {
    width: 14px; height: 14px; transition: transform 0.35s;
  }
  .bb-cat-bottom__btn:hover .bb-cat-bottom__btn-arrow {
    transform: translateX(4px);
  }

  /* === DEKORATİF BULUT & YILDIZ (siyah) === */
  .bb-cat-bottom__deco {
    position: absolute; pointer-events: none;
  }
  .bb-cat-bottom__deco img { width: 100%; height: auto; display: block; }
  .bb-cat-bottom__deco--cloud {
    top: 15px; left: -1%;
    width: 280px; opacity: 0.1; z-index: 6;
    animation: bbCatCloudDrift 35s ease-in-out infinite;
  }
  .bb-cat-bottom__deco--star {
    bottom: 30px; right: 5%;
    width: 100px; opacity: 0.15; z-index: 6;
    animation: bbCatStarFloat 4s ease-in-out infinite alternate;
  }
  @keyframes bbCatStarFloat {
    0% { transform: scale(1) rotate(-3deg); opacity: 0.1; }
    100% { transform: scale(1.12) rotate(5deg); opacity: 0.2; }
  }
  @keyframes bbCatCloudDrift {
    0%, 100% { transform: translateX(0) translateY(0); }
    50% { transform: translateX(15px) translateY(-4px); }
  }

  /* === RESPONSIVE === */
  @media (max-width: 359px) {
    .bb-cat-bottom__inner { padding: 36px 16px 40px; gap: 20px; }
    .bb-cat-bottom__title { font-size: 20px; }
    .bb-cat-bottom__desc { font-size: 12px; }
    .bb-cat-bottom__badge { font-size: 10px; padding: 6px 8px; gap: 6px; }
    .bb-cat-bottom__badge-icon { width: 14px; height: 14px; }
    .bb-cat-bottom__btn { font-size: 12px; padding: 10px 24px; }
    .bb-cat-bottom__frame { display: none; }
    .bb-cat-bottom__wave-top svg { height: 60px; }
    .bb-cat-bottom { margin-top: 80px; }
    .bb-cat-bottom__deco--star { width: 50px; top: 10px; right: 3%; }
    .bb-cat-bottom__deco--cloud { width: 130px; bottom: 10px; }
  }

  @media (max-width: 767px) {
    .bb-cat-bottom__inner { padding: 40px 16px 44px; gap: 24px; }
    .bb-cat-bottom__title { font-size: 24px; }
    .bb-cat-bottom__desc { font-size: 13px; }
    .bb-cat-bottom__badges { grid-template-columns: 1fr; }
    .bb-cat-bottom__badge { font-size: 11px; padding: 8px 12px; }
    .bb-cat-bottom__btn { font-size: 13px; padding: 12px 28px; }
    .bb-cat-bottom__frame { inset: 8px; }
    .bb-cat-bottom__frame-corner { width: 28px; height: 28px; }
    .bb-cat-bottom__wave-top svg { height: 70px; }
    .bb-cat-bottom { margin-top: 95px; }
    .bb-cat-bottom__deco--star { width: 60px; top: 12px; }
    .bb-cat-bottom__deco--cloud { width: 160px; bottom: 12px; }
  }

  @media (min-width: 768px) and (max-width: 1023px) {
    .bb-cat-bottom__inner { padding: 56px 32px; gap: 40px; }
    .bb-cat-bottom__title { font-size: 36px; }
    .bb-cat-bottom__wave-top svg { height: 110px; }
    .bb-cat-bottom { margin-top: 150px; }
    .bb-cat-bottom__deco--star { width: 80px; }
    .bb-cat-bottom__deco--cloud { width: 220px; }
  }

  @media (min-width: 1024px) {
    .bb-cat-bottom__inner { padding: 72px 48px 64px; gap: 56px; }
    .bb-cat-bottom__title { font-size: 48px; }
    .bb-cat-bottom__desc { font-size: 16px; }
    .bb-cat-bottom__frame { inset: 18px; }
    .bb-cat-bottom__frame-corner { width: 52px; height: 52px; }
    .bb-cat-bottom__wave-top svg { height: 120px; }
  }

  @media (min-width: 1280px) {
    .bb-cat-bottom__title { font-size: 52px; }
    .bb-cat-bottom__wave-top svg { height: 140px; }
  }
</style>

<section class="bb-cat-bottom" aria-label="Doğal ürünler hakkında bilgi">

  
  <div class="bb-cat-bottom__wave-top" aria-hidden="true">
    <svg viewBox="0 0 1440 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M0,100 Q360,190 720,100 T1440,100 L1440,230 L0,230 Z" fill="#e7e565"></path>
    </svg>
  </div>

  
  <div class="bb-cat-bottom__inner">

    
    <div class="bb-cat-bottom__left">
      <span class="bb-cat-bottom__tag">
        <span class="bb-cat-bottom__tag-line"></span>
        Gümüşdere'den Sofranıza
        <span class="bb-cat-bottom__tag-line"></span>
      </span>

      <h2 class="bb-cat-bottom__title">
        Doğanın Bilgeliği,<br><em>En Saf Haliyle</em>
      </h2>

      <div class="bb-cat-bottom__divider"></div>

      <p class="bb-cat-bottom__desc">
        40 yılı aşkın bir emek ve sadakat yolculuğu. Uzak Doğu'dan Anadolu'ya uzanan kadim bilgileri, modern uzman görüşleriyle harmanlıyoruz. Mucize vaat etmiyoruz — toprağın bilgeliğini sunuyoruz.
      </p>
    </div>

    
    <div class="bb-cat-bottom__right">
      <div class="bb-cat-bottom__badges">
        <div class="bb-cat-bottom__badge">
          <svg class="bb-cat-bottom__badge-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
            <path d="M12 22c4-3.5 7-7.5 7-11.5C19 5.5 16 2 12 2S5 5.5 5 10.5C5 14.5 8 18.5 12 22z"></path><path d="M12 2v10"></path>
          </svg>
          Ata Tohumu Bağlılığı
        </div>
        <div class="bb-cat-bottom__badge">
          <svg class="bb-cat-bottom__badge-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path><path d="M9 12l2 2 4-4"></path>
          </svg>
          %100 Doğal İçerik
        </div>
        <div class="bb-cat-bottom__badge">
          <svg class="bb-cat-bottom__badge-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
            <path d="M6.3 20.3a2.4 2.4 0 003.4 0L12 18l-2-2-3.7 3.7a.5.5 0 010 .6z"></path>
            <path d="M9 8c-1.5-1-3-1-4 0a4.5 4.5 0 000 6l1 1 6-6-1-1c-1-1-1-2.5 0-4z"></path>
            <path d="M15 16c1.5 1 3 1 4 0a4.5 4.5 0 000-6l-1-1-6 6 1 1c1 1 1 2.5 0 4z"></path>
          </svg>
          El Yapımı Üretim
        </div>
      </div>

    </div>

  </div>

  
  <div style="position:relative; z-index:10; max-width:1100px; margin:0 auto; padding:0 40px 56px;">
    <a href="/pages/hakkimizda" class="bb-cat-bottom__btn">
      Hikayemizi Keşfet
      <svg class="bb-cat-bottom__btn-arrow" viewBox="0 0 16 16" fill="none" aria-hidden="true">
        <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </a>
  </div>

</section>

Wir verwenden Cookies in Übereinstimmung mit den gesetzlichen Bestimmungen, um Ihr Einkaufserlebnis zu verbessern. Ausführliche Informationen finden Sie auf unserer Seite Datenschutz und Cookie-Richtlinien.

Um standortspezifische Preise und Inhalte zu sehen, wechsele zum Shop für dein Land.

Bostan Baba Doğal Ürünler

Bitki Çayı

Doğanın Bilgeliği,
En Saf Haliyle

Bostan Baba Doğal Ürünler

Bitki Çayı

Doğanın Bilgeliği,En Saf Haliyle

Doğanın Bilgeliği,
En Saf Haliyle