:root {
  --primary: #ff3366;   /* change later */
  --secondary: #ff6600; /* change later */
  --light-200: #dddddd; /* neutral light tone */
}

.wc-main-shop{
    background-color: #fff;
    padding-top: 70px;
}


.wc-main-shop .woocommerce-tabs {
    clear: none;
    float: none !important;
    width: 100% !important;
}


.wc-main-shop .x-nav-tabs > .active > a, .x-nav-tabs > .active > a:hover {
    box-shadow: none !important;
}


.wc-main-shop .x-nav-tabs, .wc-main-shop .x-tab-content, .wc-main-shop  .x-nav-tabs>li,.wc-main-shop .entry-wrap{
    box-shadow: none !important;
    border: 0px !important;
}

.wc-main-shop .x-tab-content .x-tab-pane{
padding: 0px;
}


[class*=woocommerce] .upsells, [class*=woocommerce] .related, [class*=woocommerce] .cross-sells {
    max-width: 1300px !important;
    margin-inline: auto !important;
    float: none !important;
}

.wc-main-shop .entry-wrap, .wc-main-shop .x-tab-content{
    background-color: transparent;
}

.wc-main-shop .x-nav-tabs{
    display: none;
}

.wc-main-shop .x-tab-content{
    width: 100%;
    overflow: visible;
}


.wc-main-shop .x-tab-content p:first-of-type {
    font-size: 20px;
    line-height: 27px;
    color: #ff6600;
    font-weight: bold;
}


.wc-main-shop .woocommerce div.product .summary, .woocommerce-page div.product .summary {
    display: none;
}

.wc-main-shop .entry-wrap{
    padding: 0px !important;

}


.product-info{
    background-color: #ff6600;
    padding: 20px 10px 10px 10px;
}

.product-info:has(p, li, ul){
    font-size: 15px;
    color: #fff !important;
}




/* Related Products CSS */

.related.products h2{
    font-size: 20px;
    line-height: 27px;
    color: #ff6600;
    font-weight: bold;
    margin-bottom: 30px !important;
}




.woo-contents{
    display: flex;
    max-width: 1300px;
   margin-inline: auto;
   padding-top: 50px;
   padding-bottom: 40px;
   column-gap: 10px;

}

.iksm-1591 .iksm-term__link{
    line-height: 20px !important;
}

.bf-cat-fix{
    flex-basis: 400px;
}

.bf-cat-fix h4 {
margin-bottom: 15px;
font-weight: bold;
margin-top: 15px;
font-size: 20px;
}
  
.sc-woo-footer p{
    font-size: 18px;
}



/* Slider Banner CSS */


/* Base container */
.slick-dots {
  display: flex !important;
  justify-content: center;
  margin-top: -40px;
  list-style: none;
  column-gap: 10px;
  position: relative;
}

/* Base li */
.slick-dots li {
  position: relative;
  margin: 0 0.25rem;
}

/* Hide all bullets by default (custom pagination logic) */
.slick-dots li {
  display: none;
}

/* Only show active + next two */
.slick-dots li.slick-active,
.slick-dots li.slick-active + li,
.slick-dots li.slick-active + li + li {
  display: block;
}

/* Show last three if no active near end */
.slick-dots li:nth-last-child(1),
.slick-dots li:nth-last-child(2),
.slick-dots li:nth-last-child(3) {
  display: block;
}

/* Hide last three when active before them */
.slick-dots li.slick-active ~ li:nth-last-child(1),
.slick-dots li.slick-active ~ li:nth-last-child(2),
.slick-dots li.slick-active ~ li:nth-last-child(3) {
  display: none;
}

/* Ensure last three always visible when near end */
.slick-dots li.slick-active + li + li:nth-last-child(3),
.slick-dots li.slick-active + li + li:nth-last-child(2),
.slick-dots li.slick-active + li + li:nth-last-child(1),
.slick-dots li.slick-active + li:nth-last-child(3),
.slick-dots li.slick-active + li:nth-last-child(2),
.slick-dots li.slick-active + li:nth-last-child(1) {
  display: block;
}

/* The clickable button itself */
.slick-dots button {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
  background-color: var(--light-200);
  text-indent: -9999px;
  border: none;
  cursor: pointer;
}

/* Default dot ring */
.slick-dots li::after {
  content: '';
  position: absolute;
  width: 23px;
  height: 23px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid var(--light-200);
}

/* Active state (default carousel) */
.slick-dots li.slick-active button {
  background-color: var(--primary);
}

.slick-dots li.slick-active::after {
  border-color: var(--primary);
}

/* Secondary variant (when inside .sc-carousel) */
.sc-carousel .slick-dots li.slick-active button {
  background-color: var(--secondary);
}

.sc-carousel .slick-dots li.slick-active::after {
  border-color: var(--secondary);
}

/* Align dots at top center */
.section-slide .slick-dots {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}





/* Banner CSS starts here */


.sc-main-carousel {
    max-width: 1300px;
    margin-inline: auto;
    overflow: hidden;
}


  .sc-main-carousel .yith-ywraq-add-button a{
    display: inline-block !important;
  }

.yith-ywraq-add-button a{
    display: none !important;
  }


.sc-main-carousel .inner{
   background-size: cover; 
   background-position:center; 
   width: 100%; 
   height: 500px;
   position: relative; 
}


.sc-main-carousel .inner .content{
  position: absolute;
  top:50%; 
  left:50%; 
  transform:translate(-50%, -50%); 
  text-align:center; 
  color:#fff;
  z-index: 99999;
  width: 100%;
  max-width: 750px;
  padding: 20px;
}

.sc-main-carousel .overlay{
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
inset: 0;
}


.sc-main-carousel .inner .content h1{
color: #fff;
}

.sc-main-carousel .inner .content p{
font-size: 18px;
color: #fff;
}


.sc-icon{
    position: absolute;
    left: 20px;
    bottom: 30px;
    cursor: pointer;
}

  .sc-carousel svg {
    position: absolute;
    border:0px;
    transition: ease-in 100ms;
    height: 40px;
    cursor: pointer;
    top: 20px;
    z-index: 10;
  }

  .sc-carousel .slick-prev svg path {
fill: white;
  }


  .sc-carousel .slick-next svg path {
fill: #ff6600;
  }

    .sc-carousel svg:hover path {
fill: #ff6600;
  }


  .sc-carousel .slick-next svg{
    right: 10px;
  }

  .sc-carousel .slick-prev svg{
    right: 50px;
  }
  



  /* Box Listing CSS */


  .box-listing{
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
    row-gap: 10px;
    max-width: 1024px;
    margin-inline: auto;
    padding: 20px 15px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-top: 70px;
  }

   .box-listing .item{
    display: flex !important;
    column-gap: 10px;
    align-items: center;
    justify-content: center;
    padding: 15px 40px;
    flex: 1;
    position: relative;
    border-left-color: #ff6600 !important;
    border: 3px solid #f7f7f7;
    border-radius: 5px;
    transition: scale 500ms;
  }

  .box-listing .item:hover{
    scale: 98%;
  }


  .box-listing .item img{
max-width: 30px;
   width: 100%;
   height: auto;
  }

   .box-listing  .item h4{
font-size: 17px;
font-weight: bold;
margin: 0px;
  }

  .box-listing .no-link{
cursor: default; 
pointer-events: none;
  }

.sc-counter{
    padding: 2px 8px;
    background-color: #ff6600;
    color: #fff;
    margin: 0px;
    position: absolute;
    top: -13px;
    left: -10px;
    border-radius: 100px;
    font-size: 12px;
}

/* Media CSS */

@media (max-width: 768px) {

.sc-main-carousel .inner .content h1{
font-size: 40px;
}

.sc-main-carousel .inner .content p{
font-size: 16px;
}


  .box-listing .item{
   justify-content: left;
  }
  }

  @media (max-width: 1024px) {
    .woo-contents{
    display: flex;
flex-direction: column-reverse;
row-gap: 30px;
padding-right: 0px !important;
padding-left: 0px !important;

}

.bf-cat-fix{
    min-width: 100% !important;
    padding-left: 30px;
    padding-right: 30px;
}

.related.products{
    padding: 0px 30px 30px;
}
  }

  @media (max-width: 1300px) {
    .woo-contents{
        padding-left: 30px;
        padding-right: 30px;
    }

    .related.products{
    padding: 0px 30px 30px;
}


  }




  /* Custom CSS FROM WP CUSTOM PLUGIN */


  .desktop .sub-menu{
    font-size: 14px !important;
}

.ywraq-wrapper input[type=text], .ywraq-wrapper input[type=email], .ywraq-wrapper textarea {
    width: 100% !important;
}

.ywraq-wrapper input[type="submit"]:hover, .ywraq-wrapper input[type="submit"]{
      background-color: #E46B24 !important;
}

	
.iksm-terms{
    width: 100% !important;
    
}


.iksm-term__link {
    line-height: 20px !important;
}
	
@media(min-width: 768px){
.bf-cat-fix{
max-width: 90%; }	

}

@media (max-width: 978px){
.x-row > .x-row-inner > *:nth-child(1n - 0) {
    flex-basis: calc(100% - clamp(0px,var(--gap),9999px)) !important;
}
}

.woocommerce .related ul li.product img, .has-post-thumbnail .entry-featured img{
    height: 250px !important;
    object-fit: cover !important;
}

#wps-slider-section img.wpsf-product-img {
    min-height: 250px !important;
}

	.sc1-title{
		font-size: 34px !important; 
		line-height: 1.3 !important;
	}

.menu-item .dgwt-wcas-search-wrapp {
    margin-top: 40px;
}