/* ARTbuilding Black Friday 2026 v4 compact. Rollback: sterge fisierul + blocul ABBF-2026 din header.twig */
.abbf-bar{position:relative;overflow:hidden;display:block;width:100%;background:#05070d url(/catalog/view/theme/so-claue/image/bf-bg.jpg) center 60%/cover no-repeat;color:#fff;text-decoration:none!important;border-bottom:3px solid #e8262b;font-family:Poppins,Arial,sans-serif;animation:abbfPan 40s ease-in-out infinite alternate}
.abbf-bar:before{content:"";position:absolute;inset:0;background:radial-gradient(1.5px 1.5px at 12% 20%,#f4b400 50%,transparent 51%),radial-gradient(1.5px 1.5px at 33% 70%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 52% 35%,#f4b400 50%,transparent 51%),radial-gradient(1.5px 1.5px at 66% 80%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 44% 15%,#fff 50%,transparent 51%);opacity:.7;animation:abbfFall 7s linear infinite;pointer-events:none}
.abbf-in{position:relative;max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:28px;min-height:84px}
.abbf-bar--slim .abbf-in{min-height:96px;gap:36px;max-width:1600px;padding:0 40px}
.abbf-logo{background:#fff;border-radius:8px;padding:6px 10px;display:flex;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.4);flex:0 0 auto}
.abbf-logo img{height:34px;width:auto;display:block}
.abbf-bar--slim .abbf-logo img{height:24px}.abbf-bar--slim .abbf-logo{padding:4px 8px}
.abbf-t{font-size:28px;font-weight:800;line-height:1;letter-spacing:1px;border:2px solid #e8262b;padding:7px 14px;white-space:nowrap;text-shadow:0 0 12px rgba(232,38,43,.6)}
.abbf-bar--slim .abbf-t{font-size:28px;padding:8px 16px}
.abbf-s{font-size:16px;font-weight:500;line-height:1.3}.abbf-s b{color:#f4b400}.abbf-bar--slim .abbf-s{font-size:20px;font-weight:600;text-align:left}.abbf-s small{display:block;font-size:12px;font-weight:400;color:#cfd6e4;letter-spacing:.3px;margin-top:3px}
.abbf-cd{display:flex;gap:7px}
.abbf-u{background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.15);border-top:3px solid #e8262b;border-radius:6px;min-width:56px;padding:6px 4px;text-align:center}
.abbf-n{display:block;font-size:24px;font-weight:800;line-height:1}
.abbf-l{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#ccc;margin-top:4px}
.abbf-btn{display:inline-block;background:#56ad56;color:#fff!important;font-weight:700;font-size:15px;padding:12px 22px;border-radius:30px;text-decoration:none!important;white-space:nowrap;animation:abbfPulse 2.2s ease-in-out infinite}
.abbf-btn:hover{background:#f4b400;color:#052454!important}
.abbf-bar--slim .abbf-btn{background:#56ad56;padding:13px 26px;font-size:16px}.abbf-bar--slim:hover .abbf-btn{background:#f4b400;color:#052454!important}
.abbf-ac{position:relative;flex:0 0 auto;background:#fff;border-radius:10px;padding:4px 6px;box-shadow:0 0 0 2px rgba(255,255,255,.2),0 6px 22px rgba(30,120,255,.45);animation:abbfFloat 4s ease-in-out infinite}
.abbf-ac img{height:84px;width:auto;display:block}
.abbf-ac span{position:absolute;bottom:-6px;right:8px;background:#0a3a7a;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;letter-spacing:1px}
.abbf-bar--slim .abbf-ac img{height:44px}
@media(max-width:1199px){.abbf-s{display:none}}
@media(max-width:991px){.abbf-ac{display:none}}
@media(max-width:767px){
 .abbf-in{min-height:92px;gap:6px 8px;padding:6px 8px;flex-wrap:wrap}
 .abbf-bar--slim .abbf-in{min-height:64px;flex-wrap:nowrap;gap:12px;padding:0 10px}.abbf-s small{display:none}
 .abbf-logo img{height:22px}.abbf-bar--slim .abbf-logo{display:none}
 .abbf-t{font-size:18px;padding:4px 8px}.abbf-bar--slim .abbf-t{font-size:14px}
 .abbf-cd{gap:3px}.abbf-u{min-width:38px;padding:3px 2px}.abbf-n{font-size:15px}.abbf-l{font-size:7px}
 .abbf-btn,.abbf-bar--slim .abbf-btn{font-size:12px;padding:7px 12px}
}
/* carduri reduse */
.abbf-ribbon{display:block;position:relative;overflow:hidden;background:#000;color:#fff;font:800 12px/1 Poppins,Arial,sans-serif;letter-spacing:2px;text-align:center;padding:6px 4px;margin:6px 0 2px;border-left:4px solid #e8262b;border-right:4px solid #e8262b}
.abbf-ribbon b{color:#f4b400;margin-left:6px;letter-spacing:0}
.abbf-ribbon:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:abbfShine 3.5s ease-in-out infinite}
@keyframes abbfPan{from{background-position:35% 60%}to{background-position:65% 60%}}
@keyframes abbfFall{from{background-position:0 -120px}to{background-position:0 120px}}
@keyframes abbfPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(86,173,86,.6)}50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(86,173,86,0)}}
@keyframes abbfShine{0%{left:-60%}60%,100%{left:130%}}
@keyframes abbfFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.abbf-bar,.abbf-bar:before,.abbf-btn,.abbf-ribbon:after,.abbf-ac{animation:none!important}}

body.abbf-on.common-home #ab43-wrap{top:var(--abbf-h,63px)!important}
body.abbf-on.common-home .ab43-hdr.scrolled{top:0!important}

/* v6 design: banner modern full width */
.abbf-bar{position:relative;overflow:hidden;display:block;width:100%;color:#fff;text-decoration:none!important;border-bottom:2px solid #56ad56;box-shadow:0 6px 24px rgba(4,18,46,.35);
 background:radial-gradient(520px 170px at 12% 10%,rgba(232,38,43,.42),transparent 62%),radial-gradient(640px 190px at 88% 95%,rgba(86,173,86,.34),transparent 62%),radial-gradient(420px 140px at 52% 0%,rgba(60,130,255,.30),transparent 65%),linear-gradient(100deg,#04122e 0%,#09306f 50%,#04122e 100%);
 background-size:160% 100%,160% 100%,140% 100%,100% 100%;background-repeat:no-repeat;animation:abbfAurora 14s ease-in-out infinite alternate;transition:filter .3s ease}
.abbf-bar:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:1;
 background:repeating-linear-gradient(112deg,transparent 0 46px,rgba(255,255,255,.045) 46px 48px,transparent 48px 110px);animation:abbfFlow 9s linear infinite}
.abbf-bar:after{content:"";position:absolute;top:0;left:-35%;width:30%;height:100%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-18deg);animation:abbfSweep 6s ease-in-out infinite}
.abbf-in,.abbf-bar--slim .abbf-in{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:40px;width:100%;max-width:1840px;margin:0 auto;padding:0 56px;min-height:78px;box-sizing:border-box}
.abbf-grp{display:flex;align-items:center;gap:22px;min-width:0}
.abbf-t,.abbf-bar--slim .abbf-t{flex:0 0 auto;font-size:20px;font-weight:800;letter-spacing:2.5px;padding:10px 20px;border:0;border-radius:8px;background:linear-gradient(135deg,#f0353a,#b8161b);color:#fff;text-shadow:none;box-shadow:0 6px 18px rgba(232,38,43,.45),inset 0 1px 0 rgba(255,255,255,.25)}
.abbf-s,.abbf-bar--slim .abbf-s{text-transform:none;font-size:20px;font-weight:600;line-height:1.25;color:#fff;text-align:left}
.abbf-s b,.abbf-bar--slim .abbf-s b{color:#8fe08f;font-weight:700}
.abbf-s small{display:block;font-size:12.5px;font-weight:400;color:#b9c9e6;letter-spacing:.3px;margin-top:3px}
.abbf-brands{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#d5e0f5;white-space:nowrap}
.abbf-brands i{width:4px;height:4px;border-radius:50%;background:#56ad56;display:block}
.abbf-btn,.abbf-bar--slim .abbf-btn{flex:0 0 auto;display:inline-block;background:linear-gradient(135deg,#66bd66,#4a9a4a);color:#fff!important;font-weight:700;font-size:15px;padding:13px 30px;border-radius:999px;box-shadow:0 6px 18px rgba(86,173,86,.4);animation:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}
.abbf-btn:hover,.abbf-bar--slim:hover .abbf-btn{background:#fff;color:#0a3370!important;transform:translateX(4px);box-shadow:0 8px 24px rgba(255,255,255,.3)}
.abbf-bar--slim:hover{filter:brightness(1.1)}
@keyframes abbfAurora{from{background-position:0% 0,100% 0,30% 0,0 0}to{background-position:100% 0,0% 0,70% 0,0 0}}
@keyframes abbfFlow{from{background-position:0 0}to{background-position:220px 0}}
@keyframes abbfSweep{0%{left:-35%}55%,100%{left:125%}}
@media(max-width:1279px){.abbf-brands{display:none}.abbf-in,.abbf-bar--slim .abbf-in{padding:0 28px}}
@media(max-width:767px){
 .abbf-in,.abbf-bar--slim .abbf-in{min-height:58px;padding:6px 12px;gap:10px}
 .abbf-grp{gap:10px}.abbf-s small{display:none}.abbf-s,.abbf-bar--slim .abbf-s{font-size:13px}
 .abbf-t,.abbf-bar--slim .abbf-t{font-size:13px;padding:6px 10px;letter-spacing:1px}
 .abbf-btn,.abbf-bar--slim .abbf-btn{font-size:12px;padding:8px 14px}
}
@media(max-width:480px){.abbf-s{display:none}}
@media(prefers-reduced-motion:reduce){.abbf-bar,.abbf-bar:before,.abbf-bar:after{animation:none!important}}

body.common-home .timer-container.timer-below-slider{margin-bottom:48px!important}
body.common-home .timer-container.timer-below-slider+*,body.common-home .so-extraslider-ltr .modtitle{margin-top:0}
.abbf-ribbon{border-radius:8px}
.product-item-container .abbf-ribbon{margin:0 0 6px!important;border-radius:0 0 10px 10px}
.product-item-container .left-block{margin-bottom:0!important}
.product-item-container .right-block{padding-top:0!important;margin-top:0!important}

.large-image{position:relative}

.large-image .abbf-ribbon--pp{position:absolute;top:10px;right:10px;left:auto;bottom:auto;z-index:20;margin:0!important;padding:9px 16px;font-size:13px;letter-spacing:2px;border-radius:8px;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.25)}

@media (max-width:767px){.large-image .abbf-ribbon--pp{top:8px;bottom:auto;right:8px;padding:7px 12px;font-size:11px;letter-spacing:1.5px;border-radius:6px;white-space:nowrap}}
@media (max-width:374px){.large-image .abbf-ribbon--pp{top:6px;right:6px;padding:4px 8px;font-size:8px;letter-spacing:.8px;border-radius:5px}}
@media(max-width:767px){
 body .abbf-bar .abbf-in,body .abbf-bar--slim .abbf-in{flex-wrap:nowrap!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;min-height:52px!important;padding:8px 14px!important}
 body .abbf-bar .abbf-grp{flex:1 1 auto;min-width:0;gap:8px!important}
 body .abbf-bar .abbf-t{font-size:12px!important;padding:6px 11px!important;letter-spacing:.6px!important;border-radius:7px!important;white-space:nowrap}
 body .abbf-bar .abbf-btn{font-size:11.5px!important;padding:8px 15px!important;white-space:nowrap;box-shadow:0 4px 12px rgba(86,173,86,.35)!important}
 body .abbf-bar .abbf-brands{display:none!important}
}
@media(max-width:340px){body .abbf-bar .abbf-t{font-size:11px!important;padding:5px 8px!important}body .abbf-bar .abbf-btn{font-size:10.5px!important;padding:7px 11px!important}}