/* ============================================================
   LUXORA — Premium Minimal E-Ticaret Teması
============================================================ */

:root {
  --cream:       #f0ebe3;
  --cream-light: #f7f4ee;
  --beige:       #e8dfd2;
  --beige-soft:  #ddd0bd;
  --tan:         #c9a877;
  --tan-dark:    #b08d5b;
  --dark:        #1a1815;
  --dark-soft:   #2a2722;
  --text:        #2a2722;
  --text-muted:  #8a8578;
  --text-light:  #b5af9f;
  --white:       #ffffff;
  --border:      #e5ddd0;
  --star:        #c9a877;
  --font-head:   'Cormorant Garamond', Georgia, serif;
  --font-body:   'Jost', 'Inter', system-ui, sans-serif;
}

* , *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-body); color: var(--text); background: var(--white); line-height: 1.6; font-size: 15px; font-weight: 300; }
a { text-decoration: none; color: inherit; transition: color .25s; }
img { max-width: 100%; display: block; }
ul { list-style: none; }
h1,h2,h3,h4 { font-family: var(--font-head); font-weight: 500; letter-spacing: .01em; }

.container { max-width: 1440px; margin: 0 auto; padding: 0 24px; }
.main-content { min-height: 60vh; }

/* ============================================================
   BUTTONS
============================================================ */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 15px 36px; font-size: 12px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase;
  cursor: pointer; border: none; transition: all .3s; font-family: var(--font-body); }
.btn-primary { background: var(--dark); color: var(--white); }
.btn-primary:hover { background: var(--tan-dark); }
.btn-secondary { background: transparent; color: var(--dark); border: 1px solid var(--dark); }
.btn-secondary:hover { background: var(--dark); color: var(--white); }
.btn-light { background: var(--white); color: var(--dark); }
.btn-light:hover { background: var(--tan); color: var(--white); }
.btn-block { width: 100%; }
.btn-sm { padding: 10px 22px; font-size: 11px; }

/* ============================================================
   TOPBAR
============================================================ */
.topbar { background: var(--cream); border-bottom: 1px solid var(--border); font-size: 12px; letter-spacing: .05em; }
.topbar-inner { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; }
.topbar-center { flex: 1; text-align: center; color: var(--text-muted); letter-spacing: .12em; text-transform: uppercase; font-size: 11px; }
.topbar-links { display: flex; gap: 22px; }
.topbar-links a { color: var(--dark); font-size: 12px; font-weight: 500; }
.topbar-links a:hover { color: var(--tan-dark); }

/* ============================================================
   HEADER
============================================================ */
.site-header { background: var(--white); position: sticky; top: 0; z-index: 200; border-bottom: 1px solid var(--border); will-change: auto; transform: none !important; transition: none !important; box-shadow: 0 1px 0 rgba(0,0,0,.04); }
.header-inner { display: grid; grid-template-columns: auto 1fr auto; align-items: center; padding: 18px 0; gap: 24px; }
.site-logo { font-family: var(--font-head); font-size: 30px; font-weight: 600; letter-spacing: .1em; color: var(--dark); display: flex; align-items: center; line-height: 1; justify-self: start; }
.site-logo small { display: block; font-family: var(--font-body); font-size: 9px; letter-spacing: .42em; color: var(--text-muted); text-align: left; margin-top: 2px; font-weight: 400; }
.main-nav { display: flex; gap: 4px; justify-content: center; flex-wrap: nowrap; }
.main-nav a { font-size: 11.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--dark); position: relative; display: flex; align-items: center; gap: 5px; padding: 8px 13px; border-radius: 50px; border: 1px solid transparent; white-space: nowrap; transition: background .25s, border-color .25s, color .25s; }
.main-nav a::after { display: none; }
.main-nav a:hover { background: var(--cream-light); border-color: var(--border); }
.main-nav a.active { background: var(--cream); border-color: var(--tan); color: var(--tan-dark); }
.header-actions { display: flex; gap: 22px; align-items: center; justify-content: flex-end; }
.hdr-act { display: flex; flex-direction: column; align-items: center; gap: 4px; color: var(--dark); transition: .2s; }
.hdr-act:hover { color: var(--tan-dark); transform: translateY(-2px); }
.hdr-act-ic { position: relative; display: flex; align-items: center; justify-content: center; }
.hdr-act svg { width: 24px; height: 24px; stroke-width: 1.6; }
.hdr-act-lbl { font-size: 12px; font-weight: 500; letter-spacing: .01em; }
.hdr-act.filled svg { color: var(--dark); }
.hdr-act.filled:hover svg { color: var(--tan-dark); }
.hdr-badge { position: absolute; top: -8px; right: -10px; background: var(--tan-dark); color: #fff; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 50px; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; line-height: 1; }
.cart-badge { position: absolute; top: -7px; right: -9px; background: var(--dark); color: var(--white); border-radius: 50%; width: 17px; height: 17px; font-size: 10px; display: flex; align-items: center; justify-content: center; font-weight: 500; }

/* ============================================================
   HERO SLIDER
============================================================ */
.hero { position: relative; padding: 0; background: transparent; margin: 16px 0 0; }
.hero-slider { position: relative; border-radius: 20px; overflow: hidden; isolation: isolate; }
.hero-slide { display: none; align-items: center; min-height: 440px; background-size: cover; background-position: center; position: relative; animation: heroFade .6s ease; }
.hero-slide.active { display: flex; }
@keyframes heroFade { from { opacity: 0; } to { opacity: 1; } }
.hero-text { position: relative; z-index: 2; max-width: 560px; padding: 48px 60px; }
.hero-eyebrow { font-size: 12px; letter-spacing: .25em; text-transform: uppercase; color: var(--tan-dark); margin-bottom: 22px; font-weight: 500; }
.hero-text h1 { font-size: 52px; line-height: 1.08; color: var(--dark); margin-bottom: 22px; font-weight: 600; }
.hero-text--center { margin: 0 auto; text-align: center; }
.hero-text--right { margin-left: auto; text-align: right; }
.hero-text p { font-size: 16px; color: var(--text-muted); max-width: 400px; margin-bottom: 38px; font-weight: 300; }
.hero-slide::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(244,237,226,.85) 0%, rgba(244,237,226,.5) 45%, transparent 75%); z-index:1; }

.hero-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 54px; height: 54px; border-radius: 50%; background: #fff; color: var(--dark); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 5; box-shadow: 0 6px 22px -4px rgba(0,0,0,.28); transition: .25s; border: none; }
.hero-arrow:hover { background: var(--dark); color: #fff; transform: translateY(-50%) scale(1.06); box-shadow: 0 8px 26px -4px rgba(0,0,0,.4); }
.hero-arrow svg { width: 24px; height: 24px; stroke-width: 2.2; }
.hero-arrow.prev { left: 24px; }
.hero-arrow.next { right: 24px; }
@media(max-width:768px){ .hero-arrow { width: 46px; height: 46px; } .hero-arrow.prev { left: 8px; } .hero-arrow.next { right: 8px; } .hero-arrow svg { width: 20px; height: 20px; } }
.hero-dots { position: absolute; bottom: 30px; left: 60px; display: flex; gap: 8px; z-index: 5; }
.hero-dot { width: 32px; height: 4px; border-radius: 2px; background: rgba(26,24,21,.25); cursor: pointer; transition: .25s; }
.hero-dot.active { background: var(--tan-dark); }

/* ============================================================
   CATEGORY CIRCLES
============================================================ */
.cat-circles { padding: 70px 0; }
.cat-circle-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 20px; }
.cat-circle { text-align: center; }
.cat-circle-img { width: 116px; height: 116px; border-radius: 50%; background: var(--cream); margin: 0 auto 16px; display: flex; align-items: center; justify-content: center; overflow: hidden; transition: .3s; border: 1px solid transparent; }
.cat-circle:hover .cat-circle-img { background: var(--beige); border-color: var(--tan); transform: translateY(-4px); }
.cat-circle-img img { width: 64px; height: 64px; object-fit: contain; }
.cat-circle span { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--dark); font-weight: 500; }

/* ============================================================
   SECTION HEADER
============================================================ */
.section { padding: 22px 0 28px; }
.section-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.section-head h2 { font-size: 34px; color: var(--dark); letter-spacing: .04em; text-transform: uppercase; font-weight: 500; }
.section-head .view-all { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--text-muted); display: flex; align-items: center; gap: 8px; font-weight: 500; }
.section-head .view-all:hover { color: var(--tan-dark); }

/* ============================================================
   PRODUCT GRID & CARD
============================================================ */
.product-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 28px; }
.product-card { background: var(--white); position: relative; transition: .3s; }
.product-img { position: relative; aspect-ratio: 1; background: var(--cream-light); overflow: hidden; margin-bottom: 18px; }
.product-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.product-card:hover .product-img img { transform: scale(1.04); }
.no-img { display: flex; align-items: center; justify-content: center; height: 100%; color: var(--text-light); font-size: 13px; letter-spacing: .1em; }
/* (Eski tekli favori düzeni kaldırıldı — card-actions kullanılıyor) */
.product-tags .badge-discount { position: static; background: #c0392b; color: #fff; padding: 4px 10px; font-size: 11px; font-weight: 700; letter-spacing: .02em; border-radius: 50px; box-shadow: 0 2px 6px -2px rgba(192,57,43,.5); display: inline-block; }
.product-add { position: absolute; bottom: 0; left: 0; right: 0; background: var(--dark); color: var(--white); text-align: center; padding: 14px; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; transform: translateY(100%); transition: .3s; cursor: pointer; border: none; width: 100%; font-family: var(--font-body); font-weight: 500; }
.product-img:hover .product-add { transform: translateY(0); }
.product-add:hover { background: var(--tan-dark); }
.product-name { font-family: var(--font-body); font-size: 14px; font-weight: 400; color: var(--text); margin-bottom: 8px; letter-spacing: .02em; }
.product-price { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.price { font-size: 16px; font-weight: 500; color: var(--dark); letter-spacing: .03em; }
.old-price { font-size: 13px; color: var(--text-light); text-decoration: line-through; }
.product-rating { display: flex; align-items: center; gap: 6px; }
.stars { color: var(--star); font-size: 13px; letter-spacing: 1px; }
.rating-count { font-size: 12px; color: var(--text-muted); }

/* ============================================================
   PROMO BANNER (Sezon İndirimi)
============================================================ */
.promo-banner { background: var(--cream); position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; align-items: center; min-height: 230px; margin-bottom: 70px; }
.promo-text { padding: 50px 0 50px 56px; z-index: 2; }
.promo-eyebrow { font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--tan-dark); margin-bottom: 14px; font-weight: 500; }
.promo-text h2 { font-size: 42px; color: var(--dark); margin-bottom: 14px; letter-spacing: .06em; }
.promo-text p { color: var(--text-muted); margin-bottom: 26px; font-weight: 300; }
.promo-visual { position: relative; height: 100%; min-height: 230px; }
.promo-visual img { width: 100%; height: 100%; object-fit: cover; }
.promo-circle { position: absolute; top: 50%; right: 80px; transform: translateY(-50%); width: 150px; height: 150px; border-radius: 50%; background: var(--dark); color: var(--white); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 3; }
.promo-circle .pct { font-family: var(--font-head); font-size: 46px; font-weight: 600; line-height: 1; }
.promo-circle .lbl { font-size: 10px; letter-spacing: .14em; margin-top: 4px; }

/* ============================================================
   FEATURES BAR
============================================================ */
.features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-bottom: 70px; }
.feature { display: flex; align-items: center; gap: 18px; padding: 28px 24px; background: var(--cream-light); }
.feature-icon { width: 44px; height: 44px; flex-shrink: 0; color: var(--tan-dark); display: flex; align-items: center; justify-content: center; }
.feature-icon svg { width: 32px; height: 32px; stroke-width: 1.2; }
.feature-title { font-size: 14px; font-weight: 500; color: var(--dark); letter-spacing: .03em; margin-bottom: 3px; }
.feature-desc { font-size: 12px; color: var(--text-muted); }

/* ============================================================
   FOOTER
============================================================ */
.site-footer { background: var(--dark); color: var(--beige-soft); padding: 70px 0 0; }
.footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.4fr; gap: 48px; padding-bottom: 50px; }
.footer-logo { font-family: var(--font-head); font-size: 28px; font-weight: 600; letter-spacing: .12em; color: var(--white); margin-bottom: 18px; }
.footer-about p { font-size: 14px; line-height: 1.8; color: var(--text-light); margin-bottom: 24px; font-weight: 300; }
.footer-social { display: flex; gap: 14px; }
.footer-social a { width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--beige-soft); transition: .25s; }
.footer-social a:hover { background: var(--tan-dark); border-color: var(--tan-dark); color: var(--white); }
.footer-social svg { width: 16px; height: 16px; }
.footer-col h4 { font-family: var(--font-body); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--white); margin-bottom: 22px; font-weight: 500; }
.footer-col ul li { margin-bottom: 13px; }
.footer-col ul a { font-size: 14px; color: var(--text-light); font-weight: 300; }
.footer-col ul a:hover { color: var(--tan); }
.footer-newsletter p { font-size: 14px; color: var(--text-light); line-height: 1.7; margin-bottom: 18px; font-weight: 300; }
.newsletter-form { display: flex; border: 1px solid rgba(255,255,255,.2); }
.newsletter-form input { flex: 1; background: transparent; border: none; padding: 13px 16px; color: var(--white); font-size: 13px; outline: none; font-family: var(--font-body); }
.newsletter-form input::placeholder { color: var(--text-light); }
.newsletter-form button { background: transparent; border: none; padding: 0 16px; color: var(--white); cursor: pointer; }
.newsletter-form button:hover { color: var(--tan); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.1); padding: 26px 0; display: flex; align-items: center; justify-content: space-between; }
.footer-bottom p { font-size: 13px; color: var(--text-light); font-weight: 300; }
.footer-pay { display: flex; align-items: center; gap: 14px; color: var(--text-light); font-size: 13px; }
.footer-pay span { font-weight: 500; letter-spacing: .05em; }

/* ============================================================
   ALERTS
============================================================ */
.alert { padding: 14px 20px; margin: 16px 0; font-size: 13px; letter-spacing: .03em; }
.alert-success { background: #eef3ea; color: #4a6638; border-left: 3px solid #7a9456; }
.alert-error { background: #f8ecea; color: #8a4034; border-left: 3px solid #c06a58; }
.alert-info { background: var(--cream); color: var(--tan-dark); border-left: 3px solid var(--tan); }

.page-title { font-size: 38px; color: var(--dark); margin: 48px 0 32px; text-align: center; letter-spacing: .04em; }
.breadcrumb { padding: 24px 0; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); }
.breadcrumb a:hover { color: var(--tan-dark); }
.empty-state { text-align: center; padding: 80px 20px; color: var(--text-muted); }
.empty-state p { font-size: 17px; margin-bottom: 26px; font-family: var(--font-head); }

/* Pagination */
.pagination { display: flex; gap: 6px; justify-content: center; margin-top: 48px; }
.pagination a { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--border); font-size: 13px; }
.pagination a:hover { border-color: var(--dark); }
.pagination .active { background: var(--dark); color: var(--white); border-color: var(--dark); }

/* Forms */
.form-group { margin-bottom: 18px; }
.form-group label { display: block; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 8px; }
.form-input { width: 100%; padding: 14px 18px; border: 1.5px solid var(--border); border-radius: 12px; font-size: 14.5px; font-family: var(--font-body); background: var(--cream-light); transition: .22s; }
.form-input:focus { outline: none; border-color: var(--tan); background: #fff; box-shadow: 0 0 0 4px rgba(201,168,119,.12); }

/* Auth box */
.auth-box { max-width: 440px; margin: 60px auto; padding: 48px; border: 1px solid var(--border); }
.auth-box h1 { font-size: 32px; text-align: center; margin-bottom: 32px; }

/* ============================================================
   RESPONSIVE
============================================================ */
@media (max-width: 1024px) {
  .product-grid { grid-template-columns: repeat(3, 1fr); }
  .cat-circle-grid { grid-template-columns: repeat(4, 1fr); row-gap: 32px; }
  .features { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 768px) {
  .container { padding: 0 20px; }
  .header-inner { grid-template-columns: auto 1fr auto; gap: 10px; padding: 12px 0; align-items: center; }
  .main-nav { display: none; }
  .site-logo { font-size: 19px; letter-spacing: .06em; line-height: 1.05; justify-content: center; }
  .site-logo .logo-img { max-height: 38px; width: auto; }
  .site-logo small { font-size: 8px; letter-spacing: .3em; }
  .header-actions { gap: 14px; flex-wrap: nowrap; }
  .hdr-act svg { width: 22px; height: 22px; }
  .hdr-act.hide-mobile { display: none; }   /* Hesabım & Favoriler alt navbar'da var */
  .hdr-act-lbl { display: block; font-size: 10.5px; }  /* Mobilde de etiket görünsün (Ara/Karşılaştır/Sepetim) */
  .hero-slide { min-height: 340px; }
  .hero-text { padding: 36px 24px; max-width: 100%; }
  .hero-text h1 { font-size: 32px; }
  .hero-slide::before { background: linear-gradient(90deg, rgba(244,237,226,.92) 0%, rgba(244,237,226,.7) 60%, rgba(244,237,226,.4) 100%); }
  .product-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .cat-circle-grid { grid-template-columns: repeat(3, 1fr); }
  .promo-banner { grid-template-columns: 1fr; }
  .promo-visual { display: none; }
  .features { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; gap: 16px; }
}

/* ============================================================
   FAZ 1 — Ek Stiller
============================================================ */
.product-tags { position:absolute; top:12px; left:12px; display:flex; flex-direction:column; gap:6px; z-index:3; align-items:flex-start; }
.ptag { padding:4px 10px; font-size:10.5px; font-weight:600; letter-spacing:.03em; color:#fff; border-radius:50px; box-shadow:0 2px 6px -2px rgba(0,0,0,.3); backdrop-filter:saturate(1.2); }
.tag-new { background:#3b7a57; }
.tag-deal { background:#c0392b; }
.tag-ship { background:#2c6e8f; }
.fav-form { position:absolute; top:14px; right:14px; z-index:3; margin:0; }

/* Detay galeri */
.detail-gallery { display:flex; flex-direction:column; gap:14px; max-width:460px; }
.detail-main-img { background: var(--cream-light); border-radius:12px; overflow:hidden; aspect-ratio: 1/1; display:flex; align-items:center; justify-content:center; }
.detail-main-img img { width:100%; height:100%; object-fit:contain; border-radius:12px; }
.detail-thumbs { display:flex; gap:10px; flex-wrap:wrap; }
.detail-thumbs img { width:72px; height:72px; object-fit:cover; border-radius:8px; cursor:pointer; border:2px solid transparent; }
.detail-thumbs img:hover, .detail-thumbs img.active { border-color:var(--tan); }
.detail-rating { margin-bottom:14px; }
.bank-price { background:var(--cream); padding:8px 14px; display:inline-block; margin-bottom:12px; font-size:14px; border-radius:4px; }
.free-ship-tag { color:#3b7a57; font-weight:500; font-size:13px; margin-bottom:12px; }

/* Günün fırsatı sayaç */
.deal-countdown { background:#1a1815; color:#fff; padding:14px 18px; border-radius:8px; margin-bottom:18px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.deal-label { font-size:13px; letter-spacing:.05em; }
.countdown { font-family:var(--font-head); font-size:24px; font-weight:600; color:var(--tan); }

/* Varyant seçim */
.variant-select { margin:18px 0; }
.variant-row { display:flex; align-items:center; gap:14px; margin-bottom:12px; }
.variant-row label { font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); min-width:60px; }
.variant-options { display:flex; gap:8px; flex-wrap:wrap; }
.variant-opt { padding:8px 16px; border:1px solid var(--border); cursor:pointer; font-size:13px; min-width:36px; min-height:36px; display:inline-flex; align-items:center; justify-content:center; border-radius:4px; transition:.2s; }
.variant-opt { background:#fff; color:var(--dark); }
.variant-opt:hover { border-color:var(--dark); }
.variant-opt.selected { border-color:var(--dark); background:var(--dark); color:#fff; }
/* Renk butonu seçili: dış halka (arka plan renk olduğu için) */
.variant-opt.is-color { border-radius:50%; width:36px; height:36px; padding:0; border:2px solid var(--border); }
.variant-opt.is-color.selected { background:inherit; box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--dark); border-color:#fff; }
.variant-opt.is-color:hover { transform:scale(1.08); }

.detail-actions { display:flex; gap:12px; margin:18px 0; }
.btn-action { background:none; border:1px solid var(--border); padding:10px 18px; font-size:12px; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; transition:.2s; font-family:var(--font-body); }
.btn-action:hover { border-color:var(--dark); color:var(--tan-dark); }

/* Yorumlar */
.reviews-section { padding:40px 0; border-top:1px solid var(--border); margin-top:40px; }
.reviews-section h2 { font-size:26px; margin-bottom:24px; }
.review-item { padding:18px 0; border-bottom:1px solid var(--border); }
.review-head { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.review-head .stars { color:var(--star); }
.review-date { color:var(--text-light); font-size:12px; margin-left:auto; }
.review-reply { background:var(--cream); padding:12px 16px; margin-top:10px; border-radius:6px; font-size:14px; }
.review-form-box { margin-top:32px; max-width:560px; }
.review-form-box h3 { font-size:20px; margin-bottom:16px; }

/* Karşılaştırma tablosu */
.compare-table { width:100%; border-collapse:collapse; }
.compare-table th, .compare-table td { padding:16px; border:1px solid var(--border); text-align:center; font-size:14px; }
.compare-table th { background:var(--cream-light); }

@media (max-width:768px){
  .detail-thumbs img { width:56px; height:56px; }
  .variant-row { flex-direction:column; align-items:flex-start; }
}

/* ============================================================
   HEADER LOGO + NAV DROPDOWN + SAYFALAR + SİPARİŞ TAKİBİ
============================================================ */
.logo-img { max-height: 62px; width: auto; display: block; }
.nav-dropdown { position: relative; }
.nav-dropdown > a { cursor: pointer; }
.nav-dropdown-menu { position: absolute; top: 100%; left: 0; background: #fff; min-width: 200px; box-shadow: 0 10px 30px rgba(0,0,0,.1); border: 1px solid var(--border); border-radius: 8px; padding: 8px 0; opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s; z-index: 100; }
.nav-dropdown.open .nav-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.nav-dropdown-toggle { cursor: pointer; }
.nav-dropdown-menu a { display: block; padding: 9px 18px; font-size: 13px; color: var(--text); letter-spacing: 0; text-transform: none; }
.nav-dropdown-menu a:hover { background: var(--cream); color: var(--tan-dark); }

/* İçerik sayfaları */
.page-content { background: #fff; border: 1px solid var(--border); border-radius: 20px; padding: 44px 48px; box-shadow: 0 8px 40px -28px rgba(26,24,21,.2); }
.page-body { font-size: 16px; line-height: 1.85; color: var(--text); }
.page-body > br { display: block; content: ''; margin-top: 8px; }
.page-body h2 { font-size: 24px; margin: 28px 0 14px; }
.page-body h3 { font-size: 19px; margin: 22px 0 10px; }
.page-body p { margin-bottom: 16px; }
.page-body ul, .page-body ol { margin: 0 0 16px 22px; }
.page-body li { margin-bottom: 8px; }
.page-body a { color: var(--tan-dark); text-decoration: underline; }
.page-body table { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
.page-body table td, .page-body table th { border: 1px solid var(--border); padding: 10px; }

/* Sipariş takibi */
.track-box { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 30px; margin-bottom: 24px; }
.track-result { background: var(--cream-light); border: 1px solid var(--border); border-radius: 12px; padding: 24px; margin-top: 20px; }
.track-result h3 { font-size: 20px; margin-bottom: 16px; }
.track-table { width: 100%; border-collapse: collapse; }
.track-table td { padding: 10px 0; border-bottom: 1px solid var(--border); font-size: 14px; }
.track-table td:first-child { color: var(--text-muted); }
.track-table td:last-child { text-align: right; }
.alert { padding: 12px 16px; border-radius: 8px; margin-bottom: 18px; font-size: 14px; }
.alert-error { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; }
.alert-success { background: #d1fae5; color: #065f46; border: 1px solid #6ee7b7; }

/* Blog */
.blog-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; padding: 20px 0 60px; }
.blog-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
.blog-card img { width: 100%; height: 180px; object-fit: cover; }
.blog-card h3 { font-size: 18px; padding: 16px 16px 8px; }
.blog-card p { padding: 0 16px; color: var(--text-muted); font-size: 14px; }
.blog-card a { display: inline-block; padding: 12px 16px; color: var(--tan-dark); font-size: 14px; }


@media(max-width:768px){ .blog-grid { grid-template-columns: 1fr; } }

/* ============================================================
   MODERNİZASYON KATMANI (v2) — cila & rafine dokunuşlar
============================================================ */
body { font-size: 15.5px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* Ürün kartları — yumuşak yükselme */
.product-card { background: var(--white); border-radius: 4px; transition: transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s; padding-bottom: 6px; }
.product-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px -18px rgba(26,24,21,.22); }
.product-card .product-img { border-radius: 4px; overflow: hidden; background: var(--cream-light); position: relative; }
.product-card .product-img img { transition: transform .7s cubic-bezier(.2,.7,.3,1); }
.product-card:hover .product-img img { transform: scale(1.06); }
.product-name { font-family: var(--font-body); font-size: 14px; font-weight: 400; letter-spacing: .02em; color: var(--dark); margin: 16px 4px 6px; line-height: 1.4; }
.product-price { display: flex; align-items: baseline; gap: 10px; margin: 0 4px; }
.product-price .price { font-size: 16px; font-weight: 500; color: var(--dark); }
.product-price .old-price { font-size: 13px; color: var(--text-light); text-decoration: line-through; }
.product-rating { display: flex; align-items: center; gap: 6px; margin: 8px 4px 0; }
.product-rating .stars { color: var(--star); font-size: 13px; letter-spacing: 1px; }
.product-rating .rating-count { font-size: 12px; color: var(--text-light); }

/* Favori kalp butonu — kart üstü */
/* (Eski tekli favori düzeni kaldırıldı — card-actions kullanılıyor) */

/* Sepete ekle — kartta hover'da kayar */
.product-add { position: absolute; left: 12px; right: 12px; bottom: 12px; background: var(--dark); color: #fff; border: none; padding: 12px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; cursor: pointer; opacity: 0; transform: translateY(8px); transition: .3s; border-radius: 2px; }
.product-card:hover .product-add { opacity: 1; transform: translateY(0); }
.product-add:hover { background: var(--tan-dark); }
.product-add:disabled { background: var(--beige-soft); color: var(--text-muted); cursor: not-allowed; }

/* Kategori daireleri — hover */
.cat-circle { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.cat-circle-img { width: 116px; height: 116px; border-radius: 50%; background: var(--cream-light); display: flex; align-items: center; justify-content: center; overflow: hidden; transition: transform .4s cubic-bezier(.2,.7,.3,1), box-shadow .4s; }
.cat-circle:hover .cat-circle-img { transform: translateY(-4px); box-shadow: 0 14px 30px -14px rgba(176,141,91,.5); }
.cat-circle-img img { width: 100%; height: 100%; object-fit: cover; }
.cat-circle span { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--dark); font-weight: 500; }

/* Bölüm başlıkları — ince çizgi vurgusu */
.section { padding: 28px 0; }
.section-head h2 { position: relative; }
.section-head h2::after { content:''; position:absolute; left:0; bottom:-12px; width:48px; height:2px; background:var(--tan); }

/* Promo banner derinlik */
.promo-banner { border-radius: 6px; overflow: hidden; box-shadow: 0 30px 60px -30px rgba(26,24,21,.25); }

/* Özellik barı kartları */
.features { padding-top: 10px; }
.feature { display: flex; align-items: center; gap: 16px; padding: 26px; background: var(--cream-light); border-radius: 6px; transition: .3s; }
.feature:hover { background: var(--cream); transform: translateY(-3px); }
.feature-icon svg { width: 30px; height: 30px; color: var(--tan-dark); }
.feature-title { font-family: var(--font-body); font-size: 14px; font-weight: 500; color: var(--dark); letter-spacing: .03em; }
.feature-desc { font-size: 12.5px; color: var(--text-muted); margin-top: 3px; }

/* Genel buton köşe yumuşatma */
.btn { border-radius: 2px; }

/* Breadcrumb rafine */
.breadcrumb { font-size: 12px; letter-spacing: .06em; color: var(--text-muted); padding: 26px 0; text-transform: uppercase; }
.breadcrumb a:hover { color: var(--tan-dark); }
.page-title { font-size: 40px; font-weight: 500; color: var(--dark); margin: 8px 0 28px; letter-spacing: .02em; }

/* ============================================================
   ÜRÜN LİSTE SAYFASI (filtre + grid)
============================================================ */
.list-layout { display: grid; grid-template-columns: 260px 1fr; gap: 48px; padding: 10px 0 80px; align-items: start; }
.filters { position: sticky; top: 110px; background: var(--cream-light); border-radius: 10px; padding: 26px 24px; }
.filters .filter-group { margin-bottom: 22px; }
.filters .filter-group h4 { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--dark); margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid var(--border); }
.filters input[type=number] { width: 100%; padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 14px; margin-bottom: 8px; background: #fff; font-family: var(--font-body); }
.filters input:focus { outline: none; border-color: var(--tan); }
.filters .btn { width: 100%; margin-top: 4px; }
.list-main { min-width: 0; }
.list-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 28px; padding-bottom: 18px; border-bottom: 1px solid var(--border); flex-wrap: wrap; gap: 14px; }
.list-header h1 { font-size: 30px; font-weight: 500; color: var(--dark); }
.list-header h1 small { font-size: 14px; color: var(--text-light); font-family: var(--font-body); font-weight: 300; margin-left: 6px; }
.list-header select { padding: 10px 16px; border: 1px solid var(--border); border-radius: 8px; font-size: 13px; background: #fff; font-family: var(--font-body); cursor: pointer; color: var(--dark); }
.list-header select:focus { outline: none; border-color: var(--tan); }
.sub-cats { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; }
.sub-cat-chip { padding: 8px 18px; background: var(--cream-light); border: 1px solid var(--border); border-radius: 50px; font-size: 13px; color: var(--dark); transition: .2s; }
.sub-cat-chip:hover { background: var(--dark); color: #fff; border-color: var(--dark); }
.list-main .product-grid { grid-template-columns: repeat(3, 1fr); gap: 28px; }
@media(max-width:1024px){ .list-main .product-grid { grid-template-columns: repeat(2, 1fr); } }
@media(max-width:768px){
  .list-layout { grid-template-columns: 1fr; gap: 20px; }
  .filters { position: static; }
  .list-main .product-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}

/* ============================================================
   3'LÜ PROMO BANNER (anasayfa)
============================================================ */
.promo-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; padding: 8px 0 28px; }
.promo-card { border-radius: 16px; padding: 36px 32px; min-height: 200px; display: flex; align-items: center; position: relative; overflow: hidden; transition: transform .3s; }
.promo-card:hover { transform: translateY(-4px); }
.promo-card--mint { background: linear-gradient(135deg,#d8efe4,#c4e8d6); }
.promo-card--pink { background: linear-gradient(135deg,#fbdce5,#f8cdd9); }
.promo-card--blue { background: linear-gradient(135deg,#d6e4fb,#c5d8f7); }
.promo-card-text { position: relative; z-index: 2; max-width: 75%; }
.promo-card-text h3 { font-family: var(--font-body); font-size: 24px; font-weight: 800; color: #000; margin-bottom: 10px; line-height: 1.2; }
.promo-card-text p { font-size: 14.5px; color: #1a1815; margin-bottom: 22px; line-height: 1.5; font-weight: 500; }
.promo-card-btn { display: inline-block; background: #1a1815; color: #fff; padding: 12px 26px; border-radius: 50px; font-size: 13px; font-weight: 500; letter-spacing: .03em; transition: .25s; }
.promo-card-btn:hover { background: #c9a877; color: #fff; }
/* Dekoratif daire (görseldeki ürün görseli yerine) */
.promo-card::after { content: ''; position: absolute; right: -40px; bottom: -40px; width: 150px; height: 150px; border-radius: 50%; background: rgba(255,255,255,.35); }
.promo-card--mint::after { background: rgba(255,255,255,.4); }

@media(max-width:900px){ .promo-cards { grid-template-columns: 1fr 1fr; } }
@media(max-width:600px){ .promo-cards { grid-template-columns: 1fr; gap: 16px; } .promo-card { min-height: 150px; padding: 28px 26px; } }

/* İletişim sayfası */
.contact-layout { display: grid; grid-template-columns: 320px 1fr; gap: 48px; padding-bottom: 70px; align-items: start; }
.contact-info { background: var(--cream-light); border-radius: 12px; padding: 30px; }
.contact-info h3 { font-size: 22px; margin-bottom: 18px; }
.contact-info p { margin-bottom: 16px; font-size: 14px; line-height: 1.7; }
.contact-form-box { background: #fff; }
.form-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-input { width: 100%; padding: 14px 18px; border: 1.5px solid var(--border); border-radius: 12px; font-size: 14.5px; font-family: var(--font-body); background: var(--cream-light); transition: .22s; }
.form-input:focus { outline: none; border-color: var(--tan); background: #fff; box-shadow: 0 0 0 4px rgba(201,168,119,.12); }
.form-group label { display: block; font-size: 13px; margin-bottom: 6px; color: var(--text); font-weight: 500; }

/* Blog tekil */
.blog-single { max-width: 760px; margin: 0 auto; padding-bottom: 40px; }
.blog-single-img { width: 100%; max-height: 380px; object-fit: cover; border-radius: 14px; margin-bottom: 24px; display: block; }
.blog-single h1 { font-size: 36px; margin-bottom: 12px; }
.blog-meta { color: var(--text-light); font-size: 13px; margin-bottom: 28px; }
.blog-content { font-size: 16px; line-height: 1.8; color: var(--text); }
.blog-content p { margin-bottom: 16px; }
.blog-comments { max-width: 760px; margin: 40px auto 0; padding-top: 30px; border-top: 1px solid var(--border); }
.blog-comments h3 { font-size: 22px; margin-bottom: 20px; }
.blog-comment { padding: 16px 0; border-bottom: 1px solid var(--border); }
.blog-comment strong { font-size: 14px; }
.blog-comment .cmt-date { color: var(--text-light); font-size: 12px; margin-left: 10px; }
.blog-comment p { margin-top: 6px; font-size: 14px; color: var(--text-muted); }
.comment-form { margin-top: 28px; }
.comment-form h4 { font-size: 18px; margin-bottom: 14px; }

@media(max-width:768px){ .contact-layout { grid-template-columns: 1fr; gap: 24px; } .form-row-2 { grid-template-columns: 1fr; } }

/* ============================================================
   BLOG KARTLARI (anasayfa)
============================================================ */
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.blog-card { background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 20px -14px rgba(26,24,21,.14); transition: transform .3s, box-shadow .3s; display: flex; flex-direction: column; }
.blog-card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px -20px rgba(26,24,21,.25); }
.blog-card-img { aspect-ratio: 16/10; overflow: hidden; background: var(--cream-light); }
.blog-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.blog-card:hover .blog-card-img img { transform: scale(1.06); }
.blog-card-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.blog-card-body { padding: 22px; flex: 1; display: flex; flex-direction: column; }
.blog-card-date { font-size: 12px; color: var(--text-light); letter-spacing: .04em; text-transform: uppercase; margin-bottom: 10px; }
.blog-card-body h3 { font-size: 19px; font-weight: 500; color: var(--dark); margin-bottom: 10px; line-height: 1.3; }
.blog-card-body p { font-size: 14px; color: var(--text-muted); line-height: 1.6; margin-bottom: 16px; flex: 1; }
.blog-card-link { font-size: 13px; color: var(--tan-dark); font-weight: 500; letter-spacing: .03em; }

@media(max-width:900px){ .reviews-grid, .blog-grid { grid-template-columns: 1fr 1fr; } }
@media(max-width:640px){ .reviews-grid, .blog-grid { grid-template-columns: 1fr; } .review-text { min-height: auto; } }

/* Blog liste sayfa başlığı */
.blog-page-head { text-align: center; padding: 10px 0 36px; }
.blog-page-head .page-title { margin-bottom: 8px; }
.blog-page-head p { color: var(--text-muted); font-size: 16px; }

/* ============================================================
   MÜŞTERİ DENEYİMLERİ (testimonials)
============================================================ */
.testimonials { padding: 40px 0; background: #fff; }
.testimonials-head { text-align: center; max-width: 640px; margin: 0 auto 28px; }
.testimonials-badge { display: inline-flex; align-items: center; gap: 8px; background: #fff; color: var(--tan-dark); font-size: 12px; font-weight: 600; letter-spacing: .14em; padding: 10px 22px; border-radius: 50px; box-shadow: 0 6px 20px -8px rgba(176,141,91,.4); margin-bottom: 22px; }
.testimonials-head h2 { font-size: 30px; font-weight: 500; color: var(--dark); line-height: 1.15; margin-bottom: 10px; }
.testimonials-head p { font-size: 16px; color: var(--text-muted); }

.testimonial-slider { max-width: 1200px; margin: 0 auto; overflow: hidden; }
.testimonial-track { display: flex; gap: 24px; transition: transform .5s cubic-bezier(.4,0,.2,1); }
.testimonial-slide { flex: 0 0 calc((100% - 48px) / 3); display: block; }
.testimonial-track { align-items: stretch; }

@keyframes testiFade { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }

.testimonial-card { position: relative; background: #fff; border: 1px solid var(--border); border-radius: 18px; padding: 32px 32px 26px; box-shadow: 0 20px 48px -28px rgba(26,24,21,.22); overflow: hidden; height: 100%; display: flex; flex-direction: column; }
.testimonial-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, var(--tan-dark), var(--tan), #e8c896); }
.testimonial-quote { position: absolute; top: 18px; right: 28px; font-family: var(--font-head); font-size: 64px; line-height: 1; color: var(--cream); font-weight: 700; }
.testimonial-stars { font-size: 22px; letter-spacing: 3px; margin-bottom: 22px; }
.testimonial-stars span { color: #e3dccb; }
.testimonial-stars span.on { color: #f0a818; }
.testimonial-text { font-size: 15.5px; line-height: 1.7; color: var(--text); margin-bottom: 24px; position: relative; z-index: 1; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; flex: 1; }
.testimonial-author { display: flex; align-items: center; gap: 14px; padding-top: 18px; border-top: 1px dashed var(--border); }
.testimonial-avatar { width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, var(--tan), var(--tan-dark)); color: #fff; display: flex; align-items: center; justify-content: center; font-family: var(--font-head); font-size: 24px; font-weight: 600; flex-shrink: 0; }
.testimonial-name { font-weight: 600; font-size: 16px; color: var(--dark); display: flex; align-items: center; gap: 8px; }
.testimonial-name .verified { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; background: #2bbd7e; color: #fff; border-radius: 50%; font-size: 11px; }
.testimonial-product { font-size: 14px; color: var(--text-muted); margin-top: 3px; }

.testimonial-nav { display: flex; justify-content: center; gap: 14px; margin-top: 22px; }
.testi-btn { width: 46px; height: 46px; border-radius: 50%; border: none; background: #fff; color: var(--tan-dark); font-size: 26px; cursor: pointer; box-shadow: 0 8px 24px -10px rgba(26,24,21,.25); transition: .25s; display: flex; align-items: center; justify-content: center; line-height: 1; }
.testi-btn:hover { background: var(--dark); color: #fff; transform: translateY(-2px); }

@media(max-width:640px){
  .testimonials-head h2 { font-size: 28px; }
  .testimonial-card { padding: 34px 26px 28px; }
  .testimonial-text { font-size: 14.5px; }
  .testimonial-quote { font-size: 64px; top: 18px; right: 24px; }
}

/* ============================================================
   MOBİL ALT NAVBAR
============================================================ */
.mobile-nav { display: none; }
@media(max-width:768px){
  .mobile-nav {
    display: flex;
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 300;
    background: #fff;
    border-top: 1px solid var(--border);
    box-shadow: 0 -2px 16px -8px rgba(26,24,21,.18);
    padding: 6px 2px calc(6px + env(safe-area-inset-bottom, 0px));
  }
  .mobile-nav a {
    flex: 1;
    display: flex; flex-direction: column; align-items: center; gap: 3px;
    padding: 7px 2px; color: var(--text-muted); position: relative;
    font-size: 0;
  }
  .mobile-nav a svg { width: 23px; height: 23px; }
  .mobile-nav a span:not(.mobile-nav-badge) { font-size: 10.5px; letter-spacing: .01em; font-weight: 500; }
  .mobile-nav a.active { color: var(--tan-dark); }
  .mobile-nav a.active svg { stroke: var(--tan-dark); }
  .mobile-nav-badge {
    position: absolute; top: 2px; right: 50%; transform: translateX(16px);
    background: var(--dark); color: #fff; font-size: 10px !important; font-weight: 600;
    min-width: 17px; height: 17px; border-radius: 9px; display: flex; align-items: center; justify-content: center; padding: 0 4px;
  }
  /* Alt navbar yüksekliği kadar sayfa altına boşluk (içerik gizlenmesin) */
  body { padding-bottom: 64px; }
  /* Footer'ın alt navbar'a denk gelmemesi için */
  .site-footer, footer { margin-bottom: 0; }
}

/* ============================================================
   HEADER SABİTLEME (kesin) — mobilde fixed
============================================================ */
@media(max-width:768px){
  /* Topbar mobilde gizlensin (yer kaplamasın, kayma hissi vermesin) */
  .topbar { display: none; }
  /* Header tam sabit */
  .site-header {
    position: fixed !important;
    top: 0; left: 0; right: 0;
    z-index: 500;
    background: #fff;
    box-shadow: 0 2px 10px -4px rgba(26,24,21,.15);
  }
  /* Header yüksekliği kadar içeriği aşağı it */
  body { padding-top: 70px; }
  /* Header iç boşluğunu mobilde küçült */
}

/* ============================================================
   YENİ ÖZELLİKLER — kargo çubuğu, whatsapp, stok, günün fırsatı
============================================================ */
/* Ücretsiz kargo ilerleme çubuğu */
.freeship-bar { background: var(--cream-light); border-radius: 10px; padding: 14px 16px; margin-bottom: 18px; }
.freeship-bar.done { background: #e7f6ee; }
.freeship-text { font-size: 13px; color: var(--text); margin-bottom: 8px; }
.freeship-bar.done .freeship-text { color: #1a8a4f; margin-bottom: 0; }
.freeship-text strong { color: var(--tan-dark); }
.freeship-track { height: 7px; background: #e3dccb; border-radius: 4px; overflow: hidden; }
.freeship-fill { height: 100%; background: linear-gradient(90deg, var(--tan), var(--tan-dark)); border-radius: 4px; transition: width .4s; }

/* Düşük stok uyarısı */
.stock-info .low-stock { color: #d9480f; font-weight: 600; font-size: 14px; background: #fff4ed; padding: 6px 12px; border-radius: 6px; display: inline-block; }
.stock-info .in-stock { color: #2b8a4f; }
.stock-info .out-stock { color: #c92a2a; }

/* WhatsApp sabit buton */
.wa-float { position: fixed; right: 18px; bottom: 18px; z-index: 350; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px -6px rgba(37,211,102,.6); transition: transform .25s; }
.wa-float:hover { transform: scale(1.08); color: #fff; }
.wa-float svg { width: 32px; height: 32px; }
@media(max-width:768px){ .wa-float { bottom: 78px; right: 14px; width: 50px; height: 50px; } .wa-float svg { width: 28px; height: 28px; } }

/* Günün fırsatı (anasayfa) */
.deal-day { display: grid; grid-template-columns: 420px 1fr; gap: 44px; align-items: center; background: linear-gradient(135deg, #fdf6ee, #f7ede0); border-radius: 20px; padding: 36px; }
.deal-day-media { position: relative; border-radius: 14px; overflow: hidden; background: #fff; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; }
.deal-day-media img { width: 100%; height: 100%; object-fit: cover; }
.deal-day-ph { font-family: var(--font-head); font-size: 40px; color: var(--tan); }
.deal-day-badge { position: absolute; top: 16px; left: 16px; background: #c92a2a; color: #fff; font-size: 13px; font-weight: 700; padding: 7px 14px; border-radius: 8px; }
.deal-day-eyebrow { display: inline-block; color: var(--tan-dark); font-size: 13px; font-weight: 600; letter-spacing: .12em; margin-bottom: 12px; }
.deal-day-info h2 { font-size: 32px; font-weight: 500; color: var(--dark); margin-bottom: 12px; line-height: 1.2; }
.deal-day-info > p { color: var(--text-muted); font-size: 15px; margin-bottom: 18px; line-height: 1.6; }
.deal-day-price { display: flex; align-items: baseline; gap: 14px; margin-bottom: 20px; }
.deal-day-price .now { font-size: 30px; font-weight: 600; color: var(--dark); }
.deal-day-price .was { font-size: 18px; color: var(--text-light); text-decoration: line-through; }
.deal-day .deal-countdown { display: inline-flex; margin-bottom: 22px; }
@media(max-width:768px){ .deal-day { grid-template-columns: 1fr; gap: 24px; padding: 24px; } .deal-day-info h2 { font-size: 26px; } }

/* ============================================================
   HEADER GÜNCELLEME — logo sola, kategori ikonu, pill menü
============================================================ */
/* Kategoriler menüsündeki küçük logo ikonu */

/* Pill menüde dropdown konumu bozulmasın */
.nav-dropdown { position: relative; }
.nav-dropdown-menu { top: calc(100% + 6px); }

/* Logo görseli olmadığında metin logosu da büyük dursun */
.site-logo { white-space: nowrap; }

/* Aktif sayfa pill'i için ana sayfa linkini de kapsa */
@media(min-width:769px){
  .main-nav a { white-space: nowrap; }
}

/* ============================================================
   HEADER v3 — dropdown kategori ikonları + sepet/favori badge
============================================================ */
/* Dropdown menüsündeki kategori ikonları (açılınca görünür) */
.nav-dropdown-menu a { display: flex; align-items: center; gap: 12px; }
.dd-cat-icon { width: 28px; height: 28px; border-radius: 7px; object-fit: cover; background: var(--cream-light); flex-shrink: 0; }
.dd-cat-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--tan); flex-shrink: 0; margin: 0 10px; }

/* Header ikonlarındaki sayaç rozetleri ikon dairesine göre konumlansın */
.header-actions .hdr-badge { box-shadow: 0 2px 6px -1px rgba(0,0,0,.25); }

/* Logo görseli ile metin arası boşluk */
.site-logo .logo-img { margin: 0; }

/* Orta boy ekranlarda header sığsın */
@media(min-width:769px) and (max-width:1280px){
  .header-inner { gap: 16px; }
  .main-nav { gap: 2px; }
  .main-nav a { padding: 8px 10px; font-size: 11px; letter-spacing: .04em; }
  .site-logo { font-size: 26px; }
  .site-logo .logo-img { max-height: 54px; }
  .header-actions { gap: 12px; }
  .hdr-act-lbl { display: block; font-size: 10.5px; }
  .hdr-act svg { width: 21px; height: 21px; }
}


/* ============================================================
   YENİ ÜRÜNLER ALTI BANNER (after_products) — referans stili
============================================================ */
.ap-banner-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 22px; }
.ap-banner-grid.single { grid-template-columns: 1fr; }
.ap-banner {
  position: relative; border-radius: 0; overflow: hidden; min-height: 240px;
  display: flex; align-items: center;
  background-size: cover; background-position: center right;
  background-color: var(--cream-light);
  box-shadow: 0 10px 32px -18px rgba(26,24,21,.3); transition: transform .35s, box-shadow .35s;
}
.ap-banner:hover { transform: translateY(-4px); box-shadow: 0 20px 44px -22px rgba(26,24,21,.4); }
/* Sol tarafta yazıyı okunaklı kılan açık degrade katman */
.ap-banner::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(247,242,234,.96) 0%, rgba(247,242,234,.85) 38%, rgba(247,242,234,0) 70%);
}
.ap-banner-content { position: relative; z-index: 2; padding: 40px 44px; max-width: 60%; }
.ap-banner-eyebrow { display: inline-block; font-size: 12.5px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--tan-dark); margin-bottom: 12px; }
.ap-banner-content h3 { font-family: var(--font-head); font-size: 36px; font-weight: 500; color: var(--dark); line-height: 1.12; margin-bottom: 12px; text-transform: uppercase; letter-spacing: .02em; }
.ap-banner-content p { font-size: 15px; color: var(--text); opacity: .9; margin-bottom: 22px; line-height: 1.5; max-width: 420px; }
.ap-banner-btn { display: inline-block; background: var(--dark); color: #fff; font-size: 12.5px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; padding: 14px 30px; border-radius: 50px; transition: background .25s; }
.ap-banner:hover .ap-banner-btn { background: var(--tan-dark); }
/* Sağdaki yuvarlak indirim rozeti */
.ap-banner-badge {
  position: absolute; right: 36px; top: 50%; transform: translateY(-50%); z-index: 3;
  width: 130px; height: 130px; border-radius: 50%; background: var(--dark); color: #fff;
  display: flex; align-items: center; justify-content: center; text-align: center;
  font-family: var(--font-head); font-size: 20px; font-weight: 600; line-height: 1.15; padding: 16px;
  box-shadow: 0 12px 30px -10px rgba(26,24,21,.5);
}
@media(max-width:768px){
  .ap-banner { min-height: 200px; }
  .ap-banner::before { background: linear-gradient(90deg, rgba(247,242,234,.97) 0%, rgba(247,242,234,.9) 60%, rgba(247,242,234,.55) 100%); }
  .ap-banner-content { max-width: 100%; padding: 28px; }
  .ap-banner-content h3 { font-size: 26px; }
  .ap-banner-badge { width: 88px; height: 88px; font-size: 14px; right: 16px; padding: 10px; }
}
@media(max-width:480px){
  .ap-banner-badge { display: none; }
}

/* Banner section boşluğunu daralt */
.ap-section { padding: 4px 0 24px !important; margin-top: -8px; }

/* Promo kartında görsel arka plan varsa yazı okunsun */
.promo-card[style*="background-image"] { position: relative; }
.promo-card[style*="background-image"]::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(255,255,255,.62), rgba(255,255,255,.15) 55%, transparent 80%); z-index:1; }
.promo-card[style*="background-image"] .promo-card-text { position: relative; z-index: 2; }

/* Kategoriler ile Yeni Ürünler arasını sıkıştır */
.cat-circles { padding-bottom: 24px; }
.cat-circles + section { padding-top: 24px; }

/* Testimonial avatar görseli */
.testimonial-avatar { overflow: hidden; }
.testimonial-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

/* ============================================================
   SIKÇA SORULAN SORULAR (anasayfa akordeon)
============================================================ */
.faq-section { background: #fff; }
.faq-list { max-width: 980px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start; }
.faq-item { background: #fff; border: 1px solid var(--border); border-radius: 12px; margin-bottom: 0; overflow: hidden; box-shadow: 0 4px 16px -14px rgba(26,24,21,.15); }
.faq-q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; background: none; border: none; cursor: pointer; font-size: 16px; font-weight: 500; color: var(--dark); text-align: left; font-family: var(--font-body); }
.faq-q:hover { color: var(--tan-dark); }
.faq-icon { flex-shrink: 0; transition: transform .3s; color: var(--tan-dark); }
.faq-item.open .faq-icon { transform: rotate(180deg); }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.faq-item.open .faq-a { max-height: 400px; }
.faq-a-inner { padding: 0 24px 22px; color: var(--text-muted); font-size: 14.5px; line-height: 1.65; }
@media(max-width:768px){ .faq-list { grid-template-columns: 1fr; } }

/* Footer logo görseli */
.footer-logo-img { max-height: 60px; width: auto; display: block; background: #fff; padding: 8px 12px; border-radius: 10px; }

/* Özellikler barı mobilde kesin 2x2 */
@media(max-width:768px){
  .features { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; padding-bottom: 30px !important; }
  .feature { padding: 16px !important; }
}

/* Özellikler barı ile Kategoriler arasını daralt */
.features { padding-bottom: 16px !important; }
.cat-circles { padding-top: 14px; }

/* ============================================================
   GENİŞLETİLMİŞ ÜRÜN FİLTRESİ
============================================================ */
.filter-group { margin-bottom: 22px; padding-bottom: 22px; border-bottom: 1px solid var(--border); }
.filter-group:last-of-type { border-bottom: none; }
.filter-group h4 { font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--dark); margin-bottom: 14px; }
.filter-cats { display: flex; flex-direction: column; gap: 2px; }
.filter-cat { padding: 8px 12px; border-radius: 8px; font-size: 14px; color: var(--text-muted); transition: .2s; }
.filter-cat:hover { background: var(--cream-light); color: var(--dark); }
.filter-cat.active { background: var(--cream); color: var(--tan-dark); font-weight: 600; }
.filter-price { display: flex; align-items: center; gap: 8px; }
.filter-price input { width: 100%; padding: 9px 10px; border: 1px solid var(--border); border-radius: 8px; font-size: 13px; }
.filter-price span { color: var(--text-light); }
.filter-check { display: flex; align-items: center; gap: 9px; padding: 7px 0; font-size: 14px; color: var(--text); cursor: pointer; }
.filter-check input { width: auto; accent-color: var(--tan-dark); }
.filter-select { width: 100%; padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 14px; background: #fff; }

/* ============================================================
   ÜRÜN DETAY SAYFASI (referans düzeni)
============================================================ */
.detail-price { display: flex; align-items: center; gap: 14px; margin: 18px 0 16px; flex-wrap: wrap; }
.detail-price .old-price { font-size: 17px; color: var(--text-light); text-decoration: line-through; }
.detail-price .price-lg { font-size: 30px; font-weight: 700; color: #c0392b; }
.detail-price .badge-discount { background: #c0392b; color: #fff; font-size: 13px; font-weight: 700; padding: 4px 10px; border-radius: 6px; }

/* KDV notu */
.detail-note { display: flex; align-items: center; gap: 8px; background: var(--cream-light); color: var(--tan-dark); font-size: 14px; font-weight: 500; padding: 12px 16px; border-radius: 10px; margin-bottom: 12px; }
.detail-note svg { flex-shrink: 0; }

/* Havale/EFT kutusu */
.bank-price-box { display: flex; align-items: center; gap: 10px; background: #eafaf1; border: 1px solid #cdeedb; padding: 14px 18px; border-radius: 10px; margin-bottom: 14px; }
.bank-label { color: #1a7d4b; font-weight: 600; font-size: 15px; }
.bank-amount { color: #16a34a; font-weight: 700; font-size: 19px; }

/* Ücretsiz kargo */
.free-ship-tag { display: inline-flex; align-items: center; gap: 7px; color: #1a7d4b; font-size: 14px; font-weight: 600; margin-bottom: 16px; }

/* Adet + sepete ekle */
.detail-qty-label { font-size: 12px; font-weight: 600; letter-spacing: .08em; color: var(--text-muted); margin-bottom: 8px; }
.qty-stepper { display: inline-flex; align-items: center; border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }
.qty-stepper input { width: 56px; height: 46px; border: none; text-align: center; font-size: 16px; font-weight: 600; -moz-appearance: textfield; }
.qty-stepper input::-webkit-outer-spin-button, .qty-stepper input::-webkit-inner-spin-button { -webkit-appearance: none; }
.buy-actions { display: grid; grid-template-columns: 1fr 1fr auto auto; gap: 10px; margin-top: 16px; align-items: stretch; }
.btn-buy { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 600; letter-spacing: .03em; padding: 15px 12px; white-space: nowrap; }
.btn-buynow { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 600; letter-spacing: .03em; padding: 15px 12px; white-space: nowrap; }
.btn-icon-action { width: 50px; border: 1px solid var(--border); background: #fff; border-radius: 10px; cursor: pointer; color: var(--text-muted); display: flex; align-items: center; justify-content: center; transition: .2s; }
.btn-icon-action:hover { border-color: var(--tan); color: var(--tan-dark); background: var(--cream-light); }
.btn-icon-action.active { border-color: var(--tan-dark); color: var(--tan-dark); background: var(--cream-light); }

/* Telefon / WhatsApp sipariş */
.order-channels { display: flex; gap: 10px; margin: 18px 0; }
.order-ch { flex: 1; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 14px; border: 1px solid var(--border); border-radius: 10px; font-size: 14px; font-weight: 500; color: var(--dark); transition: .2s; }
.order-ch:hover { border-color: var(--tan); background: var(--cream-light); color: var(--tan-dark); }

/* Etiketler + paylaş */
.detail-tags, .detail-share { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.tags-label { font-size: 13px; color: var(--text-muted); font-weight: 500; }
.detail-tag { font-size: 12.5px; color: var(--text-muted); background: var(--cream-light); padding: 5px 12px; border-radius: 50px; transition: .2s; }
.detail-tag:hover { background: var(--cream); color: var(--tan-dark); }
.share-btn { width: 34px; height: 34px; border-radius: 50%; background: var(--cream-light); display: flex; align-items: center; justify-content: center; color: var(--text-muted); transition: .2s; }
.share-btn:hover { background: var(--dark); color: #fff; }

/* Görsel zoom */
.detail-main-img { position: relative; cursor: zoom-in; }
.detail-main-img img { transition: transform .2s; }
.zoom-hint { position: absolute; bottom: 12px; right: 12px; background: rgba(26,24,21,.7); color: #fff; font-size: 12px; padding: 6px 12px; border-radius: 50px; display: inline-flex; align-items: center; gap: 6px; pointer-events: none; }

/* Lightbox */
.lightbox { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.9); z-index: 9999; align-items: center; justify-content: center; cursor: zoom-out; }
.lightbox.open { display: flex; }
.lightbox img { max-width: 90%; max-height: 90%; object-fit: contain; border-radius: 8px; }
.lightbox-close { position: absolute; top: 20px; right: 30px; color: #fff; font-size: 42px; cursor: pointer; line-height: 1; }

/* ============================================================
   ÜRÜN DETAY — yan yana düzen (sol görsel, sağ bilgi)
============================================================ */
.product-detail { display: grid; grid-template-columns: 460px 1fr; gap: 48px; align-items: start; margin: 24px 0 50px; }
.detail-info { min-width: 0; }
.detail-main-img { width: 100%; aspect-ratio: 1/1; background: var(--cream-light); border-radius: 14px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.detail-main-img img { width: 100%; height: 100%; object-fit: cover; }
@media(max-width:900px){
  .product-detail { grid-template-columns: 1fr; gap: 28px; }
  .detail-gallery { max-width: 100%; }
}

/* Boş favori/sepet büyük ikon */
.big-empty { padding: 60px 20px; text-align: center; }
.big-empty-icon { width: 96px; height: 96px; margin: 0 auto 20px; color: var(--tan); background: var(--cream-light); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.big-empty-icon svg { width: 48px; height: 48px; }
.big-empty p { font-size: 17px; color: var(--text-muted); margin-bottom: 22px; }

/* ============================================================
   HESABIM — soldan dikey menü
============================================================ */
.account-layout { display: grid; grid-template-columns: 280px 1fr; gap: 32px; align-items: start; margin-bottom: 50px; }
.account-sidebar { background: #fff; border: 1px solid var(--border); border-radius: 18px; padding: 10px; position: sticky; top: 90px; box-shadow: 0 8px 30px -22px rgba(26,24,21,.2); }
.account-user { display: flex; align-items: center; gap: 13px; padding: 18px 16px; margin: 6px 6px 10px; background: linear-gradient(135deg, var(--cream), var(--cream-light)); border-radius: 14px; }
.account-avatar { width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(135deg, var(--tan), var(--tan-dark)); color: #fff; display: flex; align-items: center; justify-content: center; font-family: var(--font-head); font-size: 22px; font-weight: 600; flex-shrink: 0; box-shadow: 0 4px 12px -3px rgba(201,168,119,.5); }
.account-uname { font-weight: 600; color: var(--dark); font-size: 15px; }
.account-umail { font-size: 12.5px; color: var(--text-muted); }
.account-nav { display: flex; flex-direction: column; gap: 2px; }
.account-nav a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; color: var(--text); font-size: 14.5px; font-weight: 500; transition: .2s; position: relative; }
.account-nav a svg { width: 18px; height: 18px; flex-shrink: 0; color: var(--text-muted); transition: .2s; }
.account-nav a:hover { background: var(--cream-light); color: var(--dark); transform: translateX(2px); }
.account-nav a:hover svg { color: var(--tan-dark); }
.account-nav a.active { background: linear-gradient(135deg, var(--tan), var(--tan-dark)); color: #fff; box-shadow: 0 6px 16px -6px rgba(201,168,119,.6); }
.account-nav a.active svg { color: #fff; }
.account-logout { color: #c0392b !important; margin-top: 6px; border-top: 1px solid var(--border); border-radius: 0 0 12px 12px !important; }
.account-logout svg { color: #c0392b !important; }
.account-logout:hover { background: #fef2f2 !important; }
.account-logout { margin-top: 6px; border-top: 1px solid var(--border); color: #c0392b !important; }
.account-logout svg { color: #c0392b !important; }
.account-content { min-width: 0; }
.account-content .empty-state, .account-content .big-empty { background: #fff; border: 1px solid var(--border); border-radius: 18px; min-height: 380px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 8px 30px -22px rgba(26,24,21,.18); }
.account-content .card-box { background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 28px; margin-bottom: 22px; }
.account-content .card-box h3 { font-size: 18px; margin-bottom: 18px; color: var(--dark); }
@media(max-width:768px){
  .account-layout { grid-template-columns: 1fr; gap: 18px; }
  .account-sidebar { position: static; }
  .account-nav { flex-direction: row; flex-wrap: wrap; }
  .account-nav a { flex: 1; min-width: 120px; justify-content: center; }
}

/* ============================================================
   ARAMA PANELİ (header ikon → açılır büyük arama)
============================================================ */
.search-overlay { display: none; position: fixed; inset: 0; background: rgba(26,24,21,.45); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); z-index: 2000; opacity: 0; transition: opacity .3s; }
.search-overlay.open { display: block; opacity: 1; }
.search-panel { background: #fff; padding: 48px 24px 40px; transform: translateY(-30px); transition: transform .35s cubic-bezier(.16,1,.3,1); box-shadow: 0 24px 60px -20px rgba(0,0,0,.3); }
.search-overlay.open .search-panel { transform: translateY(0); }
.search-close { position: absolute; top: 20px; right: 28px; background: none; border: none; font-size: 40px; line-height: 1; color: var(--text-muted); cursor: pointer; transition: .2s; }
.search-close:hover { color: var(--dark); transform: rotate(90deg); }
.search-panel-inner { max-width: 720px; margin: 0 auto; }
.search-panel-title { font-family: var(--font-head); font-size: 30px; font-weight: 500; color: var(--dark); text-align: center; margin-bottom: 26px; }
.search-big-form { display: flex; align-items: center; gap: 12px; background: var(--cream-light); border: 2px solid var(--border); border-radius: 16px; padding: 8px 8px 8px 20px; transition: border-color .2s; }
.search-big-form:focus-within { border-color: var(--tan); }
.search-big-icon { width: 24px; height: 24px; color: var(--text-muted); flex-shrink: 0; }
.search-big-form input { flex: 1; border: none; background: none; font-size: 18px; padding: 14px 6px; color: var(--dark); outline: none; }
.search-big-btn { background: var(--dark); color: #fff; border: none; border-radius: 12px; padding: 14px 32px; font-size: 15px; font-weight: 600; cursor: pointer; transition: .2s; }
.search-big-btn:hover { background: var(--tan-dark); }
.search-suggest { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 20px; justify-content: center; }
.search-suggest-label { font-size: 13px; color: var(--text-muted); }
.search-suggest a { font-size: 13px; color: var(--text); background: var(--cream-light); padding: 7px 16px; border-radius: 50px; transition: .2s; }
.search-suggest a:hover { background: var(--cream); color: var(--tan-dark); }
@media(max-width:600px){
  .search-panel { padding: 36px 16px 30px; }
  .search-panel-title { font-size: 24px; }
  .search-big-form { flex-wrap: wrap; padding: 12px; }
  .search-big-form input { width: 100%; }
  .search-big-btn { width: 100%; }
}

/* Arama sonuç bandı + boş ekran */
.search-result-bar { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; background: var(--cream-light); border: 1px solid var(--border); border-radius: 14px; padding: 18px 24px; margin: 18px 0 24px; }
.search-result-info { display: flex; align-items: center; gap: 12px; color: var(--text); font-size: 15px; }
.search-result-info svg { width: 22px; height: 22px; color: var(--tan-dark); flex-shrink: 0; }
.search-result-info strong { color: var(--dark); }
.search-result-form { display: flex; align-items: center; background: #fff; border: 1px solid var(--border); border-radius: 50px; overflow: hidden; }
.search-result-form input { border: none; outline: none; padding: 10px 18px; font-size: 14px; width: 220px; }
.search-result-form button { border: none; background: var(--dark); color: #fff; width: 44px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.search-result-form button svg { width: 17px; height: 17px; }
.search-result-form button:hover { background: var(--tan-dark); }
.search-empty h3 { font-family: var(--font-head); font-size: 26px; color: var(--dark); margin-bottom: 10px; font-weight: 500; }
.search-empty { max-width: 480px; margin: 0 auto; }
@media(max-width:600px){ .search-result-form input { width: 130px; } }

/* Testimonial responsive slide genişliği */
@media(max-width:1024px){ .testimonial-slide { flex: 0 0 calc((100% - 24px) / 2); } }
@media(max-width:700px){ .testimonials { padding: 30px 0; } .testimonial-slider { padding: 0 16px; } .testimonial-slide { flex: 0 0 100%; min-width: 100%; } .testimonial-track { gap: 0; } .testimonial-card { padding: 26px 24px 22px; } .testimonials-head h2 { font-size: 24px; } }

/* Footer etiketler */
.footer-tags { margin-top: 24px; }
.footer-tags h4 { margin-bottom: 12px; }
.footer-tags-list { display: flex; flex-wrap: wrap; gap: 8px; }
.footer-tags-list a { font-size: 12px; padding: 5px 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 50px; color: rgba(255,255,255,.7); transition: .2s; }
.footer-tags-list a:hover { background: var(--tan); border-color: var(--tan); color: #1a1815; }

/* ============================================================
   BİLGİ SAYFALARI — modern (hero + sidebar kart + içerik kart)
============================================================ */
.page-hero { background: linear-gradient(135deg, var(--cream) 0%, var(--cream-light) 100%); padding: 26px 0 24px; margin-bottom: 30px; border-radius: 0 0 20px 20px; }
.page-hero .breadcrumb { margin-bottom: 10px; font-size: 13px; color: var(--text-muted); }
.page-hero .breadcrumb a { color: var(--text-muted); }
.page-hero .breadcrumb a:hover { color: var(--tan-dark); }
.page-hero .breadcrumb span { margin: 0 8px; }
.page-hero h1 { font-family: var(--font-head); font-size: 32px; font-weight: 500; color: var(--dark); }
.page-layout { display: grid; grid-template-columns: 260px 1fr; gap: 32px; align-items: start; margin-bottom: 56px; }
.page-sidebar { background: #fff; border: 1px solid var(--border); border-radius: 18px; padding: 22px; position: sticky; top: 90px; }
.page-sidebar h4 { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 14px; }
.page-sidebar nav { display: flex; flex-direction: column; gap: 2px; }
.page-sidebar nav a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 14px; border-radius: 10px; color: var(--text); font-size: 14.5px; transition: .2s; }
.page-sidebar nav a svg { color: var(--text-light); transition: .2s; }
.page-sidebar nav a:hover { background: var(--cream-light); color: var(--dark); }
.page-sidebar nav a:hover svg { transform: translateX(3px); color: var(--tan-dark); }
.page-sidebar nav a.active { background: var(--cream); color: var(--tan-dark); font-weight: 600; }
.page-sidebar nav a.active svg { color: var(--tan-dark); }
@media(max-width:900px){
  .page-layout { grid-template-columns: 1fr; gap: 20px; }
  .page-sidebar { position: static; }
  .page-sidebar nav { flex-direction: row; flex-wrap: wrap; }
  .page-sidebar nav a { flex: 1; min-width: 140px; }
  .page-hero h1 { font-size: 30px; }
  .page-content { padding: 28px 22px; }
}

/* ============================================================
   İLETİŞİM SAYFASI — modern
============================================================ */
.contact-wrap { display: grid; grid-template-columns: 1fr 1.2fr; gap: 40px; align-items: start; margin-bottom: 40px; }
.contact-info-col h3, .contact-form-col h3 { font-family: var(--font-head); font-size: 24px; font-weight: 500; color: var(--dark); margin-bottom: 14px; }
.contact-intro { color: var(--text-muted); font-size: 15px; line-height: 1.7; margin-bottom: 26px; }
.contact-cards { display: flex; flex-direction: column; gap: 14px; }
.contact-card { display: flex; align-items: flex-start; gap: 16px; background: #fff; border: 1px solid var(--border); border-radius: 14px; padding: 18px 20px; transition: .2s; }
.contact-card:hover { border-color: var(--tan); box-shadow: 0 8px 24px -16px rgba(26,24,21,.18); }
.contact-card-icon { width: 46px; height: 46px; flex-shrink: 0; background: var(--cream); color: var(--tan-dark); border-radius: 12px; display: flex; align-items: center; justify-content: center; }
.contact-card-icon svg { width: 22px; height: 22px; }
.contact-card-label { font-size: 12px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--text-light); }
.contact-card p { margin: 3px 0 0; color: var(--text); font-size: 14.5px; line-height: 1.5; }
.contact-card a { color: var(--text); }
.contact-card a:hover { color: var(--tan-dark); }
.contact-socials { margin-top: 28px; }
.contact-socials-label { font-size: 13px; font-weight: 600; color: var(--text-muted); display: block; margin-bottom: 12px; }
.contact-social-list { display: flex; gap: 10px; }
.contact-social-list a { width: 44px; height: 44px; border-radius: 12px; background: var(--cream-light); border: 1px solid var(--border); color: var(--text-muted); display: flex; align-items: center; justify-content: center; transition: .2s; }
.contact-social-list a svg { width: 20px; height: 20px; }
.contact-social-list a:hover { background: var(--dark); color: #fff; border-color: var(--dark); transform: translateY(-3px); }
.contact-form-col { background: #fff; border: 1px solid var(--border); border-radius: 18px; padding: 32px; box-shadow: 0 4px 24px -16px rgba(26,24,21,.12); }
.contact-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.contact-form .form-group { margin-bottom: 16px; }
.contact-form label { display: block; font-size: 13px; font-weight: 500; color: var(--text); margin-bottom: 6px; }
.contact-form .form-input { width: 100%; padding: 12px 14px; border: 1px solid var(--border); border-radius: 10px; font-size: 14px; font-family: inherit; transition: border .2s; }
.contact-form .form-input:focus { outline: none; border-color: var(--tan); }
.contact-map { border-radius: 18px; overflow: hidden; margin-bottom: 50px; border: 1px solid var(--border); }
.contact-map iframe { width: 100%; height: 380px; border: 0; display: block; }
@media(max-width:900px){
  .contact-wrap { grid-template-columns: 1fr; gap: 28px; }
  .contact-form-row { grid-template-columns: 1fr; }
  .contact-form-col { padding: 24px; }
}

/* ============================================================
   KAMPANYALAR (blog tarzı)
============================================================ */
.campaign-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-bottom: 50px; }
.campaign-card { background: #fff; border: 1px solid var(--border); border-radius: 18px; overflow: hidden; transition: .25s; display: flex; flex-direction: column; }
.campaign-card:hover { transform: translateY(-4px); box-shadow: 0 20px 44px -24px rgba(26,24,21,.25); }
.campaign-card-img { height: 200px; background: var(--cream-light) center/cover no-repeat; position: relative; }
.campaign-badge { position: absolute; top: 14px; left: 14px; background: #c0392b; color: #fff; font-size: 12px; font-weight: 700; padding: 6px 14px; border-radius: 50px; letter-spacing: .03em; }
.campaign-card-body { padding: 22px 24px 24px; flex: 1; display: flex; flex-direction: column; }
.campaign-card-body h3 { font-family: var(--font-head); font-size: 21px; font-weight: 500; color: var(--dark); margin-bottom: 10px; }
.campaign-card-body p { color: var(--text-muted); font-size: 14px; line-height: 1.6; margin-bottom: 14px; flex: 1; }
.campaign-date { font-size: 12.5px; color: var(--tan-dark); font-weight: 600; margin-bottom: 12px; }
.campaign-more { font-size: 14px; font-weight: 600; color: var(--dark); transition: .2s; }
.campaign-card:hover .campaign-more { color: var(--tan-dark); }

/* Kampanya detay */
.campaign-detail { max-width: 860px; margin: 0 auto 40px; }
.campaign-detail-img { position: relative; border-radius: 20px; overflow: hidden; margin-bottom: 26px; }
.campaign-detail-img img { width: 100%; max-height: 420px; object-fit: cover; display: block; }
.campaign-period { display: flex; gap: 24px; flex-wrap: wrap; background: var(--cream-light); border-radius: 12px; padding: 16px 20px; margin-bottom: 26px; font-size: 14px; color: var(--text-muted); }
.campaign-period strong { color: var(--dark); }
.campaign-content { font-size: 16px; line-height: 1.8; color: var(--text); margin-bottom: 30px; }
.campaign-cta { text-align: center; margin-bottom: 40px; }
.campaign-others { border-top: 1px solid var(--border); padding-top: 40px; margin-bottom: 50px; }
.campaign-others h3 { font-family: var(--font-head); font-size: 26px; font-weight: 500; color: var(--dark); margin-bottom: 24px; text-align: center; }
@media(max-width:900px){ .campaign-grid { grid-template-columns: 1fr 1fr; gap: 18px; } }
@media(max-width:600px){ .campaign-grid { grid-template-columns: 1fr; } }

/* ============================================================
   ÜRÜN KARTI GALERİ GEZİNME (ürüne girmeden foto kaydır)
============================================================ */
.product-img { position: relative; }
.card-gallery { position: relative; width: 100%; height: 100%; }
.product-img-link { display: block; width: 100%; height: 100%; }
.card-gallery img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .3s; }
.card-gallery img.active { opacity: 1; position: relative; }
.card-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,.92); border: none; font-size: 18px; color: var(--dark); cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; transition: .25s; z-index: 3; box-shadow: 0 2px 10px -3px rgba(0,0,0,.3); }
.card-nav.prev { left: 8px; }
.card-nav.next { right: 8px; }
.product-card:hover .card-nav { opacity: 1; }
.card-nav:hover { background: var(--dark); color: #fff; }
.card-dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 5px; z-index: 3; }
.card-dots span { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.6); transition: .2s; }
.card-dots span.on { background: #fff; width: 16px; border-radius: 3px; }
@media(max-width:768px){ .card-nav { opacity: 1; width: 28px; height: 28px; font-size: 15px; top: 58%; z-index: 2; } }

/* ============================================================
   TOAST BİLGİ BARI (sepete/favoriye ekleme bildirimi)
============================================================ */
.toast-wrap { position: fixed; top: 90px; right: 24px; z-index: 9999; display: flex; flex-direction: column; gap: 10px; pointer-events: none; }
.toast { background: var(--dark); color: #fff; padding: 14px 22px; border-radius: 12px; font-size: 14px; font-weight: 500; box-shadow: 0 12px 32px -10px rgba(0,0,0,.45); display: flex; align-items: center; gap: 10px; min-width: 240px; max-width: 360px; opacity: 0; transform: translateX(40px); transition: .35s cubic-bezier(.16,1,.3,1); pointer-events: auto; }
.toast.show { opacity: 1; transform: translateX(0); }
.toast::before { content: ''; width: 22px; height: 22px; flex-shrink: 0; background-size: contain; background-repeat: no-repeat; }
.toast-success { background: #1a1815; }
.toast-success::before { content: '✓'; display: flex; align-items: center; justify-content: center; background: #3b7a57; border-radius: 50%; font-size: 13px; font-weight: 700; }
.toast-error { background: #7a2e2e; }
.toast-error::before { content: '!'; display: flex; align-items: center; justify-content: center; background: #c0392b; border-radius: 50%; font-size: 13px; font-weight: 700; }
.toast-info::before, .toast-warning::before { content: 'i'; display: flex; align-items: center; justify-content: center; background: var(--tan); border-radius: 50%; font-size: 13px; font-weight: 700; }
@media(max-width:600px){ .toast-wrap { top: auto; bottom: 80px; right: 12px; left: 12px; } .toast { min-width: 0; max-width: none; } }

/* Hesabım içi favori grid (sidebar yanında) */
.account-fav-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
@media(min-width:1100px){ .account-fav-grid { grid-template-columns: repeat(3, 1fr); } }
@media(max-width:600px){ .account-fav-grid { grid-template-columns: 1fr 1fr; gap: 12px; } }

/* ============================================================
   HESABIM — ADRESLER
============================================================ */
.addr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.addr-card { border: 1px solid var(--border); border-radius: 14px; padding: 18px; transition: .2s; }
.addr-card.is-default { border-color: var(--tan); background: var(--cream-light); }
.addr-card-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.addr-card-head strong { font-size: 15px; color: var(--dark); }
.addr-badge { font-size: 11px; background: var(--tan); color: #fff; padding: 2px 9px; border-radius: 50px; font-weight: 600; }
.addr-body { font-size: 13.5px; color: var(--text-muted); line-height: 1.6; margin-bottom: 12px; }
.addr-actions { display: flex; gap: 14px; }
.addr-actions form { margin: 0; }
.addr-link { background: none; border: none; font-size: 13px; color: var(--tan-dark); cursor: pointer; font-weight: 600; padding: 0; }
.addr-link:hover { text-decoration: underline; }
.addr-del { color: #c0392b; }
.addr-empty { grid-column: 1/-1; padding: 24px; text-align: center; color: var(--text-muted); border: 1px dashed var(--border); border-radius: 14px; }
.addr-form-card { border: 1px solid var(--border); border-radius: 16px; padding: 24px; }
.addr-form-card h3 { font-family: var(--font-head); font-size: 22px; font-weight: 500; margin-bottom: 18px; color: var(--dark); }
.addr-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media(max-width:700px){ .addr-grid, .addr-form-row { grid-template-columns: 1fr; } }

/* ============================================================
   HESABIM — GELİŞMİŞ (özet, hediye çeki, destek, iade)
============================================================ */
/* Özet istatistik kartları */
.acc-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 18px; }
.acc-stat { display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid var(--border); border-radius: 14px; padding: 16px; }
.acc-stat-ic { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.acc-stat-ic svg { width: 22px; height: 22px; }
.acc-stat-lbl { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--text-muted); }
.acc-stat-val { display: block; font-size: 24px; font-weight: 700; color: var(--dark); }
.acc-welcome { background: var(--cream-light); border-radius: 14px; padding: 18px 20px; font-size: 14px; line-height: 1.6; color: var(--text); margin-bottom: 22px; }

/* Hediye çekleri */
.gift-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.gift-card { position: relative; background: linear-gradient(135deg, var(--dark), #2c2620); color: #fff; border-radius: 16px; padding: 22px; overflow: hidden; }
.gift-card.used { opacity: .55; }
.gift-card-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; }
.gift-label { font-size: 11px; letter-spacing: .12em; opacity: .7; }
.gift-amount { font-size: 26px; font-weight: 700; color: var(--tan); }
.gift-code { font-family: monospace; font-size: 18px; letter-spacing: 2px; padding: 8px 12px; background: rgba(255,255,255,.1); border-radius: 8px; display: inline-block; margin-bottom: 14px; }
.gift-meta { display: flex; gap: 16px; font-size: 12px; opacity: .75; }
.gift-used-badge { position: absolute; top: 14px; right: -28px; background: #c0392b; color: #fff; font-size: 11px; padding: 3px 30px; transform: rotate(45deg); }

/* Destek/iade talebi listesi */
.ticket-list { display: flex; flex-direction: column; gap: 10px; }
.ticket-row { display: flex; justify-content: space-between; align-items: center; gap: 14px; background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 16px 18px; transition: .2s; }
a.ticket-row:hover { border-color: var(--tan); box-shadow: 0 6px 18px -12px rgba(26,24,21,.2); }
.ticket-code { font-size: 12px; color: var(--text-muted); margin-left: 8px; }
.ticket-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: 12px; }
.ticket-status { font-size: 11px; font-weight: 600; padding: 3px 11px; border-radius: 50px; }
.status-open, .status-pending { background: #fef3c7; color: #b45309; }
.status-answered, .status-approved { background: #dbeafe; color: #1d4ed8; }
.status-closed, .status-completed { background: #dcfce7; color: #15803d; }
.status-rejected { background: #fee2e2; color: #b91c1c; }

/* Destek chat */
.chat-thread { display: flex; flex-direction: column; gap: 12px; margin: 16px 0; }
.chat-msg { display: flex; flex-direction: column; max-width: 80%; }
.chat-msg.from-user { align-self: flex-end; align-items: flex-end; }
.chat-msg.from-admin { align-self: flex-start; }
.chat-bubble { padding: 12px 16px; border-radius: 14px; font-size: 14px; line-height: 1.5; }
.from-user .chat-bubble { background: var(--dark); color: #fff; border-bottom-right-radius: 4px; }
.from-admin .chat-bubble { background: var(--cream-light); color: var(--text); border-bottom-left-radius: 4px; }
.chat-time { font-size: 11px; color: var(--text-muted); margin-top: 4px; }

@media(max-width:700px){ .acc-stats { grid-template-columns: 1fr 1fr; } .gift-grid { grid-template-columns: 1fr; } }

/* ============================================================
   MODERN FORM ELEMANLARI (input, textarea, select / dropdown)
============================================================ */
.account-content .form-control,
.addr-form-card .form-control,
.card-box .form-control,
.form-control {
  width: 100%;
  padding: 14px 18px;
  border: 1.5px solid var(--border);
  border-radius: 12px;
  font-size: 14.5px;
  font-family: var(--font-body);
  background: var(--cream-light);
  color: var(--text);
  transition: .22s;
  line-height: 1.4;
}
.form-control:focus {
  outline: none;
  border-color: var(--tan);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(201,168,119,.12);
}
.form-control::placeholder { color: var(--text-light); }
textarea.form-control { resize: vertical; min-height: 110px; }

/* Select / dropdown — oval + özel ok */
select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 46px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
}
select.form-control:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23c9a877' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}

/* Form label modern */
.account-content .form-group label,
.addr-form-card label,
.card-box .form-group label {
  font-size: 12px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--text-muted); margin-bottom: 9px; font-weight: 600;
}

/* ============================================================
   SEPET SAYFASI — modern düzen
============================================================ */
.cart-layout { display: grid; grid-template-columns: 1fr 360px; gap: 28px; align-items: start; margin-bottom: 60px; }

/* Sol: ürün listesi */
.cart-items { display: flex; flex-direction: column; gap: 12px; }
.cart-item {
  display: grid;
  grid-template-columns: 90px 1fr auto auto auto;
  align-items: center;
  gap: 18px;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 16px;
  transition: .2s;
}
.cart-item:hover { box-shadow: 0 10px 30px -20px rgba(26,24,21,.22); }
.cart-img {
  width: 90px; height: 90px;
  border-radius: 12px;
  overflow: hidden;
  background: var(--cream-light);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  font-size: 28px;
}
.cart-img img { width: 100%; height: 100%; object-fit: cover; }
.cart-item-info { min-width: 0; }
.cart-item-info a { font-size: 15px; font-weight: 500; color: var(--dark); display: block; margin-bottom: 6px; line-height: 1.3; }
.cart-item-info a:hover { color: var(--tan-dark); }
.cart-item-info > div { font-size: 13px; color: var(--text-muted); }

/* Adet kontrolü */
.cart-qty .qty-form { display: flex; align-items: center; border: 1.5px solid var(--border); border-radius: 50px; overflow: hidden; background: #fff; }
.qty-btn { width: 36px; height: 40px; border: none; background: transparent; font-size: 18px; cursor: pointer; color: var(--dark); transition: .15s; display: flex; align-items: center; justify-content: center; }
.qty-btn:hover { background: var(--cream-light); color: var(--tan-dark); }
.qty-input { width: 44px; height: 40px; border: none; text-align: center; font-size: 14px; font-weight: 600; color: var(--dark); background: transparent; -moz-appearance: textfield; }
.qty-input::-webkit-outer-spin-button, .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.cart-item-total { font-size: 16px; font-weight: 600; color: var(--dark); white-space: nowrap; text-align: right; min-width: 90px; }
.btn-remove {
  width: 34px; height: 34px; border-radius: 50%;
  border: none; background: var(--cream-light);
  color: var(--text-muted); font-size: 14px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: .2s; flex-shrink: 0;
}
.btn-remove:hover { background: #fee2e2; color: #dc2626; }
.cart-items > form { margin-top: 8px; }

/* Sağ: özet kutusu */
.cart-summary-box { position: sticky; top: 90px; }
.summary-card { background: #fff; border: 1px solid var(--border); border-radius: 18px; padding: 26px; box-shadow: 0 10px 36px -24px rgba(26,24,21,.22); }
.summary-card h3 { font-family: var(--font-head); font-size: 22px; font-weight: 500; color: var(--dark); margin-bottom: 20px; }
.summary-row { display: flex; justify-content: space-between; align-items: center; padding: 11px 0; font-size: 14px; color: var(--text); border-bottom: 1px solid var(--border); }
.summary-row.discount { color: #16a34a; }
.summary-row.total { border-bottom: none; border-top: 2px solid var(--dark); margin-top: 6px; padding-top: 16px; font-size: 19px; font-weight: 700; color: var(--dark); }
.summary-card .btn-block { margin-top: 8px; }

/* Ücretsiz kargo barı */
.freeship-bar { background: var(--cream-light); border-radius: 12px; padding: 14px 16px; margin-bottom: 18px; }
.freeship-bar.done { background: #ecfdf5; }
.freeship-text { font-size: 13px; color: var(--text); margin-bottom: 8px; }
.freeship-track { height: 7px; background: rgba(0,0,0,.08); border-radius: 50px; overflow: hidden; }
.freeship-fill { height: 100%; background: linear-gradient(90deg, var(--tan), var(--tan-dark)); border-radius: 50px; transition: width .4s; }
.freeship-bar.done .freeship-text { margin-bottom: 0; }

@media(max-width:900px){
  .cart-layout { grid-template-columns: 1fr; }
  .cart-summary-box { position: static; }
}
@media(max-width:560px){
  .cart-item { grid-template-columns: 70px 1fr auto; grid-template-areas: "img info remove" "img qty total"; gap: 10px 14px; }
  .cart-img { width: 70px; height: 70px; grid-area: img; }
  .cart-item-info { grid-area: info; }
  .cart-qty { grid-area: qty; }
  .cart-item-total { grid-area: total; text-align: right; align-self: center; }
  .cart-item > form:last-child { grid-area: remove; justify-self: end; }
}

/* Çoklu banka hesabı (checkout) */
.bank-info .bank-acc { padding: 12px 0; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 14px; font-size: 13px; }
.bank-info .bank-acc:last-child { border-bottom: none; }
.bank-acc-logo { width: 48px; height: 48px; object-fit: contain; border-radius: 8px; background: #fff; padding: 4px; border: 1px solid var(--border); flex-shrink: 0; }
.bank-acc-info { display: flex; flex-direction: column; gap: 2px; }
.bank-acc-name { font-weight: 600; color: var(--dark); }

/* ============================================================
   BANKA HESAP BİLGİLERİ SAYFASI
============================================================ */
.page-bank-list { display: flex; flex-direction: column; gap: 14px; }
.page-bank-card { border: 1px solid var(--border); border-radius: 16px; background: var(--cream-light); overflow: hidden; transition: .2s; }
.page-bank-card:hover { box-shadow: 0 10px 30px -22px rgba(26,24,21,.25); }
/* Açılır başlık */
.page-bank-head { width: 100%; display: flex; align-items: center; gap: 16px; padding: 18px 20px; background: none; border: none; cursor: pointer; text-align: left; }
.page-bank-logo { width: 88px; height: 56px; object-fit: contain; background: #fff; border-radius: 10px; padding: 8px; border: 1px solid var(--border); flex-shrink: 0; }
.page-bank-logo--ph { display: flex; align-items: center; justify-content: center; color: var(--tan); }
.page-bank-logo--ph svg { width: 28px; height: 28px; }
.page-bank-name { flex: 1; font-size: 17px; font-weight: 600; color: var(--dark); }
.page-bank-chev { width: 20px; height: 20px; color: var(--text-muted); transition: transform .3s; flex-shrink: 0; }
.page-bank-card.open .page-bank-chev { transform: rotate(180deg); }
/* Açılır gövde */
.page-bank-body { max-height: 0; overflow: hidden; transition: max-height .35s ease, padding .35s ease; padding: 0 20px; }
.page-bank-card.open .page-bank-body { max-height: 400px; padding: 0 20px 18px; }
.page-bank-row { display: flex; justify-content: space-between; gap: 12px; padding: 11px 0; font-size: 14px; color: var(--text-muted); border-top: 1px dashed var(--border); }
.page-bank-row span { flex-shrink: 0; }
.page-bank-row strong { color: var(--dark); text-align: right; word-break: break-all; }
.page-bank-iban { font-family: monospace; letter-spacing: .5px; cursor: pointer; }
.page-bank-iban:hover { color: var(--tan-dark); }
@media(max-width:560px){ .page-bank-head { gap: 12px; padding: 14px 16px; } .page-bank-logo { width: 70px; height: 48px; } .page-bank-name { font-size: 15px; } .page-bank-row { flex-direction: column; gap: 2px; } .page-bank-row strong { text-align: left; } }

/* ============ STOK BİLDİRİMİ ============ */
.stock-alert-box { background: var(--cream-light); border: 1px solid var(--border); border-radius: 14px; padding: 20px; margin: 16px 0; }
.stock-alert-head { display: flex; align-items: center; gap: 8px; color: #b45309; margin-bottom: 6px; }
.stock-alert-box p { font-size: 14px; color: var(--text-muted); margin-bottom: 14px; }
.stock-alert-row { display: flex; gap: 10px; }
.stock-alert-row .form-input { flex: 1; }
.stock-alert-msg { margin-top: 10px; font-size: 13px; }
.stock-alert-msg.ok { color: #16a34a; }
.stock-alert-msg.err { color: #dc2626; }

/* ============ BEDEN TABLOSU ============ */
.size-chart-box { border: 1px solid var(--border); border-radius: 12px; margin: 16px 0; overflow: hidden; }
.size-chart-box summary { padding: 14px 18px; cursor: pointer; font-weight: 600; color: var(--dark); display: flex; align-items: center; gap: 10px; list-style: none; }
.size-chart-box summary::-webkit-details-marker { display: none; }
.size-chart-box[open] summary { border-bottom: 1px solid var(--border); }
.size-chart-content { padding: 18px; font-size: 14px; line-height: 1.7; }
.size-chart-content table { width: 100%; border-collapse: collapse; }
.size-chart-content th, .size-chart-content td { border: 1px solid var(--border); padding: 8px 12px; text-align: center; }

/* ============ SORU & CEVAP ============ */
.qa-section { max-width: 1280px; margin: 0 auto 50px; padding: 0 20px; }
.qa-section h2 { font-family: var(--font-head); font-size: 28px; font-weight: 500; margin-bottom: 22px; color: var(--dark); }
.qa-list { display: flex; flex-direction: column; gap: 14px; margin-bottom: 30px; }
.qa-item { border: 1px solid var(--border); border-radius: 14px; padding: 18px 20px; background: #fff; }
.qa-q, .qa-a { display: flex; gap: 12px; }
.qa-a { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--border); }
.qa-badge { width: 28px; height: 28px; border-radius: 50%; background: var(--dark); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; flex-shrink: 0; }
.qa-badge-a { background: var(--tan-dark); }
.qa-q p, .qa-a p { margin-top: 3px; color: var(--text); font-size: 14px; line-height: 1.6; }
.qa-form-box { background: var(--cream-light); border-radius: 16px; padding: 24px; }
.qa-form-box h3 { font-family: var(--font-head); font-size: 20px; margin-bottom: 16px; color: var(--dark); }
@media(max-width:560px){ .stock-alert-row { flex-direction: column; } .qa-section h2 { font-size: 22px; } }

/* ============ SOSYAL KANIT ROZETLERİ ============ */
.social-proof { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.sp-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; padding: 6px 12px; border-radius: 50px; }
.sp-hot { background: #fff1f0; color: #d4380d; }
.sp-view { background: #f0f5ff; color: #1d39c4; }
.sp-low { background: #fff7e6; color: #d46b08; animation: sp-pulse 2s infinite; }
@keyframes sp-pulse { 0%,100%{opacity:1} 50%{opacity:.65} }

/* ============ CANLI ARAMA SONUÇLARI ============ */
.search-live-results { margin-top: 16px; max-height: 380px; overflow-y: auto; display: none; }
.search-live-results.show { display: block; }
.slr-item { display: flex; align-items: center; gap: 14px; padding: 10px 12px; border-radius: 12px; transition: .15s; }
.slr-item:hover { background: var(--cream-light); }
.slr-item img, .slr-noimg { width: 48px; height: 48px; object-fit: cover; border-radius: 8px; background: var(--cream-light); flex-shrink: 0; }
.slr-name { flex: 1; font-size: 14px; color: var(--dark); }
.slr-price { font-weight: 700; color: var(--tan-dark); font-size: 14px; white-space: nowrap; }
.slr-empty { padding: 20px; text-align: center; color: var(--text-muted); font-size: 14px; }

/* ============ SEPET ÇAPRAZ SATIŞ ============ */
.cart-suggest { margin-top: 40px; }
.cart-suggest h2 { font-family: var(--font-head); font-size: 24px; font-weight: 500; color: var(--dark); margin-bottom: 20px; }

/* ============ MİSAFİR → ÜYE DAVETİ ============ */
.guest-convert { margin-top: 30px; padding: 28px; background: var(--cream-light); border-radius: 18px; border: 1px solid var(--border); }
.gc-icon { width: 56px; height: 56px; border-radius: 50%; background: var(--tan); color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; }
.gc-icon svg { width: 28px; height: 28px; }
.guest-convert h3 { font-family: var(--font-head); font-size: 22px; color: var(--dark); margin-bottom: 8px; }
.guest-convert p { font-size: 14px; color: var(--text-muted); margin-bottom: 18px; line-height: 1.6; }

/* ============ KART AKSİYON BUTONLARI (favori + karşılaştır) ============ */
.card-actions { position: absolute !important; top: 10px; right: 10px; left: auto; bottom: auto; display: flex !important; flex-direction: column !important; gap: 8px; z-index: 5; align-items: flex-end; }
.card-actions form { margin: 0; line-height: 0; width: 36px; height: 36px; flex: 0 0 36px; }
.card-actions button { padding: 0 !important; margin: 0; font-size: 0; }
.card-actions .product-fav,
.card-actions .product-cmp { position: static !important; top: auto !important; right: auto !important; opacity: 1; transform: none; width: 36px; height: 36px; min-width: 36px; max-width: 36px; max-height: 36px; padding: 0; flex: 0 0 36px; background: rgba(255,255,255,.97); border: 1px solid rgba(0,0,0,.06); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--dark); transition: .2s; box-shadow: 0 2px 6px rgba(0,0,0,.12); overflow: hidden; }
.product-card:hover .card-actions .product-fav,
.product-card:hover .card-actions .product-cmp { opacity: 1; transform: translateX(0); }
.card-actions .product-cmp:hover { background: var(--tan-dark); color: #fff; }
.card-actions .product-fav:hover { background: var(--dark); color: #fff; }
.card-actions .product-cmp svg,
.card-actions .product-fav svg { width: 16px; height: 16px; display: block; }
.card-actions .product-fav.active,
.card-actions .product-cmp.active { background: var(--tan-dark); color: #fff; opacity: 1; transform: translateX(0); }
/* Mobilde her zaman görünür */
@media(max-width:768px){
  .card-actions .product-fav,
  .card-actions .product-cmp { opacity: 1; transform: translateX(0); }
}

/* ============ HEMEN AL BUTONU ============ */
.btn-dark { background: var(--dark); color: #fff; border: none; }
.btn-dark:hover { background: #000; color: #fff; }
/* Mobilde buy-actions: Sepete Ekle + Hemen Al üst satır, ikonlar alt satır */
@media(max-width:560px){
  .buy-actions { grid-template-columns: 1fr 1fr; gap: 10px; }
  .btn-buy, .btn-buynow { font-size: 13.5px; padding: 16px 10px; }
  .btn-icon-action { width: 100%; height: 48px; }
}

/* ============ ÖDEME YÖNTEMİ SEÇİMİ ============ */
.payment-option {
  display: flex; align-items: center; gap: 12px;
  padding: 16px 18px; margin-bottom: 10px;
  border: 1.5px solid var(--border); border-radius: 14px;
  cursor: pointer; transition: .18s; font-size: 15px; font-weight: 500;
  background: #fff;
}
.payment-option:hover { border-color: var(--tan); background: var(--cream-light); }
.payment-option input[type="radio"] { width: 20px; height: 20px; accent-color: var(--tan-dark); cursor: pointer; flex-shrink: 0; }
.payment-option:has(input:checked), .payment-option.selected { border-color: var(--tan-dark); background: var(--cream-light); box-shadow: 0 0 0 3px rgba(201,168,119,.15); }

/* ============ GOOGLE İLE GİRİŞ ============ */
.auth-divider { display: flex; align-items: center; text-align: center; margin: 20px 0; color: var(--text-muted); font-size: 13px; }
.auth-divider::before, .auth-divider::after { content: ''; flex: 1; height: 1px; background: var(--border); }
.auth-divider span { padding: 0 14px; }
.btn-google { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 13px; border: 1.5px solid var(--border); border-radius: 12px; background: #fff; color: var(--dark); font-size: 15px; font-weight: 600; cursor: pointer; transition: .2s; text-decoration: none; }
.btn-google:hover { border-color: var(--tan); background: var(--cream-light); }

/* ============ HAMBURGER + YAN MENÜ (DRAWER) ============ */
.hamburger-btn { display: none; align-items: center; justify-content: center; width: 42px; height: 42px; border: none; background: transparent; cursor: pointer; color: var(--dark); padding: 0; margin-right: 4px; border-radius: 10px; transition: .2s; }
.hamburger-btn:hover { background: var(--cream-light); }
.hamburger-btn svg { width: 24px; height: 24px; }

.drawer-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.45); opacity: 0; visibility: hidden; transition: .3s; z-index: 998; }
.drawer-overlay.open { opacity: 1; visibility: visible; }

.drawer { position: fixed; top: 0; left: 0; width: 86%; max-width: 360px; height: 100%; background: #fff; z-index: 999; transform: translateX(-100%); transition: transform .32s cubic-bezier(.4,0,.2,1); overflow-y: auto; box-shadow: 4px 0 30px rgba(0,0,0,.18); }
.drawer.open { transform: translateX(0); }
.drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 22px 22px 18px; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: #fff; z-index: 2; }
.drawer-head span { font-family: var(--font-head); font-size: 19px; font-weight: 600; letter-spacing: .08em; color: var(--dark); }
.drawer-close { border: none; background: transparent; cursor: pointer; color: var(--dark); padding: 4px; display: flex; }

.drawer-nav { padding: 6px 0 40px; }
.drawer-link { display: flex; align-items: center; gap: 14px; padding: 15px 22px; color: var(--dark); text-decoration: none; font-size: 15.5px; font-weight: 500; border-bottom: 1px solid #f3f1ec; transition: .15s; }
.drawer-link:hover { background: var(--cream-light); }
.drawer-ic { width: 22px; height: 22px; flex-shrink: 0; color: var(--tan-dark); display: flex; align-items: center; justify-content: center; }
.drawer-ic svg { width: 20px; height: 20px; }

/* Kategori satırı — solda küçük görsel */
.drawer-cat { border-bottom: 1px solid #f3f1ec; }
.drawer-cat-main { position: relative; border-bottom: none; }
.drawer-cat-thumb { width: 38px; height: 38px; border-radius: 9px; overflow: hidden; flex-shrink: 0; background: var(--cream-light); display: flex; align-items: center; justify-content: center; }
.drawer-cat-thumb img { width: 100%; height: 100%; object-fit: cover; }
.drawer-cat-thumb svg { width: 19px; height: 19px; color: var(--tan-dark); }
.drawer-cat-name { flex: 1; }
.drawer-expand { border: none; background: transparent; padding: 8px; cursor: pointer; color: #9aa1ab; display: flex; transition: transform .25s; margin: -8px -8px -8px 0; }
.drawer-cat.open .drawer-expand { transform: rotate(90deg); }
.drawer-sub { max-height: 0; overflow: hidden; transition: max-height .3s ease; background: var(--cream-light); }
.drawer-cat.open .drawer-sub { max-height: 500px; }
.drawer-sub-link { display: block; padding: 12px 22px 12px 76px; color: var(--text); text-decoration: none; font-size: 14px; border-top: 1px solid #ece9e2; transition: .15s; }
.drawer-sub-link:hover { color: var(--tan-dark); padding-left: 80px; }

/* Hamburger sadece mobil/tablette görünür */
@media(max-width: 992px){
  .hamburger-btn { display: flex; }
  .main-nav { display: none; }   /* üst yatay menü gizlenir, drawer kullanılır */
}

/* Çok dar ekran: header sıkışmasını önle ama etiketleri KORU */
@media (max-width: 430px){
  .hdr-act-lbl { display: block; font-size: 9.5px; }
  .header-actions { gap: 13px; }
  .site-logo .logo-img { max-height: 32px; }
  .hamburger-btn { width: 36px; height: 36px; margin-right: 0; }
  .hdr-act svg { width: 20px; height: 20px; }
}

/* ============ MOBİL FİLTRE BARI (TRENDYOL TARZI) ============ */
.mobile-filter-bar { display: none; }
.filters-overlay { display: none; }
.filters-head { display: none; }

@media (max-width: 992px) {
  .mobile-filter-bar { display: flex; gap: 12px; margin-bottom: 18px; align-items: stretch; }
  .mfb-btn { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 12px 20px; background: var(--dark); color: #fff; border: none; border-radius: 12px; font-size: 14.5px; font-weight: 600; cursor: pointer; }
  .mfb-sort { flex: 1; padding: 12px 14px; border: 1.5px solid var(--border); border-radius: 12px; background: #fff; font-size: 14px; font-family: inherit; }

  /* Filtreler paneli: alttan açılır */
  .filters { position: fixed; bottom: 0; left: 0; right: 0; max-height: 88vh; background: #fff; z-index: 1000; transform: translateY(100%); transition: transform .32s cubic-bezier(.4,0,.2,1); overflow-y: auto; border-radius: 22px 22px 0 0; box-shadow: 0 -10px 40px rgba(0,0,0,.2); padding: 0 20px 30px; }
  .filters.open { transform: translateY(0); }
  .filters-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 0 14px; position: sticky; top: 0; background: #fff; border-bottom: 1px solid var(--border); margin-bottom: 16px; z-index: 2; }
  .filters-head span { font-family: var(--font-head); font-size: 20px; font-weight: 600; color: var(--dark); }
  .filters-close { border: none; background: transparent; cursor: pointer; color: var(--dark); padding: 4px; display: flex; }

  .filters-overlay { display: block; position: fixed; inset: 0; background: rgba(0,0,0,.45); opacity: 0; visibility: hidden; transition: .3s; z-index: 999; }
  .filters-overlay.open { opacity: 1; visibility: visible; }

  /* Liste başındaki eski sıralama select'i mobilde gizle (mfb-sort var) */
  .list-header select { display: none; }
}

/* Drawer başlık logosu */
.drawer-logo { display: flex; align-items: center; text-decoration: none; }
.drawer-logo img { max-height: 38px; width: auto; }
.drawer-logo span { font-family: var(--font-head); font-size: 20px; font-weight: 700; color: var(--dark); letter-spacing: .02em; }

/* ============ ÜRÜN AÇIKLAMA KARTLARI ============ */
.detail-desc {
  background: var(--cream-light);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 16px 20px;
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--text);
  margin: 4px 0 14px;
}
.detail-full-desc {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 26px 28px;
  margin-top: 24px;
  line-height: 1.8;
  color: var(--text);
  font-size: 15px;
}
.detail-full-desc h3 {
  font-family: var(--font-head);
  font-size: 22px;
  font-weight: 600;
  color: var(--dark);
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--cream-light);
}
@media(max-width:560px){
  .detail-full-desc { padding: 20px; border-radius: 14px; }
  .detail-desc { padding: 14px 16px; }
}