/* VOBOM home visual refresh candidate — full-bleed sourcing hero, image-first on mobile. */
body:has(.hero-carousel) .hero {
  position: relative !important;
  display: block !important;
  isolation: isolate !important;
  width: min(calc(100vw - 40px), 1560px) !important;
  max-width: 1560px !important;
  height: clamp(620px, 74vh, 820px) !important;
  min-height: clamp(620px, 74vh, 820px) !important;
  margin: clamp(24px, 3vw, 42px) auto 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 28px !important;
  background: #0d1218 !important;
  box-shadow: 0 28px 70px rgba(9,15,21,.2) !important;
}
body:has(.hero-carousel) .hero-carousel {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: #0d1218 !important;
  box-shadow: none !important;
}
body:has(.hero-carousel) .hero-carousel .slides,
body:has(.hero-carousel) .hero-carousel .slide,
body:has(.hero-carousel) .hero-carousel .slide picture {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden !important;
}
body:has(.hero-carousel) .hero-carousel .slide::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, rgba(8,13,18,.96) 0%, rgba(8,13,18,.82) 43%, rgba(8,13,18,.22) 78%, rgba(8,13,18,.06) 100%), linear-gradient(0deg, rgba(8,13,18,.6) 0%, transparent 34%) !important;
  pointer-events: none !important;
}
body:has(.hero-carousel) .hero-carousel .slide img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}
body:has(.hero-carousel) .hero-copy {
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: min(58%, 790px) !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(34px, 5.4vw, 78px) !important;
  color: #fff !important;
  background: linear-gradient(90deg, rgba(8,13,18,.72) 0%, rgba(8,13,18,.48) 72%, transparent 100%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body:has(.hero-carousel) .hero-copy::after { display: none !important; }
body:has(.hero-carousel) .hero h1 {
  max-width: 700px !important;
  color: #fff !important;
  font-size: clamp(44px, 5.1vw, 72px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
  text-wrap: balance !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.22) !important;
}
body:has(.hero-carousel) .hero-copy .eyebrow { color: #ff7267 !important; }
body:has(.hero-carousel) .hero-lede { max-width: 620px !important; color: rgba(255,255,255,.86) !important; }
body:has(.hero-carousel) .hero-proof { max-width: 680px !important; gap: 8px !important; }
body:has(.hero-carousel) .hero-proof span {
  color: #fff !important;
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  backdrop-filter: blur(8px) !important;
}
body:has(.hero-carousel) .hero-proof b { color: #ff7267 !important; }
body:has(.hero-carousel) .hero-actions .button.primary {
  color: #fff !important;
  background: #df2b26 !important;
  border-color: #df2b26 !important;
  box-shadow: 0 10px 28px rgba(223,43,38,.24) !important;
}
body:has(.hero-carousel) .hero-actions .button.ghost {
  color: #fff !important;
  background: rgba(12,18,24,.3) !important;
  border: 1px solid rgba(255,255,255,.66) !important;
}
body:has(.hero-carousel) .hero-carousel .slide-caption {
  z-index: 2 !important;
  right: 20px !important;
  bottom: 18px !important;
  left: auto !important;
  max-width: 310px !important;
  padding: 10px 14px !important;
  color: #fff !important;
  background: rgba(8,13,18,.62) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(8px) !important;
}
body:has(.hero-carousel) .hero-carousel .slide-caption strong,
body:has(.hero-carousel) .hero-carousel .slide-caption small { color: #fff !important; text-shadow: none !important; }
body:has(.hero-carousel) .hero-carousel .carousel-controls { z-index: 4 !important; }

@media (max-width: 760px) {
  body:has(.hero-carousel) .hero {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 14px auto 0 !important;
    border-radius: 0 0 22px 22px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
  }
  body:has(.hero-carousel) .hero-carousel {
    position: relative !important;
    inset: auto !important;
    order: -1 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: clamp(270px, 77vw, 340px) !important;
    min-height: 0 !important;
    border-radius: 0 !important;
  }
  body:has(.hero-carousel) .hero-copy {
    position: relative !important;
    inset: auto !important;
    order: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 26px 22px 30px !important;
    background: #10161c !important;
    border-radius: 0 0 22px 22px !important;
  }
  body:has(.hero-carousel) .hero-carousel .slide::before {
    background: linear-gradient(0deg, rgba(8,13,18,.68) 0%, rgba(8,13,18,.12) 58%, rgba(8,13,18,.04) 100%) !important;
  }
  body:has(.hero-carousel) .hero-carousel .slide img { object-position: 56% center !important; }
  body:has(.hero-carousel) .hero h1 { font-size: clamp(34px, 9vw, 42px) !important; line-height: 1.03 !important; }
  body:has(.hero-carousel) .hero-lede { font-size: 16px !important; line-height: 1.55 !important; }
  body:has(.hero-carousel) .hero-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  body:has(.hero-carousel) .hero-actions .button { min-height: 50px !important; padding-inline: 12px !important; }
  body:has(.hero-carousel) .hero-proof { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
  body:has(.hero-carousel) .hero-proof span { width: fit-content !important; max-width: 100% !important; }
  body:has(.hero-carousel) .hero-carousel .slide-caption { right: 12px !important; bottom: 12px !important; left: 12px !important; max-width: none !important; padding: 8px 10px !important; }
}/* Final legibility and intermediate-width refinements for the candidate. */
body:has(.hero-carousel) .hero-carousel .slide-caption { gap: 3px !important; }
body:has(.hero-carousel) .hero-carousel .slide-caption span { font-size: 10px !important; line-height: 1.2 !important; letter-spacing: .14em !important; }
body:has(.hero-carousel) .hero-carousel .slide-caption strong { font-size: 18px !important; line-height: 1.12 !important; }
body:has(.hero-carousel) .hero-carousel .slide-caption small { display: block !important; font-size: 11px !important; line-height: 1.35 !important; }
body:has(.hero-carousel) .hero-carousel .carousel-controls button { min-width: 40px !important; min-height: 40px !important; font-size: 15px !important; }
@media (max-width: 900px) {
  body:has(.hero-carousel) .hero {
    display: flex !important;
    flex-direction: column !important;
    width: min(100%, 900px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 14px auto 0 !important;
    border-radius: 0 0 22px 22px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
  }
  body:has(.hero-carousel) .hero-carousel {
    position: relative !important;
    inset: auto !important;
    order: -1 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: clamp(260px, 42vw, 330px) !important;
    min-height: 0 !important;
    border-radius: 0 !important;
  }
  body:has(.hero-carousel) .hero-copy {
    position: relative !important;
    inset: auto !important;
    order: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 24px 20px 26px !important;
    background: #10161c !important;
    border-radius: 0 0 22px 22px !important;
  }
  body:has(.hero-carousel) .hero-carousel .slide::before {
    background: linear-gradient(0deg, rgba(8,13,18,.68) 0%, rgba(8,13,18,.12) 58%, rgba(8,13,18,.04) 100%) !important;
  }
  body:has(.hero-carousel) .hero-carousel .slide img { object-position: 56% center !important; }
  body:has(.hero-carousel) .hero h1 { font-size: clamp(32px, 5vw, 42px) !important; line-height: 1.02 !important; }
  body:has(.hero-carousel) .hero-lede { font-size: 16px !important; line-height: 1.55 !important; }
  body:has(.hero-carousel) .hero-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  body:has(.hero-carousel) .hero-actions .button { min-height: 50px !important; padding-inline: 12px !important; }
  body:has(.hero-carousel) .hero-proof { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
  body:has(.hero-carousel) .hero-proof span { width: fit-content !important; max-width: 100% !important; }
  body:has(.hero-carousel) .hero-carousel .slide-caption { right: 12px !important; bottom: 10px !important; left: 12px !important; max-width: 270px !important; padding: 7px 9px !important; }
  body:has(.hero-carousel) .hero-carousel .slide-caption strong { font-size: 14px !important; }
  body:has(.hero-carousel) .hero-carousel .slide-caption small { font-size: 9px !important; }
  body:has(.hero-carousel) .hero-carousel .carousel-controls { top: 10px !important; right: 10px !important; bottom: auto !important; left: auto !important; transform: scale(.72) !important; transform-origin: top right !important; }
}

/* Full-scale, photo-led wholesale homepage. Structure follows common B2B buying paths. */
body:has(.hero-carousel) .hero {
  position:relative!important; left:auto!important; display:block!important; width:100vw!important; max-width:none!important;
  height:clamp(620px,82svh,880px)!important; min-height:620px!important; max-height:880px!important;
  margin:0 calc(50% - 50vw)!important; padding:0!important; overflow:hidden!important; border:0!important; border-radius:0!important;
  background:#0c1015!important; box-shadow:none!important; isolation:isolate!important;
}
body:has(.hero-carousel) .hero-carousel {position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;min-height:100%!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
body:has(.hero-carousel) .hero-carousel .slides, body:has(.hero-carousel) .hero-carousel .slide, body:has(.hero-carousel) .hero-carousel .slide picture {position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:100%!important;overflow:hidden!important;}
body:has(.hero-carousel) .hero-carousel .slide:not(.is-active) {display:none!important;}
body:has(.hero-carousel) .hero-carousel .slide::before {content:""!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(7,10,14,.9) 0%,rgba(7,10,14,.76) 31%,rgba(7,10,14,.28) 59%,rgba(7,10,14,.02) 100%),linear-gradient(0deg,rgba(7,10,14,.52) 0%,transparent 36%)!important;pointer-events:none!important;}
body:has(.hero-carousel) .hero-carousel .slide img {position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:62% center!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;}
body:has(.hero-carousel) .hero-copy {position:absolute!important;inset:0 auto 0 0!important;z-index:3!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;width:min(64%,850px)!important;height:100%!important;min-height:0!important;margin:0!important;padding:clamp(36px,7vw,112px)!important;color:#fff!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
body:has(.hero-carousel) .hero-copy::after {display:none!important;}
body:has(.hero-carousel) .hero h1 {max-width:780px!important;color:#fff!important;font-size:clamp(48px,6vw,86px)!important;line-height:.99!important;letter-spacing:-.045em!important;text-wrap:balance!important;text-shadow:0 3px 24px rgba(0,0,0,.25)!important;}
body:has(.hero-carousel) .hero-copy .eyebrow {color:#ff756a!important;letter-spacing:.15em!important;}
body:has(.hero-carousel) .hero-lede {max-width:620px!important;color:rgba(255,255,255,.88)!important;font-size:clamp(17px,1.45vw,21px)!important;line-height:1.55!important;}
body:has(.hero-carousel) .hero-proof {max-width:760px!important;gap:8px!important;}
body:has(.hero-carousel) .hero-proof span {color:#fff!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.22)!important;backdrop-filter:blur(8px)!important;}
body:has(.hero-carousel) .hero-proof b {color:#ff756a!important;}
body:has(.hero-carousel) .hero-actions .button.primary {background:#df2d2a!important;border-color:#df2d2a!important;}
body:has(.hero-carousel) .hero-actions .button.ghost {color:#fff!important;border-color:rgba(255,255,255,.7)!important;background:rgba(9,13,18,.22)!important;}
body:has(.hero-carousel) .hero-carousel .slide-caption {right:clamp(20px,4vw,56px)!important;bottom:clamp(20px,3vw,40px)!important;left:auto!important;max-width:320px!important;padding:12px 16px!important;background:rgba(8,12,16,.68)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px!important;backdrop-filter:blur(12px)!important;}
body:has(.hero-carousel) .hero-carousel .slide-caption span {color:#ff756a!important;font-size:10px!important;letter-spacing:.16em!important;}
body:has(.hero-carousel) .hero-carousel .slide-caption strong, body:has(.hero-carousel) .hero-carousel .slide-caption small {color:#fff!important;}
body:has(.hero-carousel) .hero-carousel .slide-caption small {opacity:.78!important;}
body:has(.hero-carousel) .hero-carousel .carousel-controls {display:none!important;}
.home-buyer-support {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,1560px);margin:0 auto;padding:0 28px;background:#fff;border-bottom:1px solid #e8e8e5;}
.home-buyer-support__item {display:flex;align-items:center;gap:14px;min-height:104px;padding:18px 22px;border-right:1px solid #e8e8e5;}
.home-buyer-support__item:first-child {border-left:1px solid #e8e8e5;}
.home-buyer-support__item>span {display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;color:#d8342e;background:#fff0ee;font-weight:800;font-size:12px;}
.home-buyer-support__item div {display:grid;gap:4px;}
.home-buyer-support__item strong {color:#17232a;font-size:15px;line-height:1.2;}
.home-buyer-support__item small {color:#647078;font-size:12px;line-height:1.4;}
body:has(.hero-carousel) #entrances.home-category-section {display:block!important;width:min(calc(100% - 48px),1450px)!important;margin:clamp(58px,7vw,104px) auto!important;padding:0!important;border:0!important;background:transparent!important;}
.home-category-heading {max-width:900px;margin:0 auto 34px;text-align:center;}
.home-category-heading .eyebrow {margin:0 0 12px;color:#d9342e;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;}
.home-category-heading h2 {margin:0 auto 12px;color:#17232a;font-size:clamp(32px,4vw,54px);line-height:1.05;letter-spacing:-.035em;}
.home-category-heading p:not(.eyebrow) {max-width:720px;margin:0 auto;color:#5f6a71;font-size:16px;line-height:1.6;}
.home-category-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.home-category-card {display:flex;min-width:0;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e5e7e6;border-radius:16px;color:#17232a!important;text-decoration:none!important;box-shadow:0 8px 26px rgba(12,24,30,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.home-category-card:hover {transform:translateY(-4px);border-color:#d5d9d7;box-shadow:0 16px 34px rgba(12,24,30,.12);}
.home-category-card img {display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;background:#f1f2f0;}
.home-category-card__body {display:grid;gap:9px;padding:18px 20px 20px;}
.home-category-card__eyebrow {color:#d9342e;font-size:10px;font-weight:800;letter-spacing:.14em;}
.home-category-card__body strong {color:#17232a;font-size:21px;line-height:1.16;}
.home-category-card__link {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px;color:#173a33;font-size:13px;font-weight:800;}
.home-category-card__link b {color:#d9342e;font-size:20px;line-height:1;}
.home-packaging-strip {display:flex;align-items:center;gap:20px;margin-top:22px;padding:22px 26px;border-radius:14px;background:#162822;color:#fff!important;text-decoration:none!important;}
.home-packaging-mark {display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#ff786f;font-size:13px;font-weight:800;}
.home-packaging-copy {display:grid;flex:1;gap:6px;}
.home-packaging-copy .home-category-card__eyebrow {color:#ff9189;}
.home-packaging-copy strong {color:#fff;font-size:20px;line-height:1.2;}
.home-packaging-copy>span:last-child {color:rgba(255,255,255,.74);font-size:13px;line-height:1.45;}
.home-packaging-strip>.home-category-card__link {flex:0 0 auto;color:#fff;}
@media (max-width:900px) {
  body:has(.hero-carousel) .hero {display:block!important;left:auto!important;width:100vw!important;height:clamp(620px,84svh,780px)!important;min-height:620px!important;max-height:780px!important;margin:0 calc(50% - 50vw)!important;border:0!important;border-radius:0!important;}
  body:has(.hero-carousel) .hero-carousel {position:absolute!important;inset:0!important;order:0!important;width:100%!important;height:100%!important;min-height:100%!important;border-radius:0!important;}
  body:has(.hero-carousel) .hero-copy {position:absolute!important;inset:0!important;order:0!important;justify-content:flex-end!important;width:100%!important;height:100%!important;min-height:0!important;padding:28px 22px clamp(74px,10vh,110px)!important;background:linear-gradient(0deg,rgba(7,10,14,.94) 0%,rgba(7,10,14,.8) 38%,rgba(7,10,14,.24) 72%,rgba(7,10,14,.03) 100%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
  body:has(.hero-carousel) .hero-carousel .slide::before {background:linear-gradient(0deg,rgba(7,10,14,.24) 0%,rgba(7,10,14,.04) 62%,rgba(7,10,14,.04) 100%)!important;}
  body:has(.hero-carousel) .hero-carousel .slide img {object-position:65% center!important;}
  body:has(.hero-carousel) .hero h1 {max-width:640px!important;font-size:clamp(38px,8.7vw,58px)!important;line-height:1!important;}
  body:has(.hero-carousel) .hero-lede {max-width:580px!important;font-size:16px!important;line-height:1.5!important;}
  body:has(.hero-carousel) .hero-actions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:min(100%,520px)!important;}
  body:has(.hero-carousel) .hero-actions .button {min-height:50px!important;padding:12px!important;text-align:center!important;}
  body:has(.hero-carousel) .hero-proof {display:flex!important;flex-wrap:wrap!important;gap:6px!important;}
  body:has(.hero-carousel) .hero-proof span {width:auto!important;max-width:100%!important;padding:7px 10px!important;font-size:11px!important;}
  body:has(.hero-carousel) .hero-carousel .slide-caption {display:none!important;}
  .home-buyer-support {grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px;}
  .home-buyer-support__item {min-height:84px;padding:14px 10px;gap:9px;}
  .home-buyer-support__item:nth-child(2) {border-right:0;}
  .home-buyer-support__item:nth-child(3),.home-buyer-support__item:nth-child(4) {border-top:1px solid #e8e8e5;}
  .home-buyer-support__item:first-child {border-left:0;}
  .home-buyer-support__item strong {font-size:13px;}
  .home-buyer-support__item small {font-size:11px;}
  body:has(.hero-carousel) #entrances.home-category-section {width:min(calc(100% - 28px),720px)!important;margin:54px auto!important;}
  .home-category-heading {margin-bottom:22px;}
  .home-category-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .home-category-card {border-radius:12px;}
  .home-category-card__body {gap:7px;padding:13px 13px 15px;}
  .home-category-card__body strong {font-size:17px;}
  .home-category-card__link {font-size:12px;}
  .home-packaging-strip {gap:12px;padding:16px 14px;}
  .home-packaging-mark {flex-basis:38px;width:38px;height:38px;}
  .home-packaging-copy strong {font-size:16px;}
  .home-packaging-copy>span:last-child {font-size:11px;}
  .home-packaging-strip>.home-category-card__link {font-size:11px;}
}
@media (max-width:480px) {
  body:has(.hero-carousel) .hero {height:clamp(630px,86svh,740px)!important;min-height:630px!important;}
  body:has(.hero-carousel) .hero-copy {padding:24px 18px 155px!important;}
  body:has(.hero-carousel) .hero h1 {font-size:clamp(36px,9.4vw,44px)!important;}
  body:has(.hero-carousel) .hero-proof span:nth-child(n+3) {display:none!important;} body:has(.hero-carousel) .hero-lede {display:none!important;}
  .home-category-card img {aspect-ratio:1.12;}
  .home-category-card__body strong {font-size:15px;}
  .home-category-card__link {font-size:11px;}
  .home-packaging-strip {align-items:flex-start;flex-wrap:wrap;}
  .home-packaging-copy {flex-basis:calc(100% - 54px);}
  .home-packaging-strip>.home-category-card__link {margin-left:50px;}
}
@media (prefers-reduced-motion:reduce) {.home-category-card {transition:none!important}.home-category-card:hover {transform:none!important}}
@media (min-width:901px) { body:has(.hero-carousel) .hero { width:calc(100% + 40px)!important; left:-20px!important; margin-left:0!important; } }


/* VOBOM competitor-scale catalog presentation: eight image cards and eight buying entrances. */
body:has(.home-category-grid) .home-category-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
body:has(.featured-sku-section) .featured-sku-section {
  width: min(calc(100vw - 40px), 1560px) !important;
  max-width: 1560px !important;
  margin: clamp(48px, 7vw, 92px) auto !important;
}
body:has(.featured-sku-section) .featured-sku-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
body:has(.featured-sku-section) .featured-sku-card--catalog {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(16,32,35,.12) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(16,32,35,.07) !important;
  color: #102023 !important;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
body:has(.featured-sku-section) .featured-sku-card--catalog:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 38px rgba(16,32,35,.12) !important;
}
body:has(.featured-sku-section) .featured-sku-card--catalog > img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  object-fit: contain !important;
  padding: 12px !important;
  background: #f5f7f7 !important;
}
body:has(.featured-sku-section) .featured-sku-card--catalog .featured-sku-copy {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 16px !important;
}
body:has(.featured-sku-section) .featured-sku-card--catalog h3 {
  margin: 0 !important;
  font-size: clamp(15px, 1.25vw, 18px) !important;
  line-height: 1.28 !important;
}
body:has(.featured-sku-section) .featured-sku-card--catalog p {
  margin: 0 !important;
  color: #536568 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}
body:has(.featured-sku-section) .featured-sku-card--catalog .featured-sku-copy > span:last-child {
  margin-top: auto !important;
  padding-top: 4px !important;
  color: #bd2927 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
@media (max-width: 1050px) {
  body:has(.home-category-grid) .home-category-grid,
  body:has(.featured-sku-section) .featured-sku-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 720px) {
  body:has(.home-category-grid) .home-category-grid,
  body:has(.featured-sku-section) .featured-sku-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  body:has(.featured-sku-section) .featured-sku-section {
    width: calc(100vw - 24px) !important;
    margin: 48px auto !important;
  }
  body:has(.featured-sku-section) .featured-sku-card--catalog .featured-sku-copy {
    padding: 12px !important;
  }
}
@media (max-width: 360px) {
  body:has(.home-category-grid) .home-category-grid,
  body:has(.featured-sku-section) .featured-sku-grid {
    grid-template-columns: 1fr !important;
  }
}