@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap");
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-size: 16px;
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

body {
  background: rgb(243, 243, 243);
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

@keyframes shake {
  0%, 100% {
    transform: rotate(0deg) scale(1);
  }
  25% {
    transform: rotate(-5deg) scale(1.05);
  }
  75% {
    transform: rotate(5deg) scale(1.05);
  }
}
.fab-trigger-customer {
  right: -10px !important;
  background-color: transparent !important;
  box-shadow: unset !important;
  background-image: url("../images/bbee-bg-social.png") !important;
  background-size: cover !important;
  width: 100px !important;
  height: 100px !important;
  animation: shake 1.5s ease-in-out infinite;
}
@media (max-width: 479px) {
  .fab-trigger-customer {
    bottom: 20px !important;
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .fab-trigger-customer {
    display: none !important;
  }
}

.truncate-1 {
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.truncate-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.truncate-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.truncate-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.truncate-12 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 12;
}

.bars_common {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #b3b3b3;
  margin: 16px 0;
}
.bars_common::before {
  content: "";
  position: absolute;
  height: 1px;
  top: 15.5px;
  left: 0;
  background: rgba(16, 16, 16, 0.1);
  width: calc(50% - 50px);
}
.bars_common::after {
  content: "";
  position: absolute;
  height: 1px;
  top: 15.5px;
  right: 0;
  background: rgba(16, 16, 16, 0.1);
  width: calc(50% - 50px);
}

.error-common {
  font-size: 12px;
  margin-top: 8px;
  font-weight: 400;
}

.max-w-screen-xl {
  max-width: 1280px;
  margin: 0 auto;
}

header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.header__inner {
  background: rgba(229, 227, 215, 0.8);
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
  backdrop-filter: saturate(180%) blur(40px);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
}
.header__logo {
  display: block;
  width: 80px;
  height: 80px;
}
.header__logo img {
  width: 100%;
  height: 100%;
}
.header__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
}
.header__left {
  width: 30%;
  display: flex;
  align-items: center;
  gap: 24px;
}
.header__right {
  width: 30%;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.header__mid {
  width: 40%;
}
.header__mid input::-moz-placeholder {
  font-size: 14px;
}
.header__mid input::placeholder {
  font-size: 14px;
}

.search__input {
  background: #fff;
  position: relative;
  border: 1px solid #b3b3b3;
  border-radius: 999px;
}
.search__input input {
  border: none;
  width: 100%;
  border-radius: 999px;
  padding: 8px 35px;
  caret-color: #FFDF00;
  font-size: 16px;
  font-weight: 500;
  background: none;
  text-align: center;
}
.search__input .search-icon {
  position: absolute;
  top: 8px;
  left: 6px;
  font-size: 22px;
  color: #7f7c5e;
}
.search__input .clear__input {
  right: 8px;
  left: unset;
  cursor: pointer;
  display: none;
}
.search__input.has-value .clear__input {
  display: inline;
}

.header__right--box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
}
.header__right--item {
  border-radius: 999px;
  width: 40px;
  height: 40px;
  background: rgba(16, 16, 16, 0.05098);
  border: 1px solid rgba(16, 16, 16, 0.05);
}
.header__right--item svg, .header__right--item i {
  color: #000;
  font-size: 18px;
}
.header__right--item a.icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.header__right--item .number-item {
  position: absolute;
  top: -10px;
  right: -7px;
  min-width: 20px;
  height: 20px;
  background: #c63551;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  padding: 2px;
}

.hidden {
  display: none !important;
}

.dropdown__user {
  display: flex;
  align-items: center;
  gap: 8px;
  border: none;
  outline: none;
  background: none;
}
.dropdown__user__ttl {
  font-size: 10px;
  font-weight: 400;
  margin-bottom: 4px;
}
.dropdown__user__sayhi {
  font-size: 13px;
  font-weight: 500;
  width: 60px;
}
.dropdown__user__img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  overflow: hidden;
}
.dropdown__user__img img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}

.dropdown-menu__popup {
  inset: unset !important;
  top: 0 !important;
  right: 0 !important;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
  backdrop-filter: saturate(180%) blur(40px);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
}
.dropdown-menu__popup li {
  padding-left: 8px;
  padding-right: 8px;
}
.dropdown-menu__popup li:hover a {
  background: rgba(229, 227, 215, 0.8);
}
.dropdown-menu__popup li:hover button {
  background: rgba(229, 227, 215, 0.8);
}
.dropdown-menu__popup li a {
  display: block;
  padding: 8px;
  font-size: 12px;
  color: #484848;
  font-weight: 600;
  border-radius: 8px;
}
.dropdown-menu__popup li button {
  display: block;
  padding: 8px;
  font-size: 12px;
  color: #484848;
  font-weight: 600;
  border-radius: 8px;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
}

.cart__dropdown__content__empty--text {
  font-size: 14px;
  font-weight: 200;
  line-height: 150%;
}

.cart__chip {
  position: relative;
}
.cart__chip:hover .cart__dropdown {
  display: block;
}
.cart__chip .cart__dropdown {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  width: 390px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  max-height: 390px;
  overflow-y: auto;
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
  backdrop-filter: saturate(180%) blur(40px);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
  border: 1px solid rgba(16, 16, 16, 0.05);
  border-radius: 8px;
  transform-origin: calc(100% - 20px) top;
  animation: headerNotifyGrowth ease-in 0.2s;
  will-change: opacity, transform;
  display: none;
}
.cart__chip .cart__dropdown__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
}
.cart__chip .cart__dropdown__title .view-all {
  font-size: 14px;
  text-decoration: none;
  font-weight: 400;
  text-transform: uppercase;
  color: #e5e3d7;
}
.cart__chip .cart__dropdown__title .view-all:hover {
  text-decoration: underline;
}
.cart__chip .cart__dropdown__content {
  padding: 0;
  margin: 0;
  list-style: none;
}
.cart__chip .cart__dropdown__content::-webkit-scrollbar {
  width: 6px;
}
.cart__chip .cart__dropdown__content::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}
.cart__chip .cart__dropdown__content::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
.cart__chip .cart__dropdown__content__body {
  flex: 1;
}
.cart__chip .cart__dropdown__content__body .cart__dropdown__name {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
.cart__chip .cart__dropdown__content__body .cart__dropdown__variant {
  font-size: 12px;
  color: #757575;
  margin-bottom: 4px;
}
.cart__chip .cart__dropdown__content__body .cart__dropdown__price {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
.cart__chip .cart__dropdown__content__body .cart__dropdown__price .first-price {
  font-size: 12px;
  color: #757575;
  text-decoration: line-through;
  margin-right: 8px;
}
.cart__chip .cart__dropdown__content__body .cart__dropdown__quantity {
  margin-top: 5px;
  font-size: 14px;
}
.cart__chip .cart__dropdown__content__item {
  margin-bottom: 16px;
  position: relative;
}
.cart__chip .cart__dropdown__content__item__empty {
  text-align: center;
  padding: 20px 0;
}
.cart__chip .cart__dropdown__content__item__empty img {
  max-width: 100px;
  margin-bottom: 10px;
}
.cart__chip .cart__dropdown__content__item__empty--text p {
  margin: 0;
  font-size: 14px;
  color: #757575;
}
.cart__chip .cart__dropdown__content__item:last-child {
  margin-bottom: 0;
}
.cart__chip .cart__dropdown__content__item__img {
  width: 100px;
  height: 100px;
  border-radius: 4px;
  margin-right: 16px;
}
.cart__chip .cart__dropdown__content__item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.cart__chip .cart__dropdown__content__remove {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  padding: 5px;
}
.cart__chip .cart__dropdown__content__remove:hover {
  color: #000;
}

.footer {
  background: #e5e3d7;
  backdrop-filter: saturate(180%) blur(40px);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
}
.footer__box {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 20px 16px;
}
.footer__item:not(:last-child) {
  margin-bottom: 16px;
}
.footer__item--list li:not(:last-child) {
  margin-bottom: 8px;
}
.footer__item--list a {
  font-size: 14px;
  font-weight: 300;
  color: #505050;
  letter-spacing: 0.2px;
  line-height: 150%;
}
.footer__item--list a:hover {
  color: #000;
}
.footer__title {
  font-size: 18px;
  font-weight: 500;
  color: #1b1b1b;
  margin-bottom: 16px;
}
.footer__list--img {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}
.footer__list--img img {
  width: 36px;
  height: 36px;
}
.footer__scocial {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}
.footer__scocial a img {
  width: 36px;
  height: 36px;
}
.footer__email-input {
  position: relative;
}
.footer__email-input input {
  border: 1px solid rgba(16, 16, 16, 0.05);
  display: block;
  width: 100%;
  padding: 8px 32px 8px 8px;
  border-radius: 999px;
}
.footer__email-input input::-moz-placeholder {
  font-size: 14px;
}
.footer__email-input input::placeholder {
  font-size: 14px;
}
.footer__email-input i {
  position: absolute;
  bottom: 11px;
  right: 12px;
}
.footer__copyright {
  font-size: 12px;
  font-weight: 600;
  color: #505050;
  text-align: center;
}
.footer__bct {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer__bct img {
  width: 114px;
  height: 45px;
}

main {
  min-height: calc(100vh - 428px);
  overflow-y: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.d-none {
  display: none;
}

.quicksearch {
  backdrop-filter: saturate(180%) blur(40px);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
}
.quicksearch.active {
  display: block;
  transition: opacity 0.3s linear 0s;
}

.content-search {
  position: relative;
}
.content-search__logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 479px) {
  .content-search__logo {
    display: none;
  }
}
.content-search__logo a {
  width: 80px;
  height: 80px;
}
.content-search__logo a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.content-search__input {
  max-width: 500px;
  margin: 0 auto;
}
@media (max-width: 479px) {
  .content-search__input {
    width: calc(100% - 40px);
    margin: unset;
  }
}
.content-search__input input {
  font-size: 12px;
  width: 100%;
  border: none;
  outline: none;
  padding: 10px 16px;
  border-radius: 6px;
  background-color: #fff;
}
.content-search__result {
  font-size: 12px;
  color: #000;
  max-width: 500px;
  margin: 10px auto;
}

.search-pro__main {
  max-width: 800px;
  margin: 0 auto;
}
.search-pro__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 479px) {
  .search-pro__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}
.search-pro__img {
  height: 280px;
  border-radius: 6px;
  overflow: hidden;
}
@media (max-width: 479px) {
  .search-pro__img {
    height: 240px;
  }
}
.search-pro__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.search-pro__body {
  margin-top: 8px;
}
.search-pro__name {
  font-size: 14px;
  font-weight: 300;
  color: #0c0d0f;
  line-height: 120%;
}

.main-body-search {
  height: 100vh;
  overflow-y: auto;
  padding-bottom: 300px;
}
.main-body-search::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.quicksearch__close {
  position: absolute;
  right: 24px;
  top: 24px;
  background: #f9f9f9;
  box-shadow: 0 0 4px rgba(16, 16, 16, 0.1);
  border-radius: 999px;
  width: 50px;
  height: 50px;
}
@media (max-width: 479px) {
  .quicksearch__close {
    right: -7px;
    top: -2px;
    width: 40px;
    height: 40px;
  }
}
.quicksearch__close:hover {
  background: #e7dfc9;
  animation: forwards;
}
.quicksearch__close:hover i {
  color: #ffc107;
}
.quicksearch__close button {
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  background: none;
}

.search-keys {
  max-width: 800px;
  margin: 10px auto;
}

.quicksearch__title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}
.quicksearch__keys {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.quicksearch__keys li {
  background: #fff;
  border: 1px solid rgba(16, 16, 16, 0.1);
  border-radius: 999px;
  padding: 7px 8px 8px 8px;
  box-sizing: border-box;
  box-shadow: 0 0 4px rgba(16, 16, 16, 0.1);
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
}

.line__border {
  border-top: 1px solid rgba(16, 16, 16, 0.1);
}

.header__btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
}

.header__menu--list {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header__menu--list a {
  display: block;
  padding: 6px 8px;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  line-height: 145%;
  letter-spacing: 0.01em;
  color: #484848;
}
.header__menu--list .header__menu--item {
  position: relative;
  text-transform: uppercase;
}
.header__menu--list .header__menu--item:hover .header__menu--sub {
  display: block;
}
.header__menu--list .header__menu--item .header__menu--sub {
  position: absolute;
  top: 30px;
  width: 300px;
  background: #fff;
  right: 0;
  transform-origin: calc(100% - 20px) top;
  animation: headerNotifyGrowth ease-in 0.2s;
  will-change: opacity, transform;
  display: none;
}
.header__menu--list .header__menu--item .header__menu--sub a {
  display: block;
}
.header__menu--list .header__menu--item .header__menu--sub li:not(:last-child) {
  margin-bottom: 8px;
}
.header__menu--list .header__menu--item .header__menu--sub .online__img {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.header__menu--list .header__menu--item .header__menu--sub .online__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.slider__box .swiper-container {
  height: 620px;
  position: relative;
}
.slider__box .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider__box .swiper-button-prev, .slider__box .swiper-button-next {
  width: 48px;
  height: 48px;
  background: hsla(0, 0%, 100%, 0.4);
  border: 1px solid rgba(16, 16, 16, 0.1);
  box-shadow: 0 0 4px rgba(16, 16, 16, 0.1);
  border-radius: 999px;
}
.slider__box .swiper-button-prev::after, .slider__box .swiper-button-next::after {
  color: #ffc107;
  font-size: 16px;
}
.slider__box .swiper-button-prev:hover, .slider__box .swiper-button-next:hover {
  background: hsla(0, 0%, 100%, 0.8);
}
.slider__box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FFDF00;
  border: 1px solid #fff;
}

.header__category--item {
  border-radius: 4px;
}
.header__category--item:hover {
  background: #f3f3f3;
}
.header__category--item:hover .link-cate {
  color: #ffcf20;
}
.header__category--item:not(:last-child) {
  margin-bottom: 8px;
}
.header__category--item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  padding: 8px;
}
.header__category--dropdown {
  border: none;
  background: none;
  outline: none;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  line-height: 145%;
  letter-spacing: 0.01em;
  color: #484848;
  text-transform: uppercase;
}
.header__category--box {
  position: relative;
}
.header__category--popup {
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  width: 250px;
  border: none;
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
  padding: 10px 16px;
  border-radius: 0;
}
.header__category--popup.active {
  display: block;
}
.header__category--sub {
  position: absolute;
  top: 0;
  background: #fff;
  left: 251px;
  width: 250px;
  display: none;
  padding: 8px 16px;
}
.header__category--sub > li:hover {
  background: #f3f3f3;
  border-radius: 8px;
}
.header__category--sub > li:hover > a {
  color: #ffcf20;
}
.header__category--item:hover > .header__category--sub {
  display: block;
}
.header__category--item:hover > .header__category--sub > li:hover > ul {
  display: block;
}
.header__category--item:hover > .header__category--sub > li:hover > ul::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -17px;
  width: 50px;
}
.header__category--item:hover > .header__category--sub::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -17px;
  width: 50px;
}

.bbee__overlay {
  display: none;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 99;
  background: rgba(27, 27, 27, 0.7);
}
.bbee__overlay.active {
  display: block;
}

.menusubport {
  display: flex;
  align-items: center;
  gap: 8px;
}
.menusubport li {
  line-height: 150%;
}
.menusubport li.active a {
  color: #ffc107;
}
.menusubport li a {
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  line-height: 145%;
  letter-spacing: 0.01em;
  color: #484848;
}

.bbee__choose {
  padding: 35px 16px;
}
.bbee__choose-product {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.bbee__title {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.008em;
  color: #484848;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.bbee__title a {
  font-size: 16px;
  font-weight: 500;
  color: #9e9b83;
}

.product {
  border: 1px solid rgba(16, 16, 16, 0.1);
  border-radius: 4px;
  background: #fff;
}
.product__img {
  position: relative;
  width: 100%;
  height: 300px;
}
.product__img:hover img:nth-of-type(2) {
  opacity: 1;
}
.product__img a {
  display: block;
}
.product__img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px 4px 0 0;
  transition: opacity 0.2s ease-in-out 0s;
}
.product__img img:nth-of-type(1) {
  opacity: 1;
}
.product__img img:nth-of-type(2) {
  opacity: 0;
}
.product:hover {
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
}
.product:hover .product__popup {
  visibility: visible;
}
.product__popup {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 8px;
  visibility: hidden;
  transition: all 0.2s;
}
.product__popup--box {
  padding: 12px 8px;
  border-radius: 4px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), hsla(0, 0%, 100%, 0.4);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product__popup--box a {
  text-align: center;
  width: 100%;
}
.product__label--sale {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #d04124;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px 0 4px 0px;
  text-transform: uppercase;
}
.product__addtocart {
  font-size: 13px;
  background: #ffc107;
  padding: 8px 4px;
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
}
.product__body {
  position: relative;
  padding: 8px;
}
.product__category {
  margin-bottom: 4px;
}
.product__category a {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: 145%;
  letter-spacing: 0.01em;
  color: #101010;
}
.product__name {
  height: 41px;
}
.product__name a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 145%;
  letter-spacing: 0;
  color: grey;
}
.product__price {
  margin-top: 4px;
}
.product__price--box {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 18px;
}
.product__price--old {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #b3b3b3;
  margin-right: 3px;
  text-decoration: line-through;
}
.product__price--sale {
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #fe252c;
}
.product__price--new {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #101010;
}

.special__offers {
  padding: 35px 16px;
}
.special__offers-product {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.home__blog {
  padding: 35px 16px;
}
.home__blog--box {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.blog {
  background: #fff;
  border: 1px solid rgba(16, 16, 16, 0.1);
  border-radius: 8px;
  overflow: hidden;
}
.blog:hover {
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
}
.blog__img {
  height: 232px;
}
.blog__img a {
  display: block;
  height: 100%;
  width: 100%;
}
.blog__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog__body {
  padding: 28px 12px 16px;
}
.blog__category {
  margin-bottom: 10px;
}
.blog__category a {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #99ba3c;
}
.blog__name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 52px;
  margin-bottom: 5px;
}
.blog__name a {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  text-transform: capitalize;
  color: #1d1d1d;
}
.blog__info {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 300;
  font-size: 13px;
  line-height: 18px;
  color: #b7b7b7;
}

.bbee__thinking {
  padding: 35px 16px;
}

.slider__thinking--box {
  height: 400px;
}
.slider__thinking--box .thinking-slider {
  position: relative;
  height: 100%;
  border: 1px solid rgba(16, 16, 16, 0.1);
  border-radius: 18px;
  background: #fff;
}
.slider__thinking--box .swiper-button-prev, .slider__thinking--box .swiper-button-next {
  width: 40px;
  height: 40px;
  background: hsla(0, 0%, 100%, 0.4);
  border: 1px solid rgba(16, 16, 16, 0.1);
  box-shadow: 0 0 4px rgba(16, 16, 16, 0.1);
  border-radius: 999px;
}
.slider__thinking--box .swiper-button-prev::after, .slider__thinking--box .swiper-button-next::after {
  color: #ffc107;
  font-size: 16px;
}
.slider__thinking--box .swiper-button-prev:hover, .slider__thinking--box .swiper-button-next:hover {
  background: hsla(0, 0%, 100%, 0.8);
}
.slider__thinking-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
}
.slider__thinking-img {
  width: 35%;
  height: 100%;
}
.slider__thinking-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider__thinking-content {
  width: 65%;
  height: 100%;
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}
.slider__thinking-title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 30px;
}
.slider__thinking-text {
  font-size: 16px;
  font-weight: 200;
  line-height: 140%;
}
.slider__thinking-share a {
  font-size: 14px;
  font-weight: 500;
  color: rgb(243, 209, 14);
}

.bbee__partner {
  padding: 35px 16px;
}

.partner__box {
  height: 80px;
}
.partner__slider {
  height: 100%;
}
.partner__slider .swiper-slide {
  height: 100%;
}
.partner__slider--img {
  width: 100%;
  height: 100%;
}
.partner__slider--img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.bbee__about {
  padding: 35px 0;
}
.bbee__about .bbee__title {
  padding: 0 16px;
}
.bbee__about-bg {
  width: 100%;
  height: 450px;
  overflow: hidden;
  position: relative;
}
.bbee__about-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bbee__about-bg .bg-img-main {
  opacity: 0.5;
  filter: blur(3px);
}
.bbee__about--body {
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
  bottom: 16px;
}
.bbee__about-box {
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
  backdrop-filter: saturate(180%) blur(4px);
  -webkit-backdrop-filter: saturate(180%) blur(4px);
}

.about-slider {
  height: 100%;
}
.about-slider__item {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.about-slider__left {
  width: 50%;
  padding: 20px;
}
.about-slider__right {
  width: 50%;
}
.about-slider__img {
  width: 100%;
  height: 100%;
}
.about-slider__img img {
  width: 100%;
  height: 100%;
}
.about-slider__title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 30px;
  color: #ffc107;
}
.about-slider__content {
  font-size: 16px;
  font-weight: 200;
  line-height: 140%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 14;
  height: calc(100% - 50px);
  background: #fff;
  padding: 12px;
  border-radius: 8px;
}
.about-slider .swiper-button-prev, .about-slider .swiper-button-next {
  width: 40px;
  height: 40px;
  background: hsla(0, 0%, 100%, 0.4);
  border: 1px solid rgba(16, 16, 16, 0.1);
  box-shadow: 0 0 4px rgba(16, 16, 16, 0.1);
  border-radius: 999px;
}
.about-slider .swiper-button-prev::after, .about-slider .swiper-button-next::after {
  color: #ffc107;
  font-size: 16px;
}
.about-slider .swiper-button-prev:hover, .about-slider .swiper-button-next:hover {
  background: hsla(0, 0%, 100%, 0.8);
}
.about-slider .swiper-button-prev {
  left: -23px;
}
.about-slider .swiper-button-next {
  right: -23px;
}

.form__home {
  padding: 35px 16px;
}
.form__home-box {
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  height: 636px;
}
.form__home-left {
  width: 70%;
  padding: 50px;
  background: #fff;
  border-radius: 10px;
}
.form__home-right {
  width: 30%;
}
.form__home-right img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0 20px 20px 0;
}

.backToTopBtn {
  --size: 56px;
  --radius: 100px;
  --padding: 16px;
  --bg-color: rgba(255, 255, 255, 0.9);
  --fg-color: rgba(0, 0, 0, 0.7);
  --hi-color: #007bff;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  width: var(--size);
  height: var(--size);
  font-size: 20px;
  border: none;
  color: var(--fg-color);
  border-radius: 50%;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.backToTopBtn:hover {
  transform: scale(1.1);
  box-shadow: 0 12px 18px rgba(0, 0, 0, 0.25);
}
.backToTopBtn:active {
  transform: scale(0.95);
}
.backToTopBtn__bg {
  background: var(--bg-color);
  color: var(--fg-color);
  height: 100%;
  width: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.6);
  transition: transform 250ms ease-in-out, opacity 250ms ease-in-out, box-shadow 250ms ease-in-out, color 250ms ease-in-out;
}
.backToTopBtn__bg:hover {
  color: var(--hi-color);
  box-shadow: 0px 0px 0px 0.35rem rgba(0, 0, 0, 0.2);
}
.backToTopBtn.active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 479px) {
  .backToTopBtn {
    display: none;
  }
}

.fab-menu {
  --size: 56px;
  --radius: 100px;
  --padding: 16px;
  --bg-color: rgba(255, 255, 255, 0.9);
  --fg-color: rgba(0, 0, 0, 0.7);
  --hi-color: #007bff;
  position: fixed;
  bottom: var(--padding);
  right: var(--padding);
  z-index: 1000;
}
.fab-menu > * {
  position: absolute;
  display: grid;
  place-content: center;
  border-radius: 50%;
  background: var(--bg-color);
  color: var(--fg-color);
  text-decoration: none;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.6);
  transition: transform 250ms ease-in-out, opacity 250ms ease-in-out, box-shadow 250ms ease-in-out, color 250ms ease-in-out;
}
.fab-menu .fab-action {
  --factor: 0;
  width: var(--size);
  height: var(--size);
  right: 5px;
  bottom: 100px;
  opacity: 0;
  transform: rotate(calc(-1 * var(--angle))) translateY(calc(-1 * var(--radius) * var(--factor))) rotate(var(--angle));
}
.fab-menu .fab-action:hover {
  color: var(--hi-color);
  box-shadow: 0px 0px 0px 0.35rem rgba(0, 0, 0, 0.2);
}
.fab-menu .fab-trigger {
  width: calc(1 * var(--size));
  height: calc(1 * var(--size));
  bottom: 100px;
  right: 5px;
  font-size: 1.5rem;
}
.fab-menu .fab-trigger:hover {
  color: var(--hi-color);
  box-shadow: 0px 0px 0px 0.35rem rgba(0, 0, 0, 0.2);
}
.fab-menu .fab-trigger > i {
  transition: transform 250ms ease-in-out;
}
.fab-menu.open .fab-action {
  --factor: 1;
  opacity: 1;
  right: calc(0.1 * var(--size));
  bottom: calc(2 * var(--size));
}
.fab-menu.open .fab-trigger > i {
  transform: rotate(-135deg);
}
.fab-menu .fab-action:nth-child(1) {
  --angle: 0deg;
  transition-delay: 0ms;
}
.fab-menu .fab-action:nth-child(2) {
  --angle: 45deg;
  transition-delay: 50ms;
}
.fab-menu .fab-action:nth-child(3) {
  --angle: 90deg;
  transition-delay: 100ms;
}
.fab-menu .fab-action:nth-child(4) {
  --angle: 135deg;
  transition-delay: 150ms;
}

.form-input:not(:last-child) {
  margin-bottom: 16px;
}
.form-input input {
  width: 100%;
}
.form-input textarea {
  width: 100%;
}
.form-input label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 8px;
  letter-spacing: 1.2px;
}
.form-input-item {
  border-radius: 10px;
  border: 1px solid rgba(16, 16, 16, 0.1);
}
.form-input-item input {
  display: block;
  width: 100%;
  background-color: #fff;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  opacity: 0.9;
  border: none;
  padding: 14px 16px;
  border-radius: 10px;
}
.form-input-item input::-moz-placeholder {
  font-size: 14px;
  font-weight: 500;
}
.form-input-item input::placeholder {
  font-size: 14px;
  font-weight: 500;
}
.form-input-item textarea {
  display: block;
  width: 100%;
  background-color: #fff;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  opacity: 0.9;
  border: none;
  padding: 20px 16px;
  border-radius: 10px;
}
.form-input-item textarea::-moz-placeholder {
  font-size: 14px;
  font-weight: 500;
}
.form-input-item textarea::placeholder {
  font-size: 14px;
  font-weight: 500;
}

.submit-form {
  border: 1px solid rgba(16, 16, 16, 0.1);
  border-radius: 10px;
}
.submit-form button {
  display: block;
  width: 100%;
  border: none;
  padding: 18px;
  border-radius: 10px;
  background: rgba(229, 227, 215, 0.8);
}
.submit-form button span {
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}

.flat__sale {
  padding: 35px 16px;
}
.flat__sale .bbee__title {
  align-items: center;
}
.flat__sale-product {
  position: relative;
}
.flat__sale-product .swiper-wrapper {
  height: auto;
}
.flat__sale .swiper-button-next, .flat__sale .swiper-button-prev {
  width: 40px;
  height: 40px;
  background: hsla(0, 0%, 100%, 0.4);
  border: 1px solid rgba(16, 16, 16, 0.1);
  box-shadow: 0 0 4px rgba(16, 16, 16, 0.1);
  border-radius: 999px;
}
.flat__sale .swiper-button-next::after, .flat__sale .swiper-button-prev::after {
  color: #ffc107;
  font-size: 16px;
}
.flat__sale .swiper-button-next:hover, .flat__sale .swiper-button-prev:hover {
  background: hsla(0, 0%, 100%, 0.8);
}
.flat__sale .swiper-button-next {
  right: -23px;
}
.flat__sale .swiper-button-prev {
  left: -23px;
}

.countdown {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: center;
}
.countdown h2 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.countdown .minutes, .countdown .seconds, .countdown .days, .countdown .hours {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-radius: 4px;
  font-size: 16px;
  width: 60px;
  height: 60px;
}
.countdown .minutes, .countdown .seconds {
  background: #1C1C1C;
  color: #fff;
  border-top: 2px solid #ffdf00;
}
.countdown .days, .countdown .hours {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
          backdrop-filter: saturate(180%) blur(40px);
  border-bottom: 2px solid #ffdf00;
}

.loader__warpper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: hsla(0, 0%, 100%, 0.1);
  backdrop-filter: saturate(180%) blur(16px);
  -webkit-backdrop-filter: saturate(180%) blur(16px);
}

.loader {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: 130px 0;
  perspective: 780px;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.loader__warpper.hide {
  opacity: 0;
  pointer-events: none;
}

.load-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 50%;
}

.load-inner.load-one {
  left: 0%;
  top: 0%;
  border-bottom: 8px solid #5c5edc;
  animation: rotate1 1.15s linear infinite;
}

.load-inner.load-two {
  right: 0%;
  top: 0%;
  border-right: 8px solid #9147ff;
  animation: rotate2 1.15s 0.1s linear infinite;
}

.load-inner.load-three {
  right: 0%;
  bottom: 0%;
  border-top: 8px solid #3b82f6;
  animation: rotate3 1.15s 0.15s linear infinite;
}
@keyframes rotate1 {
  0% {
    transform: rotateX(45deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(45deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@keyframes rotate2 {
  0% {
    transform: rotateX(45deg) rotateY(45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(45deg) rotateY(45deg) rotateZ(360deg);
  }
}
@keyframes rotate3 {
  0% {
    transform: rotateX(-60deg) rotateY(0deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(-60deg) rotateY(0deg) rotateZ(360deg);
  }
}
@keyframes headerNotifyGrowth {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.benefit {
  padding: 30px 16px;
}
.benefit__list {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  grid-template-rows: auto;
  grid-gap: 16px;
}
.benefit__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  background: #fff;
  border-radius: 8px;
}
.benefit__ttl {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  text-transform: capitalize;
  color: #1d1d1d;
}
.benefit__sub {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #6a6a6a;
}

.scrolling-words-container {
  background: rgba(229, 227, 215, 0.8);
  border-bottom: 1px solid rgba(16, 16, 16, 0.1);
  border-top: 1px solid rgba(16, 16, 16, 0.1);
}

.scrolling-words-box {
  height: 24px;
  margin: auto;
  overflow: hidden;
}
.scrolling-words-box ul {
  margin: 0 0.625rem;
  padding: 0;
  animation: scrollUp 6s infinite;
}
.scrolling-words-box ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  list-style: none;
  font-size: 12px;
  background: #000;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes scrollUp {
  15%, 25% {
    transform: translateY(calc(-100% / 5 * 1));
  }
  40%, 50% {
    transform: translateY(calc(-100% / 5 * 2));
  }
  65%, 75% {
    transform: translateY(calc(-100% / 5 * 3));
  }
  90%, 100% {
    transform: translateY(calc(-100% / 5 * 4));
  }
}
@media (min-width: 1024px) {
  .header__mb {
    display: none;
  }
  .popup__menumb {
    display: none;
  }
  .ttl-spe {
    display: none;
  }
  .search__input--mb {
    display: none;
  }
}
.header__menu--sub li {
  display: flex;
  align-items: center;
}

@media (max-width: 1024px) {
  .header__pc {
    display: none;
  }
  .header__mb {
    display: block;
  }
  .header__mb-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 6px;
  }
  .header__mb .header__logo {
    width: 60px;
    height: 60px;
  }
  .header__mb-right {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .header__mb-search {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: conic-gradient(from 180deg at 50% 70%, #fafafa 0deg, #eec32d 72.0000010729deg, #ec4b4b 144.0000021458deg, #709ab9 216.0000085831deg, #4dffbf 288.0000042915deg, #fafafa 1turn);
    border-radius: 999px;
    height: 36px;
    width: 36px;
    overflow: hidden;
  }
  .header__mb-search button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: none;
    outline: none;
    background-color: #fff;
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    opacity: 0.9;
    padding: 8px;
    border-radius: 999px;
  }
  .header__mb-menu button {
    border: none;
    outline: none;
    background: none;
  }
  .popup__menumb {
    transition: 0.2s ease;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
    backdrop-filter: saturate(180%) blur(40px);
    -webkit-backdrop-filter: saturate(180%) blur(40px);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    left: 100%;
  }
  .popup__menumb.active {
    left: 0%;
    opacity: 1;
  }
  .popup__menumb--logo {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .popup__menumb--logo .header__logo {
    width: 60px;
    height: 60px;
  }
  .popup__menumb--header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
  }
  .popup__menumb--close {
    background: conic-gradient(from 180deg at 50% 70%, #fafafa 0deg, #eec32d 72.0000010729deg, #ec4b4b 144.0000021458deg, #709ab9 216.0000085831deg, #4dffbf 288.0000042915deg, #fafafa 1turn);
    filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1));
    border-radius: 999px;
  }
  .popup__menumb--close button {
    border: none;
    outline: none;
    background-color: #fff;
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    opacity: 0.9;
    border-radius: 999px;
    padding: 8px;
  }
  .popup__menumb--list {
    height: calc(100vh - 250px);
    padding: 16px;
    overflow-y: auto;
  }
  .popup__menumb--list li:not(:last-child) {
    margin-bottom: 8px;
  }
  .popup__menumb--list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    padding: 8px;
    color: #484848;
    border-radius: 9999px;
  }
  .popup__menumb--footer {
    padding: 8px 16px;
  }
  .popup__menumb--footer .header__menu--sub {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
  }
  .popup__menumb--footer li {
    width: 30px;
    height: 30px;
  }
  .popup__menumb--footer li img {
    width: 100%;
    height: 100%;
  }
  .popup__menumb--text {
    font-size: 11px;
    font-weight: 400;
    color: rgb(108, 115, 127);
  }
  .popup__menumb--rules {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
  }
  .popup__menumb--rules a {
    font-size: 11px;
    font-weight: 400;
    color: rgb(108, 115, 127);
    margin-bottom: 10px;
  }
  .popup__menumb--rules a .dots {
    line-height: 16px;
  }
  .slider__box .swiper-container {
    height: 400px;
  }
  .slider__box .swiper-container .swiper-button-next, .slider__box .swiper-container .swiper-button-prev {
    display: none;
    width: 38px;
    height: 38px;
  }
  .slider__box .swiper-container .swiper-button-next::after, .slider__box .swiper-container .swiper-button-prev::after {
    font-size: 12px;
  }
  .slider__box .swiper-container .swiper-slide img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .bbee__title {
    font-size: 16px;
  }
  .bbee__title a {
    font-size: 12px;
  }
  .countdown h2 {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
  }
  .countdown .minutes, .countdown .seconds, .countdown .days, .countdown .hours {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-radius: 4px;
    font-size: 13px;
    width: 45px;
    height: 45px;
  }
  .bbee__choose-product {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .flat__sale .swiper-button-next, .flat__sale .swiper-button-prev {
    display: none;
  }
  .product {
    border-radius: 8px;
  }
  .product__img {
    height: 200px;
  }
  .product__category a {
    font-size: 11px;
  }
  .product__addtocart {
    font-size: 10px;
  }
  .product__addtowishlist {
    font-size: 16px;
  }
  .product__img img {
    border-radius: 8px 8px 0 0;
  }
  .product__label--sale {
    border-radius: 8px 0 12px 0px;
  }
  .customIsMobile-item:last-child {
    display: block;
  }
  .slider__thinking--box {
    height: 520px;
  }
  .slider__thinking--box .swiper-button-next, .slider__thinking--box .swiper-button-prev {
    display: none;
  }
  .slider__thinking--box .thinking-slider {
    border-radius: 0;
    border: none;
  }
  .slider__thinking-item {
    flex-direction: column;
  }
  .slider__thinking-img {
    width: 100%;
    height: 250px;
  }
  .slider__thinking-content {
    width: 100%;
    padding: 8px;
  }
  .slider__thinking-title {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .slider__thinking-text {
    font-size: 12px;
  }
  .home__blog--box {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .blog__img {
    height: 150px;
  }
  .blog__body {
    padding: 12px 4px 6px;
  }
  .blog__category {
    margin-bottom: 4px;
  }
  .blog__category a {
    font-size: 11px;
  }
  .blog__category a span {
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .blog__name {
    height: 36px;
  }
  .blog__name a {
    font-size: 14px;
    line-height: 16px;
  }
  .blog__info {
    font-size: 8px;
  }
  .about-slider__item {
    flex-direction: column;
    justify-content: unset;
  }
  .about-slider__left {
    width: 100%;
    padding: 14px 10px 0 12px;
  }
  .about-slider__right {
    width: 100%;
    height: 280px;
    padding: 0 10px;
  }
  .about-slider__title {
    font-size: 14px;
    padding-bottom: 12px;
  }
  .about-slider__content {
    font-size: 12px;
    padding: 8px;
    height: 245px;
    border-radius: 8px 8px 0 0;
  }
  .about-slider__img {
    height: 280px;
  }
  .about-slider__img img {
    border-radius: 0 0 8px 8px;
  }
  .bbee__about-bg {
    height: 630px;
  }
  .bbee__about-bg .swiper-button-next, .bbee__about-bg .swiper-button-prev {
    display: none;
  }
  .form__home-box {
    border-radius: 12px;
    height: 500px;
  }
  .form__home .form__home-right {
    display: none;
  }
  .form__home .form__home-left {
    width: 100%;
    padding: 12px;
  }
  .form-input label {
    font-size: 12px;
    margin-bottom: 8px;
  }
  .form-input-item input {
    padding: 14px 12px;
  }
  .form-input-item input::-moz-placeholder {
    font-size: 12px;
  }
  .form-input-item input::placeholder {
    font-size: 12px;
  }
  .form-input-item textarea {
    padding: 14px 12px;
  }
  .form-input-item textarea::-moz-placeholder {
    font-size: 12px;
  }
  .form-input-item textarea::placeholder {
    font-size: 12px;
  }
  .submit-form button {
    padding: 14px;
  }
  .submit-form button span {
    font-size: 14px;
  }
  .footer__box {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .footer__box .header__logo {
    display: none;
  }
  .footer__box--item:not(:last-child) {
    margin-bottom: 16px;
  }
  .ttl-spe {
    display: block;
  }
  .footer__title {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .footer__item--list a {
    font-size: 12px;
  }
  .footer__copyright {
    font-size: 10px;
  }
  .quicksearch {
    top: 0;
    z-index: 9999;
    padding: 8px 16px;
  }
  .quicksearch__left {
    display: none;
  }
  .quicksearch__box {
    position: relative;
    display: flex;
  }
  .quicksearch__box .close__mb {
    position: absolute;
    bottom: -44px;
    right: 0;
    left: 0;
  }
  .quicksearch__box .close__mb .quicksearch__close {
    justify-content: center;
  }
  .quicksearch__box .close__quicksearch {
    width: 38px;
    height: 38px;
  }
  .quicksearch__box .close__quicksearch i {
    font-size: 14px;
  }
  .quicksearch__title {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .quicksearch__keys li {
    padding: 4px 6px 6px 6px;
    font-size: 12px;
  }
  .quicksearch__mid {
    width: 100%;
    height: calc(100vh - 130px);
  }
  .quicksearch__product li {
    justify-content: unset;
  }
  .quicksearch__product li:not(:last-child) {
    margin-bottom: 6px;
  }
  .quicksearch__product--img {
    width: 110px;
    height: 84px;
  }
  .quicksearch__product--category {
    margin-bottom: 0;
  }
  .quicksearch__product--name {
    font-size: 12px;
  }
  .quicksearch__product--priceold {
    font-size: 10px;
    margin-bottom: 0;
  }
  .quicksearch__product--pricenew {
    font-size: 12px;
  }
  .bars_common {
    margin: 8px 0;
  }
  .lang__mb {
    display: flex;
    align-items: center;
    gap: 2px;
    border-top: 1px solid #e3d2d2;
  }
  .lang__mb a {
    width: auto !important;
  }
  .lang__mb a.active {
    color: #ffc107;
  }
  .loader {
    width: 50px;
    height: 50px;
  }
  .search__input--mb {
    margin-bottom: 12px;
    border: 1px solid #b3b3b3;
    border-radius: 999px;
    position: relative;
  }
  .search__input--mb input {
    border: none;
    outline: none;
    width: 100%;
    border-radius: 999px;
    padding: 8px 24px 8px 12px;
    font-size: 12px;
    font-weight: 500;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
  }
  .search__input--mb .clear__value__input {
    position: absolute;
    top: 7px;
    right: 5px;
    display: none;
  }
  .header__right--item {
    height: 36px;
    width: 36px;
  }
  .header__right--item .number-item {
    font-size: 10px;
  }
  .cart__chip {
    position: relative;
  }
  .cart__chip:hover .cart__dropdown {
    display: block;
  }
  .cart__chip .cart__dropdown {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 16px;
    max-width: 350px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
  }
  .cart__chip .cart__dropdown__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
  }
  .cart__chip .cart__dropdown__title .view-all {
    font-size: 14px;
    color: #007bff;
    text-decoration: none;
  }
  .cart__chip .cart__dropdown__title .view-all:hover {
    text-decoration: underline;
  }
  .cart__chip .cart__dropdown__content {
    max-height: 300px;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .cart__chip .cart__dropdown__content::-webkit-scrollbar {
    width: 6px;
  }
  .cart__chip .cart__dropdown__content::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
  }
  .cart__chip .cart__dropdown__content::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }
  .cart__chip .cart__dropdown__item {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    position: relative;
  }
  .cart__chip .cart__dropdown__item:last-child {
    margin-bottom: 0;
  }
  .cart__chip .cart__dropdown__item__img {
    width: 60px;
    height: 60px;
    border-radius: 4px;
    margin-right: 16px;
  }
  .cart__chip .cart__dropdown__item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 4px;
  }
  .cart__chip .cart__dropdown__item__body {
    flex: 1;
  }
  .cart__chip .cart__dropdown__item__body .cart__dropdown__name {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
  }
  .cart__chip .cart__dropdown__item__body .cart__dropdown__variant {
    font-size: 12px;
    color: #757575;
    margin-bottom: 4px;
  }
  .cart__chip .cart__dropdown__item__body .cart__dropdown__price {
    font-size: 14px;
    font-weight: bold;
    color: #000;
  }
  .cart__chip .cart__dropdown__item__body .cart__dropdown__price .cart__dropdown__quantity {
    margin-left: 8px;
    font-size: 12px;
    color: #757575;
  }
  .cart__chip .cart__dropdown__item__remove {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
    color: #757575;
  }
  .cart__chip .cart__dropdown__item__remove:hover {
    color: #000;
  }
  .benefit {
    padding: 20px 16px;
  }
  .benefit__list {
    overflow-x: auto;
    display: flex !important;
    align-items: center;
  }
  .benefit__list::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .benefit__item {
    flex-shrink: 0;
    border-right: unset !important;
  }
  .benefit__ttl {
    font-size: 13px;
    line-height: 18px;
  }
  .benefit__sub {
    font-size: 11px;
    line-height: 18px;
  }
}
.default__authmb {
  display: flex;
  align-items: center;
  gap: 8px;
}
.default__authmb a {
  background: rgba(229, 227, 215, 0.8);
  display: flex;
  align-items: center;
  justify-content: center !important;
  border-radius: 9999px !important;
  font-size: 12px !important;
}

.has__usermb {
  display: flex;
  align-items: center;
  gap: 8px;
}
.has__usermb__accordion-button {
  border: none;
  outline: none;
  background: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.has__usermb__accordion-button .collap-icon {
  font-size: 12px;
}
.has__usermb__accordion-button.collapsed .collap-icon {
  transform: rotate(-180deg);
  transition: all 0.2s ease-in;
}
.has__usermb-info {
  text-align: left;
}
.has__usermb-say {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 4px;
}
.has__usermb-name {
  font-size: 14px;
  font-weight: 500;
}
.has__usermb-img {
  width: 40px;
  height: 41px;
  min-width: 40px;
  border-radius: 4px;
  overflow: hidden;
}
.has__usermb-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.has__usermb-accordion-body {
  margin-top: 10px;
  background: #fff;
  padding: 8px 16px;
  border-radius: 8px;
}
.has__usermb-accordion-body li {
  margin-bottom: 0 !important;
}
.has__usermb-accordion-body li a {
  justify-content: unset;
  gap: 8px;
}
.has__usermb-accordion-body li a:hover {
  background: transparent;
  color: #ffc107;
}

.total__order {
  min-width: 20px;
  height: 20px;
  background: #c63551;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  padding: 2px;
}

.subtopheader {
  display: flex;
  align-items: center;
  gap: 16px;
}

.affiliate {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border: 1px dashed;
  padding: 4px;
  border-radius: 2px;
}

@media (min-width: 500px) and (max-width: 1024px) {
  .bbee__choose-product {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .top__product-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .slider__thinking-text {
    font-size: 14px;
  }
  .slider__thinking-title {
    font-size: 16px;
    font-weight: 600;
  }
  .product__page-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
.auth__login {
  padding: 30px 16px;
}
.auth__login-box {
  width: 500px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
          backdrop-filter: saturate(180%) blur(40px);
  margin: 0 auto;
  padding: 24px;
}
.auth__login .auth__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.008em;
  margin-bottom: 24px;
}
.auth__login-social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.auth__login-social-item {
  width: 50%;
  border: 1px solid rgba(16, 16, 16, 0.1);
  border-radius: 999px;
}
.auth__login-social-item a {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #1b1b1b;
}
.auth__login-social-item a img {
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
}

.form__input-control:not(:last-child) {
  margin-bottom: 16px;
}
.form__input-control label {
  font-size: 14px;
  font-weight: 400;
  color: #505050;
  padding: unset;
  margin: 0 0 8px 0;
}
.form__input-control-item {
  position: relative;
  border: 1px solid rgba(16, 16, 16, 0.1);
  border-radius: 8px;
}
.form__input-control-item input {
  border: none;
  width: 100%;
  padding: 14px 34px 14px 12px;
  border-radius: 8px;
}
.form__input-control-item input::-moz-placeholder {
  font-size: 14px;
  font-weight: 500;
}
.form__input-control-item input::placeholder {
  font-size: 14px;
  font-weight: 500;
}
.form__input-control-item .eye-show-pass {
  position: absolute;
  top: 16px;
  right: 8px;
  border: none;
  outline: none;
  background: none;
  color: #1b1b1b;
  cursor: pointer;
}

.forget__password {
  display: flex;
  justify-content: flex-end;
}
.forget__password a {
  font-size: 14px;
  font-weight: 600;
  color: #1b1b1b;
  text-decoration-line: underline;
}

.terms {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.03em;
  margin-bottom: unset;
  color: #868686;
}
.terms a {
  color: #1b1b1b;
  font-weight: 600;
}

.btn-submit {
  background: rgba(229, 227, 215, 0.8);
  border-radius: 999px;
  margin: 16px 0;
}
.btn-submit button {
  border: none;
  outline: none;
  background: none;
  padding: 8px 16px;
  width: 100%;
  text-align: center;
  border-radius: 999px;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.02em;
}

.btn-no-account {
  border-radius: 999px;
  margin-bottom: 16px;
  border: 1px solid rgba(16, 16, 16, 0.1);
}
.btn-no-account a {
  display: block;
  outline: none;
  padding: 8px 16px;
  width: 100%;
  text-align: center;
  border-radius: 999px;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.02em;
  cursor: pointer;
}

.modal__otp {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.7);
}
.modal__otp-box {
  width: 335px;
  height: 337px;
  background: #fff;
  border-radius: 16px;
  padding: 20px 16px;
  position: relative;
}
.modal__otp-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.modal__otp-ttl {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
}
.modal__otp-desc {
  font-size: 12px;
  text-align: center;
  line-height: 18px;
  font-weight: 400;
}
.modal__otp-desc span {
  color: #ffc107;
}
.modal__otp-form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.modal__otp-input {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  border: 1px solid #dadada;
  text-align: center;
}
.modal__otp-reset {
  font-size: 12px;
  margin-top: 12px;
  padding-left: 25px;
  font-weight: 400;
}
.modal__otp-confirm button {
  background: #ffc107;
  border-radius: 50px;
  color: #fff;
  font-size: 16px;
  height: 48px;
  text-transform: uppercase;
  width: 100%;
  border: none;
}
.modal__otp-confirm button[disabled] {
  background: #d9d9d9;
}
.modal__otp-body {
  height: calc(100% - 46px);
}
.modal__otp-close {
  position: absolute;
  top: -7px;
  right: -4px;
}
.modal__otp-close button {
  border: none;
  outline: none;
  background: none;
}
.modal__otp-close button i {
  font-size: 36px;
}

@media (max-width: 1024px) {
  .auth__login-box {
    width: 100%;
    padding: 12px;
  }
  .auth__login .auth__title {
    font-size: 20px;
  }
  .form__input-control label {
    font-size: 12px;
  }
  .form__input-control-item input {
    padding: 10px 34px 10px 12px;
    font-size: 12px;
  }
  .forget__password a {
    font-size: 12px;
  }
  .auth__login-social-item a {
    font-size: 12px;
  }
  .btn-no-account a {
    font-size: 12px;
  }
  .btn-submit button {
    font-size: 12px;
  }
  .form__input-control-item .eye-show-pass {
    top: 10px;
  }
  .terms {
    font-size: 11px;
  }
  .modal__otp-box {
    height: 312px;
  }
}
.product__detail {
  padding: 35px 16px;
}
.product__detail--info {
  background: #fff;
  padding: 24px;
  border-radius: 2px;
}
.product__detail--slider {
  background: #fff;
  padding: 24px;
  border-radius: 2px;
}
.product__detail--slider .swiper-wrapper {
  width: 100%;
}
.product__detail--item {
  height: 100%;
}
.product__detail--item img {
  height: 100%;
  width: 100%;
}
.product__detail--box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.product__detail .mySwiper {
  position: relative;
  margin-bottom: 12px;
  height: 550px;
}
.product__detail .mySwiper .swiper-slide {
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #b3b3b3;
}
.product__detail .mySwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product__detail .mySwiper2 {
  position: relative;
}
.product__detail .mySwiper2 .swiper-slide {
  overflow: hidden;
  border-radius: 8px;
  border: 1.5px solid #b3b3b3;
  cursor: pointer;
  height: 110px;
}
.product__detail .mySwiper2 .swiper-slide.swiper-slide-thumb-active {
  border-color: #ffc107;
}
.product__detail .mySwiper2 .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product__detail .mySwiper2 .swiper-button-next, .product__detail .mySwiper2 .swiper-button-prev {
  width: 40px;
  height: 40px;
  background: hsla(0, 0%, 100%, 0.4);
  border: 1px solid rgba(16, 16, 16, 0.1);
  box-sizing: border-box;
  box-shadow: 0 0 4px rgba(16, 16, 16, 0.1);
  border-radius: 999px;
}
.product__detail .mySwiper2 .swiper-button-next::after, .product__detail .mySwiper2 .swiper-button-prev::after {
  color: #484848;
  font-size: 14px;
}
.product__detail--sale {
  position: absolute;
  top: 0;
  left: 0;
  background: #d04124;
  z-index: 99;
  border-radius: 8px 0 14px 0;
  padding: 6px;
}
.product__detail--sale span {
  color: #ffdf00;
  font-size: 14px;
  font-weight: 600;
}

.product__detail--out-of-stock {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(229, 227, 215, 0.8);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
}
.product__detail--out-of-stock span {
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  color: #988e8e;
}

.product-info__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px solid rgba(16, 16, 16, 0.1);
  padding-bottom: 12px;
}
.product-info__category {
  color: #484848;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
  letter-spacing: 0.01em;
  margin-bottom: 8px;
}
.product-info__category span {
  font-size: 14px;
  font-weight: 600;
}
.product-info__name {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 150%;
  letter-spacing: 0.01em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-info__right {
  flex: 1;
}
.product-info__left a.active {
  background: #ffdf00;
}
.product-info__left a.active i {
  color: #fff;
}
.product-info__addwishlist {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: hsla(0, 0%, 100%, 0.8);
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
          backdrop-filter: saturate(180%) blur(40px);
}
.product-info__addwishlist i {
  color: rgba(75, 74, 67, 0.8);
  font-size: 18px;
}
.product-info__price .product__price--old {
  font-size: 14px;
}
.product-info__price .product__price--new {
  font-size: 20px;
  margin-top: 4px;
}
.product-info__price .product__price--sale {
  font-size: 16px;
}
.product-info__pricesale {
  padding: 12px 0;
  border-bottom: 1px solid rgba(16, 16, 16, 0.1);
}

.option {
  padding: 12px 0;
}
.option__title {
  color: #484848;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
  letter-spacing: 0.01em;
  margin-bottom: 8px;
}
.option__title span {
  font-weight: 600;
}
.option__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.option__list li a {
  background: #fff;
  border: 1px solid rgba(16, 16, 16, 0.1);
  display: block;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  cursor: pointer;
  color: #000;
}
.option__list li a.active {
  border: 1px solid #ffdf00;
}

.counter {
  display: flex;
  align-items: center;
  gap: 8px;
  border-top: 1px solid rgba(16, 16, 16, 0.1);
  padding: 12px 0;
  border-bottom: 1px solid rgba(16, 16, 16, 0.1);
}
.counter .counter__down, .counter .counter__up {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: hsla(0, 0%, 100%, 0.8);
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
          backdrop-filter: saturate(180%) blur(40px);
  border-radius: 4px;
}
.counter .counter__down:hover, .counter .counter__up:hover {
  background: #ffdf00;
  transition: all 0.2s;
}
.counter .counter__down i, .counter .counter__up i {
  color: #484848;
  font-size: 14px;
}
.counter .counter__input {
  height: 40px;
  width: 50px;
  border: none;
  background: hsla(0, 0%, 100%, 0.8);
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
          backdrop-filter: saturate(180%) blur(40px);
  text-align: center;
}

.product__detail-action {
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.product__detail-addtocart {
  width: 50%;
}
.product__detail-addtocart a {
  display: block;
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  text-align: center;
  color: #484848;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  background: rgba(229, 227, 215, 0.8);
  border-radius: 4px;
}
.product__detail-addtocart a.disable {
  cursor: initial;
}
.product__detail-short-content {
  padding: 12px 0;
  font-size: 14px;
  line-height: 150%;
  font-weight: 200;
  color: #868686;
  text-align: justify;
}
.product__detail-short-content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.product__details-description {
  margin-bottom: 30px;
  padding: 35px 16px;
}

.product__desc-content {
  font-weight: 200;
  background: #fff;
  padding: 20px;
  line-height: 150%;
  border: 1px solid rgba(16, 16, 16, 0.1);
  text-align: justify;
}
.product__desc-content img {
  width: 100%;
  height: 100%;
}
@media (max-width: 479px) {
  .product__desc-content img {
    width: 100% !important;
    height: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .product__desc-content img {
    width: 100% !important;
    height: 100% !important;
  }
}

.warper__detail {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.warper__detail-left {
  flex: 1;
}
.warper__detail-right {
  width: 350px;
}

.short__blogs li {
  background: #fff;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid rgba(16, 16, 16, 0.1);
}
.short__blogs li:not(:last-child) {
  margin-bottom: 12px;
}
.short__blogs li:hover {
  border: 1px solid #ffdf00;
}
.short__blogs li:hover .short__blogs-img img {
  scale: 1.1;
  transition: all 0.3s;
}
.short__blogs-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
.short__blogs-img {
  width: 80px;
  min-width: 80px;
  height: 80px;
  border-radius: 4px;
  overflow: hidden;
}
.short__blogs-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.short__blogs-ttl {
  font-size: 14px;
  line-height: 140%;
  font-weight: 500;
  color: #484848;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.short__blogs-status {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #484848;
}
.short__blogs-status span {
  font-size: 18px;
}
.short__blogs-status .avatar-blog {
  width: 30px;
  min-width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 999px;
}
.short__blogs-status .avatar-blog img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.short__blogs-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
}
.short__blogs-footer span {
  font-size: 11px;
  font-weight: 400;
  color: #484848;
  letter-spacing: 0.1px;
}
.short__blogs-footer i {
  color: #ffdf00;
}

.comments {
  padding: 35px 16px;
}
.comments__box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.comments__box-right {
  width: 350px;
  background: #fff;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid rgba(16, 16, 16, 0.1);
}
.comments__box-left {
  flex: 1;
}
.comments .rang__list {
  display: flex;
  align-items: center;
  gap: 8px;
}
.comments .rang__list li {
  color: #ffdf00;
}
.comments .total__rang {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 10px;
}
.comments__count {
  font-size: 12px;
  font-weight: 400;
  margin-top: 8px;
}

.form__comment {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-top: 16px;
  background: hsla(0, 0%, 100%, 0.8);
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
          backdrop-filter: saturate(180%) blur(40px);
  padding: 20px;
  border-radius: 8px;
}
.form__comment-avatar {
  width: 50px;
  height: 50px;
  border-radius: 999px;
  overflow: hidden;
}
.form__comment-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.form__comment-enter {
  flex: 1;
  padding: 8px;
  border-radius: 8px;
}
.form__comment-enter textarea {
  width: 100%;
  padding: 10px;
  height: 100px;
  border: 1px solid rgba(16, 16, 16, 0.1);
  border-radius: 8px;
  outline: none;
}
.form__comment-enter textarea::-moz-placeholder {
  font-size: 12px;
  font-weight: 500;
}
.form__comment-enter textarea::placeholder {
  font-size: 12px;
  font-weight: 500;
}
.form__comment-file {
  cursor: pointer;
  border-radius: 999px;
  width: 100px;
  border: 1px solid rgba(16, 16, 16, 0.1);
  padding: 8px;
  text-align: center;
}
.form__comment-file i {
  color: #ffdf00;
  font-size: 20px;
}
.form__comment-file input {
  display: none;
}
.form__comment-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  margin-top: 4px;
}
.form__comment-send {
  width: 100px;
  text-align: center;
  cursor: pointer;
}
.form__comment-send button {
  display: block;
  border: 1px solid rgba(16, 16, 16, 0.1);
  padding: 8px;
  border-radius: 999px;
  width: 100%;
  outline: none;
  background: none;
  color: #ffdf00;
}
.form__comment-send button i {
  font-size: 20px;
}

.selected-images {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
  padding-left: 60px;
}
.selected-images img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid rgba(16, 16, 16, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

.comments__body {
  background: hsla(0, 0%, 100%, 0.8);
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
          backdrop-filter: saturate(180%) blur(40px);
  border-radius: 8px;
  padding: 20px;
}

.comments__item {
  position: relative;
}
.comments__item::after {
  content: "";
  height: 100%;
  width: 1px;
  background: rgba(16, 16, 16, 0.1);
  position: absolute;
  top: 0;
  left: 18px;
  z-index: -1;
}
.comments__item:not(:last-child) {
  margin-bottom: 18px;
}
.comments__item-img {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.comments__item-img img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 999px;
  border: 1px solid rgba(16, 16, 16, 0.1);
}
.comments__item-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
}
.comments__item-date {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #868686;
}
.comments__item-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-top: 12px;
  padding-left: 48px;
  color: #868686;
}

.admin__replay {
  margin-left: 48px;
  margin-top: 16px;
}
.admin__replay li:not(:last-child) {
  margin-bottom: 12px;
}

.active__comment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.active__comment a {
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
}

.special__offers-product-detail .max-w-screen-xl {
  padding: 24px;
  background: #fff;
  border-radius: 2px;
}

.product__detail-addtocart {
  border-radius: 8px;
}
.product__detail-addtocart .disable {
  background: rgba(187, 191, 181, 0.4901960784);
  color: #b8aeae;
  cursor: not-allowed !important;
}

@media (max-width: 1024px) {
  .product__detail-action {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999;
    padding: 16px;
    box-shadow: 8px 4px 8px rgba(16, 16, 16, 0.5);
  }
  .product__detail {
    padding: 0;
  }
  .product__detail--slider {
    padding: 16px;
  }
  .product__detail--info {
    padding: 24px 16px;
  }
  .product-info__price .product__price--old {
    font-size: 12px;
  }
  .product-info__price .product__price--sale {
    font-size: 14px;
  }
  .product-info__name {
    font-size: 14px;
    line-height: 120%;
  }
  .option__list li label {
    font-size: 12px;
    padding: 4px 8px;
  }
  .option {
    padding: 8px 0;
  }
  .product__detail .mySwiper .swiper-slide {
    border-radius: 0;
  }
  .product__detail--sale {
    border-radius: 6px 0;
    padding: 2px 6px;
  }
  .product__detail--sale span {
    font-size: 12px;
  }
  .product__detail--sale.lable-sale-detail {
    border-radius: 0 0 6px 0px;
  }
  .product__detail--box {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .product__detail .mySwiper {
    height: 400px;
  }
  .mySwiper2 .swiper-button-prev, .mySwiper2 .swiper-button-next {
    display: none;
  }
  .product-info__header {
    align-items: center;
  }
  .product__detail-addtocart a {
    font-size: 14px;
    padding: 18px 0px;
    font-weight: 600;
  }
  .product__detail-addtocart a i {
    display: none;
  }
  .warper__detail-right {
    display: none;
  }
  .comments__box-right {
    display: none;
  }
  .form__comment {
    padding: 10px;
    border-radius: 0;
  }
  .form__comment-avatar {
    width: 40px;
    height: 40px;
  }
  .product__detail .mySwiper2 .swiper-slide {
    height: 90px;
  }
  .product-info__category span {
    font-size: 12px;
  }
  .product__detail-action {
    gap: 8px;
  }
  .product__details-description {
    padding: 0;
  }
  .product__details-description .bbee__title {
    padding: 0 16px;
  }
  .product__desc-content {
    padding: 8px 16px;
    border: none;
    font-size: 13px;
  }
  .product__desc-content img {
    width: 100%;
    height: 100%;
  }
  .comments {
    padding: 20px 0;
  }
  .comments .bbee__title {
    padding: 0 16px;
  }
  .comments__body {
    border-radius: 0;
  }
  .special__offers-product-detail .bbee__choose-product {
    display: flex;
    align-items: center;
    overflow-x: auto;
  }
  .special__offers-product-detail .bbee__choose-product::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .special__offers-product-detail .customIsMobile-item {
    flex-shrink: 0;
    width: 60%;
  }
}
.option__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
.option__list .option-value {
  padding: 8px 16px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
.option__list .option-value:hover {
  border-color: #000;
}
.option__list .option-value.active {
  background: #000;
  color: #fff;
  border-color: #000;
}
.option__list .option-value.out-of-stock {
  text-decoration: line-through;
}

.progress__box {
  padding: 20px 0;
}
.progress__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 500px;
  margin: 0 auto;
}
.progress__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 33.3333333333%;
}
.progress__item:not(:last-child):after {
  content: "";
  position: absolute;
  background-color: transparent;
  width: 100px;
  height: 2px;
  left: 115px;
  top: 20px;
  border-bottom: 2px dashed rgba(0, 0, 0, 0.5);
}
.progress__item.active .progress__item-number {
  border: 0.15rem dashed #ffc107;
  color: #000;
}
.progress__item.active:after {
  border-color: #ffc107;
}
.progress__item:hover {
  background-color: #f8f9fa;
}
.progress__item-number {
  width: 2.5rem;
  height: 2.5rem;
  border: 0.15rem solid rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin-bottom: 0.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 900;
  background: #fff;
}
.progress__item-title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2px;
  line-height: 150%;
  text-transform: uppercase;
}

.cart__summary-checkout button {
  background: rgba(229, 227, 215, 0.8) !important;
  border: none !important;
}
@media (max-width: 479px) {
  .cart__summary-checkout button {
    font-size: 16px;
    text-transform: uppercase;
  }
}

.cart__wrapper {
  padding: 50px 16px;
}
.cart__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.cart__right {
  width: 350px;
}
.cart__left {
  flex: 1;
}
.cart__summary {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
          backdrop-filter: saturate(180%) blur(40px);
  border-radius: 8px;
  padding: 16px;
}
.cart__summary-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.02em;
  color: #505050;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart__summary-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart__summary-item:not(:last-child) {
  margin-bottom: 10px;
}
.cart__summary-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.03em;
  color: #505050;
}
.cart__summary-price {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #1b1b1b;
}

.cart__headersummary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  background: #fff;
  border-radius: 8px;
  padding: 16px;
}
.cart__headersummary-left {
  width: 50%;
  display: flex;
  align-items: center;
  gap: 8px;
}
.cart__headersummary-left input {
  width: 15px;
  height: 15px;
}
.cart__headersummary-left label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #505050;
}
.cart__headersummary-right {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart__headersummary-list {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart__headersummary-list li {
  width: 33.3333333333%;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #505050;
}
.cart__headersummary .trash__all {
  width: 20px;
  text-align: right;
  color: #000;
}

.cart__product {
  margin-top: 24px;
  border-radius: 10px;
}
@media (max-width: 479px) {
  .cart__product {
    border-radius: 0;
  }
}
.cart__product-list {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
}
.cart__product-list:not(:last-child) {
  margin-bottom: 16px;
}
.cart__product__empty {
  text-align: center;
}
.cart__product__empty img {
  width: 100px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.cart__product__empty-img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.cart__product__empty-img img {
  width: 100px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.cart__product__empty-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: #1b1b1b;
  margin-top: 16px;
}
.cart__product-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid #e7e7e7;
}
.cart__product-item:last-child {
  border-bottom: none;
}
.cart__product-info {
  width: 50%;
  display: flex;
  align-items: center;
  gap: 8px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.cart__product-box {
  width: 50%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.cart__product-box .trash__all {
  width: 20px;
  text-align: right;
  color: #000;
}
.cart__product-box ul {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart__product-box ul li {
  width: 33.3333333333%;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #1b1b1b;
}
@media (max-width: 479px) {
  .cart__product-box ul li {
    font-size: 14px;
  }
}
.cart__product-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px;
  color: #1b1b1b;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}
.cart__product-img {
  min-width: 110px;
  width: 110px;
  height: 110px;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  overflow: hidden;
}
.cart__product-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cart__product-checkbox {
  padding-top: 27px;
}
.cart__product-checkbox input {
  width: 15px;
  height: 15px;
}
.cart__product-variant {
  padding: 10px 0;
}
.cart__product-variant select {
  margin-bottom: 10px;
}
.cart__product-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  align-items: center;
  gap: 8px;
}
.cart__product-counter .counter {
  padding: 0;
  border: none;
}
.cart__product-counter .counter .counter__input {
  width: 30px;
  height: 30px;
}
.cart__product-counter .counter .counter__down, .cart__product-counter .counter .counter__up {
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.counter__input {
  width: 40px;
  text-align: center;
}

.trash__all {
  color: #dc3545;
  cursor: pointer;
}
.trash__all:hover {
  color: #c82333;
}

.slide-down {
  padding: 2px 8px;
  cursor: pointer;
  display: none;
}

.cart__product__empty__title {
  font-size: 14px;
  font-weight: 200;
}

.cart__product__empty .btn-empty-cart {
  background: rgba(229, 227, 215, 0.8);
  font-weight: 200;
  border-radius: 999px;
  font-size: 14px;
}

@media (max-width: 1024px) {
  .cart__inner {
    flex-wrap: wrap;
  }
  .cart__left {
    width: 100%;
  }
  .cart__right {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    box-shadow: 8px 4px 8px rgba(16, 16, 16, 0.5);
  }
  .cart__headersummary-right {
    justify-content: flex-end;
  }
  .cart__headersummary-list {
    display: none;
  }
  .cart__product-item {
    flex-wrap: wrap;
  }
  .cart__product-info {
    width: 100%;
  }
  .cart__product-box {
    width: 100%;
  }
  .progress__item-title {
    font-size: 12px;
  }
  .cart__wrapper {
    padding: 16px 0;
  }
  .cart__headersummary {
    border-radius: 0;
  }
  .cart__headersummary-left {
    width: 100%;
  }
  .cart__product-list {
    border-radius: 0;
  }
  .cart__summary {
    border-radius: 0;
    padding: 8px 16px 16px 16px;
  }
  .progress__item::after {
    content: none !important;
  }
  .progress__box {
    padding: 8px 0;
  }
  .cart__product-list:not(:last-child) {
    margin-bottom: 8px;
  }
  .cart__summary-checkout a {
    padding: 8px;
    font-size: 14px;
  }
  .cart__summary-checkout a:hover {
    background-color: #e0b800;
  }
  .cart__headersummary-left input {
    width: 18px;
    height: 18px;
  }
  .cart__product-checkbox input {
    width: 18px;
    height: 18px;
  }
  .cart__summary-item:not(:last-child) {
    margin-bottom: 4px;
  }
  .cart__summary-label {
    font-size: 12px;
  }
  .cart__summary-price {
    font-size: 14px;
  }
  .cart__summary-title {
    font-size: 15px;
    margin-bottom: 8px;
  }
  .progress__item-number {
    width: 2.1rem;
    height: 2.1rem;
    font-size: 12px;
  }
  .slide-down {
    display: block;
  }
}
.cart-notification {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  padding: 16px;
  max-width: 350px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: none;
}
@media (max-width: 479px) {
  .cart-notification {
    top: unset;
    max-width: 100%;
  }
}
.cart-notification .cart-notification-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.cart-notification .cart-notification-header h3 {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
}
.cart-notification .cart-notification-header .close-notification-btn {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}
.cart-notification .cart-item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.cart-notification .cart-item img {
  width: 90px;
  height: 95px;
  border-radius: 4px;
  margin-right: 8px;
}
.cart-notification .cart-item .cart-item-details .product-name {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 4px;
  line-height: 140%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.cart-notification .cart-item .cart-item-details .product-variant {
  font-size: 12px;
  color: #757575;
  margin-bottom: 4px;
  line-height: 150%;
}
.cart-notification .cart-item .cart-item-details .product-price {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  margin-bottom: 4px;
}
.cart-notification .cart-item .cart-item-details .product-quantity {
  font-size: 12px;
  color: #757575;
}
.cart-notification .view-cart-btn {
  display: block;
  width: 100%;
  padding: 10px 8px;
  background-color: rgba(229, 227, 215, 0.8);
  color: #000;
  text-align: center;
  border: none;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}
.cart-notification .view-cart-btn:hover {
  background-color: #333;
  color: rgba(229, 227, 215, 0.8);
}

#deleteAllModal {
  display: none;
  position: fixed;
  z-index: 1050;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
#deleteAllModal .modal-dialog .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
#deleteAllModal .modal-dialog .modal-content .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
#deleteAllModal .modal-dialog .modal-content .modal-header h5 {
  margin-bottom: 0;
  line-height: 1.5;
}
#deleteAllModal .modal-dialog .modal-content .modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  cursor: pointer;
  font-size: 16px;
}
#deleteAllModal .modal-dialog .modal-content .modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}
#deleteAllModal .modal-dialog .modal-content .modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
#deleteAllModal .modal-dialog .modal-content .modal-footer .btn {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
}
#deleteAllModal .modal-dialog .modal-content .modal-footer .btn.btn-secondary {
  background-color: #6c757d;
  color: #fff;
}
#deleteAllModal .modal-dialog .modal-content .modal-footer .btn.btn-danger {
  background-color: #dc3545;
  color: #fff;
}

.checkout__note {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e7e7e7;
}
.checkout__note-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #505050;
  margin-bottom: 4px;
}
.checkout__note-textarea textarea {
  width: 100%;
  border: 1px solid #e7e7e7;
  padding: 8px;
  border-radius: 4px;
  font-size: 12px;
  min-height: 60px;
  outline: none;
}
.checkout__note-textarea textarea::-moz-placeholder {
  font-size: 12px;
  font-weight: 400;
}
.checkout__note-textarea textarea::placeholder {
  font-size: 12px;
  font-weight: 400;
}

.cart__product-total {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #e7e7e7;
}
.cart__product-total-text {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #505050;
}
.cart__product-total-text span {
  font-size: 16px;
  font-weight: 500;
  color: #ffc107;
  border-bottom: 1px solid;
}

.checkout__payment {
  background: #fff;
  margin-top: 24px;
  border-radius: 12px;
  padding: 12px 16px;
}
.checkout__payment-list {
  margin-top: 24px;
}
.checkout__payment-item:not(:last-child) {
  margin-bottom: 12px;
}
.checkout__payment-item input {
  display: none;
}
.checkout__payment-item input:checked + label {
  border-color: #ffdf00;
}
.checkout__payment-item input:checked + label .checkout__payment-icon {
  border-color: #ffdf00;
  position: relative;
}
.checkout__payment-item input:checked + label .checkout__payment-icon::after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #ffdf00;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 0;
  bottom: 0;
}
.checkout__payment-item label {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #d9d9d9;
  padding: 12px;
  border-radius: 12px;
  cursor: pointer;
}
.checkout__payment-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #505050;
}
.checkout__payment-icon {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 2px solid #d9d9d9;
}
.checkout__payment-img {
  width: 35px;
  height: 35px;
}
.checkout__payment-img img {
  width: 100%;
  height: 100%;
}
.checkout__payment-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #1b1b1b;
}
.checkout__payment-sub {
  font-size: 14px;
  margin-top: 2px;
  font-weight: 400;
}

.checkout__info {
  background: #fff;
  padding: 12px 16px;
  border-radius: 12px;
}
.checkout__info .form__input-control .form__input-control-item input {
  padding: 9px 12px;
}
.checkout__info-box:not(:last-child) {
  margin-bottom: 16px;
}
.checkout__info-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #505050;
  margin-bottom: 12px;
}
.checkout__info-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #505050;
  margin-bottom: 2px;
}
.checkout__info-label span {
  color: rgba(219, 77, 77, 0.8196078431);
}
.checkout__info-input input {
  width: 100%;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  outline: none;
  padding: 8px;
  font-size: 12px;
  font-weight: 400;
}
.checkout__info-input input::-moz-placeholder {
  font-size: 12px;
  font-weight: 400;
}
.checkout__info-input input::placeholder {
  font-size: 12px;
  font-weight: 400;
}
.checkout__info-input textarea {
  width: 100%;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  outline: none;
  padding: 8px;
  font-size: 12px;
  font-weight: 400;
}
.checkout__info-input textarea::-moz-placeholder {
  font-size: 12px;
  font-weight: 400;
}
.checkout__info-input textarea::placeholder {
  font-size: 12px;
  font-weight: 400;
}

.cart__right-checkout .cart__summary {
  margin-top: 24px;
}
.cart__right-checkout .cart__summary-total .cart__summary-label {
  font-weight: 600;
}
.cart__right-checkout .cart__summary-total .cart__summary-price {
  font-size: 19px;
}

.choose-coupon {
  cursor: pointer;
}
.choose-coupon img {
  width: 50px;
  height: 40px;
}

.coupon__modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(27, 27, 27, 0.7);
  z-index: 999;
  display: none;
}
.coupon__modal.active {
  display: block;
}
.coupon__modal-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.coupon__modal-box {
  width: 400px;
  background: #fff;
  border-radius: 12px;
}
.coupon__modal-title {
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #505050;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.coupon__modal-close {
  cursor: pointer;
}
.coupon__modal-list {
  padding: 8px 12px;
  height: 400px;
  overflow-y: scroll;
}
.coupon__modal-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fffae9;
  border-radius: 4px;
  border: 1px solid #fff5d2;
}
.coupon__modal-item:not(:last-child) {
  margin-bottom: 12px;
}
.coupon__modal-body {
  flex: 1;
  height: 100%;
  padding: 4px 8px;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
}
.coupon__modal-img {
  width: 80px;
  height: 75px;
}
.coupon__modal-img img {
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}
.coupon__modal-name {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin-bottom: 2px;
}
.coupon__modal-code {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.coupon__modal-code span {
  font-weight: 600;
  font-size: 16px;
}
.coupon__modal-desc {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.coupon__modal-apply {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 8px 0;
}
.coupon__modal-apply button {
  border: none;
  background: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #ffc107;
}
.coupon__modal-apply button span {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.02em;
}

.order__success {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
          backdrop-filter: saturate(180%) blur(40px);
  border-radius: 12px;
  margin: 35px auto;
  padding: 16px;
}
.order__success-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.4px;
  color: #338933;
  text-align: center;
  text-transform: uppercase;
}
.order__success-desc {
  font-size: 12px;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: 0.5px;
  text-align: center;
  padding: 20px 30px;
}
.order__success-desc a, .order__success-desc b {
  color: #000;
  font-weight: 600;
}
.order__success-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.order__success-link a {
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  padding: 8px 16px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.5);
  width: 180px;
  text-align: center;
  background: rgba(229, 227, 215, 0.8);
}
.order__success-img {
  width: 150px;
  margin: 0 auto;
}
.order__success-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1024px) {
  .cart__right-checkout {
    box-shadow: none;
    position: unset;
  }
  .cart__right-checkout .cart__summary {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    box-shadow: 8px 4px 8px rgba(16, 16, 16, 0.5);
  }
  .checkout__payment {
    border-radius: 0;
  }
  .checkout__info {
    border-radius: 0;
  }
  .checkout__note-title {
    font-size: 12px;
  }
  .checkout__note-textarea textarea {
    font-size: 12px;
  }
  .checkout__note-textarea textarea::-moz-placeholder {
    font-size: 12px;
  }
  .checkout__note-textarea textarea::placeholder {
    font-size: 12px;
  }
  .cart__product-total-text {
    font-size: 12px;
  }
  .cart__product-total-text span {
    font-size: 14px;
  }
  .checkout__payment-header {
    font-size: 16px;
  }
  .checkout__payment-name {
    font-size: 14px;
  }
  .checkout__payment-sub {
    font-size: 12px;
  }
  .checkout__payment-item label {
    padding: 8px 12px;
  }
  .checkout__info-title {
    font-size: 16px;
  }
  .checkout-custome-mb {
    flex-direction: column-reverse;
    gap: 0;
  }
  .checkout-custome-mb .cart__headersummary {
    display: none;
  }
  .checkout__info-label {
    font-size: 12px;
  }
  .cart__right-checkout .cart__summary-total .cart__summary-price {
    font-size: 16px;
  }
  .choose-coupon img {
    width: 40px;
    height: 33px;
  }
  .coupon__modal-content {
    padding: 0 16px;
  }
  .coupon__modal-title {
    font-size: 14px;
    font-weight: 400;
  }
  .coupon__modal-img {
    width: 60px;
    height: auto;
  }
  .coupon__modal-img img {
    transform: rotate(78deg);
  }
  .coupon__modal-name {
    font-size: 12px;
    line-height: 11px;
  }
  .coupon__modal-code span {
    font-size: 13px;
  }
  .coupon__modal-desc {
    font-size: 11px;
    line-height: 13px;
  }
  .order__success {
    border-radius: 0;
  }
  .order__success-img {
    width: 100%;
    height: 300px;
  }
  .order__success-link a {
    font-size: 12px;
  }
}
.top__product-inner:not(:last-child) {
  margin-bottom: 30px;
  border-bottom: 1px dashed #ffc107;
  padding-bottom: 30px;
}
.top__product-ttl {
  padding: 16px 30px;
  background: #e5e3d7;
  margin: 6px 0 16px 0;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top__product-ttl span {
  color: #252525;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.006em;
  text-transform: uppercase;
}
.top__product-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}
.top__product-seemore {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.top__product-seemore a {
  min-width: 150px;
  display: block;
  padding: 8px 16px;
  background: #ffc107;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #1b1b1b;
  text-align: center;
}
.top__product-seemore a:hover {
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
}

@media (max-width: 1024px) {
  .top__product-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .top__product-ttl {
    padding: 8px 16px;
  }
  .top__product-ttl span {
    font-size: 18px;
  }
  .top__product-seemore a {
    min-width: unset;
    padding: 6px 12px;
    font-size: 12px;
  }
}
.breadcrumb-main {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 40px 16px 24px 16px;
  overflow-x: auto;
}
.breadcrumb-main a {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #868686;
  flex-shrink: 0;
}
.breadcrumb-main a.active {
  color: #1b1b1b;
}

.blogs__master {
  display: flex;
  justify-content: space-between;
  padding: 20px 16px;
  gap: 16px;
}
.blogs__master-right {
  width: 320px;
  min-width: 320px;
}
.blogs__master-left {
  flex: 1;
}
.blogs__master-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.blogs__master-other {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.blogs__trending-ttl {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.008em;
  color: #1b1b1b;
  text-transform: uppercase;
  background: #fff;
  padding: 8px;
  border-radius: 4px;
}
.blogs__trending-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.blogs__trending-item:not(:last-child) {
  margin-bottom: 12px;
}
.blogs__trending-img {
  width: 130px;
  min-width: 130px;
  height: 120px;
  border: 1px solid rgba(16, 16, 16, 0.1);
  border-radius: 4px;
  overflow: hidden;
}
.blogs__trending-img a {
  width: 100%;
  height: 100%;
}
.blogs__trending-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blogs__trending-name a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-transform: capitalize;
  color: #1d1d1d;
}
.blogs__trending-list {
  margin-top: 24px;
}
.blogs__trending-auth {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  margin-top: 8px;
  font-weight: 200;
}

.pagination-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
  gap: 8px;
}
.pagination-box .pagination {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pagination-box li a {
  width: 40px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 200ms;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #1b1b1b;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-box li.active a {
  background: #ffc107;
}

.blog-container:not(:last-child) {
  margin-bottom: 24px;
}
.blog-container .accordion-button-blog {
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  padding-right: 8px;
}
.blog-container .accordion-button-blog.collapsed i {
  transform: rotate(180deg);
}
.blog-container .accordion-button-blog i {
  font-size: 14px;
}

.category__blog {
  padding-left: 16px;
  padding-top: 16px;
}
.category__blog li:not(:last-child) {
  border-bottom: 1px dashed rgba(16, 16, 16, 0.1);
}
.category__blog li a {
  display: block;
  font-weight: 200;
  font-size: 14px;
  line-height: 16px;
  text-transform: capitalize;
  color: #1d1d1d;
  padding: 8px 0;
}
.category__blog li a:hover {
  color: #ffc107;
}

@media (max-width: 1024px) {
  .blogs__master {
    flex-wrap: wrap;
  }
  .blogs__master-left {
    width: 100%;
  }
  .blogs__master-right {
    width: 100%;
  }
  .blogs__master-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .breadcrumb-main {
    padding: 24px 16px 18px 16px;
  }
  .breadcrumb-main a {
    font-size: 12px;
  }
  .pagination-box {
    margin: 20px 0;
    gap: 4px;
  }
  .pagination-box a {
    width: 36px;
    height: 36px;
    font-size: 12px;
  }
  .blogs__trending-ttl {
    font-size: 16px;
  }
  .blogs__trending-name a {
    font-size: 12px;
  }
  .blogs__trending-auth {
    font-size: 11px;
  }
}
.product__page-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 16px;
}
.product__page-left {
  width: 290px;
  min-width: 290px;
  background: #fff;
  padding: 16px;
  border-radius: 4px;
}
.product__page-right {
  flex: 1;
}

.productcate__list--sub {
  padding-left: 20px;
}
.productcate__list--sub .productcate__item.active > a {
  color: #ffc107;
}
.productcate__list--sub .productcate__item.active > a::after {
  content: "";
  background: #fff;
  width: 16px;
  height: 16px;
  position: absolute;
  border-radius: 999px;
  border: 5px solid #ffcf20;
}

.productcate__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.008em;
  color: #1b1b1b;
  border-bottom: 1px solid rgba(16, 16, 16, 0.1);
  padding-bottom: 8px;
  text-transform: uppercase;
}
.productcate__box {
  margin-top: 12px;
}
.productcate__item:not(:last-child) {
  border-bottom: 1px dashed rgba(16, 16, 16, 0.1);
}
.productcate__item.active .productcate__item--parent {
  color: #ffc107;
}
.productcate__item.active .productcate__item--parent::after {
  content: "";
  background: #fff;
  width: 16px;
  height: 16px;
  position: absolute;
  border-radius: 999px;
  border: 5px solid #ffcf20;
}
.productcate__item a {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  outline: none;
  color: #1b1b1b;
  cursor: pointer;
  padding-left: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.productcate__item a:hover {
  color: #ffc107;
}
.productcate__item a::after {
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #505050;
  border-radius: 999px;
  position: absolute;
  top: 7px;
  left: 0;
}

.sort__price {
  margin-top: 24px;
}
.sort__price-list {
  margin-top: 12px;
}
.sort__price-item.active a {
  color: #ffc107;
}
.sort__price-item a {
  border: none;
  background: none;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.875rem;
  line-height: 20px;
  color: rgb(10, 15, 24);
  white-space: normal;
  word-break: break-word;
  padding: 8px 0;
  width: 100%;
}
.sort__price-item a:hover {
  color: #ffc107;
}
.sort__price-number {
  margin-top: 12px;
}
.sort__price-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
.sort__price-input input {
  width: 50%;
  padding: 8px;
  border: 1px solid rgba(16, 16, 16, 0.1);
  border-radius: 8px;
  font-size: 0.875rem;
  line-height: 20px;
  -moz-appearance: textfield;
}
.sort__price-input input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.sort__price-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.sort__price-apply {
  margin-top: 8px;
  border: none;
  padding: 8px;
  width: 100%;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 500;
  background: rgba(229, 227, 215, 0.8);
}

.product__page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 12px;
  margin-bottom: 16px;
  border-radius: 8px;
}
.product__page-total {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #1d1d1d;
}
.product__page-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.sortby-dropdown {
  position: relative;
}
.sortby-dropdown-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  color: #1d1d1d;
}
.sortby-dropdown-btn:hover .sortby-dropdown-list {
  display: block;
}
.sortby-dropdown-list {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid rgba(16, 16, 16, 0.1);
  border-radius: 8px;
  padding: 8px 12px;
  z-index: 10;
  width: 210px;
  right: 0;
  top: 25px;
}
.sortby-dropdown-list li a {
  padding: 8px 0;
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  outline: none;
  color: #1b1b1b;
}
.sortby-dropdown-list li a:hover {
  color: #ffc107;
}
.sortby-dropdown-list li.active a {
  color: #ffc107;
}

@media (min-width: 1024px) {
  .close-filter {
    display: none;
  }
  .filtermb {
    display: none;
  }
}
@media (max-width: 1024px) {
  .qtytotal {
    display: none;
  }
  .filtermb {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #1b1b1b;
  }
  .sortby-dropdown-btn {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #1b1b1b;
  }
  .product__page .breadcrumb-main {
    padding: 14px 16px 8px 16px;
  }
  .product__page-left {
    overflow-y: auto;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    top: 100%;
    opacity: 0;
    transition: 0.2s ease;
  }
  .product__page-left.active {
    top: 0;
    opacity: 1;
  }
  .product__page-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .product__page-container {
    padding: 8px 16px;
  }
  .productcate__title {
    font-size: 15px;
    margin-bottom: 13px;
  }
  .close-filter {
    position: fixed;
    top: 5px;
    right: 16px;
    background: conic-gradient(from 180deg at 50% 70%, hsl(0, 0%, 98%) 0deg, #eec32d 72.0000010729deg, #ec4b4b 144.0000021458deg, #709ab9 216.0000085831deg, #4dffbf 288.0000042915deg, hsl(0, 0%, 98%) 1turn);
    filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1));
    border-radius: 999px;
  }
  .close-filter button {
    border: none;
    outline: none;
    background-color: #fff;
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    opacity: 0.9;
    border-radius: 999px;
    padding: 8px;
  }
  .sortby-dropdown-list li a {
    font-size: 12px;
  }
}
.blog__detail {
  padding: 24px 16px;
}
.blog__detail .breadcrumb-main {
  padding: 0 0 20px 0;
}
.blog__detail-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.blog__detail-left {
  flex: 1;
  background: #fff;
  border-radius: 4px;
  padding: 24px 16px;
}
.blog__detail-right {
  width: 320px;
  border-radius: 4px;
}
.blog__detail-date {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: grey;
}
.blog__detail-title {
  margin: 24px 0;
}
.blog__detail-title h1 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.5;
}
.blog__detail-top {
  display: flex;
  align-items: center;
  gap: 18px;
}
.blog__detail-top span {
  color: grey;
}
.blog__detail-content {
  line-height: 20px;
  font-weight: 200;
  text-align: justify;
}
.blog__detail-content img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 10px 0;
}

.hashtag {
  margin-top: 24px;
}
.hashtag-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.hashtag ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  flex: 1;
}
.hashtag ul li {
  background: #c7cfd6;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 200;
}
.hashtag ul li a {
  color: #000;
}

.copylink {
  width: 100px;
  text-align: right;
}
.copylink button {
  border: none;
  padding: 8px;
  font-size: 14px;
  font-weight: 200;
  border-radius: 4px;
  background: rgba(229, 227, 215, 0.8);
  border-radius: 50px;
}

@media (max-width: 1024px) {
  .blog__detail {
    padding: 24px 0;
  }
  .blog__detail .breadcrumb-main {
    padding: 0 16px 20px 16px;
  }
  .blog__detail-inner {
    flex-wrap: wrap;
  }
  .blog__detail-left {
    width: 100%;
    padding: 16px;
  }
  .blog__detail-right {
    width: 100%;
  }
  .blog__detail-right .blog-container {
    padding: 0 16px;
  }
  .blog__detail-title h1 {
    font-size: 18px;
  }
  .blog__detail-content {
    font-size: 14px;
  }
  .blog__detail-content img {
    width: 100%;
    height: 100%;
  }
  .blog__detail-date {
    gap: 4px;
    font-size: 11px;
  }
  .blog__detail-top {
    gap: 8px;
  }
  .hashtag-box {
    flex-wrap: wrap;
  }
  .hashtag ul {
    width: 100%;
  }
  .hashtag ul li {
    font-size: 12px;
  }
  .copylink {
    margin-top: 16px;
    width: 100%;
    text-align: left;
  }
}
.modal__affiliate {
  display: none;
}
.modal__affiliate.active {
  display: block;
}
.modal__affiliate-overlay {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 999;
  background: rgba(27, 27, 27, 0.7);
}
.modal__affiliate-content {
  width: 400px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
          backdrop-filter: saturate(180%) blur(40px);
  margin: 0 auto;
  padding: 24px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  border-radius: 4px;
}
.modal__affiliate-title {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.modal__affiliate-close {
  cursor: pointer;
  position: absolute;
  top: -7px;
  right: -4px;
}
.modal__affiliate-close i {
  font-size: 30px;
}

@media (max-width: 1024px) {
  .modal__affiliate-content {
    width: 350px;
    padding: 16px;
    border-radius: 0;
  }
  .modal__affiliate-title {
    font-size: 16px;
    text-align: left;
  }
  .affiliate {
    font-size: 12px;
  }
}
.profile {
  padding: 35px 16px;
}
.profile__warper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}
.profile__left {
  width: 300px;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 16px 24px;
}
.profile__right {
  flex: 1;
}
.profile__menu-item a {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #1b1b1b;
}
.profile__menu-item a:hover {
  color: #ffc107;
}
.profile__menu-item:not(:last-child) {
  padding-bottom: 28px;
}
.profile__accordion-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: none;
  background: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #1b1b1b;
}
.profile__accordion-button.collapsed i {
  transform: rotate(180deg);
}
.profile .profile__accordion .profile__menu-list {
  padding-top: 20px;
  padding-left: 16px;
}

.profile-view {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.profile-view__left {
  width: 50%;
}
.profile-view__right {
  width: 50%;
}
.profile-view__user {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 16px 24px;
}
.profile-view__user-box {
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.profile-view__user-img {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid #e7e7e7;
}
.profile-view__user-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile-view__user-info {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}
.profile-view__user-name {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.008em;
  color: #1b1b1b;
}
.profile-view__order {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 16px 24px;
  margin-top: 16px;
}
.profile-view__wishlist {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 16px 24px;
}
.profile-view__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.profile-view__title h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.008em;
}
.profile-view__title a {
  font-size: 14px;
  font-weight: 400;
  color: darkorange;
  border-bottom: 1px solid;
}

.bbee-view__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.bbee-view__icon-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.bbee-view__icon-item i {
  width: 40px;
  height: 40px;
  margin: auto;
  background: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #ffc107;
}
.bbee-view__icon-item span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #505050;
  margin-top: 6px;
}

.profile-view__wishlist-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.profile-view__wishlist-item {
  height: 110px;
  border-radius: 4px;
  overflow: hidden;
}
.profile-view__wishlist-item:last-child {
  position: relative;
}
.profile-view__wishlist-item:last-child a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(27, 27, 27, 0.7);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
}
.profile-view__wishlist-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.wishlist__product {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px 16px;
}
.wishlist__product-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 12px;
  color: gray;
}
.wishlist__product-remove:hover {
  color: #ff0000;
}
.wishlist__product-buy {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 16px;
  background-color: #d4e1d5;
  gap: 12px;
  padding: 8px 16px;
}
.wishlist__product-buy a {
  display: block;
  padding: 12px 16px;
  background: #ffc107;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  color: #1b1b1b;
}

@media (max-width: 1024px) {
  .profile__warper {
    flex-wrap: wrap;
  }
  .profile__left {
    display: none;
    width: 100%;
  }
  .profile__right {
    width: 100%;
  }
  .profile {
    padding: 20px 0;
  }
  .profile-view {
    flex-wrap: wrap;
  }
  .profile-view__left {
    width: 100%;
  }
  .profile-view__right {
    width: 100%;
  }
  .profile-view__user {
    border-radius: 0;
    padding: 24px 16px;
  }
  .profile-view__user-name {
    font-weight: 500;
    font-size: 16px;
  }
  .profile-view__order {
    border-radius: 0;
    padding: 24px 16px;
  }
  .profile-view__title h3 {
    font-size: 18px;
  }
  .profile-view__title a {
    font-size: 12px;
  }
  .profile-view__wishlist {
    border-radius: 0;
  }
  .profile-view__wishlist-list {
    display: flex;
    align-items: center;
    overflow-x: auto;
  }
  .profile-view__wishlist-item {
    flex-shrink: 0;
  }
}
.profile-update__inner {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 16px 24px;
}
.profile-update__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.008em;
  color: #3a3737;
  border-bottom: 1px dashed #e7e7e7;
  padding-bottom: 8px;
  margin-bottom: 16px;
}
.profile-update__box {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.profile-update__left {
  width: calc(50% + 145px);
}
.profile-update__right {
  width: 50%;
}
.profile-update__info {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.profile-update__infoform {
  flex: 1;
}

.subttl-update {
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.02em;
  color: #3a3737;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.customImg {
  width: 129px;
}
.customImg .profile-update__avatar {
  position: relative;
  width: 129px;
  height: 129px;
  border-radius: 999px;
  border: 1px solid #e7e7e7;
}
.customImg .profile-update__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 999px;
}
.customImg .icon-choose-file {
  border: 1px solid #e7e7e7;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
}

.select-birthday-warper label {
  font-size: 14px;
  font-weight: 400;
  color: #505050;
  padding: unset;
  margin: 0 0 8px 0;
}
.select-birthday-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.select-birthday-control {
  border: 1px solid rgba(16, 16, 16, 0.1);
  width: 33.3333333333%;
  border-radius: 8px;
  overflow: hidden;
}
.select-birthday-control select {
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
}

.inputchoose-sex {
  margin-bottom: 16px;
}
.inputchoose-sex .ttlsex {
  font-size: 14px;
  font-weight: 400;
  color: #505050;
  padding: unset;
  margin: 0 0 8px 0;
}
.inputchoose-sex-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.inputchoose-sex-item {
  width: 33.3333333333%;
}
.inputchoose-sex-item label {
  border: 1px solid rgba(16, 16, 16, 0.1);
  padding: 12px 16px;
  border-radius: 8px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}
.inputchoose-sex-item input:checked ~ label {
  background: rgba(255, 193, 5, 0.5);
  border-color: rgba(229, 227, 215, 0.8);
}

.btn-update-profile {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 12px;
}
.btn-update-profile button {
  border: 1px solid rgba(229, 227, 215, 0.8);
  background: rgba(229, 227, 215, 0.8);
  color: #3a3737;
  font-size: 14px;
  outline: none;
  font-weight: 500;
  border-radius: 999px;
  padding: 12px 16px;
}

.modal-change__password {
  display: none;
}
.modal-change__password.active {
  display: block;
}
.modal-change__overlay {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 999;
  background: rgba(27, 27, 27, 0.7);
}
.modal-change__body {
  width: 400px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 4px 8px rgba(16, 16, 16, 0.05);
  -webkit-backdrop-filter: saturate(180%) blur(40px);
          backdrop-filter: saturate(180%) blur(40px);
  margin: 0 auto;
  padding: 24px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  border-radius: 4px;
}

.modal-title {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.modal-change-close {
  cursor: pointer;
  position: absolute;
  top: -7px;
  right: -4px;
}
.modal-change-close i {
  font-size: 30px;
}

.editpass {
  position: relative;
}
.editpass-btn {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  top: 6px;
  right: 11px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
}

@media (max-width: 1024px) {
  .profile-update__inner {
    border-radius: 0;
    padding: 24px 16px;
  }
  .profile-update__title {
    font-size: 18px;
  }
  .profile-update__box {
    flex-wrap: wrap;
  }
  .profile-update__left {
    width: 100%;
  }
  .profile-update__right {
    width: 100%;
  }
  .subttl-update {
    display: none;
  }
  .profile-update__info {
    flex-wrap: wrap;
  }
  .profile-update__infoform {
    width: 100%;
  }
  .customImg {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .customImg .profile-update__avatar {
    width: 100px;
    height: 100px;
  }
  .customImg .icon-choose-file {
    width: 25px;
    height: 25px;
  }
  .editpass-btn {
    font-size: 12px;
    top: -1px;
  }
  .btn-update-profile {
    margin: 0;
    padding: 12px 16px;
  }
  .btn-update-profile button {
    width: 100%;
    font-size: 12px;
  }
  .modal-change__body {
    width: 350px;
    padding: 12px;
  }
  .modal-title {
    font-size: 16px;
  }
  .inputchoose-sex .ttlsex {
    font-size: 12px;
  }
  .inputchoose-sex-item label {
    padding: 12px;
    font-size: 12px;
  }
  .select-birthday-warper label {
    font-size: 12px;
  }
  .select-birthday-control select {
    font-size: 12px;
    padding: 12px;
  }
  .wishlist__product {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .wishlist__product-remove {
    font-size: 12px;
  }
  .wishlist__product-buy {
    justify-content: space-between;
    padding: 0;
    background-color: transparent;
  }
  .wishlist__product-buy a {
    width: 50%;
    text-align: center;
    font-size: 12px;
  }
}
.all__order-inner {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 16px 24px 0 24px;
}
.all__order-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.008em;
  color: #3a3737;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 8px;
  margin-bottom: 16px;
}

.all__ordersort-list {
  display: flex;
  align-items: center;
  gap: 16px;
}
.all__ordersort-list li {
  width: 20%;
  text-align: center;
  cursor: pointer;
}
.all__ordersort-list li label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #505050;
  cursor: pointer;
  text-transform: uppercase;
  padding-bottom: 4px;
}
.all__ordersort-list li input:checked ~ label {
  color: #ffc107;
  border-bottom: 1px dashed #ffc107;
}

.order__details .cart__product-list {
  border-radius: 0;
  border-bottom: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.order__details .cart__product {
  margin-top: 12px;
}

.status__order {
  background: #fff;
  border: 1px solid #e7e7e7;
  padding: 12px 24px 12px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.status__order-left {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #158e16;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
}
.status__order-left.status-delivering {
  color: #535cc1;
}
.status__order-left.status-comfirm {
  color: #ffc107;
}
.status__order-left.status-cancel {
  color: gray;
}
.status__order-id {
  font-size: 12px;
  font-weight: 600;
}

@media (max-width: 1024px) {
  .all__order-inner {
    padding: 16px 16px 0 16px;
    border-radius: 0;
  }
  .all__order-title {
    font-size: 18px;
  }
  .all__ordersort-list {
    overflow-x: auto;
    gap: 24px;
  }
  .all__ordersort-list::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .all__ordersort-list li {
    width: auto;
    flex-shrink: 0;
  }
  .all__ordersort-list li label {
    font-size: 12px;
  }
}
.faq__box {
  padding: 70px 20px;
}
.faq__box .elementor-heading-title {
  text-align: center;
  font-size: 35px;
  font-weight: 600;
  color: #252525;
}

.faq__accordion {
  max-width: 800px;
  margin: 50px auto auto auto;
}
.faq__accordion .accordion-button {
  font-size: 18px;
  font-weight: 600;
  color: #252525;
  outline: none;
  background: none;
  padding: 24px 0;
}
.faq__accordion .accordion-button:focus {
  border: none;
}
.faq__accordion .accordion-item {
  border: none;
}
.faq__accordion .accordion-item:not(:last-child) {
  border-bottom: 1px solid #252525;
}
.faq__accordion .accordion-button:not(.collapsed) {
  box-shadow: unset;
}
.faq__accordion .accordion-body {
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  padding: 12px 0;
}
.faq__accordion .accordion-item:first-of-type > .accordion-header .accordion-button {
  border-radius: unset;
}

@media (max-width: 1024px) {
  .faq__box .elementor-heading-title {
    font-size: 24px;
  }
  .faq__accordion .accordion-button {
    font-size: 16px;
    padding: 16px 0;
  }
  .faq__accordion .accordion-body {
    padding: 12px 0;
    font-size: 14px;
    font-weight: 300;
  }
}
.about-page {
  max-width: 900px;
  margin: 0 auto;
}

.about__warper {
  margin: 100px 0;
  font-weight: 200;
  line-height: 150%;
  background: rgba(229, 227, 215, 0.2);
  padding: 20px 16px;
  border-radius: 16px;
}
@media (max-width: 479px) {
  .about__warper {
    margin: 60px 0;
    border-radius: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .about__warper {
    margin: 80px 0;
  }
}

.about__title {
  font-size: 35px;
  font-weight: 600;
  color: #524848;
  margin-bottom: 24px;
  text-align: center;
}
@media (max-width: 479px) {
  .about__title {
    font-size: 26px;
  }
}

.about__desc {
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  padding: 12px 0 30px 0;
}
@media (max-width: 479px) {
  .about__desc {
    font-size: 14px;
    padding: 10px 0 10px 0;
  }
}

.about__sub-title {
  font-size: 24px;
  font-weight: 500;
}
@media (max-width: 479px) {
  .about__sub-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.about__desc-sub {
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  padding: 12px 0 30px 0;
  padding-left: 20px;
}
@media (max-width: 479px) {
  .about__desc-sub {
    font-size: 14px;
  }
}

.child-content {
  padding-left: 50px;
}
@media (max-width: 479px) {
  .child-content {
    padding-left: 20px;
  }
}

.modal-dialog-bbee {
  max-width: 800px;
  top: 50%;
  transform: translateY(-50%) !important;
  padding: 20px;
}
@media (max-width: 479px) {
  .modal-dialog-bbee {
    padding: 8px;
    height: 400px;
  }
}

@media (max-width: 479px) {
  .modal-body {
    padding: 0;
  }
}

.modal-content-bbee {
  border-radius: 25px;
  padding: 40px;
  border: 1px solid #BCE3C9;
  pointer-events: auto;
  background-color: #fff;
}
@media (max-width: 479px) {
  .modal-content-bbee {
    padding: 16px;
    border-radius: 4px;
  }
}
.modal-content-bbee .btn-close-bbee {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 12px;
}
@media (max-width: 479px) {
  .modal-content-bbee .btn-close-bbee {
    margin-bottom: 8px;
  }
}
@media (max-width: 479px) {
  .modal-content-bbee .btn-close-bbee .btn-close {
    font-size: 12px;
  }
}

.quickview-wapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
@media (max-width: 479px) {
  .quickview-wapper {
    flex-wrap: wrap;
  }
}
.quickview-wapper .quickview-left {
  width: 60%;
}
@media (max-width: 479px) {
  .quickview-wapper .quickview-left {
    width: 100%;
  }
}
.quickview-wapper .quickview-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.quickview-wapper .quickview-right {
  width: 40%;
}
@media (max-width: 479px) {
  .quickview-wapper .quickview-right {
    width: 100%;
  }
}
.quickview-wapper .quickview-right .stock-status {
  color: #f74b81;
  background: #fde0e9;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 5px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.quickview-wapper .quickview-right .title-detail {
  color: #253D4E;
  font-weight: 700;
  line-height: 1.2;
  font-size: 18px;
}
@media (max-width: 479px) {
  .quickview-wapper .quickview-right .title-detail {
    font-size: 14px;
  }
}
.quickview-wapper .quickview-right .title-detail a {
  color: #253D4E;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.quickview-wapper .detail-gallery {
  width: 100%;
  height: 400px;
  border-radius: 10px;
  border: 1px solid #BCE3C9;
  overflow: hidden;
}
.quickview-wapper .detail-gallery .product-image-slider {
  height: 100%;
  width: 100%;
}
.quickview-wapper .detail-gallery .product-image-slider figure {
  width: 100%;
  height: 100%;
}
@media (max-width: 479px) {
  .quickview-wapper .detail-gallery {
    height: 320px;
  }
}

.attr-detail strong {
  display: block;
  color: #30414c;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 4px;
}
.attr-detail:not(:last-child) {
  margin-bottom: 10px;
}
@media (max-width: 479px) {
  .attr-detail .form-control {
    font-size: 12px;
  }
}

.detail-qty {
  position: relative;
  background: #fff;
  border: 2px solid #656e88 !important;
  font-size: 16px;
  font-weight: 700;
  color: #3BB77E;
  border-radius: 5px;
  padding: 11px 20px 11px 30px;
  max-width: 90px;
}
.detail-qty .qty-val {
  border: 0;
  border-radius: 0;
  height: unset;
  padding: 0 !important;
  font-size: 16px;
  width: 100%;
  outline: none;
}
.detail-qty .qty-up {
  top: 2px;
  font-size: 16px;
  position: absolute;
  right: 8px;
  color: #26302b;
}
.detail-qty .qty-up svg {
  width: 16px;
  height: 16px;
}
.detail-qty .qty-down {
  bottom: 2px;
  font-size: 16px;
  position: absolute;
  right: 8px;
  color: #26302b;
}
.detail-qty .qty-down svg {
  width: 16px;
  height: 16px;
}

.product-price-cover {
  margin-bottom: 12px;
}
.product-price-cover .current-price {
  font-size: 24px;
  color: #253D4E;
  font-weight: 700;
  line-height: 1.2;
  margin-right: 12px;
}
.product-price-cover .old-price {
  font-size: 14px;
  color: #88929a;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: line-through;
}

.stock-status-quickview {
  font-size: 14px;
  font-weight: 200;
  margin-top: 12px;
  color: #bb2525;
  line-height: 140%;
}

.detail-extralink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.detail-extralink .product-extra-link2 {
  flex: 1;
}
.detail-extralink .product-extra-link2 .button-add-to-cart:disabled {
  background: rgba(187, 191, 181, 0.4901960784);
  color: #b8aeae;
}
.detail-extralink .button-add-to-cart {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 8px;
  border-radius: 5px;
  border: 2px solid rgba(229, 227, 215, 0.8);
  background: rgba(229, 227, 215, 0.8);
  color: #253D4E;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.detail-extralink .button-add-to-cart svg {
  width: 24px;
  height: 24px;
}

.quickview-info-footer {
  margin-top: 12px;
}
.quickview-info-footer li {
  color: #30414c;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 4px;
}

.quick-view-outofstock-text {
  display: none;
}

.detail-gallery {
  position: relative;
}
.detail-gallery.quick-view-outofstock .quick-view-outofstock-text {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(229, 227, 215, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}
.detail-gallery.quick-view-outofstock .quick-view-outofstock-text h5 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}
.detail-gallery.quick-view-outofstock .quick-view-outofstock-text span {
  font-size: 14px;
  font-weight: 300;
}

.popup-slider__container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(39, 39, 42, 0.7);
  z-index: 999;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.popup-slider__container.active {
  display: block;
  opacity: 1;
}
.popup-slider__overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.popup-slider__content {
  width: 50%;
  position: relative;
}
@media (max-width: 479px) {
  .popup-slider__content {
    width: 80%;
  }
}
.popup-slider__close {
  position: absolute;
  top: -50px;
  right: 0;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid rgba(16, 16, 16, 0.1);
  box-shadow: 0 0 4px rgba(16, 16, 16, 0.1);
  border-radius: 999px;
  z-index: 9999;
}

.popup-slider-item img {
  height: 500px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 479px) {
  .popup-slider-item img {
    height: 370px;
  }
}
.popup-slider-item a {
  display: block;
}

.popup-slider-swiper .swiper-button-next, .popup-slider-swiper .swiper-button-prev {
  width: 40px;
  height: 40px;
  background: hsla(0, 0%, 100%, 0.4);
  border: 1px solid rgba(16, 16, 16, 0.1);
  box-shadow: 0 0 4px rgba(16, 16, 16, 0.1);
  border-radius: 999px;
}
.popup-slider-swiper .swiper-button-next::after, .popup-slider-swiper .swiper-button-prev::after {
  font-size: 14px;
  color: #000;
}/*# sourceMappingURL=main.css.map */