.distributors-page{background:#070707}
.distributors-page>.site-nav{position:fixed}
.distributor-hero{position:relative;isolation:isolate;min-height:720px;display:flex;align-items:flex-end;padding:180px 0 92px;background:#0a0a0a url('/assets/fixatrax-vtt-raid-montagne-coucher-soleil-lossless.webp') center 42%/cover no-repeat}
.distributor-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.78) 43%,rgba(5,5,5,.3) 75%),linear-gradient(0deg,#070707 0%,transparent 30%,rgba(0,0,0,.2) 100%)}
.distributor-hero__content{width:100%}
.distributor-hero h1{max-width:930px;margin:14px 0 22px;font-size:clamp(3.5rem,7.2vw,7.2rem);line-height:.9;letter-spacing:-.06em}
.distributor-hero p{max-width:720px;margin:0;color:#e0e0de;font-size:clamp(1rem,1.6vw,1.2rem)}
.distributor-hero p strong{color:#fff}
.distributor-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.distributor-section-head{max-width:900px}
.distributor-card{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);overflow:hidden;border:1px solid #2d3034;border-radius:30px;background:linear-gradient(145deg,#15171a,#0e0f11);box-shadow:var(--shadow)}
.distributor-card__visual{position:relative;min-height:570px;overflow:hidden;background:#0d0e10}
.distributor-card__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 45%)}
.distributor-card__visual img{width:100%;height:100%;object-fit:cover}
.distributor-card__badge{position:absolute;z-index:1;left:24px;bottom:24px;padding:9px 13px;border:1px solid rgba(255,154,42,.55);border-radius:999px;background:rgba(8,8,8,.78);color:#ffad55;font-size:.73rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(10px)}
.distributor-card__content{padding:clamp(30px,5vw,62px)}
.airxtrem-logo{width:min(100%,440px);height:auto;margin:0 0 18px;padding:12px 16px;border-radius:14px;background:#fff;object-fit:contain}
.distributor-location{margin:0 0 32px;color:#ffad55;font-size:.78rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.distributor-card h3{max-width:650px;margin:0 0 15px;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.05;letter-spacing:-.035em}
.distributor-card__content>p:not(.distributor-location):not(.distributor-note){color:#c7c9cd;font-size:1.02rem}
.distributor-benefits{display:grid;gap:11px;margin:24px 0 0;padding:0;list-style:none}
.distributor-benefits li{position:relative;padding-left:26px;color:#e5e6e7}
.distributor-benefits li:before{content:"✓";position:absolute;left:0;color:#ff8c27;font-weight:950}
.distributor-note{margin:18px 0 0;color:#8f9297;font-size:.76rem}
.buying-options{padding-top:24px}
.buying-options__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.buying-option{padding:34px;border:1px solid #2d3034;border-radius:22px;background:#111214}
.buying-option__number{display:block;margin-bottom:22px;color:#ff8620;font-size:2.2rem;font-weight:950}
.buying-option h3{margin:0 0 11px;font-size:1.5rem}
.buying-option p{min-height:78px;margin:0 0 22px;color:#b7bac0}
.buying-option a{color:#ffad55;font-weight:900}
.buying-option a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){
  .distributor-hero{min-height:650px;background-position:65% center}
  .distributor-card{grid-template-columns:1fr}
  .distributor-card__visual{min-height:460px}
}
@media(max-width:620px){
  .distributor-hero{min-height:620px;padding:145px 0 66px;background-position:67% center}
  .distributor-hero:before{background:linear-gradient(90deg,rgba(5,5,5,.92),rgba(5,5,5,.48)),linear-gradient(0deg,#070707 0%,rgba(5,5,5,.22) 50%)}
  .distributor-hero h1{font-size:3.25rem}
  .distributor-actions{display:grid}
  .distributor-actions .btn{width:100%}
  .distributor-card{border-radius:22px}
  .distributor-card__visual{min-height:360px}
  .distributor-card__content{padding:28px 21px}
  .distributor-card__badge{left:16px;right:16px;bottom:16px;text-align:center}
  .buying-options__grid{grid-template-columns:1fr}
  .buying-option{padding:26px 21px}
  .buying-option p{min-height:0}
}
