.elementor-38854 .elementor-element.elementor-element-e201ee0{--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;}.elementor-38854 .elementor-element.elementor-element-d715ce5{--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;}.elementor-38854 .elementor-element.elementor-element-19cad97{--grid-columns:4;}.elementor-38854 .elementor-element.elementor-element-19cad97 .elementor-pagination{text-align:center;margin-top:0px;}body:not(.rtl) .elementor-38854 .elementor-element.elementor-element-19cad97 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 0px/2 );}body:not(.rtl) .elementor-38854 .elementor-element.elementor-element-19cad97 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 0px/2 );}body.rtl .elementor-38854 .elementor-element.elementor-element-19cad97 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 0px/2 );}body.rtl .elementor-38854 .elementor-element.elementor-element-19cad97 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 0px/2 );}@media(max-width:1024px){.elementor-38854 .elementor-element.elementor-element-19cad97{--grid-columns:4;}}@media(max-width:767px){.elementor-38854 .elementor-element.elementor-element-19cad97{--grid-columns:2;}}/* Start custom CSS for shortcode, class: .elementor-element-4cf8f74 *//* Fazel Pharma - Filter V3 Final */

/* Base */
.fz-shop-filter-v3{
  width:100% !important;
  direction:rtl !important;
  background:linear-gradient(180deg,#fff,#fff9fb) !important;
  border:1px solid #f1cbd5 !important;
  border-radius:24px !important;
  box-shadow:0 14px 34px rgba(120,80,90,.08) !important;
  padding:16px 18px !important;
  margin:0 0 22px !important;
  overflow:hidden !important;
}

.fz-filter-field,
.fz-filter-search-v3,
.fz-filter-sort-v3,
.fz-filter-price-v3{
  width:100% !important;
}

.fz-filter-price-v3{
  display:flex !important;
  gap:10px !important;
}

.fz-filter-price-v3 > *{
  flex:1 !important;
}

.fz-shop-filter-v3 input,
.fz-shop-filter-v3 select{
  width:100% !important;
  height:48px !important;
  border:1px solid #ead1d8 !important;
  border-radius:15px !important;
  background:#fff !important;
  color:#333 !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  padding:0 13px !important;
  outline:none !important;
}

.fz-shop-filter-v3 input::placeholder{
  color:#b8a2a9 !important;
}

.fz-shop-filter-v3 input:focus,
.fz-shop-filter-v3 select:focus{
  border-color:#ec6479 !important;
  box-shadow:0 0 0 4px rgba(236,100,121,.10) !important;
}

.fz-price-input-wrap{
  position:relative !important;
}

.fz-price-input-wrap input{
  padding-left:52px !important;
}

.fz-price-input-wrap span{
  position:absolute !important;
  left:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#ec6479 !important;
  font-size:10px !important;
  font-weight:900 !important;
}

.fz-filter-submit-v3,
.fz-filter-clear-v3{
  height:48px !important;
  border-radius:15px !important;
  font-size:12.5px !important;
  font-weight:950 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.fz-filter-submit-v3{
  border:none !important;
  background:linear-gradient(135deg,#f18495,#ec6479) !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(236,100,121,.24) !important;
}

.fz-filter-clear-v3{
  background:#fff6f8 !important;
  border:1px solid #f0c8d2 !important;
  color:#ec6479 !important;
}

/* Tablet + Laptop + Desktop */
@media(min-width:768px){
  .fz-shop-filter-v3{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:12px !important;
  }

  .fz-filter-search-v3{
    flex:2.3 !important;
  }

  .fz-filter-sort-v3{
    flex:1.2 !important;
  }

  .fz-filter-price-v3{
    flex:1.8 !important;
  }

  .fz-filter-submit-v3{
    width:120px !important;
    flex:none !important;
  }

  .fz-filter-clear-v3{
    width:100px !important;
    flex:none !important;
  }
}

/* Mobile */
@media(max-width:767px){
  .fz-shop-filter-v3{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    border-radius:18px !important;
    padding:12px !important;
  }

  .fz-filter-price-v3{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .fz-shop-filter-v3 input,
  .fz-shop-filter-v3 select,
  .fz-filter-submit-v3,
  .fz-filter-clear-v3{
    height:42px !important;
    font-size:11.5px !important;
    border-radius:13px !important;
  }
}
/* ===============================
   Filter Responsive Fix
================================ */

/* Tablet */
@media(min-width:768px) and (max-width:1024px){
  .fz-shop-filter-v3{
    display:flex !important;
    flex-direction:row !important;
    gap:8px !important;
    padding:12px !important;
    border-radius:18px !important;
  }

  .fz-shop-filter-v3 input,
  .fz-shop-filter-v3 select,
  .fz-filter-submit-v3,
  .fz-filter-clear-v3{
    height:42px !important;
    font-size:11.5px !important;
    border-radius:13px !important;
  }

  .fz-filter-search-v3{ flex:2 !important; }
  .fz-filter-sort-v3{ flex:1 !important; }
  .fz-filter-price-v3{ flex:1.7 !important; gap:6px !important; }

  .fz-filter-submit-v3{ width:82px !important; }
  .fz-filter-clear-v3{ width:70px !important; }
}

/* Mobile */
@media(max-width:767px){
  .fz-shop-filter-v3{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    padding:10px !important;
    border-radius:16px !important;
    margin-bottom:14px !important;
  }

  .fz-filter-search-v3,
  .fz-filter-sort-v3,
  .fz-filter-price-v3,
  .fz-filter-submit-v3,
  .fz-filter-clear-v3{
    width:100% !important;
  }

  .fz-filter-price-v3{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }

  .fz-shop-filter-v3 input,
  .fz-shop-filter-v3 select,
  .fz-filter-submit-v3,
  .fz-filter-clear-v3{
    height:38px !important;
    font-size:10.8px !important;
    border-radius:12px !important;
  }

  .fz-price-input-wrap span{
    font-size:8.8px !important;
  }
}


/* ===============================
   Product Cards Tablet/Mobile Fix
================================ */

/* Tablet cards */
@media(min-width:768px) and (max-width:1024px){
  .elementor-widget-loop-grid .elementor-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  .fz-product-card-v3{
    min-height:330px !important;
    padding:10px !important;
    border-radius:15px !important;
  }

  .fz-product-img-v3{
    height:145px !important;
    margin-bottom:8px !important;
  }

  .fz-product-img-v3 img{
    max-height:138px !important;
  }

  .fz-product-title-v3{
    font-size:12px !important;
    line-height:1.6 !important;
    min-height:42px !important;
  }

  .fz-product-cat-v3{
    font-size:10.5px !important;
    height:20px !important;
  }

  .fz-product-price-v3{
    margin-bottom:9px !important;
    padding-top:8px !important;
  }

  .fz-product-price-v3 ins bdi,
  .fz-product-price-v3 > .woocommerce-Price-amount bdi{
    font-size:12px !important;
  }

  .fz-buy-btn-v3,
  .fz-out-btn-v3{
    height:36px !important;
    font-size:11.5px !important;
  }
}

/* Mobile cards */
@media(max-width:767px){
  .elementor-widget-loop-grid .elementor-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .fz-product-card-v3{
    min-height:295px !important;
    padding:9px !important;
    border-radius:14px !important;
  }

  .fz-product-img-v3{
    height:115px !important;
    margin-bottom:7px !important;
  }

  .fz-product-img-v3 img{
    max-height:108px !important;
  }

  .fz-product-title-v3{
    font-size:10.8px !important;
    line-height:1.55 !important;
    min-height:36px !important;
  }

  .fz-product-cat-v3{
    font-size:9.3px !important;
    height:17px !important;
  }

  .fz-product-price-v3{
    padding-top:7px !important;
    margin-bottom:8px !important;
  }

  .fz-product-price-v3 ins bdi,
  .fz-product-price-v3 > .woocommerce-Price-amount bdi{
    font-size:10.5px !important;
  }

  .fz-product-price-v3 del,
  .fz-product-price-v3 del bdi{
    font-size:8.5px !important;
  }

  .fz-buy-btn-v3,
  .fz-out-btn-v3{
    height:32px !important;
    font-size:10.5px !important;
    border-radius:9px !important;
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-19cad97 *//* Fazel Loop Grid Pagination */
.elementor-pagination{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  margin:45px 0 25px !important;
  direction:rtl !important;
}

.elementor-pagination .page-numbers{
  width:42px !important;
  height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  background:#fff !important;
  border:1px solid #f0c8d2 !important;
  color:#333 !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:0 8px 18px rgba(120,80,90,.07) !important;
  transition:.25s ease !important;
}

.elementor-pagination .page-numbers.current,
.elementor-pagination .page-numbers:hover{
  background:linear-gradient(135deg,#f18495,#ec6479) !important;
  color:#fff !important;
  border-color:#ec6479 !important;
  transform:translateY(-3px) !important;
  box-shadow:0 14px 28px rgba(236,100,121,.28) !important;
}

.elementor-pagination .prev,
.elementor-pagination .next{
  width:auto !important;
  min-width:42px !important;
  padding:0 14px !important;
}

@media(max-width:767px){
  .elementor-pagination{
    gap:6px !important;
    flex-wrap:wrap !important;
  }

  .elementor-pagination .page-numbers{
    width:36px !important;
    height:36px !important;
    border-radius:12px !important;
    font-size:13px !important;
  }
}
/* ===============================
   Mobile 3 Products Per Row
================================ */

@media(max-width:767px){

  .elementor-widget-loop-grid .elementor-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  .fz-product-card{
    min-height:245px !important;
    border-radius:12px !important;
    padding:7px !important;
    box-shadow:0 6px 16px rgba(120,80,90,.07) !important;
  }

  .fz-product-img{
    height:92px !important;
    margin-bottom:6px !important;
  }

  .fz-product-img img{
    max-height:86px !important;
    max-width:100% !important;
  }

  .fz-product-card h3{
    font-size:9.5px !important;
    line-height:1.55 !important;
    min-height:34px !important;
    margin:5px 0 !important;
    -webkit-line-clamp:2 !important;
  }

  .fz-brand{
    font-size:9px !important;
    height:18px !important;
    margin-bottom:5px !important;
  }

  .fz-price{
    padding-top:7px !important;
    margin-bottom:7px !important;
    gap:4px !important;
    line-height:1.4 !important;
  }

  .fz-price ins bdi,
  .fz-price > .woocommerce-Price-amount bdi{
    font-size:10px !important;
    font-weight:950 !important;
  }

  .fz-price del,
  .fz-price del bdi{
    font-size:8.5px !important;
  }

  .fz-buy-btn{
    height:30px !important;
    padding:0 !important;
    border-radius:9px !important;
    font-size:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .fz-percent{
    right:6px !important;
    top:6px !important;
    font-size:8.5px !important;
    padding:4px 7px !important;
  }

  .fz-expiry{
    left:6px !important;
    top:6px !important;
    font-size:7.5px !important;
    padding:4px 6px !important;
  }

}
/* =====================================================
   Fazel Pharma Product Archive
   Desktop: 4 Products × 6 Rows
===================================================== */

@media (min-width:1025px){

    .elementor-widget-loop-grid .elementor-grid{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:22px !important;
        align-items:stretch !important;
    }

}


/* =====================================================
   Tablet
===================================================== */

@media (min-width:768px) and (max-width:1024px){

    .elementor-widget-loop-grid .elementor-grid{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:14px !important;
        align-items:stretch !important;
    }

}/* End custom CSS */