:root{
  --s38-navy:#141745;
  --s38-navy-2:#20265f;
  --s38-orange:#f58216;
  --s38-orange-dark:#db6c08;
  --s38-ink:#15172c;
  --s38-muted:#72768a;
  --s38-line:#e5e7ef;
  --s38-bg:#f6f7fb;
  --s38-white:#fff;
}

/* V38: quieter, retail-first visual language */
body{background:var(--s38-bg)!important;color:var(--s38-ink)!important;letter-spacing:0!important}
.container{max-width:1380px!important}
.salam-home{padding-bottom:26px!important}
.salam-home>section{margin-top:24px!important}
.salam-title{margin-bottom:16px!important;border:0!important}
.salam-title small{color:var(--s38-orange)!important;font-size:11px!important;font-weight:800!important;letter-spacing:0!important}
.salam-title h2{font-size:24px!important;line-height:1.35!important;color:var(--s38-navy)!important;margin-top:2px!important;font-weight:800!important}
.salam-title a{font-size:11px!important;color:var(--s38-navy)!important;font-weight:700!important}
.salam-title a:hover{color:var(--s38-orange)!important}

/* header: less decorative and more useful */
.salam-topline{background:#101238!important;border:0!important}
.salam-topline .container{min-height:34px!important}
.salam-topline a,.salam-topline span{font-size:10px!important}
.salam-header{background:#fff!important;box-shadow:0 1px 0 rgba(20,23,69,.08)!important}
.salam-main-head{padding-top:14px!important;padding-bottom:14px!important}
.salam-search{border:1px solid #d9dce8!important;box-shadow:none!important;border-radius:10px!important;background:#fff!important}
.salam-search:focus-within{border-color:rgba(245,130,22,.75)!important;box-shadow:0 0 0 3px rgba(245,130,22,.10)!important}
.salam-actions .tw-action{border-color:#e4e6ee!important;background:#fff!important;box-shadow:none!important}
.salam-category-nav{box-shadow:none!important;border-top:1px solid #eeeef4!important}
.salam-category-nav>.container{min-height:48px!important}
.salam-service-strip{background:#fff!important;border-bottom:1px solid #e8e9f0!important}
.salam-service-strip .container{min-height:36px!important}
.salam-service-strip span{color:#5f647a!important;font-size:10px!important}
.salam-service-strip b{color:var(--s38-orange)!important}

/* hero based on actual categories instead of fake product art */
.v38-hero{min-height:410px!important;height:auto!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(410px,.85fr)!important;gap:0!important;background:var(--s38-navy)!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 12px 36px rgba(20,23,69,.10)!important;position:relative!important}
.v38-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.025),transparent 48%),radial-gradient(circle at 12% 20%,rgba(245,130,22,.14),transparent 28%);pointer-events:none}
.v38-hero .hero-copy{padding:54px 58px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;position:relative!important;z-index:1!important}
.v38-hero .hero-kicker{display:inline-flex!important;align-items:center!important;gap:7px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;border-radius:999px!important;padding:7px 12px!important;font-size:10px!important;font-weight:700!important}
.v38-hero .hero-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--s38-orange)}
.v38-hero h1{font-size:38px!important;line-height:1.5!important;color:#fff!important;margin:16px 0 12px!important;font-weight:800!important;letter-spacing:-.4px!important}
.v38-hero h1 strong{color:#ff922f!important;font-weight:800!important}
.v38-hero .hero-copy>p{font-size:13px!important;line-height:2!important;color:#cbd0e4!important;max-width:620px!important;margin:0!important}
.hero-actions{display:flex!important;gap:10px!important;align-items:center!important;margin-top:24px!important}
.hero-actions .primary{height:44px!important;padding:0 22px!important;display:inline-flex!important;align-items:center!important;background:var(--s38-orange)!important;border-radius:8px!important;box-shadow:none!important}
.hero-actions .primary:hover{background:var(--s38-orange-dark)!important}
.secondary-link{height:44px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:8px!important;color:#fff!important;font-size:11px!important;font-weight:700!important}
.hero-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important;max-width:650px!important;margin-top:34px!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.10)!important}
.hero-metrics span{display:flex!important;flex-direction:column!important;padding-inline:14px!important;border-inline-start:1px solid rgba(255,255,255,.10)!important}
.hero-metrics span:first-child{padding-right:0!important;border:0!important}
.hero-metrics b{font-size:11px!important;color:#fff!important}
.hero-metrics small{font-size:9px!important;color:#9da4c4!important;margin-top:3px!important}
.hero-category-showcase{margin:28px 28px 28px 0!important;background:#fff!important;border-radius:12px!important;padding:18px!important;position:relative!important;z-index:1!important;box-shadow:0 14px 34px rgba(0,0,0,.12)!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.hero-showcase-head{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0 2px 13px!important;border-bottom:1px solid var(--s38-line)!important}
.hero-showcase-head span{font-size:12px!important;font-weight:800!important;color:var(--s38-navy)!important}
.hero-showcase-head a{font-size:9px!important;color:var(--s38-orange)!important;font-weight:800!important}
.hero-showcase-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin-top:3px!important}
.hero-showcase-item{display:grid!important;grid-template-columns:58px 1fr 24px!important;gap:12px!important;align-items:center!important;padding:11px 4px!important;border-bottom:1px solid #eff0f5!important;color:var(--s38-ink)!important;transition:.2s ease!important}
.hero-showcase-item:last-child{border-bottom:0!important}
.hero-showcase-item:hover{transform:translateX(-3px)!important;color:var(--s38-navy)!important}
.hero-showcase-media{width:56px!important;height:56px!important;border-radius:9px!important;background:#f7f8fb!important;border:1px solid #eceef4!important;display:grid!important;place-items:center!important;overflow:hidden!important;color:var(--s38-orange)!important}
.hero-showcase-media img{width:100%!important;height:100%!important;object-fit:contain!important;padding:5px!important}
.hero-showcase-media svg{width:26px!important;height:26px!important}
.hero-showcase-item>span:nth-child(2){display:flex!important;flex-direction:column!important;min-width:0!important}
.hero-showcase-item b{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.hero-showcase-item small{font-size:9px!important;color:#8a8fa2!important;margin-top:3px!important}
.hero-showcase-item i{font-style:normal!important;color:#a5a9b8!important;font-size:15px!important}

/* category merchandising */
.salam-quick-cats{background:#fff!important;border:1px solid var(--s38-line)!important;border-radius:12px!important;padding:20px!important;box-shadow:none!important}
.home-category-grid-v32{gap:12px!important}
.home-category-card-v32{border:1px solid #e7e8ef!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;transition:border-color .2s ease,transform .2s ease!important;overflow:hidden!important}
.home-category-card-v32:hover{transform:translateY(-2px)!important;border-color:#cfd2df!important;box-shadow:0 8px 20px rgba(20,23,69,.06)!important}
.home-category-media-v32{background:#f7f8fb!important;border-radius:0!important}
.home-category-count-v32{top:9px!important;right:9px!important;background:rgba(20,23,69,.88)!important;color:#fff!important;border-radius:6px!important;font-size:9px!important;min-width:26px!important;height:23px!important;line-height:23px!important;box-shadow:none!important}
.home-category-card-v32>b{font-size:11px!important;padding:11px 8px 13px!important;color:#292d43!important}

/* product sections */
.salam-products-panel,.salam-offers,.salam-brands{background:#fff!important;border:1px solid var(--s38-line)!important;border-radius:12px!important;box-shadow:none!important;padding:20px!important}
.salam-product-card{border:1px solid #e6e8ef!important;border-radius:10px!important;box-shadow:none!important;background:#fff!important;overflow:hidden!important;transition:.2s ease!important}
.salam-product-card:hover{border-color:#d2d5e1!important;box-shadow:0 10px 24px rgba(20,23,69,.07)!important;transform:translateY(-2px)!important}
.salam-product-card .pic{background:#fff!important}
.salam-add-cart{border-radius:7px!important;background:var(--s38-orange)!important;box-shadow:none!important}
.salam-add-cart:hover{background:var(--s38-orange-dark)!important}
.carousel-actions button{border:1px solid #dde0e9!important;background:#fff!important;color:var(--s38-navy)!important;border-radius:7px!important;box-shadow:none!important}

/* trust proposition cards */
.v38-benefits{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;background:transparent!important;border:0!important;padding:0!important}
.v38-benefits .benefit-card{min-height:108px!important;display:grid!important;grid-template-columns:54px 1fr auto!important;align-items:center!important;gap:14px!important;padding:18px 20px!important;border-radius:10px!important;border:1px solid #e1e3eb!important;background:#fff!important;color:var(--s38-ink)!important;box-shadow:none!important;position:relative!important;overflow:hidden!important}
.v38-benefits .benefit-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--s38-orange)!important}
.v38-benefits .benefit-card.shipping:before{background:var(--s38-navy)!important}
.v38-benefits .benefit-card.offers:before{background:#e89a20!important}
.v38-benefits .benefit-icon{width:50px!important;height:50px!important;border-radius:10px!important;background:#fff6ed!important;border:1px solid #ffe2c4!important;display:grid!important;place-items:center!important;color:var(--s38-orange)!important}
.v38-benefits .shipping .benefit-icon{background:#f0f2fb!important;border-color:#dfe3f5!important;color:var(--s38-navy)!important}
.v38-benefits .benefit-icon svg{width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.v38-benefits .benefit-card div{display:flex!important;flex-direction:column!important;min-width:0!important}
.v38-benefits .benefit-card b{font-size:13px!important;color:#20233a!important;margin:0!important}
.v38-benefits .benefit-card small{font-size:9.5px!important;line-height:1.8!important;color:#777c90!important;margin-top:3px!important}
.v38-benefits .benefit-card em{font-style:normal!important;font-size:9px!important;color:#9a9eae!important;white-space:nowrap!important}
.v38-benefits .benefit-card:hover{border-color:#cfd2dd!important;transform:translateY(-1px)!important;box-shadow:0 7px 18px rgba(20,23,69,.05)!important}

/* continuous brand marquee */
.v38-brands{overflow:hidden!important}
.v38-brands .brands-title{align-items:end!important}
.brand-marquee{overflow:hidden!important;position:relative!important;border-top:1px solid #eceef3!important;padding-top:15px!important;direction:ltr!important}
.brand-marquee:before,.brand-marquee:after{content:"";position:absolute;top:0;bottom:0;width:55px;z-index:2;pointer-events:none}
.brand-marquee:before{left:0;background:linear-gradient(90deg,#fff,transparent)}
.brand-marquee:after{right:0;background:linear-gradient(270deg,#fff,transparent)}
.brand-marquee-track{display:flex!important;width:max-content!important;animation:salamBrandMarquee 30s linear infinite!important;will-change:transform!important}
.brand-marquee:hover .brand-marquee-track{animation-play-state:paused!important}
.brand-marquee-group{display:flex!important;gap:12px!important;padding-right:12px!important}
.v38-brands .brand-card{direction:rtl!important;width:172px!important;min-width:172px!important;height:86px!important;border:1px solid #e5e7ee!important;border-radius:9px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:10px 14px!important;box-shadow:none!important}
.v38-brands .brand-card:hover{border-color:#cfd2dc!important;transform:none!important}
.v38-brands .brand-logo-wrap{height:42px!important;max-width:96px!important;display:grid!important;place-items:center!important;background:transparent!important;border:0!important}
.v38-brands .brand-logo-wrap img{max-width:92px!important;max-height:38px!important;object-fit:contain!important}
.v38-brands .brand-card b{font-size:10px!important;color:#555a70!important;white-space:nowrap!important}
.v38-brands .brand-fallback{width:40px!important;height:40px!important;border-radius:8px!important;background:#f3f4f8!important;color:var(--s38-navy)!important;display:grid!important;place-items:center!important;font-size:13px!important;font-weight:800!important}
@keyframes salamBrandMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.brand-marquee-track{animation:none!important}}

/* footer: remove the AI-looking giant tricolor block; keep a restrained service row */
.footer-trust{transform:translateY(-10px)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(10,12,40,.14)!important;background:#fff!important}
.footer-trust>div,.footer-trust>div:nth-child(2),.footer-trust>div:nth-child(3){min-height:74px!important;background:#fff!important;color:var(--s38-navy)!important;border-left:1px solid #eceef4!important;padding:14px 20px!important}
.footer-trust>div:last-child{border-left:0!important}
.footer-trust b{font-size:12px!important}
.footer-trust small{font-size:9px!important;color:#777d91!important}
.salam-footer{background:#11143f!important}

/* empty content should not look broken */
.notice{grid-column:1/-1!important;border:1px dashed #d7dae5!important;background:#fafbfc!important;border-radius:9px!important;padding:28px!important;text-align:center!important;color:#7a7f91!important;font-size:11px!important}

@media(max-width:1050px){
 .v38-hero{grid-template-columns:1fr minmax(340px,.75fr)!important}.v38-hero .hero-copy{padding:42px!important}.v38-hero h1{font-size:32px!important}.hero-category-showcase{margin:22px 22px 22px 0!important}.v38-benefits .benefit-card{grid-template-columns:48px 1fr!important}.v38-benefits .benefit-card em{display:none!important}
}
@media(max-width:820px){
 .v38-hero{grid-template-columns:1fr!important}.v38-hero .hero-copy{padding:32px 26px!important}.hero-category-showcase{margin:0 18px 18px!important}.hero-metrics{grid-template-columns:1fr!important;gap:10px!important}.hero-metrics span{border:0!important;padding:0!important}.v38-benefits{grid-template-columns:1fr!important}.v38-benefits .benefit-card{min-height:92px!important}.brand-marquee-track{animation-duration:24s!important}
}
@media(max-width:520px){
 .v38-hero h1{font-size:26px!important}.v38-hero .hero-copy>p{font-size:11px!important}.hero-actions{width:100%!important;flex-direction:column!important;align-items:stretch!important}.hero-actions a{justify-content:center!important}.hero-category-showcase{padding:13px!important}.hero-showcase-item{grid-template-columns:50px 1fr 18px!important}.hero-showcase-media{width:48px!important;height:48px!important}.salam-quick-cats,.salam-products-panel,.salam-offers,.salam-brands{padding:14px!important}.v38-brands .brand-card{width:145px!important;min-width:145px!important;height:76px!important}
}