.top-products-section::before{inset:0;top:0;left:0;width:100%;height:100%;transform:none!important;background:linear-gradient(112deg,#041336 0%,#0b3b83 35%,#2478d5 55%,#06245c 100%);background-size:200% 200%;animation:top-products-drift 12s ease-in-out infinite alternate!important}
.top-products__inner,.top-products__grid{max-width:1180px}
.top-products__grid{display:grid;grid-template-columns:1fr;gap:18px;margin:34px auto 0}
.top-products__error{color:#fff;text-align:center}.top-products__error a{color:#ffe28b}
.home-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);align-items:center;gap:28px;min-height:0;padding:22px 28px;border:4px solid transparent;border-radius:24px;background:linear-gradient(#090909,#090909) padding-box,linear-gradient(90deg,#fff0b5,#d6aa3f) border-box;color:#fff;text-decoration:none;transition:transform .18s ease,filter .18s ease}
.home-product:nth-child(3){background:linear-gradient(#090909,#090909) padding-box,linear-gradient(90deg,#e9f8ff,#80bddc) border-box}
.home-product:nth-child(4){background:linear-gradient(#090909,#090909) padding-box,linear-gradient(90deg,#fff5d9,#d8b55e) border-box}
.home-product--special{background:linear-gradient(#090909,#090909) padding-box,linear-gradient(90deg,#ff65b0,#ff9e85 50%,#ffe079) border-box}
.home-product:hover{transform:translateY(-4px);filter:brightness(1.08)}
.home-product:focus-visible{outline:3px solid #fff;outline-offset:4px}
.home-product__copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.home-product__eyebrow{color:#c8cbd2;font:800 .73rem "Inter","Segoe UI",sans-serif;letter-spacing:.14em}
.home-product__name{margin-top:5px;color:#fff;font:900 clamp(1.9rem,3.4vw,2.8rem)/1.06 "Segoe UI",Tahoma,sans-serif;letter-spacing:-.04em}
.home-product--special .home-product__name{color:#ffbd99}
.home-product__description{margin-top:10px;color:#d7d9df;font-size:.94rem;line-height:1.4}
.home-product__arrow{display:inline-flex;align-items:center;gap:10px;margin-top:18px;color:#f4d58b;font-size:.85rem;font-weight:800}
.home-product--special .home-product__arrow{color:#ffbd99}
.home-product:nth-child(3) .home-product__arrow{color:#a8dbf5}
.home-product__arrow span{font-size:1.15rem;transition:transform .18s ease}
.home-product:hover .home-product__arrow span{transform:translate(3px,-3px)}
.home-product__kit{display:grid;gap:6px;width:100%;min-width:0;padding:10px;border:1px solid #35373d;border-radius:12px;background:#1a1b1e}
.home-product__section{min-width:0}
.home-product__section-label{display:block;margin:0 0 3px;color:#bfc5d0;font-size:.68rem;text-align:center}
.home-product__slots{display:grid;gap:3px;justify-content:center}
.home-product__slots--wear{grid-template-columns:repeat(7,minmax(0,38px))}
.home-product__slots--main{grid-template-columns:repeat(12,minmax(0,38px))}
.home-product__slots--belt{grid-template-columns:repeat(6,minmax(0,38px))}
.home-product__slot{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:2px;border:1px solid #444e5f80;border-radius:6px;background:#080b10;overflow:hidden}
.home-product__slot img{display:block;width:100%;height:100%;object-fit:contain}
.home-product__count{position:absolute;right:1px;bottom:1px;padding:1px 2px;border-radius:2px;background:#080b10e8;color:#fff;font-size:.48rem;line-height:1}
.home-product__special-image{display:block;width:100%;max-height:220px;object-fit:contain}
@media(max-width:850px){.home-product{grid-template-columns:1fr;gap:15px}.home-product__kit{width:min(100%,540px);justify-self:start}.home-product__special-image{max-height:170px}}
@media(max-width:650px){.top-products-section{background:#041336}.top-products__grid{gap:14px}.home-product{padding:16px;border-radius:18px}.home-product__name{font-size:1.8rem}.home-product__kit{overflow-x:auto;justify-content:start}.home-product__section{min-width:0}.home-product__slots--main{grid-template-columns:repeat(12,28px)}.home-product__slots--wear{grid-template-columns:repeat(7,28px)}.home-product__slots--belt{grid-template-columns:repeat(6,28px)}.home-product__count{font-size:.4rem}}
@keyframes top-products-drift{to{background-position:100% 100%}}
@media(prefers-reduced-motion:reduce){.top-products-section::before{animation:none!important}.home-product,.home-product__arrow span{transition:none}.home-product:hover{transform:none}}

/* Rift Special spans the first row; the three VIPs and Raider sit side by side. */
.top-products__inner,.top-products__grid{max-width:1400px}
.top-products__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.home-product{display:flex;flex-direction:column;align-items:stretch;gap:18px;min-width:0;padding:18px 16px 20px;background:linear-gradient(#090909,#090909) padding-box,linear-gradient(90deg,#f8fafc,#9caabb) border-box}
.home-product:nth-child(3){background:linear-gradient(#090909,#090909) padding-box,linear-gradient(90deg,#fff0b5,#d6aa3f) border-box}
.home-product:nth-child(4){background:linear-gradient(#090909,#090909) padding-box,linear-gradient(90deg,#e9f8ff,#80bddc) border-box}
.home-product:nth-child(5){background:linear-gradient(#090909,#090909) padding-box,linear-gradient(90deg,#fff5d9,#d8b55e) border-box}
.home-product--special{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);align-items:center;gap:28px;padding:22px 28px;background:linear-gradient(#090909,#090909) padding-box,linear-gradient(90deg,#ff65b0,#ff9e85 50%,#ffe079) border-box}
.home-product__name{font-size:clamp(1.65rem,2.2vw,2.25rem)}
.home-product__description{font-size:.82rem}
.home-product__arrow{margin-top:14px}
.home-product__kit{margin-top:auto;padding:6px;gap:5px}
.home-product__slots--wear{grid-template-columns:repeat(7,minmax(0,1fr))}
.home-product__slots--main{grid-template-columns:repeat(6,minmax(0,1fr))}
.home-product__slots--belt{grid-template-columns:repeat(6,minmax(0,1fr))}
.home-product:nth-child(4) .home-product__arrow{color:#a8dbf5}
@media(max-width:1000px){.top-products__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-product--special{grid-column:1/-1;grid-template-columns:1fr}}
@media(max-width:650px){.top-products__grid{grid-template-columns:1fr}.home-product--special{grid-column:auto;grid-template-columns:1fr}.home-product__kit{overflow:visible}.home-product__slots--wear{grid-template-columns:repeat(7,minmax(0,1fr))}.home-product__slots--main,.home-product__slots--belt{grid-template-columns:repeat(6,minmax(0,1fr))}}

@media(max-width:650px){.top-products__inner{width:100%}.top-products__grid{gap:16px}.home-product{width:100%;gap:14px;padding:16px;border-width:2px;border-radius:18px}.home-product__copy{width:100%}.home-product__name{font-size:clamp(1.55rem,7vw,2rem)}.home-product__kit{width:100%;max-width:none;padding:8px;gap:7px}.home-product__section-label{font-size:.7rem}.home-product__slots{width:100%}.home-product__slot{border-radius:5px}.home-product__count{font-size:.55rem}.home-product__special-image{max-height:160px}}

/* Match the store's compact, colour-coded product cards on phones. */
@media(max-width:650px){
  .top-products__grid{gap:14px}
  .home-product,.home-product--special{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:250px;padding:22px 20px 18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#63361c;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.28)}
  .home-product:nth-child(2){background:#a8b5c6;color:#121b29;border-color:#d3dce6}
  .home-product:nth-child(3){background:#c19a3c;color:#211b0c;border-color:#e5c565}
  .home-product:nth-child(4){background:#78b2dd;color:#101f32;border-color:#b5daf5}
  .home-product:nth-child(5){background:#171719;color:#fff;border-color:#35363b}
  .home-product--special{background:#211e17;border-color:#735d32}
  .home-product__copy{flex:1}
  .home-product__eyebrow,.home-product__name,.home-product__description{color:inherit}
  .home-product__eyebrow{font-family:"Orbitron","Segoe UI",sans-serif;font-size:.68rem;letter-spacing:.08em;opacity:.8}
  .home-product__name{margin-top:10px;font-family:"Orbitron","Segoe UI",sans-serif;font-size:clamp(1.5rem,7vw,2rem);font-weight:800;line-height:1.12;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere}
  .home-product__description{margin-top:18px;font-size:.88rem;line-height:1.45;opacity:.95}
  .home-product__arrow{display:flex;justify-content:space-between;width:100%;min-height:44px;margin-top:auto;padding:13px 15px;border-radius:9px;background:#ffca18;color:#111;font-family:"Orbitron","Segoe UI",sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
  .home-product:nth-child(2) .home-product__arrow,.home-product:nth-child(3) .home-product__arrow,.home-product:nth-child(4) .home-product__arrow{background:#f0f0f0;color:#171c26}
  .home-product:nth-child(5) .home-product__arrow{background:#22b9f5;color:#081b27}
  .home-product--special .home-product__arrow{background:#ffca18;color:#111}
  .home-product__kit,.home-product__special-image{display:none}
}