.elementor-1118 .elementor-element.elementor-element-41e7e3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1118 .elementor-element.elementor-element-6cd9af0 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:1rem;font-weight:800;}.elementor-1118 .elementor-element.elementor-element-ea1ffdc{--display:flex;--min-height:90vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1118 .elementor-element.elementor-element-4dbcacc .dynamic-content-for-elementor-acfimage-bg{background-position:bottom center;min-height:90vh;width:100%;}.elementor-1118 .elementor-element.elementor-element-89951d3{padding:0rem 02rem 0rem 02rem;text-align:center;}.elementor-1118 .elementor-element.elementor-element-89951d3 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:8.5rem;font-weight:600;color:#FFFFFF26;}.elementor-1118 .elementor-element.elementor-element-19de31f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1118 .elementor-element.elementor-element-c24f019{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1118 .elementor-element.elementor-element-5463490{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1118 .elementor-element.elementor-element-58c2548{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1118 .elementor-element.elementor-element-fef880c{--display:flex;--padding-top:02rem;--padding-bottom:02rem;--padding-left:0rem;--padding-right:02rem;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1118 .elementor-element.elementor-element-3a8e5cc{--e-search-results-columns:1;--e-search-results-grid-auto-rows:1fr;--e-search-loop-item-equal-height:100%;--e-search-input-padding-block-start:0.7rem;--e-search-input-padding-inline-start:2rem;--e-search-input-padding-block-end:0.78rem;--e-search-input-padding-inline-end:2rem;--e-search-icon-label-size:19px;--e-search-input-gap:10px;--e-search-submit-margin-inline-start:0px;}.elementor-1118 .elementor-element.elementor-element-3a8e5cc .e-search-input{border-radius:100px 100px 100px 100px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1118 .elementor-element.elementor-element-e891dc4{--grid-columns:3;--e-loop-nothing-found-message-align:center;--grid-column-gap:8px;}.elementor-1118 .elementor-element.elementor-element-e891dc4 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1118 .elementor-element.elementor-element-e891dc4 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1118 .elementor-element.elementor-element-e891dc4 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1118 .elementor-element.elementor-element-e891dc4 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1118 .elementor-element.elementor-element-e891dc4 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-1118 .elementor-element.elementor-element-5463490{--width:40%;}.elementor-1118 .elementor-element.elementor-element-fef880c{--width:100%;}}@media(max-width:880px) and (min-width:768px){.elementor-1118 .elementor-element.elementor-element-ea1ffdc{--width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1118 .elementor-element.elementor-element-ea1ffdc{--min-height:100vh;}.elementor-1118 .elementor-element.elementor-element-fef880c{--padding-top:2rem;--padding-bottom:2rem;--padding-left:00rem;--padding-right:2rem;}.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );}.elementor-1118 .elementor-element.elementor-element-e891dc4{--grid-columns:2;}}@media(max-width:880px){.elementor-1118 .elementor-element.elementor-element-ea1ffdc{--min-height:100vh;}.elementor-1118 .elementor-element.elementor-element-fef880c{--padding-top:2rem;--padding-bottom:02rem;--padding-left:0rem;--padding-right:2rem;}}@media(max-width:767px){.elementor-1118 .elementor-element.elementor-element-41e7e3a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1118 .elementor-element.elementor-element-6cd9af0{padding:2rem 2rem 2rem 2rem;text-align:center;}.elementor-1118 .elementor-element.elementor-element-6cd9af0 .elementor-heading-title{font-size:3rem;}.elementor-1118 .elementor-element.elementor-element-ea1ffdc{--min-height:100vh;}.elementor-1118 .elementor-element.elementor-element-19de31f{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1118 .elementor-element.elementor-element-58c2548{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1118 .elementor-element.elementor-element-fef880c{--padding-top:0rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );}.elementor-1118 .elementor-element.elementor-element-e891dc4{--grid-columns:1;}}/* Start custom CSS for heading, class: .elementor-element-89951d3 */.elementor-1118 .elementor-element.elementor-element-89951d3 {
    left: 50%;
    transform: translateX(-50%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea1ffdc */.elementor-1118 .elementor-element.elementor-element-ea1ffdc{
    position: relative;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a2ac096 */.custom-cat-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
   height: 100%;
   padding: 2rem 0rem 2rem 2rem;
  word-break: break-all;
}

.cat-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  text-decoration: none;
  color: #333;
  transition: 0.3s;
  font-weight: 400;
  font-family: Manrope;
  font-size: 1.3rem;
}

.cat-item img {
  width: 20px;
  height: 20px;
}

/* Hide hover icon initially */
.cat-item .hover {
  display: none;
}

/* Hover effect */
.cat-item:hover {
  background: #ffffff;
    color: #800000;
  font-weight: 600;
}

.cat-item:hover .default {
  display: none;
}

.cat-item:hover .hover {
  display: block;
}

/* Active state */
.cat-item.active {
  background: #ffffff;
  color: #800000;
  font-weight: 600;
}

.cat-item.active .default {
  display: none;
}

.cat-item.active .hover {
  display: block;
}

/* Ensure ALL behaves exactly like others */
.cat-item.all {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  text-decoration: none;
  color: #333;
  transition: 0.3s;
  font-weight: 400;
}

/* Hover for ALL */
.cat-item.all:hover {
  background: #ffffff;
  color: #800000;
  font-weight: 600;
}

/* Active for ALL */
.cat-item.all.active {
  background: #ffffff;
  color: #800000;
  font-weight: 600;
}

/* Icon swap for ALL */
.cat-item.all:hover .default,
.cat-item.all.active .default {
  display: none;
}

.cat-item.all:hover .hover,
.cat-item.all.active .hover {
  display: block;
}

@media (max-width: 767px) {
    .custom-cat-list {
        flex-direction: row;
        overflow-x:auto;
        word-break: normal;
        gap: 2rem;
        padding: 1rem 2rem 1rem 2rem;
        
    }
    
    .cat-item {
        border-radius: 30px;
    }
    
    .cat-item.all {
        border-radius: 30px;
    }
    
    .cat-item.all.active .hover{
        display: none;
    }
   
   .cat-item img {
       display: none;
   }
   
   .cat-item.active .hover {
       display: none;
   }
  .cat-item:hover .hover{
      display: none;
  }
  
   .cat-item.all:hover .hover{ 
        display: none;
    }
   
  
   

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5463490 */.elementor-1118 .elementor-element.elementor-element-5463490{
    background: rgba(234, 232, 231, 1);
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e891dc4 *//* PAGINATION CONTAINER */
#productcontainer .e-pagination,
#productcontainer .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 40px;
}

/* ALL PAGINATION ITEMS */
#productcontainer .e-pagination a,
#productcontainer .e-pagination span,
#productcontainer .elementor-pagination a,
#productcontainer .elementor-pagination span {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

/* HOVER EFFECT */
#productcontainer .e-pagination a:hover,
#productcontainer .elementor-pagination a:hover {
    background: #800000;
    color: #fff;
    border-color: #800000;
}

/* ACTIVE PAGE */
#productcontainer .e-pagination .current,
#productcontainer .elementor-pagination .current {
    background: #800000;
    color: #fff;
    border-color: #800000;
}

/* PREVIOUS / NEXT BUTTONS */
#productcontainer .e-pagination .prev,
#productcontainer .e-pagination .next,
#productcontainer .elementor-pagination .prev,
#productcontainer .elementor-pagination .next {
    font-size: 18px;
}

/* OPTIONAL: REMOVE TEXT & USE ARROWS */
#productcontainer .prev::before,
#productcontainer .elementor-pagination .prev::before {
    content: "‹";
}

#productcontainer .next::before,
#productcontainer .elementor-pagination .next::before {
    content: "›";
}

/* HIDE ORIGINAL TEXT */
#productcontainer .prev,
#productcontainer .next {
    font-size: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9106981 *//* FONT */
#productPopup {
  font-family: 'Manrope', sans-serif;
}

/* OVERLAY */
#productPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9999;
}

.popup-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.65);
  backdrop-filter: blur(4px);
}

/* MAIN BOX */
.popup-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 90%;
  max-width: 1000px;

  background: #ffffff;
  border-radius: 20px;
  display: flex;
  overflow: hidden;

  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

/* CLOSE */
.popup-close {
  position: absolute;
  top: 0px;
  right: 25px;
  font-size: 66px;
  font-weight: 1;
  cursor: pointer;
  color: #4A5565;

}

/* LEFT IMAGE */
.popup-left {
  width: 45%;
  background: #f5f5f5;
}

.popup-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* RIGHT CONTENT */
.popup-right {
  width: 55%;
  padding: 40px;
}

/* CATEGORY */
.popup-category {
  font-size: 14px;
  color: #800000;
  text-align: left;
  margin-bottom: 10px;
}

#popupCategory{
    color: #000000;
    font-size: 1.3rem;
}
/* TITLE */
#popupTitle {
  font-size: 28px;
  font-weight: 700;
  color: #800000;
  margin-bottom: 15px;
}

/* DESCRIPTION */
#popupDesc {
  font-size: 14px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 25px;
}

/* WEIGHT TITLE */
.popup-weight-title {
  font-size: 16px;
  margin-bottom: 12px;
  color: #000000;
}

/* WEIGHT BUTTONS */
.popup-weights {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.popup-weights .weight {
  background: #800000;
  color: #fff;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  cursor: pointer;
  transition: 0.3s;
}

.popup-weights .weight:hover {
  background: #a00000;
}

/* RESPONSIVE */

@media(max-width:1024px){
    #popupDesc{
        height: 200px;
        overflow-y: auto;
    }
}

@media(max-width:900px){
    #popupDesc{
        height: 100px;
        overflow-y: auto;
    }
}
@media(max-width: 500px) {
  .popup-box {
    flex-direction: column;
  }
.popup-close {
    color: white;
}
  .popup-left,
  .popup-right {
    width: 100%;
  }

  .popup-right {
    padding: 20px;
  }

  #popupTitle {
    font-size: 22px;
  }
}/* End custom CSS */