/* Regular (weight 400) */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
       url('../fonts/montserrat/Montserrat-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}


/* Bold (weight 700) */
@font-face {
  font-family: 'Montserrat-bold';
  src: url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
       url('../fonts/montserrat/Montserrat-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
:root {
  --primary-color : #FFECB4;
  --blue: #27499A;
  --white: #ffffff;
  --black: #000000;
  --silver: #C0C0C0;
  --gray: #f5f5f5;
  --light-gray: #f5f5f5;
  --red: #FF0000;
  --yellow: #FBC836;
  --tab_color: #464646;
  --green: #00b050;
  --border-info-color: #a7a7a7;
  --secondary-color: #f5bd18;
  --mobile_primary:#F6BF19;
  --light_blue:#202658;
}
body
{
  font-family: 'Montserrat', sans-serif;
}
a
{
  color: var(--blue);
}
.header
{
  background: linear-gradient(360deg, #FFFFFF -4.95%, #FFECB4 100%);
  height: auto;
  padding: 50px 0px;
}
.input-group-text
{
  background: var(--white);
}
.shopping-icon
{
  background: linear-gradient(90deg, #264697 0%, #19AFE6 103.72%);
  text-align: center;
  padding: 7px;
  width: 70px;
  border-radius: 50px;

}
.top-link
{
  font-family: 'Montserrat-bold', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: var(--black);
}
.menu-bar
{
  background-color: #FBC836;
}
.promotion_container {
  background: 
    linear-gradient(180deg, rgba(39, 73, 154, 0.8) 0%, rgba(39, 73, 154, 0) 100%),
    url('../img/p1.png');
  
  background-size: cover;        /* cover full div */
  background-position: center;   /* center image */
  background-repeat: no-repeat;  /* prevent repeating */
  height: 363px;                 /* div height */
  width: 100%;                   /* full width */
  border-radius: 5px;
  padding-top: 20px;
}
.promotion_container2 {
  background: 
    linear-gradient(180deg, rgba(39, 73, 154, 0.8) 0%, rgba(39, 73, 154, 0) 100%),
    url('../img/p2.png');
  
  background-size: cover;        /* cover full div */
  background-position: center;   /* center image */
  background-repeat: no-repeat;  /* prevent repeating */
  height: 363px;                 /* div height */
  width: 100%;                   /* full width */
  border-radius: 5px;
  padding-top: 20px;
}
.promotion_container3 {
  background: 
    linear-gradient(180deg, rgba(39, 73, 154, 0.8) 0%, rgba(39, 73, 154, 0) 100%),
    url('../img/p3.png');
  
  background-size: cover;        /* cover full div */
  background-position: center;   /* center image */
  background-repeat: no-repeat;  /* prevent repeating */
  height: 363px;                 /* div height */
  width: 100%;                   /* full width */
  border-radius: 5px;
  padding-top: 20px;
}
.promotion_container4 {
  background: 
    linear-gradient(180deg, rgba(39, 73, 154, 0.8) 0%, rgba(39, 73, 154, 0) 100%),
    url('../img/p4.png');
  
  background-size: cover;        /* cover full div */
  background-position: center;   /* center image */
  background-repeat: no-repeat;  /* prevent repeating */
  height: 363px;                 /* div height */
  width: 100%;                   /* full width */
  border-radius: 5px;
  padding-top: 20px;
}
.promotion_section h3,.collections_section h3
{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-style: Extra Bold;
  font-size: 40px;
  leading-trim: NONE;
  
  text-align: center;
  color: var(--white);
}
.promotion_section p,.collections_section p
{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: Extra Bold;
  font-size: 16px;
  
  text-align: center;
  color: var(--white);
}
.promotion_section {
  margin-top: -40px;
  position: relative;
  z-index: 10;
  
}
.top_categories h2
{
  font-family: 'Montserrat-bold', sans-serif;
  font-weight: 700;
  
  font-size: 24px;
  
  text-align: left;
  color: var(--blue);
}
.top_categories
{
  margin:40px 0px;
}
.product-list {
  display: flex;        /* display items in a row */
  flex-wrap: wrap;      /* allow items to move to next line */
  gap: 20px;            /* space between items */
  list-style: none;     /* remove bullets */
  padding: 0;
  margin: 0;
}

.product-list li {
  flex: 0 0 10%;      /* each item takes 200px width */
  text-align: center;
}
.product-list li p
{
  font-family: 'Montserrat-bold', sans-serif;
  font-weight: 400;
  
  font-size: 16px;
  
  text-align: center;
  color: var(--blue);
  margin-top: 10px;
}
.product-title
{
  font-family: 'Montserrat-bold', sans-serif;
  font-weight: 400;
  
  font-size: 16px;
  
  text-align: center;
  color: var(--blue);
  margin: 0px;
}
.products  li
{
  list-style: none;
}
.collection_container {
  background: 
    linear-gradient(180deg, rgba(39, 73, 154, 0.8) 0%, rgba(39, 73, 154, 0) 100%),
    url('../img/c1.png');
  
  background-size: cover;        /* cover full div */
  background-position: center;   /* center image */
  background-repeat: no-repeat;  /* prevent repeating */
  height: 363px;                 /* div height */
  width: 100%;                   /* full width */
  border-radius: 5px;
  padding-top: 20px;
}
.collection_container2 {
  background: 
    linear-gradient(180deg, rgba(39, 73, 154, 0.8) 0%, rgba(39, 73, 154, 0) 100%),
    url('../img/c2.png');
  
  background-size: cover;        /* cover full div */
  background-position: center;   /* center image */
  background-repeat: no-repeat;  /* prevent repeating */
  height: 363px;                 /* div height */
  width: 100%;                   /* full width */
  border-radius: 5px;
  padding-top: 20px;
}
.collection_container3 {
  background: 
    linear-gradient(180deg, rgba(39, 73, 154, 0.8) 0%, rgba(39, 73, 154, 0) 100%),
    url('../img/c3.png');
  
  background-size: cover;        /* cover full div */
  background-position: center;   /* center image */
  background-repeat: no-repeat;  /* prevent repeating */
  height: 363px;                 /* div height */
  width: 100%;                   /* full width */
  border-radius: 5px;
  padding-top: 20px;
}
.collection_container4 {
  background: 
    linear-gradient(180deg, rgba(39, 73, 154, 0.8) 0%, rgba(39, 73, 154, 0) 100%),
    url('../img/c4.png');
  
  background-size: cover;        /* cover full div */
  background-position: center;   /* center image */
  background-repeat: no-repeat;  /* prevent repeating */
  height: 363px;                 /* div height */
  width: 100%;                   /* full width */
  border-radius: 5px;
  padding-top: 20px;
}

.new-product-list
{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 30px 0px;
    justify-content: center;
}
.new-product-list li {
    flex: 0 0 16%;
    text-align: center;
}
.new-product-list .title
{
    font-family: 'Montserrat-bold', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    color: var(--black);
    margin-bottom: 0px;
    margin-top: 5px;
}
.new-product-list .price
{
    font-family: 'Montserrat-bold', sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    color: var(--black);
     margin-bottom: 0px;
}
.new-product-list .price span
{
  font-size: 14px;
}
.limited_time_offer
{
  border-radius: 18px;
  background-color: #F2F2F2;
  padding: 25px;
}
.limited_time_offer h2
{
    font-family: 'Montserrat-bold', sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    color: var(--blue);
}
.limited_time_offer h2 span
{
  color: #FF0004;
  border-radius: 5px;
  border:1px solid #FF0004;
  padding: 5px 20px;
    font-size: 20px;
}
.product-item {
  position: relative;
  list-style: none;
  text-align: center;
}

.image-wrapper {
  position: relative;  /* important for positioning the tag */
  display: inline-block;
}

.discount-tag,.onsale {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #FF0000; /* red background */
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 8px;
  border-radius: 4px;
  z-index: 10;
}
.best_seller h2
{
  font-family: 'Montserrat-bold', sans-serif;
  font-weight: 700;
  
  font-size: 24px;
  
  text-align: left;
  color: var(--blue);
}
.smart_background
{
  background-color: #F2F2F2;
  border-radius: 10px;
  padding: 15px;
}
.smart_title
{
      font-family: 'Montserrat-bold', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    color: var(--black);
    margin-bottom: 0px;
    margin-top: 5px;
}
.smart_price,.product-price
{
  font-family: 'Montserrat-bold', sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    color: var(--black);
    margin-bottom: 0px;
}
.luxury_container {
    background: linear-gradient(180deg, rgba(39, 73, 154, 0.8) 0%, rgba(39, 73, 154, 0) 100%), url(../img/l1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 363px;
    width: 100%;
    border-radius: 5px;
    padding-top: 20px;
}
.luxury_container2 {
    background: linear-gradient(180deg, rgba(39, 73, 154, 0.8) 0%, rgba(39, 73, 154, 0) 100%), url(../img/l2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 363px;
    width: 100%;
    border-radius: 5px;
    padding-top: 20px;
}
.luxury_container3 {
    background: linear-gradient(180deg, rgba(39, 73, 154, 0.8) 0%, rgba(39, 73, 154, 0) 100%), url(../img/l3.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 363px;
    width: 100%;
    border-radius: 5px;
    padding-top: 20px;
}
.luxury_container4 {
    background: linear-gradient(180deg, rgba(39, 73, 154, 0.8) 0%, rgba(39, 73, 154, 0) 100%), url(../img/l4.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 363px;
    width: 100%;
    border-radius: 5px;
    padding-top: 20px;
}
.radius-10
{
  border-radius: 10px;
}
.carpets-product-list
{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 30px 0px;
    justify-content: left;
}
.carpets-product-list li {
    flex: 0 0 10%;
    text-align: center;
}
.carpets-product-list .title
{
    font-family: 'Montserrat-bold', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    color: var(--black);
    margin-bottom: 0px;
    margin-top: 5px;
}
.carpets-product-list .price
{
    font-family: 'Montserrat-bold', sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    color: var(--black);
     margin-bottom: 0px;
}
.carpets-product-list .price span
{
  font-size: 14px;
}
.dairy_container {
    background: linear-gradient(180deg, rgba(39, 73, 154, 0.8) 0%, rgba(39, 73, 154, 0) 100%), url(../img/d1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 363px;
    width: 100%;
    border-radius: 5px;
    padding-top: 20px;
}
.dairy_container2 {
    background: linear-gradient(180deg, rgba(39, 73, 154, 0.8) 0%, rgba(39, 73, 154, 0) 100%), url(../img/d2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 363px;
    width: 100%;
    border-radius: 5px;
    padding-top: 20px;
}
.dairy_container3 {
    background: linear-gradient(180deg, rgba(39, 73, 154, 0.8) 0%, rgba(39, 73, 154, 0) 100%), url(../img/d3.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 363px;
    width: 100%;
    border-radius: 5px;
    padding-top: 20px;
}
.dairy_container4 {
    background: linear-gradient(180deg, rgba(39, 73, 154, 0.8) 0%, rgba(39, 73, 154, 0) 100%), url(../img/d4.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 363px;
    width: 100%;
    border-radius: 5px;
    padding-top: 20px;
}
.footer-background
{
  background-color: var(--blue);
  padding: 40px 0px;
}
.footer_logo
{

}
.footer_social_links h2
{
  font-family: 'Montserrat-bold', sans-serif;
    font-weight: 600;
    font-size: 26px;
    text-align: left;
    color: var(--white);
    margin-bottom: 0px;
}
.footer_social_media {
  display: flex;              /* makes the li items appear in one row */
  gap: 10px;                  /* space between icons */
  list-style: none;           /* removes bullets */
  padding: 0;                 /* removes default padding */
  margin: 30px 0px;                  /* removes default margin */
  justify-content: left;    /* centers icons horizontally (optional) */
}

.footer_social_media li a img {
  width: 30px;                /* control icon size */
  height: auto;
  transition: transform 0.3s;
}

.footer_social_media li a img:hover {
  transform: scale(1.1);      /* simple hover zoom effect */
}
.have_more h3
{
  font-family: 'Montserrat-bold', sans-serif;
    font-weight: 600;
    font-size: 20px;
    text-align: left;
    color: var(--white);
    margin-bottom: 0px;
}
.contact_cont
{
  background-color: var(--yellow);
  padding:15px;
  border-radius: 10px;
  

}
.contact_cont p
{
  text-align: left;
  font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    color: var(--blue);
    margin-bottom: 0px;
}
.quick_links h2
{
  text-align: left;
  font-family: 'Montserrat-bold', sans-serif;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    color: var(--white);
    margin-bottom: 0px;
}

.quick_links ul {
  display: block;              /* makes the li items appear in one row */
  gap: 10px;                  /* space between icons */
  list-style: none;           /* removes bullets */
  padding: 0;                 /* removes default padding */
  margin: 30px 0px;                  /* removes default margin */
  justify-content: left;    /* centers icons horizontally (optional) */
}

.quick_links li a {
   text-align: left;
  font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    color: var(--white);
    margin-bottom: 0px;
    line-height: 40px;
}
.help_support h2
{
  text-align: left;
  font-family: 'Montserrat-bold', sans-serif;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    color: var(--white);
    margin-bottom: 0px;
}

.help_support ul {
  display: block;              /* makes the li items appear in one row */
  gap: 10px;                  /* space between icons */
  list-style: none;           /* removes bullets */
  padding: 0;                 /* removes default padding */
  margin: 30px 0px;                  /* removes default margin */
  justify-content: left;    /* centers icons horizontally (optional) */
}

.help_support li a {
   text-align: left;
  font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    color: var(--white);
    margin-bottom: 0px;
    line-height: 28px;
}
.copyright
{
  background-color: var(--white);
  padding:10px 0px;
  text-align: center;
}
.copyright p
{
  color: var(--blue);
  font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    margin-bottom: 0px;
}
.product-img-wrap {
  width: 180px;              /* control width */
  height: 180px;             /* control height */
  overflow: hidden;          /* hide overflow */
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

.product-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;         /* ensures consistent size & cropping */
  transition: transform 0.3s ease;
}

.product-img-wrap img:hover{
  transform: scale(1.05);
}
.product-img-thumbail {
  width: 100px;              /* control width */
  height: 100px;             /* control height */
  overflow: hidden;          /* hide overflow */
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}
.shop-sidebar {
  background: #f8f9fa;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.shop-sidebar h4 {
  margin-bottom: 20px;
  font-weight: 700;
  color: #333;
}

.shop-sidebar h6 {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 600;
}

.shop-sidebar ul li {
  margin-bottom: 8px;
}

.shop-sidebar ul li a {
  color: #333;
  text-decoration: none;
}

.shop-sidebar ul li a:hover {
  color: #007bff;
}
.product-cart-btn .add_to_cart_button
{
  background-color: var(--blue);
  padding: 7px 15px;
  color: var(--white);
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  margin-bottom: 0px;
  border-radius: 7px;
}
.product-cart-btn .add_to_cart_button:hover
{
  background-color: #4b6195;
  color: var(--white);
}
.woocommerce-result-count
{
  margin-bottom: 0px;
  padding-top: 7px;
  font-family: 'Montserrat-bold', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--blue);
}
.no-padding 
{
  padding: 0px;
}
.woocommerce-pagination {
    display: flex;
    justify-content: center; /* center pagination horizontally */
    margin: 30px 0;
}

.woocommerce-pagination ul.page-numbers {
    display: flex;
    list-style: none;
    padding: 0;
    gap: 8px; /* space between page numbers */
}

.woocommerce-pagination ul.page-numbers li {
    display: inline-block;
}

.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
    display: block;
    padding: 8px 12px;
    border-radius: 5px;
    background: #f8f9fa;
    color: #333;
    text-decoration: none;
}
.cart-product-img img {
    max-width: 100px;
    object-fit: cover;
    border-radius: 5px;
}

.cart-product-details h5 a {
    color: #333;
    text-decoration: none;
}

.cart-product-details h5 a:hover {
    color: #007bff;
}

.quantity input {
    width: 50%;
    text-align: center;
}

.cart-product-remove a {
    font-size: 24px;
    color: #ff4d4f;
    text-decoration: none;
}

.cart-product-remove a:hover {
    color: #d32f2f;
}
.breadcrumb__links a
{
  margin-bottom: 0px;
  padding-top: 7px;
  font-family: 'Montserrat-bold', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--blue);
}
.woocommerce table.shop_table th
{
  margin-bottom: 0px;
  
  font-family: 'Montserrat-bold', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--blue);
}
.woocommerce table.shop_table td
{
  margin-bottom: 0px;
  
  font-family: 'Montserrat-bold', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: var(--black);
}
.button
{
  background-color: var(--blue) !important;
    padding: 10px 15px !important;
    color: var(--white) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400; !important
    font-size: 16px !important;
    text-align: center !important;
    margin-bottom: 0px !important;
    border-radius: 7px !important;
}
.button:hover
{
      background-color: #4b6195 !important;
    color: var(--white) !important;
}
.woocommerce .quantity .qty
{
      width: 9.631em;
    text-align: center;
    border-radius: 10px;
}
.woocommerce table.cart td.actions .coupon
{
  text-align: left;
}
#coupon_code
{
  width: 50%;
}
.cart_totals h2, h3
{
  
  font-family: 'Montserrat-bold', sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: var(--black);
}
.woocommerce form .form-row label
{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: var(--black);
}
/* Make FlexSlider thumbnails horizontal */
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start;
    gap: 8px;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    list-style: none;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
    width: 100px !important;
    height: auto;
    display: block;
    border: 1px solid #ddd;
    cursor: pointer;
}
.product_title
{
  font-family: 'Montserrat-bold', sans-serif;
  font-weight: 600;
  font-size: 36px;
  color: var(--blue);
  margin-bottom: 20px;
}
.product_detail .price
{
  font-family: 'Montserrat-bold', sans-serif;
    font-weight: 400;
    font-size: 24px;
    text-align: left;
    color: var(--black);
    margin-bottom: 20px;
}
/* Align quantity and add-to-cart button in one row */
form.cart {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Make sure quantity box doesn’t break layout */
form.cart .quantity {
    margin: 0 !important;
}

/* Optional: Make button height match quantity field */
.single_add_to_cart_button {
    height: 40px;
    display: flex;
    align-items: center;
}
.product_detail .qty
{
  border-radius: 10px;
}
.product_meta
{
  margin-top: 20px;
}
.full-description h2,.full-description h3
{
   font-family: 'Montserrat-bold', sans-serif;
    font-weight: 400;
    font-size: 24px;
    text-align: left;
    color: var(--black);
    margin-bottom: 20px;
}
.pdp-product-detail
{
  font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    color: var(--black);
    margin: 0px;
    padding: 0px;
}
.pdp-product-detail ul
{
  margin: 0px;
  padding: 0px 20px;
}
.related h2
{
  font-family: 'Montserrat-bold', sans-serif;
    font-weight: 400;
    font-size: 30px;
    text-align: left;
    color: var(--blue);
    margin: 0px;
    padding: 0px;
}
.woocommerce-breadcrumb a
{
  font-family: 'Montserrat-bold', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    color: var(--blue);
}
/* Hide sub-menu by default */

/* Parent <li> positioning */
#navmenu ul li {
    position: relative;
}

/* Hide submenus */
#navmenu ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #FBC836;
    min-width: 200px;
    z-index: 999;
    padding: 10px 0;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);

    /* Add these lines */
    max-height: 400px;   /* fixed height box */
    overflow-y: auto;    /* vertical scroll */
}
/* Show submenu on hover */
#navmenu ul li.menu-item-has-children:hover > ul.sub-menu {
    display: block;
}

/* Sub-menu item styles */
#navmenu ul.sub-menu li a {
    display: block;
    padding: 10px 15px;
    color: var(--blue);
    white-space: nowrap;
    font-family: 'Montserrat-bold', sans-serif;
    font-size: 14px;
    border-bottom: 1px solid var(--blue) !important;
}
.navmenu a,.navmenu a:focus
{
  display: block;
    
    color: var(--blue);
    white-space: nowrap;
    font-family: 'Montserrat-bold', sans-serif;
    font-size: 14px;
}
.wpfFilterButton
{
  background-color: var(--blue) !important;
    padding: 10px 15px !important;
    color: var(--white) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
    text-align: center !important;
    margin-bottom: 0px !important;
    border-radius: 7px !important;
    min-height: auto !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
}
.orderby
{
  color: var(--blue);
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
    font-size: 14px;
}
/* Mobile Slide Filter Panel */
.mobile-filter-panel {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    padding: 20px;
    overflow-y: auto;
    box-shadow: 2px 0px 10px rgba(0,0,0,0.2);
    transition: 0.3s ease;
}

/* Panel visible */
.mobile-filter-panel.active {
    left: 0;
}

/* Close button */
.close-filter-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 32px;
    background: none;
    border: none;
    cursor: pointer;
}
/* Container layout */
.woocommerce-account .woocommerce {
    display: flex;
    gap: 30px;
}

/* Left sidebar */
.woocommerce-MyAccount-navigation {
    width: 250px;
    background: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
}

/* List styling */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 8px;
}

/* Menu buttons */
.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 16px;
    background: #fff;
    color: #333;
    border-radius: 8px;
    text-decoration: none;
    border: 1px solid #ddd;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

/* Hover effect */
.woocommerce-MyAccount-navigation ul li a:hover {
    background: #0066cc;
    color: #fff;
    border-color: #0066cc;
}

/* Active menu item */
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #0066cc;
    color: #fff;
    border-color: #0066cc;
}

/* Right content area */
.woocommerce-MyAccount-content {
    flex: 1;
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
}
#wpfMinPrice
{
  width: 30% !important;
}
.wpfFilterWrapper ul:not(.wpfButtonsFilter) li
{
  color: var(--black);
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
    font-size: 14px;
}
#wpfBlock_2 .wpfFilterVerScroll
{
  max-height: 400px !important;
}
.whatsapp-footer {
    position: fixed;
    bottom: 15px;
    left: 20px;
    background: #25D366;
    color: #fff;
    padding: 10px 15px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    z-index: 1000;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* icon styling */
.whatsapp-footer img {
    width: 28px;
    height: 28px;
}

/* hover effect */
.whatsapp-footer:hover {
    background: #1ebc57;
}

/* Desktop sidebar always visible */
@media (min-width: 768px) {
    #filterSidebar {
        display: block !important;
    }
}

/* Mobile filter button spacing */
.filter-toggle-btn {
    margin-bottom: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Tablet styles */
    .header 
    {
      padding: 25px 0px;
    }
    .promotion_section
    {
      margin-top: 20px;
    }
    .promotion_container,.promotion_container2,.promotion_container3,.promotion_container4,.collection_container,.collection_container2,.collection_container3,.collection_container4,.luxury_container,.luxury_container2,.luxury_container3,.luxury_container4,.dairy_container,.dairy_container2,.dairy_container3,.dairy_container4
    {
      margin-bottom: 20px;
      height: 200px;
    }
    .promotion_section h3, .collections_section h3
    {
      font-size: 20px;
    }
    .promotion_section p, .collections_section p
    {
      font-size: 14px;
      padding: 0px 6px;
    }
    .quick_links h2
    {
      margin-top: 20px;
    }
    .product_title,.related h2
    {
      font-size: 24px;
    }
    .best_seller h2
    {
      font-size: 20px;
    }
    .about h3
    {
      font-size: 20px;
    }
    .help_support
    {
      margin-top: 20px;
      padding-left: 0px;
    }
    .quick_links
    {
      padding-left: 0px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 576px) {
    /* Mobile range styles */
    .best_seller h2
    {
      margin-top: 20px;
    }
    .promotion_section
    {
      margin-top: 20px;
    }
    .promotion_container,.promotion_container2,.promotion_container3,.promotion_container4,.collection_container,.collection_container2,.collection_container3,.collection_container4,.luxury_container,.luxury_container2,.luxury_container3,.luxury_container4,.dairy_container,.dairy_container2,.dairy_container3,.dairy_container4
    {
      margin-bottom: 20px;
      height: 200px;
    }
    .promotion_section h3, .collections_section h3
    {
      font-size: 20px;
    }
    .promotion_section p, .collections_section p
    {
      font-size: 14px;
      padding: 0px 6px;
    }
    .quick_links h2
    {
      margin-top: 20px;
    }
    .quick_links,.help_support
    {
      padding-left: 0px;
    }
    .product_title
    {
      font-size: 22px;
      margin-top: 20px;
    }
    .full-description h2, .full-description h3
    {
      font-size: 18px;
    }
    .related h2,.top_categories h2,
    {
      font-size: 20px;
    }
    .header
    {
      padding: 20px 0px;
    }
    .product-img-wrap
    {
      width: 160px;
      height: 160px;
    }
    .copyright p 
    {
      font-size: 12px;
    }
}