/* ===== v4: bară branduri, promo, newsletter, footer ===== */
.blogo{height:34px;width:auto;max-width:130px;object-fit:contain;display:block;background:#fff;padding:3px 8px;border-radius:8px;border:1px solid var(--line)}
.topbar .tph{color:#fff;font-weight:600}
/* promo tiles */
.promos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 4px}
.promo{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;overflow:hidden;border-radius:18px;padding:24px 26px;min-height:160px;color:#fff;transition:.2s}
.promo:hover{transform:translateY(-3px);box-shadow:var(--sh);text-decoration:none}
.promo.p0{background:linear-gradient(120deg,#7a2e1d,#b8502f)}.promo.p1{background:linear-gradient(120deg,#1c2b4a,#3a5a96)}.promo.p2{background:linear-gradient(120deg,#2d4d3a,#4f8a66)}
.promo div{display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}
.promo small{opacity:.85;font-size:13px}.promo b{font-family:var(--serif);font-size:24px;line-height:1.15}.promo span{font-weight:700;color:var(--acc);font-size:14px;margin-top:6px}
.promo img{width:130px;height:130px;object-fit:contain;background:#fff;border-radius:14px;padding:8px;transform:rotate(5deg);box-shadow:0 10px 24px #0004;flex:none;transition:.25s}
.promo:hover img{transform:rotate(0) scale(1.05)}
/* bară de branduri */
.brandbar{margin-top:56px;padding:34px 0 30px;background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bb-head h2{justify-content:center;margin:0 0 22px;font-size:22px}.bb-head h2::after{display:none}
.marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:flex;gap:22px;width:max-content;animation:marq 55s linear infinite;padding:4px 0}
.marquee:hover .track{animation-play-state:paused}
.track a{display:flex;align-items:center;justify-content:center;width:170px;height:88px;padding:12px 20px;background:#fff;border:1px solid var(--line);border-radius:14px;flex:none;transition:.2s}
.track a img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.85;transition:.2s}
.track a:hover{border-color:var(--brand2);transform:translateY(-3px);box-shadow:var(--sh)}.track a:hover img{filter:none;opacity:1}
@keyframes marq{to{transform:translateX(calc(-50% - 11px))}}
@media(prefers-reduced-motion:reduce){.track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.track a[aria-hidden]{display:none}}
/* newsletter */
.news{background:var(--soft);padding:34px 0}
.news-in{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center}
.news h3{font-size:24px;margin:0 0 6px}.news p{margin:0;color:var(--mut)}
.nrow{display:flex;gap:10px}.nrow input{border-radius:99px;padding:12px 20px}.nrow .btn{white-space:nowrap}
.nform .chk{font-size:12.5px;color:var(--mut);margin-top:8px}
/* footer */
.foot{margin-top:0;padding:0;background:#141e36;color:#b9c3da}
.fcols{display:grid!important;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:36px;padding-top:44px;padding-bottom:36px;line-height:1.5;justify-content:stretch!important}
.foot h4{color:#fff;margin:0 0 14px;font-family:var(--serif);font-size:17px}
.foot .fcols a,.foot .fcols span{display:block;color:#b9c3da;padding:4px 0;font-size:14.5px}.foot .fcols a:hover{color:#fff;text-decoration:none}
.fabout strong{display:block;font-size:26px;margin-bottom:8px}.fabout p{margin:0 0 14px;font-size:14.5px;max-width:360px}
.fbadges{display:flex;flex-wrap:wrap;gap:8px}.fbadges span{display:inline-block!important;background:#ffffff14;border-radius:99px;padding:5px 12px!important;font-size:13px!important;color:#e3e8f5!important}
.flegal{margin-top:10px}.flegal a{display:inline!important}
.fbottom{border-top:1px solid #ffffff1a;padding:16px 0;font-size:13px;color:#8f9bb8;text-align:center}
@media(max-width:1000px){.promos{grid-template-columns:1fr}.fcols{grid-template-columns:1fr 1fr}.news-in{grid-template-columns:1fr}}
@media(max-width:600px){.fcols{grid-template-columns:1fr;gap:22px}.promo img{width:96px;height:96px}.promo b{font-size:20px}.track a{width:120px;height:62px}.nrow{flex-direction:column}}
.cstock{font-size:12.5px;color:var(--ok);margin-top:2px}.cstock b{font-weight:700}
