/* ===== Black Friday 2026 — Academie Extensii By Ozana =====
   Toate elementele sunt active doar 3–8 noiembrie 2026 (Europe/Bucharest).
   Starea este pusă de bf-campaign.js pe <html data-bf="live|upcoming|ended">.
   Fără JS (atribut absent) conținutul rămâne vizibil pentru crawlere. */

:root{--bf-burg:#6e0f22;--bf-burg2:#8b1a2f;--bf-burg3:#3d0712;--bf-gold:#d4af6a;--bf-gold2:#f3dca0;--bf-gold3:#a97f3d;--bf-black:#0b0809}

html[data-bf]:not([data-bf="live"]) .bf-promo,
html[data-bf]:not([data-bf="live"]) .bf-when-live,
html[data-bf]:not([data-bf="live"]) #bf-band,
html[data-bf]:not([data-bf="live"]) #bf-label,
html[data-bf]:not([data-bf="live"]) #bf-intro{display:none!important}
html:not([data-bf="ended"]) .bf-when-ended{display:none!important}
html:not([data-bf="upcoming"]) .bf-when-upcoming{display:none!important}

/* ---------- 2. BANDĂ ---------- */
#bf-band{position:fixed;left:0;right:0;top:0;z-index:49;height:34px;background:#0b0b0b;border-top:1px solid #a9abb2;border-bottom:1px solid #a9abb2;box-shadow:0 0 0 3px #0b0b0b,0 4px 0 3px #a9abb2;display:flex;align-items:stretch;overflow:hidden;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
#bf-band .bf-band-link{flex:1;min-width:0;display:block;overflow:hidden;color:#fff;text-decoration:none;position:relative}
#bf-band .bf-track{display:inline-flex;white-space:nowrap;will-change:transform;animation:bfMarquee 46s linear infinite;height:100%;align-items:center}
#bf-band .bf-group{display:inline-flex;align-items:center;flex-shrink:0}
#bf-band .bf-seg{font-size:13px;letter-spacing:.22em;text-transform:uppercase;padding:0 22px 0 0;color:#fff}
#bf-band .bf-seg b{font-weight:200}
#bf-band .bf-seg em{font-style:normal;font-weight:800}
#bf-band .bf-g{color:var(--bf-gold)}
#bf-band .bf-w{color:#fff}
#bf-band .bf-r{color:#ff5468}
#bf-band .bf-dot{color:var(--bf-gold);opacity:.8}
@keyframes bfMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px){#bf-band{height:30px}#bf-band .bf-seg{font-size:11px;padding-right:16px}}

/* ---------- 5. ETICHETĂ PLUTITOARE ---------- */
#bf-label{position:fixed;left:12px;bottom:max(18px,env(safe-area-inset-bottom));z-index:39;display:flex;flex-direction:column;align-items:center;text-align:center;padding:9px 14px 8px;border-radius:14px;background:linear-gradient(160deg,var(--bf-burg2),var(--bf-burg3));border:1.5px solid var(--bf-gold);color:#fff!important;text-decoration:none;font-family:'Playfair Display',Georgia,serif;line-height:1.15;box-shadow:0 8px 22px rgba(0,0,0,.4),0 0 0 0 rgba(212,175,106,.55);animation:bfPulse 2.6s ease-in-out infinite;transition:transform .25s ease,filter .25s ease}
#bf-label:hover,#bf-label:focus-visible{transform:translateY(-3px) scale(1.04);filter:brightness(1.12);color:#fff!important}
#bf-label:focus-visible{outline:3px solid var(--bf-gold2);outline-offset:3px}
#bf-label b{font-size:14px;letter-spacing:.1em;font-weight:700;color:var(--bf-gold2)}
#bf-label span{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:9.5px;letter-spacing:.18em;font-weight:600;margin-top:3px}
@keyframes bfPulse{0%,100%{box-shadow:0 8px 22px rgba(0,0,0,.4),0 0 0 0 rgba(212,175,106,.5)}50%{box-shadow:0 8px 22px rgba(0,0,0,.4),0 0 0 9px rgba(212,175,106,0)}}
@media(max-width:600px){#bf-label{left:10px;padding:7px 11px 6px;border-radius:12px}#bf-label b{font-size:12px}#bf-label span{font-size:8.5px}}
body.bf-on-bfpage #bf-label{display:none!important}

/* ---------- 4. CARDURI ---------- */
.bf-card{position:relative;max-width:880px;margin:0 auto 56px;padding:28px 26px;border-radius:24px;background:radial-gradient(ellipse 80% 90% at 85% 0%,rgba(139,26,47,.65),rgba(61,7,18,0) 70%),linear-gradient(160deg,#1b0d10,#0b0809);border:1px solid rgba(212,175,106,.6);box-shadow:0 0 0 1px rgba(110,15,34,.6),0 0 28px rgba(212,175,106,.16),0 22px 48px rgba(43,36,32,.28);color:#f7f5f1;text-align:left;transition:transform .35s cubic-bezier(.33,0,.2,1),box-shadow .35s ease}
.bf-card:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(110,15,34,.7),0 0 40px rgba(212,175,106,.3),0 30px 60px rgba(43,36,32,.34)}
.bf-card .bf-kicker{display:inline-block;font-size:11px;letter-spacing:.2em;font-weight:700;text-transform:uppercase;color:var(--bf-gold);margin:0 0 10px}
.bf-card h2,.bf-card h3{font-family:'Playfair Display',Georgia,serif;color:#fff;font-size:clamp(22px,3vw,30px);margin:0 0 14px;line-height:1.2;font-weight:500}
.bf-card .bf-old{font-size:17px;color:rgba(250,246,240,.7);margin:0 0 2px}
.bf-card .bf-old s{text-decoration:line-through;text-decoration-thickness:1.5px}
.bf-card .bf-new{font-family:'Playfair Display',Georgia,serif;font-size:clamp(38px,6vw,54px);line-height:1.05;font-weight:600;color:var(--bf-gold2);margin:0 0 8px;text-shadow:0 0 24px rgba(212,175,106,.35)}
.bf-card .bf-new small{font-size:.38em;letter-spacing:.08em;font-weight:500;color:var(--bf-gold)}
.bf-card .bf-save{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--bf-burg2);border:1px solid rgba(212,175,106,.55);color:#fff;font-size:12px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;margin:0 0 16px}
.bf-card p.bf-note{font-size:14.5px;line-height:1.7;color:rgba(250,246,240,.78);margin:0 0 20px}
.bf-card .bf-actions{display:flex;flex-wrap:wrap;gap:12px}
.bf-btn{display:inline-block;padding:15px 28px;border-radius:999px;background:linear-gradient(180deg,var(--bf-gold2),var(--bf-gold));color:#2a1a05!important;font-size:12px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;text-align:center;text-decoration:none;transition:transform .25s ease,filter .25s ease;border:0}
.bf-btn:hover{transform:translateY(-2px);filter:brightness(1.08);color:#2a1a05!important}
.bf-btn.bf-ghost{background:transparent;color:var(--bf-gold2)!important;border:1px solid rgba(212,175,106,.6)}
.bf-btn.bf-ghost:hover{color:#fff!important;border-color:var(--bf-gold2)}
.bf-btn.bf-ghost.bf-dark{color:#6e0f22!important;border-color:#6e0f22}
.bf-btn.bf-ghost.bf-dark:hover{color:#fff!important;background:#6e0f22}
.bf-card .bf-more{display:inline-block;margin-top:16px;font-size:13px;color:var(--bf-gold2)!important;text-decoration:underline;text-underline-offset:3px}
.bf-inline-link{display:inline-block;margin:0 auto;font-size:14px;color:var(--bf-gold2)!important;text-decoration:underline;text-underline-offset:3px}

/* ---------- 6. PAGINA BLACK FRIDAY ---------- */
.bf-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px;margin:0 0 56px}
.bf-page-grid img{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 18px 40px rgba(43,36,32,.22)}
.bf-ended-box{max-width:720px;margin:0 auto 56px;padding:32px 28px;border-radius:22px;background:#fff;border:1px solid rgba(198,154,109,.35);text-align:center}
.bf-ended-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(24px,3.4vw,32px);color:#2b2420;margin:0 0 12px;line-height:1.25}

/* ---------- 3. CRONOMETRU — LUXURY GOLD FLIP CLOCK ---------- */
#bf-countdown-slot{display:block}
#bf-countdown-slot:empty{display:none}
.bfc{--cw:clamp(22px,calc((100vw - 132px)/8),58px);--ch:calc(var(--cw)*1.42);max-width:660px;margin:0 auto 36px;padding:20px 14px 16px;border-radius:24px;background:radial-gradient(ellipse 90% 70% at 50% 0%,#17171a,#050506 70%);border:1px solid rgba(212,175,106,.22);box-shadow:0 24px 56px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05);text-align:center;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.bfc-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(15px,3.6vw,22px);letter-spacing:.42em;margin:0 0 16px;padding-left:.42em;font-weight:600;color:#e9c56e}
.bfc-row{display:flex;justify-content:center;align-items:flex-start;gap:clamp(4px,1.6vw,12px)}
.bfc-unit{display:flex;flex-direction:column;align-items:center}
.bfc-pair{display:flex;gap:clamp(2px,.7vw,5px)}
.bfc-lab{margin-top:9px;font-size:clamp(8px,2.1vw,11px);letter-spacing:.2em;font-weight:600;color:rgba(233,197,110,.78);text-transform:uppercase;padding-left:.2em}
.bfc-sep{height:var(--ch);display:flex;flex-direction:column;justify-content:center;gap:calc(var(--ch)*.16)}
.bfc-sep i{display:block;width:clamp(3px,.9vw,5px);height:clamp(3px,.9vw,5px);border-radius:50%;background:linear-gradient(145deg,#f6e2a8,#a97a22)}
.bfc-frame{padding:clamp(2px,.55vw,3px);border-radius:calc(var(--cw)*.2);background:linear-gradient(145deg,#f8e6ae 0%,#c79a3a 28%,#7b5416 50%,#e3bd62 74%,#8a6420 100%);box-shadow:0 6px 14px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.25) inset}
.bfc-card{position:relative;width:var(--cw);height:var(--ch);border-radius:calc(var(--cw)*.15);background:#1b1c20;perspective:calc(var(--cw)*6);font-variant-numeric:tabular-nums}
.bfc-half{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:#1d1e22;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.bfc-half span{position:absolute;left:0;right:0;height:200%;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:calc(var(--ch)*.62);line-height:1;background:linear-gradient(180deg,#fbeab8 0%,#e0b551 48%,#b4822a 52%,#8f6419 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.bfc-top,.bfc-ft{top:0;border-radius:calc(var(--cw)*.15) calc(var(--cw)*.15) 0 0;background:linear-gradient(180deg,#1a1b1f,#222328)}
.bfc-bot,.bfc-fb{bottom:0;border-radius:0 0 calc(var(--cw)*.15) calc(var(--cw)*.15);background:linear-gradient(180deg,#1e1f23,#17181b)}
.bfc-top span,.bfc-ft span{top:0}
.bfc-bot span,.bfc-fb span{top:-100%}
.bfc-ft{transform-origin:50% 100%;visibility:hidden}
.bfc-fb{transform-origin:50% 0;visibility:hidden;transform:rotateX(90deg)}
.bfc-ft::after,.bfc-fb::after{content:"";position:absolute;inset:0;background:#000;opacity:0}
.bfc-card::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#030304;box-shadow:0 1px 0 rgba(255,255,255,.07);z-index:6;pointer-events:none}
.bfc-pin{position:absolute;top:50%;width:clamp(3px,.8vw,5px);height:clamp(8px,2.1vw,13px);margin-top:calc(clamp(8px,2.1vw,13px)/-2);border-radius:3px;background:linear-gradient(90deg,#f4f1ea,#8d8f96 55%,#d6d3cc);box-shadow:0 1px 3px rgba(0,0,0,.6);z-index:7}
.bfc-pin.l{left:calc(clamp(3px,.8vw,5px)/-2)}
.bfc-pin.r{right:calc(clamp(3px,.8vw,5px)/-2)}
.bfc-card.bfc-flip .bfc-ft{visibility:visible;animation:bfcFt .6s cubic-bezier(.45,.05,.55,.95) forwards}
.bfc-card.bfc-flip .bfc-fb{visibility:visible;animation:bfcFb .6s cubic-bezier(.45,.05,.55,.95) forwards}
.bfc-card.bfc-flip .bfc-ft::after{animation:bfcShadeA .6s ease forwards}
.bfc-card.bfc-flip .bfc-fb::after{animation:bfcShadeB .6s ease forwards}
@keyframes bfcFt{0%{transform:rotateX(0)}50%,100%{transform:rotateX(-90deg)}}
@keyframes bfcFb{0%,50%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}
@keyframes bfcShadeA{0%{opacity:0}50%,100%{opacity:.65}}
@keyframes bfcShadeB{0%,50%{opacity:.65}100%{opacity:0}}
.bfc-foot{margin:16px 0 0;font-size:clamp(10px,2.6vw,12px);letter-spacing:.3em;font-weight:700;color:rgba(250,246,240,.78);padding-left:.3em}
.bfc-ended{padding:26px 14px;font-family:'Playfair Display',Georgia,serif;font-size:clamp(16px,4vw,22px);letter-spacing:.14em;color:#e9c56e;line-height:1.5}

/* ---------- 1. INTRO — THE LUXURY HAIR REVEAL ---------- */
#bf-intro{position:fixed;left:0;top:0;width:100%;height:100%;height:100dvh;z-index:100000;overflow:hidden;color:#0b0b0b;background:radial-gradient(ellipse 80% 60% at 50% 32%,#fffefb 0%,#f3f0ea 62%,#e8e4dc 100%);font-family:'Plus Jakarta Sans',system-ui,sans-serif;touch-action:manipulation;opacity:0;animation:bfxIn .5s ease forwards;-webkit-tap-highlight-color:transparent}
@keyframes bfxIn{to{opacity:1}}
#bf-intro .bfx-stage{position:absolute;inset:0;overflow:hidden}
/* benzi */
#bf-intro .bfx-rib{position:absolute;left:50%;width:2800px;height:34px;margin-left:-1400px;background:#0b0b0b;z-index:1;opacity:0}
#bf-intro .bfx-rib::before,#bf-intro .bfx-rib::after{content:"";position:absolute;left:0;right:0;height:1px;background:#a9abb2}
#bf-intro .bfx-rib::before{top:-7px}
#bf-intro .bfx-rib::after{bottom:-7px}
#bf-intro .bfx-track{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;white-space:nowrap;will-change:transform;animation:bfxMarq 60s linear infinite}
#bf-intro .bfx-rib.rev .bfx-track{animation-direction:reverse}
#bf-intro .bfx-grp{display:inline-flex;align-items:center;flex-shrink:0}
#bf-intro .bfx-grp span{font-size:14px;letter-spacing:.22em;color:#fff;padding:0 22px 0 0;text-transform:uppercase}
#bf-intro .bfx-grp b{font-weight:200}
#bf-intro .bfx-grp em{font-style:normal;font-weight:800}
@keyframes bfxMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
#bf-intro .bfx-r1{top:3%;rotate:12deg}
#bf-intro .bfx-r2{top:8%;rotate:-12deg}
#bf-intro .bfx-r3{top:94%;rotate:-7deg}
#bf-intro .bfx-r4{top:99%;rotate:6deg}
#bf-intro.bfx-run .bfx-r1{animation:bfxR1 1.7s .15s cubic-bezier(.2,.7,.2,1) forwards}
#bf-intro.bfx-run .bfx-r2{animation:bfxR2 1.7s .25s cubic-bezier(.2,.7,.2,1) forwards}
#bf-intro.bfx-run .bfx-r3{animation:bfxR3 1.7s 1.3s cubic-bezier(.2,.7,.2,1) forwards}
#bf-intro.bfx-run .bfx-r4{animation:bfxR4 1.7s 1.45s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes bfxR1{from{opacity:1;translate:-70vw -34vh}to{opacity:1;translate:0 0}}
@keyframes bfxR2{from{opacity:1;translate:70vw -34vh}to{opacity:1;translate:0 0}}
@keyframes bfxR3{from{opacity:1;translate:-80vw 20vh}to{opacity:1;translate:0 0}}
@keyframes bfxR4{from{opacity:1;translate:80vw 20vh}to{opacity:1;translate:0 0}}
/* titlu */
#bf-intro .bfx-title{position:absolute;left:0;right:0;top:17%;z-index:2;text-align:center;pointer-events:none;transition:top .5s ease}
#bf-intro .bfx-line{display:block;overflow:hidden;font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(44px,min(17vw,13vh),170px);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;color:#0b0b0b;padding-bottom:.04em}
#bf-intro .bfx-line i{display:block;font-style:normal;transform:translateY(108%)}
#bf-intro.bfx-run .bfx-line i{animation:bfxLine .95s cubic-bezier(.2,.8,.2,1) forwards}
#bf-intro.bfx-run .bfx-line:nth-child(1) i{animation-delay:.1s}
#bf-intro.bfx-run .bfx-line:nth-child(2) i{animation-delay:.3s}
@keyframes bfxLine{to{transform:translateY(0)}}
#bf-intro .bfx-script{position:absolute;left:0;right:0;bottom:-.1em;text-align:center;font-family:'Pinyon Script','Playfair Display',Georgia,serif;font-size:clamp(28px,min(9.5vw,8vh),90px);line-height:1;color:#d1112b;white-space:nowrap;rotate:-5deg;clip-path:inset(-20% 100% -20% 0);will-change:clip-path}
#bf-intro .bfx-script.s2{opacity:0}
#bf-intro.bfx-run .bfx-script.s1{animation:bfxInk 1s .95s cubic-bezier(.5,.1,.3,1) forwards,bfxOut .5s 3.1s ease forwards}
#bf-intro.bfx-run .bfx-script.s2{animation:bfxInk2 1s 3.2s cubic-bezier(.5,.1,.3,1) forwards}
@keyframes bfxInk{to{clip-path:inset(-20% 0 -20% 0)}}
@keyframes bfxInk2{0%{opacity:1;clip-path:inset(-20% 100% -20% 0)}100%{opacity:1;clip-path:inset(-20% 0 -20% 0)}}
@keyframes bfxOut{to{opacity:0}}
/* produse */
#bf-intro .bfx-prod{position:absolute;left:50%;bottom:25%;width:min(80vw,460px);height:min(30vh,540px);transform:translateX(-50%);z-index:3;transform-origin:50% 100%}
#bf-intro.bfx-run .bfx-prod{animation:bfxZoom 4s 2.6s ease-in-out forwards}
@keyframes bfxZoom{from{scale:1}to{scale:1.045}}
#bf-intro .bfx-prod img{position:absolute;bottom:0;height:auto;will-change:transform;-webkit-user-drag:none;user-select:none;pointer-events:none}
#bf-intro .bfx-bag{left:50%;width:64%;z-index:5;transform:translate(-50%,125%)}
#bf-intro.bfx-run .bfx-bag{animation:bfxBag 1.5s 1.5s cubic-bezier(.2,.75,.2,1) forwards}
@keyframes bfxBag{to{transform:translate(-50%,0)}}
#bf-intro .bfx-h{position:absolute;bottom:18%;height:78%;width:24%;z-index:4;opacity:0}
#bf-intro .bfx-h img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;bottom:0;left:0;transform-origin:50% 100%}
#bf-intro .bfx-h1{left:19%}#bf-intro .bfx-h2{left:38%}#bf-intro .bfx-h3{left:57%}
#bf-intro.bfx-run .bfx-h{animation:bfxHair 3.3s 1.9s cubic-bezier(.3,.6,.2,1) forwards}
#bf-intro.bfx-run .bfx-h2{animation-delay:2.05s}#bf-intro.bfx-run .bfx-h3{animation-delay:2.2s}
@keyframes bfxHair{0%{opacity:0;transform:translateY(62%)}22%{opacity:1;transform:translateY(46%)}40%{transform:translateY(44%)}100%{opacity:1;transform:translateY(0)}}
#bf-intro.bfx-run .bfx-h img{animation:bfxSway 5.5s 3.4s ease-in-out infinite alternate}
#bf-intro.bfx-run .bfx-h2 img{animation-duration:6.3s;animation-delay:3.6s}#bf-intro.bfx-run .bfx-h3 img{animation-duration:5s;animation-delay:3.2s;animation-direction:alternate-reverse}
@keyframes bfxSway{from{transform:rotate(-1.3deg) skewX(-1deg)}to{transform:rotate(1.3deg) skewX(1deg)}}
#bf-intro .bfx-rose{z-index:2;opacity:0;transform:scale(.88)}
#bf-intro .bfx-rl{left:-8%;width:42%;bottom:2%}
#bf-intro .bfx-rr{right:-8%;width:38%;bottom:6%}
#bf-intro.bfx-run .bfx-rose{animation:bfxRose 1s 2s ease-out forwards}
@keyframes bfxRose{to{opacity:1;transform:none}}
/* info */
#bf-intro .bfx-info{position:absolute;left:0;right:0;bottom:max(8%,calc(env(safe-area-inset-bottom) + 28px));z-index:6;text-align:center;padding:0 22px;display:flex;flex-direction:column;align-items:center;gap:10px}
#bf-intro .bfx-info>*{opacity:0;transform:translateY(14px)}
#bf-intro .bfx-date{font-size:clamp(15px,4.2vw,22px);letter-spacing:.36em;font-weight:700;color:#d1112b;padding-left:.36em}
#bf-intro .bfx-sub{font-size:clamp(10px,2.8vw,13px);letter-spacing:.22em;font-weight:600;color:#0b0b0b;max-width:460px;line-height:1.7}
#bf-intro .bfx-go{margin-top:6px;border:0;border-radius:999px;background:#0b0b0b;color:#fff;padding:17px 36px;font-size:13px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 30px rgba(0,0,0,.25);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
#bf-intro .bfx-go:hover,#bf-intro .bfx-go:focus-visible{background:#1c1c1c;transform:translateY(-2px);box-shadow:0 18px 34px rgba(0,0,0,.3);outline:none}
#bf-intro .bfx-go:active{transform:scale(.965);box-shadow:0 6px 14px rgba(0,0,0,.25)}
#bf-intro.bfx-run .bfx-date{animation:bfxUp .8s 4.5s ease forwards}
#bf-intro.bfx-run .bfx-sub{animation:bfxUp .8s 4.8s ease forwards}
#bf-intro.bfx-run .bfx-go{animation:bfxUp .8s 5.2s ease forwards}
@keyframes bfxUp{to{opacity:1;transform:none}}
/* fără poze: compoziție tipografică */
#bf-intro.bfx-nobag .bfx-title{top:22%}
#bf-intro.bfx-nobag .bfx-info{bottom:max(14%,calc(env(safe-area-inset-bottom) + 28px))}
#bf-intro.bfx-nobag.bfx-run .bfx-date{animation-delay:3.6s}
#bf-intro.bfx-nobag.bfx-run .bfx-sub{animation-delay:3.9s}
#bf-intro.bfx-nobag.bfx-run .bfx-go{animation-delay:4.3s}
/* ieșire: benzile accelerează și ies, extensiile se despart ca o cortină */
#bf-intro.bfx-exit .bfx-rib{animation:none!important;opacity:1}
#bf-intro.bfx-exit .bfx-r1{animation:bfxX1 .85s cubic-bezier(.6,0,.9,.4) forwards!important}
#bf-intro.bfx-exit .bfx-r2{animation:bfxX2 .85s cubic-bezier(.6,0,.9,.4) forwards!important}
#bf-intro.bfx-exit .bfx-r3{animation:bfxX3 .85s cubic-bezier(.6,0,.9,.4) forwards!important}
#bf-intro.bfx-exit .bfx-r4{animation:bfxX4 .85s cubic-bezier(.6,0,.9,.4) forwards!important}
@keyframes bfxX1{to{translate:-90vw -40vh}}@keyframes bfxX2{to{translate:90vw -40vh}}@keyframes bfxX3{to{translate:-90vw 30vh}}@keyframes bfxX4{to{translate:90vw 30vh}}
#bf-intro.bfx-exit .bfx-h1{animation:bfxCurL 1s .1s cubic-bezier(.6,0,.3,1) forwards!important}
#bf-intro.bfx-exit .bfx-h3{animation:bfxCurR 1s .1s cubic-bezier(.6,0,.3,1) forwards!important}
#bf-intro.bfx-exit .bfx-h2{animation:bfxCurU .9s .1s ease forwards!important}
@keyframes bfxCurL{from{opacity:1;transform:none}to{opacity:1;transform:translateX(-170%)}}
@keyframes bfxCurR{from{opacity:1;transform:none}to{opacity:1;transform:translateX(170%)}}
@keyframes bfxCurU{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-30%)}}
#bf-intro.bfx-exit .bfx-bag{animation:bfxBagOut .8s .1s ease-in forwards!important}
@keyframes bfxBagOut{to{transform:translate(-50%,120%)}}
#bf-intro.bfx-exit .bfx-rose,#bf-intro.bfx-exit .bfx-title,#bf-intro.bfx-exit .bfx-info{transition:opacity .5s ease;opacity:0!important}
#bf-intro.bfx-exit{animation:bfxFadeOut .55s .75s ease forwards}
@keyframes bfxFadeOut{from{opacity:1}to{opacity:0}}
#bf-intro.bfx-quick{animation:bfxFadeOut .4s ease forwards}
@media(max-height:640px){#bf-intro .bfx-title{top:15%}#bf-intro .bfx-prod{bottom:27%;height:min(28vh,540px)}}
@media(prefers-reduced-motion:reduce){
  #bf-intro{display:none!important}
  #bf-band .bf-track{animation:none}
  #bf-label{animation:none}
  .bfc-card.bfc-flip .bfc-ft,.bfc-card.bfc-flip .bfc-fb{animation:none;visibility:hidden}
}

/* acoperă site-ul din prima clipă, înainte să apară intro-ul */
html[data-bfi]::before{content:"";position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;background:radial-gradient(ellipse 80% 60% at 50% 32%,#fffefb 0%,#f3f0ea 62%,#e8e4dc 100%)}

/* afișe Black Friday pe paginile Extensii / Vânzare */
.bf-poster{max-width:520px;margin:0 auto 64px;text-align:center}
.bf-poster img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 22px 50px rgba(11,11,11,.18);margin:0 0 22px}
.bf-poster .bf-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.bf-poster .bf-actions .bf-btn{width:min(100%,260px);box-sizing:border-box}
.bf-poster .bf-more{display:inline-block;margin-top:16px}
.bf-poster .bf-btn.bf-ghost{color:#0b0b0b!important;border-color:rgba(11,11,11,.55)}
.bf-poster .bf-btn.bf-ghost:hover{color:#fff!important;background:#0b0b0b;border-color:#0b0b0b}
.bf-poster .bf-more{font-size:13px;color:#6e0f22!important;text-decoration:underline;text-underline-offset:3px}

/* notă unitate pe Vânzare extensii: 100 g ≠ 100 șuvițe */
.bf-unit-note{max-width:520px;margin:0 auto 20px;text-align:center;padding:22px 22px 20px}
.bf-unit-note .bf-old{margin:0 0 10px}
.bf-unit-note p.bf-note{margin:0}
.bf-unit-note p.bf-note b{color:var(--bf-gold2)}