/* BP Site — meniul nou. Totul e sub #bpm (sau body.bpm-on pentru headerul existent),
   ca stilurile globale din Elementor sa nu poata atinge meniul si invers. */

@font-face{font-family:"BPM Nexa";src:url("https://bigprotein.ro/wp-content/plugins/bp-site/assets/fonts/nexa-heavy.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"BPM Satoshi";src:url("https://bigprotein.ro/wp-content/plugins/bp-site/assets/fonts/satoshi-medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

#bpm{
  --bg:#0b0b0b; --bg2:#141316; --line:rgba(255,255,255,.08);
  --fg:#f5f4f7; --dim:#77727f; --soft:#c9c5d0;
  --violet:#7b2ff2; --violet-hi:#9d5cfa;
  --brand:"BPM Nexa","Outfit",system-ui,sans-serif;
  --body:"BPM Satoshi","Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --top:82px;
  font-family:var(--body);color:var(--fg);-webkit-font-smoothing:antialiased;
}
#bpm,#bpm *{box-sizing:border-box}
#bpm ul{list-style:none;margin:0;padding:0}
#bpm li{margin:0;padding:0}
#bpm a{text-decoration:none;color:inherit;box-shadow:none;background-image:none}
#bpm button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left;box-shadow:none;border-radius:0;text-transform:none;letter-spacing:normal}
#bpm img{display:block;max-width:none;height:auto;border:0;border-radius:0;box-shadow:none}
#bpm p{margin:0}
#bpm [hidden]{display:none!important}
#bpm :focus-visible{outline:2px solid var(--violet-hi);outline-offset:2px}

/* meniul vechi e oprit cat ruleaza cel nou */
body.bpm-on #bp-header .mega-wrapper{display:none!important}

/* ── titlurile din header: Nexa, majuscule, letter swap ─────────────── */
@font-face{font-family:"BPM Satoshi Bold";src:url("https://bigprotein.ro/wp-content/plugins/bp-site/assets/fonts/satoshi-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
body.bpm-on #bp-header .bp-nav > li > a{font-family:"BPM Satoshi Bold","Outfit",sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.07em;text-transform:uppercase}
/* iconitele noi (cont, cos) iau marimea si culoarea celor vechi */
body.bpm-on #bp-header .bp-icon-btn svg.bpm-ico{width:20px;height:20px;fill:currentColor;stroke:none}
body.bpm-on #bp-header #bp-cart-toggle svg.bpm-ico{width:19px;height:19px}
body.bpm-on .bpm-ls{display:inline-flex;overflow:hidden;line-height:1.3;height:1.3em;vertical-align:middle}
/* copia sta la 2.4em sub decupajul de 1.3em, ca accentele inalte (Ă Ș Ț) sa nu se vada in repaus */
body.bpm-on .bpm-ls > span{display:inline-block;white-space:pre;text-shadow:0 2.4em 0 currentColor;transition:transform 560ms cubic-bezier(.34,1.45,.64,1);transition-delay:var(--d)}
body.bpm-on #bp-header .bp-nav > li > a:hover .bpm-ls > span,
body.bpm-on #bp-header .bp-nav > li > a:focus-visible .bpm-ls > span,
body.bpm-on #bp-header .bp-nav > li > a[aria-expanded="true"] .bpm-ls > span{transform:translateY(-2.4em)}

/* ── panourile ───────────────────────────────────────────────────── */
#bpm .bpm-scrim{position:fixed;left:0;right:0;top:var(--top);bottom:0;z-index:9996;background:rgba(5,5,7,.55);opacity:0;pointer-events:none;transition:opacity 220ms var(--ease)}
#bpm .bpm-scrim.on{opacity:1;pointer-events:auto}
#bpm .bpm-panel{position:fixed;left:0;right:0;top:var(--top);z-index:9997;max-height:calc(100vh - var(--top));overflow-y:auto;overscroll-behavior:contain;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  opacity:0;transform:translateY(-6px);visibility:hidden;transition:opacity 160ms var(--ease),transform 160ms var(--ease),visibility 0s linear 160ms}
#bpm .bpm-panel.open{opacity:1;transform:none;visibility:visible;transition:opacity 240ms var(--ease),transform 240ms var(--ease),visibility 0s}

/* Magazin: grupe / subcategorii / card */
#bpm .bpm-shop{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:clamp(280px,23vw,360px) minmax(0,1fr) clamp(280px,30vw,470px);align-items:start;gap:clamp(32px,5vw,88px);padding:44px clamp(28px,4.5vw,64px) 48px}

/* grupele: bara alba intra de la stanga, cuvantul se muta putin la stanga, sageata vine la capat */
#bpm .bpm-groups{margin-left:-20px;display:flex;flex-direction:column;gap:2px}
#bpm .bpm-g{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;padding:10px 20px 9px;font:400 clamp(20px,1.55vw,25px)/1.1 var(--brand);text-transform:uppercase;letter-spacing:.01em;color:#f5f4f7;transition:color 200ms var(--ease)}
#bpm .bpm-g .bpm-t{display:inline-block;white-space:nowrap;transition:transform 420ms cubic-bezier(.34,1.4,.64,1)}
#bpm .bpm-g .bpm-ar{margin-left:auto;flex:none;width:14px;height:14px;opacity:0;transform:translateX(-8px);transition:opacity 180ms var(--ease),transform 320ms var(--ease)}
#bpm .bpm-g::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--fg);clip-path:inset(0 100% 0 0);transition:clip-path 300ms var(--ease)}
#bpm .bpm-g:hover{color:var(--fg)}
#bpm .bpm-g.on{color:var(--bg)}
#bpm .bpm-g.on .bpm-t{transform:translateX(-10px)}
#bpm .bpm-g.on .bpm-ar{opacity:1;transform:none}
#bpm .bpm-g.on::before{clip-path:inset(0 0 0 0)}
#bpm .bpm-g.bpm-deal{color:var(--violet-hi)}
#bpm .bpm-g.bpm-deal::before{background:var(--violet)}
#bpm .bpm-g.bpm-deal.on{color:#fff}
#bpm .bpm-sep{height:14px}

/* subcategoriile: lista linistita, un punct violet pe cea de sub mouse */
#bpm .bpm-subs{min-width:0;padding-top:4px}
#bpm .bpm-sub ul{display:grid;gap:17px}
#bpm .bpm-sub ul a{display:inline-flex;align-items:center;gap:11px;font:500 clamp(16px,1.15vw,18px)/1.3 var(--body);color:#aaa5b3;transition:color 180ms var(--ease)}
#bpm .bpm-sub ul a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--violet-hi);transform:scale(0);transition:transform 260ms cubic-bezier(.34,1.5,.64,1)}
#bpm .bpm-c{font:500 12.5px/1 var(--body);font-variant-numeric:tabular-nums;color:#55505c;transition:color 180ms var(--ease)}
#bpm .bpm-sub ul a:hover{color:#fff}
#bpm .bpm-sub ul a:hover::before{transform:scale(1)}
#bpm .bpm-sub ul a:hover .bpm-c{color:var(--dim)}
#bpm .bpm-sub p{margin:0 0 18px;color:var(--soft);font:500 18px/1.5 var(--body);max-width:34ch}
#bpm .bpm-swap ul li{animation:bpm-in 260ms var(--ease) both;animation-delay:calc(var(--i) * 16ms)}

/* butonul cu gradient: din aproape negru in violet deschis; hover muta gradientul */
#bpm .bpm-more{display:inline-flex;align-items:center;white-space:nowrap;margin-top:30px;padding:15px 26px 14px;border-radius:999px;border:0;
  background:linear-gradient(100deg,#100c15 0%,#2a1450 45%,#8a45f5 100%);background-size:180% 100%;background-position:0% 50%;
  color:#fff;font:500 15.5px/1 var(--body);letter-spacing:.005em;transition:background-position 380ms var(--ease)}
#bpm .bpm-more:hover{background-position:100% 50%;color:#fff}
#bpm .bpm-more:active,#bpm .bpm-go:active{transform:scale(.97)}

/* cardul: fotografia pe tot cardul, titlul jos ca pe un afis */
#bpm .bpm-card{position:relative;display:block;width:100%;justify-self:end;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#120c1c;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset}
#bpm .bpm-card::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,4,10,0) 52%,rgba(6,4,10,.82) 100%)}
/* fotografia: transformul vine din JS (camera cu inertie); aici doar lumina si culoarea */
#bpm .bpm-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.94) saturate(1);transition:filter 700ms var(--ease)}
#bpm .bpm-card.bpm-lit .bpm-shot{filter:brightness(1.06) saturate(1.08);transition:filter 900ms cubic-bezier(.16,1,.3,1)}
#bpm .bpm-card::after{transition:opacity 600ms var(--ease)}
#bpm .bpm-card.bpm-lit::after{opacity:.8}
/* lumina de studio: o banda lila trece o singura data peste fotografie la intrare; la iesire dispare, nu se intoarce */
#bpm .bpm-card::before{content:"";position:absolute;inset:-10% -40%;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:0;
  background:linear-gradient(112deg,transparent 38%,rgba(185,138,255,.26) 48%,rgba(255,255,255,.14) 50%,rgba(185,138,255,.22) 52%,transparent 62%);
  transform:translateX(-60%);transition:opacity 200ms var(--ease)}
#bpm .bpm-card.bpm-lit::before{opacity:1;transform:translateX(60%);transition:transform 1100ms cubic-bezier(.22,1,.36,1),opacity 250ms var(--ease)}
#bpm .bpm-card-t,#bpm .bpm-go{z-index:2}
/* schimbarea grupei: fotografia noua iese dintr-un blur usor (blurul ascunde suprapunerea a doua imagini) */
#bpm .bpm-card.bpm-swap .bpm-shot{animation:bpm-focus 460ms cubic-bezier(.23,1,.32,1) both}
@keyframes bpm-focus{from{opacity:.25;filter:blur(10px) brightness(.8)}}
#bpm .bpm-card-t{position:absolute;z-index:1;left:28px;right:28px;bottom:76px;font:400 clamp(24px,2.3vw,34px)/1.06 var(--brand);text-transform:uppercase;color:#fff;text-wrap:balance;transition:transform 400ms var(--ease)}
#bpm .bpm-card:hover .bpm-card-t{transform:translateY(-3px)}
/* buton discret: contur subtire in repaus, alb doar cand cardul e sub mouse */
#bpm .bpm-go{position:absolute;z-index:1;left:28px;bottom:28px;padding:11px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.38);color:#fff;font:500 14.5px/1 var(--body);letter-spacing:.005em;white-space:nowrap;transition:background-color 240ms var(--ease),color 240ms var(--ease),border-color 240ms var(--ease)}
#bpm .bpm-card:hover .bpm-go{background:#fff;border-color:#fff;color:#0b0b0b}

/* Branduri: animatia de pe site-ul vechi — placa urca si creste putin, se tenteaza violet,
   o lumina trece peste ea, logo-ul alb trece de la estompat la aprins, numele se lumineaza */
#bpm .bpm-brands{max-width:1480px;margin:0 auto;padding:44px clamp(28px,4.5vw,64px) 40px}
#bpm .bpm-bgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#bpm .bpm-bi{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:148px;padding:22px 14px;border-radius:12px;background:var(--bg2);border:1px solid var(--line);
  transition:background-color 220ms var(--ease),border-color 220ms var(--ease),transform 260ms cubic-bezier(.34,1.45,.64,1),box-shadow 220ms var(--ease)}
#bpm .bpm-bi::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(123,47,242,.09) 50%,transparent 60%) 0 0/200% 100%;opacity:0;transition:opacity 300ms var(--ease);pointer-events:none}
#bpm .bpm-bi:hover::before,#bpm .bpm-bi:focus-visible::before{opacity:1;animation:bpm-shimmer .9s linear infinite}
#bpm .bpm-bi:hover,#bpm .bpm-bi:focus-visible{background:rgba(123,47,242,.1);border-color:rgba(123,47,242,.34);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,.35)}
#bpm .bpm-bi img{width:100%;max-width:170px;height:72px;object-fit:contain;opacity:.42;filter:brightness(0) invert(1);transition:opacity 220ms var(--ease),transform 260ms cubic-bezier(.34,1.45,.64,1)}
#bpm .bpm-bi:hover img,#bpm .bpm-bi:focus-visible img{opacity:.95;transform:scale(1.05)}
#bpm .bpm-bn{font:500 11.5px/1.2 var(--body);letter-spacing:.09em;text-transform:uppercase;color:var(--dim);text-align:center;transition:color 220ms var(--ease)}
#bpm .bpm-bi:hover .bpm-bn,#bpm .bpm-bi:focus-visible .bpm-bn{color:rgba(255,255,255,.8)}
#bpm .bpm-ball{border-color:rgba(123,47,242,.3)}
#bpm .bpm-plus{font:300 32px/1 var(--body);color:rgba(157,92,250,.6);transition:transform 320ms cubic-bezier(.34,1.45,.64,1),color 220ms var(--ease)}
#bpm .bpm-ball .bpm-bn{color:rgba(157,92,250,.75)}
#bpm .bpm-ball:hover .bpm-plus{color:var(--violet-hi);transform:rotate(90deg) scale(1.1)}
#bpm .bpm-ball:hover .bpm-bn{color:var(--violet-hi)}
@keyframes bpm-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@media (max-width:1180px){#bpm .bpm-bgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* intrarea panoului */
#bpm .bpm-panel.open .bpm-groups li{animation:bpm-in 300ms var(--ease) both;animation-delay:calc(30ms + var(--i, 0) * 22ms)}
#bpm .bpm-panel.open .bpm-card{animation:bpm-fade 480ms var(--ease) both}
#bpm .bpm-panel.open .bpm-bgrid li{animation:bpm-in 300ms var(--ease) both;animation-delay:calc(40ms + var(--i, 0) * 18ms)}
@keyframes bpm-in{from{opacity:0;transform:translateY(4px)}}
@keyframes bpm-fade{from{opacity:0;transform:scale(1.03)}}

/* ── sertarul de pe mobil ────────────────────────────────────────── */
#bpm .bpm-drawer{position:fixed;left:0;right:0;top:var(--top);bottom:0;z-index:9997;overflow-y:auto;overscroll-behavior:contain;background:var(--bg);padding:8px 0 calc(40px + env(safe-area-inset-bottom,0px));
  opacity:0;transform:translateY(-8px);visibility:hidden;transition:opacity 180ms var(--ease),transform 180ms var(--ease),visibility 0s linear 180ms}
#bpm .bpm-drawer.open{opacity:1;transform:none;visibility:visible;transition:opacity 260ms var(--ease),transform 260ms var(--ease),visibility 0s}
#bpm .bpm-dbtn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--line);font:400 18px/1.1 var(--brand);text-transform:uppercase;color:var(--fg)}
#bpm .bpm-dbtn.bpm-deal{color:var(--violet-hi)}
#bpm .bpm-pm{position:relative;width:12px;height:12px;color:var(--dim)}
#bpm .bpm-pm::before,#bpm .bpm-pm::after{content:"";position:absolute;left:0;right:0;top:5.25px;height:1.5px;background:currentColor;transition:transform 240ms var(--ease)}
#bpm .bpm-pm::after{transform:rotate(90deg)}
#bpm .bpm-dbtn[aria-expanded="true"] .bpm-pm::after{transform:rotate(0)}
#bpm .bpm-dsub{display:grid;grid-template-rows:0fr;transition:grid-template-rows 260ms var(--ease)}
#bpm .bpm-dbtn[aria-expanded="true"] + .bpm-dsub{grid-template-rows:1fr}
#bpm .bpm-dsub > div{overflow:hidden}
#bpm .bpm-dsub ul{display:grid;gap:13px;padding:14px 20px 18px}
#bpm .bpm-dsub a{display:flex;justify-content:space-between;gap:16px;font:500 16px/1.3 var(--body);color:var(--soft)}
#bpm .bpm-dsub .bpm-c{font-size:13px;color:var(--dim)}
#bpm .bpm-dsub a.bpm-all{color:var(--violet-hi);font-size:14px}
#bpm .bpm-dbrands{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;padding:14px 20px 22px!important}
#bpm .bpm-dsub .bpm-dbrands a{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;height:auto;padding:14px 16px;border-radius:14px;background:var(--bg2);outline:1px solid rgba(255,255,255,.06);outline-offset:-1px;transition:background-color 200ms var(--ease),transform 160ms var(--ease)}
#bpm .bpm-dsub .bpm-dbrands a:active{background:#1d1b21;transform:scale(.97)}
#bpm .bpm-dbrands img{width:100%;height:100%;max-width:100%;max-height:none;object-fit:contain;opacity:.88}
/* intrarea logo-urilor la deschiderea Brandurilor: urca 8px + apare, pe rand */
#bpm .bpm-dbtn[aria-expanded="true"] + .bpm-dsub .bpm-dbrands li{animation:bpm-tile-in 280ms var(--ease) both;animation-delay:calc(60ms + var(--k, 0) * 25ms)}
@keyframes bpm-tile-in{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
#bpm .bpm-gap{height:18px}
#bpm .bpm-plain{display:block;padding:15px 20px;border-bottom:1px solid var(--line);font:400 18px/1.1 var(--brand);text-transform:uppercase;color:var(--fg)}
#bpm .bpm-drawer.open .bpm-dlist > li{animation:bpm-in 280ms var(--ease) both;animation-delay:calc(40ms + var(--i, 0) * 20ms)}
html.bpm-lock,html.bpm-lock body{overflow:hidden}

/* ── headerul existent: logo, iconite, butonul „Cumpara acum" (doar cat ruleaza meniul nou) ── */
/* logo: imaginea are margini goale in fisier, deci o marim vizual fara sa mutam restul headerului */
body.bpm-on #bp-header .bp-logo img{width:64px;height:64px;object-fit:contain;transform:scale(1.22);transform-origin:left center}
/* titlurile: se strang pe ecrane mai inguste; menu.js le centreaza intre logo si iconite */
body.bpm-on #bp-header .bp-nav > li > a{font-size:clamp(12px,.9vw,13.5px);letter-spacing:.045em;padding:6px clamp(7px,.75vw,13px)}
/* iconite: acelasi ritm, hover discret, apasare simtita (marimea ramane cea din tema: 40px / 21px) */
body.bpm-on #bp-header .bp-right{gap:4px;align-items:center}
body.bpm-on #bp-header .bp-icon-btn{border-radius:12px;color:#c9c5d0;transition:background-color 180ms cubic-bezier(.22,1,.36,1),color 180ms cubic-bezier(.22,1,.36,1),transform 160ms cubic-bezier(.22,1,.36,1)}
body.bpm-on #bp-header .bp-icon-btn:hover{background:rgba(255,255,255,.06);color:#fff}
body.bpm-on #bp-header .bp-icon-btn:active{transform:scale(.94)}
body.bpm-on #bp-header .bp-icon-btn[href*="lista-preferinte"]{color:#ff3b5c}
body.bpm-on #bp-header .bp-icon-btn[href*="lista-preferinte"]:hover{color:#ff5c78}
body.bpm-on #bp-header .bp-divider{margin:0 6px;height:22px;width:1px;background:rgba(255,255,255,.12)}
/* butonul: pastila violet cu gradient, fontul meniului; hover muta lumina, apasarea il strange putin */
body.bpm-on #bp-header .bp-cta{margin-left:8px;height:40px;padding:0 18px;display:inline-flex;align-items:center;border:0;border-radius:999px;
  font:700 13px/1 "BPM Satoshi Bold","Outfit",sans-serif;letter-spacing:.015em;text-transform:none;color:#fff;
  background:linear-gradient(100deg,#6a24e0 0%,#7b2ff2 45%,#9d5cfa 100%);background-size:170% 100%;background-position:0% 50%;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 20px -10px rgba(123,47,242,.9);
  transition:background-position 380ms cubic-bezier(.22,1,.36,1),box-shadow 240ms cubic-bezier(.22,1,.36,1),transform 160ms cubic-bezier(.22,1,.36,1)}
body.bpm-on #bp-header .bp-cta:hover{background-position:100% 50%;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 12px 26px -10px rgba(157,92,250,.95)}
body.bpm-on #bp-header .bp-cta:active{transform:scale(.97)}
body.bpm-on #bp-header .bp-cta::before,body.bpm-on #bp-header .bp-cta::after{display:none}
/* ecrane intre ~1000 si 1180px: titlurile n-ar mai incapea; butonul dubleaza „Magazin", deci iese el */
@media (max-width:1180px){body.bpm-on #bp-header .bp-cta{display:none}body.bpm-on #bp-header .bp-divider{margin:0 3px}}
/* titlurile: greutate normala, doar initiala mare (Acasa, Magazin…), fara patratul gri — ramane doar linia violet */
body.bpm-on #bp-header .bp-nav > li > a{font-family:"BPM Satoshi Bold","Outfit",sans-serif;font-weight:700;font-size:clamp(15px,1.12vw,16.5px);letter-spacing:.01em;-webkit-text-stroke:.12px currentColor;text-transform:none;color:#e4e1ea;background:none;box-shadow:none;transform:none;border-radius:0;transition:color 180ms cubic-bezier(.22,1,.36,1)!important}
body.bpm-on #bp-header .bp-nav > li > a:hover,body.bpm-on #bp-header .bp-nav > li.is-open > a,body.bpm-on #bp-header .bp-nav > li.is-active > a,body.bpm-on #bp-header .bp-nav > li > a[aria-expanded="true"]{color:#fff;background:none;box-shadow:none;transform:none}
body.bpm-on #bp-header .bp-nav > li > a::after{bottom:0;height:1.5px;width:calc(100% - 2 * clamp(7px,.75vw,13px));border-radius:0;background:#9d5cfa;transform:translateX(-50%) scaleX(0);transition:transform 260ms cubic-bezier(.22,1,.36,1)}
body.bpm-on #bp-header .bp-nav > li > a:hover::after,body.bpm-on #bp-header .bp-nav > li.is-open > a::after,body.bpm-on #bp-header .bp-nav > li.is-active > a::after,body.bpm-on #bp-header .bp-nav > li > a[aria-expanded="true"]::after{transform:translateX(-50%) scaleX(1)}
/* butonul, mai curat: violet plin, fara stralucire dedesubt */
body.bpm-on #bp-header .bp-cta{background:#7b2ff2;background-image:none;box-shadow:none;font:500 13.5px/1 "BPM Satoshi","Outfit",sans-serif;letter-spacing:.005em;transition:background-color 200ms cubic-bezier(.22,1,.36,1),transform 160ms cubic-bezier(.22,1,.36,1)}
body.bpm-on #bp-header .bp-cta:hover{background:#8a45f5;background-image:none;box-shadow:none}

/* ── panourile de pe iconite: cos, favorite, cont ─────────────────────
   Aceeasi limba ca panourile Magazin / Branduri: negru plin, linii de 1px, Satoshi pentru text,
   Nexa doar pentru cifra mare / salut, butonul = pastila „Toate produsele". Coboara lipit de header. */
body.bpm-on #bp-header .bp-icon-btn.bpm-hot{color:#fff}
#bpm .bpm-pop{position:fixed;z-index:9998;top:var(--pt,80px);left:var(--pl,auto);width:var(--pw,400px);max-width:calc(100vw - 32px);
  background:var(--bg);border:1px solid rgba(255,255,255,.09);border-radius:18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7);color:var(--fg);
  opacity:0;transform:translateY(-6px);visibility:hidden;transition:opacity 160ms var(--ease),transform 160ms var(--ease),visibility 0s linear 160ms}
#bpm .bpm-pop.open{opacity:1;transform:none;visibility:visible;transition:opacity 220ms var(--ease),transform 220ms var(--ease),visibility 0s}
#bpm .bpm-pop::before{content:"";position:absolute;left:0;right:0;top:-32px;height:32px}
#bpm .bpm-pop-caret{display:none}
#bpm .bpm-pop-in{padding:22px 24px 24px;border-radius:inherit;overflow:hidden}
#bpm .bpm-pop-k{margin:0 0 6px;font:700 11.5px/1 "BPM Satoshi Bold","Outfit",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--dim)}
#bpm .bpm-pop-list{max-height:min(330px,calc(100vh - var(--pt,80px) - 200px));overflow-y:auto;overscroll-behavior:contain;margin:0 -24px;padding:0 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}
#bpm .bpm-it{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
#bpm .bpm-it:last-child{border-bottom:0}
#bpm .bpm-it-img{width:44px;height:44px;border-radius:8px;background:#fff;overflow:hidden;display:grid;place-items:center;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}
#bpm .bpm-it-img img{width:100%;height:100%;object-fit:contain}
#bpm .bpm-it-n{font:500 14px/1.38 var(--body);color:#aaa5b3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty;transition:color 180ms var(--ease)}
#bpm .bpm-it:hover .bpm-it-n{color:#fff}
#bpm .bpm-it-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px;text-align:right}
#bpm .bpm-it-q{font:500 12.5px/1 var(--body);color:#55505c;font-variant-numeric:tabular-nums}
#bpm .bpm-pr{font:500 14px/1 var(--body);color:var(--fg);white-space:nowrap;font-variant-numeric:tabular-nums}
#bpm .bpm-it-was{font-size:12.5px;color:#55505c;text-decoration:line-through}
#bpm .bpm-it-oos{font:500 12px/1 var(--body);color:var(--dim)}
/* scoate din cos / favorite: butonul sta langa rand (linia de jos trece pe rand); zona de atingere 44px prin ::before */
#bpm .bpm-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:8px;align-items:center;border-bottom:1px solid var(--line);transition:opacity 180ms var(--ease),transform 180ms var(--ease)}
#bpm .bpm-row:last-child{border-bottom:0}
#bpm .bpm-row .bpm-it{border-bottom:0}
#bpm .bpm-x{position:relative;width:30px;height:30px;display:grid;place-items:center;padding:0;margin:0;border:0;border-radius:999px;background:transparent;color:#55505c;cursor:pointer;transition:color 160ms var(--ease),background-color 160ms var(--ease),transform 120ms var(--ease)}
#bpm .bpm-x::before{content:"";position:absolute;inset:-7px}
#bpm .bpm-x svg{display:block;width:14px;height:14px}
#bpm .bpm-x:hover{color:#fff;background:rgba(255,255,255,.08)}
#bpm .bpm-x:active{transform:scale(.96)}
#bpm .bpm-x:focus-visible{outline:2px solid var(--fg);outline-offset:2px;color:#fff}
#bpm .bpm-row.is-busy{opacity:.45;pointer-events:none}
#bpm .bpm-row.is-out{opacity:0;transform:translateX(10px)}
#bpm .bpm-row.is-err .bpm-x{color:#f87171}
@media (prefers-reduced-motion:reduce){#bpm .bpm-row,#bpm .bpm-x{transition:none}#bpm .bpm-row.is-out{transform:none}}
#bpm .bpm-pop-foot{margin:6px -24px 0;padding:18px 24px 0;border-top:1px solid var(--line)}
#bpm .bpm-pop-tot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 4px}
#bpm .bpm-pop-tot b{font:700 11.5px/1 "BPM Satoshi Bold","Outfit",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);margin-right:8px}
#bpm .bpm-pop-tot span{font:500 12.5px/1 var(--body);color:#55505c;font-variant-numeric:tabular-nums}
#bpm .bpm-pop-tot .bpm-pr{font:400 22px/1 var(--brand);color:#fff}
#bpm .bpm-pop-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:18px;padding:15px 26px 14px;border-radius:999px;
  background:linear-gradient(100deg,#100c15 0%,#2a1450 45%,#8a45f5 100%);background-size:180% 100%;background-position:0% 50%;
  color:#fff;font:500 15px/1 var(--body);letter-spacing:.005em;white-space:nowrap;transition:background-position 380ms var(--ease),transform 160ms var(--ease)}
#bpm .bpm-pop-btn:hover{background-position:100% 50%}
#bpm .bpm-pop-btn:active{transform:scale(.97)}
#bpm .bpm-pop-h{margin:0 0 10px;font:400 20px/1.1 var(--brand);text-transform:uppercase;color:#fff;text-wrap:balance}
#bpm .bpm-pop-p{margin:0;font:500 14px/1.5 var(--body);color:var(--soft);text-wrap:pretty}
#bpm .bpm-pop-alt{display:block;margin-top:16px;text-align:center;font:500 13.5px/1 var(--body);color:var(--dim);transition:color 180ms var(--ease)}
#bpm .bpm-pop-alt:hover{color:#fff}
#bpm .bpm-acc{display:grid;gap:14px;margin-top:18px}
#bpm .bpm-acc a{display:inline-flex;align-items:center;gap:11px;font:500 15px/1.2 var(--body);color:#aaa5b3;transition:color 180ms var(--ease)}
#bpm .bpm-acc a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--violet-hi);transform:scale(0);transition:transform 260ms cubic-bezier(.34,1.5,.64,1)}
#bpm .bpm-acc a:hover{color:#fff}
#bpm .bpm-acc a:hover::before{transform:scale(1)}
#bpm .bpm-acc-out{margin-top:4px;padding-top:16px;border-top:1px solid var(--line)}
#bpm .bpm-acc-out a{color:var(--dim)}
#bpm .bpm-sk{height:44px;margin:14px 0;border-radius:8px;background:rgba(255,255,255,.04)}

/* ── mobil: contul, favoritele, cosul in sertar ─────────────────────── */
#bpm .bpm-dbtn-me{font:700 13px/1 "BPM Satoshi Bold","Outfit",sans-serif;letter-spacing:.08em;color:var(--soft);padding-top:16px;padding-bottom:16px}
#bpm .bpm-dme-t{display:inline-flex;align-items:center;gap:8px}
#bpm .bpm-dn{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--violet);color:#fff;font:600 11px/20px var(--body);letter-spacing:0;text-align:center;font-variant-numeric:tabular-nums}
#bpm .bpm-dme-gap{height:14px;border-bottom:1px solid var(--line)}
#bpm .bpm-dme-in{padding:6px 20px 20px}
#bpm .bpm-dme-in .bpm-pop-k{margin:4px 0 2px}
#bpm .bpm-dme-in .bpm-pop-list{max-height:none;margin:0;padding:0;overflow:visible}
#bpm .bpm-dme-in .bpm-pop-foot{margin:4px 0 0;padding:16px 0 0}
#bpm .bpm-dme-in .bpm-pop-h{font-size:18px}
#bpm .bpm-dme-in .bpm-sk{margin:12px 0}
#bpm .bpm-dsub a.bpm-it{display:grid;justify-content:normal;gap:14px;font:inherit;color:inherit}
#bpm .bpm-dsub a.bpm-pop-btn{display:flex;justify-content:center;color:#fff;font:500 15px/1 var(--body)}
#bpm .bpm-dsub a.bpm-pop-alt{display:block;text-align:center;color:var(--dim);font:500 13.5px/1 var(--body)}
#bpm .bpm-dsub .bpm-acc{gap:16px;margin-top:14px}
#bpm .bpm-dsub .bpm-acc a{display:inline-flex;justify-content:flex-start;font:500 16px/1.2 var(--body);color:#aaa5b3}
#bpm .bpm-dsub .bpm-acc-out a{color:var(--dim)}

/* ── cautarea din header: aceeasi limba ca meniul (negru, linii 1px, Satoshi, alb) ───────────── */
body.bpm-on #bp-header .bp-search-bar{transform:translateY(-4px);transition:opacity 200ms cubic-bezier(.22,1,.36,1),transform 220ms cubic-bezier(.22,1,.36,1)}
body.bpm-on #bp-header .bp-search-bar.is-open{animation:none;transform:none}
body.bpm-on #bp-header .bp-search-inner{height:46px;gap:12px;padding:0 8px 0 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:none;transition:border-color 180ms ease,background-color 180ms ease}
body.bpm-on #bp-header .bp-search-inner:focus-within{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06);box-shadow:none}
body.bpm-on #bp-header .bp-search-icon{color:#aaa5b3;transition:color 180ms ease}
body.bpm-on #bp-header .bp-search-inner:focus-within .bp-search-icon{color:#fff}
/* inputul: fara chenarul alb al temei la focus */
body.bpm-on #bp-header #bp-search-input,body.bpm-on #bp-header #bp-search-input:focus,body.bpm-on #bp-header #bp-search-input:focus-visible{height:100%;margin:0;padding:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:0;color:#fff;font:500 15px/1 "BPM Satoshi","Outfit",sans-serif;caret-color:#9d5cfa}
body.bpm-on #bp-header #bp-search-input::placeholder{color:#77727f;opacity:1}
body.bpm-on #bp-header .bp-search-close-btn{width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#aaa5b3;transition:background-color 160ms ease,color 160ms ease,transform 160ms cubic-bezier(.22,1,.36,1)}
body.bpm-on #bp-header .bp-search-close-btn:hover{background:rgba(255,255,255,.08);color:#fff;transform:none}
body.bpm-on #bp-header .bp-search-close-btn:active{transform:scale(.94)}

/* rezultatele */
body.bpm-on #bp-header .bp-search-suggestions{top:calc(100% + 10px);padding:8px;background:#0b0b0b;border:1px solid rgba(255,255,255,.09);border-radius:18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.75)}
body.bpm-on #bp-header .bp-search-suggestions.is-visible{animation:bpm-sug-in 220ms cubic-bezier(.22,1,.36,1) both}
@keyframes bpm-sug-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
body.bpm-on #bp-header .search-suggestion-group-label{padding:12px 12px 8px;font:700 11.5px/1 "BPM Satoshi Bold","Outfit",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#77727f}
body.bpm-on #bp-header .search-suggestion-item{gap:14px;padding:10px 12px;border-radius:12px;animation:bpm-sug-row 240ms cubic-bezier(.22,1,.36,1) both;transition:background-color 150ms ease}
body.bpm-on #bp-header .search-suggestion-item:hover,body.bpm-on #bp-header .search-suggestion-item:focus-visible{background:rgba(255,255,255,.05);outline:0}
body.bpm-on #bp-header .search-suggestion-item:nth-child(2){animation-delay:0ms}
body.bpm-on #bp-header .search-suggestion-item:nth-child(3){animation-delay:30ms}
body.bpm-on #bp-header .search-suggestion-item:nth-child(4){animation-delay:60ms}
body.bpm-on #bp-header .search-suggestion-item:nth-child(5){animation-delay:90ms}
body.bpm-on #bp-header .search-suggestion-item:nth-child(6){animation-delay:120ms}
body.bpm-on #bp-header .search-suggestion-item:nth-child(7){animation-delay:150ms}
@keyframes bpm-sug-row{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
body.bpm-on #bp-header .sug-icon{width:44px;height:44px;border:0;border-radius:8px;background:#fff;overflow:hidden;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}
body.bpm-on #bp-header .sug-icon img{object-fit:contain!important;border-radius:0!important}
body.bpm-on #bp-header .sug-text{min-width:0}
body.bpm-on #bp-header .sug-name{font:500 14.5px/1.35 "BPM Satoshi","Outfit",sans-serif;color:#fff;text-wrap:pretty}
body.bpm-on #bp-header .sug-name mark{background:none;color:#fff;font-weight:inherit;text-decoration:underline;text-decoration-color:#9d5cfa;text-decoration-thickness:1.5px;text-underline-offset:3px}
body.bpm-on #bp-header .sug-meta{margin-top:4px;font:500 12.5px/1 "BPM Satoshi","Outfit",sans-serif;color:#77727f}
body.bpm-on #bp-header .sug-price{font:500 14px/1 "BPM Satoshi","Outfit",sans-serif;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
body.bpm-on #bp-header .sug-price s{opacity:1!important;color:#55505c;font-size:12.5px!important;margin-right:6px}
body.bpm-on #bp-header .sug-view-all{gap:8px;margin:6px 0 0;padding:14px 12px 8px;border-top:1px solid rgba(255,255,255,.08);border-radius:0;justify-content:flex-start;font:500 14px/1 "BPM Satoshi","Outfit",sans-serif;letter-spacing:0;color:#fff;background:none}
body.bpm-on #bp-header .sug-view-all:hover{background:none;color:#fff}
body.bpm-on #bp-header .sug-view-all strong{color:#fff!important;font-weight:700}
body.bpm-on #bp-header .sug-view-all svg{stroke:#aaa5b3;transition:transform 220ms cubic-bezier(.22,1,.36,1),stroke 160ms ease}
body.bpm-on #bp-header .sug-view-all:hover svg:last-child{transform:translateX(3px);stroke:#fff}
@media (prefers-reduced-motion:reduce){
  body.bpm-on #bp-header .bp-search-bar,body.bpm-on #bp-header .bp-search-suggestions,body.bpm-on #bp-header .search-suggestion-item{animation:none!important;transition-duration:1ms!important}
}

/* ── fereastra cosului (din headerul Elementor): aceeasi limba ca meniul, mare si aerisita ───────── */
body.bpm-on .bp-cart-overlay{padding:24px}
body.bpm-on .bp-cart-backdrop{background:rgba(5,5,7,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity 220ms cubic-bezier(.22,1,.36,1)}
body.bpm-on .bp-cart-modal{width:100%;max-width:640px;max-height:min(86vh,860px);background:#0b0b0b;border:1px solid rgba(255,255,255,.09);border-radius:26px;box-shadow:0 40px 90px -30px rgba(0,0,0,.85);color:#f5f4f7;font-family:"BPM Satoshi","Outfit",sans-serif}
body.bpm-on .bp-cart-overlay.is-open .bp-cart-modal{animation:bpm-modal-in 260ms cubic-bezier(.22,1,.36,1) both}
body.bpm-on .bp-cart-overlay.is-closing .bp-cart-modal{animation:bpm-modal-out 160ms cubic-bezier(.22,1,.36,1) both}
@keyframes bpm-modal-in{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}
@keyframes bpm-modal-out{from{opacity:1;transform:none}to{opacity:0;transform:scale(.98)}}
body.bpm-on .bp-cart-modal-header{padding:30px 36px 24px;border-bottom:1px solid rgba(255,255,255,.08)}
body.bpm-on .bp-cart-modal-header h2{gap:12px;margin:0;font:400 24px/1 "BPM Nexa","Outfit",sans-serif;text-transform:uppercase;letter-spacing:.01em;color:#fff}
body.bpm-on .bp-cart-count-pill{min-width:24px;height:24px;padding:0 8px;border-radius:999px;background:#7b2ff2;color:#fff;font:600 12px/24px "BPM Satoshi","Outfit",sans-serif;text-align:center;letter-spacing:0;font-variant-numeric:tabular-nums}
body.bpm-on .bp-cart-modal-close{width:40px;height:40px;margin-right:-8px;border:0!important;border-radius:12px;background:transparent!important;color:#aaa5b3!important;box-shadow:none!important;font-size:16px;transition:background-color 160ms ease,color 160ms ease,transform 160ms cubic-bezier(.22,1,.36,1)}
body.bpm-on .bp-cart-modal-close:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;transform:none}
body.bpm-on .bp-cart-modal-close:active{transform:scale(.94)}
body.bpm-on .bp-cart-modal-body{padding:4px 36px;scrollbar-color:rgba(255,255,255,.14) transparent}
/* randurile: aer, fara cutii, o linie de 1px intre ele */
body.bpm-on .bp-cart-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:20px;margin:0;padding:24px 0;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.07);border-radius:0;animation:bpm-cart-row 240ms cubic-bezier(.22,1,.36,1) both}
body.bpm-on .bp-cart-item:last-of-type{border-bottom:0}
body.bpm-on .bp-cart-item:hover{border-color:rgba(255,255,255,.07)}
body.bpm-on .bp-cart-item:nth-child(2){animation-delay:30ms}
body.bpm-on .bp-cart-item:nth-child(3){animation-delay:60ms}
body.bpm-on .bp-cart-item:nth-child(4){animation-delay:90ms}
body.bpm-on .bp-cart-item:nth-child(n+5){animation-delay:120ms}
@keyframes bpm-cart-row{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
body.bpm-on .cart-item-img{width:72px;height:72px;border:0;border-radius:14px;background:#fff;overflow:hidden;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}
body.bpm-on .cart-item-img img{width:100%;height:100%;object-fit:contain;padding:4px;border-radius:0}
body.bpm-on .cart-item-info{min-width:0;display:flex;flex-direction:column;gap:6px}
body.bpm-on .cart-item-name{font:500 15.5px/1.4 "BPM Satoshi","Outfit",sans-serif;color:#fff;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:clip;text-wrap:pretty}
body.bpm-on .cart-item-variant{margin:0;font:500 13px/1.3 "BPM Satoshi","Outfit",sans-serif;color:#77727f}
body.bpm-on .cart-item-variant[style*="4ade80"]{align-self:flex-start;padding:4px 9px;border-radius:999px;background:rgba(157,92,250,.12);color:#b98aff!important;font:500 11.5px/1 "BPM Satoshi","Outfit",sans-serif!important}
body.bpm-on .cart-item-variant img.emoji{display:none!important}
/* dreapta: pretul sus, cantitatea jos, aliniate la dreapta */
body.bpm-on .cart-item-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:14px;min-width:0}
body.bpm-on .cart-item-right > div[style]{justify-content:flex-end!important;gap:12px!important;width:auto!important}
body.bpm-on .cart-item-price{font:500 16px/1 "BPM Satoshi","Outfit",sans-serif;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
body.bpm-on .bp-qty-remove{width:28px;height:28px;margin-right:-6px;border-radius:9px;color:#55505c!important;opacity:1!important;font-size:17px!important;transition:background-color 150ms ease,color 150ms ease}
body.bpm-on .bp-qty-remove:hover{background:rgba(255,255,255,.08);color:#fff!important;transform:none}
body.bpm-on .cart-item-qty{gap:4px;padding:3px;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:999px}
body.bpm-on .cart-item-qty .qty-btn{width:32px;height:32px;border-radius:999px;color:#aaa5b3;font-size:15px;transition:background-color 150ms ease,color 150ms ease,transform 120ms cubic-bezier(.22,1,.36,1)}
body.bpm-on .cart-item-qty .qty-btn:hover{background:rgba(255,255,255,.08);color:#fff;transform:none}
body.bpm-on .cart-item-qty .qty-btn:active{transform:scale(.92)}
body.bpm-on .cart-item-qty .qty-num{min-width:24px;text-align:center;font:500 15px/1 "BPM Satoshi","Outfit",sans-serif;color:#fff;font-variant-numeric:tabular-nums}
/* subsolul */
body.bpm-on .bp-cart-modal-footer{padding:26px 36px 32px;border-top:1px solid rgba(255,255,255,.08)}
body.bpm-on .cart-total-row{align-items:baseline;margin-bottom:8px}
body.bpm-on .cart-total-label{font:700 12px/1 "BPM Satoshi Bold","Outfit",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#77727f}
body.bpm-on .cart-total-value{font:400 30px/1 "BPM Nexa","Outfit",sans-serif;color:#fff;font-variant-numeric:tabular-nums}
body.bpm-on .bp-cart-modal-footer > div[style]{text-align:left!important;font:500 13.5px/1.4 "BPM Satoshi","Outfit",sans-serif!important;color:#77727f!important;margin-bottom:24px!important}
body.bpm-on .bp-cart-checkout,body.bpm-on .cart-empty-cta{min-height:56px;padding:0 28px;border-radius:999px;background:linear-gradient(100deg,#100c15 0%,#2a1450 45%,#8a45f5 100%);background-size:180% 100%;background-position:0% 50%;box-shadow:none;font:500 16px/1 "BPM Satoshi","Outfit",sans-serif;letter-spacing:.005em;transition:background-position 380ms cubic-bezier(.22,1,.36,1),transform 160ms cubic-bezier(.22,1,.36,1)}
body.bpm-on .bp-cart-checkout:hover,body.bpm-on .cart-empty-cta:hover{background-position:100% 50%;transform:none;box-shadow:none}
body.bpm-on .bp-cart-checkout:active,body.bpm-on .cart-empty-cta:active{transform:scale(.98)}
body.bpm-on .bp-cart-checkout svg{transition:transform 220ms cubic-bezier(.22,1,.36,1)}
body.bpm-on .bp-cart-checkout:hover svg{transform:translateX(3px)}
/* cos gol */
body.bpm-on .bp-cart-empty{gap:14px;padding:56px 8px}
body.bpm-on .cart-empty-icon{display:none}
body.bpm-on .bp-cart-empty h3{font:400 24px/1.1 "BPM Nexa","Outfit",sans-serif;text-transform:uppercase;color:#fff;animation:none}
body.bpm-on .bp-cart-empty p{font:500 15px/1.5 "BPM Satoshi","Outfit",sans-serif;color:#aaa5b3;animation:none}
body.bpm-on .cart-empty-cta{display:inline-flex;align-items:center;animation:none}
/* telefon: aceeasi ordine, mai compact */
@media (max-width:560px){
  body.bpm-on .bp-cart-overlay{padding:12px}
  body.bpm-on .bp-cart-modal{border-radius:22px}
  body.bpm-on .bp-cart-modal-header{padding:22px 22px 18px}
  body.bpm-on .bp-cart-modal-header h2{font-size:20px}
  body.bpm-on .bp-cart-modal-body{padding:0 22px}
  body.bpm-on .bp-cart-item{grid-template-columns:60px minmax(0,1fr);gap:14px;padding:20px 0}
  body.bpm-on .cart-item-img{width:60px;height:60px;border-radius:12px}
  body.bpm-on .cart-item-right{grid-column:2;flex-direction:row-reverse;justify-content:space-between;align-items:center}
  body.bpm-on .bp-cart-modal-footer{padding:20px 22px 24px}
  body.bpm-on .cart-total-value{font-size:26px}
}
@media (prefers-reduced-motion:reduce){
  body.bpm-on .bp-cart-modal,body.bpm-on .bp-cart-item{animation:none!important}
}

/* mobil: poza grupei in sertar */
#bpm .bpm-dsub a.bpm-dcard{position:relative;display:block;margin:14px 20px 4px;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--bg2);isolation:isolate;outline:1px solid rgba(255,255,255,.08);outline-offset:-1px}
#bpm .bpm-dcard img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity 260ms var(--ease),transform 280ms var(--ease)}
#bpm .bpm-dcard.is-in img{opacity:1;transform:none}
#bpm .bpm-dcard::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.7))}
#bpm .bpm-dcard-t{position:absolute;z-index:2;left:16px;right:130px;bottom:14px;font:400 20px/1.05 var(--brand);text-transform:uppercase;color:#fff;text-wrap:balance}
#bpm .bpm-dcard-go{position:absolute;z-index:2;right:14px;bottom:12px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.4);color:#fff;font:500 12.5px/1 var(--body);white-space:nowrap;transition:background-color 200ms var(--ease),color 200ms var(--ease)}
#bpm .bpm-dcard:active .bpm-dcard-go{background:#fff;color:#0b0b0b}

@media (prefers-reduced-motion:reduce){
  #bpm *,#bpm *::before,#bpm *::after,body.bpm-on .bpm-ls > span{animation:none!important;transition-duration:1ms!important}
}