/** Shopify CDN: Minification failed

Line 181:28 Unexpected "{"
Line 2095:2 Comments in CSS use "/* ... */" instead of "//"
Line 2097:4 Comments in CSS use "/* ... */" instead of "//"
Line 2097:61 Unterminated string token
Line 2111:2 Comments in CSS use "/* ... */" instead of "//"
Line 2160:0 Unexpected "}"

**/
body {
     font-family: 'Montserrat', sans-serif !important;
     color: #111;
     overflow-x: hidden;
}
html {  overflow-x: hidden; }
.container-fluid {
    --bs-gutter-x: 50px;
  
}
.overflow_hidden {overflow:hidden !important; }
.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
}

/* animated btn */

/* animated btn */



.section-padding { padding-top: 100px;}
.pb-100 { padding-bottom: 100px !important;}
.pb-60{ padding-bottom: 60px !important;}
.pt-60{ padding-top: 60px !important;}
.bg-yellow { background: #FDE700 !important; }
.btn-outline-secondary:active:focus{ box-shadow:none;}
p { color: #111; 
    font-size: 18px; font-weight: 500;
    line-height: 30px; margin-bottom: 20px;}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif !important;
    color: #111;margin-bottom: 20px;
    font-weight: 600;margin-top:0px;
}
 h1 { font-size: 70px;}
 h2 { font-size: 60px;}
h3 { font-size: 50px;}
h4 { font-size: 40px;}
h5 { font-size: 30px;}
h6 { font-size: 20px;}

.h1 { font-size: 65px;}
.h2 { font-size: 55px;}
.h3 { font-size: 45px;}
.h4 { font-size: 35px;}
.h5 { font-size: 25px;}
.h6 { font-size: 15px;}


.btn-primary {
    color: #111;
  font-size:18px;
    background-color: #fde700;
    border-color: #fde700;
    font-weight: 700;
    border: navajowhite;
    padding: 10px 25px;
    border-radius: 13px;
  transition: all 0.5s ease-out;
}
.btn-primary:hover {
    color:#fff;
    background-color: #222;
    border-color: #fde700;
}
.btn-primary:hover img { filter: invert(1);}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    color: #111;
    background-color: #fde700;
    border-color: #fde700;
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #111;
    background-color: #fde700;
    border-color: #fde700;
    box-shadow: none;
}

btn-primary:active:focus{ box-shadow:none;}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow:none;
}

.btn-primary img { margin-left:10px;}




p,a,li {     font-family: 'Montserrat', sans-serif !important; }
.utility-bar { display: color: #111;}
.p-50{ padding: 50px;}
.p-60 { padding: 60px;}
.p-relative { position: relative;}

.theme_btn img{transition: all 0.5s ease-out;}
.theme_btn {
  border-radius: 15px;
    background: #FFF; color: #111;
    font-size: 18px;    line-height: 30px;
    padding: 15px 26px;
     border: none;
    font-weight: 700;transition: all 0.5s ease-out;
 }
.theme_btn:hover{ background-color:#111; color:#fff;   }

 .theme_btn:hover img  {  filter: invert(1);}


.theme_btn_black img{transition: all 0.5s ease-out;filter: invert(1); width: 20px; margin-left: 10px;}
.theme_btn_black {
  border-radius: 15px;
    background: #111; color: #fff;
    font-size: 18px;
    padding: 10px 26px;
     border: none;
    font-weight: 700;transition: all 0.5s ease-out;
 }
.theme_btn_black:hover{ background-color:#fff; color:#111;   }

 .theme_btn_black:hover img  { filter: invert(0); }




.theme_btn.bg-yellow:hover{ background-color:#111!important; color:#fff;   }
 .theme_btn img{     width: 28px; margin-left: 10px;}

.theme_btn.bg-white:hover{ background-color:#111!important; color:#fff;   } 

.facets .disclosure-has-popup[open]>summary+* { background:#fff !important;  }


.f-63 { font-size: 63px;}
.f-20 { font-size: 20px;}
.fw-800 { font-weight: 800;}
.fw-500 { font-weight: 500;}
.fw-600{ font-weight: 600;}
.fw-700{ font-weight: 700;}


.btn-warning { border: none;   background: #FDE700; padding: 20px 20px;
    border: none;
    line-height: 20px;
  
    font-size: 17px;
    font-weight: 600;
    background: #FDE700;}



.custom_header { padding: 20px 0px 20px;}
.custom_header .navbar-nav  .nav-item  { padding-right: 25px; }
.custom_header .navbar-nav  .nav-item:last-child { padding-right: 0px;}

.custom_header .navbar-nav  .dropdown-menu { min-width: 285px; padding:15px;font-weight:600;    color: #000;  font-size: 15px;  min-height: auto;}
.custom_header .navbar-nav  .dropdown-menu .dropdown-item {font-weight:600;   line-height: 20px; margin-bottom: 10px; }
.custom_header .navbar-nav  .dropdown-menu .dropdown-item:hover{ color:#000;}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active{
    color: #000;
    text-decoration: none;
    background-color: #fff!important;
}
.dropdown-item.active:hover,{
    color: #000;
    text-decoration: none;
    background-color: #fff!important;
}
.dropdown-item.active, .dropdown-item:active {
    color: #000;
    text-decoration: none;
    background-color: #ffffff !important;
}

.card--standard>.card__content .card__information {
    padding-left: 15px !important;
    padding-right: 15px !important;
}





.usr_crt_icons img { width: 20px; }

 .custom_header .navbar-nav .nav-link{
     color: #222;
    font-size: 15.5px;
padding:20px 5px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;}

.custom_header .navbar-nav .nav-link:hover{color: #D6A703!important}
   .header_search input { border-radius: 15px; height: 50px;
    color: #555;
font-size: 14px;
font-family: 'Montserrat', sans-serif;

padding: 10px 20px;
font-weight: 400;
line-height: normal;
border: 1px solid #F1DE0E;}





        .header_search button{ 
        position: relative;
    margin-left: -55px;
    border: none;
    width: 50px;
    height: 42px;    color: #555;
    bottom: -6px;
    font-size: 17px;
    z-index: 1;
    background: transparent;
    border-radius: 15px;
}
 .header_search button:focus {
    box-shadow:none;
}
.header_search button:hover { background-color: transparent;     color: #555;}

.navbar_right li a {  color: #555; font-size: 16px; }


.custom_header .navbar-toggler .navbar-toggler-icon {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #fff30b;
    justify-content: center;
}


.custom_header .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: #231d1f;
    background: #231d1f;
}



/* home banner */


 .banner-image {
    /* background-image: url(/cdn/shop/files/home-main-banner.jpg?v=1688110821);
   */
    background-size: cover; 
    height: calc(100vh - 149px);
    background-repeat: no-repeat;}
.main-banner .container-fluid { position: relative;}

.banner-content {
    position: absolute;
    right: 50px;
    top: 0px;
    margin-left: -63px;
    text-align: center;
    width:40.0%;
    height: 92%;
min-height: 500px;
    background: #FDE700;
    bottom: 0px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}


.banner-content h2{ 
    color: #111;
    font-size: 76px;
    font-weight: 800;
    line-height: 86px;}


    .banner-content p{ color: #111;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;}



    .dropdown-item.active, .dropdown-item:active {
        color: #000;
        text-decoration: none;
        background-color: #fff !important;
    }


    /* section-padding */

/* .section-padding { } */


.text-dark {  color: #111; }
.home-about { padding-top: 150px; padding-bottom: 150px;}
.home-about .abt-img { position: relative;}
.home-about .abt-img img { position: absolute;
top: -344px;
right: -22vw;
width: 150%;}

.sec-head { font-size: 60px;font-weight: 800;line-height: 65px;margin-bottom: 50px; color: #111;}


.sec-para { color: #111;
font-size: 18px;
font-weight: 400;
line-height: 30px;  }



/* services */

.services_image_box{ position: relative; top: 0px; bottom: 0px; left:10px; width: 130%; z-index:2;} 



.footer{
     background-color: #111111;

         padding: 80px 0px 0px;
    color: #fff;  }
.footer__content-bottom-wrapper {background-color: #000000; padding: 20px; }
 .footer_abttext p { color: #fff; text-align: center; font-size: 12px; line-height: 18px;}
 .footer_link_menu { padding-left: 0px; margin-bottom: 0px; margin-top: 20px;}
 .footer_link_menu li {
    list-style: none;
    display: inline-block;
    font-size: 16px;
    color: #fff;margin-bottom: 45px;
    padding-right: 30px;
}
.footer_link_menu li a:hover { color:  #FDE700;}
footer .nav-link:focus, footer .nav-link:hover {
    color:  #FDE700;
}

.footer_link_menu  a {  color: #fff;}
 .social {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;

    margin-left: auto;
  }
 .social li {
    display: inline-block;
    margin-right:10px;
  }
  
 .social li a {
    display: block;
    width: 50px;
    height: 50px; color: #888;
    line-height:50px;
    background-color: transparent;
    text-align: center;
    font-size:30px;
    border-radius: 2px;
  }
  
  .social li a:hover {    color:   #FDE700;}
.footer-bottom { color: #fff; 
    padding: 20px 0px;
    margin-top: 90px;
     background: #000;}
     .footer-bottom p { color: #999999;    font-size: 14px; margin-bottom: 0px;}

     .footer_btm_link_menu { margin-bottom: 0px; padding-left: 0px;} 

  .footer_btm_link_menu li {  
     line-height: 30px;
      list-style: none;
    display: inline-block;
    font-size: 14px;
    color: #999999;
    padding-right: 45px;}

    .footer_btm_link_menu  .nav-link {    color: #999999; }



.product-grid.contains-card li{ width: 25%; flex: 0 0 25%}

.feature-section { margin-top:0px;}

.featute_outer_box { 

   
 min-height: 485px; position: relative;
    border-radius: 0px 80px 0px 80px;}


 .featute_outer_box .feature-img{ position: absolute; width: 50%!important;
    top: -90px;
    left: -100px;}
    .feature_icon_outer {  display: flex; align-items: center;     padding: 120px 40px 120px 0px;}
.feature_icon_outer .feature_icon_box  { width: 50%;margin-bottom: 80px; }
.feature_icon_img { margin-right: 25px;}
.feature_icon_img img { width: 70px; }

.feature_icon_content h6 {margin: 0px;margin-bottom: 18px;}

.feature_icon_content h6, .feature_icon_content p { color: #fff;}
.feature_icon_content p { font-size: 13px; line-height: 18px;}





/* product__info-wrapper */
.select__select { font-size:20px;}
.select .icon-caret, .customer select+svg {
    height: 0.6rem;
    pointer-events: none;
    position: absolute;
    top: calc(50% - 0.2rem);
    right: 0px;
}

.product__info-wrapper .product__title h1 {     font-size: 30px;
    line-height: 35px;}

    .product .price__container span { font-weight: 800; font-size: 20px;}
    .product .price__container span.price-item { color: #49AA31;
    font-size: 30px; font-weight: 700; line-height: 41.314px;}

 .price--show-badge { display: flex; align-items: center;}

     .price .badge {
        margin-bottom: 0.5rem;
        background: #fff043;
        color: #000;
    }


 .product.product--thumbnail_slider { max-width: 1320px; margin: auto;}


 .product-form__submit { background: #FDE700;
    color: #000;border-radius: 20px; padding:20px 20px;
    font-weight: 700;}
.product-form__submit button {  flex: 0 0 50%; }
  .quantity  {   
      width: 152px;
        background: #F5F5F5;
        padding: 15px;
        
        border-radius: 20px;}




        /* .cat-h-btn { position: absolute;
         right: 65px;
         z-index: 1;
         bottom: 58px;
     }
     
       .cat-h-btn.three {  
          left: 378px;
       right: auto;
       bottom: 10px;} 
     
       .cat-h-btn.four {  
        left: 72px;
       right: auto;
       bottom: 35px;} */


   .home-category  .img-wrapper {  overflow: hidden; }
   .inner-img {  transition: 0.3s;}
   .inner-img    img {   -webkit-transition: 0.4s ease;
        transition: 0.4s ease;}
    .inner-img:hover {    -webkit-transform: scale(1.09);
        transform: scale(1.09);}








       
.newsletter-form .text_input {
    height: 56px;
    width: 100%;
    padding: 15px;
    background-color: #f3f3f31a;
    border: 1px solid;
    color: #fff;min-width: 350px;
    border-radius: 0px;
    border-color: #ffffff;
    position: relative;
    z-index: 1;
    border: none;border-radius: 20px 0px 0px 20px;
}
.newsletter-form .submit input{
    border: none;
    background-color: #FDE700;
    min-width: 160px;
    height: 56px;
    color: #000;
    font-size: 18px;
    font-weight:700;
    line-height: 28.2px;
  border-radius: 0px 20px 20px 0px;
    text-align: center;
    border: none;
}



.product-card-wrapper .card__content .card__heading{color: #555;font-size: 18px;font-weight: 500;line-height: 24px; /* 133.333% */ }
.product-card-wrapper .card__content .card__heading a:hover{ color: #000!important;
    font-size: 18px;
   
    line-height: 24px;   }

.product-card-wrapper .card__inner  { border:1px solid #ddd}
.product-card-wrapper .card__inner .card__content  .card__badge span { position:relative;left:0px; bottom:-1px;}
.product-card-wrapper .card__content.card-content-box { background: #fff; padding: 0px!important; align-items: center;}

.product-card-wrapper .card__content.card-content-box .card__information {background: #fff; padding:20px 0px!important; align-items: center;}
.price:not(.price--show-badge) .price-item--last:last-of-type {
    margin: 0;
    color: #111;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}
.collection__title h2, .related-products__heading { color: #111;font-size: 35px;font-weight: 800;line-height: 65px;text-transform: capitalize;}
.offline-btn{ background: #fff043;
    border-radius: 20px;
    padding: 20px;
    font-size: 20px;margin: 30px 0px !important;
    font-weight: 700;
}

.page-banner { position: relative;}
.page-banner .banner_image { height:640px;}
.page-banner .page-banner-content {     top: 0px;
    position: absolute;
    width: 100%;
    left: 0px;padding: 50px 100px;
    right: 0px;
    height: 100%;
}

.page_header_image { min-height: 800px;}
.abt-banner-content .main-head { font-size: 75px; font-weight: 700; line-height: 80px; color: #FFD700; text-align: center; width: 100%; }
.abt-banner-content .page-description { color: #FFD700; text-align: center; width: 100%; font-weight: 400; font-size: 28px; line-height: 36px; }
.page-banner-content .main-head { font-size: 75px; font-weight: 700; line-height: 80px; color: #FFD700; text-align: center; width: 100%; padding-top: 72px; }
.page-banner-content .page-description { color: #FFD700; text-align: center; width: 100%; font-weight: 400; font-size: 28px; line-height: 36px; }




#testimonial4 { position:relative;  }
  
/*-----Testimonial-------*/
  .testimonial4_slide p { margin:15px 0px ;}
  .testimonial4_slide .icon { display:flex}
.testimonial4_slide .icon img  {width:50px;   }
  .testimonial4_slide .icon.top{text-align:left; justify-content:start; } 
    .testimonial4_slide .icon.btm{text-align:right;justify-content:end; } 
/* ------testimonial  close-------*/


#testimonial4  .owl-nav button { position: absolute; top: 50%;   margin-top: -45px;}
#testimonial4  .owl-nav i { font-size: 50px;   }
#testimonial4  .owl-nav .owl-prev {left: -80px;}
#testimonial4  .owl-nav .owl-next { right:-80px}





/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	

}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .missin_section_about br { display:none;}
 #testimonial4  .owl-nav button { top:99%}
#testimonial4  .owl-nav .owl-prev {left: 0px;}
#testimonial4  .owl-nav .owl-next { right:0px}
  
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */





/* ============ mega menus .start// ============ */
.nav-item.dropdown.mega_custom_item { position:static;}

.navbar .megamenu{ padding: 1rem; }
.navbar-dark .navbar-nav a.nav-link {
  color: #ffffff;
  font-size: 1.1em;
}
.dropdown-menu.mega_custom_menu {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border: none;
  border-radius: 0;
  padding: 0.7em;
}


@media only screen and (min-width: 992px) {
 .dropdown-menu.mega_custom_menu {
 width: 80%;
    padding: 30px;
    margin: auto;
    left: 0px;
    right: 0px;
 
  }
  .dropdown-menu.mega_custom_menu.show {
    display: flex;
  }
}
.dropdown-menu.mega_custom_menu ul {
  list-style: none;
  padding: 0; margin-bottom:25px;
  padding-right:20px;
}
.dropdown-menu.mega_custom_menu li .dropdown-item {
  color: #222;
  font-size: 14px;
  font-weight:600;
 padding: 3px 15px;
}
.dropdown-menu.mega_custom_menu li .dropdown-item:hover {
  background-color: #f1f1f1;
}


@media only screen and (max-width: 992px) {
.dropdown-menu.mega_custom_menu.show {
    flex-wrap: wrap;
    max-height: 350px;
    overflow-y: scroll;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1140px) {
  .dropdown:hover .dropdown-menu.mega_custom_menu {
    width: 80vw;
    flex-wrap: wrap;
  }
}

/* ============ mega menus .end// ============ */


 .about-mission .mission_box p  { color: #111;font-size: 30px;font-style: normal;font-weight: 700;line-height: 50px; /* 166.667% */}
 .value_box ul {     padding: 0px; text-align: center;}
.value_box ul li{ 
    display: inline-block;
    list-style: none;
    margin-right:50px;
    font-size: 30px;
    font-weight: 700;
    line-height: 60px;
    text-align: center; position:relative;}
  
.value_box ul li:after{
 content: '';
    position: absolute;
    left: -23px;
    top: 20px;
    bottom: 0px;
    background: #FDE700;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.yellow_banner_btm{ position:relative;}
.yellow_banner_btm:after{
content: '';
    position: absolute;
    width: calc(100% - 100px);
    top: auto;
    bottom: 40px;
opacity:0.8;

    height: 170px;

}
.why-we-img {    }
.team_box{ padding:20px;}
.team_box:hover  .img_box:after{  left: 0px; bottom:0px;}
 .team_box .img_box img{ width:100%; height:100%;/* border-radius:50%; */  }
.team_box .img_box { position:relative; }
.team_box .img_box:after{
  content: '';
    position: absolute;
    left: 10px;
    top: auto;
    bottom: 10px;
    opacity: 0.9;
    width: 100%;
    height: 100%;
  /* border-radius:50%; */
    border: 5px solid #FDE700;
    -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}
.team_box .content_box h4 {margin-bottom:0px; color: #111;font-size: 25px;font-weight: 700;line-height: 30px;}
.team_box .content_box { border-left: 8px solid #FDE700;;padding-left: 20px;}
.team_box .content_box p { line-height:20px;margin-top:10px;}
.video_box { background: #000;  border-radius: 30px; padding: 80px 80px; min-height: 600px;
            display: flex;  align-items: center;  flex-direction: column; justify-content: center;}

.main-head  { line-height: 80px; font-size: 75px; margin-bottom: 40px;}

.quotes_img{ position: relative;}
.quotes_img img{ position: relative; border-radius:50%; z-index:5; }
.quotes_img:after {
    content: '';
    position: absolute;
    left: -7px;
    top: auto;
    bottom: 0px;
    opacity: 0.9;
    width: 108%;
    height: 108%;
    z-index: 2;
    border-radius: 50%;
    background: #FDE700;}

.quotes_prof { border-left: 10px solid #fde919;
    padding-left: 10px;}
.quotes_prof h4 { font-size: 25px;font-weight: 700;line-height: 30px;    margin-bottom: 5px;}
.quotes_prof p { font-weight:400; }

.quotes_description {padding:40px 0px; position:relative; }
.quotes_description:before {
     position: absolute;
    left: -7px;
    top: -25px;
    bottom: auto;
    width: 90px;
    height: 90px;
    content: url(quotes-right.svg);
}

.quotes_description:after {
position: absolute;
    right: 0px;
    top: auto;
    bottom: -50px;
    width: 90px;
    height: 90px;
    content: url(quotes-left.svg);
}
.contact .field__label, .customer .field label { left: 10px; top: 11px; font-family: 'Montserrat', sans-serif !important;}
.contact .field {  background: #efefef;margin-bottom: 25px; font-family: 'Montserrat', sans-serif !important;}
.field__input:focus~.field__label, .field__input:not(:placeholder-shown)~.field__label, .field__input:-webkit-autofill~.field__label, .customer .field input:focus~label, .customer .field input:not(:placeholder-shown)~label, .customer .field input:-webkit-autofill~label
{ top: -20px; left: 0px;}
.contact__button .button {
    background: #edd500;
    font-weight: 600;
    color: #111;
    padding: 20px 40px;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif !important;
}
.dropdown-item { white-space: normal;}
.field input {
    background: #efefef !important;
    padding: 10px !important;
}
.customer { max-width: 800px!important;}
#recover:target {
    display: block;
    font-size: 46px;
}
.title.title--primary {  text-align:center;  }

.animated_btn  .swiper {
    max-width: 100%;
    height: 60px;
    border-radius: 10px;
    padding: 10px;
    background: #FDE700 !important;
}
  .animated_btn  .swiper-slide {
      text-align: center;
      font-size: 18px;
 
      display: flex;
      justify-content: center;
      align-items: center;
    }

 .animated_btn .swiper-slide a {
    border-radius: 15px;
     background: #FDE700 !important;
    color: #111;
text-decoration:none;
    font-size: 15px;
    padding: 10px 26px;
    border: none;
    font-weight: 700;
    transition: all 0.5s ease-out;
}






.grid--4-col-desktop .grid__item { width:25% !important; flex-grow: inherit!important; flex-shrink: inherit!important; }
.contact .field {
    margin-bottom: 40px!important; 
}


.facet-checkbox span{ position: relative; top:-5px;  }

#FacetsWrapperDesktop .active-facets-vertical-filter h2.facets__heading{ font-size:20px; font-weight:600;}
#FacetsWrapperDesktop .facets__disclosure-vertical { border-bottom:1px solid #ddd;     padding: 4px 10px; }
.facets__disclosure-vertical .facets__summary { font-size: 16px; font-weight: 600;}
.facets-vertical .facets__price { margin-top:10px; }
#FacetsWrapperDesktop  .facets__price .field input { background: #efefef !important;  padding: 14px !important;}
.facets.facets-vertical-sort { margin-bottom: 20px; }

.collection-hero__text-wrapper { text-align:center;}
.collection-hero.gradient { background:#fbf5b0;  padding: 25px 20px;}
.collection-hero__title { color: #241f21; font-size: 60px; margin-bottom: 0px !important; margin-top: 0px !important;}

.collection-hero__title+.collection-hero__description{  color:#222;  margin:auto;}



  .main_srvc_box{ position: relative;  overflow: hidden;}
   .main_srvc_box a { text-decoration: none; }
     .main_srvc_box .img_box{ overflow: hidden;}
   .main_srvc_box .img_box img {   -webkit-transition: 0.8s ease;transition: 0.8s ease;}
  .main_srvc_box:hover .img_box img  {-webkit-transform: scale(1.08); transform: scale(1.08);}

 .main_srvc_box .srvc_content { padding: 10px 0px;}
  .main_srvc_box .srvc_content h5 {     font-size: 24px;}
    .main_srvc_box .srvc_content p{ font-size:14px; line-height: 20px;}

.inner_service_sec .main_srvc_box { border:1px solid #ddd; }
.inner_service_sec .main_srvc_box .srvc_content{ padding:10px 10px; }
.inner_service_sec .main_srvc_box .srvc_content h6 {  font-size: 19px;margin-bottom:10px; min-height: 50px;  align-items: center; display: flex; }


   .services_list_section { border-top:1px solid #ddd;  border-bottom:1px solid #ddd; }
   .services_list_section ul { display: flex;padding:0px; justify-content: space-between; list-style: none; text-align: center; margin-bottom: 0px; }
   .services_list_section ul li { border-bottom: 0px solid #efefef;  padding:10px;}
   .services_list_section ul li a { text-decoration: none;  font-size: 16px;  color: #222;  font-weight: 600;}
   .services_list_section ul li a:hover{ color: #D6A703!important;}





.team-sales-card { background: #fde800;
    border-radius: 20px;
    text-align: center; height:100%; }
.team-sales-card  .card-body {    display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.team-sales-card .card-title { padding:20px 10px; }
  
 .team-sales-card .card-body ul  {list-style:none;margin-bottom:30px; width:100%}
  .team-sales-card .card-body ul li {     font-size: 17px;
    font-weight: 600;
    padding: 8px 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #ffffff7a; }
  


.shopify-policy__container {max-width: 100ch;}

.search__input.field__input {
    text-align: center;
    padding: 0px;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
}

















  .mission_line_box {width:100%; border: 1px solid #EED600;height:100%; }
  .mission_line_box h4 {   background:#ebd300;  font-size:35px;line-height:40px; padding:20px; font-weight:800; }
  .mission_line_box  .content_box { padding:20px;}
  .mission_line_box  .content_box p{ font-family: Montserrat;font-size:25px; font-weight:600; line-height:30px;}
 .mission_line_box  .content_box p span {margin-top:5px;display: block; font-size:15px; line-height:20px; font-weight:600;}

#shopify-section-template--19758991376691__797fb26a_1696311042 { display:none;}


/*================================================
responsive CSS
=================================================*/


@media (min-width: 1400px) { 
.navbar-expand-xxl .navbar-nav {
    flex-direction: row;
    justify-content: space-between;
    flex: 0 0 100%;}
}
@media (max-width:1800px)  {
   .mission_line_box h4 {display: flex;
    align-items: center;
    height: 111px;
    justify-content: center;
    font-size: 29px;}
  .f-20 {font-size: 19px;}
    .banner-content h2{ font-size: 60px;line-height: 65px;}
  .collection-hero__title { font-size:55px; line-height:60px}
    .sec-head {  font-size: 60px; line-height: 65px; margin-bottom: 40px ; }
  
   
}
@media (max-width:1719px)  {
  .f-20 {font-size: 18px;}
    .container-fluid {
        --bs-gutter-x: 40px;
    }
    .custom_header .navbar-nav .nav-item {
        padding-right: 15px;
    }
    .custom_header .navbar-nav .nav-link { font-size: 15px;}
 .yellow_banner_btm:after { bottom:20px;   height: 120px;     width: calc(100% - 80px); right:40px;}
 
}
/*================================================
responsive CSS
=================================================*/

@media (max-width:1569px)  {
  
  .yellow_banner_btm:after { bottom:15px;   height: 90px;}
  
   .mission_line_box  .content_box p{ font-size:20px;line-height:25px;}
    .mission_line_box  .content_box p span {font-size:15px;line-height:20px; }
   .collection-hero__title { font-size:50px; line-height:55px}
  .f-20 { font-size: 17px;}
    .banner-content h2{ font-size: 55px;line-height: 55px;}
    .sec-head {  font-size: 55px; line-height: 60px; margin-bottom: 40px ; }
    
    .custom_header .navbar-nav .nav-item { padding-right: 9px; }
    .custom_header .navbar-nav .nav-link { font-size: 14px;}
  .animated_btn .swiper-slide a { font-size: 14px;}
  .home-category  .theme_btn {
        border-radius: 15px;
        background: #FFF;
        color: #111;
        font-size: 15px;
        padding: 8px 22px;
        border: none;
        font-weight: 700;
    }
    .cat-h-btn.three {
        left: 244px;
        right: auto;
        bottom: 10px;
    }

    .home-category .theme_btn img {
        width: 17px;
        margin-left: 10px;
    }
}





/*================================================
responsive CSS
=================================================*/

@media (max-width:1399px) {
    
   .mission_line_box  .content_box p{ font-size:20px;line-height:25px;}
    .mission_line_box  .content_box p span {font-size:15px;line-height:20px; }

  
    p  {font-size: 15px; line-height: 30px;}
    .sec-head {  font-size: 50px; line-height: 55px;margin-bottom: 30px ; }
    .section-padding { padding-top: 70px;  }
    .pb-100 { padding-bottom: 70px !important;}

  
 .collection-hero__title { font-size:40px; line-height:45px}
 .custom_header .navbar-nav .nav-link {   font-size: 13px; } 

  .animated_btn .swiper{ height:50px;}
    .animated_btn .swiper-slide a { padding:5px 10px;font-size: 13px;}
  
  .custom_header .navbar-nav .nav-item {
    padding-right: 1px;
}
.custom_header .navbar-nav .dropdown-menu .dropdown-item { font-size:12px;}


  
.yellow_banner_btm:after {
    bottom: -76px;
    left: 0px;
    height: 80px;
}
    .cat-h-btn.three {
        left: 104px;
        right: auto;
        bottom: 10px;
    }



    .home-about {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .banner-content h2{ font-size:40px;line-height: 45px;}
    .banner-content h2 br { display: none;}
    .banner-content p {font-size: 16px; line-height: 25px;
    }


    .home-about .abt-img img {
        position: absolute;
        top: -250px;
        right: -16vw;
        width: 130%;
    }

 .yellow_banner_btm:after{ display:none;}
  .team_box .content_box h4 { font-size:22px;}
.services_list_section ul { padding:0px}
  .services_list_section ul li a { font-size:14px; }
}


/*================================================
responsive CSS
=================================================*/
@media (max-width: 1199px) {
   .mission_line_box h4 {  font-size:20px;line-height:25px;}
   .mission_line_box  .content_box p{ font-size:17px;line-height:25px;}
    .mission_line_box  .content_box p span {font-size:14px;line-height:20px; }
  
   .collection-hero__title { font-size:40px; line-height:45px}
   p  {font-size: 14px; line-height: 30px;}

    .home-about {
        padding-top: 50px;
        padding-bottom: 50px;
    }
  
    .section-padding {
        padding-top: 50px;
    }
    .pb-100 { padding-bottom: 50px !important;}
    .banner-content {
        position: relative;
        right: auto;
        margin-top: -70px !important;
        padding: 25px;
        margin-left: -63px;
        text-align: center;
        width: 92%;
        height: auto;    min-height: auto;
        background: #FDE700;
        bottom: 0px;
        margin: auto;
    }

    .sec-head {  font-size: 45px; line-height: 50px;}


.about-mission .mission_box p { font-size:22px; line-height:30px; }
.value_box ul li:after { left: -30px; top: 23px;}
.value_box ul li {  font-size: 20px; font-weight: 700;}
.custom_header .navbar  .container-fluid {
    --bs-gutter-x: 20px;
}
 
.page_header_image { min-height: 450px;}
 .page-banner .banner_image { height: 450px;} 
  .main-head {line-height: 55px;  font-size: 50px;}
   .team_box .content_box h4 { font-size:18px;}


  .services_list_section ul { padding:10px;  }
  .services_list_section ul li { padding:0px; }
}
/*================================================
responsive CSS
=================================================*/
@media (max-width: 991px) { 
   .collection-hero__title { font-size:35px; line-height:40px}
    .sec-head {  font-size:40px;  line-height: 45px;}
  
h1 {font-size: 48px;}
h2 { font-size: 40px;}
h3 { font-size: 30px;}
h4 { font-size: 20px;}
h5 { font-size: 18px;}
h6 { font-size: 15px;}
  .pb-60{ padding-bottom: 30px !important;}
.pt-60{ padding-top: 30px !important;}
    .main-head { font-size: 50px;  line-height:55px;}

.page-banner .page-banner-content{ padding:0px 60px; }
.side_bar_menu.nav .big-nav > ul > li > a{ font-size:14px;}
.side_bar_menu.nav .big-nav > ul > li > a img { margin-right: 8px; width: 40px !important;}
.collection_banner_block .banner_content h2 { font-size: 30px!important;}
  /* about */
.about-why-we-content { padding-top:50px;}
.about-mission .mission_box p { font-size:22px; line-height:30px;}

  .value_box ul li:after { content: ''; position: absolute;  left: -31px; top: 15px;}
 .value_box ul li   { font-size: 21px;  line-height: 49px;}
  /* about end */


  
    .p-60 { padding: 30px; }

    .home-about .abt-img img {
        position: relative;
        top: auto;
        right: -116px;
        width: 100%;
    }
    .navbar-brand { margin-bottom: 10px; display: block;}
   .main-banner .banner-image{ min-height:300px ;height: auto; }
   .featute_outer_box .feature-img {
    position: inherit;
    width:60% !important;margin:auto;
    top: auto;
    left: auto;
}
.feature_icon_outer .feature_icon_box{ margin-bottom:20px;}

  
.services_image_box {
    position: initial;
    top: auto;
    bottom: auto;
    padding: 50px;
    left: auto;
    width: auto;
}
.feature_icon_outer {  padding: 50px;}

.footer_link_menu {margin-top:30px !important;  margin: auto;text-align: center;}
.footer_link_menu li { margin-bottom: 0px;padding-right:10px }
.home-category .theme_btn { font-size: 12px;}
.cat-h-btn {
    position: absolute;
    right: 10px;
    z-index: 1;
    bottom: 10px;
}
.cat-h-btn.four {
    left:7%;
    right: auto;
    bottom: 10px;
}
.cat-h-btn.three {
    left: 41%;
    right: auto;
    bottom: 0px;
}
  .page-description br{ display:none;}
  .newsletter-form { justify-content:center; }
  .newsletter-form .submit input{ min-width:100px;}
  .video_box { height:400px; min-height:400px; }
.video_box { border-radius: 30px; padding: 35px 35px; }
 .video_box .play-btn {  width:50px; }
  .home-about { padding-bottom:0px;}
.shopify-payment-button__button{ height: 50px!important;}
  .shopify-payment-button__button::before{ font-size:14px !important}
.product-form__submit{ height: 50px; font-size: 14px !important}
  .product__info-wrapper .product__title h1 {
    font-size: 20px;
    line-height: 29px;
}
 .product .price__container span.price-item { font-size: 20px; } 
   
  
  .tabs-section .nav-tabs .nav-link{   
     margin-bottom:10px;
     font-size: 14px !important;

   }

.product__info-container{ margin-bottom:0px;}

.section-template--20445273981235__main-padding { padding-bottom: 0px!important;}


.grid--4-col-desktop .grid__item { width:50% !important; flex-grow: inherit!important; flex-shrink: inherit!important; }

.product-card-wrapper .card__content .card__heading { font-size:13px !important; }
.price:not(.price--show-badge) .price-item--last:last-of-type{ font-size:13px !important;}





  
#navbarNav { z-index:2; top:102%; }
.mega_custom_menu .nav-pills .nav-link {
    padding: 10px 10px !important;
    font-weight: 700;
    color: #000;
}
.custom_header .navbar-nav .nav-link {
    color: #efefef;
    padding: 10px;}
.mega_custom_menu .nav-pills .nav-link {
    color:#222;
    padding: 10px; }
  
.dropdown:hover .dropdown-menu.mega_custom_menu {
    width: 100%!important;}
  

      .custom_header .navbar-toggler { margin-left: 20px;}
    #navbarNav {
        position: absolute;
        left: 0px;
        right: 0px; 
        top:80px;
        background: #222;
        width: 100%;
        padding: 0px 20px;
    }
 
    .main-head { font-size: 60px;  line-height:65px;}

 .main_srvc_box .srvc_content h5 {     font-size: 20px;}

.custom_header .navbar-nav .mega_custom_item .dropdown-toggle::after {  display:none; }
.custom_header .navbar-nav  .dropdown.mega_custom_item  .dropdown-menu {  display:none; }
}
/*================================================
responsive CSS
=================================================*/

@media screen and (max-width: 767px){
 .mission_line_box h4 { height:auto;}
    .collection-hero__title { font-size:30px; line-height:35px}
.h1 { font-size: 40px;}
.h2 { font-size: 35px;}
.h3 { font-size: 25px;}
.h4 {font-size: 20px;}
.h5 { font-size: 15px;}
.h6 { font-size: 13px;}
  .main-head {
    line-height:45px;
    font-size: 40px;
    margin-bottom: 40px;
}
  
  .f-20 { font-size: 16px;}
    .value_box ul {
    padding: 0px;
    text-align: center;
    margin-left: 25px;
}
.value_box ul li {
    display: block;
    list-style: none;
    margin-right: 50px;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    text-align: left;
    position: relative;
}
.quotes_img:after {
    content: '';
    position: absolute;
    left: -7px;
    top: auto;
    bottom: 12px;
    opacity: 0.9;
    width: 100%;
    height: 100%;
    z-index: 2;
    border-radius: 50%;
    background: #FDE700;
}
  .newsletter-form .text_input{ min-width:250px;}
.value_box ul li:after{ width:10px; height:10px; top:10px;}

.contact .field {
    margin-bottom: 20px!important;
}

 .page-banner .page-banner-content{ padding:0px 60px; }
  .page-banner .banner_image { height: 400px;}
.page_header_image { min-height: 400px;}

  .mega_full_width_row ul {display: block !important;}
    .sec-head {
        font-size: 35px;
        line-height: 40px;
    }
    .container-fluid, .container { --bs-gutter-x:20px; }
    .banner-content h2 { font-size:35px; line-height:40px;}
    .banner-content p  { font-size:15px;}


    .theme_btn { font-size: 15px; text-align:left; }
  .theme_btn img{     width: 20px; margin-left: 10px;}
.tab_area  .mega_full_width_row ul li{      width: 100%; }
.side_bar_menu.nav .big-nav > ul > li.show > ul{ column-count:1!important;}
  .home-about .abt-img img { right:-10px}



  .services_image_box {
    position: relative;
    top: 0px;
    bottom: 0px;
    left: auto;
    margin: 0px;
    right: auto;
    width: 100%;
    padding:0px;
}
.services_image_box img { padding:10px;}
.about-mission .mission_box p {
    font-size: 16px;
    line-height: 30px;
}
.value_box ul li {   font-size: 16px;    line-height: 30px;}
.custom_header .navbar-nav .dropdown-menu .dropdown-item {
    font-weight: 600;
    line-height: 19px;
    font-size: 13px;
    margin-bottom: 3px;
}
  .sec-head br { display:none;}
  #navbarNav {
    position: absolute;
    left: 0px;
    right: 0px;
    top:268px;
    background: #222;
    width: 100%;
    padding: 0px 20px;
}
  .mega_full_width_row ul li { width:100% !important; }
  .product-grid.contains-card li { width: 50%; flex: 0 0 50%;}
.feature_icon_outer .feature_icon_box { width: 100%;}
  .feature_icon_outer { padding: 30px;}
  .feature_icon_img img {  width: 40px;}
   .services_list_section ul li a { font-size: 15px; }
  .services_list_section ul li{ padding:5px;}


.sec_header p br { display:none;}
  .team-sales-card .card-body ul li{ font-size:14px;}

.navbar-brand img { max-width:100%; }
.product-grid-container{ margin-top:30px; }
  .menu-opening .mobile-facets__inner{ background:#fff;}
  .mobile-facets__label { top: -6px;
    position: relative;}
  .services_list_section ul { display:  block;}
}




@media screen and (max-width: 575px){
  .collection-hero.gradient { padding:10px 10px}
     .collection-hero__title { font-size:20px; line-height:22px}
.h1 { font-size: 30px;}
.h2 { font-size: 25px;}
.h3 { font-size: 20px;}
.h4 {font-size: 18px;}
.h5 { font-size: 14px;}
.h6 { font-size: 12px;}
.pt-60 {
    padding-top: 20px !important;
}
  .pb-60 {
    padding-top: 20px !important;
}
  .sec-head {  font-size:30px;  line-height:35px;}

  
.page-banner .page-banner-content {  padding: 0px 60px;}
    .header_search input { margin-top: 0px;height:35px;}
     .header_search button {    bottom: 2px;} 
    .container-fluid { --bs-gutter-x:20px; }
.animated_btn .swiper {
    height: 35px;
}
    .custom_header {  padding: 10px 0px;   }
.input-group.newsletter-form { display:block;  }
.newsletter-form .text_input { border-radius:0px; }
.newsletter-form  .submit{ display:block; width:100%;}
.newsletter-form .submit input {    width: 100%;
    height: auto;
    border-radius: 0px;
    height: 50px;
    margin-top: 10px;}
  .grid--4-col-desktop .grid__item { width:100% !important;  }
  .inner_service_sec .main_srvc_box .srvc_content h6   {     font-size: 18px;margin-bottom:10px;     min-height:auto;  display: block; }

.services_list_section ul { display:  block;}
  .testimonial4_slide .icon img { width: 30px;}

.services_image_box .col-lg-5.col-md-6.col-sm-6 { display:none;}
  .featute_outer_box .feature-img {
    position: relative;
    width: 88% !important;
    margin: auto;
    margin-top: -50px;
    left: auto;
    z-index: 11111;
}

.featute_outer_box .overflow_hidden {overflow: inherit !important;}
#navbarNav{ top:175px;}
.theme_btn{ font-size:14px;}
.theme_btn{ padding: 10px 15px;}
.video_box p br { display:none;}
.video_box .logo{margin-top: 20px;}


.collection_banner_block .banner_content{ padding:0px;}    
   .collection_banner_block .banner_content h2{ font-size:24px !important;margin-bottom: 20px !important;}  

.product_sidebar_section .collection_banner_col { order:1;}
.product_sidebar_section .sidebar_col{ order:2;}
  
  .collection-banner-footer {margin-bottom: -123px!important;}
#product-grid .grid__item { width: 100%!important; flex: 0 0 100%!important;}

.navbar-brand img { max-width: 76%;margin: auto;  text-align: center;}
  .navbar-brand { text-align: center;}

  .banner-box .banner_content .row { align-items:end !important; }

}


.customer.account h2{ font-size:25px !important}

.product__description h2{ font-size:25px !important}

/* =====================================================
   Hide sport sidebar on sub-collection product pages
   Targets section ID directly (no body template class)
   ===================================================== */


/* Hide collection hero image, keep title */
[id*="banner"] .collection-hero__image-container {
  display: none !important;
}

/* Tighten banner padding without image */
[id*="banner"] .collection-hero__inner {
  padding-top: 12px;
  padding-bottom: 12px;
}
/* =====================================================
   COLLECTION BANNER — Tighten vertical space + widen text
   Targets sub-collection pages (sport-dept-sub-template)
   ===================================================== */

/* Shrink title top/bottom margin */
.collection-hero__title {
  margin: 0.75rem 0 !important;
}

/* Shrink description top/bottom margin */
.collection-hero__title + .collection-hero__description {
  margin-top: 0.5rem !important;
  margin-bottom: 0.75rem !important;
}

/* Widen description to near full width on desktop */
@media screen and (min-width: 750px) {
  .collection-hero__description {
    max-width: 100% !important;
  }
}

/* Tighten filter/sort bar top spacing */
.facets-wrapper {
  padding-top: 8px !important;
  margin-top: 0 !important;
}

/* ── Collection description: reclaim remaining width ── */

/* Remove max-width cap on the hero container itself */
.collection-hero {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Mobile: tighten side padding (reclaim ~1" total) */
@media screen and (max-width: 749px) {
  .collection-hero__description {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* Desktop: remove any remaining side constraints (reclaim ~2" total) */
@media screen and (min-width: 750px) {
  .collection-hero__description {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Break collection hero out of page-width constraint */
.collection-hero.page-width,
.collection-hero .page-width {
  max-width: 100% !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
/* =====================================================
   COLLECTION DESCRIPTION — Mobile / Desktop visibility
   
   HOW TO USE:
   In the collection description (rich text editor),
   click the <> source code button and wrap text like:
   
   <span class="desc-desktop">Desktop version of text here.</span>
   <span class="desc-mobile">Mobile version of text here.</span>
   
   Desktop text shows on screens 750px and wider.
   Mobile text shows on screens under 750px.
   ===================================================== */

.desc-mobile { display: none; }
.desc-desktop { display: inline; }

@media screen and (max-width: 749px) {
  .desc-desktop { display: none; }
  .desc-mobile  { display: inline; }
}

/* =====================================================
   COLLECTION HERO — Break out of page-width constraint
   Reclaims ~2" on desktop, keeps side breathing room
   ===================================================== */

.collection-hero.page-width,
.collection-hero .page-width {
  max-width: 100% !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
/* ── Collection Banner: reduce padding ── */
.collection__title-wrapper,
.collection-hero__inner,
.collection-hero {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* ── Desktop: reduce header logo size ── */
@media screen and (min-width: 750px) {
  .header__heading-logo {
    max-width: 200px !important;
  }
}

/* ── Desktop: tighten header overall height ── */
@media screen and (min-width: 750px) {
  .header {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}

/* ── Reduce gap between banner and product grid ── */
.collection-hero + *,
.collection__title-wrapper + * {
  margin-top: 0 !important;
}
/* ── Below logo: reduce margin by 1/4 inch (~24px total) ── */
@media screen and (min-width: 750px) {
  .header__heading {
    margin-bottom: 6px !important;
  }
  .header__search {
    margin-top: 6px !important;
  }
}

/* ── Below nav menu: reduce space above yellow banner by 5/8 inch (~60px) ── */
@media screen and (min-width: 750px) {
  .collection-hero,
  .collection__title-wrapper {
    margin-top: -60px !important;
  }
}

/* ── Above page title: reduce top padding inside yellow box by 5/8 inch (~60px) ── */
.collection-hero__inner,
.collection__title-wrapper {
  padding-top: 10px !important;
}

/* ── Below yellow box: reduce space before filter bar by 1/2 inch (~48px) ── */
.collection-hero + *,
.collection__title-wrapper + * {
  margin-top: -48px !important;
}

/* ── Filter & Sort: individual pill buttons with yellow, NOT full width bar ── */

/* Remove any full-width yellow background we added before */
.facets-container,
.facets__form,
.collection-filters-container,
.sort-by__container,
[class*="facets"] {
  background-color: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Pill style on Filter and Sort button */
.facets__summary,
.facets-mobile__open,
button[aria-controls*="facet"],
.facet-filters__summary {
  background-color: #FFE600 !important;
  border: 2px solid #FFE600 !important;
  border-radius: 50px !important;
  padding: 4px 16px !important;
  font-weight: 600 !important;
}

/* Pill style on Sort by dropdown */
.facets__sort .select__select,
.collection-sort__select,
select[id*="sort"] {
  background-color: #FFE600 !important;
  border: 2px solid #FFE600 !important;
  border-radius: 50px !important;
  padding: 4px 16px !important;
  font-weight: 600 !important;
  appearance: auto !important;
}
/* ── Filter bar: reduce space above by 1/4 inch (~24px) and below by 1/8 inch (~12px) ── */
.facets-container,
.collection__filters,
[class*="facet-filters"],
.facets__form {
  margin-top: -24px !important;
  margin-bottom: -12px !important;
}
/* ── Sort By: realign to same height as Filter and Sort button ── */
.facets__sort,
.collection-sort__container,
[class*="sort-by"] {
  display: flex !important;
  align-items: center !important;
  margin-top: 0 !important;
  vertical-align: middle !important;
}

.facets__sort .select__select,
.collection-sort__select,
select[id*="sort"] {
  margin-top: 0 !important;
  vertical-align: middle !important;
}

/* ── Update all yellow to Astrobright Solar Yellow #FFD400 ── */
.facets__summary,
.facets-mobile__open,
button[aria-controls*="facet"],
.facet-filters__summary,
.facets__sort .select__select,
.collection-sort__select,
select[id*="sort"] {
  background-color: #FFD400 !important;
  border-color: #FFD400 !important;
}
/* ── Yellow banner: lower top edge by 1/2 inch (~48px) ── */
@media screen and (min-width: 750px) {
  .collection-hero,
  .collection__title-wrapper {
    margin-top: 48px !important;
  }
}

/* ── Desktop Sort By: force vertical alignment with Filter button ── */
@media screen and (min-width: 750px) {
  .facets-container,
  .facets__form,
  [class*="facet-filters"] {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .facets__sort {
    margin-top: 0 !important;
    align-self: center !important;
  }
}

/* ── Mobile Filter: fix empty box when filter panel opens ── */
@media screen and (max-width: 749px) {
  .facets__form,
  .facets-mobile__details,
  details[class*="facet"] {
    overflow: visible !important;
    height: auto !important;
    min-height: unset !important;
  }

  details[class*="facet"][open] > *,
  .facets__disclosure[open] > * {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
/* ── DEFINITIVE: Remove ~1 inch white gap above yellow banner on desktop ── */
@media screen and (min-width: 750px) {
  .collection-hero,
  .collection__title-wrapper,
  .collection__hero {
    margin-top: -120px !important;
    padding-top: 0 !important;
  }
}
/* ── DEFINITIVE: Remove white gap above yellow banner on desktop ── */
@media screen and (min-width: 750px) {
  .collection-hero,
  .collection__title-wrapper,
  .collection__hero {
    margin-top: -24px !important;
    padding-top: 0 !important;
  }
}
/* ── Product card: disable quick view, make image click go to product page ── */
.card__media a,
.card--product .media a,
.card__inner a.full-unstyled-link {
  pointer-events: auto !important;
}

.quick-add,
.quick-add__submit,
[class*="quick-add"] {
  display: none !important;
}

/* ── Force product card image to be a direct link, block any overlay intercept ── */
.card__media {
  pointer-events: none !important;
}

.card__media a {
  pointer-events: auto !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.card__media a * {
  pointer-events: none !important;
}

/* ── Mobile: make Filter and Sort button bold and prominent ── */
@media screen and (max-width: 749px) {
  .mobile-facets__open,
  button[class*="mobile-facets"] {
    background-color: #FFD400 !important;
    border: 2px solid #FFD400 !important;
    border-radius: 50px !important;
    padding: 8px 24px !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    width: auto !important;
  }

  /* ── Yellow accent on filter group headings inside drawer ── */
  .mobile-facets__details summary,
  .mobile-facets__summary {
    background-color: #FFD400 !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
  }
}

/* ── Size filter dropdown: white background to match Sort by Price ── */
.facets__display,
.facets__list,
details[class*="facet"] .facets__display,
.facet-checkbox,
details.js-filter div[id*="Filter"] {
  background-color: #ffffff !important;
  padding: 8px !important;
  border-radius: 6px !important;
}

/* ── Size filter: force white background (stronger override) ── */
.facets__display {
  background-color: #ffffff !important;
}

details.js-filter[open] > div,
details.js-filter[open] > .facets__display {
  background-color: #ffffff !important;
  padding: 8px !important;
  border-radius: 6px !important;
}

/* ── Hockey Sticks only: relabel "Color" filter to "Bottom Hand" ── */
body.template-collection--ice-hockey-sticks-sr .facets__summary[aria-controls*="Color"] .facets__selected,
body.template-collection--ice-hockey-sticks-int .facets__summary[aria-controls*="Color"] .facets__selected,
body.template-collection--ice-hockey-sticks-jr .facets__summary[aria-controls*="Color"] .facets__selected,
body.template-collection--ice-hockey-sticks-yth .facets__summary[aria-controls*="Color"] .facets__selected,
body.template-collection--ice-hockey-sticks-sr label[for*="Color"],
body.template-collection--ice-hockey-sticks-int label[for*="Color"],
body.template-collection--ice-hockey-sticks-jr label[for*="Color"],
body.template-collection--ice-hockey-sticks-yth label[for*="Color"] {
  font-size: 0 !important;
}

body.template-collection--ice-hockey-sticks-sr .facets__summary[aria-controls*="Color"]::after,
body.template-collection--ice-hockey-sticks-int .facets__summary[aria-controls*="Color"]::after,
body.template-collection--ice-hockey-sticks-jr .facets__summary[aria-controls*="Color"]::after,
body.template-collection--ice-hockey-sticks-yth .facets__summary[aria-controls*="Color"]::after {
  content: "Bottom Hand" !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

/* Announcement bar - desktop single line, mobile 2 lines */
.announcement-bar-section .utility-bar {
  padding: 2px 0 !important;
}
.announcement-bar__message {
  font-size: 10px !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  overflow: hidden !important;
}

/* Desktop - force single line */
@media screen and (min-width: 750px) {
  .announcement-bar__message {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    max-height: 16px !important;
  }
}

/* Mobile - allow 2 lines */
@media screen and (max-width: 749px) {
  .announcement-bar__message {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
  }
}
/* Announcement bar - tight top margin, compact height */
.announcement-bar-section .utility-bar {
  padding: 1px 0 !important;
  margin-top: 0 !important;
}
.announcement-bar-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.announcement-bar__message {
  font-size: 10px !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  padding: 0 8px !important;
}

/* Desktop - single line */
@media screen and (min-width: 750px) {
  .announcement-bar__message {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    max-height: 14px !important;
  }
}

/* Mobile - 2 lines max */
@media screen and (max-width: 749px) {
  .announcement-bar__message {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
  }
}
/* Desktop only - tighten hockey sidebar category spacing */
@media screen and (min-width: 750px) {
  .sport-sidebar-parent {
    padding: 4px 12px !important;
  }
}

@media (max-width: 749px) {
  .mobile-facets__item label {
    display: flex !important;
    align-items: center !important;
    gap: 4px;
    padding-left: 2px;
    line-height: 1.2;
  }

  .mobile-facets__item .checkbox {
    flex-shrink: 0;
    position: relative !important;
    top: 0 !important;
    margin: 0 !important;
  }

  .mobile-facets__item svg {
    display: block !important;
    position: relative !important;
    top: 0 !important;
    margin: 0 !important;
  }
}

/* Desktop fix */
.mobile-facets__item label {
  display: flex !important;
  align-items: center !important;
  gap: 4px;
  padding-left: 2px;
  line-height: 1.2;
}

.mobile-facets__item .checkbox {
  flex-shrink: 0;
  position: relative !important;
  top: 0 !important;
  margin: 0 !important;
}

.mobile-facets__item svg {
  display: block !important;
  position: relative !important;
  top: 0 !important;
  margin: 0 !important;
}


/* Keep announcement bar behind filter/facet drawer */
.announcement-bar,
.shopify-section-announcement-bar {
  z-index: 1 !important;
}

.mobile-facets__wrapper,
facet-filters-form,
#FacetFiltersFormMobile {
  z-index: 200 !important;
}

/* Limit filter list height to prevent overlap with Clear/Apply buttons */
.mobile-facets__list {
  max-height: calc(100vh - 250px) !important;
  overflow-y: auto !important;
}

/* Force filter drawer above announcement bar */
.mobile-facets__wrapper {
  z-index: 9999 !important;
  position: relative !important;
}

details[open] > .mobile-facets__submenu {
  z-index: 9999 !important;
}

/* Push filter drawer below announcement bar */
facet-filters-form .mobile-facets__wrapper,
#FacetFiltersFormMobile {
  padding-top: 40px !important;
}


/* Skate size sort toggle */
.skate-sort-toggle {
  position: static !important;  /* no stacking context — stays inside drawer */
  z-index: auto !important;
  display: block;
  width: 100%;
  margin: 8px 0 4px;
  padding: 6px 12px;
  font-size: 13px;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
}

/* Ensure the toggle never escapes the mobile filter drawer */
.mobile-facets__wrapper .skate-sort-toggle,
.facets__wrapper .skate-sort-toggle {
  position: static !important;
  z-index: auto !important;
}


  // Hide toggle when mobile filter drawer closes
  document.addEventListener("click", function (e) {
    // Dawn's close button or overlay click closes the drawer
    var isClose = e.target.closest(
      '.mobile-facets__close, ' +
      '[aria-controls="mobile-facets-filters"], ' +
      '.overlay, ' +
      '.drawer__overlay'
    );
    if (isClose) {
      document.querySelectorAll("." + TOGGLE_CLASS).forEach(function (btn) {
        btn.style.display = "none";
      });
    }
  });

  // Also hide toggle if drawer loses open state (catches all close methods)
  var drawerObserver = new MutationObserver(function () {
    var drawer = document.getElementById("mobile-facets-filters") ||
                 document.querySelector(".mobile-facets__wrapper");
    if (drawer) {
      var isOpen = drawer.hasAttribute("open") ||
                   drawer.classList.contains("is-open") ||
                   drawer.getAttribute("aria-hidden") === "false";
      if (!isOpen) {
        document.querySelectorAll("." + TOGGLE_CLASS).forEach(function (btn) {
          btn.style.display = "none";
        });
      }
    }
  });

  var drawerTarget = document.getElementById("mobile-facets-filters") ||
                     document.querySelector(".mobile-facets__wrapper") ||
                     document.body;
  drawerObserver.observe(drawerTarget, { attributes: true, attributeFilter: ["open", "class", "aria-hidden"] });


/* Fix: Bootstrap navbar collapse renders above Filter and Sort button */
#navbarNav,
.navbar-collapse {
  z-index: 5 !important;
  position: relative !important;
}

.mobile-facets__open {
  position: relative !important;
  z-index: 2 !important;
}

.skate-sort-toggle {
  display: none;
  position: static !important;
  z-index: auto !important;
  width: 100%;
  box-sizing: border-box;
  margin: 8px 0 4px;
  padding: 6px 12px;
  font-size: 13px;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
}

}