/* ТЗ-50 A4 (08.11.2026): драбина подарунків — ПОСТІЙНА механіка. Коли тема «Чорний листопад» НЕ активна (після 30.11 або bf_mode=off при
   увімкненій драбині), шкала (.bfp2/.bfp3) і блок «🎁 Ваші подарунки» (.bfg-box) рендеряться у світлому хромі сайту — ці стилі замість theme-bf.css §29.
   Підключається у layouts/app лише коли BfGifts::visibleForCurrentUser() && !BlackNovember::themeActive(). Контраст ≥ 4.5 на білому. */
:root{--bfl-gold:#8A6D2B;--bfl-gold-hi:#6F5519;--bfl-ink:#1A1A1A;--bfl-mut:#5F5F5A;--bfl-green:#1E7A3C;--bfl-line:rgba(138,109,43,.28);--bfl-bg:rgba(212,175,90,.10)}
.bfp2{margin:0 0 12px;padding:10px 10px 8px;border-radius:12px;background:var(--bfl-bg);border:1px solid var(--bfl-line);box-sizing:border-box}
.bfp2-line{font-size:15px;line-height:1.25;color:var(--bfl-ink);margin:0 0 10px}
.bfp2-line b{color:var(--bfl-gold-hi);font-weight:700}
.bfp2-grid{display:none}
.bfp3-grid{position:relative;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:0 2px}
.bfp3-seg{position:absolute;top:20px;height:4px;border-radius:2px;background:rgba(0,0,0,.12);overflow:hidden;left:calc((100% / var(--n,4)) * (var(--i,0) + .5) + 28px);width:calc(100% / var(--n,4) - 56px);z-index:0}
.bfp3-seg b{display:block;height:100%;width:calc(var(--f,0) * 1%);background:linear-gradient(90deg,#B8902F,#D4AF5A);border-radius:2px;transition:width .4s ease}
.bfp2-m{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.bfp2-c{position:relative;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.18);box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:visible}
.bfp2-c img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.bfp2-ship{font-size:20px;line-height:1}
.bfp2-c em{position:absolute;right:-4px;top:-4px;width:16px;height:16px;border-radius:50%;background:var(--bfl-green);color:#fff;font-size:10px;font-style:normal;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}
.bfp2-m.is-on .bfp2-c{border-color:var(--bfl-gold)}
.bfp2-m.is-next .bfp2-c{border:2px dashed var(--bfl-gold);animation:bfp2Pulse 1.8s ease-in-out infinite}
.bfp2-m.is-off .bfp2-c{opacity:.55}
.bfp2-sum{margin-top:5px;font-size:13px;font-weight:700;line-height:1.2;color:var(--bfl-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.bfp2-m.is-on .bfp2-sum{color:var(--bfl-gold-hi)}
.bfp2-m.is-off .bfp2-sum{color:var(--bfl-mut)}
.bfp2-t{margin-top:1px;font-size:12px;line-height:1.2;color:var(--bfl-mut);white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
.bfp2-m.is-on .bfp2-t{color:var(--bfl-green)}
.bfp2--compact{padding:8px 8px 6px}
.bfp2--compact .bfp2-line{font-size:13.5px;margin-bottom:8px}
.bfp2--compact .bfp2-c{width:40px;height:40px}
.bfp2--compact.bfp3 .bfp3-seg{top:18px;left:calc((100% / var(--n,4)) * (var(--i,0) + .5) + 26px);width:calc(100% / var(--n,4) - 52px)}
.bfp2--compact .bfp2-sum{font-size:12px}
.bfp2--compact .bfp2-t{font-size:11px}
@keyframes bfp2Pulse{0%,100%{box-shadow:0 0 0 0 rgba(138,109,43,.45)}60%{box-shadow:0 0 0 7px rgba(138,109,43,0)}}
@media (prefers-reduced-motion:reduce){.bfp2-m.is-next .bfp2-c{animation:none}}
/* блок подарунків під товарами */
.bfg-box{margin:12px 0 0;padding:12px 14px 6px;border-radius:16px;border:1px solid var(--bfl-line);background:linear-gradient(180deg,rgba(212,175,90,.14),rgba(212,175,90,.04))}
.bfg-box-h{font-family:"MazzardM SemiBold",system-ui,sans-serif;font-size:14px;line-height:1.2;color:var(--bfl-gold-hi);margin:0 0 6px;white-space:nowrap}
.bfg-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid rgba(0,0,0,.08)}
.bfg-row:first-of-type{border-top:0}
.bfg-img{flex:0 0 52px;width:52px;height:52px;border-radius:10px;overflow:hidden;background:#F3F3F3}
.bfg-img img{width:100%;height:100%;object-fit:cover;display:block}
.bfg-col{flex:1 1 auto;min-width:0}
.bfg-title{font-size:14px;line-height:1.3;color:var(--bfl-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bfg-sub{margin-top:2px;font-size:12px;line-height:1.2;color:var(--bfl-gold-hi)}
.bfg-link{background:none;border:0;padding:0;color:var(--bfl-gold-hi);text-decoration:underline;text-underline-offset:2px;cursor:pointer;font:inherit;font-size:12px}
.bfg-sum{flex:0 0 auto;text-align:right;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.bfg-sum .bfg-old,.bfg-old{font-size:12px;color:var(--bfl-mut);text-decoration:line-through;margin:0;font-weight:400}
.bfg-sum .bfg-price,.bfg-price{font-size:16px;font-weight:700;color:var(--bfl-gold-hi);line-height:1.1}
.bfg-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#D4AF5A;color:#1A1206;font-family:"MazzardM SemiBold",system-ui,sans-serif;font-size:11px;line-height:1.2;letter-spacing:.02em}
.bfg-badge--card{background:#fff;color:var(--bfl-gold-hi);border:1px solid var(--bfl-gold)}
.bfg-hidden{margin:8px 0 0;padding:8px 12px;border:1px dashed var(--bfl-line);border-radius:10px;font-size:12.5px;color:var(--bfl-mut)}
.hcm .bfg-box{padding:10px 12px 4px}
.hcm .bfg-img{flex-basis:40px;width:40px;height:40px}
.hcm .bfg-title{font-size:13px}
.hcm .bfg-sum .bfg-price{font-size:14px}
.cov-prod-row--gift .bfg-price{color:var(--bfl-gold-hi)}