/* ═══════════════════════════════════════════════════════════════════════
   Uyan Parça — Üst Bölüm (header + marka şeridi) · OPB_UST_V1 · Eki 2026
   Yalnız uyanparca.com, bütün mağaza sayfaları. Sadece görünüm: sepet,
   ödeme ve PayTR akışına dokunmaz. Geri almak: view'lardaki iki satırı sil.
   ═══════════════════════════════════════════════════════════════════════ */
@font-face { font-family: OpbSora; src: url('/css/sora-700-latin-ext.woff2') format('woff2'); font-weight: 700; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+20A0-20C0; }
@font-face { font-family: OpbSora; src: url('/css/sora-700-latin.woff2') format('woff2'); font-weight: 700; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212; }

:root {
  --u-gece: #003330;
  --u-lacivert: #00483f;
  --u-turuncu: #ec6a0a;
  --u-celik: #9db0c4;
  --u-cizgi: #dbe7e4;
  --u-zemin: #f3f8f7;
  --u-metin: #10302c;
  --u-kenar: clamp(16px, 2.4vw, 48px);
}

/* ── Duyuru şeridi ─────────────────────────────────────────────────── */
#wzAnnTop .ann-bar { background: var(--u-gece) !important; height: 34px; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.06); }
#wzAnnTop .ann-item { color: #c9d5e2 !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .04em; text-transform: none !important; }
#wzAnnTop .ann-item b { color: #fff; font-weight: 700; }
#wzAnnTop .ann-item i.u-nokta { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--u-turuncu); margin: 0 18px; vertical-align: 2px; }
#wzAnnTop .ann-sep { opacity: 0; }

/* ── Bilgi satırı ──────────────────────────────────────────────────── */
.wz-header .wz-header-top { background: var(--u-zemin) !important; border-bottom: 1px solid var(--u-cizgi); }
.wz-header .wz-header-top-inner { min-height: 32px; font-size: 12.5px; color: #586b68; }
.wz-header .wz-top-left { color: #586b68 !important; font-weight: 500; }
.wz-header .wz-top-left b { color: var(--u-lacivert); }
.wz-header .wz-top-right a { color: var(--u-lacivert) !important; font-weight: 600; margin-left: 22px; text-decoration: none; }
.wz-header .wz-top-right a:hover { color: var(--u-turuncu) !important; }

/* ── Ana satır: tam genişlik ───────────────────────────────────────── */
.wz-header { background: rgba(255,255,255,.97) !important; backdrop-filter: saturate(1.4) blur(10px); transition: box-shadow .3s; }
.wz-header.u-kaydi { box-shadow: 0 6px 24px rgba(0, 51, 48, .09); }
.wz-header > .container, .wz-header .container, .wz-cats > .container {
  max-width: none !important; width: 100% !important; box-sizing: border-box;
  padding-left: var(--u-kenar) !important; padding-right: var(--u-kenar) !important;
}
.wz-header-inner.wz-h-classic { gap: clamp(16px, 2.4vw, 40px) !important; min-height: 88px; }
.wz-header .wz-logo img { max-height: 58px !important; }

/* Arama */
.wz-header .wz-search { flex: 1 1 auto; max-width: 860px !important; }
.wz-header .wz-search-wrap { position: relative; }
.wz-header .wz-search-wrap input#wzSearch {
  height: 52px !important; border-radius: 14px !important; background: #fff !important;
  border: 2px solid var(--u-cizgi) !important; padding: 0 64px 0 48px !important;
  font-size: 15px !important; color: var(--u-metin); box-shadow: none !important; transition: border-color .2s, box-shadow .2s;
}
.wz-header .wz-search-wrap input#wzSearch:hover { border-color: #cfd8e4 !important; }
.wz-header .wz-search-wrap input#wzSearch:focus { outline: none; border-color: var(--u-lacivert) !important; box-shadow: 0 0 0 4px rgba(236, 106, 10, .14) !important; }
.wz-header .wz-search-icon { left: 16px !important; color: #7d8ea3; display: flex; align-items: center; top: 50% !important; transform: translateY(-50%); }
.wz-header .wz-search-icon svg { width: 20px; height: 20px; }
.wz-header .wz-search-vin-btn, .wz-header .wz-search-scan-btn, .wz-header .wz-search-ai-btn { display: none !important; }
.wz-header .wz-search-submit-btn {
  position: absolute !important; right: 6px !important; top: 50% !important; transform: translateY(-50%);
  width: 44px !important; height: 40px !important; border-radius: 10px !important; border: 0 !important;
  background: var(--u-turuncu) !important; color: #fff !important; display: grid !important; place-items: center; cursor: pointer;
  transition: background .2s;
}
.wz-header .wz-search-submit-btn:hover { background: var(--u-lacivert) !important; }
.wz-header .wz-search-submit-btn svg { width: 20px; height: 20px; }
.wz-header .wz-search-chips { gap: 8px !important; margin-top: 8px !important; }
.wz-header .wz-chip-btn {
  display: inline-flex !important; align-items: center; gap: 6px; height: 28px; padding: 0 11px !important;
  border-radius: 999px !important; border: 1px solid var(--u-cizgi) !important; background: #fff !important;
  color: var(--u-lacivert) !important; font-size: 12px !important; font-weight: 600 !important; cursor: pointer;
  transition: border-color .2s, color .2s;
}
.wz-header .wz-chip-btn svg { width: 14px; height: 14px; color: var(--u-turuncu); }
.wz-header .wz-chip-btn:hover { border-color: var(--u-turuncu) !important; color: var(--u-turuncu) !important; }

/* Hesap / favori / sepet */
.wz-header .wz-nav { gap: 6px !important; }
.wz-header .wz-nav-item { display: flex !important; flex-direction: column; align-items: center; gap: 4px; padding: 6px 12px !important; border-radius: 12px; color: var(--u-lacivert) !important; font-size: 12px !important; font-weight: 600 !important; text-decoration: none; position: relative; transition: background .2s; }
.wz-header .wz-nav-item:hover { background: var(--u-zemin); }
.wz-header .wz-nav-icon { font-size: 0 !important; width: 26px; height: 26px; display: grid !important; place-items: center; color: var(--u-lacivert); }
.wz-header .wz-nav-icon svg { width: 24px; height: 24px; }
.wz-header .wz-cart-count { background: var(--u-turuncu) !important; color: #fff !important; font-size: 10.5px !important; font-weight: 800 !important; min-width: 18px; height: 18px; border-radius: 9px !important; border: 2px solid #fff; top: 0 !important; right: 6px !important; }

/* ── Kategori şeridi: lacivert gösterge çubuğu ─────────────────────── */
.wz-cats { background: var(--u-gece) !important; border: 0 !important; }
.wz-cats-wrap { min-height: 48px; display: flex; align-items: center; gap: 0 !important; overflow-x: auto; scrollbar-width: none; }
.wz-cats-wrap::-webkit-scrollbar { display: none; }
.wz-cats .wz-cat-link {
  position: relative; color: #dbe4ee !important; font-family: OpbSora, Inter, sans-serif !important; font-weight: 700 !important;
  font-size: 12.5px !important; letter-spacing: .07em; text-transform: uppercase; padding: 0 18px !important; line-height: 48px;
  white-space: nowrap; text-decoration: none; transition: color .2s;
}
.wz-cats .wz-cat-link + .wz-cat-link::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 14px; margin-top: -7px; background: rgba(157, 176, 196, .28); }
.wz-cats .wz-cat-link::after { content: ""; position: absolute; left: 18px; right: 18px; bottom: 9px; height: 2px; border-radius: 2px; background: var(--u-turuncu); transform: scaleX(0); transform-origin: left; transition: transform .28s cubic-bezier(.2,.7,.2,1); }
.wz-cats .wz-cat-link:hover, .wz-cats .wz-cat-link.active { color: #fff !important; background: transparent !important; }
.wz-cats .wz-cat-link:hover::after, .wz-cats .wz-cat-link.active::after { transform: scaleX(1); }
.wz-cats .wz-cat-burger {
  display: inline-flex !important; align-items: center; gap: 8px; height: 34px; margin-right: 14px; padding: 0 14px !important;
  border-radius: 9px; background: var(--u-turuncu) !important; color: #fff !important; font-family: OpbSora, Inter, sans-serif; font-weight: 700; font-size: 12.5px !important; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; white-space: nowrap;
}
.wz-cats .wz-badge-new { display: none !important; }
.wz-mega-l0-icon { display: none !important; }

/* ── Marka şeridi: boydan boya ─────────────────────────────────────── */
#wzStoriesOutside { background: #fff; border-bottom: 1px solid var(--u-cizgi); }
#wzStoriesOutside .wz-stories-section { padding: 14px 0 10px !important; margin: 0 !important; }
#wzStoriesOutside .wz-stories-wrap { max-width: none !important; width: 100% !important; padding: 0 var(--u-kenar) !important; box-sizing: border-box; }
#wzStoriesOutside .wz-stories-scroll {
  gap: clamp(10px, 1.4vw, 22px) !important; justify-content: flex-start;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 56px, #000 calc(100% - 56px), transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 56px, #000 calc(100% - 56px), transparent 100%);
  padding: 4px 40px !important; scroll-padding: 0 40px;
}
#wzStoriesOutside .wz-story-front { flex: 0 0 auto; width: auto !important; min-width: 84px; text-decoration: none; }
#wzStoriesOutside .wz-story-ring {
  width: 74px !important; height: 74px !important; padding: 0 !important; border-radius: 50%;
  background: #fff !important; border: 1px solid var(--u-cizgi) !important;
  box-shadow: 0 1px 2px rgba(0, 51, 48,.05), 0 6px 16px rgba(0, 51, 48,.06), inset 0 0 0 5px #fff, inset 0 0 0 6px #eef2f7 !important;
  transition: border-color .25s, box-shadow .25s, transform .25s;
}
#wzStoriesOutside .wz-story-ring::before, #wzStoriesOutside .wz-story-ring::after { display: none !important; }
#wzStoriesOutside .wz-story-img { width: 70% !important; height: 70% !important; object-fit: contain !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; margin: 15% !important; }
#wzStoriesOutside .wz-story-new-badge { display: none !important; }
#wzStoriesOutside .wz-story-front:hover .wz-story-ring { border-color: var(--u-turuncu) !important; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(236, 106, 10, .16), inset 0 0 0 5px #fff, inset 0 0 0 6px #ffe2d3 !important; }
#wzStoriesOutside .wz-story-title { margin-top: 8px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .06em; color: #3b4b5f !important; text-transform: uppercase; }
#wzStoriesOutside .wz-story-front:hover .wz-story-title { color: var(--u-turuncu) !important; }
#wzStoriesOutside .wz-stories-nav {
  width: 36px !important; height: 36px !important; border-radius: 50% !important; border: 0 !important; z-index: 3;
  background: var(--u-lacivert) !important; color: #fff !important; box-shadow: 0 6px 16px rgba(0, 51, 48,.25) !important;
}
#wzStoriesOutside .wz-stories-nav.left { left: calc(var(--u-kenar) - 4px) !important; }
#wzStoriesOutside .wz-stories-nav.right { right: calc(var(--u-kenar) - 4px) !important; }
#wzStoriesOutside .wz-stories-nav svg { stroke: #fff !important; }
#wzStoriesOutside .wz-stories-nav:hover { background: var(--u-turuncu) !important; }

/* Klavye odağı */
.wz-header a:focus-visible, .wz-header button:focus-visible, .wz-cats a:focus-visible, #wzStoriesOutside a:focus-visible {
  outline: 2px solid var(--u-turuncu); outline-offset: 2px; border-radius: 8px;
}

/* ── Mobil ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  #wzAnnTop .ann-bar { height: 30px; }
  #wzAnnTop .ann-item { font-size: 11px !important; }
  .wz-header-inner.wz-h-classic { min-height: 0; gap: 10px !important; padding-top: 10px !important; padding-bottom: 10px !important; }
  .wz-header .wz-logo img { max-height: 42px !important; }
  .wz-header .wz-search { max-width: none !important; }
  .wz-header .wz-search-wrap input#wzSearch { height: 48px !important; font-size: 16px !important; border-radius: 12px !important; }
  .wz-header .wz-search-chips { flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
  .wz-header .wz-search-chips::-webkit-scrollbar { display: none; }
  .wz-header .wz-chip-btn { flex: 0 0 auto; height: 32px; font-size: 12.5px !important; }
  .wz-header .wz-nav-item { padding: 4px 6px !important; }
  .wz-header .wz-nav-item > span:not(.wz-nav-icon):not(.wz-cart-count) { display: none; }
  .wz-header .wz-mobile-hamburger { color: var(--u-lacivert); }
  #wzStoriesOutside .wz-stories-section { padding: 10px 0 8px !important; }
  #wzStoriesOutside .wz-stories-scroll { padding: 2px 12px !important; -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent 100%); mask-image: linear-gradient(90deg, #000 85%, transparent 100%); }
  #wzStoriesOutside .wz-story-front { min-width: 64px; }
  #wzStoriesOutside .wz-story-ring { width: 60px !important; height: 60px !important; }
  #wzStoriesOutside .wz-story-title { font-size: 10px !important; }
  #wzStoriesOutside .wz-stories-nav { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .wz-cats .wz-cat-link::after, #wzStoriesOutside .wz-story-ring { transition: none; }
}

/* ── v3: sağ blok (hesap · favori · sepet) ─────────────────────────── */
.wz-header .wz-search { margin-right: auto; }
.wz-header .wz-nav { margin-left: auto !important; display: flex !important; align-items: center; gap: 4px !important; }
.wz-header .wz-nav-item { flex-direction: row !important; gap: 10px !important; padding: 8px 12px !important; }
.wz-header .wz-nav-item > span:not(.wz-nav-icon):not(.wz-cart-count) { font-size: 13px; font-weight: 700; color: var(--u-lacivert); line-height: 1.15; }
.wz-header .wz-nav-icon { width: 40px !important; height: 40px !important; border-radius: 12px; background: var(--u-zemin); transition: background .2s, color .2s; }
.wz-header .wz-nav-item:hover { background: transparent; }
.wz-header .wz-nav-item:hover .wz-nav-icon { background: var(--u-turuncu); color: #fff; }
.wz-header .wz-nav-item.wz-cart-btn { margin-left: 6px; padding: 6px 16px 6px 6px !important; border-radius: 16px; border: 1.5px solid var(--u-turuncu); }
.wz-header .wz-nav-item.wz-cart-btn .wz-nav-icon { background: var(--u-turuncu); color: #fff; }
.wz-header .wz-nav-item.wz-cart-btn:hover { background: #fde6d3; }
.wz-header .wz-cart-count { top: -6px !important; right: -6px !important; left: auto !important; background: var(--u-lacivert) !important; }
@media (max-width: 1100px) { .wz-header .wz-nav-item > span:not(.wz-nav-icon):not(.wz-cart-count) { display: none; } .wz-header .wz-nav-item.wz-cart-btn { padding: 6px !important; } }

/* ── v3: rengarenk marka halkaları (renk JS'ten --m) ───────────────── */
#wzStoriesOutside .wz-stories-scroll { padding-top: 12px !important; padding-bottom: 6px !important; overflow-y: visible; }
#wzStoriesOutside .wz-story-ring {
  border: 2.5px solid var(--m, var(--u-cizgi)) !important;
  background: radial-gradient(circle at 50% 50%, #fff 58%, color-mix(in srgb, var(--m, #fff) 12%, #fff) 100%) !important;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--m, #003330) 18%, transparent), inset 0 0 0 4px #fff !important;
}
#wzStoriesOutside .wz-story-front:hover .wz-story-ring {
  border-color: var(--m, var(--u-turuncu)) !important; transform: translateY(-4px) scale(1.04);
  box-shadow: 0 14px 26px color-mix(in srgb, var(--m, #ec6a0a) 32%, transparent), inset 0 0 0 4px #fff !important;
}
#wzStoriesOutside .wz-story-title { color: color-mix(in srgb, var(--m, #3b4b5f) 70%, #10302c) !important; }
#wzStoriesOutside .wz-story-front:hover .wz-story-title { color: var(--m, var(--u-turuncu)) !important; }

/* ── v4: arama "Hesabım"a kadar uzansın ────────────────────────────── */
.wz-header .wz-search { flex: 1 1 auto !important; max-width: none !important; margin-right: 0 !important; }
.wz-header .wz-nav { margin-left: 0 !important; flex: 0 0 auto; }

/* ── Mobil menü (çekmece) · v4 ─────────────────────────────────────── */
#wzDrawer.wz-drawer { width: min(92vw, 400px) !important; background: var(--u-zemin) !important; display: flex !important; flex-direction: column; box-shadow: 24px 0 60px rgba(0, 51, 48, .25); }
#wzDrawer .wz-drawer-header { background: #fff !important; padding: 14px 16px !important; display: flex !important; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--u-cizgi); }
#wzDrawer .u-c-logo img { height: 38px; width: auto; display: block; }
#wzDrawer .u-c-kapat { width: 40px !important; height: 40px !important; border-radius: 12px !important; background: var(--u-zemin) !important; color: var(--u-lacivert) !important; border: 0 !important; display: grid !important; place-items: center; }
.u-c-ust { padding: 14px 14px 6px; display: grid; gap: 12px; }
.u-c-asistan { border-radius: 20px; padding: 14px; background: linear-gradient(150deg, var(--u-gece) 0%, var(--u-lacivert) 75%, #0b6157 100%); color: #fff; box-shadow: 0 14px 30px rgba(0, 51, 48, .25); position: relative; overflow: hidden; }
.u-c-asistan::after { content: ""; position: absolute; right: -40px; top: -40px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient(circle, rgba(236, 106, 10, .35), transparent 70%); pointer-events: none; }
.u-c-asistan-bas { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; position: relative; z-index: 1; }
.u-c-asistan-bas > svg { width: 34px; height: 34px; padding: 7px; border-radius: 11px; background: var(--u-turuncu); color: #fff; flex: 0 0 auto; box-sizing: border-box; }
.u-c-asistan-bas b { display: block; font-family: OpbSora, Inter, sans-serif; font-size: 15px; }
.u-c-asistan-bas small { display: block; font-size: 11.5px; color: #a9bbd1; margin-top: 2px; }
.u-c-ara { position: relative; display: flex; align-items: center; background: #fff; border-radius: 14px; height: 50px; padding: 0 6px 0 12px; gap: 8px; z-index: 1; margin: 0; }
.u-c-ara > svg { width: 18px; height: 18px; color: #7d8ea3; flex: 0 0 auto; }
.u-c-ara input { flex: 1; min-width: 0; border: 0; outline: 0; font-size: 16px; color: var(--u-metin); background: transparent; height: 100%; }
.u-c-ara button { width: 40px; height: 38px; border-radius: 10px; border: 0; background: var(--u-turuncu); color: #fff; display: grid; place-items: center; }
.u-c-ara button svg { width: 18px; height: 18px; }
.u-c-algi { position: relative; z-index: 1; margin: 8px 2px 0; font-size: 11.5px; font-weight: 600; color: #c9d5e2; }
.u-c-algi.vin, .u-c-algi.uyum { color: #ffb48a; }
.u-c-algi.kod { color: #8fd3ff; }
.u-c-oneriler { position: relative; z-index: 1; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin-top: 10px; }
.u-c-oneriler::-webkit-scrollbar { display: none; }
.u-c-oneriler button { flex: 0 0 auto; height: 30px; padding: 0 11px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .08); color: #fff; font-size: 12px; font-weight: 600; }
.u-c-araclar { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1.25fr .9fr; gap: 6px; margin-top: 10px; }
.u-c-araclar button { display: flex; align-items: center; justify-content: center; gap: 6px; height: 38px; border-radius: 11px; border: 0; background: rgba(255, 255, 255, .12); color: #fff; font-size: 12px; font-weight: 700; white-space: nowrap; }
.u-c-araclar button svg { width: 15px; height: 15px; color: #f5862f; }
.u-c-araclar .u-c-sase { background: var(--u-turuncu); }
.u-c-araclar .u-c-sase svg { color: #fff; }
.u-c-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.u-c-izgara a { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 4px; border-radius: 16px; background: #fff; border: 1px solid var(--u-cizgi); color: var(--u-lacivert); font-size: 11px; font-weight: 700; text-decoration: none; text-align: center; }
.u-c-izgara a svg { width: 22px; height: 22px; color: var(--u-turuncu); }
.u-c-izgara a:active, #wzDrawer .u-c-markalar .wz-drawer-item:active { transform: scale(.97); }
#wzDrawer .wz-drawer-section-title { padding: 14px 18px 8px !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .12em; color: var(--u-celik) !important; text-transform: uppercase; border: 0 !important; }
#wzDrawer .u-c-markalar { flex: 1; overflow-y: auto; display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 0 14px 14px !important; align-content: start; }
#wzDrawer .u-c-markalar .wz-drawer-item { display: flex !important; flex-direction: column; align-items: center; gap: 6px; padding: 12px 4px 10px !important; border: 1px solid var(--u-cizgi) !important; border-radius: 16px; background: #fff !important; text-decoration: none; min-height: 0 !important; }
.u-c-halka { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; border: 2.5px solid var(--m, var(--u-cizgi)); box-shadow: 0 6px 14px color-mix(in srgb, var(--m, #003330) 18%, transparent), inset 0 0 0 3px #fff; background: radial-gradient(circle, #fff 58%, color-mix(in srgb, var(--m, #fff) 12%, #fff) 100%); }
.u-c-halka img { width: 64%; height: 64%; object-fit: contain; }
.u-c-halka b { font-family: OpbSora, Inter, sans-serif; color: var(--m); font-size: 18px; }
.u-c-ad { font-size: 12px; font-weight: 700; color: var(--u-lacivert); }
#wzDrawer .wz-drawer-footer { background: #fff !important; border-top: 1px solid var(--u-cizgi); padding: 12px 14px calc(12px + env(safe-area-inset-bottom)) !important; }
.u-c-wa { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 14px; background: #effbf4; border: 1px solid #bfe8d0; color: #128c4a; text-decoration: none; }
.u-c-wa b { display: block; font-size: 14px; }
.u-c-wa small { display: block; font-size: 11.5px; color: #3f7d5a; }
.u-c-linkler { display: flex; justify-content: center; gap: 16px; margin-top: 10px; }
.u-c-linkler a { font-size: 12.5px; font-weight: 600; color: var(--u-lacivert); text-decoration: none; }

/* Header araması: algılama etiketi */
.wz-header .u-ust-algi { position: absolute; right: 58px; top: 50%; transform: translateY(-50%); height: 26px; padding: 0 10px; border-radius: 999px; display: none; align-items: center; font-size: 11.5px; font-weight: 700; background: #eef2f7; color: #586b68; pointer-events: none; white-space: nowrap; }
.wz-header .u-ust-algi.gor { display: inline-flex; }
.wz-header .u-ust-algi.vin, .wz-header .u-ust-algi.uyum { background: #fde6d3; color: #b5510a; }
.wz-header .u-ust-algi.kod { background: #e0f2fe; color: #0369a1; }
.wz-header .wz-search-wrap input#wzSearch { padding-right: 160px !important; }
@media (max-width: 768px) { .wz-header .u-ust-algi { right: 52px; font-size: 10.5px; } .wz-header .wz-search-wrap input#wzSearch { padding-right: 120px !important; } }
#wzDrawer .u-c-markalar .wz-drawer-item { height: auto !important; max-height: none !important; line-height: 1.2 !important; overflow: visible !important; }
.u-c-araclar { grid-template-columns: repeat(3, 1fr) !important; }
#wzDrawer .u-c-markalar { grid-auto-rows: max-content !important; align-content: start !important; min-height: 0; }
#wzDrawer .u-c-markalar .wz-drawer-item > .u-c-halka { display: grid !important; flex: 0 0 52px !important; width: 52px !important; height: 52px !important; min-height: 52px; overflow: hidden; }
#wzDrawer .u-c-markalar .wz-drawer-item > .u-c-ad { display: block !important; flex: 0 0 auto !important; }
#wzDrawer.wz-drawer { overflow-y: auto !important; overscroll-behavior: contain; }
#wzDrawer .u-c-markalar { flex: 0 0 auto !important; overflow: visible !important; max-height: none !important; }
#wzDrawer .u-c-markalar .wz-drawer-item { border: 1px solid var(--u-cizgi) !important; border-width: 1px !important; box-shadow: 0 1px 2px rgba(0, 51, 48, .04) !important; }
#wzDrawer .wz-drawer-footer { margin-top: auto; position: sticky; bottom: 0; }

/* Kategoriler düğmesi dikey hizası */
.wz-cats .wz-cats-wrap { height: 52px; min-height: 52px; align-items: center !important; }
.wz-cats .wz-cat-dropdown { display: flex !important; align-items: center; align-self: stretch; height: 52px !important; margin: 0 !important; padding: 0 !important; }
.wz-cats .wz-cat-burger { margin: 0 14px 0 0 !important; line-height: 1 !important; height: 34px !important; }
.wz-cats .wz-cat-link { line-height: 52px !important; height: 52px; display: inline-flex !important; align-items: center; }
.wz-cats .wz-cat-link::after { bottom: 11px; }

/* ── Sepet çekmecesi · v5 ──────────────────────────────────────────── */
#wzCartDrawer.wz-cart-drawer { width: min(100vw, 440px) !important; background: var(--u-zemin) !important; display: flex !important; flex-direction: column; box-shadow: -24px 0 60px rgba(0, 51, 48, .22) !important; }
#wzCartDrawer .wz-cd-head { display: flex !important; align-items: center; gap: 10px; padding: 18px 20px !important; background: #fff !important; border-bottom: 1px solid var(--u-cizgi) !important; }
#wzCartDrawer .wz-cd-head strong { font-family: OpbSora, Inter, sans-serif; font-size: 20px !important; color: var(--u-lacivert) !important; }
#wzCartDrawer .u-s-adet { height: 24px; padding: 0 10px; border-radius: 999px; background: #fde6d3; color: #b5510a; font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; }
#wzCartDrawer .wz-cd-close { margin-left: auto !important; width: 40px !important; height: 40px !important; border-radius: 12px !important; border: 0 !important; background: var(--u-zemin) !important; color: var(--u-lacivert) !important; display: grid !important; place-items: center; cursor: pointer; transition: background .2s, color .2s; }
#wzCartDrawer .wz-cd-close:hover { background: var(--u-turuncu) !important; color: #fff !important; }
#wzCartDrawer .wz-cd-body { flex: 1; overflow-y: auto; padding: 16px !important; display: flex; flex-direction: column; gap: 10px; }

/* Kalemler */
#wzCartDrawer .wz-cd-item { position: relative; display: flex !important; gap: 14px; padding: 12px !important; margin: 0 !important; border: 1px solid var(--u-cizgi) !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 1px 2px rgba(0, 51, 48, .04); }
#wzCartDrawer .wz-cd-item > img { width: 84px !important; height: 84px !important; border-radius: 14px !important; object-fit: contain !important; background: radial-gradient(120% 90% at 50% 35%, #fff 0%, #f3f5f9 70%, #e9edf3 100%) !important; padding: 6px; box-sizing: border-box; mix-blend-mode: multiply; flex: 0 0 auto; border: 0 !important; }
#wzCartDrawer .wz-cd-item-info { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; padding-right: 26px; }
#wzCartDrawer .wz-cd-item-name { font-size: 13.5px !important; font-weight: 600 !important; color: var(--u-metin) !important; line-height: 1.4 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-decoration: none; }
#wzCartDrawer .wz-cd-item-name:hover { color: var(--u-turuncu) !important; }
#wzCartDrawer .wz-cd-item-bottom { display: flex !important; align-items: center; justify-content: space-between; margin-top: 10px; }
#wzCartDrawer .wz-cd-qty { display: inline-flex !important; align-items: center; height: 34px; padding: 3px; border-radius: 999px !important; background: var(--u-zemin) !important; border: 0 !important; }
#wzCartDrawer .wz-cd-qty button { width: 28px !important; height: 28px !important; border-radius: 50% !important; border: 0 !important; background: #fff !important; color: var(--u-lacivert) !important; font-size: 16px !important; font-weight: 700; box-shadow: 0 1px 3px rgba(0, 51, 48, .12); cursor: pointer; }
#wzCartDrawer .wz-cd-qty button:hover { background: var(--u-turuncu) !important; color: #fff !important; }
#wzCartDrawer .wz-cd-qty span { min-width: 30px; text-align: center; font-weight: 800; color: var(--u-lacivert); }
#wzCartDrawer .wz-cd-item-price { font-family: OpbSora, Inter, sans-serif; font-size: 17px !important; font-weight: 700 !important; color: var(--u-lacivert) !important; white-space: nowrap; }
#wzCartDrawer .wz-cd-remove { position: absolute !important; top: 10px; right: 10px; width: 30px !important; height: 30px !important; border-radius: 10px !important; border: 0 !important; background: transparent !important; color: #94a3b8 !important; display: grid !important; place-items: center; cursor: pointer; }
#wzCartDrawer .wz-cd-remove:hover { background: #fef2f2 !important; color: #dc2626 !important; }

/* Alt toplam */
#wzCartDrawer .wz-cd-foot { background: #fff !important; border-top: 1px solid var(--u-cizgi) !important; padding: 16px 20px calc(16px + env(safe-area-inset-bottom)) !important; box-shadow: 0 -12px 30px rgba(0, 51, 48, .06); }
#wzCartDrawer .wz-cd-totals { margin-bottom: 14px !important; }
#wzCartDrawer .wz-cd-trow { display: flex !important; justify-content: space-between; padding: 5px 0 !important; font-size: 14px !important; color: var(--u-soluk, #586b68) !important; border: 0 !important; }
#wzCartDrawer .wz-cd-trow span:last-child { color: var(--u-lacivert); font-weight: 600; }
#wzCartDrawer .wz-cd-trow.grand { margin-top: 8px; padding-top: 12px !important; border-top: 1px dashed var(--u-cizgi) !important; color: var(--u-lacivert) !important; font-weight: 700 !important; }
#wzCartDrawer .wz-cd-trow.grand span:last-child { font-family: OpbSora, Inter, sans-serif; font-size: 26px !important; font-weight: 700; letter-spacing: -.02em; }
#wzCartDrawer .wz-cd-foot .wz-btn-primary { display: flex !important; align-items: center; justify-content: center; gap: 8px; height: 56px !important; border-radius: 16px !important; border: 0 !important; font-size: 16px !important; font-weight: 800 !important; background: linear-gradient(135deg, #ec6a0a 0%, #f5862f 100%) !important; box-shadow: 0 12px 26px rgba(236, 106, 10, .32) !important; }
#wzCartDrawer .wz-cd-foot .wz-btn-primary:hover { filter: brightness(1.05); }
#wzCartDrawer .u-s-guven { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 10px; font-size: 12px; font-weight: 600; color: #15803d; }
#wzCartDrawer .wz-cd-continue { margin-top: 6px !important; width: 100%; height: 40px; border: 0 !important; background: transparent !important; color: var(--u-lacivert) !important; font-weight: 700 !important; font-size: 13.5px !important; cursor: pointer; }
#wzCartDrawer .wz-cd-continue:hover { color: var(--u-turuncu) !important; }

/* Boş sepet */
#wzCartDrawer .wz-cd-empty { display: flex !important; flex-direction: column; align-items: center; text-align: center; padding: 28px 8px 8px !important; }
#wzCartDrawer .wz-cd-empty-icon { width: 96px !important; height: 96px !important; border-radius: 30px !important; display: grid !important; place-items: center; font-size: 0 !important; color: var(--u-turuncu); background: linear-gradient(135deg, #fde6d3 0%, #ffe2d3 100%) !important; box-shadow: 0 14px 30px rgba(236, 106, 10, .18); margin-bottom: 18px !important; transform: rotate(-6deg); }
#wzCartDrawer .wz-cd-empty-icon svg { width: 44px; height: 44px; transform: rotate(6deg); }
#wzCartDrawer .wz-cd-empty h3 { font-family: OpbSora, Inter, sans-serif; font-size: 20px !important; color: var(--u-lacivert) !important; margin: 0 0 6px !important; }
#wzCartDrawer .wz-cd-empty p { font-size: 14px !important; color: #586b68 !important; margin: 0 0 18px !important; max-width: 280px; line-height: 1.5; }
#wzCartDrawer .wz-cd-empty > .wz-btn-primary { height: 50px !important; padding: 0 28px !important; border-radius: 14px !important; border: 0 !important; font-weight: 800 !important; background: var(--u-lacivert) !important; box-shadow: 0 10px 22px rgba(0, 72, 63, .22) !important; }
#wzCartDrawer .wz-cd-empty > .wz-btn-primary:hover { background: var(--u-turuncu) !important; }
.u-s-yollar { width: 100%; margin-top: 28px; text-align: left; }
.u-s-sase { width: 100%; display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 16px; border: 0; cursor: pointer; text-align: left; color: #fff; background: linear-gradient(135deg, var(--u-gece) 0%, var(--u-lacivert) 80%); box-shadow: 0 12px 26px rgba(0, 51, 48, .2); }
.u-s-sase > svg { width: 40px; height: 40px; padding: 9px; box-sizing: border-box; border-radius: 12px; background: var(--u-turuncu); flex: 0 0 auto; }
.u-s-sase b { display: block; font-size: 14.5px; }
.u-s-sase small { display: block; font-size: 12px; color: #a9bbd1; margin-top: 2px; }
.u-s-baslik { display: block; margin: 22px 0 10px; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--u-celik); }
.u-s-markalar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.u-s-markalar a { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 4px; border-radius: 14px; background: #fff; border: 1px solid var(--u-cizgi); text-decoration: none; color: var(--u-lacivert); font-size: 12px; font-weight: 700; transition: border-color .2s, transform .2s; }
.u-s-markalar a img { width: 40px; height: 40px; object-fit: contain; padding: 6px; box-sizing: border-box; border-radius: 50%; border: 2px solid var(--m); background: #fff; }
.u-s-markalar a:hover { border-color: var(--m); transform: translateY(-2px); }

/* ── Footer · v6: tam genişlik ─────────────────────────────────────── */
footer.webyaz-footer { background: linear-gradient(180deg, #003330 0%, #00142a 100%) !important; position: relative; margin-top: 0 !important; }
footer.webyaz-footer::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, #ec6a0a, #f5862f 40%, #ec6a0a); }
.u-f-bant { padding: 34px var(--u-kenar) 0; }
.u-f-bant-ic { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 28px; border-radius: 20px; background: linear-gradient(120deg, rgba(236, 106, 10, .16), rgba(236, 106, 10, .04)); border: 1px solid rgba(236, 106, 10, .3); }
.u-f-bant b { display: block; font-family: OpbSora, Inter, sans-serif; font-size: 20px; color: #fff; }
.u-f-bant span { display: block; color: #a9bbd1; font-size: 14px; margin-top: 4px; }
.u-f-wa { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 10px; height: 50px; padding: 0 22px; border-radius: 14px; background: #25d366; color: #05391c !important; font-weight: 800; text-decoration: none; box-shadow: 0 10px 24px rgba(37, 211, 102, .25); transition: transform .2s; }
.u-f-wa:hover { transform: translateY(-2px); }
footer.webyaz-footer .webyaz-footer-main {
  max-width: none !important; width: 100% !important; box-sizing: border-box; padding: 44px var(--u-kenar) 36px !important;
  display: grid !important; grid-template-columns: minmax(260px, 1.5fr) repeat(4, minmax(0, 1fr)); gap: clamp(20px, 3vw, 56px) !important;
}
footer.webyaz-footer .webyaz-ft-col { width: auto !important; max-width: none !important; }
footer.webyaz-footer .webyaz-ft-col h4 { font-family: OpbSora, Inter, sans-serif !important; font-size: 13px !important; letter-spacing: .12em; color: #fff !important; padding-bottom: 14px !important; margin-bottom: 16px !important; border-bottom: 1px solid rgba(157, 176, 196, .18) !important; position: relative; }
footer.webyaz-footer .webyaz-ft-col h4::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 32px; height: 2px; background: #ec6a0a; }
footer.webyaz-footer .webyaz-ft-col li { margin: 0 0 4px !important; }
footer.webyaz-footer .webyaz-ft-col li a { color: #b9c7d6 !important; font-size: 14px !important; text-decoration: none; transition: color .2s, padding .2s; display: inline-block; padding: 4px 0; }
footer.webyaz-footer .webyaz-ft-col li a:hover { color: #fff !important; padding-left: 4px; }
footer.webyaz-footer .webyaz-ft-contact li { color: #b9c7d6 !important; font-size: 14px !important; }
footer.webyaz-footer .webyaz-ft-contact svg { color: #ec6a0a !important; }
.u-f-marka .u-f-logo { display: inline-block; background: #fff; border-radius: 16px; padding: 10px 14px; }
.u-f-marka .u-f-logo img { height: 44px; display: block; }
.u-f-marka p { color: #b9c7d6; font-size: 14px; line-height: 1.6; margin: 18px 0 20px; max-width: 360px; }
.u-f-rakam { list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; flex-wrap: wrap; }
.u-f-rakam li { padding: 10px 14px; border-radius: 14px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(157, 176, 196, .15); margin: 0 !important; }
.u-f-rakam b { display: block; font-family: OpbSora, Inter, sans-serif; color: #fff; font-size: 17px; }
.u-f-rakam span { display: block; color: #9db0c4; font-size: 11.5px; margin-top: 2px; }
footer.webyaz-footer .webyaz-footer-bottom { border-top: 1px solid rgba(157, 176, 196, .14) !important; background: rgba(0, 0, 0, .15) !important; }
footer.webyaz-footer .webyaz-footer-bottom-inner, footer.webyaz-footer .wz-kunye { max-width: none !important; width: 100% !important; box-sizing: border-box; padding-left: var(--u-kenar) !important; padding-right: var(--u-kenar) !important; }
footer.webyaz-footer .webyaz-footer-bottom-inner p { color: #9db0c4 !important; }
footer.webyaz-footer .webyaz-ft-payment span { background: rgba(255, 255, 255, .07) !important; border: 1px solid rgba(157, 176, 196, .2) !important; color: #fff !important; border-radius: 10px !important; }
footer.webyaz-footer .webyaz-ft-payment .u-f-paytr { display: inline-flex; align-items: center; gap: 6px; padding: 0 12px; color: #86efac !important; border-color: rgba(134, 239, 172, .35) !important; }
footer.webyaz-footer .wz-kunye { color: #7d8ea3 !important; font-size: 12px !important; }
@media (max-width: 1100px) { footer.webyaz-footer .webyaz-footer-main { grid-template-columns: 1fr 1fr 1fr; } .u-f-marka { grid-column: 1 / -1; } }
@media (max-width: 640px) {
  .u-f-bant { padding-top: 24px; }
  .u-f-bant-ic { flex-direction: column; align-items: flex-start; padding: 18px; }
  .u-f-wa { width: 100%; justify-content: center; }
  footer.webyaz-footer .webyaz-footer-main { grid-template-columns: 1fr 1fr; padding-top: 30px !important; }
}

/* Mobil logo büyük */
@media (max-width: 768px) {
  .wz-header .wz-logo { flex: 0 0 auto !important; margin-right: auto; }
  .wz-header .wz-logo img { max-height: 58px !important; height: 58px !important; width: auto !important; max-width: 140px !important; }
  .wz-header .wz-nav { gap: 2px !important; }
  .wz-header .wz-nav-item { padding: 2px !important; }
  .wz-header .wz-nav-icon { width: 38px !important; height: 38px !important; }
  .wz-header .wz-nav-item.wz-cart-btn { padding: 2px !important; margin-left: 2px; }
}
@media (max-width: 360px) { .wz-header .wz-logo img { height: 50px !important; max-height: 50px !important; } }

/* Yüklenirken footer tepede bir an görünmesin (bütün sayfalar) */
body:not(.u-hazir) #wzFooter { visibility: hidden; animation: uFooterGoster 0s linear 2s forwards; }
@keyframes uFooterGoster { to { visibility: visible; } }
body:not(.u-hazir) main.container, body:not(.u-hazir) #wzProduct { min-height: 70vh; }

/* ── Yapay zekâ arama penceresi · kurumsal ─────────────────────────── */
.u-yz .wz-ai-modal { border-radius: 24px !important; overflow: hidden; box-shadow: 0 40px 90px rgba(0, 51, 48, .35) !important; }
.u-yz .wz-ai-modal-header { background: linear-gradient(120deg, var(--u-gece) 0%, var(--u-lacivert) 70%, #0b6157 100%) !important; padding: 18px 22px !important; position: relative; }
.u-yz .wz-ai-modal-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, #ec6a0a, #f5862f); }
.u-yz .wz-ai-modal-header h3 { display: flex !important; align-items: center; gap: 10px; color: #fff !important; font-family: OpbSora, Inter, sans-serif !important; font-size: 17px !important; }
.u-yz .wz-ai-modal-header h3 svg { width: 32px; height: 32px; padding: 7px; box-sizing: border-box; border-radius: 10px; background: var(--u-turuncu); color: #fff; }
.u-yz .wz-ai-modal-close { width: 38px !important; height: 38px !important; border-radius: 12px !important; background: rgba(255, 255, 255, .12) !important; color: #fff !important; border: 0 !important; }
.u-yz .wz-ai-modal-close:hover { background: var(--u-turuncu) !important; }
.u-yz .wz-ai-modal-body > div:first-child > div:first-child { background: #fde6d3 !important; color: #b5510a !important; border-radius: 999px !important; padding: 5px 12px !important; letter-spacing: .04em; }
.u-yz .wz-ai-search-box input { height: 54px !important; border-radius: 14px !important; border: 2px solid var(--u-cizgi) !important; font-size: 15.5px !important; padding: 0 44px 0 16px !important; }
.u-yz .wz-ai-search-box input:focus { border-color: var(--u-lacivert) !important; box-shadow: 0 0 0 4px rgba(236, 106, 10, .14) !important; }
.u-yz .wz-ai-search-box button#wzAiSearchBtn { height: 54px !important; min-width: 96px; border-radius: 14px !important; border: 0 !important; background: linear-gradient(135deg, #ec6a0a, #f5862f) !important; color: #fff !important; font-weight: 800 !important; font-size: 15px !important; box-shadow: 0 10px 22px rgba(236, 106, 10, .3); }
.u-yz #wzAiSearchStatus > div:first-child { border-top-color: var(--u-turuncu) !important; width: 30px !important; height: 30px !important; }
.u-yz #wzAiSearchStatusText { font-weight: 700; color: var(--u-lacivert) !important; font-size: 14px !important; }
.u-yz .wz-ai-response-card { background: linear-gradient(135deg, #f3f8f7, #fff) !important; border: 1px solid var(--u-cizgi) !important; border-left: 4px solid var(--u-turuncu) !important; border-radius: 16px !important; color: var(--u-metin) !important; font-size: 14.5px !important; line-height: 1.6 !important; padding: 16px 18px !important; }
.u-yz .wz-ai-prod-card-wrap { border-radius: 16px !important; border: 1px solid var(--u-cizgi) !important; background: #fff !important; overflow: hidden; transition: transform .2s, box-shadow .2s, border-color .2s; }
.u-yz .wz-ai-prod-card-wrap:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(0, 51, 48, .12); border-color: rgba(236, 106, 10, .35) !important; }
.u-yz .wz-ai-prod-img { object-fit: contain !important; background: #f3f8f7 !important; border-radius: 12px !important; mix-blend-mode: multiply; }
.u-yz .wz-ai-prod-name { color: var(--u-metin) !important; font-weight: 600 !important; }
.u-yz .wz-ai-prod-price { color: var(--u-lacivert) !important; font-weight: 800 !important; font-family: OpbSora, Inter, sans-serif; }
.u-yz .wz-ai-prod-buy-btn { background: var(--u-lacivert) !important; color: #fff !important; border: 0 !important; font-weight: 700 !important; }
.u-yz .wz-ai-prod-buy-btn:hover:not(:disabled) { background: var(--u-turuncu) !important; }
.u-yz .wz-ai-prod-buy-btn:disabled { background: #dbe7e4 !important; color: #7d8ea3 !important; }

/* WhatsApp düğmeleri: üzerine gelince beyaz yazı (turuncu olmasın) */
footer.webyaz-footer a.u-f-wa:hover, footer.webyaz-footer a.u-f-wa:focus-visible,
a.u-wa-dugme:hover, a.u-c-wa:hover { color: #fff !important; background: #1da851 !important; }
footer.webyaz-footer a.u-f-wa:hover svg, a.u-wa-dugme:hover svg { color: #fff !important; fill: #fff !important; }

/* Footer logosu: beyaz sürüm, kutusuz */
.u-f-marka .u-f-logo { background: transparent !important; padding: 0 !important; border-radius: 0 !important; margin-left: -6px; }
.u-f-marka .u-f-logo img { height: 92px !important; width: auto !important; }
@media (max-width: 640px) { .u-f-marka .u-f-logo img { height: 76px !important; } }

/* Footer: pazaryeri puan rozetleri */
.u-f-pazar { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.u-f-pazar a { display: flex; flex-direction: column; gap: 2px; padding: 10px 14px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(157,176,196,.15); border-left: 3px solid var(--m); text-decoration: none; transition: background .2s; }
.u-f-pazar a:hover { background: rgba(255,255,255,.09); }
.u-f-pazar b { font-size: 13px; color: var(--m); font-family: OpbSora, Inter, sans-serif; }
.u-f-pazar span { font-size: 12px; color: #9db0c4; }
.u-f-pazar strong { color: #fff; font-size: 14px; }

/* ── Mobil alt menü: pastel zemin, ortada WhatsApp akıllı asistan ─── */
.wz-mbar.u-mbar {
  display: grid !important; grid-template-columns: repeat(5, 1fr); align-items: end; height: auto !important; min-height: 64px;
  padding: 6px 6px calc(6px + env(safe-area-inset-bottom)) !important; overflow: visible !important;
  background: linear-gradient(180deg, #fff6ef 0%, #fdeee3 100%) !important;
  border-top: 1px solid #f6dccb !important; border-radius: 20px 20px 0 0;
  box-shadow: 0 -8px 26px rgba(236, 106, 10, .12) !important;
}
.u-mb { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 3px; text-decoration: none; color: #4a5a6e; padding: 4px 0 2px; -webkit-tap-highlight-color: transparent; }
.u-mb-ik { position: relative; width: 40px; height: 32px; border-radius: 12px; display: grid; place-items: center; color: #00483f; transition: background .2s, color .2s; }
.u-mb-ik svg { width: 23px; height: 23px; }
.u-mb-ad { font-size: 10.5px; font-weight: 700; letter-spacing: .01em; color: #3b4b5f; white-space: nowrap; }
.u-mb.etkin .u-mb-ik { background: #00483f; color: #fff; }
.u-mb.etkin .u-mb-ad { color: #00483f; }
.u-mb:active .u-mb-ik { transform: scale(.92); }
.u-mb-hesap .u-mb-ik { background: #ffffff; box-shadow: 0 2px 8px rgba(0, 72, 63, .12); }
.u-mb-hesap.etkin .u-mb-ik { background: #00483f; }
.u-mb-rozet { position: absolute !important; top: -4px; right: -2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #ec6a0a !important; color: #fff !important; font-size: 10.5px; font-weight: 800; display: grid; place-items: center; border: 2px solid #fff6ef; box-sizing: border-box; line-height: 1; }
/* Orta: WhatsApp */
.u-mb-wa { position: relative; }
.u-mb-wa-daire { position: relative; width: 60px; height: 60px; margin-top: -30px; border-radius: 50%; display: grid; place-items: center; color: #fff;
  background: linear-gradient(145deg, #2fe07a 0%, #1fb85b 60%, #14954a 100%);
  box-shadow: 0 10px 22px rgba(31, 184, 91, .45), 0 0 0 5px #fff6ef; }
.u-mb-wa-daire svg { width: 30px; height: 30px; }
.u-mb-wa-daire::before { content: ""; position: absolute; inset: -5px; border-radius: 50%; border: 2px solid rgba(37, 211, 102, .55); animation: uWaNabiz 2.2s ease-out infinite; }
@keyframes uWaNabiz { 0% { transform: scale(.92); opacity: .9; } 100% { transform: scale(1.35); opacity: 0; } }
.u-mb-724 { position: absolute; top: -6px; right: -10px; padding: 2px 6px; border-radius: 999px; background: #ec6a0a; color: #fff; font-style: normal; font-size: 9.5px; font-weight: 800; border: 2px solid #fff6ef; letter-spacing: .02em; }
.u-mb-wa .u-mb-ad { color: #138a45; font-weight: 800; }
@media (prefers-reduced-motion: reduce) { .u-mb-wa-daire::before { animation: none; opacity: 0; } }

/* MASAUSTU_MBAR_YOK: mobil alt menü masaüstünde gizli */
@media (min-width: 992px) { .wz-mbar, .wz-mbar.u-mbar { display: none !important; } body { padding-bottom: 0 !important; } }

/* ── UP_TAM_V1: tüm mağaza sayfaları tam genişlik (Uyan Parça) ─────── */
:root { --up-kenar: clamp(16px, 2.4vw, 48px); }
html body .container, html body main.container, html body .container-narrow,
html body .wz-header-top-inner, html body .wz-cats-wrap,
html body .webyaz-footer-main, html body .webyaz-footer-bottom-inner {
  max-width: none !important; width: 100% !important; box-sizing: border-box !important;
  padding-left: var(--up-kenar) !important; padding-right: var(--up-kenar) !important;
}
html body .container .container { padding-left: 0 !important; padding-right: 0 !important; }
html body .wz-stories-wrap { max-width: none !important; }
html { overflow-x: hidden; }

/* UP_MENU_V1: Kategoriler düğmesi yok; marka menüsü satırın tamamına eşit yayılır */
html body #wzCats .wz-cats-mega { display: none !important; }
html body #wzCats { justify-content: space-between !important; gap: 0 !important; }
html body #wzCats .wz-cat-link { flex: 1 1 0 !important; justify-content: center !important; text-align: center !important; white-space: nowrap; }

/* UP_SEPET_V1: sepet çekmecesi logo renklerinde */
#wzCartDrawer .wz-cd-empty-icon { background: linear-gradient(150deg, #003330, #00483f) !important; color: #fff !important;
  box-shadow: 0 14px 30px rgba(0, 72, 63, .25) !important; transform: rotate(-6deg); }
#wzCartDrawer .wz-cd-empty-icon svg { color: #ec6a0a !important; stroke: #ec6a0a; }
#wzCartDrawer .wz-cd-empty h3 { color: #003330 !important; }
.u-s-sase { text-decoration: none; background: linear-gradient(120deg, #003330, #00483f 60%, #0b6157) !important; box-shadow: 0 10px 24px rgba(0, 72, 63, .22); }
.u-s-sase:hover { filter: brightness(1.08); }
.u-s-sase small { color: #cde3df !important; }
.u-s-sase > svg { background: #ec6a0a !important; color: #fff !important; }
.u-s-baslik { color: #586b68 !important; }
.u-s-markalar a { border: 1.5px solid #dbe7e4 !important; color: #10302c !important; }
.u-s-markalar a img { border-color: #b9d3ce !important; }
.u-s-markalar a:hover { border-color: #ec6a0a !important; }
.u-s-markalar a:hover img { border-color: #ec6a0a !important; }
.u-s-neden { margin-top: 16px; padding: 12px 14px; border-radius: 14px; background: #fff4ea; border: 1px dashed #f3b98b; font-size: 12.5px; line-height: 1.5; color: #10302c; }
.u-s-neden b { display: block; color: #d45d08; font-size: 13px; margin-bottom: 2px; }
#wzCartDrawer .u-s-guven { color: #00483f !important; }

/* UP_BAYI_GIRIS_V1: üst şeritte Bayi Girişi vurgulu */
.wz-header-top a[href*="bayi=1"] { display: inline-flex; align-items: center; gap: 6px; color: #ec6a0a !important; font-weight: 800 !important; }
.wz-header-top a[href*="bayi=1"]::before { content: ""; width: 14px; height: 14px; flex: none; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21V9l9-6 9 6v12'/%3E%3Cpath d='M9 21v-6h6v6'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21V9l9-6 9 6v12'/%3E%3Cpath d='M9 21v-6h6v6'/%3E%3C/svg%3E") center / contain no-repeat; }
.wz-header-top a[href*="bayi=1"]:hover { color: #d45d08 !important; }

/* UP_SLOGAN_V1: footer marka alanında slogan */
.u-f-slogan { font-size: 22px !important; font-weight: 800 !important; color: #ec6a0a !important; margin: 6px 0 6px !important; letter-spacing: -.01em; }