:root {
  --product_text_color_prime: 26 40% 50%; /* #B2794D */

  --product_text_color_secondary: 253 9% 19%; /* #2D2B34 */
  --product_footer_text_clr: 0 0% 5%; /* #0E0E0E */

  /* background */
  --product_bg_color_prime: 26 40% 50%; /* #B2794D */
  --product_bg_color_secondary: 253 9% 19%; /* ##2D2B34 */
}

.solid_btn_bround {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: fit-content;
  border-radius: 10px;
  min-height: 50px;
  font-weight: var(--font_weight_semiBold);
  font-size: 18px;
  background: hsl(var(--product_bg_color_prime));
  padding: 6px 26px;
  color: hsl(var(--text_white));
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.solid_btn_bround:hover {
  background: hsl(var(--product_bg_color_secondary));
  color: hsl(var(--text_white));
}

.solid_btn_bround_outline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: fit-content;
  border-radius: 10px;
  min-height: 50px;
  font-weight: var(--font_weight_semiBold);
  font-size: 18px;
  background: #ffefe3;
  border: 1px solid #f0d1b9;
  padding: 6px 26px;
  color: hsl(var(--product_text_color_prime));
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.solid_btn_bround_outline:hover {
  background: hsl(var(--product_bg_color_secondary));
  color: hsl(var(--text_white));
  border: 1px solid hsl(var(--product_bg_color_secondary));
}

/* header */
.link_tH {
  color: hsl(var(--product_text_color_secondary));
}
.user {
  color: hsl(var(--product_text_color_prime));
}
.menu .menu_item {
  padding-block: 12px;
  min-height: 64px;
  display: flex;
  gap: 6px;
  align-items: center;
}
.menu .menu_item.active {
  border-bottom: 2px solid hsl(var(--product_text_color_prime));
}
.menu .menu_item:hover {
  border-bottom: 2px solid hsl(var(--product_text_color_prime));
  color: hsl(var(--product_text_color_prime));
}
.bag {
  color: hsl(var(--product_text_color_prime));
  font-size: 30px;
  position: relative;
}
.bag b {
  position: absolute;
  top: 0px;
  right: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border: 2px solid hsl(var(--text_white));
  background: #ed3237;
  color: hsl(var(--text_white));
}
/* header */

/* product_banner */
.product_banner {
  background: url(../images/home/product/productbg1.jpg) no-repeat center center /
    cover;
}
.product_banner .bg_inner {
  padding-block: 190px 0px;
}
.product_banner .bg_inner .bg_image {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.product_banner .bg_inner .bg_image img {
  max-width: 425px;
}
.product_banner .content {
  padding-block-end: clamp(40px, 5vw, 120px);
}
.product_banner .content {
  max-width: 499px;
}

.product_banner .content .title {
  color: hsl(var(--product_text_color_secondary));
}

.product_banner .content .title span {
  color: hsl(var(--product_text_color_prime));
}

.product_banner .bread_crumb a,
.bread_crumb {
  color: hsl(var(--product_text_color_secondary));
}

@media (max-width: 767px) {
  .product_banner .content {
    padding-block-end: 40px;
  }
  .product_banner .bg_inner .bg_image {
    margin: 0;
    align-items: flex-end;
    justify-content: center;
    height: clamp(100px, 80vw, 400px);
  }
  .product_banner .bg_inner .bg_image img {
    object-position: bottom;
  }
}
/* product_banner */

/* explore_more */
.explore_more {
  width: 100%;
}
.explore_more {
  width: 100%;
}
.explore_more_inner {
  width: 100%;
  padding-block: clamp(50px, 8vw, 80px);
}
.explore_more_content {
  width: 100%;
  text-align: center;
  max-width: 700px;
  margin-inline: auto;
}
.explore_more_content .title {
  color: hsl(var(--product_text_color_prime));
}
.explore_more_content .sub_text {
  color: hsl(var(--footer_title));
  margin-block-start: 20px;
  font-size: 18px;
}
.explored_grid {
  width: 100%;
  margin-block-start: 50px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 30px;
}
.explored_grid .grid_item {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: hsl(var(--bg_clr_white));
  border: 1px solid #dfdfdf;
  border-radius: 10px;
  padding: 8px;
  overflow: hidden;
  text-decoration: none;
}
.explored_grid .grid_item .grid_img {
  width: 100%;
  height: 240px;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eeeeee;
}
.explored_grid .grid_item .grid_img img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.explored_grid .grid_item:hover {
  box-shadow: 6px 17px 30px 0px #eeeeee;
}

.grid_content {
  width: 100%;
  text-align: center;
  padding: 14px;
}
.grid_content .top_text {
  color: #666a73;
  font-size: 14px;
}
.grid_content .title {
  color: #191d28;
  font-size: clamp(17px, 2vw, 20px);
  margin-block-start: 4px;
  text-decoration: none;
  font-weight: var(--font_weight_regular);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid_content .price {
  color: #2d2b34;
  display: block;
  text-align: center;
  font-size: 18px;
  margin-block-start: 6px;
}
.grid_content .btn {
  margin-inline: auto;
  font-size: 16px;
  min-height: 42px;
  margin-block-start: 20px;
}

/* explore_more */

/* cta_section */
.cta_section {
  width: 100%;
  padding-block-end: clamp(50px, 8vw, 80px);
}
.cta_section .cta_inner_sec {
  width: 100%;
  border-radius: clamp(10px, 2vw, 40px);
  aspect-ratio: 610/243;
  overflow: hidden;
}
.cta_section .cta_inner_sec img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* cta_section */

/* p_footer */
.p_footer {
  width: 100%;
}
.p_footer_inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  padding-block: clamp(40px, 8vw, 50px);
  border-top: 1px solid #00000027;
}
.footer_col .pcopy_write {
  width: 100%;
  color: hsl(var(--product_footer_text_clr));
  font-size: 14px;
}

.p_social_icons {
  display: flex;
  align-items: center;
  gap: 10px;
}
.p_social_icons .S_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  text-decoration: none;
  color: hsl(var(--product_footer_text_clr));
}
.p_social_icons .S_icon:hover {
  color: hsl(var(--product_text_color_prime));
}
.footer_links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.footer_links a {
  color: hsl(var(--product_footer_text_clr));
  text-decoration: none;
  font-size: 14px;
}
.footer_links a:hover {
  color: hsl(var(--product_text_color_prime));
}
.footer_links .dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: hsl(var(--product_footer_text_clr));
}
/* p_footer */

/*  */
.product_details {
  width: 100%;
}
.inner_product_detail {
  width: 100%;
  padding-block: clamp(50px, 8vw, 100px);
  display: flex;
  gap: 50px;
}
.product_detail_content .units {
  color: #666a73;
  font-size: 18px;
}
.product_detail_content .priceCost {
  color: hsl(var(--product_footer_text_clr));
  margin-block-start: 28px;
  font-weight: var(--font_weight_semiBold);
}

.product_detail_content .description {
  color: #606369;
  font-size: 18px;
}
.details {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px;
  margin-block-start: 20px;
}

.details .items {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  font-size: 18px;
  color: #606369;
}
.details .items span {
  font-weight: var(--font_weight_bold);
  font-size: 18px;
  color: #606369;
}

.product_detail_content .solid_btn_bround {
  width: 100%;
  margin-block-start: 14px;
}

.add_to_cart {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-block-start: 60px;
}
.plus_minus {
  width: 126px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  background: #f5f7f8;
  border: 1px solid #d9e1e4;
  border-radius: 10px;
}

.plus_minus .minus,
.plus_minus .plus {
  background: none;
  border: none;
  font-size: 30px;
  color: #9dabb0;
}

.plus_minus .minus:hover,
.plus_minus .plus:hover {
  color: hsl(var(--product_footer_text_clr));
}

.plus_minus input {
  flex: 1;
  text-align: center;
  font-size: 18px;
  color: hsl(var(--product_footer_text_clr));
  border: none;
  background: none;
}

.inner_product_detail > * {
  flex: 1;
  max-width: 50%;
}

.product_detail_content .title {
  color: hsl(var(--product_text_color_secondary));
}
.product_detail_content .solid_btn_bround_outline {
  flex: 1;
}

.outer {
  width: 100%;
}

.outer .content-carousel {
  display: block;
  margin: 0 auto;
}
.outer .owl-carousel {
  width: calc(100% - 170px);
  margin-inline-start: auto;
}
.outer .owl-carousel > div {
  width: 100%;
}

.outer .owl-carousel .owl-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.outer .owl-carousel .owl-stage-outer {
  width: 100%;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 10px;
}

.outer .owl-carousel .owl-controls .owl-dot {
  background-size: cover;
  margin-top: 10px;
}
.outer .owl-carousel .owl-dots {
  position: absolute;
  top: 0;
  left: -170px;
  width: 150px;
  height: 100%;
}
.outer .owl-carousel .owl-dot {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  /*background: #ffffff;*/
  border: 1px solid #dfdfdf;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .inner_product_detail {
    flex-direction: column;
  }
  .inner_product_detail > * {
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .outer .owl-carousel {
    width: 100%;
    margin-inline-start: 0;
  }
  .outer .owl-carousel .owl-dots {
    left: 0;
    position: relative;
    width: 100%;
    display: none;
  }
  .outer .owl-carousel .owl-item {
    height: 100%;
  }
  .outer .owl-carousel .owl-item img {
    height: 400px;
  }
}
/*  */