/* Filters - Start */

.main-products-wrapper .cactus-filters{
   display : none !important;
}

.module-filter-36 .panel-group{
    flex-direction: row;
    flex-wrap:  unset;
    gap: 2%;
}

.module-filter-36 a {
   text-wrap: nowrap;
}

.module-filter-36 .panel-group .panel-heading a::before {
    font-weight: bold;
    margin-left : 10px;
}


.module-filter-36 .module-title {
   display : none;
}

.module-filter .module-item{
   width : 130px;
}

@media only screen and (max-width: 1025px) {
   .module-filter-36 .panel-group{
      flex-direction: column;
   }

   .module-filter .module-item {
      width: 100%;
   } 
}

/* Filters - End*/


/* Cart Page - Start */

.route-checkout-cart .breadcrumb, .route-checkout-cart .page-title{
   display : none !important;
}

.route-checkout-cart  .cart-panels .title{
   display:none;
}

#checkout-cart {
     margin-top: 2%;
}

/*Cart Page - End */

/* Checkout Page - Start */

.route-checkout-checkout .breadcrumb, .route-checkout-checkout .page-title{
   display : none !important;
}

.quick-checkout-wrapper{
     margin-top: 2%;
}

.route-checkout-checkout .required .control-label::after{
   display : none;
}

.route-checkout-checkout .quick-checkout-payment h2{
   display : none;
}

/*Chekout Page - End */



/* Category Page - Start */
@media screen and (min-width: 1500px) {
   .main-products {
      display: grid !important;
      grid-template-columns: repeat(4,1fr);
   }

   .product-grid .product-layout:nth-child(18n + 3) {
      grid-column: auto /span 2;
      grid-row: auto /span 2;
   }

   .product-grid .product-layout:nth-child(18n + 10) {
      grid-column: auto /span 2;
      grid-row: auto /span 2;
   }

   .product-layout .image {
      height: 100%;
   }

   .product-layout .image a img {
      height: 100%;
      object-fit: cover;
   }


   .product-layout .image a > div {
      height: 100%;
   }

   .main-products.product-grid .product-layout:not(.swiper-slide) {
      width: 100% !important;
   }

   .product-layout .image a {
      height: 100%;
   }
}

.route-product-category  .title.page-title{
  display:none;
}



.sw1 {
   border: 2px #000000 solid !important;
   padding: 3px!important;
}


.product-layout  video {
   aspect-ratio: 1/1;
}


/* Category Page - End*/


/* Product Page - Start */

.cactus-product-code, .cactus-manufacturer-code, .cactus-color-name{
   display: flex;
   font-size: 15px;
   font-weight: 400;
}

.route-product-product .with-additional{
  display  : none;
}

.product-image .additional-images:not(.swiper) {
   display: flex;
   flex-wrap: wrap;
}

.additional-image {
   padding: calc(5px / 2);
}

.additional-images2 {
   display: flex;
   flex-direction: row;
   justify-content: center;
}

.additional-images2 .additional-image {
   width: 400px;
   height: 478px;
}

.route-product-product #product {
   position: sticky;
   top: 10%;
}

.swatches {
   margin-top: 0;
   margin-bottom: 10px;
   list-style: none;
   display: flex;
   gap: 10px;
   padding: 0px;
   flex-wrap: wrap;
}

.route-product-product .breadcrumb{
  padding-left : 10px;
}

.product-model-title::after, .product-manufacturer-title::after {
   content: ":";
   margin-left: 5px;
   margin-right: 5px;
}

#product .product-swatches p{
   font-size: 16px;
   letter-spacing: 0px;
   font-weight: 600;
}

.module-blocks-308 .panel-group .panel-heading a::before{
      font-weight: bold;
}

.product-model-manufacturer{
 order : 2;
}

.product-blocks.blocks-bottom{
  order : 7;
}

.color-options-group{
  margin-top:16px;
  order:8;
}

.product-options .required .control-label::after{
  display : none;
}

.product-options .form-group .control-label{
   font-size: 16px;
   letter-spacing: 0px;
   font-weight: 600;
}

.product-swatches{
     order: 3;
}

@media only screen and (max-width: 767px) {
   .route-product-product .with-additional{
      display  : block !important;
    }
    
}

/* Product Page - End */


/*Home Page - Start */
.home-page-banner{
  position : relative;
}

.home-page-texts {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #fff;
   text-align:center;
}

.home-page-title{
  font-size: 46px;
  font-weight:bold;
  letter-spacing: 3px;
}

.home-page-button{
   padding: 10px;
   background: #fff;
   color: #000;
   width: 200px;
   margin: 0 auto;
   margin-top: 6%;
}

.home-page-text{
  font-size: 18px;
  font-weight:bold;
}

.header-classic .language-currency{
   order: 1 !important;
   width :20%;
}

.header-classic .classic-cart-wrapper{
   width : 20%;
}

.cactus-home-page-menu{
   display: flex;
   gap: 32px;
   justify-content: center;
}

.desktop-header-active .header-classic .desktop-main-menu-wrapper {
   display: flex;
   justify-content: center;
   background: rgba(240, 240, 240, 1);
   max-width: 100%;
   padding: 6px 0;
}

.home-page-menu-item{
   list-style: none;
}

.cactus-home-page-menu.mobile{
   flex-direction : column;
   gap:10px;
   margin-top:10px;
   padding-left: 12px;
}

.home-page-menu-item a{
   text-decoration: none;
}

.home-page-banners {
   display: flex;
   flex-wrap: wrap;
   gap: 10px; /* Ensures equal spacing between banners */
}

.banner {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%; /* Default full width */
}

.banner:nth-child(1) {
   width: 100%; /* First banner takes full width */
}

.banner:nth-child(2),
.banner:nth-child(3) {
   width: calc(50% - 5px); /* Second and third banners take 50% width each */
}

.banner:nth-child(4) {
   width: 100%; /* Last banner takes full width */
}

@media (max-width: 768px) {
   .banner:nth-child(2),
   .banner:nth-child(3) {
       width: 100%; /* Stack banners on smaller screens */
   }
}

.route-common-home footer{
   display : none;
}

/*Home Page - End */

/*Header - Start */

.main-menu-item-1{ 
   display:none !important;
}

.banner1 .main-menu-item-1{
   display  : block !important;
}

/*Header - End*/


/*Login Page - Start */
.route-account-login .language-flag-title .symbol,
.route-account-register .language-flag-title .symbol {
   display : none;
}

.route-account-login .breadcrumb, .route-account-login .page-title{
 display : none !important;
}

.route-account-login  #content {
   padding-top: 0px;
}

.route-account-login  .form-horizontal .form-group{
   flex-direction: column;
}

/*Login Page - End*/


/*Footer - Start */
.module-banners-280 img{
     width: 170px !important;
      height: 55px;
}

/*Footer - End*/

/* Login */


  .route-account-login .register-button{
    margin-top: 2%;
  }

 .route-account-login .login-white-logo{
    align-self: center;
    margin-bottom: 8%;
  }

.route-account-login #content-top{
    height: 100%;
  }

.route-account-login header, .route-account-login footer{
    display :none;
  }

.route-account-login .login-box{
    position: absolute;
    z-index: 1001;
    background: rgb(0 0 0 / 70%);
    width: 500px;
    height: 500px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

.route-account-login .login-box .well{
    display: flex;
    justify-content: center;
    padding:40px;
  }

.route-account-login .desktop body {
    padding-top: 0px;
  }

.route-account-login html, .route-account-login body {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Prevents scrolling */
}

.route-account-login .module-master_slider .ms-slide{
    height:100vh !important;
}

.route-account-login #content{
    height: 100vh;
}


.language-section{ 
   display: flex;
    justify-content: center;
    gap: 9px;
    align-items: center;
}

.select-language-text{
    color : #fff;
    display : block !important;
    font-size: 15px;
   text-transform: uppercase;
}

#account-login .language-title{
    color : #fff;
    font-size: 15px;
}

#account-login .language .dropdown-toggle{
   background : transparent !important;
}

#account-login  #language .j-dropdown{
   background : #fff;
   width: 100px;
}

#account-login  .language-select{
   cursor : pointer; 
}

@media only screen and (max-width: 767px) {
   .route-account-login .login-box{
      width: 400px;
      margin: 0 auto;
   }
}


/* End Login */


/* Register - Start */
.route-account-register .title, .route-account-register .breadcrumb{
  display : none !important;
}

.route-account-register #content {
    margin-top: 6%;
}

.route-account-register .buttons .pull-right{ 
   justify-content: flex-start;   
}

.route-account-register .header-cart-group,
.route-account-register .mobile-top-bar,
.route-account-register .menu-trigger,
.route-account-register .mini-cart,
.route-account-register .mobile-search-group
{
   display :none !important;
}

/* Register - End */



/*Breadcrumb - Info and Account Page - Start */
.route-information-information .breadcrumb,[class^="route-account"] .breadcrumb  {
   margin-top : 12px;
}

/*Breadcrumb - Info and Account Page - End */


/*Password Forgotten Password - Start*/
.route-account-forgotten header{
   display : block !important;
}

.route-account-forgotten .header-compact{
   position : relative;
}

.route-account-forgotten .desktop header {
   position: relative !important;
}

.route-account-forgotten  #content {
   padding-top: 12px;
}

@media only screen and (max-width: 767px) {
   .route-account-forgotten .mobile-search-wrapper.full-search,
   .route-account-forgotten .menu-trigger,
   .route-account-forgotten .mobile-cart-wrapper {
      display :none !important;
   }
}
/*Password Forgotten Password - End*/