/* ==========================================================================
   PERFECT TEMA — tema katmanı (basic.css'ten SONRA yüklenir)
   Pazaryeri tarzı geniş vitrin: beyaz üst bar, turuncu vurgu, açık gri
   kategori şeridi. Renkler yönetici panelinden gelir (--vt-accent, --bp-*);
   burada yalnız yedek değerleri var.
   ========================================================================== */
:root {
  --pf-primary: var(--vt-accent, #FF6000);
  --pf-primary-soft: color-mix(in srgb, var(--pf-primary) 10%, #fff);   /* açık vurgu zemini */
  --pf-primary-tint: color-mix(in srgb, var(--pf-primary) 6%, #fff);    /* çok açık vurgu zemini */
  --pf-primary-line: color-mix(in srgb, var(--pf-primary) 32%, #fff);   /* açık vurgu çerçevesi */
  --pf-primary-text: color-mix(in srgb, var(--pf-primary) 78%, #000);   /* açık zeminde okunur vurgu yazısı */
  --pf-ink: #212121;
  --pf-ink-2: #484848;
  --pf-muted: #8A8A8A;
  --pf-line: #E5E7EB;
  --pf-line-2: #EEF0F3;
  --pf-bg: #F5F6F8;
  --pf-sayfa: #FFFFFF;   /* sayfa zemini: beyaz */
  /* bölge renkleri: panel > Tema Ayarları > Site Renkleri (temaheader yazı rengini zeminin açıklığına göre seçer) */
  --pf-promo: #141D2D;       /* üst duyuru şeridi */
  --pf-promo-yazi: #fff;
  --pf-nav-bg: #F4F6F8;      /* kategori şeridi */
  --pf-nav-yazi: #39475A;
  --pf-nav-baslik: #212121;
  --pf-footer: #141D2D;      /* footer */
  --pf-radius: 12px;
  --pf-radius-sm: 8px;
  --pf-shadow: 0 12px 32px rgba(15, 23, 42, .12);
  --pf-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* --- yazı tipi: tema genelinde Inter (ikon fontları dokunulmaz) --- */
body,
body :not(i):not(svg):not([class^="fa"]):not([class*=" fa"]):not([class^="icon-"]):not([class*=" icon-"]):not(.slick-prev):not(.slick-next) { font-family: var(--pf-font); }
body { -webkit-font-smoothing: antialiased; }

/* overflow-x:hidden html/body'yi kaydırma kabına çevirir ve yapışkan (sticky) header'ı, ürün detaydaki
   yapışkan satın alma kartını ve bölüm menüsünü bozar. clip aynı taşmayı engeller ama kaydırma kabı oluşturmaz.
   (index.php html etiketinde de hidden → clip yedekli yazıldı; satır içi !important CSS ile ezilemez.) */
html, body { overflow-x: clip !important; }

/* --- gövde: tasarımdaki açık gri sayfa zemini (kartlar beyaz) --- */
body, body.bg-gray { background: #FFF !important; }

/* --- kapsayıcı: tasarım 1410px — header ile sayfa gövdesi AYNI genişlik/hiza --- */
.pf-container, body .container, body .container-lg, body .container-xl, body .container-md, body .container-sm { width: min(1410px, calc(100% - 40px)); max-width: none !important; margin-left: auto; margin-right: auto; padding-left: 15px !important; padding-right: 15px !important; }
@media (max-width: 900px) {
  .pf-container, body .container, body .container-lg, body .container-xl, body .container-md, body .container-sm { width: min(calc(100% - 24px), 760px); padding-left: 8px !important; padding-right: 8px !important; }
}
@media (max-width: 560px) {
  .pf-container, body .container, body .container-lg, body .container-xl, body .container-md, body .container-sm { width: calc(100% - 16px); padding-left: 8px !important; padding-right: 8px !important; }   /* 16px kenar: header, hikaye ve alt menüyle aynı hiza */
}

/* --- header kabuğu: beyaz, alt çizgili, sayfayla birlikte yapışkan --- */
.pf-header { position: sticky; top: 0; z-index: 1200; background: #fff; /*! border-bottom: 1px solid #EDF0F4; */ font-family: var(--pf-font); color: #040404; padding-bottom: 10px;}
.pf-header a { text-decoration: none; color: inherit; }
.pf-header a:hover { text-decoration: none; }
.pf-header svg { display: block; flex: 0 0 auto; }
.pf-header ul { list-style: none; margin: 0; padding: 0; }
.pf-header button { font-family: inherit; }

/* ========================================================================
   ÜST DUYURU ŞERİDİ — tasarim/style.css .promo-bar birebir (36px, 12px)
   ======================================================================== */
.pf-promo { background: var(--pf-promo); color: var(--pf-promo-yazi); font-size: 12px; }
.pf-promo-ic { display: flex; align-items: center; gap: 22px; height: 36px; overflow: hidden; white-space: nowrap; }
/* kayan duyuru şeridi: iki özdeş grup, %50 kaydırma ile kesintisiz döngü */
.pf-promo-kayan { flex: 1 1 auto; min-width: 0; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 36px, #000 calc(100% - 36px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 36px, #000 calc(100% - 36px), transparent 100%); }
.pf-promo-sar { display: flex; width: max-content; animation: pfPromoKay var(--pf-promo-sure, 32s) linear infinite; }
.pf-promo-kayan:hover .pf-promo-sar { animation-play-state: paused; }
.pf-promo-grup { display: flex; align-items: center; }
.pf-promo-oge { display: inline-flex; align-items: center; gap: 10px; padding-right: 34px; font-size: 12.5px; font-weight: 600; color: #fff; }
.pf-promo-oge i { width: 5px; height: 5px; border-radius: 50%; background: var(--pf-primary); flex: none; }
@keyframes pfPromoKay { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .pf-promo-sar { animation: none; } }
.pf-promo a { color: inherit; text-decoration: none; }
.pf-promo-sag { margin-left: auto; display: flex; gap: 22px; opacity: .85; }
.pf-promo-sag a:hover { opacity: 1; text-decoration: underline; }

/* ========================================================================
   ÜST SATIR — tasarim/style.css .header-main birebir
   (88px yükseklik · 20px aralık · 225px marka · 48px arama · 44px sepet)
   ======================================================================== */
.pf-top { background: #fff; }
.pf-top-inner { display: flex; align-items: center; gap: 20px; min-height: 88px; }

.pf-logo { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 225px; flex: none; }
.pf-logo img { height: 46px; width: auto; max-width: 225px; object-fit: contain; display: block; }
.pf-slogan { font-size: 10px; font-weight: 600; color: #6E7480; letter-spacing: .2px; white-space: nowrap; }

/* arama: 48px, 1.5px açık turuncu çerçeve, sağda 72px turuncu "Ara" */
.pf-search { flex: 1 1 auto; max-width: 700px; min-width: 0; margin: 0; }
.pf-search .input-group { position: relative; display: flex; align-items: stretch; width: 100%; height: 48px; border: 1.5px solid #f4f6f8; border-radius: 10px; background: #fff; overflow: hidden; }
.pf-search .pf-search-ic { display: flex; align-items: center; padding: 0 0 0 12px; color: #6E7784; }
.pf-search .pf-search-ic svg { width: 20px; height: 20px; }
.pf-search input[data-bp-search-input] { flex: 1 1 auto; min-width: 0; height: 100% !important; border: 0 !important; background: transparent !important; box-shadow: none !important; outline: none; padding: 0 12px !important; font-size: 14px; font-weight: 400; color: var(--pf-ink); font-family: var(--pf-font) !important; position: static !important; z-index: auto !important; border-radius: 0 !important; }
.pf-search input[data-bp-search-input]::placeholder { color: #95A0AE; font-weight: 400; font-family: var(--pf-font); }
/* sesli & görsel arama: tasarımda yok — kutuya gelince/odaklanınca belirir, işlev korunur */
.pf-search .bp-voice-search-btn, .pf-search .bp-visual-search-btn { position: static !important; transform: none !important; width: 32px; height: 32px; margin: 6px 2px 0 0; border: 0; border-radius: 50%; background: transparent; color: #6B7280; display: none; align-items: center; justify-content: center; cursor: pointer; z-index: 2; right: auto !important; }
.pf-search .input-group:hover .bp-voice-search-btn, .pf-search .input-group:hover .bp-visual-search-btn,
.pf-search .input-group:focus-within .bp-voice-search-btn, .pf-search .input-group:focus-within .bp-visual-search-btn { display: flex; }
.pf-search .bp-voice-search-btn:hover, .pf-search .bp-visual-search-btn:hover { background: var(--pf-bg); color: var(--pf-ink); }
.pf-search .bp-voice-search-btn.is-listening { background: #FFE8E8; color: #D63031; }
.pf-search .bp-voice-search-btn svg, .pf-search .bp-visual-search-btn svg { width: 18px; height: 18px; }
.pf-search .bp-visual-search-input { display: none; }
.pf-search .pf-ara { flex: none; width: 72px; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: #f4f6f8; color: #0f1727; font-size: 14px; font-weight: 500; cursor: pointer; }
.pf-search .pf-ara:hover { filter: brightness(.96); }
.pf-search .bp-search-autocomplete { top: calc(100% + 6px); left: -1.5px; right: -1.5px; border-radius: var(--pf-radius); }

/* işlemler: ikon üstte, 11px etiket altta (tasarım .action) */
.pf-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; padding-left: 0; flex: none; }
.pf-action { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 70px; padding: 6px 8px; border-radius: var(--pf-radius-sm); color: var(--pf-ink); font-size: 11px; font-weight: 600; line-height: 1; white-space: nowrap; position: relative; transition: color .15s; }
.pf-action:hover { color: var(--pf-primary); }
.pf-action svg { width: 21px; height: 21px; }
.pf-action .pf-action-lbl { display: inline-flex; align-items: center; gap: 2px; white-space: nowrap; }
.pf-action .pf-action-lbl svg { width: 12px; height: 12px; }
.pf-action-badge { position: absolute; top: 0; right: 10px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px; background: var(--pf-primary); color: #fff; font-size: 10px; font-weight: 700; line-height: 17px; text-align: center; border: 2px solid #fff; box-sizing: content-box; }

/* bildirimler: zil (fonksiyon çıktısı) diğer işlem hücreleriyle aynı görünüm */
.pf-action-bildirim { cursor: pointer; }
.pf-action-bildirim .bph-bell-wrap { position: static; min-width: 0; }
.pf-action-bildirim .bph-bell { width: auto; height: 21px; min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--pf-ink); font-size: 20px; line-height: 1; }
.pf-action-bildirim:hover .bph-bell, .pf-action-bildirim .bph-bell-wrap.open .bph-bell { background: transparent; color: var(--pf-primary); border: 0; }
.pf-action-bildirim .bph-bell-c { top: -5px; right: 6px; border: 2px solid #fff; box-sizing: content-box; }
.pf-action-bildirim .bph-noti { top: calc(100% + 10px); right: 0; }

/* hesabım açılır menüsü */
.pf-hesap { position: relative; }
.pf-menu { position: absolute; top: calc(100% + 10px); right: 0; width: 260px; background: #fff; border: 1px solid var(--pf-line-2); border-radius: var(--pf-radius); box-shadow: var(--pf-shadow); padding: 8px; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .16s, transform .16s, visibility .16s; z-index: 1300; }
.pf-hesap:hover .pf-menu, .pf-hesap:focus-within .pf-menu, .pf-hesap.open .pf-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.pf-menu::before { content: ''; position: absolute; top: -10px; left: 0; right: 0; height: 10px; }
.pf-menu-ust { padding: 8px 10px 12px; border-bottom: 1px solid var(--pf-line-2); margin-bottom: 6px; }
.pf-menu-ust b { display: block; font-size: 14px; color: var(--pf-ink); }
.pf-menu-ust span { display: block; font-size: 12px; color: var(--pf-muted); margin-top: 2px; }
.pf-menu-giris { display: flex; gap: 8px; padding: 6px 4px 10px; }
.pf-menu-giris a { flex: 1; display: flex; align-items: center; justify-content: center; height: 40px; border-radius: var(--pf-radius-sm); font-size: 13px; font-weight: 700; }
.pf-menu-giris .pf-btn-giris { background: var(--pf-primary); color: #fff; }
.pf-menu-giris .pf-btn-uye { background: var(--pf-primary-soft); color: var(--pf-primary); }
.pf-menu li a { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: var(--pf-radius-sm); font-size: 13px; font-weight: 600; color: var(--pf-ink-2); }
.pf-menu li a:hover { background: var(--pf-bg); color: var(--pf-ink); }
.pf-menu li a svg { width: 18px; height: 18px; color: var(--pf-muted); }
.pf-menu li a:hover svg { color: var(--pf-primary); }
.pf-menu li.pf-menu-ayrac { height: 1px; background: var(--pf-line-2); margin: 6px 4px; }
.pf-menu li.pf-menu-cikis a { color: #C0392B; }
.pf-menu .pf-menu-secim { display: flex; gap: 8px; padding: 8px 10px 4px; }
.pf-menu .pf-menu-secim form { margin: 0; flex: 1; }
.pf-menu .pf-menu-secim select { width: 100%; height: 34px; border: 1px solid var(--pf-line); border-radius: var(--pf-radius-sm); background: #fff; color: var(--pf-ink); font-size: 12px; font-weight: 600; padding: 0 8px; font-family: inherit; }

/* sepet: 44px, turuncu gradyan, rozet sağ üstte (tasarım .cart-btn) */
.pf-cart { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 22px; margin-left: -12px; flex: none; border-radius: 6px; background: var(--vt-btn, var(--pf-primary)); color: #fff !important; font-size: 12px; font-weight: 600; transition: filter .15s; }
.pf-cart:hover { filter: brightness(.96); color: #fff; }
.pf-cart svg { width: 19px; height: 19px; }
.pf-cart-badge { position: absolute; right: -7px; top: -7px; width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: var(--pf-primary); color: #fff; font-size: 12px; font-weight: 700; line-height: 1; border: 2px solid #fff; }

/* ========================================================================
   KATEGORİ ŞERİDİ — tasarim/style.css .category-wrap birebir
   (50px bar · gri "Tüm Kategoriler" hapı · 24px aralık · altı çizgili bağlantı)
   ======================================================================== */
.pf-navwrap { background: transparent; border: 0; margin: 0; padding: 0; }
.pf-nav { position: relative; display: flex; align-items: center; gap: 10px; min-height: 50px; padding: 0; background: transparent; border-radius: 0; }
.pf-allcats { position: static; flex: none; }
.pf-allcats > a { display: inline-flex; align-items: center; gap: 4px; padding: 21px 22px; border-radius: 10px; background: var(--pf-nav-bg); color: var(--pf-nav-baslik); font-size: 13px; font-weight: 700; white-space: nowrap; transition: color .15s, background .15s; /*! padding-top: 15px; */}
.pf-allcats > a svg { width: 18px; height: 18px; }
.pf-allcats:hover > a, .pf-allcats.open > a { color: var(--pf-primary); background: var(--pf-primary-soft); }

/* bağlantılar: 24px aralık, sığmayanlar gizlenir (betik) */
.pf-header ul.pf-cats { display: flex; flex: 1; align-items: center; gap: 25px; margin: 0; padding: 0; min-width: 0; height: 100%; overflow: hidden; white-space: nowrap; background: var(--pf-nav-bg);padding-left: 21px;border-radius: 10px;padding-right: 14px;/*! height: 48px; */padding-top: 6px;padding-bottom: 6px;}
.pf-cats > li { position: static; flex: none; display: flex; align-items: center; }
.pf-cats > li > a { display: inline-flex; align-items: center; padding: 17px 0; border-bottom: 2px solid transparent; color: var(--pf-nav-yazi); font-size: 13px; font-weight: 600; white-space: nowrap; transition: color .15s, border-color .15s; }
.pf-cats > li[hidden] { display: none; }
.pf-cats > li:hover > a, .pf-cats > li.active > a { color: var(--pf-primary); border-color: var(--pf-primary); }
.pf-cats > li.pf-cat-kampanya > a, .pf-cats > li.pf-cat-vurgu > a { color: var(--pf-primary); font-weight: 700; }   /* vurgulu öğe: turuncu, şeride sığmasa da gizlenmez */

/* açılır mega paneller — şeridin altına; kategori panelleri içerik genişliğinde (en çok 1180px), "Tüm Kategoriler" tam genişlik */
.pf-mega { position: absolute; left: 0; right: 0; top: calc(100% + 8px); background: #fff; border: 1px solid #ECEEF2; border-radius: 14px; box-shadow: 0 24px 60px -12px rgba(15, 23, 42, .22), 0 2px 6px rgba(15, 23, 42, .06); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .18s, transform .18s, visibility .18s; z-index: 1250; pointer-events: none; --pf-ok: 40px; }
.pf-mega::before { content: ''; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.pf-mega::after { content: ''; position: absolute; top: -7px; left: var(--pf-ok); width: 14px; height: 14px; margin-left: -7px; background: #fff; border-left: 1px solid #ECEEF2; border-top: 1px solid #ECEEF2; transform: rotate(45deg); border-radius: 2px 0 0 0; }
.pf-cats > li.active > .pf-mega, .pf-allcats.open > .pf-mega { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.pf-cats > li > .pf-mega { right: auto; width: min(1180px, 100%); }
.pf-cats > li:nth-last-child(-n+4) > .pf-mega { left: auto; right: 0; }

/* ========================================================================
   MEGA MENÜ — "Üst Sekmeli Kompakt" (ikonsuz). Markup: perfect/mega_menu.php
   "Tüm Kategoriler": üstte yatay kategori sekmeleri + seçili sekmenin içeriği.
   Şerit kategorileri: aynı içerik, sekmesiz. Oklar düz karakter (SVG yok).
   ======================================================================== */
.pf-mm { --mm-ink: #1B2230; --mm-ink2: #3A4354; --mm-muted: #5E6878; --mm-line: #E9ECF1; --mm-soft: #F7F8FA; --mm-ac-yazi: var(--pf-primary-text);
  display: flex; flex-direction: column; overflow: hidden; border-color: var(--mm-line); border-radius: 16px; box-shadow: 0 24px 48px -16px rgba(20, 29, 45, .24); }
.pf-mm::after { display: none; }
.pf-mm-tum { height: 420px; max-height: calc(100vh - 200px); }
.pf-mm-tek { max-height: calc(100vh - 200px); }
.pf-mm a { text-decoration: none; }
.pf-mm ul { list-style: none; margin: 0; padding: 0; }
.pf-mm h3 { margin: 0; }
.pf-mm :focus-visible { outline: 2px solid var(--pf-primary); outline-offset: 2px; }

/* sekme şeridi */
.pf-mm-serit { position: relative; flex: none; }
.pf-mm-serit::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--mm-line); }
.pf-mm-kaydirici { position: relative; z-index: 1; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: none; }
.pf-mm-kaydirici::-webkit-scrollbar { display: none; }
.pf-mm-sekmeler { display: flex; width: max-content; padding: 0 12px 1px; }
.pf-mm-sekme { display: inline-flex; align-items: center; height: 52px; padding: 0 14px; border-radius: 10px 10px 0 0; color: var(--mm-ink2); font-size: 13.5px; font-weight: 600; white-space: nowrap; transition: color .15s, background-color .15s; }
.pf-mm-sekme:hover { background: var(--mm-soft); color: var(--mm-ink); }
.pf-mm-sekme[aria-selected="true"] { color: var(--mm-ink); font-weight: 700; }
.pf-mm-sekme:focus-visible { outline-offset: -2px; }
.pf-mm-cizgi { position: absolute; left: 0; bottom: 0; width: 0; height: 2px; border-radius: 2px 2px 0 0; background: var(--pf-primary); pointer-events: none; }
.pf-mm-canli .pf-mm-cizgi { transition: transform .24s cubic-bezier(.2, .8, .2, 1), width .24s cubic-bezier(.2, .8, .2, 1); }
.pf-mm-kaydir { position: absolute; top: 0; bottom: 1px; z-index: 2; display: flex; align-items: center; width: 64px; padding: 0 12px; border: 0; cursor: pointer;
  opacity: 0; visibility: hidden; transition: opacity .15s, visibility 0s linear .15s; font-family: inherit; }
.pf-mm-kaydir.sol { left: 0; justify-content: flex-start; background: linear-gradient(90deg, #fff 50%, rgba(255, 255, 255, 0)); }
.pf-mm-kaydir.sag { right: 0; justify-content: flex-end; background: linear-gradient(270deg, #fff 50%, rgba(255, 255, 255, 0)); }
.pf-mm-sol-var .pf-mm-kaydir.sol, .pf-mm-sag-var .pf-mm-kaydir.sag { opacity: 1; visibility: visible; transition: opacity .15s, visibility 0s; }
.pf-mm-kaydir span { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--mm-line); border-radius: 50%; background: #fff; color: var(--mm-ink2); font-size: 18px; line-height: 1; transition: color .15s, border-color .15s; }
.pf-mm-kaydir:hover span { border-color: var(--pf-primary); color: var(--pf-primary); }

/* içerik: sol ana alan + sağ dar kolon */
.pf-mm-govde { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) clamp(260px, 22vw, 310px); animation: pfMmGir .18s ease-out both; }
.pf-mm-govde[hidden] { display: none; }
@keyframes pfMmGir { from { opacity: 0; transform: translateY(4px); } }
.pf-mm-ana, .pf-mm-yan { display: flex; flex-direction: column; min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--mm-line) transparent; }
.pf-mm-ana { gap: 20px; padding: 20px 32px 20px 28px; }
.pf-mm-yan { gap: 16px; padding: 20px; border-left: 1px solid var(--mm-line); }
.pf-mm-etiket { margin: 0 0 12px !important; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--mm-muted); }

.pf-mm-kolonlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 32px; }
.pf-mm-kolon { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.pf-mm-grup { margin: 0 0 4px !important; font-size: 14px; font-weight: 700; line-height: 1.35; }
.pf-mm-grup a { color: var(--mm-ink); transition: color .15s; }
.pf-mm-grup a:hover { color: var(--pf-primary); }
.pf-mm-liste a { display: block; padding: 4px 0; font-size: 13px; line-height: 18px; color: var(--mm-ink2); transition: color .15s; }
.pf-mm-liste a:hover { color: var(--pf-primary); }
.pf-mm-liste a.pf-mm-daha { color: var(--mm-ac-yazi); font-weight: 600; }

.pf-mm-karolar { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.pf-mm-karo { display: flex; flex-direction: column; gap: 12px; height: 100%; padding: 12px 16px 16px; border: 1px solid var(--mm-line); border-radius: 12px; transition: background-color .15s, border-color .15s; }
.pf-mm-karo:hover { border-color: var(--pf-primary-line); background: var(--pf-primary-tint); }
.pf-mm-karo-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.pf-mm-karo-ad { min-width: 0; font-size: 14px; font-weight: 700; color: var(--mm-ink); }
.pf-mm-karo-sayi { flex: none; font-size: 12.5px; color: var(--mm-muted); }
.pf-mm-pay { height: 4px; overflow: hidden; border-radius: 2px; background: var(--mm-soft); }
.pf-mm-pay i { display: block; height: 100%; border-radius: inherit; background: color-mix(in srgb, var(--pf-primary) 45%, #fff); }

.pf-mm-alt { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--mm-line); }
.pf-mm-urunler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px 16px; margin: 0 -8px !important; }
.pf-mm-urunler.dikey { grid-template-columns: minmax(0, 1fr); }
.pf-mm-urun { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: 12px; transition: background-color .15s; }
.pf-mm-urun:hover { background: var(--mm-soft); }
.pf-mm-urun-resim { flex: none; width: 56px; height: 56px; overflow: hidden; border-radius: 10px; background: var(--mm-soft); }
.pf-mm-urun-resim img { width: 100%; height: 100%; object-fit: cover; }
.pf-mm-urun-bilgi { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.pf-mm-urun-ad { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 13px; font-weight: 600; line-height: 17px; color: var(--mm-ink); }
.pf-mm-fiyat { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; font-size: 13px; }
.pf-mm-fiyat b { font-weight: 800; color: var(--mm-ink); }
.pf-mm-fiyat s { font-size: 11px; color: var(--mm-muted); }

.pf-mm-hizli { display: grid; gap: 8px; }
.pf-mm-hizli-serit { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pf-mm-hizli-sade { gap: 4px; }
.pf-mm-hizli a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 40px; padding: 8px 12px; border: 1px solid var(--mm-line); border-radius: 12px; font-size: 13px; font-weight: 600; color: var(--mm-ink); transition: background-color .15s, border-color .15s; }
.pf-mm-hizli-sade a { border-color: transparent; }
.pf-mm-hizli a:hover { border-color: var(--mm-soft); background: var(--mm-soft); }
.pf-mm-hizli a span { color: var(--mm-muted); transition: color .15s, transform .15s; }
.pf-mm-hizli a:hover span { color: var(--pf-primary); transform: translateX(2px); }

.pf-mm-ikili { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 32px; align-items: start; }
.pf-mm-tanitim { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 24px; border-radius: 16px; background: #FFF6F0; }
.pf-mm-tanitim h3 { font-size: 18px; font-weight: 800; letter-spacing: -.02em; color: var(--mm-ink); }
.pf-mm-tanitim p { max-width: 44ch; margin: 0; font-size: 13px; line-height: 1.6; color: var(--mm-ink2); }
.pf-mm-tanitim .pf-mm-tanitim-meta { font-weight: 600; }
.pf-mm-dugme { display: inline-flex; align-items: center; gap: 8px; height: 40px; margin-top: 4px; padding: 0 16px; border: 1px solid var(--mm-line); border-radius: 10px; background: #fff; color: var(--mm-ink); font-size: 13px; font-weight: 700; transition: border-color .15s; }
.pf-mm-dugme:hover { border-color: var(--mm-ink2); color: var(--mm-ink); }
.pf-mm-dugme.ana { border-color: var(--pf-primary); background: var(--pf-primary); color: #fff; }
.pf-mm-dugme.ana:hover { color: #fff; filter: brightness(.95); }
.pf-mm-oneri { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; }
.pf-mm-oneri a { display: flex; flex-direction: column; gap: 2px; padding: 10px 14px; border: 1px solid var(--mm-line); border-radius: 12px; transition: background-color .15s, border-color .15s; }
.pf-mm-oneri a:hover { border-color: var(--mm-soft); background: var(--mm-soft); }
.pf-mm-oneri b { font-size: 13px; font-weight: 600; color: var(--mm-ink); }
.pf-mm-oneri small { font-size: 11.5px; color: var(--mm-muted); }

.pf-mm-haplar { display: flex; flex-wrap: wrap; gap: 8px; }
.pf-mm-haplar a { display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border: 1px solid var(--mm-line); border-radius: 999px; color: var(--mm-ink2); font-size: 13px; font-weight: 500; white-space: nowrap; transition: color .15s, border-color .15s, background-color .15s; }
.pf-mm-haplar a:hover { border-color: var(--pf-primary-line); background: var(--pf-primary-tint); color: var(--mm-ink); }
.pf-mm-hepsi { display: flex; align-items: center; gap: 12px; margin-top: auto; padding: 12px 12px 12px 16px; border-radius: 12px; background: var(--mm-soft); transition: background-color .15s; }
.pf-mm-hepsi:hover { background: var(--pf-primary-soft); }
.pf-mm-hepsi > span:first-child { display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; }
.pf-mm-hepsi b { font-size: 13px; font-weight: 700; color: var(--mm-ink); }
.pf-mm-hepsi small { font-size: 11.5px; color: var(--mm-muted); }
.pf-mm-hepsi-ok { display: grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 50%; background: #fff; color: var(--mm-ink); font-size: 15px; transition: background-color .15s, color .15s, transform .15s; }
.pf-mm-hepsi:hover .pf-mm-hepsi-ok { background: var(--pf-primary); color: #fff; transform: translateX(2px); }
.pf-mm-bos { padding: 40px 24px; color: var(--mm-muted); font-size: 13px; }

@media (max-width: 1180px) {
  .pf-mm-kolonlar, .pf-mm-urunler, .pf-mm-hizli-serit { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pf-mm-karolar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .pf-mm-ikili { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { .pf-mm *, .pf-mm-govde { transition: none !important; animation: none !important; } }

/* ========================================================================
   ANA SAYFA — Hikayeler modülü (func/kisayol.php) tema uyarlaması
   Modülün kendi <style>'ı gövdede basıldığı için bu kurallar `body` ön ekiyle
   yazılır; aynı özgüllükte kalsalar modülün değerleri kazanırdı.
   ======================================================================== */
body .bp-ks-in { max-width: min(1410px, calc(100% - 40px)); padding: 0 15px; }   /* sayfa kapsayıcısıyla aynı hiza */
body .bp-ks-row { gap: 18px; justify-content: flex-start; }
body .bp-ks-i { width: 96px; }
body .bp-ks-i .ic { width: 75px; height: 75px; padding: 3px; margin: 0 auto 8px; background: #fff !important; border: 1px solid var(--pf-line); }
body .bp-ks-i .ic img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }   /* gerçek fotoğraf daireyi kaplar, çevresinde ince beyaz halka */
body .bp-ks-i:hover .ic { border-color: var(--pf-primary); box-shadow: 0 10px 18px -10px color-mix(in srgb, var(--pf-primary) 45%, transparent); }
body .bp-ks-i b { font-size: 11.5px; line-height: 1.3; text-transform: none; letter-spacing: 0; }   /* "Günün Fırsatı" — büyük harfe çevirme */
body .bp-ks-ok { background: #fff; border-color: var(--pf-line); }
@media (max-width: 991px) {
  body .bp-ks-in { max-width: min(calc(100% - 24px), 760px); padding: 0 8px; }
  body .bp-ks-row { gap: 14px; }
  body .bp-ks-i { width: 82px; }
  body .bp-ks-i .ic { width: 66px; height: 66px; padding: 3px; }
}
@media (max-width: 600px) {
  body .bp-ks-in { max-width: calc(100% - 16px); padding: 0 6px; }
  body .bp-ks-row { gap: 12px; }
  body .bp-ks-i { width: 66px; }
  body .bp-ks-i .ic { width: 56px; height: 56px; padding: 2px; margin-bottom: 6px; }
  body .bp-ks-i b { font-size: 10px; }
}

/* mobil parçalar masaüstünde gizli */
.pf-m { display: none; }

/* ========================================================================
   MOBİL (< 992px): logo · zil · sepet | arama | çipler
   ======================================================================== */
@media (max-width: 991.98px) {
  .pf-top, .pf-navwrap { display: none; }   /* kayan duyuru şeridi mobilde de görünür */
  .pf-m { display: block; background: #fff; border-bottom: 1px solid var(--pf-line-2); }
  .pf-m-top { display: flex; align-items: center; justify-content: space-between; height: 56px; padding: 0 12px; }
  .pf-m-logo img { height: 30px; width: auto; max-width: 160px; object-fit: contain; display: block; }
  .pf-m-icons { display: flex; align-items: center; gap: 4px; }
  .pf-m-ic { position: relative; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; color: var(--pf-ink); }
  .pf-m-ic:active { background: var(--pf-bg); }
  .pf-m-ic svg { width: 24px; height: 24px; }
  .pf-m-ic .pf-cart-badge { top: 2px; right: 2px; background: var(--pf-primary); color: #fff; border-color: #fff; min-width: 18px; height: 18px; line-height: 14px; font-size: 10px; }
  .pf-m-icons .bph-bell { width: 42px; height: 42px; border: 0; border-radius: 50%; background: transparent; color: var(--pf-ink); font-size: 21px; }
  .pf-m-icons .bph-bell:hover { border: 0; background: transparent; }
  .pf-m-icons .bph-bell-c { top: 2px; right: 2px; border: 2px solid #fff; }
  .pf-m-icons .bph-noti { right: -52px; }

  .pf-m-search { padding: 0 12px 10px; }
  .pf-m-search .input-group { height: 42px; border-width: 1.5px; border-radius: 10px; background: #F7F8FA; }
  .pf-m-search .input-group:focus-within { background: #fff; }
  .pf-m-search .pf-ara { display: none; }
  .pf-m-search input[data-bp-search-input] { font-size: 13px; padding: 0 8px !important; }
  .pf-m-search .bp-voice-search-btn, .pf-m-search .bp-visual-search-btn { width: 32px; height: 32px; margin-top: 3px; }
  .pf-m-search .bp-search-autocomplete { position: absolute; top: calc(100% + 6px); left: 0; right: 0; max-height: 70vh; overflow-y: auto; }

  .pf-m-chips { display: flex; gap: 8px; padding: 0 12px 10px; overflow-x: auto; scrollbar-width: none; }
  .pf-m-chips::-webkit-scrollbar { display: none; }
  .pf-chip { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 999px; background: var(--pf-bg); color: var(--pf-ink-2); font-size: 12.5px; font-weight: 600; white-space: nowrap; }
  .pf-chip svg { width: 15px; height: 15px; }
  .pf-chip.pf-chip-birincil { background: var(--pf-ink); color: #fff; }
  .pf-chip.pf-chip-vurgu { background: var(--pf-primary-soft); color: var(--pf-primary); }
}
@media (max-width: 480px) {
  .pf-m-search .bp-visual-search-btn { display: none; }
}

/* ==========================================================================
   ANA SAYFA — tasarim/ paketindeki düzen
   Ölçüler tasarim/style.css'ten alındı (hero 1fr/230px · fırsat karoları 5'li ·
   bölüm başlığı 24px · kategori kartları 6'lı). Renkler tema ayarlarından
   gelir (--pf-primary), yazı tipi Plus Jakarta Sans.
   ========================================================================== */

/* --- hero: solda kampanya slider'ı, sağda 4 avantaj kartı --- */
.pf-hero { --pf-hero-h: clamp(300px, 26vw, 360px); display: grid; grid-template-columns: minmax(0, 1fr) clamp(300px, 24vw, 340px); gap: 12px; padding: 6px 0 0; }
.pf-hero-sol { min-width: 0; }
.pf-hero-sol .mslider { height: var(--pf-hero-h); border-radius: 17px; overflow: hidden; background: var(--pf-bg); }
.pf-hero-sol .slick-list, .pf-hero-sol .slick-track, .pf-hero-sol .slick-slide, .pf-hero-sol .slick-slide > div, .pf-hero-sol .slick-slide > div > a { height: 100% !important; }
.pf-hero-sol .mslider img { width: 100%; height: 100% !important; object-fit: cover; display: block; border-radius: 17px; }
.pf-hero-sol .slick-dots { bottom: 14px; }
.pf-hero-sol .slick-dots li button:before { color: #fff; opacity: .55; font-size: 9px; }
.pf-hero-sol .slick-dots li.slick-active button:before { color: #fff; opacity: 1; }
/* slick başlamadan yalnız ilk slayt görünsün (yükseklik zıplamasını önler) */
.slider0:not(.slick-initialized) > div:not(:first-child),
.slick-discount5:not(.slick-initialized) > div:not(:first-child) { display: none; }

/* --- avantaj kartları (hızlı teslimat · güvenli alışveriş · kolay iade · destek) --- */
/* avantajlar — "Pastel Karolar": 2×2, her karo kendi renginin pastel tonunda; slider yüksekliğini doldurur */
.pf-avantaj { min-width: 0; }
.pf-av-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 8px; height: var(--pf-hero-h); margin: 0; padding: 0; list-style: none; }
.pf-av-oge { display: flex; min-width: 0; min-height: 0; }
.pf-av-turuncu { --av-renk: var(--pf-primary); } .pf-av-yesil { --av-renk: #16A34A; } .pf-av-mavi { --av-renk: #3B82F6; } .pf-av-mor { --av-renk: #8B5CF6; }
.pf-av-pembe { --av-renk: #EC4899; } .pf-av-turkuaz { --av-renk: #0D9488; }
.pf-av { --av-zemin: color-mix(in srgb, var(--av-renk) 10%, #fff); --av-zemin2: color-mix(in srgb, var(--av-renk) 16%, #fff);
  --av-koyu: color-mix(in srgb, var(--av-renk) 58%, #000); --av-cizgi: color-mix(in srgb, var(--av-renk) 32%, transparent);
  display: flex; flex-direction: column; flex: 1; min-width: 0; padding: 16px; border-radius: 14px; background: var(--av-zemin); color: var(--pf-ink);
  overflow: hidden; container: pfav / size; transition: background-color .18s ease; -webkit-tap-highlight-color: transparent; }
.pf-av:hover, .pf-av:focus-visible { background: var(--av-zemin2); color: var(--pf-ink); }
.pf-av:focus-visible { outline: 2px solid var(--av-koyu); outline-offset: 2px; }
.pf-av-ust { display: flex; align-items: center; gap: 10px; }
.pf-av-ikon { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 12px; background: #fff; color: var(--av-koyu); }
.pf-av-ikon svg { width: 24px; height: 24px; }
.pf-av-cizgi { flex: 1; height: 1px; background: var(--av-cizgi); transform: scaleX(.4); transform-origin: left center; transition: transform .24s cubic-bezier(.2, .7, .2, 1), background-color .18s; }
.pf-av:hover .pf-av-cizgi, .pf-av:focus-visible .pf-av-cizgi { transform: scaleX(1); background: var(--av-koyu); }
.pf-av-metin { display: flex; flex-direction: column; gap: 5px; margin-top: auto; padding-top: 10px; min-width: 0; }
.pf-av b { width: min-content; font-size: 21px; font-weight: 800; line-height: 1.08; letter-spacing: -.02em; color: var(--av-koyu); }
.pf-av small { font-size: 12.5px; font-weight: 600; line-height: 1.35; color: #4B5563; }
.pf-av em { display: none; font-style: normal; font-size: 12px; line-height: 1.4; color: #4B5563; }
@container pfav (height < 150px) { .pf-av { padding: 13px; } .pf-av-ikon { width: 34px; height: 34px; border-radius: 10px; } .pf-av-ikon svg { width: 20px; height: 20px; } .pf-av b { font-size: 18px; } }
@container pfav (height < 120px) { .pf-av-ust { display: none; } .pf-av-metin { padding-top: 0; } .pf-av small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } }
@supports not (color: color-mix(in srgb, #000 50%, #fff)) { .pf-av, .pf-av:hover { background: #F7F8FA; } .pf-av b, .pf-av-ikon { color: var(--pf-ink); } .pf-av-cizgi { background: var(--pf-line); } }
@media (prefers-reduced-motion: reduce) { .pf-av, .pf-av-cizgi { transition: none; } }
/* 6 karo (ödeme/kargo özellikleri açıksa): masaüstünde 2 sütun × 3 satır, slider yüksekliğine sığar.
   Karo içi: solda iki satırlık başlık (kelime başına satır) + altta açıklama, sağ üstte ikon.
   Tablette 3 × 2; mobilde (≤767) karolar mevcut yatay şeritte kayar (bu kurallar yalnız ≥768). */
@media (min-width: 768px) {
  .pf-av-6 .pf-av { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; padding: 12px 12px 12px 14px; border-radius: 12px; }
  .pf-av-6 .pf-av-ust { display: flex; grid-column: 2; grid-row: 1; align-self: start; }   /* kısa karoda ikonu gizleyen genel kuralı ezer */
  .pf-av-6 .pf-av-cizgi { display: none; }
  .pf-av-6 .pf-av-ikon { width: 34px; height: 34px; border-radius: 10px; }
  .pf-av-6 .pf-av-ikon svg { width: 20px; height: 20px; }
  .pf-av-6 .pf-av-metin { grid-column: 1; grid-row: 1; justify-content: space-between; gap: 4px; min-height: 100%; margin: 0; padding: 0; }
  .pf-av-6 .pf-av b { font-size: 17px; }
  .pf-av-6 .pf-av small { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; font-size: 11.5px; }
  @container pfav (width < 150px) {
    .pf-av-6 .pf-av b { font-size: 15.5px; }
    .pf-av-6 .pf-av small { font-size: 11px; }
    .pf-av-6 .pf-av-ikon { width: 30px; height: 30px; border-radius: 9px; }
    .pf-av-6 .pf-av-ikon svg { width: 18px; height: 18px; }
  }
}
@media (min-width: 992px) {
  .pf-av-izgara.pf-av-6 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .pf-av-izgara.pf-av-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pf-av-6 .pf-av-oge { min-height: 104px; }
}

/* --- 5'li fırsat karosu şeridi: solda iki satır yazı + yuvarlak ok, sağda ürün görseli --- */
.pf-firsat { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin-top: 14px; }
.pf-fk { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: 116px; padding: 14px 16px; border-radius: 12px; overflow: hidden; color: var(--pf-ink); transition: transform .18s, box-shadow .18s; }
.pf-fk:hover { transform: translateY(-3px); box-shadow: 0 14px 26px -14px rgba(15, 23, 42, .32); }
.pf-fk-gorsel { position: absolute; top: 0; right: 0; bottom: 0; width: 64%; z-index: 0; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 46%); mask-image: linear-gradient(90deg, transparent 0%, #000 46%); }   /* fotoğraf sola doğru karo rengine karışır */
.pf-fk-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pf-fk-metin { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 1px; max-width: 64%; }
.pf-fk-ust { font-size: 13.5px; font-weight: 600; line-height: 1.3; letter-spacing: -.2px; }
.pf-fk-bas { font-size: 13.5px; font-weight: 700; line-height: 1.3; letter-spacing: -.2px; }
.pf-fk-ok { position: relative; z-index: 1; display: grid; place-items: center; width: 28px; height: 28px; margin-top: 12px; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--pf-ink); box-shadow: 0 1px 3px rgba(15, 23, 42, .12); transition: transform .18s; }
.pf-fk-ok svg { width: 14px; height: 14px; }
.pf-fk:hover .pf-fk-ok { transform: translateX(3px); }
.pf-fk-mor { background: linear-gradient(135deg, #C9A8F8, #A97BEE); color: #fff; }
.pf-fk-mor .pf-fk-ok { color: #7C3AED; }
.pf-fk-bej { background: linear-gradient(135deg, #F6F0E6, #EADFCC); }
.pf-fk-bej .pf-fk-ok { color: #A9743A; }
.pf-fk-yesil { background: linear-gradient(135deg, #DCF3E8, #C4EBD9); }
.pf-fk-yesil .pf-fk-ok { color: #14966A; }
.pf-fk-mavi { background: linear-gradient(135deg, #E0ECFC, #C9DFF9); }
.pf-fk-mavi .pf-fk-ok { color: #2563EB; }
.pf-fk-pembe { background: linear-gradient(135deg, #FCE4EF, #F7D3E2); }
.pf-fk-pembe .pf-fk-ok { color: #DB2777; }
.pf-fk-turuncu { background: linear-gradient(135deg, #FFE7D6, #FFD2B3); }
.pf-fk-turuncu .pf-fk-ok { color: var(--pf-primary); }

/* --- bölüm başlığı (üst etiket + 24px başlık + "Tümünü Gör") --- */
.pf-bolum { margin-top: 30px; }
.pf-bolum-bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.pf-bolum-ust { display: block; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--pf-primary); }
.pf-bolum-bas h2 { margin: 3px 0 0; font-size: 24px; font-weight: 800; letter-spacing: -.6px; color: var(--pf-ink); }
.pf-bolum-tum { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--pf-primary); white-space: nowrap; }
.pf-bolum-tum svg { width: 14px; height: 14px; transition: transform .18s; }
.pf-bolum-tum:hover { color: var(--pf-primary); }
.pf-bolum-tum:hover svg { transform: translateX(3px); }

/* --- ürün ızgarası + yan sütun (tasarım: 1fr / dar sütun) --- */
.slick-discount5 .pf-uk { margin: 0 8px; }   /* 6'lı sırada kutular arası boşluk */

/* --- 3'lü banner ızgarası (dikdörtgen 16:9, yazı katmanlı) --- */
.pf-banner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 26px; }
.dt-ban { position: relative; display: block; overflow: hidden; border-radius: 13px; background: var(--pf-bg); aspect-ratio: 16 / 5; text-decoration: none; }
.dt-ban img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; }
.dt-ban:hover img { transform: scale(1.05); }
.dt-ban.yazili::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(17, 17, 17, .06) 0%, rgba(17, 17, 17, .30) 52%, rgba(17, 17, 17, .72) 100%); }
.dt-ban-tx { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 16px 16px 15px; color: #fff; text-align: left; }
.dt-ban-tx small { font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; opacity: .92; }
.dt-ban-tx b { font-size: 17px; font-weight: 800; line-height: 1.24; letter-spacing: -.2px; }
.dt-ban-tx i { font-style: normal; font-size: 12px; opacity: .88; line-height: 1.35; }
.dt-ban-btn { display: inline-flex; align-items: center; gap: 6px; margin-top: 9px; padding: 7px 13px; border-radius: 999px; background: #fff; color: #111; font-size: 11.5px; font-weight: 700; transition: gap .2s ease; }
.dt-ban:hover .dt-ban-btn { gap: 10px; }

@media (max-width: 1200px) {
  .pf-hero { grid-template-columns: minmax(0, 1fr) 290px; }
  .pf-firsat { grid-template-columns: repeat(3, 1fr); }
  .pf-banner { grid-template-columns: repeat(3, 1fr); gap: 12px; }
}
@media (max-width: 991.98px) {
  .pf-hero { grid-template-columns: 1fr; --pf-hero-h: clamp(150px, 34vw, 260px); padding-top: 4px; }
  .pf-av-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: none; height: auto; }
  .pf-av-oge { min-height: 132px; }
  .pf-firsat { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .pf-banner { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .dt-ban-tx b { font-size: 15px; }
  .pf-bolum { margin-top: 24px; }
  .pf-bolum-bas h2 { font-size: 21px; }
}
@media (max-width: 560px) {
  .pf-firsat { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .pf-fk { min-height: 104px; padding: 12px 13px; }
  .pf-fk-ust, .pf-fk-bas { font-size: 12.5px; }
  .pf-banner { grid-template-columns: 1fr; gap: 10px; }
  .dt-ban-tx { padding: 12px; }
  .dt-ban-tx b { font-size: 13.5px; }
  .dt-ban-tx i { display: none; }
  .dt-ban-btn { padding: 6px 10px; font-size: 10.5px; }
  .pf-bolum-bas h2 { font-size: 19px; }
}

/* ==========================================================================
   FOOTER — "Koyu Kurumsal" (önizleme: www/new/footer/footer-2.html)
   Koyu lacivert zemin, turuncu vurgular, solda bülten + iletişim,
   sağda bağlantı grupları (mobilde açılır-kapanır).
   ========================================================================== */
.pf-ft { --ft-zemin: var(--pf-footer, #141D2D); --ft-zemin2: color-mix(in srgb, var(--ft-zemin) 95%, #fff); --ft-yazi: #fff; --ft-soluk: var(--ft-soluk); --ft-ac2: var(--ft-ac2); --ft-ac: #9FA9BA; --ft-line: rgba(255, 255, 255, .09);
  background: var(--ft-zemin); color: var(--ft-yazi); font-family: var(--pf-font); font-size: 14px; }
.pf-ft a { color: inherit; text-decoration: none; }
.pf-ft a:hover { text-decoration: none; }
.pf-ft svg { display: block; flex: none; }
.pf-ft-ic { width: min(1410px, calc(100% - 40px)); margin: 0 auto; padding: 0 15px; }

/* en çok aranan kelimeler */
.pf-ft-etiket { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 18px 0; border-bottom: 1px solid var(--ft-line); }
.pf-ft-etiket > span { font-size: 12.5px; font-weight: 700; color: var(--ft-yazi); }
.pf-ft-etiket a { font-size: 12px; font-weight: 500; color: var(--ft-ac); padding: 5px 11px; border-radius: 999px; background: var(--ft-zemin2); transition: .15s; }
.pf-ft-etiket a:hover { color: #fff; background: var(--pf-primary); }

/* üst blok */
.pf-ft-ust { display: grid; grid-template-columns: 1.25fr 1fr 1fr 1fr; gap: 40px; padding: 46px 0 38px; }
.pf-ft-ad { font-size: 21px; font-weight: 800; letter-spacing: -.5px; }
.pf-ft-logo { display: inline-flex; align-items: center; justify-content: center; padding: 11px 16px; border-radius: 12px; background: #fff; }
.pf-ft-logo img { height: 38px; width: auto; max-width: 240px; object-fit: contain; display: block; }
.pf-ft-marka > p { margin: 11px 0 18px; font-size: 13px; line-height: 1.65; color: var(--ft-ac); max-width: 330px; }

.pf-ft-bulten { display: flex; gap: 8px; max-width: 340px; margin: 0; }
.pf-ft-bulten input { flex: 1; min-width: 0; height: 46px; border: 1px solid var(--ft-line); border-radius: 10px;
  background: var(--ft-zemin2); color: var(--ft-yazi); padding: 0 14px; font-family: inherit; font-size: 13.5px; outline: none; }
.pf-ft-bulten input::placeholder { color: var(--ft-soluk); }
.pf-ft-bulten input:focus { border-color: var(--pf-primary); }
.pf-ft-bulten button { flex: none; height: 46px; padding: 0 20px; border: 0; border-radius: 10px;
  background: var(--pf-primary); color: #fff; font-family: inherit; font-size: 13.5px; font-weight: 800; cursor: pointer; transition: filter .15s; }
.pf-ft-bulten button:hover { filter: brightness(.95); }
.pf-ft-kvkk { margin: 10px 0 0; font-size: 11.5px; color: var(--ft-soluk); }

.pf-ft-iletisim { display: flex; flex-direction: column; gap: 10px; margin-top: 22px; }
.pf-ft-iletisim a { display: inline-flex; align-items: center; gap: 9px; font-size: 13.5px; font-weight: 600; color: var(--ft-yazi); }
.pf-ft-iletisim a:hover { color: var(--pf-primary); }
.pf-ft-iletisim svg { width: 17px; height: 17px; color: var(--pf-primary); }

/* bağlantı grupları */
.pf-ft-grup { min-width: 0; }
.pf-ft-grup summary { list-style: none; cursor: default; font-size: 14.5px; font-weight: 800; letter-spacing: -.2px; margin-bottom: 18px; }
.pf-ft-grup summary::-webkit-details-marker { display: none; }
.pf-ft-grup ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.pf-ft-grup a { font-size: 13.5px; font-weight: 500; color: var(--ft-ac); transition: color .15s, padding-left .15s; }
.pf-ft-grup a:hover { color: var(--ft-yazi); padding-left: 4px; }

/* sosyal + ödeme */
.pf-ft-orta { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 22px 0; border-top: 1px solid var(--ft-line); flex-wrap: wrap; }
.pf-ft-sosyal { display: flex; gap: 10px; }
.pf-ft-sosyal a { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: var(--ft-zemin2); color: var(--ft-ac); transition: .16s; }
.pf-ft-sosyal a:hover { background: var(--pf-primary); color: #fff; }
.pf-ft-sosyal svg { width: 17px; height: 17px; }
.pf-ft-odeme { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pf-ft-odeme { gap: 12px; }
.pf-ft-ssl { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 13px; border-radius: 10px;
  background: var(--ft-zemin2); border: 1px solid var(--ft-line); font-size: 11.5px; font-weight: 700; color: var(--ft-ac2); white-space: nowrap; }
.pf-ft-ssl svg { width: 15px; height: 15px; color: #4ADE80; }
.pf-ft-kartlar { display: inline-flex; align-items: center; padding: 6px 12px; border-radius: 10px; background: #fff; }
.pf-ft-kartlar img { height: 42px; width: auto; max-width: 100%; display: block; }

/* telif */
.pf-ft-alt { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 0 26px; border-top: 1px solid var(--ft-line); flex-wrap: wrap; }
.pf-ft-alt p { margin: 0; font-size: 12.5px; color: var(--ft-soluk); }
.pf-ft-alt nav { display: flex; gap: 20px; flex-wrap: wrap; }
.pf-ft-alt nav a { font-size: 12.5px; font-weight: 600; color: var(--ft-ac); }
.pf-ft-alt nav a:hover { color: var(--pf-primary); }

@media (max-width: 1100px) { .pf-ft-ust { grid-template-columns: 1fr 1fr; gap: 32px; } }
@media (max-width: 700px) {
  .pf-ft-ust { grid-template-columns: 1fr; gap: 0; padding: 30px 0 20px; }
  .pf-ft-marka { margin-bottom: 24px; }
  .pf-ft-grup { border-top: 1px solid var(--ft-line); padding: 13px 0; }
  .pf-ft-grup summary { cursor: pointer; margin-bottom: 0; display: flex; align-items: center; justify-content: space-between; font-size: 14px; }
  .pf-ft-grup summary::after { content: '+'; font-size: 20px; font-weight: 600; color: var(--ft-ac); line-height: 1; }
  .pf-ft-grup[open] summary::after { content: '–'; }
  .pf-ft-grup[open] ul { margin-top: 14px; }
  .pf-ft-orta, .pf-ft-alt { flex-direction: column; align-items: flex-start; gap: 14px; }
  .pf-ft-logo { padding: 9px 13px; }
  .pf-ft-logo img { height: 32px; }
  .pf-ft-kartlar { padding: 6px 10px; }
  .pf-ft-kartlar img { height: 30px; }
  .pf-ft-bulten { max-width: none; }
}
/* mobil alt gezinti çubuğu footer'ın üstünü kapatmasın */
@media (max-width: 991.98px) { .pf-ft-alt { padding-bottom: 86px; } }

/* ==========================================================================
   MOBİL — uygulama görünümü (referans: mağaza uygulaması ana ekranı)
   Yuvarlak gri arama + mikrofon · 4'lü kategori ızgarası · 3 sütunlu ürün
   ızgarası · daha derli toplu bölüm başlıkları.
   ========================================================================== */
@media (max-width: 767.98px) {
  /* arama: yuvarlak gri hap, mikrofon hep görünür, "Ara" düğmesi gizli */
  .pf-m-top { height: 58px; padding: 0 12px 0 16px; }
  .pf-m-logo img { height: 28px; }
  .pf-m-search { padding: 0 16px 12px; }
  .pf-m-search .input-group { height: 44px; border: 1px solid #E3E6EB; border-radius: 12px; background: #fff; padding-right: 6px; }
  .pf-m-search .input-group:focus-within { border-color: var(--pf-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pf-primary) 12%, transparent); }
  .pf-m-search .pf-search-ic { padding-left: 14px; color: var(--pf-ink); }
  .pf-m-search .pf-search-ic svg { width: 18px; height: 18px; }
  .pf-m-search input[data-bp-search-input] { font-size: 13.5px; }
  .pf-m-search .bp-voice-search-btn { display: flex !important; margin: 5px 0 0; color: #4B5563; }
  .pf-m-search .bp-visual-search-btn { display: none !important; }

  /* üst şerit: 3 bağlantı, satıra eşit yayılmış, ikonsuz (referans: uygulama ana ekranı) */
  .pf-m-chips { justify-content: space-between; gap: 12px; padding: 2px 16px 12px; overflow: hidden; }
  .pf-m-chips .pf-chip:nth-child(n+4) { display: none; }
  .pf-chip { height: auto; padding: 0; border-radius: 0; background: transparent; font-size: 13px; font-weight: 500; color: var(--pf-ink); }
  .pf-chip svg { display: none; }
  .pf-chip.pf-chip-birincil { background: transparent; color: var(--pf-ink); font-weight: 700; }
  .pf-chip.pf-chip-vurgu { background: transparent; color: var(--pf-ink); }

  /* hikaye: küçük, tam yuvarlak, yan yana kayan tek satır; mobilde slider'ın altında */
  .pf-ust-akis { display: flex; flex-direction: column; }
  .pf-ust-akis > .pf-hero-kap { order: -1; }
  body .bp-ks { padding: 14px 0 0; }
  body .bp-ks-in { padding: 0; max-width: none; }
  body .bp-ks-row { display: flex; justify-content: flex-start; gap: 6px; padding: 0 16px 4px; overflow-x: auto;
    scroll-snap-type: x proximity; scroll-padding-inline: 16px; scrollbar-width: none; }
  body .bp-ks-row::-webkit-scrollbar { display: none; }
  body .bp-ks-i { flex: 0 0 70px; width: 70px; scroll-snap-align: start; }
  body .bp-ks-i .ic { width: 58px; height: 58px; padding: 2px; margin: 0 auto 6px; border-radius: 50%; }
  body .bp-ks-i b { font-size: 10.5px; font-weight: 500; line-height: 1.25; }
  body .bp-ks-ok { display: none !important; }
  /* avantajlar: slider altında yatay kaydırmalı pastel şerit (≈1.6 karo görünür) */
  .pf-av-izgara { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 8px) / 1.6); grid-template-columns: none; gap: 8px;
    margin: 0 -16px; padding: 0 16px 2px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; scrollbar-width: none; }
  .pf-av-izgara::-webkit-scrollbar { display: none; }
  .pf-av-oge { min-height: 0; scroll-snap-align: start; }
  .pf-av { container: none; padding: 12px 13px; border-radius: 12px; }
  .pf-av-ust { display: flex; }
  .pf-av-ikon { width: 30px; height: 30px; border-radius: 9px; }
  .pf-av-ikon svg { width: 18px; height: 18px; }
  .pf-av-metin { padding-top: 10px; gap: 2px; }
  .pf-av b { font-size: 16px; }
  .pf-av em { display: block; margin-top: 2px; }

  /* ürün şeritleri → 3 sütunlu ızgara (yatay kaydırma yok) */
  .slick-discount5:not(.slick-initialized) { display: grid !important; grid-template-columns: repeat(3, 1fr);
    gap: 8px; overflow: visible !important; padding-bottom: 0; }
  .slick-discount5:not(.slick-initialized) > div { flex: none !important; width: auto !important; }
  .slick-discount5 .pf-uk { margin: 0 !important; }

  /* bölüm başlıkları */
  .pf-bolum { margin-top: 20px; }
  .pf-bolum-bas { margin-bottom: 10px; }
  .pf-bolum-ust { display: none; }
  .pf-bolum-bas h2 { font-size: 17px; }

  /* hero ve fırsat karoları biraz daha kompakt */
  .pf-hero { gap: 10px; }
  .pf-firsat { gap: 8px; margin-top: 10px; }
}

/* ==========================================================================
   MOBİL ALT MENÜ — referans: düz beyaz çubuk, ekran altına yapışık.
   basic.css'teki yüzen kart + ortadaki turuncu yuvarlak sepet burada sıfırlanır.
   ========================================================================== */
@media (max-width: 768px) {
  .pf-m { border-bottom: 0; }
  body .bp-mobnav { padding: 0 0 env(safe-area-inset-bottom) !important; background: #fff; border-top: 1px solid #ECEEF2;
    box-shadow: 0 -6px 18px rgba(15, 23, 42, .05); }
  body .bp-mobnav-inner { max-width: none; margin: 0; padding: 6px 4px 5px; border-radius: 0; background: #fff; box-shadow: none; justify-content: space-around; }
  body .bp-mobnav-item { flex: 1 1 0; min-width: 0; padding: 3px 0; border-radius: 0; background: transparent !important; transition: none; }
  body .bp-mobnav-icon { width: 24px; height: 24px; margin: 0 0 3px; }
  body .bp-mobnav-icon svg { width: 23px; height: 23px; stroke: #4B5563; stroke-width: 1.7; fill: none; }
  body .bp-mobnav-label { font-size: 10.5px; font-weight: 500; color: #4B5563; }
  body .bp-mobnav-item.bp-mobnav-active .bp-mobnav-icon svg { stroke: var(--pf-primary); fill: var(--pf-primary); fill-opacity: 1; }
  body .bp-mobnav-item.bp-mobnav-active[data-page="anasayfa"] .bp-mobnav-icon polyline { stroke: #fff; }
  body .bp-mobnav-item.bp-mobnav-active .bp-mobnav-label { color: var(--pf-primary); font-weight: 700; }
  /* sepet: diğerleriyle aynı düz öğe; rozet turuncu */
  body .bp-mobnav-cart .bp-mobnav-icon { width: 24px; height: 24px; margin: 0 0 3px; background: transparent; border-radius: 0; box-shadow: none; }
  body .bp-mobnav-cart:hover .bp-mobnav-icon { transform: none; box-shadow: none; }
  body .bp-mobnav-cart .bp-mobnav-icon svg { stroke: #4B5563; }
  body .bp-mobnav-cart.bp-mobnav-active .bp-mobnav-icon svg { stroke: var(--pf-primary); fill: none; }
  body .bp-mobnav-cart .bp-mobnav-label { color: #4B5563; }
  body .bp-mobnav-badge { top: -6px; right: -11px; min-width: 18px; height: 18px; padding: 0 5px; border: 2px solid #fff; border-radius: 999px; background: var(--pf-primary); font-size: 10px; }
  body .bp-mobnav-item:hover:not(.bp-mobnav-active) { background: transparent; }
  body { padding-bottom: 0 !important; }   /* alt menü boşluğunu footer (.pf-ft-alt) zaten bırakıyor; body boşluğu beyaz şerit yapıyordu */
  /* sohbet asistanı alt menünün üstünde dursun */
  body .bpa-wrap { bottom: calc(74px + env(safe-area-inset-bottom)) !important; }
  /* sepet ve ödeme adımlarındaki yapışkan alt çubukların üstünde dursun */
  body:has(.bp-sp-mbar) .bpa-wrap { bottom: calc(119px + env(safe-area-inset-bottom)) !important; }
  body:has(.bp-od-mbar) .bpa-wrap { bottom: calc(155px + env(safe-area-inset-bottom)) !important; }
}

/* ==========================================================================
   MOBİL HEADER — büyük logo, ince çizgili zarif ikonlar (zil + sepet aynı çizgi kalınlığı)
   ========================================================================== */
@media (max-width: 991.98px) {
  .pf-m-top { height: 64px; }
  .pf-m-logo img { height: 38px; max-width: 190px; }
  .pf-m-icons { gap: 2px; margin-right: -6px; }
  .pf-m-ic, .pf-m-icons .bph-bell { width: 44px; height: 44px; border: 0; border-radius: 50%; background: transparent; color: #1B2230; }
  .pf-m-ic svg { width: 24px; height: 24px; stroke-width: 1.5; }
  /* zil: Font Awesome yerine sepetle aynı ince çizgili SVG (maske ile, rengi currentColor) */
  .pf-m-icons .bph-bell i { display: none; }
  .pf-m-icons .bph-bell::before { content: ""; width: 24px; height: 24px; 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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5a6 6 0 0 1 12 0c0 4.6 1.6 6.3 2.3 7a.6.6 0 0 1-.4 1H4.1a.6.6 0 0 1-.4-1c.7-.7 2.3-2.4 2.3-7z'/%3E%3Cpath d='M10 20.5a2.2 2.2 0 0 0 4 0'/%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='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5a6 6 0 0 1 12 0c0 4.6 1.6 6.3 2.3 7a.6.6 0 0 1-.4 1H4.1a.6.6 0 0 1-.4-1c.7-.7 2.3-2.4 2.3-7z'/%3E%3Cpath d='M10 20.5a2.2 2.2 0 0 0 4 0'/%3E%3C/svg%3E") center / contain no-repeat; }
  .pf-m-ic:active, .pf-m-icons .bph-bell:active { background: #F4F6F8; }
  .pf-m-ic .pf-cart-badge, .pf-m-icons .bph-bell-c { top: 5px; right: 3px; min-width: 17px; height: 17px; padding: 0 4px; border: 2px solid #fff;
    border-radius: 999px; background: var(--pf-primary); color: #fff; font-size: 9.5px; font-weight: 800; line-height: 13px; box-sizing: border-box; }
  body .bp-mobnav-icon svg { stroke-width: 1.5; }
}

/* mobil: kayan duyuru şeridi (ince, kenardan kenara) */
@media (max-width: 991.98px) {
  .pf-promo-ic { height: 32px; width: 100%; padding: 0 !important; }
  .pf-promo-oge { gap: 8px; padding-right: 26px; font-size: 11.5px; }
  .pf-promo-kayan { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%); }
}

/* arama kutusu: basic.css .mobilarama'nın negatif üst boşluğu yazıyı yukarı kaydırıyordu → sıfırla, ikonlarla aynı eksende ortala */
.pf-search input[data-bp-search-input] { margin: 0 !important; align-self: stretch; }
.pf-search .bp-voice-search-btn, .pf-search .bp-visual-search-btn { align-self: center; margin-top: 0 !important; margin-bottom: 0 !important; }

/* mobil: fırsat karoları 2'li yatay kayan şerit (kenardan kenara, karolar hizaya oturur) */
@media (max-width: 767.98px) {
  .pf-firsat { display: flex; gap: 8px; margin: 12px -20px 0; padding: 0 20px 2px; overflow-x: auto; scroll-snap-type: x mandatory;
    scroll-padding-inline: 20px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .pf-firsat::-webkit-scrollbar { display: none; }
  .pf-firsat .pf-fk { flex: 0 0 calc((100% - 8px) / 2); min-height: 112px; scroll-snap-align: start; }
}
@media (max-width: 560px) {
  .pf-firsat { margin: 12px -16px 0; padding: 0 16px 2px; scroll-padding-inline: 16px; }   /* kap iç boşluğu 16px */
}

/* mobil üst bağlantılar: görünüm aynı, dokunma alanı ≥40px (dikey iç boşluk + eşit negatif dış boşluk) */
@media (max-width: 767.98px) {
  .pf-m-chips .pf-chip { padding: 14px 0; margin: -14px 0; }
  .pf-m-chips { padding-top: 16px; padding-bottom: 26px; margin-top: -14px; margin-bottom: -14px; position: relative; z-index: 1; }
}
.pf-uk-yuzde {
  background: #F4F6F8 !important;
}

/* ==========================================================================
   SOHBET ASİSTANI — temaya özel "AI Robot" maskotu (perfect/asistan_bot.php): 80px, mobilde 64px genişlik
   Başlık düz lacivert; gönder düğmesi ve vurgular tema turuncusu (panelde seçilen asistan rengi bu temada kullanılmaz).
   ========================================================================== */
body .bpa-wrap.pf-asistan { --pfr-1: var(--pf-primary); --pfr-2: color-mix(in srgb, var(--pf-primary) 80%, #fff); --pfr-3: color-mix(in srgb, var(--pf-primary) 50%, #fff); --pfr-led: color-mix(in srgb, var(--pf-primary) 62%, #fff);
  --bpa: var(--pf-primary, #FF6000); --bpa-d: #C2410C; --bpa-d: color-mix(in srgb, var(--pf-primary, #FF6000) 76%, #000); right: 20px; bottom: 20px; font-family: inherit; }
body .bpa-wrap.pf-asistan.bpa-sol { right: auto; left: 20px; }
body .pf-asistan .bpa-fab { width: 80px; height: 88px; }
body .pf-asistan .bpa-fab .bpa-bot { width: 80px; height: 88px; overflow: visible; filter: drop-shadow(0 10px 14px rgba(20, 29, 45, .22)); }
body .pf-asistan .bpa-golge { display: none; }
body .pf-asistan .bpa-head { background: #141D2D; }
body .pf-asistan .bpa-head .bpa-mini { width: 38px; height: 42px; overflow: visible; }
body .pf-asistan .bpa-panel, body .pf-asistan .bpa-bubble, body .pf-asistan .bpa-form input { font-family: inherit; }
body .bpa-bot.pf-bot-ai .bpa-eyes{fill:var(--pfr-led);stroke:none;stroke-width:0}
body .bpa-bot.pf-bot-ai .bpa-eyes ellipse{fill:var(--pfr-led);stroke:none;stroke-width:0}
body .bpa-bot.pf-bot-ai .bpa-mouth{fill:var(--pfr-led);stroke:none;stroke-width:0}
body .bpa-bot.pf-bot-ai .bpa-arm{transform-box:view-box;transform-origin:44px 80px}
body .bpa-bot.pf-bot-ai .bpa-spout{transform-box:view-box;transform-origin:66px 40px}
@media (max-width: 480px) {
  body .pf-asistan .bpa-fab, body .pf-asistan .bpa-fab .bpa-bot { width: 64px; height: 70px; }
}