İ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ığı

40 yılı aşkın toprak bilgeliği, tek bir çatı altında. Gümüşdere'nin bereketli topraklarında başlayan yolculuğumuzun her durağı bu rafta: Uzak Doğu'dan Anadolu'ya uzanan kadim reçetelerle hazırlanan bitki harmanlarımız, tohumdan şişeye doğanın özünü taşıyan şifalı yağlarımız, vücudun gerçekten tanıdığı ve kabul ettiği d

Ürünler

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;
    --bg: #eef0f8;
    --green-mid: #3B6B35;
    --green-dark: #2D5A27;
    --gold: #C9A96E;
    --gold-dark: #A08040;
    --text: #2C2C2C;
    --text-muted: #7A7464;

    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    overflow: visible;
    background: var(--bg);
    margin-bottom: 80px;
    -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(169,184,239,0.15) 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(59,107,53,0.08) 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;
  }
  .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(59,107,53,0.15); border-left: 1.5px solid rgba(59,107,53,0.15); }
  .bb-cat-banner__frame-corner--tr { top: 0; right: 0; border-top: 1.5px solid rgba(59,107,53,0.15); border-right: 1.5px solid rgba(59,107,53,0.15); }
  .bb-cat-banner__frame-corner--bl { bottom: 0; left: 0; border-bottom: 1.5px solid rgba(59,107,53,0.15); border-left: 1.5px solid rgba(59,107,53,0.15); }
  .bb-cat-banner__frame-corner--br { bottom: 0; right: 0; border-bottom: 1.5px solid rgba(59,107,53,0.15); border-right: 1.5px solid rgba(59,107,53,0.15); }

  /* ===== 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: 50px; }
  }

  /* 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: 55px; }
  }

  /* 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: 90px; }
  }

  /* 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__glows" aria-hidden="true">
    <div class="bb-cat-banner__glow"></div>
    <div class="bb-cat-banner__glow2"></div>
  </div>

  
  <div class="bb-cat-banner__wave-bottom" aria-hidden="true">
    <svg viewBox="0 0 1440 120" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M0,0 L0,55 C180,90 360,30 540,65 C720,95 900,35 1080,60 C1260,85 1380,45 1440,55 L1440,0 Z" fill="#eef0f8"></path>
      <path d="M0,0 L0,40 C240,72 480,18 720,48 C960,78 1200,22 1440,42 L1440,0 Z" fill="rgba(169,184,239,0.12)"></path>
      <path d="M0,0 L0,28 C200,55 400,10 650,38 C900,62 1100,15 1440,32 L1440,0 Z" fill="rgba(201,169,110,0.06)"></path>
    </svg>
  </div>

  
  <div class="bb-cat-banner__deco bb-cat-banner__deco--cloud-l">
    <img src="https://cdn.myikas.com/images/theme-images/e38ec78f-edfc-4845-82a3-6fb5772d3595/image_1080.webp" alt="">
  </div>
  <div class="bb-cat-banner__deco bb-cat-banner__deco--star-r">
    <img src="https://cdn.myikas.com/images/theme-images/ab0b1654-63be-4413-af7b-a83f42cde55c/image_1080.webp" alt="">
  </div>

  
  <div class="bb-cat-banner__frame" aria-hidden="true">
    <div class="bb-cat-banner__frame-corner bb-cat-banner__frame-corner--tl"></div>
    <div class="bb-cat-banner__frame-corner bb-cat-banner__frame-corner--tr"></div>
    <div class="bb-cat-banner__frame-corner bb-cat-banner__frame-corner--bl"></div>
    <div class="bb-cat-banner__frame-corner bb-cat-banner__frame-corner--br"></div>
  </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="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"></path>
          <path d="M14 2v6h6"></path>
          <path d="M9 15l2 2 4-4"></path>
        </svg>
        Lab Analizli
      </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>

<p style="margin-bottom: 15px; text-align: justify; color: rgb(0, 0, 0); font-family: &quot;Open Sans&quot;, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id posuere turpis. Etiam pretium nisi ante, et efficitur justo facilisis nec. Praesent turpis quam, tincidunt gravida enim viverra, lobortis iaculis dolor. Vivamus ac tincidunt elit, in congue sapien. Suspendisse suscipit eget mauris vel malesuada. Quisque posuere ex nisi, venenatis fringilla erat luctus eu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nam pharetra, neque quis tristique faucibus, nulla turpis tincidunt nunc, sed commodo nulla magna sit amet sem. Nunc euismod ante a pulvinar pulvinar. Nunc dictum viverra volutpat. Mauris sagittis enim quis metus posuere auctor et at nisi.</p><div><br></div>

Test 9

Test 8

Test 7

Test 6

Test 5

Test 4

Test 3

<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;
    padding: 0 !important;
    overflow: visible;
    background: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  /* Dalgali arka plan — katmanli SVG + gradient */
  [class*="product-list_container"]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 0;
    background:
      /* ust: hafif pastel lavanta dalga glow */
      radial-gradient(ellipse 70% 30% at 15% 8%, rgba(169,184,239,0.10) 0%, transparent 70%),
      /* orta: yesilimsi glow */
      radial-gradient(ellipse 50% 25% at 85% 35%, rgba(59,107,53,0.05) 0%, transparent 60%),
      /* alt: sicak altin glow */
      radial-gradient(ellipse 60% 35% at 30% 75%, rgba(201,169,110,0.07) 0%, transparent 65%),
      /* temel arka plan */
      linear-gradient(180deg,
        #f7f5f0 0%,
        #faf8f4 15%,
        #f4f2ed 40%,
        #f8f6f1 60%,
        #f5f3ee 80%,
        #faf8f4 100%
      );
    pointer-events: none;
  }

  /* Ust dalga dekor — container icine */
  [class*="product-list_container"]::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 120px;
    z-index: 0;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0,120 L0,65 C180,30 360,90 540,55 C720,25 900,85 1080,60 C1260,35 1380,75 1440,65 L1440,120 Z' fill='rgba(238,240,248,0.35)'/%3E%3Cpath d='M0,120 L0,80 C240,48 480,102 720,72 C960,42 1200,98 1440,78 L1440,120 Z' fill='rgba(201,169,110,0.04)'/%3E%3C/svg%3E") no-repeat top center / 100% 100%;
    pointer-events: none;
  }

  /* 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: #2C2C2C !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: #5a5549 !important;
    background: rgba(255,255,255,0.7) !important;
    border: 1px solid rgba(201,169,110,0.2) !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(201,169,110,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(201,169,110,0.12) !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(44,44,44,0.04) !important;
  }
  [class*="product-card_container"]:hover {
    transform: translateY(-4px) !important;
    box-shadow:
      0 8px 28px rgba(44,44,44,0.08),
      0 2px 8px rgba(201,169,110,0.08) !important;
    border-color: rgba(201,169,110,0.25) !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: #faf8f4 !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 ===== */
  [class*="product-card_discountContainer"] {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 5 !important;
  }
  [class*="product-card_discountRatio"] {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #004D96 0%, #003a75 100%) !important;
    border-radius: 8px !important;
    padding: 4px 10px !important;
    letter-spacing: 0.3px !important;
    box-shadow: 0 2px 8px rgba(0,77,150,0.25) !important;
    line-height: 1.4 !important;
  }
  [class*="product-card_percent"] {
    font-size: 10px !important;
    margin-right: 1px !important;
    opacity: 0.9;
  }

  /* ===== 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: #2C2C2C !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: #a09a8e !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: #3B6B35 !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: #3a3226 !important;
    background: linear-gradient(135deg, #f5f0e6 0%, #ede7d9 100%) !important;
    border: 1px solid rgba(201,169,110,0.25) !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: linear-gradient(135deg, #004D96 0%, #003a75 100%) !important;
    color: #fff !important;
    border-color: #004D96 !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(201,169,110,0.2) !important;
    background: rgba(255,255,255,0.7) !important;
    color: #3a3226 !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
  }
  [class*="Pagination_paginationButton"][aria-selected="true"] {
    background: linear-gradient(135deg, #3B6B35 0%, #2D5A27 100%) !important;
    color: #fff !important;
    border-color: #3B6B35 !important;
    box-shadow: 0 3px 12px rgba(59,107,53,0.2) !important;
  }
  [class*="Pagination_paginationButton"]:hover:not([aria-selected="true"]) {
    border-color: rgba(201,169,110,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;
  }

  /* ===== DALGALI DEKOR — Alt kisim ===== */
  [class*="product-list_paginationContainer"]::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 80px;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 C200,20 300,10 400,30 C550,55 700,80 900,70 C1050,62 1150,50 1250,40 C1350,30 1400,25 1440,20 L1440,100 L0,100 Z' fill='rgba(238,240,248,0.3)'/%3E%3Cpath d='M0,0 C240,35 480,5 720,25 C960,45 1200,15 1440,30 L1440,100 L0,100 Z' fill='rgba(201,169,110,0.03)'/%3E%3C/svg%3E") no-repeat bottom center / 100% 100%;
    pointer-events: none;
    z-index: 0;
  }


  /* =================================================
     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;
    }
    [class*="product-card_discountRatio"] {
      font-size: 11px !important;
      padding: 3px 8px !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;
    }
    [class*="product-card_discountRatio"] {
      font-size: 10px !important;
      padding: 3px 7px !important;
      border-radius: 6px !important;
    }
    [class*="product-card_discountContainer"] {
      top: 8px !important;
      left: 8px !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;
    }
    [class*="product-card_discountRatio"] {
      font-size: 9px !important;
      padding: 2px 6px !important;
      border-radius: 5px !important;
    }
    [class*="product-card_discountContainer"] {
      top: 6px !important;
      left: 6px !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(169,184,239,0.08) 0%, transparent 70%),
        linear-gradient(180deg, #f7f5f0 0%, #faf8f4 50%, #f5f3ee 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(44,44,44,0.04) !important;
    }
    [class*="product-card_container"]:hover [class*="product-card_image"] {
      transform: none !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;
    --bg: #fdf6e3;
    --green-mid: #3B6B35;
    --gold: #C9A96E;
    --gold-dark: #A08040;
    --terracotta: #C4663A;
    --terracotta-hover: #A3522E;
    --text: #3a3226;
    --text-muted: #7a6f5c;

    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    overflow: visible;
    background: var(--bg);
    margin-top: 80px;
    -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(201,169,110,0.12) 0%, transparent 65%);
  }
  .bb-cat-bottom__glow2 {
    position: absolute; top: -20%; right: -5%;
    width: 350px; height: 350px;
    background: radial-gradient(circle, rgba(59,107,53,0.06) 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;
  }
  .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(201,169,110,0.2); border-left: 1.5px solid rgba(201,169,110,0.2); }
  .bb-cat-bottom__frame-corner--tr { top: 0; right: 0; border-top: 1.5px solid rgba(201,169,110,0.2); border-right: 1.5px solid rgba(201,169,110,0.2); }
  .bb-cat-bottom__frame-corner--bl { bottom: 0; left: 0; border-bottom: 1.5px solid rgba(201,169,110,0.2); border-left: 1.5px solid rgba(201,169,110,0.2); }
  .bb-cat-bottom__frame-corner--br { bottom: 0; right: 0; border-bottom: 1.5px solid rgba(201,169,110,0.2); border-right: 1.5px solid rgba(201,169,110,0.2); }

  /* === 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(201,169,110,0.15);
    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(201,169,110,0.1);
  }
  .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: #FEFDFB;
    box-shadow: 0 4px 16px rgba(196,102,58,0.25);
    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(196,102,58,0.35);
  }
  .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.4; }
    100% { transform: scale(1.12) rotate(5deg); opacity: 0.6; }
  }
  @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: 50px; }
    .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: 55px; }
    .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: 90px; }
    .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__glows" aria-hidden="true">
    <div class="bb-cat-bottom__glow"></div>
    <div class="bb-cat-bottom__glow2"></div>
  </div>

  <div class="bb-cat-bottom__wave-top" aria-hidden="true">
    <svg viewBox="0 0 1440 120" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M0,120 L0,65 C180,30 360,90 540,55 C720,25 900,85 1080,60 C1260,35 1380,75 1440,65 L1440,120 Z" fill="#fdf6e3"></path>
      <path d="M0,120 L0,80 C240,48 480,102 720,72 C960,42 1200,98 1440,78 L1440,120 Z" fill="rgba(201,169,110,0.08)"></path>
      <path d="M0,120 L0,92 C200,65 400,110 650,82 C900,58 1100,105 1440,88 L1440,120 Z" fill="rgba(59,107,53,0.04)"></path>
    </svg>
  </div>

  <div class="bb-cat-bottom__frame" aria-hidden="true">
    <div class="bb-cat-bottom__frame-corner bb-cat-bottom__frame-corner--tl"></div>
    <div class="bb-cat-bottom__frame-corner bb-cat-bottom__frame-corner--tr"></div>
    <div class="bb-cat-bottom__frame-corner bb-cat-bottom__frame-corner--bl"></div>
    <div class="bb-cat-bottom__frame-corner bb-cat-bottom__frame-corner--br"></div>
  </div>

  
  <div class="bb-cat-bottom__deco bb-cat-bottom__deco--cloud">
    <img src="https://cdn.myikas.com/images/theme-images/605c13b9-b969-4c32-a8a1-29dd82ab2aba/image_1080.webp" alt="">
  </div>
  <div class="bb-cat-bottom__deco bb-cat-bottom__deco--star">
    <img src="https://cdn.myikas.com/images/theme-images/de7db0e3-5f2e-4d88-94d3-eac350778c6e/image_1080.webp" alt="">
  </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="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"></path><path d="M14 2v6h6"></path><path d="M9 15l2 2 4-4"></path>
          </svg>
          Lab Analizli &amp; Sertifikalı
        </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>

100 TL ve üzeri siparişinizlerinizde geçerlidir.

İlk Siparişinizde %15 indirim

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

Ürünler

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

Bostan Baba Doğal Ürünler

Ürünler

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

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