/* ==========================================================================
   Yener Group — Design tokens
   ========================================================================== */
:root{
  --bg:            #FBF9F4;
  --surface:       #F4EEE1;
  --surface-2:     #FFFFFF;
  --border:        #E7DFCB;
  --border-strong: #D8CCAC;
  --text:          #221D14;
  --text-dim:      #6E6752;
  --text-faint:    #A39A80;

  --gold:          #BE8F35;
  --gold-dark:     #9C7327;
  --gold-soft:     rgba(190,143,53,.12);
  --gold-soft-2:   rgba(190,143,53,.22);

  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 20px;

  --font-display: 'Cormorant Garamond', serif;
  --font-body: 'Poppins', sans-serif;

  --shadow-soft: 0 10px 34px rgba(34,29,20,.08);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--font-body); line-height:1.6; -webkit-font-smoothing:antialiased;
}
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
button{ font-family:inherit; cursor:pointer; }
ul{ margin:0; padding:0; }
:focus-visible{ outline:2px solid var(--gold); outline-offset:2px; }

/* RTL (Arabic) */
[dir="rtl"] .site-nav .konteyner{ flex-direction:row-reverse; }
[dir="rtl"] .hero-grid{ direction:rtl; }
[dir="rtl"] .eyebrow-bar{ border-inline-start:none; border-inline-end:2px solid var(--gold); padding-inline-start:0; padding-inline-end:16px; }
[dir="rtl"] .lang-switch{ flex-direction:row-reverse; }

.konteyner{ max-width:1240px; margin:0 auto; padding:0 24px; }
.eyebrow{ font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-dark); font-weight:600; }

h1,h2,h3,h4{ font-family:var(--font-display); margin:0; font-weight:600; }
p{ margin:0; }

.btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:14px 26px; font-size:13.5px; font-weight:600; letter-spacing:.03em;
  border:1px solid transparent; transition:all .18s ease; white-space:nowrap;
}
.btn-primary{ background:var(--gold); color:#fff; }
.btn-primary:hover{ background:var(--gold-dark); }
.btn-outline{ background:transparent; border-color:var(--text); color:var(--text); }
.btn-outline:hover{ border-color:var(--gold); color:var(--gold-dark); }
.btn-block{ width:100%; justify-content:center; }
.btn-sm{ padding:10px 18px; font-size:12.5px; }

/* ==========================================================================
   Nav
   ========================================================================== */
.site-nav{ background:var(--bg); border-bottom:1px solid var(--border); position:sticky; top:0; z-index:60; }
.site-nav .konteyner{ height:88px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.menu-toggle{ display:flex; align-items:center; gap:10px; background:none; border:none; font-size:13px; letter-spacing:.08em; font-weight:600; color:var(--text); }
.brand{ text-align:center; }
.brand .name{ font-family:var(--font-display); font-size:28px; letter-spacing:.14em; font-weight:600; }
.brand .sub{ display:block; font-size:10.5px; letter-spacing:.35em; color:var(--gold); margin-top:-2px; }
.lang-switch{ display:flex; align-items:center; gap:16px; font-size:13px; color:var(--text-dim); }
.lang-switch a{ display:flex; align-items:center; gap:6px; }
.lang-switch a.aktif{ color:var(--text); font-weight:600; }
.main-menu{
  position:fixed; inset:0; background:rgba(34,29,20,.55); z-index:100;
  display:none; align-items:stretch; justify-content:flex-start;
}
.main-menu.acik{ display:flex; }
.main-menu-panel{ width:340px; max-width:85%; background:var(--bg); padding:32px; overflow-y:auto; }
.main-menu-close{ background:none; border:none; font-size:22px; margin-bottom:26px; }
.main-menu-panel a{ display:block; padding:14px 0; border-bottom:1px solid var(--border); font-size:17px; font-family:var(--font-display); }

/* ==========================================================================
   Hero slider
   ========================================================================== */
.hero{ position:relative; overflow:hidden; background:var(--surface); }
.hero-slide{ display:none; }
.hero-slide.aktif{ display:block; }
.hero-grid{ display:grid; grid-template-columns:0.95fr 1.3fr; align-items:center; min-height:560px; }
.hero-copy{ padding:60px 40px 60px 56px; position:relative; }
.hero-copy::before{ content:''; position:absolute; left:0; top:40px; bottom:40px; width:2px; background:var(--gold); }
.hero-eyebrow{ font-size:12px; letter-spacing:.14em; color:var(--gold-dark); font-weight:600; line-height:1.5; margin-bottom:22px; }
.hero-copy h1{ font-size:46px; line-height:1.14; margin-bottom:20px; }
.hero-copy h1 em{ font-style:normal; color:var(--gold); }
.hero-copy p{ color:var(--text-dim); max-width:400px; margin-bottom:30px; font-size:15px; }
.hero-cta{ display:flex; align-items:center; gap:26px; flex-wrap:wrap; margin-bottom:26px; }
.hero-dots{ display:flex; align-items:center; gap:10px; font-size:13px; color:var(--text-faint); font-family:var(--font-display); }
.hero-dots .track{ width:60px; height:2px; background:var(--border-strong); position:relative; }
.hero-dots .track i{ position:absolute; inset:0; width:33%; background:var(--gold); }
.hero-img-wrap{ position:relative; height:100%; min-height:560px; }
.hero-img-wrap img{ width:100%; height:100%; object-fit:cover; }
.hero-side-cards{ position:absolute; right:26px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:12px; z-index:5; }
.hero-side-cards a{
  width:118px; background:#fff; padding:18px 14px; text-align:center; box-shadow:var(--shadow-soft);
  font-size:11.5px; font-weight:600; letter-spacing:.03em; color:var(--text);
}
.hero-side-cards .ico{ font-size:20px; color:var(--gold); margin-bottom:8px; display:block; }
.hero-arrow{
  position:absolute; top:50%; transform:translateY(-50%); z-index:6; width:38px; height:38px;
  border-radius:50%; background:#fff; box-shadow:var(--shadow-soft); display:grid; place-items:center; border:none; font-size:16px;
}
.hero-arrow.prev{ left:16px; } .hero-arrow.next{ right:16px; }

@media (max-width:900px){
  .hero-grid{ grid-template-columns:1fr; }
  .hero-copy{ padding:44px 24px; order:2; }
  .hero-copy::before{ display:none; }
  .hero-img-wrap{ min-height:320px; order:1; }
  .hero-side-cards{ display:none; }
}

/* ==========================================================================
   Category strip
   ========================================================================== */
.kategori-strip{ display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--border); }
.kategori-kart{
  background:var(--surface); border-inline-end:1px solid var(--border);
  padding:26px 22px; position:relative; overflow:hidden; min-height:150px; transition:background .2s ease;
}
.kategori-kart:hover{ background:var(--gold-soft); }
.kategori-kart h3{ font-size:17px; margin-bottom:36px; max-width:60%; }
.kategori-kart .gorsel{ position:absolute; right:14px; bottom:10px; width:96px; height:96px; object-fit:contain; }
.kategori-kart .kesfet{ position:absolute; left:22px; bottom:20px; font-size:11.5px; font-weight:600; letter-spacing:.04em; color:var(--gold-dark); display:flex; align-items:center; gap:6px; }
@media (max-width:900px){ .kategori-strip{ grid-template-columns:repeat(2,1fr); } .kategori-kart{ border-bottom:1px solid var(--border); } }
@media (max-width:520px){ .kategori-strip{ grid-template-columns:1fr; } }

/* ==========================================================================
   Stats band
   ========================================================================== */
.stats-band{ background:var(--surface-2); border-bottom:1px solid var(--border); padding:44px 0; }
.stats-grid{ display:grid; grid-template-columns:repeat(4,1fr) 1.3fr; gap:28px; align-items:center; }
.stat-item{ display:flex; align-items:center; gap:14px; }
.stat-item .ico{ font-size:26px; color:var(--gold); }
.stat-item b{ display:block; font-family:var(--font-display); font-size:28px; color:var(--gold-dark); }
.stat-item span{ font-size:12.5px; color:var(--text-dim); }
.export-box{ text-align:end; }
.export-box p.title{ font-weight:600; font-size:13px; letter-spacing:.02em; margin-bottom:6px; }
.export-box a{ font-size:12.5px; color:var(--gold-dark); font-weight:600; }
@media (max-width:1000px){ .stats-grid{ grid-template-columns:repeat(2,1fr); } .export-box{ grid-column:1/-1; text-align:start; } }

/* ==========================================================================
   Private label teaser / section
   ========================================================================== */
.pl-section{ padding:70px 0; }
.pl-grid{ display:grid; grid-template-columns:0.85fr 1.5fr 1fr; gap:36px; align-items:center; }
.pl-copy .eyebrow{ display:block; margin-bottom:12px; }
.pl-copy h2{ font-size:34px; line-height:1.18; }
.pl-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px 18px; }
.pl-step{ text-align:center; }
.pl-step .ico{ font-size:26px; margin-bottom:10px; }
.pl-step span{ font-size:12px; font-weight:600; display:block; }
.pl-visual{ position:relative; }
.pl-visual img{ border-radius:var(--radius); }
.pl-visual .play{
  position:absolute; bottom:-18px; right:-18px; width:56px; height:56px; border-radius:50%;
  background:#fff; box-shadow:var(--shadow-soft); display:grid; place-items:center; font-size:18px;
}
@media (max-width:960px){ .pl-grid{ grid-template-columns:1fr; } .pl-steps{ grid-template-columns:repeat(3,1fr); } }

/* ==========================================================================
   Generic section / page header
   ========================================================================== */
.page-header{ background:var(--surface); padding:56px 0 40px; border-bottom:1px solid var(--border); }
.page-header .eyebrow{ display:block; margin-bottom:10px; }
.page-header h1{ font-size:38px; }
.breadcrumb{ font-size:12.5px; color:var(--text-faint); margin-top:14px; }
.breadcrumb a{ color:var(--gold-dark); }

.section{ padding:70px 0; }
.section-head{ text-align:center; max-width:640px; margin:0 auto 46px; }
.section-head h2{ font-size:32px; margin-top:10px; }
.section-head p{ color:var(--text-dim); margin-top:12px; font-size:14.5px; }

/* ==========================================================================
   Products grid / detail
   ========================================================================== */
.filtre-bar{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:34px; }
.filtre-bar a{
  padding:9px 18px; border:1px solid var(--border-strong); font-size:13px; font-weight:500; border-radius:100px;
}
.filtre-bar a.aktif{ background:var(--text); color:#fff; border-color:var(--text); }
.urun-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.urun-kart{ background:var(--surface-2); border:1px solid var(--border); transition:box-shadow .2s ease, transform .2s ease; }
.urun-kart:hover{ box-shadow:var(--shadow-soft); transform:translateY(-3px); }
.urun-kart .gorsel{ aspect-ratio:1/1; background:var(--surface); display:grid; place-items:center; overflow:hidden; }
.urun-kart .gorsel img{ width:100%; height:100%; object-fit:cover; }
.urun-kart .gorsel .placeholder{ font-size:40px; opacity:.35; }
.urun-kart .bilgi{ padding:18px 20px 22px; }
.urun-kart .kategori-etiket{ font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--gold-dark); font-weight:600; }
.urun-kart h3{ font-size:17px; margin:6px 0 8px; }
.urun-kart p{ font-size:13px; color:var(--text-dim); margin-bottom:12px; }
@media (max-width:960px){ .urun-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .urun-grid{ grid-template-columns:1fr; } }

.urun-detay-grid{ display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:flex-start; }
.urun-detay-gorsel{ background:var(--surface); border-radius:var(--radius); aspect-ratio:1/1; display:grid; place-items:center; overflow:hidden; }
.urun-detay-gorsel img{ width:100%; height:100%; object-fit:cover; }
.urun-detay-info .kategori-etiket{ font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-dark); font-weight:600; }
.urun-detay-info h1{ font-size:34px; margin:12px 0 18px; }
.urun-detay-info .aciklama{ color:var(--text-dim); font-size:15px; line-height:1.75; }
@media (max-width:800px){ .urun-detay-grid{ grid-template-columns:1fr; } }

/* ==========================================================================
   About / Private label full page
   ========================================================================== */
.icerik-blok{ max-width:820px; }
.icerik-blok .aciklama{ font-size:15.5px; color:var(--text-dim); line-height:1.85; white-space:pre-line; }
.pl-full-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin-top:20px; }
.pl-full-step{ background:var(--surface-2); border:1px solid var(--border); padding:28px 24px; text-align:center; }
.pl-full-step .ico{ font-size:30px; margin-bottom:14px; }
.pl-full-step h3{ font-size:16px; margin-bottom:8px; }
.pl-full-step p{ font-size:13px; color:var(--text-dim); }
@media (max-width:800px){ .pl-full-steps{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .pl-full-steps{ grid-template-columns:1fr; } }

/* ==========================================================================
   Contact page
   ========================================================================== */
.iletisim-grid{ display:grid; grid-template-columns:1fr 1.2fr; gap:50px; }
.iletisim-bilgi .madde{ display:flex; gap:16px; margin-bottom:26px; }
.iletisim-bilgi .ico{ width:42px; height:42px; border-radius:50%; background:var(--gold-soft); color:var(--gold-dark); display:grid; place-items:center; font-size:17px; flex-shrink:0; }
.iletisim-bilgi h4{ font-size:14px; margin-bottom:4px; }
.iletisim-bilgi p{ font-size:14px; color:var(--text-dim); }
.form-group{ margin-bottom:18px; }
.form-group label{ display:block; font-size:13px; color:var(--text-dim); margin-bottom:7px; }
.form-group input,.form-group select,.form-group textarea{
  width:100%; background:var(--surface-2); border:1px solid var(--border-strong); border-radius:var(--radius-sm);
  padding:13px 16px; color:var(--text); font-size:14px; font-family:inherit;
}
.form-group textarea{ resize:vertical; min-height:120px; }
.form-group input:focus,.form-group textarea:focus{ border-color:var(--gold); }
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media (max-width:800px){ .iletisim-grid{ grid-template-columns:1fr; } .form-row{ grid-template-columns:1fr; } }

/* ==========================================================================
   Catalog page
   ========================================================================== */
.katalog-card{
  background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-lg);
  padding:50px; text-align:center; max-width:560px; margin:0 auto;
}
.katalog-card .ico{ font-size:44px; margin-bottom:18px; }
.katalog-card h2{ font-size:26px; margin-bottom:10px; }
.katalog-card p{ color:var(--text-dim); margin-bottom:28px; font-size:14.5px; }

/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer{ background:#221D14; color:#EDE7D8; padding:64px 0 26px; }
.footer-grid{ display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:36px; margin-bottom:44px; }
.footer-col h4{ font-size:12.5px; text-transform:uppercase; letter-spacing:.1em; color:var(--gold); margin-bottom:16px; }
.footer-col a{ display:block; font-size:14px; color:#C9C2AE; margin-bottom:11px; }
.footer-col a:hover{ color:#fff; }
.footer-desc{ font-size:13.5px; color:#B7AF98; max-width:280px; margin:14px 0 18px; }
.footer-brand .name{ font-family:var(--font-display); font-size:24px; letter-spacing:.12em; color:#fff; }
.footer-bottom{ border-top:1px solid rgba(255,255,255,.1); padding-top:22px; font-size:12.5px; color:#9C947C; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }

/* ==========================================================================
   Alerts
   ========================================================================== */
.uyari{ padding:13px 18px; border-radius:var(--radius-sm); font-size:13.5px; margin-bottom:18px; }
.uyari-basari{ background:var(--gold-soft); color:var(--gold-dark); border:1px solid var(--gold-soft-2); }
.uyari-hata{ background:#FBEAEA; color:#B23A3A; border:1px solid #F1CFCF; }