/* V39 targeted storefront patch */
:root{--v39-navy:#15184f;--v39-orange:#ff8318;--v39-line:#e5e8f0;--v39-muted:#72778a}

/* clean fallback hero: remove the crowded category list from the hero */
.v38-hero{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)!important;align-items:stretch!important;min-height:390px!important}
.hero-trust-panel{margin:26px 26px 26px 0;background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:0;box-shadow:0 18px 40px rgba(6,9,48,.16)}
.hero-trust-panel .trust-label{font-size:10px;font-weight:800;color:var(--v39-orange);margin-bottom:8px}
.hero-trust-panel .trust-line{padding:14px 0;border-bottom:1px solid #eceef4;display:grid;gap:4px}
.hero-trust-panel .trust-line b{font-size:13px;color:var(--v39-navy)}
.hero-trust-panel .trust-line small{font-size:9.5px;line-height:1.7;color:var(--v39-muted)}
.hero-trust-panel>a{margin-top:17px;display:flex;justify-content:space-between;align-items:center;color:var(--v39-navy);font-size:10px;font-weight:800;text-decoration:none}
.hero-trust-panel>a span{width:28px;height:28px;border-radius:8px;background:#fff1e5;color:var(--v39-orange);display:grid;place-items:center}

/* product count must stay as a small badge INSIDE the media frame, top right */
.salam-quick-cats .home-category-media-v32,.home-managed-section .home-category-media-v32{position:relative!important;overflow:hidden!important}
.salam-quick-cats .home-category-media-v32>.home-category-count-v32,.home-managed-section .home-category-media-v32>.home-category-count-v32{
 position:absolute!important;top:8px!important;right:8px!important;left:auto!important;bottom:auto!important;
 width:auto!important;max-width:max-content!important;min-width:30px!important;height:24px!important;min-height:24px!important;
 padding:0 7px!important;margin:0!important;border-radius:7px!important;background:rgba(21,24,79,.92)!important;color:#fff!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:9px!important;font-weight:800!important;line-height:1!important;
 transform:none!important;z-index:4!important;box-shadow:0 3px 10px rgba(11,14,55,.12)!important
}

/* restrained retail benefit cards */
.v38-benefits{gap:14px!important;margin-top:22px!important}
.v38-benefits .benefit-card{min-height:112px!important;border-radius:12px!important;padding:20px 22px!important;background:#fff!important;border:1px solid var(--v39-line)!important;box-shadow:0 8px 22px rgba(17,20,61,.045)!important}
.v38-benefits .benefit-card:before{width:4px!important}
.v38-benefits .benefit-icon{width:48px!important;height:48px!important;border-radius:12px!important}
.v38-benefits .benefit-card b{font-size:14px!important}
.v38-benefits .benefit-card small{font-size:10px!important;line-height:1.75!important}
.v38-benefits .benefit-card em{font-size:9px!important;font-weight:700!important;color:var(--v39-navy)!important;border-bottom:1px solid #cfd3df!important;padding-bottom:2px!important}

/* brands: force a true horizontal continuous row */
.v38-brands{min-height:auto!important;overflow:hidden!important}
.v38-brands .brand-marquee{height:106px!important;min-height:106px!important;overflow:hidden!important;display:block!important;direction:ltr!important}
.v38-brands .brand-marquee-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;width:max-content!important;min-width:max-content!important;height:90px!important;animation:salamBrandMarqueeV39 34s linear infinite!important;will-change:transform!important}
.v38-brands .brand-marquee-group{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;width:max-content!important;min-width:max-content!important;gap:12px!important;padding-inline:6px!important}
.v38-brands .brand-card{flex:0 0 168px!important;width:168px!important;min-width:168px!important;height:76px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin:0!important}
.v38-brands .brand-marquee:hover .brand-marquee-track{animation-play-state:paused!important}
@keyframes salamBrandMarqueeV39{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

.home-managed-section{margin-top:24px!important}

@media(max-width:900px){.v38-hero{grid-template-columns:1fr!important}.hero-trust-panel{margin:0 18px 18px!important}.v38-brands .brand-card{flex-basis:145px!important;width:145px!important;min-width:145px!important}}
@media(max-width:640px){.hero-trust-panel{padding:18px!important}.hero-trust-panel .trust-line{padding:11px 0}.v38-benefits .benefit-card{min-height:94px!important;padding:16px!important}.v38-brands .brand-marquee{height:96px!important}.v38-brands .brand-marquee-track{height:82px!important}}
@media(prefers-reduced-motion:reduce){.v38-brands .brand-marquee-track{animation-duration:60s!important}}