/* Paragon homepage refresh. Static CSS, scoped to the homepage. */
/* Version 2: close the legacy carousel gutter on both sides of the breakpoint. */
.page-type-default .banner-main-wrap .dekstop-slider,
.page-type-default .banner-main-wrap .mobile-slider { margin-bottom:0; }
@media(min-width:1025px) {
 .page-type-default .banner-main-wrap .slick-next { right:max(10px,calc(((100% - 1230px) + 15px) / 2)) !important; }
 .page-type-default .banner-main-wrap .slick-prev { left:max(10px,calc(((100% - 1230px) + 15px) / 2)) !important; }
}
.page-type-default .pg-home { --pg-red:#ec2429; color:#242424; }
.page-type-default .pg-home *, .page-type-default .pg-fitment * { box-sizing:border-box; }
.page-type-default .pg-home .pg-frame { width:calc(100% - 88px); max-width:1240px; margin-left:auto; margin-right:auto; padding-left:0; padding-right:0; }
.page-type-default .pg-home h2, .page-type-default .pg-home h3, .page-type-default .pg-fitment h6 { font-family:Oswald,'Arial Narrow',sans-serif; font-weight:500; letter-spacing:-.025em; text-transform:uppercase; color:#242424; }
.page-type-default .pg-home h2, .page-type-default .pg-home h3, .page-type-default .pg-home p { margin:0; }
.page-type-default .pg-home a { text-decoration:none; }
.page-type-default .pg-home .pg-link { display:inline-flex; align-items:center; gap:12px; color:#242424; font:600 13px/1.5 Helvetica,Arial,sans-serif; }
.page-type-default .pg-home .pg-arrow { display:inline-block; width:14px; height:14px; flex:0 0 14px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle; }
.page-type-default .pg-home .pg-arrow path { fill:none !important; }
.page-type-default .pg-home a:focus-visible, .page-type-default .pg-home button:focus-visible, .page-type-default .pg-fitment a:focus-visible, .page-type-default .pg-fitment select:focus-visible, .page-type-default .pg-fitment h6:focus-visible { outline:2px solid #ec2429; outline-offset:4px; }
/* Preserve select IDs and category population; only replace the frame. */
.page-type-default .pg-home .pg-fitment { width:100%; max-width:none; margin:0; padding:28px 0; background:#f2f2ef; box-shadow:none; }
.page-type-default .pg-fitment .themevale_multilevel-category-filter { width:calc(100% - 88px); max-width:1240px; margin:0 auto; padding:0; display:grid; grid-template-columns:.9fr 3.55fr; gap:14px; align-items:center; background:none; box-shadow:none; }
.page-type-default .pg-fitment h6 { font-size:25px; line-height:1.18; margin:0; padding:0; max-width:130px; }
.page-type-default .pg-fitment h6:after { display:none; }
.page-type-default .pg-fitment .form-wrapper { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; gap:14px; width:100%; margin:0; }
.page-type-default .pg-fitment .form-field, .page-type-default .pg-fitment .group-button { width:auto; min-width:0; margin:0; padding:0; display:block; }
.page-type-default .pg-fitment .form-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.page-type-default .pg-fitment .form-field .form-select { width:100%; height:46px; min-height:46px; padding:0 32px 0 14px; margin:0; border:1px solid #d1d1ce; border-radius:0; background-color:#fff; color:#242424; font:400 14px/1.4 Helvetica,Arial,sans-serif; }
.page-type-default .pg-fitment .form-select:disabled { color:#999; background-color:#fafafa; opacity:1; }
.page-type-default .pg-fitment .group-button .bg-red-btn { display:flex; align-items:center; justify-content:center; gap:22px; min-width:144px; height:46px; margin:0; padding:0 20px; border:0; border-radius:0; background:#ec2429; color:#fff; font:600 12px/1 Helvetica,Arial,sans-serif; letter-spacing:.03em; white-space:nowrap; }
.page-type-default .pg-fitment .group-button .bg-red-btn:hover { background:#ca1c22; color:#fff; }
/* Keep the existing artwork, desktop/mobile image selection and destinations. */
.page-type-default .pg-home .div-block { width:calc(100% - 88px); max-width:1240px; margin:40px auto 64px; padding:0; }
.page-type-default .pg-home .div-block-2 { width:100%; max-width:none; margin:0; padding:0; }
.page-type-default .pg-home .div-block-3 { gap:0; }
.page-type-default .pg-home .div-block a { margin:0; padding:0; }
.page-type-default .pg-home .div-block img { display:block; width:100%; height:auto; transform:none; }
.page-type-default .pg-home .pg-product-head { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:24px; }
.page-type-default .pg-home .pg-product-head h2 { font-size:32px; line-height:1.15; }
.page-type-default .pg-home .pg-product-head .pg-link { flex-shrink:0; }
.page-type-default .pg-home .pg-brand { border-top:1px solid #dededb; padding-top:64px; padding-bottom:64px; }
.page-type-default .pg-home .pg-brand-grid { display:grid; grid-template-columns:1fr 1.22fr; gap:80px; align-items:start; }
.page-type-default .pg-home .pg-brand h2 { font-size:46px; line-height:1.1; }
.page-type-default .pg-home .pg-brand h2 span { display:block; }
.page-type-default .pg-home .pg-brand p { color:#444; font:400 17px/1.7 Helvetica,Arial,sans-serif; overflow-wrap:anywhere; }
.page-type-default .pg-home .pg-brand p+p { margin-top:19px; }
.page-type-default .pg-home .pg-brand .pg-link { margin-top:24px; }
.page-type-default .pg-home .pg-race { display:grid; grid-template-columns:1.15fr 1fr; background:#202020; color:#fff; }
.page-type-default .pg-home .pg-race-image { width:100%; height:100%; min-height:430px; object-fit:cover; object-position:40% center; display:block; }
.page-type-default .pg-home .pg-race-copy { padding:55px 44px; align-self:center; min-width:0; }
.page-type-default .pg-home .pg-eyebrow { color:#777; font:600 11px/1.5 Helvetica,Arial,sans-serif; letter-spacing:.13em; text-transform:uppercase; }
.page-type-default .pg-home .pg-race .pg-eyebrow { color:#ff6468; }
.page-type-default .pg-home .pg-race h2 { font-size:46px; line-height:1.1; color:#fff; margin:18px 0 22px; }
.page-type-default .pg-home .pg-race h2 span { display:block; }
.page-type-default .pg-home .pg-race p { color:#ddd; font:400 17px/1.7 Helvetica,Arial,sans-serif; max-width:440px; overflow-wrap:anywhere; }
.page-type-default .pg-home .pg-race .pg-link { margin-top:28px; color:#fff; border-bottom:1px solid #666; padding-bottom:9px; }
.page-type-default .pg-home .pg-resources { padding-top:64px; padding-bottom:64px; }
.page-type-default .pg-home .pg-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.page-type-default .pg-home .pg-section-head h2 { font-size:32px; line-height:1.15; }
.page-type-default .pg-home .pg-articles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; padding:0; margin:0; list-style:none; }
.page-type-default .pg-home .pg-article { min-width:0; margin:0; padding:0; }
.page-type-default .pg-home .pg-article-image { display:block; width:100%; aspect-ratio:1.9; object-fit:cover; margin:0 0 20px; }
.page-type-default .pg-home .pg-article .pg-eyebrow { margin-bottom:10px; }
.page-type-default .pg-home .pg-article h3 { font-size:25px; line-height:1.25; max-width:470px; overflow-wrap:anywhere; }
.page-type-default .pg-home .pg-article .pg-link { margin-top:17px; }
.page-type-default .pg-home .pg-article-link { display:block; }
.page-type-default .pg-home .pg-slider-controls { display:none; }
.page-type-default .pg-home .pg-slide-button { height:44px; width:44px; border:1px solid #ccc; color:#242424; background:#fff; font:400 20px/1 Helvetica,Arial,sans-serif; padding:0; }
.page-type-default .pg-home .pg-slide-button:disabled { color:#aaa; }
/* Keep newsletter/footer layout and content; align only the typography. */
@media(min-width:768px) and (max-width:1024px) {
 .page-type-default .pg-home .pg-frame, .page-type-default .pg-home .div-block, .page-type-default .pg-fitment .themevale_multilevel-category-filter { width:calc(100% - 48px); }
 .page-type-default .pg-fitment .themevale_multilevel-category-filter { grid-template-columns:150px minmax(0,1fr); }
 .page-type-default .pg-fitment .form-wrapper { gap:8px; }
 .page-type-default .pg-fitment .group-button .bg-red-btn { min-width:112px; padding:0 12px; gap:8px; }
 .page-type-default .pg-home .pg-brand-grid { gap:40px; }
 .page-type-default .pg-home .pg-race-copy { padding:36px 28px; }
 .page-type-default .pg-home .pg-race h2 { font-size:38px; }
}
@media(max-width:767px) {
 .page-type-default .pg-home .pg-frame, .page-type-default .pg-fitment .themevale_multilevel-category-filter { width:calc(100% - 40px); }
 .page-type-default .pg-home .pg-fitment { padding:24px 0; }
 .page-type-default .pg-fitment .themevale_multilevel-category-filter { display:block; }
 .page-type-default .pg-fitment h6 { font-size:24px; max-width:none; margin-bottom:20px; }
 .page-type-default .pg-fitment .form-wrapper { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .page-type-default .pg-fitment .form-field .form-select { font-size:16px; }
 .page-type-default .pg-fitment .group-button .bg-red-btn { min-width:0; width:100%; gap:10px; padding:0 10px; }
 .page-type-default .pg-home .div-block { width:calc(100% - 16px); margin:24px auto 38px; }
 .page-type-default .pg-home .pg-product-head { padding:0 12px; gap:12px; align-items:center; }
 .page-type-default .pg-home .pg-product-head h2 { font-size:28px; }
 .page-type-default .pg-home .pg-product-head .pg-link { font-size:12px; gap:7px; }
 .page-type-default .pg-home .pg-brand { padding-top:38px; padding-bottom:38px; }
 .page-type-default .pg-home .pg-brand-grid { grid-template-columns:1fr; gap:25px; }
 .page-type-default .pg-home .pg-brand h2 { font-size:38px; }
 .page-type-default .pg-home .pg-brand h2 span { display:inline; }
 .page-type-default .pg-home .pg-brand p { font-size:16px; line-height:1.7; }
 .page-type-default .pg-home .pg-race { grid-template-columns:1fr; }
 .page-type-default .pg-home .pg-race-image { min-height:0; height:auto; aspect-ratio:1.45; object-position:center; }
 .page-type-default .pg-home .pg-race-copy { padding:34px 20px 38px; }
 .page-type-default .pg-home .pg-race h2 { font-size:38px; }
 .page-type-default .pg-home .pg-race p { font-size:16px; }
 .page-type-default .pg-home .pg-resources { padding-top:38px; padding-bottom:38px; }
 .page-type-default .pg-home .pg-section-head { align-items:start; gap:12px; }
 .page-type-default .pg-home .pg-section-head h2 { font-size:28px; }
 .page-type-default .pg-home .pg-section-head>.pg-link { font-size:12px; gap:7px; margin-top:6px; flex-shrink:0; }
 .page-type-default .pg-home .pg-articles { position:relative; display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:100%; gap:20px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:thin; padding:0 0 12px; }
 .page-type-default .pg-home .pg-article { scroll-snap-align:start; scroll-snap-stop:always; }
 .page-type-default .pg-home .pg-slider-controls { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-top:14px; font:400 13px/1.5 Helvetica,Arial,sans-serif; }
 .page-type-default .pg-home .pg-slider-controls[hidden] { display:none; }
}
@media(max-width:374px) {
 .page-type-default .pg-home .pg-product-head h2 { font-size:24px; }
}

/* Follow the image's native aspect ratio, rather than the old 1170px frame. */
.page-type-default .banner-main-wrap { background:#f2f2ef; line-height:0; }
@media(min-width:768px) {
 .page-type-default .banner-main-wrap .dekstop-slider,
 .page-type-default .banner-main-wrap .dekstop-slider .banner-bg-img { aspect-ratio:auto; }
}

/* V5: match the category heading size at every breakpoint. */
.page-type-default .pg-fitment h6 {
 font-size:32px;
 line-height:1.15;
 max-width:180px;
}
.page-type-default .pg-home .div-block-3 {
 gap:12px;
}
.page-type-default .pg-home .pg-brand .pg-link {
 display:none;
}
@media(max-width:767px) {
 .page-type-default .pg-fitment h6 {
  font-size:28px;
  max-width:none;
 }
 .page-type-default .pg-home .div-block-3 {
  gap:8px;
 }
}
@media(max-width:374px) {
 .page-type-default .pg-fitment h6 {
  font-size:24px;
 }
}

/* Paddock photo above the existing passion introduction. */
.page-type-default .pg-home .pg-brand.pg-brand--photo {border-top:0;padding-top:0;}
.page-type-default .pg-home .pg-passion-photo-wrap {margin-bottom:24px;}
.page-type-default .pg-home .pg-passion-photo {display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:50% 40%;}
.page-type-default .pg-home .pg-passion-photo-wrap a {display:block;}
@media(max-width:767px) {
 .page-type-default .pg-home .pg-passion-photo-wrap {margin-bottom:20px;}
 .page-type-default .pg-home .pg-passion-photo {aspect-ratio:3/2;object-position:52% 57%;}
}
