
/* ===== FLOAT-WISH 09.10.2026 (#355): порівняння / бажання / зниження ціни ===== */
.fw-acts{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 4px;padding:12px 0 2px;border-top:1px solid #eef0f3}
.fw-act{display:inline-flex;align-items:center;gap:9px;background:none;border:0;padding:4px 2px;cursor:pointer;font:500 14px/1.2 Manrope,system-ui,sans-serif;color:#3b4252;transition:color .15s}
.fw-act__i{flex:0 0 34px;width:34px;height:34px;border-radius:9px;border:1px solid #e3e6ec;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#5b6475;transition:border-color .15s,background .15s,color .15s}
.fw-act__i svg{width:18px;height:18px}
.fw-act:hover{color:#1a1a2e}
.fw-act:hover .fw-act__i{border-color:#f5a623;color:#c47d00}
.fw-act.is-on{color:#1a1a2e}
.fw-act.is-on .fw-act__i{background:#fff4df;border-color:#f5a623;color:#d48806}
.fw-act[data-fw-wish].is-on .fw-act__i svg path{fill:currentColor}
.fw-act:focus-visible{outline:2px solid #f5a623;outline-offset:2px;border-radius:6px}

/* іконки на плитці товару */
.bac-thumb{position:relative}
.fw-ticons{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:6px;z-index:3}
.fw-ticon{width:32px;height:32px;border-radius:50%;border:1px solid #e6e8ee;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7385;padding:0;box-shadow:0 1px 3px rgba(16,24,40,.08);transition:color .15s,border-color .15s,transform .15s}
.fw-ticon svg{width:16px;height:16px}
.fw-ticon:hover{color:#d48806;border-color:#f5a623;transform:scale(1.06)}
.fw-ticon.is-on{color:#d48806;border-color:#f5a623;background:#fff4df}
.fw-ticon[data-fw-wish].is-on svg path{fill:currentColor}
@media (hover:hover){.bac-thumb .fw-ticon[data-fw-compare]:not(.is-on){opacity:0;transition:opacity .15s,color .15s,border-color .15s}.bac-thumb:hover .fw-ticon[data-fw-compare]{opacity:1}}

/* шапка: лічильники для нових іконок */
.bac-header__icon{position:relative}
.bac-header__icon .bac-count[data-fw-count]{background:#f5a623;color:#1a1a2e}

/* тост */
.fw-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:1000;background:#1a1a2e;color:#fff;border-radius:10px;padding:12px 16px;font:500 14px/1.3 Manrope,system-ui,sans-serif;display:flex;gap:14px;align-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px)}
.fw-toast.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.fw-toast a{color:#f5a623;font-weight:700;text-decoration:none;white-space:nowrap}

/* модалка */
.fw-modal{position:fixed;inset:0;z-index:1001;background:rgba(15,18,30,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.fw-modal__box{position:relative;background:#fff;border-radius:14px;max-width:420px;width:100%;padding:28px 24px 22px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.fw-modal__x{position:absolute;top:8px;right:10px;border:0;background:none;font-size:28px;line-height:1;color:#8a90a0;cursor:pointer;padding:4px 8px}
.fw-modal__ico{width:52px;height:52px;border-radius:50%;background:#fff4df;color:#d48806;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.fw-modal__t{font:700 19px/1.25 Manrope,system-ui,sans-serif;margin:0 0 6px;color:#1a1a2e}
.fw-modal__s{font-size:14px;color:#5b6475;margin:0 0 16px}
.fw-modal__f{display:flex;flex-direction:column;gap:10px}
.fw-modal__f input[type=email]{height:46px;border:1px solid #d6dae2;border-radius:9px;padding:0 14px;font-size:16px;width:100%;box-sizing:border-box}
.fw-modal__f input[type=email]:focus{outline:none;border-color:#f5a623;box-shadow:0 0 0 3px rgba(245,166,35,.2)}
.fw-modal__f .bac-btn{height:46px;width:100%;justify-content:center}
.fw-modal__msg{min-height:18px;margin:0;font-size:13px}
.fw-modal__msg.is-err{color:#d92d20}
.fw-modal__done{font-size:15px;color:#0a8f5a;font-weight:600;margin:6px 0}
.fw-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* сторінка «Список бажань» */
.fw-page{padding-top:12px;padding-bottom:40px}
.fw-crumbs{font-size:13px;color:#8a90a0;margin:4px 0 10px}
.fw-crumbs a{color:#5b6475;text-decoration:none}
.fw-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.fw-title{font:800 28px/1.2 Manrope,system-ui,sans-serif;margin:0;color:#1a1a2e}
.fw-title__n{font-size:16px;color:#8a90a0;font-weight:600;vertical-align:middle}
.fw-clear{border:1px solid #d6dae2;background:#fff;border-radius:8px;padding:8px 14px;font:500 14px Manrope,system-ui,sans-serif;color:#5b6475;cursor:pointer}
.fw-clear:hover{border-color:#d92d20;color:#d92d20}
.fw-empty{text-align:center;padding:48px 16px 56px;color:#8a90a0}
.fw-empty svg{color:#f5a623}
.fw-empty__t{font:700 20px Manrope,system-ui,sans-serif;color:#1a1a2e;margin:12px 0 6px}
.fw-empty__s{margin:0 0 20px}
/* сторінка порівняння */
.fwc{padding-top:12px;padding-bottom:40px}
.fwc__ctrl{display:flex;gap:14px;align-items:center}
.fwc__sw{display:inline-flex;gap:8px;align-items:center;font:500 14px Manrope,system-ui,sans-serif;color:#3b4252;cursor:pointer}
.fwc__sw input{width:18px;height:18px;accent-color:#f5a623}
.fwc__scroll{overflow-x:auto;border:1px solid #e6e8ee;border-radius:12px;background:#fff;-webkit-overflow-scrolling:touch}
.fwc__t{border-collapse:separate;border-spacing:0;min-width:100%;font-size:14px}
.fwc__t th,.fwc__t td{padding:10px 14px;border-bottom:1px solid #eef0f3;text-align:left;vertical-align:top;min-width:200px;max-width:260px}
.fwc__t .fwc__name{position:sticky;left:0;z-index:2;background:#f7f8fa;min-width:170px;max-width:200px;font-weight:600;color:#5b6475;border-right:1px solid #eef0f3}
.fwc__corner{background:#fff!important}
.fwc__p{position:relative;background:#fff;padding-top:16px!important;font-weight:400}
.fwc__rm{position:absolute;top:6px;right:8px;border:0;background:#f2f3f6;width:26px;height:26px;border-radius:50%;font-size:18px;line-height:1;color:#6b7385;cursor:pointer}
.fwc__rm:hover{background:#fde8e6;color:#d92d20}
.fwc__img{display:flex;justify-content:center;margin-bottom:8px}
.fwc__img img{width:140px;height:140px;object-fit:contain}
.fwc__pn{display:block;font:600 14px/1.35 Manrope,system-ui,sans-serif;color:#1a1a2e;text-decoration:none;margin-bottom:6px;min-height:38px}
.fwc__pn:hover{color:#c47d00}
.fwc__pr{margin-bottom:10px}
.fwc__pr b{font:800 17px Manrope,system-ui,sans-serif;color:#1a1a2e}
.fwc__pr s{color:#9aa0ad;font-size:13px}
.fwc__na{color:#9aa0ad}
.fwc__buy{width:100%;justify-content:center;height:40px;font-size:14px}
.fwc__t tbody tr:nth-child(even) td{background:#fcfcfd}
.fwc__t tbody tr:hover td{background:#fff9ee}
.fwc__dash{color:#c3c7d0}
.fwc__t.only-diff tr.is-same{display:none}
@media (max-width:640px){.fwc__t th,.fwc__t td{min-width:150px;padding:8px 10px}.fwc__t .fwc__name{min-width:110px;max-width:130px;font-size:13px}.fwc__img img{width:100px;height:100px}.fwc__ctrl{width:100%;justify-content:space-between}}
@media (max-width:640px){.fw-title{font-size:22px}.fw-acts{gap:4px 14px}.fw-act{font-size:13px}}
/* FLOAT-HEADER-AIR 09.10.2026: верхній рядок шапки притиснутий до краю вікна (padding 0, бейджі лічильників обрізались). */
.bac-header__top{padding-top:10px;padding-bottom:8px}
.bac-header__icon .bac-count{top:-6px}
@media (max-width:900px){.bac-header__top{padding-top:8px;padding-bottom:6px}}
/* ===== #358–#361 (09.10.2026): варіанти в «Модельному ряді», єдине вікно сповіщень, бажання по варіантах ===== */
.bac-mrange__item{position:relative}
.fw-micons{position:absolute;top:6px;right:6px;display:flex;flex-direction:column;gap:4px;z-index:2}
.fw-micons .fw-ticon{width:28px;height:28px}
.fw-micons .fw-ticon svg{width:14px;height:14px}
@media (hover:hover){.bac-mrange__item .fw-micons .fw-ticon:not(.is-on){opacity:.55;transition:opacity .15s,color .15s,border-color .15s}.bac-mrange__item:hover .fw-micons .fw-ticon{opacity:1}}
.bac-mrange__feat{list-style:none;margin:2px 0 4px;padding:0;font-size:12px;line-height:1.35;color:#5b6475}
.bac-mrange__feat li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bac-mrange__feat b{font-weight:600;color:#1a1a2e}
.fw-modal__v{margin:-8px 0 14px;font-size:14px;color:#3b4252}
.fw-modal__lbl{display:flex;flex-direction:column;gap:5px;text-align:left;font:600 13px/1.2 Manrope,system-ui,sans-serif;color:#3b4252}
.fw-modal__lbl input{height:46px;border:1px solid #d6dae2;border-radius:9px;padding:0 14px;font-size:16px;width:100%;box-sizing:border-box;font-weight:400}
.fw-modal__lbl input:focus{outline:none;border-color:#f5a623;box-shadow:0 0 0 3px rgba(245,166,35,.2)}
.fw-modal__lbl[hidden]{display:none}
.fw-modal__more{align-self:flex-start;border:0;background:none;padding:2px 0;color:#c47d00;font:600 13px Manrope,system-ui,sans-serif;cursor:pointer}
.fw-modal__more[hidden]{display:none}
.fw-modal__f .bac-btn{height:46px;width:100%;justify-content:center}
.fwc__var,.fw-wcard__var{font-size:13px;color:#3b4252;margin:-2px 0 2px}
.fwc__art,.fw-wcard__art{font-size:12px;color:#8a90a0;margin-bottom:6px}
.fw-wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.fw-wcard{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e6e8ee;border-radius:12px;padding:14px}
.fw-wcard__x{position:absolute;top:8px;right:8px}
.fw-wcard__img{display:flex;justify-content:center;margin-bottom:10px}
.fw-wcard__img img{width:160px;height:160px;object-fit:contain}
.fw-wcard__name{font:600 14px/1.35 Manrope,system-ui,sans-serif;color:#1a1a2e;text-decoration:none;margin-bottom:4px}
.fw-wcard__name:hover{color:#c47d00}
.fw-wcard__price{margin:auto 0 10px}
.fw-wcard__price b{font:800 17px Manrope,system-ui,sans-serif;color:#1a1a2e}
.fw-wcard__price s{color:#9aa0ad;font-size:13px}
.fw-wcard__buy{width:100%;justify-content:center;height:40px;font-size:14px}
@media (max-width:640px){.fw-wgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fw-wcard{padding:10px}.fw-wcard__img img{width:120px;height:120px}}
/* FLOAT-PICK 09.10.2026: режим «оберіть варіант — і дія продовжиться сама» */
.bac-mrange.is-picking .bac-mrange__item:not(.is-out){cursor:pointer;box-shadow:0 0 0 2px #f5a623;animation:fwPick 1.6s ease-in-out infinite}
.bac-mrange.is-picking .bac-mrange__item:not(.is-out):hover{box-shadow:0 0 0 3px #d48806;animation:none}
@keyframes fwPick{50%{box-shadow:0 0 0 4px rgba(245,166,35,.35)}}
@media (prefers-reduced-motion:reduce){.bac-mrange.is-picking .bac-mrange__item{animation:none}}
/* FLOAT-STICKY-FOOTER 09.10.2026: на коротких сторінках (кабінет, порівняння, бажання, кошик)
   підвал закінчувався посеред екрана, а під ним — порожня біла смуга. Тепер сторінка завжди
   на всю висоту вікна: основна частина розтягується, підвал притиснутий до низу. */
body.baccardi{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body.baccardi>*{flex-shrink:0}
body.baccardi>#bac-main{flex:1 0 auto;width:100%}
@media (prefers-reduced-motion:reduce){.fw-toast,.fw-ticon,.fw-act__i{transition:none}}
