.bg-000 {
    background-color: #000000;
}

.btn_hd {
    background-color: #fa6600;
}
#header-cart {
    z-index: 999;
}

@media (min-width: 768px) {
    .mega-menu {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }

    .mc_2024 {
        background-color: #fa6600;
        color: #fff;
    }

    .top_lvl {
        color: #000 !important;
        font-family: 'primary-font-heavy';
    }

    .top_lvl:hover,
    .top_lvl:focus {
        background-color: #fa6600;
        color: #fff !important;
        border-radius: 5px;
    }

    .secondary_level:hover,
    .secondary_level:focus {
        color: #C2550C !important;
        background-color: #E8E6DC !important;
    }
}
a.model_range_2025 + ul, a.model_range_26 + ul {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
    }
    a.model_range_2025, a.model_range_26 {
        border-bottom: 2px solid #00000020;   
    }
    @media (min-width: 1080px) {
    a.model_range_2025 + ul, a.model_range_26 + ul {
    grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 1570px) {
    a.model_range_2025 + ul, a.model_range_26 + ul {
    grid-template-columns: repeat(6, 1fr);
}
}
@media (min-width: 1200px) {
    .mega-menu {
        -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    }

    .dd-hover:hover>.dd-menu {
        display: flex !important;
    }

    .gridly:hover {
        display: grid;
        grid-template-rows: 1fr;
        grid-auto-flow: column;
    }

    .item {
        display: block;
    }
}
@media (max-width: 767.98px) {
    .navbar-nav .dropdown-menu {
        top: 100%;
        position: relative;
    }
}
.nBlogThumb {
    position: relative;
    height: 333px;
    width: 100%;
    border-radius: 15px;
    border-bottom-right-radius: 60px;
    overflow: hidden;
    z-index: 10;
    transition: border-radius .6s cubic-bezier(.075, .82, .165, 1);
    margin-bottom: 30px
}

.nBlogThumb__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    max-width: 270px;
    padding: 22px
}

.nBlogThumb__content h4 {
    font-size: 25px;
    line-height: 120%;
    color: #fff;
    margin: 0;
}

.nBlogThumb__content p {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 0
}

.nBlogThumb__content .blog_meta {
    opacity: .75;
    margin-bottom: 0;
    margin-top: 12px
}

.nBlogThumb__content .blog_meta>span {
    padding-right: 8px
}

.nBlogThumb__content .blog_meta>span+span:before {
    content: "|";
    margin-right: 8px
}

.nBlogThumb__content .blog_meta,
.nBlogThumb__content .desc,
.nBlogThumb__content h4 {
    transition: all .6s cubic-bezier(.075, .82, .165, 1)
}

.nBlogThumb__content .blog_meta,
.nBlogThumb__content h4 {
    transform: translate3d(0, 65px, 0)
}

.nBlogThumb__content .desc {
    opacity: 0;
    transform: translate3d(0, 20px, 0)
}

.nBlogThumb:focus,
.nBlogThumb:hover {
    border-radius: 15px
}

.nBlogThumb:focus .nBlogThumb__content .blog_meta,
.nBlogThumb:focus .nBlogThumb__content .desc,
.nBlogThumb:focus .nBlogThumb__content h4,
.nBlogThumb:hover .nBlogThumb__content .blog_meta,
.nBlogThumb:hover .nBlogThumb__content .desc,
.nBlogThumb:hover .nBlogThumb__content h4 {
    transform: translateZ(0)
}

.nBlogThumb:focus .nBlogThumb__content .desc,
.nBlogThumb:hover .nBlogThumb__content .desc {
    opacity: 1
}

.nBlogThumb__link {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 99
}

.nBlogThumb__bg,
.nBlogThumb__bg:before {
    position: absolute;
    background-size: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.nBlogThumb__bg:before {
    content: "";
    z-index: 5;
    background: linear-gradient(180deg, rgba(12, 32, 39, 0), rgba(12, 32, 39, .5) 65.47%);
    transition: all .6s cubic-bezier(.075, .82, .165, 1)
}

.nBlogThumb:hover .nBlogThumb__bg:before {
    background: linear-gradient(180deg, rgba(12, 32, 39, .207), rgba(12, 32, 39, .69) 51.26%)
}

.badge-available {
    color: #139238;
    background-color: unset;
    font-size: 0.9rem;
    font-family: Anton;
    font-weight: 400;
    text-transform: uppercase;
}

.search__text a {
    color: #000;
}

.search__text a:hover {
    color: #000;
    font-weight: 600;
    text-decoration: none;
}
.uppercase {
    text-transform: uppercase;
}
.text-justify {
    text-align: justify;
}
@media screen and (max-width: 1745px) and (min-width: 768px) {
    .searchbar-padding {
        padding-top: 7px;
    }
}
.wt_600 {
    font-weight:600;
    font-size: 12px;
    text-transform: uppercase;
}
.wt_700 {
    font-weight:700;
    font-size: 12px;
    text-transform: uppercase;
}
.mw_prod_row_padding {
    padding-left: 15px;
    padding-right: 15px;
}
.mw_pl_10 {
    padding-left: 10px;
}
.clr_border {
    border: unset;
}
.clr_padding {
    padding: 4px;
}
.text_600 {
    font-weight: 600;
}
.spec_desc_container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 10px;
}
.spec_desc_content {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
    min-width: 0px;
}
.spec_desc_name {
    color: var(--spec-desc-name);
    text-transform: capitalize;
    font-weight: 600;
}
.spec_desc_data {
    color: var(--spec-desc-data);
    font-weight: 300;
    text-overflow: ellipsis;
    text-transform: capitalize;
}
section.productdetails.n-responsive-content.description_column h4 {
    color: var(--desc-heading-h4);
    text-transform: uppercase;
}
.bike-pdp-name {
    min-height: 45px;
    font-size: 16px;
    text-transform: uppercase;
}
.bike-pdp-name-padding {
   padding: 10px 20px 0px 20px; 
}
.bike_price {
    justify-content: center;
}
.bike_price_conditions {
    line-height: .5;
    text-align: center;
}
.card-header.bike_plp {
    background-color: unset;
    border-bottom: unset;
}
.btn_view_bike {
    color: #000;
    font-weight: 600;
    border: 2px solid #f60;
    text-transform: uppercase;
    background-color: #fff;
    text-decoration: none;
    border-radius: 5px;
}
a:has(.btn_view_bike) {
    text-decoration: none;
}
.btn_view_bike:hover {
    text-transform: uppercase;
    text-decoration: none;
    background-color: #f60;
    color: #fff;
    border: 2px solid #f60;
    font-weight: 600;
}
#mw-custom-prev,#mw-custom-next {border: none;cursor: pointer;}

/* Optional: Position them absolutely if needed */
#mw-custom-prev {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  z-index: 10;
}

#mw-custom-next {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 10;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #f60 !important;
}
.swiper-pagination-bullet {
	border-radius: unset;
	height: 3px;
	width: 40px;
}
.swiper-slide.ifempty img {
    width: 350px;
}
.row-gap-25 {
    row-gap: 25px;
    margin-left: 0px;
    margin-right: 0px;
}
@media (min-width:768px) {
    .plr_clr {
        padding-right:unset;
        padding-left:unset;
    }
    .spec_desc_container {
        grid-template-columns: repeat(2, 1fr);
    }
    .bike-pdp-name-padding {
        padding: 10px 70px 0px 70px;
    }
    .row-gap-25 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
.uppercase {
    text-transform: uppercase;
}
.border_radius_10 {
    border-radius: 1em;
}

.gridx2-container {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.gridx2-container-rse {
	display: grid;
	grid-template-columns: auto 24px;
	width: 100%;
}
.gridx2-section {
	display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
    min-width: 0px;
	row-gap: 25px;
}
.gridx2-data {
	color: var(--bikespec_data);
    font-weight: 300;
    text-overflow: ellipsis;
    text-transform: capitalize;
}
.gridx2-section.specs:nth-child(odd) span {
    font-family: 'Muli';
    font-weight: 800;
}
.gridx2-section.specs:nth-of-type(1), .gridx2-section.specs:nth-of-type(2),
.gridx2-section.specs:nth-of-type(5), .gridx2-section.specs:nth-of-type(6),
.gridx2-section.specs:nth-of-type(9), .gridx2-section.specs:nth-of-type(10),
.gridx2-section.specs:nth-of-type(13), .gridx2-section.specs:nth-of-type(14),
.gridx2-section.specs:nth-of-type(17), .gridx2-section.specs:nth-of-type(18),
.gridx2-section.specs:nth-of-type(21), .gridx2-section.specs:nth-of-type(22),
.gridx2-section.specs:nth-of-type(25), .gridx2-section.specs:nth-of-type(26),
.gridx2-section.specs:nth-of-type(29), .gridx2-section.specs:nth-of-type(30),
.gridx2-section.specs:nth-of-type(33), .gridx2-section.specs:nth-of-type(34),
.gridx2-section.specs:nth-of-type(37), .gridx2-section.specs:nth-of-type(38) {
  	background-color: #00000007;
}
.icon_360 {
    width: 59px;
    margin: auto;
    position: relative;
    top: 0px;
    opacity: 25%;
    mix-blend-mode: multiply;
}
.productdetails.n-responsive-content.description_column .gridx2-container {
    margin-bottom: 0.5rem;
}
.hm\:grid-container	{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    place-content: center;
    grid-template-areas:
    "hm-ad-4"
    "hm-ad-1"
    "hm-ad-2"
    "hm-ad-3"
    "hm-ad-5";
}
.hm\:blog\:grid-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}
.hm\:grid-item, .hm\:blog\:grid-item {
    display: grid;
    place-items: end;
    transition: all 500ms;
}
a.hm\:grid-item:hover, a.hm\:blog\:grid-item:hover {
    text-decoration: none;
    scale: 1.02;
}
.hm\:grid-image, .hm\:blog\:grid-image {
    background-size: cover;
    background-position: center;
    aspect-ratio: 5 / 3;
    background-repeat: no-repeat;
    overflow: hidden;
    width: 100%;
    height: 100%;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    border-radius: 1em;	
}
.hm\:grid-image::after, .hm\:blog\:grid-image::after {
    content: '';
    display: block;
    background-image: linear-gradient(to top, black 0%, transparent 35%);
    height: 100%;
}
.hm\:grid-content, .hm\:blog\:grid-content {
    height: max-content;
    width: 100%;
    text-align: center;
    grid-row: 1 / 2;
    grid-column: 1 / 2;	
}

.hm\:grid-content p, .hm\:blog\:grid-content p {
    font-size: clamp(1rem, 2vw + 1rem, 2rem);
    line-height: 0.8;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'primary-font-heavy';
    padding: 6px;
    color: #fff;
    margin-bottom: 0;
}
@media (min-width:768px) {
    .hm\:blog\:grid-container {
        grid-template-columns: 1fr 1fr;
    }
    
}
@media (min-width: 992px) {
    .hm\:grid-container {
        grid-template-columns: 33% 33% 33%;
        grid-template-areas:
        "hm-ad-1 hm-ad-1 hm-ad-2"
        "hm-ad-1 hm-ad-1 hm-ad-5"
        "hm-ad-3 hm-ad-4 hm-ad-5";
        
        grid-template-rows: 250px 250px 300px;
    }
}
@media (min-width:1024px) {
    .hm\:blog\:grid-container {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    
}
.sr\:card-title a {
    color: black;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
}
.sr\:card-title {
    line-height: 0.8;
}
.sr\:price {
    color: black;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
}
.sr\:price::before {
    content: '$ ';
}
.store\:hours {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.product_oos:after {
    content: 'Out Of Stock';
    text-align: center;
    color: #d9534f;
    font-weight: 700;
}