/* ==========================================================================
   Homepage in „hainele” Black Friday 2026 — doar pe body.bf-home-2026 (previzualizare CMS noindex; la lansare: aceeasi clasa pe homepage).
   Continutul homepage-ului ramane neatins (SEO): doar culori + hero BF sus. Cardurile de produs/promotie raman deschise la culoare.
   Se bazeaza pe black-friday-2026.css (clasele .bfc-* ale hero-ului).
   ========================================================================== */
body.bf-home-2026{background:#08060d}
body.bf-home-2026 #maincontent,body.bf-home-2026 .columns,body.bf-home-2026 .column.main{background:transparent!important}
/* cerul instelat fix */
body.bf-home-2026 .page-wrapper{position:relative;isolation:isolate;background:transparent}
body.bf-home-2026 .page-wrapper::before,body.bf-home-2026 .page-wrapper::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}
body.bf-home-2026 .page-wrapper::before{background-image:radial-gradient(1.4px 1.4px at 22px 34px,rgba(255,255,255,.80) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 141px 92px,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(2px 2px at 88px 163px,rgba(255,255,255,.70) 50%,transparent 51%),radial-gradient(1.4px 1.4px at 203px 214px,rgba(214,190,255,.75) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 228px 58px,rgba(255,255,255,.50) 50%,transparent 51%),radial-gradient(1.6px 1.6px at 51px 222px,rgba(255,236,200,.65) 50%,transparent 51%),radial-gradient(60% 50% at 0% 30%,rgba(124,58,237,.16),transparent 70%),radial-gradient(55% 45% at 100% 75%,rgba(196,72,150,.12),transparent 70%);background-size:240px 240px,240px 240px,240px 240px,240px 240px,240px 240px,240px 240px,100% 100%,100% 100%;opacity:.9}
body.bf-home-2026 .page-wrapper::after{background-image:radial-gradient(2.4px 2.4px at 60px 120px,rgba(255,255,255,.95) 50%,transparent 51%),radial-gradient(2px 2px at 310px 40px,rgba(200,170,255,.85) 50%,transparent 51%),radial-gradient(2.2px 2.2px at 400px 330px,rgba(255,230,180,.85) 50%,transparent 51%),radial-gradient(1.6px 1.6px at 180px 410px,rgba(255,255,255,.75) 50%,transparent 51%);background-size:470px 470px;animation:bfc-twinkle 7s ease-in-out infinite alternate}

/* ---------------------------------------------------------- HEADER -- */
body.bf-home-2026 header.page-header>.bg-brand-green{background:linear-gradient(90deg,#1B1036,#4C1D95 50%,#C2417A)!important}
body.bf-home-2026 #header,body.bf-home-2026 #header>div,body.bf-home-2026 #header nav.navigation{background:rgba(12,9,22,.97)!important}
body.bf-home-2026 #header{border-bottom:1px solid rgba(233,185,73,.25)}
body.bf-home-2026 #header a>img{filter:brightness(0) invert(1)}
body.bf-home-2026 #header .justify-self-end>a,body.bf-home-2026 #header .justify-self-end>button,body.bf-home-2026 #header .justify-self-start>button{color:#F3EFE8!important}
body.bf-home-2026 #search_mini_form{background:rgba(255,255,255,.06)!important;border-color:rgba(233,185,73,.55)!important}
body.bf-home-2026 #search_mini_form input{background:transparent!important;color:#F3EFE8!important}
body.bf-home-2026 #search_mini_form input::placeholder{color:rgba(243,239,232,.6)!important}
body.bf-home-2026 #search_mini_form button{background:linear-gradient(135deg,#F6D68A,#E9B949 55%,#D79E2F)!important;color:#241503!important}
body.bf-home-2026 #header nav.navigation :is(a,button).level-0:not(.autumn-sale-nav-btn):not(.summer-sale-nav-btn){color:#F3EFE8!important}
body.bf-home-2026 #header nav.navigation :is(a,button).level-0:hover{border-color:#E9B949!important}

/* ------------------------------------------------------------ HERO BF -- */
body.bf-home-2026 .bfh-hero{position:relative;overflow:hidden;isolation:isolate;color:#F3EFE8;background:radial-gradient(60% 55% at 12% 28%,rgba(122,58,190,.42) 0%,rgba(122,58,190,0) 62%),radial-gradient(55% 60% at 88% 22%,rgba(196,72,150,.30) 0%,rgba(196,72,150,0) 62%),radial-gradient(50% 45% at 55% 70%,rgba(52,70,170,.22) 0%,rgba(52,70,170,0) 65%),radial-gradient(70% 40% at 50% 108%,rgba(233,185,73,.12) 0%,rgba(233,185,73,0) 60%),linear-gradient(180deg,#0a0716 0%,#0d0a1c 55%,#07050f 100%);border-bottom:1px solid rgba(233,185,73,.14)}
body.bf-home-2026 .bfh-hero::before,body.bf-home-2026 .bfh-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
body.bf-home-2026 .bfh-hero::before{background-image:radial-gradient(1.6px 1.6px at 18px 32px,rgba(255,255,255,.85) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 96px 140px,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(1.8px 1.8px at 170px 60px,rgba(255,255,255,.75) 50%,transparent 51%),radial-gradient(1.3px 1.3px at 210px 118px,rgba(243,208,120,.70) 50%,transparent 51%);background-size:260px 260px;opacity:.75}
body.bf-home-2026 .bfh-hero::after{background-image:radial-gradient(2.2px 2.2px at 60px 80px,rgba(255,255,255,.95) 50%,transparent 51%),radial-gradient(2px 2px at 380px 300px,rgba(200,180,255,.85) 50%,transparent 51%),radial-gradient(1.6px 1.6px at 150px 360px,rgba(255,255,255,.7) 50%,transparent 51%);background-size:420px 420px;background-position:90px 40px;animation:bfc-twinkle 4.5s ease-in-out infinite alternate}
body.bf-home-2026 .bfh-hero .bfc-hero-in{max-width:70rem}
body.bf-home-2026 .bfh-hero .as-btn-gold{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#F6D68A,#E9B949 55%,#D79E2F);color:#241503;font-weight:800;font-size:15px;padding:15px 26px;border-radius:999px;box-shadow:0 12px 30px rgba(233,185,73,.28);text-decoration:none}
body.bf-home-2026 .bfh-hero .as-btn-gold:hover{filter:brightness(1.06)}
body.bf-home-2026 .bfh-hero .bfc-perkbox{margin-bottom:0}
.bfh-cats{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:20px auto 0}
.bfh-cat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:12px 6px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);color:#F3EFE8;text-decoration:none;text-align:center;transition:border-color .2s,background .2s}
.bfh-cat:hover{border-color:rgba(233,185,73,.55);background:rgba(255,255,255,.08)}
.bfh-cat svg{color:#E9B949}
.bfh-cat-name{font-weight:700;font-size:13px;line-height:1.2}
.bfh-cat-pct{font-size:11.5px;color:rgba(243,239,232,.72)}
.bfh-cat-pct b{color:#FF9AA5}
@media(max-width:1023px){.bfh-cats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:639px){body.bf-home-2026 .bfh-hero .as-btn-gold{width:100%;max-width:22rem;justify-content:center}.bfh-cats{gap:8px;margin-top:14px}.bfh-cat{padding:10px 4px;gap:4px}.bfh-cat-name{font-size:11.5px}.bfh-cat-pct{font-size:12px;font-weight:700}.bfh-cat-pct span{display:none}}

/* --------------------------------------------- SECTIUNILE HOMEPAGE-ULUI -- */
body.bf-home-2026 .category-heading{color:#F3EFE8!important}
body.bf-home-2026 .column.main p.text-gray-500{color:rgba(243,239,232,.7)!important}
body.bf-home-2026 .upb-card{background:rgba(255,255,255,.04)!important;border-color:rgba(233,185,73,.28)!important;box-shadow:none!important}
body.bf-home-2026 .home-seo-blurb{border-color:rgba(255,255,255,.08)!important}
body.bf-home-2026 .home-seo-blurb :is(h2,p){color:rgba(243,239,232,.8)!important}
body.bf-home-2026 .home-seo-blurb a,body.bf-home-2026 .home-seo-blurb button{color:#F2C063!important}

/* ---------------------------------------------------------- FOOTER -- */
body.bf-home-2026 .footer-cta-strip{background:linear-gradient(90deg,#1B1036,#4C1D95 50%,#C2417A)!important}
body.bf-home-2026 footer .bg-slate-700{background:#0d0a1c!important;border-color:rgba(233,185,73,.18)!important}
@media(prefers-reduced-motion:reduce){body.bf-home-2026 .page-wrapper::after,body.bf-home-2026 .bfh-hero::after{animation:none!important}}

/* ---- v2: header complet, bara de beneficii, sublinieri, blog, pastile SEO ---- */
body.bf-home-2026 #header .relative.w-full.min-w-0.px-4,body.bf-home-2026 #header .hidden.lg\:block,body.bf-home-2026 #header .hidden.lg\:block>.container>div{background:transparent!important}
body.bf-home-2026 #header .hidden.lg\:block{border-bottom-color:#E9B949!important}
body.bf-home-2026 #header .justify-self-end>div>button{color:#F3EFE8!important}
body.bf-home-2026 #header nav.navigation .level-0 svg.text-slate-900{color:#F3EFE8!important}
body.bf-home-2026 #header nav.navigation button.level-0>svg{color:#E9B949!important}
body.bf-home-2026 .category-heading>span.absolute{background:linear-gradient(90deg,#F6D68A,#E9B949 55%,#F2707B)!important}
body.bf-home-2026 .upb-panel{background:rgba(20,14,36,.92)!important;border-color:rgba(255,255,255,.08)!important}
body.bf-home-2026 .upb-item{border-color:rgba(255,255,255,.08)!important}
body.bf-home-2026 .upb-lead{color:#F2C063!important}
body.bf-home-2026 .upb-sub{color:rgba(243,239,232,.72)!important}
body.bf-home-2026 .mvb-loaded{background:transparent!important}
body.bf-home-2026 .mvb-title{color:#F3EFE8!important}
body.bf-home-2026 .mvb-cta-link{color:#F2C063!important}
body.bf-home-2026 .mvb-badge{background:rgba(233,185,73,.14)!important;color:#F2C063!important}
body.bf-home-2026 .ihp-card{background:rgba(255,255,255,.04)!important;border:1px solid rgba(233,185,73,.22)!important;box-shadow:none!important}
body.bf-home-2026 .ihp-title{color:#F2C063!important}
body.bf-home-2026 .ihp-pill{background:rgba(255,255,255,.07)!important;color:#F3EFE8!important;border-color:rgba(255,255,255,.12)!important}
body.bf-home-2026 .ihp-pill:hover{background:rgba(233,185,73,.18)!important}
body.bf-home-2026 .ihp-count{background:rgba(255,255,255,.08)!important;color:#F3EFE8!important}
body.bf-home-2026 .ihp-note{color:rgba(243,239,232,.75)!important;border-color:rgba(255,255,255,.08)!important}
body.bf-home-2026 .ihp-note a{color:#F2C063!important}
body.bf-home-2026 .ihp-sec+.ihp-sec{border-color:rgba(255,255,255,.08)!important}
body.bf-home-2026 .ihp-chev{color:#F3EFE8!important}
/* ---- v3: cautarea pe mobil (rand separat, fundal deschis), iconitele categoriilor din meniu ---- */
body.bf-home-2026 #header .col-span-full,body.bf-home-2026 #header .col-span-full>div{background:transparent!important}
body.bf-home-2026 #header nav.navigation .level-0 span>svg,body.bf-home-2026 #header nav.navigation .level-0 span>img{color:#F3EFE8!important;opacity:.95}
body.bf-home-2026 #header nav.navigation .level-0 span>img{filter:brightness(0) invert(.95)}
/* banda cautarii pe mobil e pictata cu border-image (truc full-width), iconitele din meniu au culori fixe in SVG */
body.bf-home-2026 #header .col-span-full{border-image:none!important}
body.bf-home-2026 #header nav.navigation .level-0 span>svg{filter:brightness(0) invert(.92)}
/* ---- v4: titluri de sectiune in stilul teaserului (kicker auriu + serif italic); eticheta BF pe placile de categorii ---- */
body.bf-home-2026 .category-heading{font-family:"Fraunces",Georgia,serif!important;font-style:italic;font-weight:600!important;font-size:clamp(1.4rem,2.4vw,1.95rem)!important;letter-spacing:-.01em;line-height:1.15!important}
body.bf-home-2026 .category-heading::before{content:"Black Friday 2026";display:block;margin-bottom:.4rem;font-family:"Poppins",system-ui,sans-serif;font-style:normal;font-weight:700;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:#E9B949}
body.bf-home-2026 .cat-tile-count b{color:#FFB1BA}
/* ---- v5 mobil: eticheta scurta pe placile de categorii, titlurile caruselelor nu mai stau lipite de margine ---- */
@media(max-width:767px){
  body.bf-home-2026 .bfh-bf{display:none}
  body.bf-home-2026 .category-heading.pt-8,body.bf-home-2026 .column.main p.text-gray-500.mb-4{margin-left:12px!important}
}