/* =========================================================================
   IZ Dealer CRO — SPORT / PERFORMANCE profile layer
   Scoped to body.cro-profile--sport. Angular (0 radius), uppercase-italic,
   red/energy accent, diagonal slashes + speed-bar hovers. Uses classic markup
   + this skin. Pairs with the 'red' palette (--cro-blue=red, --cro-accent=orange).
   ========================================================================= */

body.cro-profile--sport{ --cro-radius:0; --cro-radius-sm:0; --cro-radius-pill:0; }

/* ---- type: uppercase italic, heavy, energetic ---- */
body.cro-profile--sport .cro-h2,
body.cro-profile--sport .cro-arch__head h1,
body.cro-profile--sport .cro-vdp__head h1{
  text-transform:uppercase;font-weight:800;letter-spacing:-.01em;font-style:italic;
  font-size:clamp(28px,4.8vw,50px);line-height:1.02}
body.cro-profile--sport .cro-eyebrow{color:var(--cro-blue);font-weight:800;letter-spacing:.2em;font-style:italic}
body.cro-profile--sport .cro-eyebrow::before{content:"";width:26px;height:3px;background:var(--cro-blue);
  display:inline-block;transform:skewX(-22deg);margin-right:4px}
body.cro-profile--sport .cro-h2{position:relative;padding-bottom:16px}
body.cro-profile--sport .cro-h2::after{content:"";position:absolute;left:0;bottom:0;width:68px;height:5px;
  background:var(--cro-blue);transform:skewX(-22deg)}

/* ---- buttons: sharp uppercase italic ---- */
body.cro-profile--sport .cro-btn{border-radius:0;text-transform:uppercase;letter-spacing:.06em;font-weight:800;font-style:italic;font-size:13px}
body.cro-profile--sport .cro-btn--lg{font-size:14px}

/* ---- header: aggressive uppercase nav, skewed mark ---- */
body.cro-profile--sport .cro-nav a{text-transform:uppercase;font-weight:700;letter-spacing:.09em;font-style:italic;font-size:12px}
body.cro-profile--sport .cro-logo__mark{border-radius:0;transform:skewX(-9deg)}
body.cro-profile--sport .cro-logo__name{font-style:italic;letter-spacing:-.01em}
body.cro-profile--sport .cro-header__bar{min-height:88px}

/* ---- hero: dark + red, huge uppercase italic, diagonal slash ---- */
body.cro-profile--sport .cro-hero{position:relative;overflow:hidden}
body.cro-profile--sport .cro-hero::before{content:"";position:absolute;top:0;bottom:0;right:0;width:46%;z-index:1;
  background:linear-gradient(120deg,transparent,rgba(226,59,59,.20));clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);pointer-events:none}
body.cro-profile--sport .cro-hero h1{font-size:clamp(42px,7.4vw,84px);text-transform:uppercase;font-style:italic;
  font-weight:800;line-height:.95;letter-spacing:-.02em;max-width:16ch}
body.cro-profile--sport .cro-hero__ey{color:var(--cro-blue)}
body.cro-profile--sport .cro-hero__trust span{text-transform:uppercase;letter-spacing:.05em;font-style:italic;font-size:12px}
body.cro-profile--sport .cro-search{border-radius:0;border-top:4px solid var(--cro-blue)}
body.cro-profile--sport .cro-search__t{text-transform:uppercase;font-style:italic;letter-spacing:.1em}
body.cro-profile--sport .cro-input,body.cro-profile--sport .cro-select{border-radius:0}

/* ---- cards: sharp, red italic price, speed-bar on hover ---- */
body.cro-profile--sport .cro-card{border-radius:0;position:relative;overflow:hidden}
body.cro-profile--sport .cro-card::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:0;
  background:var(--cro-blue);transition:width .25s ease;z-index:2}
body.cro-profile--sport .cro-card:hover::after{width:100%}
body.cro-profile--sport .cro-card__media{border-radius:0}
body.cro-profile--sport .cro-card:hover .cro-card__media img{transform:scale(1.06)}
body.cro-profile--sport .cro-card__title{font-weight:800;letter-spacing:-.01em}
body.cro-profile--sport .cro-card__price b{color:var(--cro-blue);font-style:italic;font-size:25px}
body.cro-profile--sport .cro-card__actions .cro-btn--primary{background:var(--cro-blue)}
body.cro-profile--sport .cro-badge{border-radius:0;transform:skewX(-12deg);text-transform:uppercase;letter-spacing:.06em}

/* ---- quick-browse / tiles / chips: sharp red ---- */
body.cro-profile--sport .cro-tile{border-radius:0}
body.cro-profile--sport .cro-tile:hover{border-color:var(--cro-blue)}
body.cro-profile--sport .cro-tile__ic{border-radius:0;background:transparent;border:1px solid var(--cro-line-2);color:var(--cro-blue)}
body.cro-profile--sport .cro-pill{border-radius:0;text-transform:uppercase;font-style:italic;letter-spacing:.04em}
body.cro-profile--sport .cro-trust__ic{border-radius:0;background:transparent;border:1px solid var(--cro-line-2);color:var(--cro-blue)}
body.cro-profile--sport .cro-shopby__chip{border-radius:0;text-transform:uppercase;font-style:italic;letter-spacing:.05em}
body.cro-profile--sport .cro-shopby__chip.is-active{background:var(--cro-blue);border-color:var(--cro-blue);color:#fff}

/* ---- bands / pagination / facets: sharp ---- */
body.cro-profile--sport .cro-fin{border-radius:0;border-left:6px solid var(--cro-blue)}
body.cro-profile--sport .cro-filters{border-radius:0}
body.cro-profile--sport .cro-facet > summary{text-transform:uppercase;font-style:italic;letter-spacing:.05em;font-size:12px}
body.cro-profile--sport .cro-chip{border-radius:0}
body.cro-profile--sport .cro-pagination .page-numbers{border-radius:0}
body.cro-profile--sport .cro-pagination .page-numbers.current{background:var(--cro-blue);border-color:var(--cro-blue)}

/* ---- VDP / forms: sharp ---- */
body.cro-profile--sport .cro-vdp__band,
body.cro-profile--sport .cro-leadcard,
body.cro-profile--sport .cro-estimator,
body.cro-profile--sport .cro-bcard,
body.cro-profile--sport .cro-step,
body.cro-profile--sport .cro-faq__item,
body.cro-profile--sport .cro-team__card,
body.cro-profile--sport .cro-contact__rail,
body.cro-profile--sport .dag-stage,
body.cro-profile--sport .dag-thumb{border-radius:0}
body.cro-profile--sport .cro-vdp__band h2::before{background:var(--cro-blue)}
body.cro-profile--sport .cro-leadcard__price .val{font-style:italic}
body.cro-profile--sport .cro-step__n{border-radius:0;transform:skewX(-9deg);background:var(--cro-blue)}
