/* =========================================================
   BASE
   ========================================================= */
* { box-sizing: border-box; }
:root {
    --side-row-h: 52px;
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
}
body { margin: 0; font-family: -apple-system,"Segoe UI",Roboto,Arial,sans-serif; background: var(--bg); color: var(--text); }
a { color: inherit; text-decoration: none; }
.wrap { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

/* =========================================================
   HEADER
   ========================================================= */
body > header { position: sticky; top: 0; z-index: 10; padding-top: env(safe-area-inset-top,0px); background: var(--bg); border-bottom: 1px solid var(--border); }
.site-subnav { background: var(--bg); border-bottom: 1px solid var(--border); }
.header-row { position: relative; display: flex; align-items: center; gap: 20px; padding: 14px 0; }
.logo { font-size: 22px; font-weight: 700; color: var(--accent); letter-spacing: -0.3px; white-space: nowrap; }
.search { flex: 1; display: flex; align-items: center; gap: 8px; background: var(--surface); border: 1px solid var(--border); border-radius: 999px; padding: 0 16px; height: 42px; color: var(--text-muted); font-size: 14px; }
.search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:var(--text); font:inherit; }
.search input::placeholder { color:var(--text-muted); }
.icons { display: flex; align-items: center; gap: 16px; color: var(--text-secondary); flex-shrink: 0; }
.icons svg { width: 20px; height: 20px; }
#theme-toggle { background: none; border: none; cursor: pointer; color: inherit; display: flex; padding: 0; }
[data-theme="light"] .icon-moon,
[data-theme="dark"] .icon-sun { display: none; }

.header-icon-link { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:6px; color:inherit; line-height:1; }
.header-icon-link svg { display:block; flex-shrink:0; }
.header-icon-link:hover { color:var(--accent); }
.header-profile { font-size:12px; white-space:nowrap; }
.header-profile-name {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    margin-top: 3px;
}
.header-count { position:absolute; top:-9px; right:-9px; min-width:17px; height:17px; padding:0 3px; border-radius:12px; background:var(--accent); color:var(--on-accent); font-size:10px; line-height:17px; text-align:center; }
.header-count.is-empty { display:none; }

nav.cats { display: flex; gap: 24px; overflow-x: auto; font-size: 14px; color: var(--text-secondary); scrollbar-width: none; scroll-behavior: smooth; }
nav.cats::-webkit-scrollbar { display: none; }
/* Üstdə və altda eyni boşluq + şəffaf üst xətt: mətn şaquli ortada, aktivin alt xətti yerində */
nav.cats a { white-space: nowrap; padding: 12px 0; border-top: 2px solid transparent; border-bottom: 2px solid transparent; transition: color .15s; }
nav.cats a:hover { color: var(--text); }
nav.cats a.active { color: var(--text); font-weight: 600; border-bottom-color: var(--accent); }

/* Sürüşdürülə bilən menyu: kənarda davamı olduğunu göstərən solğunlaşma (main.js class-ları qoyur) */
nav.cats.has-more-end { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent); }
nav.cats.has-more-start { -webkit-mask-image: linear-gradient(to right, transparent, #000 48px); mask-image: linear-gradient(to right, transparent, #000 48px); }
/* Sağ kənarda hərəkət edən ox: kateqoriyaların sürüşdüyünü göstərir */
.cats-wrap { position: relative; }
.cats-hint {
    position: absolute; top: 50%; right: 20px; z-index: 1;
    display: flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; margin-top: -13px; padding: 0;
    border: 0; border-radius: 50%;
    background: var(--accent); color: var(--on-accent);
    cursor: pointer;
    transition: opacity .3s;
    animation: cats-hint-nudge 1s ease-in-out infinite;
}
.cats-hint[hidden] { display: none; }
.cats-hint.is-hidden { opacity: 0; pointer-events: none; }
/* Açılışda kateqoriyalar bir az sola gedib qayıdır (main.js .is-peeking qoyur) */
nav.cats.is-peeking > a { animation: cats-peek 1.3s ease-in-out; }
@keyframes cats-peek {
    0%, 100% { transform: translateX(0); }
    40%, 55% { transform: translateX(-56px); }
}
@keyframes cats-hint-nudge { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(4px); } }
@media (prefers-reduced-motion: reduce) { .cats-hint, nav.cats.is-peeking > a { animation: none; } }
/* Mobil: kateqoriyalar pill (kapsul) şəklində, ekranın kənarından-kənarına sürüşür */
@media (max-width: 760px) {
    .wrap.cats-wrap { margin: 0; padding: 0; }
    nav.cats { gap: 8px; padding: 8px 16px 10px; }
    nav.cats a {
        display: flex; align-items: center;
        height: 36px; padding: 0 14px;
        border: 1px solid var(--border-strong); border-radius: 999px;
        background: var(--surface-2); color: var(--text);
        font-size: 13.5px; font-weight: 500;
        transition: background-color .15s, border-color .15s, color .15s;
    }
    nav.cats a:hover { border-color: var(--accent); }
    nav.cats a.active { background: var(--accent); border-color: var(--accent); color: var(--on-accent); font-weight: 600; }
    .cats-hint { right: 8px; margin-top: -14px; }
}
@media (max-width: 480px) {
    nav.cats { padding-left: 14px; padding-right: 14px; }
}
/* Ümumi sürüşən pill menyu (data-pill-scroll: məlumat səhifələri, şəxsi kabinet) — kateqoriyalarla eyni davranış.
   Sürüşən element [data-pill-scroll], ox (.cats-hint[data-pill-hint]) onunla eyni .pill-scroll-wrap içində. */
.pill-scroll-wrap { position: relative; }
.pill-scroll-wrap .cats-hint { right: 8px; margin-top: -14px; }
[data-pill-scroll] { scroll-behavior: smooth; }
[data-pill-scroll].has-more-end { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent); }
[data-pill-scroll].has-more-start { -webkit-mask-image: linear-gradient(to right, transparent, #000 48px); mask-image: linear-gradient(to right, transparent, #000 48px); }
[data-pill-scroll].has-more-start.has-more-end { -webkit-mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent); }
[data-pill-scroll].is-peeking > * { animation: cats-peek 1.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) { [data-pill-scroll].is-peeking > * { animation: none; } }
nav.cats.has-more-start.has-more-end { -webkit-mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent); }

/* Language selector */
.lang { flex-shrink: 0; }
.language-select {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 38px;
    padding: 0 14px 0 12px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--bg);
}
.language-select__globe { font-size: 14px; color: var(--text-secondary); line-height: 1; }
.language-select select {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: transparent;
    color: var(--text);
    font-size: 13px;
    font-weight: 600;
    padding-right: 16px;
    cursor: pointer;
}
.language-select select:focus { outline: none; }
.language-select::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 1.5px solid var(--text-secondary);
    border-bottom: 1.5px solid var(--text-secondary);
    transform: translateY(-65%) rotate(45deg);
    pointer-events: none;
}

/* Sort select */
.sort-select {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    height: 38px;
    padding: 0 32px 0 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius, 8px);
    background: var(--bg);
    color: var(--text);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    background-image: linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%),
    linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%);
    background-position: calc(100% - 18px) center, calc(100% - 13px) center;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    transition: border-color 0.15s;
}
.sort-select:hover { border-color: var(--accent); }
.sort-select:focus { outline: none; border-color: var(--accent); }

/* Search dropdown */
.search-results {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    max-height: 420px;
    overflow-y: auto;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(0,0,0,0.12);
    z-index: 50;
}
.search-results {
    background: var(--surface);
    border: 1px solid var(--border);
    box-shadow: 0 16px 40px rgba(0,0,0,.18);
}
[data-theme="dark"] .search-results {
    border-color: rgba(255,255,255,.08);
    box-shadow: 0 18px 48px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.4);
}
.search-results .search-result-thumb,
[data-theme="dark"] .search-results .search-result-thumb {
    background: var(--image-bg);
}
.search-results .search-result-thumb img {
    mix-blend-mode: multiply;
    filter: none;
    opacity: 1;
}
/* hover / klaviatura seçimi – bir pillə yuxarı */
.search-result-item:hover,
.search-result-item.is-active { background: var(--surface-2); }

/* şəkillər kartlardakı kimi ağ fonda */
.search-result-thumb { background: var(--image-bg); }
.search-result-thumb img { mix-blend-mode: multiply; }

/* iOS/Chrome-un mavi "x" düyməsi əvəzinə öz rəngimiz */
.search input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    width: 16px; height: 16px;
    background: var(--text-muted);
    -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.5' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%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.5' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat;
    cursor: pointer;
}
.search-result-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    cursor: pointer;
    transition: background 0.12s;
}
.search-result-item:hover,
.search-result-item.is-active { background: var(--surface); }
.search-result-item + .search-result-item { border-top: 1px solid var(--border); }
.search-result-thumb {
    width: 48px;
    height: 56px;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--surface-2);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.search-result-thumb img { width: 100%; height: 100%; object-fit: contain; }
.search-result-info { min-width: 0; flex: 1; }
.search-result-brand { font-size: 12px; color: var(--text-secondary); margin: 0 0 2px; }
.search-result-name {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text);
    margin: 0 0 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-result-meta {
    font-size: 12px;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.search-result-price {
    font-size: 13px;
    font-weight: 700;
    color: var(--text);
    flex-shrink: 0;
    white-space: nowrap;
}
.search-results-empty { padding: 20px 16px; text-align: center; font-size: 13px; color: var(--text-secondary); }

/* Logo (SVG) */
.logo--svg { display: inline-flex; align-items: center; color: var(--accent); }
.logo-svg { width: 132px; height: auto; display: block; }
footer .logo--svg { color: var(--on-accent-bg); }

.search { position: relative; }
.search-results {
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    max-height: min(460px, 70vh);
}

/* Düymələr: hamısı 50px hündürlükdə, mətn ortada */
.btn {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    width: 100%; height: 50px; box-sizing: border-box;
    padding: 0 20px; margin-bottom: 10px;
    border: none; border-radius: 12px;
    font: inherit; font-size: 16px; font-weight: 600; line-height: 1.2;
    text-align: center; text-decoration: none; white-space: nowrap;
    cursor: pointer;
    transition: background-color .15s, border-color .15s, color .15s, transform .1s;
}
.btn-dark { background: var(--accent); color: var(--on-accent); border: 1px solid var(--accent); }
.btn-outline { background: transparent; border: 1px solid var(--accent); color: var(--accent); }

/* Hover: iki düymə yerini dəyişir — dolu düymə çərçivəli olur, çərçivəli düymə dolur */
@media (hover: hover) {
    .btn-dark:not(:disabled):hover { background: transparent; color: var(--accent); }
    .btn-outline:not(:disabled):hover { background: var(--accent); color: var(--on-accent); }
}
.btn:not(:disabled):active { transform: translateY(1px); }
.btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.btn:disabled, .btn[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
/* İkonlu düymə: ikon + mətn mərkəzdə */
.btn--with-icon .btn__icon { flex-shrink: 0; width: 18px; height: 24px; }

/* Şifrə inputu + göz düyməsi (main.js input[type=password]-i .pw-field-ə bükür) */
.pw-field { position: relative; display: block; width: 100%; }
.pw-field > input { width: 100%; padding-right: 48px !important; }
.pw-toggle {
    position: absolute; top: 50%; right: 4px; transform: translateY(-50%);
    display: flex; align-items: center; justify-content: center; width: 40px; height: 40px;
    padding: 0; border: 0; border-radius: 8px; background: none; color: var(--text-muted); cursor: pointer;
}
.pw-toggle:hover { color: var(--text); }
.pw-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.pw-toggle .pw-toggle__closed, .pw-toggle.is-visible .pw-toggle__open { display: none; }
.pw-toggle.is-visible .pw-toggle__closed { display: inline; }
/* Edge/IE-nin öz göz düyməsi ikiləşməsin */
.pw-field > input::-ms-reveal, .pw-field > input::-ms-clear { display: none; }

/* Endirim (partials/sale-price, discount-badge): köhnə qiymət üstündən xətt, kartda faiz nişanı */
.price-old { color: var(--text-muted); font-weight: 400; font-size: .85em; margin-right: 2px; }
.price-sale { color: var(--danger); white-space: nowrap; }
.price-old, .price-regular { white-space: nowrap; }
/* Endirimdəki kart: sol yuxarı küncdə qırmızı lent ("20% endirim") və lentin rəngi ilə bütün kart boyu kontur.
   Qalın çərçivə üçün padding 1px azalır. */
/* .card.card--* — catalog.css-dəki .card { border } qaydası sonra yüklənir, spesifiklik ondan yüksək olmalıdır */
.card.card--sale { border: 2px solid var(--danger); padding: 11px; }
.card.card--sale:hover { border-color: var(--danger); }
.card-ribbon {
    position: absolute; top: -2px; left: -2px; z-index: 3; padding: 5px 12px;
    border-radius: 14px 0 12px 0; background: var(--danger); color: #fff;
    font-size: 12.5px; font-weight: 700; line-height: 1.3; white-space: nowrap;
}
.main-image--ribbon { position: relative; overflow: hidden; }
/* Tester ətir: şəklin sol yuxarı küncündə 45° qara lent. Sağ küncdə seçilmiş / paylaş düymələri var;
   endirimli tester-də endirim lenti (card-ribbon, z-index 3) üstdə qalır */
.tester-ribbon {
    position: absolute; top: 20px; left: -38px; z-index: 2; width: 140px; padding: 5px 0;
    transform: rotate(-45deg); background: #111; color: #fff; text-align: center;
    font-size: 12.5px; font-weight: 700; letter-spacing: .03em; line-height: 1.3;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .25); pointer-events: none;
}
.search-result-discount { display: inline-block; margin-bottom: 2px; padding: 0 6px; border-radius: 999px; background: var(--danger); color: #fff; font-size: 11px; font-weight: 700; line-height: 1.5; }

.cart-row__total.price-sale, .checkout-item__price .price-sale { color: var(--danger); }

/* Kartda geri sayım (bitməsinə < 7 gün): şəklin altında 4 qırmızı qutu; ölçülər siyahısı (z-index 10) üstünü örtür */
.card-countdown {
    position: absolute; left: 0; right: 0; bottom: 8px; z-index: 2;
    display: flex; flex-direction: column; align-items: center; gap: 4px; pointer-events: none;
}
/* "Endirimin bitməsinə:" — ağ fonda qırmızı, şəklin hansı rəngdə olmasından asılı olmayaraq oxunur */
.card-countdown__caption {
    padding: 2px 10px; border-radius: 999px; background: #fff; color: var(--danger);
    font-size: 11px; font-weight: 700; line-height: 1.4; box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}
.card-countdown__cells { display: flex; justify-content: center; gap: 6px; }
.card-countdown__cell {
    display: flex; flex-direction: column; align-items: center; gap: 1px; min-width: 38px; padding: 4px 4px 3px;
    border-radius: 8px; background: var(--danger); color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
/* rəqəm və vahid qutunun içində (ağ) — şəklin hansı rəngdə olmasından asılı olmayaraq oxunur */
.card-countdown__cell b { font-size: 14px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }
.card-countdown__cell small { font-size: 9.5px; font-weight: 600; line-height: 1; opacity: .9; }


/* Cookie bildirişi (partials/cookie-bar): desktopda sol aşağıda kiçik kart, mobildə aşağıda zolaq */
.cookie-bar {
    position: fixed; left: 20px; bottom: 20px; z-index: 1100; max-width: 420px;
    display: flex; align-items: center; gap: 14px;
    padding: 14px 16px; border: 1px solid var(--border); border-radius: 16px;
    background: var(--bg); color: var(--text); box-shadow: 0 12px 32px rgba(20, 12, 40, .18);
    opacity: 0; transform: translateY(12px); transition: opacity .25s ease, transform .25s ease;
}
[data-theme="dark"] .cookie-bar { background: var(--surface); box-shadow: 0 12px 32px rgba(0, 0, 0, .5); }
.cookie-bar.is-open { opacity: 1; transform: none; }
.cookie-bar[hidden] { display: none; }
.cookie-bar__text { margin: 0; font-size: 14px; line-height: 1.45; color: var(--text-secondary); }
.cookie-bar__text a { color: var(--text); text-underline-offset: 3px; }
.cookie-bar__ok { width: auto; height: 40px; margin: 0; padding: 0 18px; font-size: 14px; flex-shrink: 0; }
@media (max-width: 760px) {
    .cookie-bar { left: 12px; right: 12px; bottom: 12px; max-width: none; padding: 12px 14px; }
}
@media (prefers-reduced-motion: reduce) { .cookie-bar { transition: none; } }

/* Səsli axtarış düyməsi (voice-search.js) — axtarış sahəsinin sağında */
.search-voice {
    flex-shrink: 0; display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; margin-right: -8px; padding: 0;
    border: 0; border-radius: 50%; background: none; color: var(--text-muted); cursor: pointer;
    transition: background-color .15s, color .15s;
}
.search-voice:hover { color: var(--text); background: var(--surface-2); }
.search-voice:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.search-voice[hidden] { display: none; }
.search-voice.is-listening { color: #fff; background: var(--danger); animation: voice-pulse 1.2s ease-in-out infinite; }
@keyframes voice-pulse {
    0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--danger) 45%, transparent); }
    50% { box-shadow: 0 0 0 7px color-mix(in srgb, var(--danger) 0%, transparent); }
}
@media (prefers-reduced-motion: reduce) { .search-voice.is-listening { animation: none; } }

/* Ünvan üçün xəritə (partials/address-map, public/shared/address-map.js) */
.address-map { margin: 4px 0 12px; }
.address-map__open {
    display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; width: 100%; box-sizing: border-box;
    padding: 12px 14px; border: 1px dashed var(--border-strong); border-radius: 12px; background: var(--bg);
    color: var(--text); font: inherit; font-size: 15px; font-weight: 600; text-align: left; cursor: pointer;
    transition: border-color .15s, background-color .15s;
}
.address-map__open:hover { border-color: var(--accent); }
.address-map__open small { flex-basis: 100%; padding-left: 28px; font-size: 13px; font-weight: 400; color: var(--text-muted); }
.address-map.has-location .address-map__open { border-style: solid; border-color: var(--success); }
.address-map.has-location .address-map__open svg { color: var(--success); }
.address-map__panel { margin-top: 10px; }
.address-map__canvas { width: 100%; height: 320px; border-radius: 14px; overflow: hidden; border: 1px solid var(--border); background: var(--surface-2); }
.address-map__bar { display: flex; gap: 8px; margin-top: 8px; }
.address-map__btn {
    display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px;
    border: 1px solid var(--border-strong); border-radius: 999px; background: var(--bg); color: var(--text);
    font: inherit; font-size: 14px; cursor: pointer;
}
.address-map__btn:hover { border-color: var(--accent); }
.address-map__btn--muted { color: var(--text-secondary); }
.address-map__status { margin: 8px 0 0; font-size: 13.5px; line-height: 1.45; color: var(--text-secondary); }
.address-map__use {
    margin-left: 4px; padding: 3px 10px; border: 1px solid var(--accent); border-radius: 999px;
    background: none; color: var(--accent); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
}
[data-theme="dark"] .address-map__use { color: var(--text); }
.address-map__use:hover { background: var(--accent); color: var(--on-accent); }
@media (max-width: 760px) { .address-map__canvas { height: 280px; } }
/* Ünvan təklifləri (Google Places) — ünvan sahəsinin altında */
.address-suggest {
    position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 30;
    margin: 0; padding: 6px; list-style: none;
    background: var(--bg); border: 1px solid var(--border); border-radius: 12px;
    box-shadow: 0 12px 28px rgba(20, 12, 40, .14);
}
[data-theme="dark"] .address-suggest { background: var(--surface); box-shadow: 0 12px 28px rgba(0, 0, 0, .5); }
.address-suggest[hidden] { display: none; }
.address-suggest li { display: flex; flex-direction: column; gap: 1px; padding: 9px 12px; border-radius: 8px; cursor: pointer; }
.address-suggest li strong { font-size: 14.5px; font-weight: 600; color: var(--text); }
.address-suggest li small { font-size: 12.5px; color: var(--text-muted); }
.address-suggest li:hover, .address-suggest li.is-active { background: var(--surface-2); }

/* AI ətir seçici — üzən düymə (partials/advisor-fab) */
.advisor-fab { position: fixed; right: 20px; bottom: 20px; z-index: 1050; display: flex; align-items: flex-end; gap: 10px; }
.advisor-fab__button {
    position: relative; display: block; width: 68px; height: 68px; border-radius: 50%;
    background: #fff; border: 2px solid color-mix(in srgb, var(--accent) 35%, #fff);
    box-shadow: 0 10px 28px rgba(43, 31, 74, .28); overflow: visible;
    animation: advisor-fab-float 3.2s ease-in-out infinite;
    transition: transform .2s ease, box-shadow .2s ease;
}
.advisor-fab__button img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: contain; padding: 4px; box-sizing: border-box; }
.advisor-fab__button:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 14px 34px rgba(43, 31, 74, .36); animation-play-state: paused; }
.advisor-fab__button:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.advisor-fab__badge {
    position: absolute; top: -4px; right: -4px; padding: 2px 6px; border-radius: 999px;
    background: var(--accent); color: var(--on-accent); font-size: 10.5px; font-weight: 800; letter-spacing: .04em;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
}
[data-theme="dark"] .advisor-fab__button { border-color: color-mix(in srgb, var(--accent) 60%, transparent); box-shadow: 0 10px 28px rgba(0, 0, 0, .55); }
.advisor-fab__bubble {
    position: relative; max-width: 220px; margin-bottom: 14px; padding: 10px 30px 10px 14px; border-radius: 14px 14px 4px 14px;
    background: var(--bg); color: var(--text); border: 1px solid var(--border); box-shadow: 0 10px 26px rgba(20, 12, 40, .16);
    font-size: 13.5px; line-height: 1.4; opacity: 0; transform: translateY(6px); transition: opacity .25s ease, transform .25s ease;
}
[data-theme="dark"] .advisor-fab__bubble { background: var(--surface); }
.advisor-fab__bubble.is-open { opacity: 1; transform: none; }
.advisor-fab__bubble[hidden] { display: none; }
/* üzərinə gələndə (desktop) düymənin yanında ad; balon açıqdırsa — ad görünmür */
.advisor-fab__label {
    align-self: center; margin-right: 2px; padding: 8px 14px; border-radius: 999px; white-space: nowrap;
    background: var(--accent); color: var(--on-accent); font-size: 14px; font-weight: 600;
    box-shadow: 0 8px 20px rgba(43, 31, 74, .25);
    opacity: 0; transform: translateX(8px); pointer-events: none; transition: opacity .2s ease, transform .2s ease;
}
@media (hover: hover) {
    .advisor-fab:hover .advisor-fab__label, .advisor-fab:focus-within .advisor-fab__label { opacity: 1; transform: none; }
}
.advisor-fab:has(.advisor-fab__bubble.is-open) .advisor-fab__label { display: none; }
@media (hover: none) { .advisor-fab__label { display: none; } }
.advisor-fab__bubble-close { position: absolute; top: 4px; right: 6px; border: 0; background: none; color: var(--text-muted); font-size: 18px; line-height: 1; cursor: pointer; padding: 2px 4px; }
@keyframes advisor-fab-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@media (prefers-reduced-motion: reduce) { .advisor-fab__button { animation: none; } }
/* cookie zolağı mobildə tam endədir — FAB onun üstünə qalxsın */
@media (max-width: 760px) {
    .advisor-fab { right: 14px; bottom: 14px; }
    .advisor-fab__button { width: 58px; height: 58px; }
    body:has(#cookieBar:not([hidden])) .advisor-fab { bottom: 96px; }
}
/* admin popup-u künc/zolaq mövqeyində açıqdırsa — FAB gizlənsin */
body:has(.site-popup--corner, .site-popup--bar) .advisor-fab { opacity: 0; pointer-events: none; }
.advisor-fab { transition: bottom .25s ease, opacity .2s ease; }