/* in Heading  font-family: "Playfair Display", serif; */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
/* Paragraphs, Product Descriptions, etc.) → Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


html {
  scroll-behavior: smooth;
  font-size: 10px;
  font-family: "Poppins", serif;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: var(--primary-heading);
  margin: 0px;
}

p {
  margin: 0;
}


:root {
  --primary-bg-color: #0F0F0F;
  --primary-text-color: #FFFFFF;
  --primary-hover-color: #B81D22;
  --primary-light-color: #ACACAc;
  --primery03: #696969;
  --primary-heading: "Playfair Display", serif;
  --primary-text: "Poppins", serif;
  --primary-2nd-hover: #FFCF40;


}



a,
li {
  text-decoration: none;
  list-style: none;
  margin: 0px;
  color: var(--primary-text-color);
}


.Bin-Mahar {
  background-color: var(--primary-bg-color);
  /* height: 100vh; */
}

.fa-bars_sideBar {
  display: none !important;
}

.Add-To-Card-btn {
  color: #fff;
  border: 1px solid #fff;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 6px;
  margin: 4px 0px;
  width: 130px;
}

.Add-To-Card-btn:hover {

  border: 1px solid;
  color: var(--primary-2nd-hover);
  transition: .3s all;
}

.product-Card:hover .Add-To-Card-btn {

  border: 1px solid;
  color: var(--primary-2nd-hover);

}

.image_hover_show,
.image_hover_set {
  width: 100%;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}

.image_hover_set {
  opacity: 1;
}

.image_hover_show {
  opacity: 0;
}

.product-Card:hover .image_hover_set {
  opacity: 0;
}

.product-Card:hover .image_hover_show {
  opacity: 1;
}



/* slider swiper */
.swiper {
  width: 100%;
  height: 100%;
}



.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* BTN */

.Btn_Buy_Now {
  background-color: var(--primary-text-color);
  padding: 5px 25px;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: .6px;
  margin-top: 15px;
  color: black;
  transition: .4s all;
  border-radius: 20px;
}

.Btn_Buy_Now:hover {
  background-color: transparent;
  color: var(--primary-2nd-hover);
  border: 1px solid var(--primary-2nd-hover);
}


/* 
.mySwiper */

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  font-size: 21px !important;
  color: var(--primary-2nd-hover);
  font-weight: 900;
  margin-top: 3px;
}

.swiper-button-next,
.swiper-button-prev {
  /* opacity: 0; */
  background-color: rgb(255, 255, 255);
  border-radius: 5px;
  font-size: 20px;
}



::placeholder {
  color: #d6d6d6;
}



@media(max-width:1200px) {
  .product_related_img {
    width: 100px !important;
    /* display: none !important; */
  }

  .PD_main_img {
    width: 370px !important;
  }
}

/* 992 */

@media(max-width:992px) {
  .navbar_list {
    display: none !important;
  }

  .fa-bars_sideBar {
    display: flex !important;
  }

  .product_details_image {
    display: none;
  }

  .product_img_show {
    display: block !important;
  }

  .product_details_image_new,
  .large_summary {
    display: none !important;
  }

  .respon_summary_show {
    display: block;
  }

  /* .UpCommimg_Section {
    display: none !important;
  } */
  .Hero_Sec_Text h3 {
    font-size: 1.5rem;
  }

  .Hero_Sec_Text h2 {
    font-size: 3.1rem;
  }

  .Hero_Text_Area {
    font-size: 1.4rem !important;
  }

  .Hero_Text_Area p {
    display: none !important;
  }

}





/* 768 */
@media(max-width:768px) {
  .three_top_icons:nth-child(3) {

    display: flex !important;
    gap: 15px !important;
  }

  .three_top_icons:nth-child(2) {

    display: none !important;

  }

  .logo {
    width: 64px !important;
    /* height: 64px !important; */
  }

  .Check_Out_Price_Div {
    margin: 0px !important;
  }

  .card_PD_Title h4 {
    display: none !important;
  }

  .card_PD_Title h5 {
    display: block;
    margin-top: 9px !important;
  }

  .Hero_Sec_Text h3 {
    display: none !important;

  }
}

/* ✅ Responsive Design */
@media (max-width: 600px) {

  .Prodcu_Table,
  .Prodcu_Table thead,
  .Prodcu_Table tbody,
  .Prodcu_Table th,
  .Prodcu_Table td,
  .Prodcu_Table tr {
    display: block;
    width: 100%;
  }

  .Items_Names {
    display: none !important;
  }

  .Prodcu_Table td,
  .Prodcu_Table th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 12px 15px;
    text-align: center;
  }

  .Product_add_or_Less {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .Buttons {
    flex-wrap: wrap;
    gap: 15px;
  }

  .Subtotal {
    width: 100% !important;
  }

  .Checkout_bnt {
    width: 100% !important;
  }

}


@media (max-width:570px) {
  .Main_Table_header {
    display: none !important;
  }


  .Hero_Section {
    padding: 0px 5px !important;
  }

  .heroContainer {
    padding: 0px !important;
  }

  .UpCommimg_Section {
    display: none !important;
  }

  .Hero_Sec_Text {
    top: 38%;
  }

  .Hero_Sec_Text h3 {
    font-size: 1.2rem;
  }

  .Hero_Sec_Text h2 {
    font-size: 3.4rem;
  }

  .Hero_Text_Area {
    font-size: 1.3rem !important;
  }

  .Main_navbar {
    padding: 0px 10px !important;
  }

}


@media(max-width:520px) {
  .product_img_show {
    width: 100% !important;
    height: 100%;
    /* padding: 0px; */
  }

  .Card_pd_title h2 {
    font-size: 1.4rem;
  }

  .Card_pd_title p,
  .Card_pd_title h5 {
    font-size: 1.1rem;
    font-family: var(--primary-text);
  }

  .Product_price_card {
    display: none !important;
  }

  .Hero_Sec_Text h2 {
    font-size: 3rem;
    margin-bottom: -4px;
  }

  .Hero_Sec_Text {
    top: 26%;
    width: 70%;
  }



}

@media(max-width:430px) {
  .top_header {
    font-size: 1.2rem;
  }

  .four_btn_Tranding {
    display: flex !important;
    gap: 10px !important;
  }

  .four_btn_Tranding button {
    padding: 5px !important;
    font-size: 1.2rem !important;
  }

  .Deatils_Product {
    font-size: 1.3rem !important;
    margin: 0px !important;
  }

  .margin_set {
    margin-top: 0px !important;

  }

  .All_product_Text h2 {
    font-size: 3rem;
  }

  .All_product_Text li,
  .All_product_Text li a {
    margin-top: 0px !important;
  }

  .aside_card_menu {
    width: 100% !important;
    height: 100%;
  }

  .radio_transaction label {
    font-size: 1.2rem !important;
  }

  .Menu_List_Items {
    width: 100% !important;
  }

  .product_image {
    height: 320px !important;
  }
}


.product_related_img {
  width: 120px;
  padding: 2px 5px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.small_image_001 {
  width: 100%;
  height: 100%;
}

.small_image_001 img {
  width: 100%;
  height: auto;
}

.PD_main_img {
  width: 430px;
  /* padding: 10px; */
  height: 450px;
}

.PD_main_img img {
  width: 100%;
  height: 100%;
}