/* RC Warrior — Shop by Brands */
.brand-showcase{padding:84px 0 92px;background:#fff;overflow:hidden}
.brand-showcase .section-top{margin-bottom:28px;align-items:flex-end}
.brand-showcase .section-top p{max-width:650px}
.brand-slider-controls{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.brand-slider-btn{width:46px;height:46px;border-radius:50%;border:1px solid #dfe5e7;background:#fff;color:#0c2029;display:grid;place-items:center;cursor:pointer;transition:.2s}
.brand-slider-btn:hover{background:#0c2029;color:#fff;border-color:#0c2029;transform:translateY(-1px)}
.brand-slider-btn svg{width:18px;height:18px}.brand-slider-btn.prev svg{transform:rotate(180deg)}
.brand-slider-shell{position:relative;margin-right:calc((100vw - min(1340px,calc(100% - 56px)))/-2);padding-right:max(28px,calc((100vw - min(1340px,calc(100% - 56px)))/2))}
.brand-slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:2px 0 8px;overscroll-behavior-inline:contain}
.brand-slider::-webkit-scrollbar{display:none}
.brand-card{position:relative;flex:0 0 clamp(255px,25.2vw,350px);aspect-ratio:1.18/1;border-radius:24px;overflow:hidden;background:#0b0d0f;color:#fff;scroll-snap-align:start;isolation:isolate;box-shadow:0 12px 34px rgba(8,45,59,.08)}
.brand-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,12,.04) 28%,rgba(5,10,12,.2) 52%,rgba(5,10,12,.9) 100%);z-index:1;transition:.35s}
.brand-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#ff7023;z-index:3;transform:scaleX(.22);transform-origin:left;transition:.35s}
.brand-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .35s ease}
.brand-card:hover img{transform:scale(1.055)}
.brand-card:hover:before{background:linear-gradient(180deg,rgba(5,10,12,.02) 20%,rgba(5,10,12,.16) 48%,rgba(5,10,12,.94) 100%)}
.brand-card:hover:after{transform:scaleX(1)}
.brand-card-copy{position:absolute;z-index:2;left:22px;right:20px;bottom:20px;display:grid;grid-template-columns:1fr 42px;gap:12px;align-items:end}
.brand-card-copy span{display:block;font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.15em;color:#ff9f6a;font-weight:800;margin-bottom:8px}
.brand-card-copy h3{font-family:"Barlow Condensed",Inter,sans-serif;font-size:32px;line-height:.95;text-transform:uppercase;letter-spacing:.01em;margin:0;color:#fff}
.brand-card-arrow{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0c2029;transition:.25s}
.brand-card-arrow svg{width:17px;height:17px}
.brand-card:hover .brand-card-arrow{background:#ff7023;color:#fff;transform:translateX(2px)}
.brand-showcase-note{display:flex;align-items:center;gap:9px;margin-top:16px;color:#748187;font-size:12px;font-weight:600}
.brand-showcase-note svg{width:15px;height:15px;color:#ff7023}
@media(max-width:1100px){
  .brand-showcase{padding:76px 0 82px}.brand-card{flex-basis:310px}
}
@media(max-width:820px){
  .brand-showcase{padding:66px 0 72px}
  .brand-showcase .section-top{align-items:flex-start}.brand-slider-controls{margin-top:4px}
  .brand-slider-shell{margin-right:-16px;padding-right:16px}
  .brand-card{flex-basis:min(72vw,310px);border-radius:21px}
}
@media(max-width:560px){
  .brand-showcase{padding:54px 0 60px}
  .brand-showcase .section-top{display:grid;grid-template-columns:1fr auto;gap:18px 12px;margin-bottom:22px}
  .brand-showcase .section-top>div:first-child{grid-column:1/-1}
  .brand-slider-controls{grid-column:2;grid-row:2;margin:0}
  .brand-slider-btn{width:42px;height:42px}
  .brand-slider-shell{margin-right:-12px;padding-right:12px}
  .brand-slider{gap:12px}
  .brand-card{flex-basis:82vw;max-width:330px;aspect-ratio:1.12/1;border-radius:20px}
  .brand-card-copy{left:18px;right:16px;bottom:17px;grid-template-columns:1fr 38px}
  .brand-card-copy h3{font-size:29px}.brand-card-copy span{font-size:10px}
  .brand-card-arrow{width:38px;height:38px}.brand-showcase-note{font-size:11px}
}