@charset "UTF-8";
@import "../bootstrap.css";
@import "../fancybox.css";
@import "../swiper-bundle.min.css";
@import "../reset.css";
.main-header {
  position: sticky;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 46px 0;
  height: 147px;
  background-color: #fff;
}
.main-header .navbar-main {
  width: 83.333333%;
  margin: auto;
  display: flex;
  align-items: center;
}
.main-header .navbar-main .navbar-lists {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
}
.main-header .navbar-main .navbar-lists > li:hover a::after {
  opacity: 1;
}
.main-header .navbar-main .navbar-lists > li > i {
  margin-left: 0.5rem;
  font-size: 10px;
}
.main-header .navbar-main .navbar-lists > li + li {
  margin-left: 2rem;
}
.main-header .navbar-main .navbar-lists > li > a {
  text-decoration: none;
  font-size: 17px;
  font-weight: 400;
  color: #3f444b;
  padding: 12px 0;
  display: flex;
  flex-direction: column;
}
.main-header .navbar-main .navbar-lists > li > a::after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: #3f444b;
  transform: translateY(1rem);
  margin-left: 0;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.main-header .dropdown-menu {
  padding: 0;
  border-radius: 0;
  width: -moz-fit-content !important;
  width: fit-content !important;
  --bs-dropdown-min-width: 11rem;
  --bs-dropdown-border-color: #00000000;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  text-align: center;
}
.main-header .dropdown-menu > li {
  padding: 20px 32px;
}
.main-header .dropdown-menu > li:hover {
  background-color: #3f444b;
}
.main-header .dropdown-menu > li:hover a {
  color: #fff;
}
.main-header .dropdown-menu > li a {
  text-decoration: none;
  font-size: 17px;
  color: #3f444b;
}
.main-header .dropdown-menu.show {
  transform: translate(-30%, 52px) !important;
}
.main-header .dropdown-toggle::after {
  display: none;
}

.top-right-item {
  display: flex;
  align-items: center;
  transform: translateY(-2px);
}
.top-right-item .translate-middle {
  transform: translate(-65%, -40%) !important;
}
.top-right-item > .nav-item {
  margin-right: 48px;
}
.top-right-item > li {
  display: flex;
}
.top-right-item > li a {
  text-decoration: none;
  font-size: 17px;
  font-weight: 400;
  color: #3f444b;
}
.top-right-item > li a > i {
  margin-left: 8px;
  font-size: 10px;
}
.top-right-item > li a::after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: #3f444b;
  transform: translateY(1rem);
  margin-left: 0;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.top-right-item .top-shop-cart {
  width: 40px;
  margin-left: 50px;
}
.top-right-item .top-shop-cart img {
  width: 100%;
  vertical-align: middle;
}

.top-logo {
  width: 111px;
  position: absolute;
  top: 1.5rem;
  right: 50%;
  transform: translateX(50%);
}
.top-logo img {
  width: 100%;
  vertical-align: middle;
}

@media (max-width: 992px) {
  .main-header {
    height: 124px;
    padding: 20px 24px;
  }
  .main-header .navbar-main {
    width: 88.405797%;
    padding: 0;
    align-items: start;
  }
  .top-logo {
    width: 94px;
    top: 20px;
  }
  .top-right-item {
    margin-left: auto;
  }
  .top-right-item .top-shop-cart {
    width: 40px;
    margin-left: 0;
  }
}
.offcanvas.offcanvas-start {
  width: 71.256038%;
  border-right: none;
}

.offcanvas-backdrop {
  background-color: rgba(0, 0, 0, 0.4588235294);
}

.phone-menu-btn {
  display: block;
  border: none;
  background-color: transparent;
  position: absolute;
  top: 30px;
  right: 17px;
  width: 24px;
}
.phone-menu-btn img {
  width: 100%;
  vertical-align: middle;
}

.phone-menu {
  padding-top: 76px;
  background-color: rgba(255, 255, 255, 0.9);
}
.phone-menu .accordion-item .accordion-collapse {
  background-color: #fff;
}
.phone-menu .accordion-item .phone-menu-item {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #3f444b;
  padding: 14px 24px;
  display: flex;
  align-items: center;
}
.phone-menu .accordion-item .phone-menu-item::after {
  display: none;
}
.phone-menu .accordion-item .phone-menu-item span {
  display: block;
}
.phone-menu .accordion-item .phone-menu-item > i {
  font-size: 10px;
  margin-left: auto;
}

.main-footer {
  border-top: 1px solid #c4c4c4;
}

.footer-container {
  width: 67.5%;
  margin: auto;
  padding: 64px 0;
}

.footer-profile > li + li {
  margin-top: 16px;
}
.footer-profile > li:last-child {
  margin-top: 3rem;
}
.footer-profile > li > a {
  text-decoration: none;
  color: #3f444b;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
}

.footer-menu {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  display: flex;
}
.footer-menu .footer-menu-item {
  color: #3f444b;
}
.footer-menu .footer-menu-item + .footer-menu-item {
  margin-left: 64px;
}
.footer-menu .footer-menu-item > span {
  display: block;
  font-weight: 500;
  font-size: 17px;
  margin-bottom: 28px;
}
.footer-menu .footer-menu-item ul li + li {
  margin-top: 20px;
}
.footer-menu .footer-menu-item ul li a {
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
  color: #3f444b;
}

.copyright {
  border-top: 1px solid #c4c4c4;
}
.copyright .copyright-main {
  width: 67.5%;
  margin: auto;
  padding: 2rem 0;
  display: flex;
  justify-content: space-between;
}
.copyright .copyright-main p {
  font-size: 15px;
  font-weight: 400;
  color: #3f444b;
  letter-spacing: 0.05em;
}
.copyright .copyright-main p > a {
  text-decoration: none;
  color: #3f444b;
}

@media (max-width: 992px) {
  .footer-container {
    width: 88.40579%;
  }
  .footer-profile {
    margin-bottom: 64px;
  }
  .footer-profile > li > a {
    font-size: 15px;
  }
  .footer-menu {
    width: 100%;
    display: flex;
  }
  .footer-menu .footer-menu-item + .footer-menu-item {
    margin-left: 23.188405vw;
  }
  .footer-menu .footer-menu-item > span {
    font-size: 18px;
    margin-bottom: 28px;
  }
  .footer-menu .footer-menu-item ul li + li {
    margin-top: 1rem;
  }
  .footer-menu .footer-menu-item ul li a {
    font-size: 15px;
  }
  .copyright .copyright-main {
    width: 79%;
    padding: 2rem 0;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }
  .copyright .copyright-main p {
    font-size: 15px;
    line-height: 1.4;
  }
}
.index-banner .index-banner-main {
  width: 83.125%;
  margin: auto;
  padding-top: 2rem;
}
.index-banner .swiper {
  width: 100%;
  height: 100%;
}
.index-banner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-banner .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.index-banner .swiper-button-next,
.index-banner .swiper-button-prev {
  opacity: 0;
}
.index-banner .swiper-pagination-bullet {
  opacity: 1;
  background: #eae8e8;
  width: 10px;
  height: 10px;
}
.index-banner .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.index-banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px;
}
.index-banner .swiper-pagination-bullet-active {
  background: #000000;
}

.index-product {
  padding: 96px 0;
}
.index-product .index-product-main {
  width: 56.145833%;
  margin: auto;
}
.index-product .index-product-main h2 {
  font-size: 30px;
  text-align: center;
  color: #000000;
  letter-spacing: 0.05em;
  margin-bottom: 4rem;
  display: flex;
  align-items: center;
  gap: 2rem;
}
.index-product .index-product-main h2::after {
  content: "";
  width: 0;
  height: 1px;
  flex-grow: 1;
  background-color: #eae8e8;
}
.index-product .index-product-main h2::before {
  content: "";
  width: 0;
  height: 1px;
  flex-grow: 1;
  background-color: #eae8e8;
}

.index-product-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px 24px;
  margin-bottom: 64px;
}
.index-product-box.product-main {
  width: 83.1018518%;
  margin: auto;
}

.index-product-item {
  display: flex;
  flex-direction: column;
}
.index-product-item:hover .product-item-pic img {
  transform: scale(1.2);
}
.index-product-item:hover .add-cart-btn {
  color: #fff;
  background-color: #000000;
}
.index-product-item .product-item-pic {
  display: block;
  margin-bottom: 24px;
  overflow: hidden;
}
.index-product-item .product-item-pic img {
  width: 100%;
  vertical-align: middle;
  transform: scale(1);
  transition: 0.6s;
}
.index-product-item h4 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #3f444b;
  line-height: 1.4;
  margin-bottom: 20px;
}
.index-product-item p {
  font-size: 17px;
  font-weight: 500;
  color: #2d3540;
  letter-spacing: 0.03em;
  margin-bottom: 24px;
}
.index-product-item p span {
  font-size: 15px;
  font-weight: 400;
  color: #949394;
}
.index-product-item .add-cart-btn {
  margin-top: auto;
  border: 1px solid #3f444b;
  background-color: transparent;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.05em;
  padding: 16px 0;
  width: 100%;
  color: #000000;
}

.index-share-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 33px;
}
.index-share-box.share-page {
  width: 83.101851%;
  margin: auto;
}
.index-share-box .index-share-item {
  text-decoration: none;
}
.index-share-box .index-share-item:hover .index-share-pic img {
  transform: scale(1.2);
}
.index-share-box .index-share-item .index-share-pic {
  overflow: hidden;
}
.index-share-box .index-share-item .index-share-pic img {
  width: 100%;
  vertical-align: middle;
  transform: scale(1);
  transition: 0.6s;
}
.index-share-box .index-share-item h4 {
  font-size: 24px;
  color: #2d3540;
  text-align: center;
  font-weight: 500;
  margin: 1.5rem 0;
}
.index-share-box .index-share-item .index-share-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.index-share-box .index-share-item .index-share-content p {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.4;
  color: #3f444b;
}

@media (max-width: 992px) {
  .index-product {
    padding: 64px 0 96px;
  }
  .index-product .index-product-main {
    width: 88.40579%;
  }
  .index-product .index-product-main h2 {
    font-size: 22px;
    margin-bottom: 3rem;
    gap: 20px;
  }
  .index-product-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 18px;
    margin-bottom: 64px;
  }
  .index-product-item h4 {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .index-product-item p {
    font-size: 17px;
  }
  .index-product-item p span {
    font-size: 15px;
  }
  .index-product-item .add-cart-btn {
    font-size: 15px;
    padding: 16px 0;
  }
  .index-share-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
  .index-share-box.share-page {
    width: 93.442622%;
    margin: auto;
  }
  .index-share-box .index-share-item h4 {
    font-size: 24px;
  }
  .index-share-box .index-share-item .index-share-content p {
    font-size: 16px;
  }
  .index-share-content p {
    font-size: 15px;
  }
}
@media (max-width: 500px) {
  .index-product-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1rem;
    margin-bottom: 96px;
  }
  .index-product-box.product-main {
    width: 100%;
  }
  .index-share-box {
    grid-template-columns: repeat(1, 1fr);
  }
  .index-share-box .index-share-item h4 {
    font-size: 20px;
  }
  .index-share-box .index-share-item .index-news-content p {
    font-size: 15px;
  }
}
.page-brand {
  padding: 64px 0 96px;
}

.page-brand-main {
  width: 67.5%;
  margin: auto;
}
.page-brand-main .page-brand-title {
  padding: 2rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border: 1px solid #3f444b;
  margin-bottom: 4rem;
}
.page-brand-main .page-brand-title h1 {
  margin-bottom: 48px;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #000;
}
.page-brand-main .page-brand-title aside {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #000000;
}
.page-brand-main .page-brand-title span {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #3f444b;
}
.page-brand-main .page-brand-title span > a {
  text-decoration: none;
  color: #3f444b;
}
.page-brand-main .page-brand-box {
  width: 83%;
  margin: auto;
}
.page-brand-main .page-brand-box .page-brand-pic {
  width: 97%;
  margin: auto;
}
.page-brand-main .page-brand-box .page-brand-pic img {
  width: 100%;
  vertical-align: middle;
}
.page-brand-main .page-brand-box .page-brand-content {
  width: 100%;
  height: 100%;
  display: flex;
  padding: 32px;
}
.page-brand-main .page-brand-box .page-brand-content > p {
  font-size: 16px;
  line-height: 1.6;
  color: #3f444b;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin: auto;
}

@media (max-width: 992px) {
  .page-brand {
    padding: 32px 0 96px;
  }
  .page-brand-main {
    width: 88.405797%;
    margin: auto;
  }
  .page-brand-main .page-brand-title {
    padding: 1.5rem 0;
    margin-bottom: 3rem;
    border-radius: 4px;
  }
  .page-brand-main .page-brand-title h1 {
    margin-bottom: 1rem;
    font-size: 28px;
  }
  .page-brand-main .page-brand-title aside {
    margin-bottom: 16px;
  }
  .page-brand-main .page-brand-title span {
    font-size: 14px;
  }
  .page-brand-main .page-brand-box {
    width: 100%;
  }
  .page-brand-main .page-brand-box .page-brand-pic {
    width: 86.88524%;
    margin-bottom: 2rem;
  }
  .page-brand-main .page-brand-box .page-brand-content {
    width: 93.44262%;
    margin: auto;
    padding: 0px;
  }
  .page-brand-main .page-brand-box .page-brand-content > p {
    font-size: 15px;
  }
}
.page-products-list {
  width: 83.1018518%;
  margin: auto;
  display: flex;
  padding: 0px 0 32px;
}
.page-products-list .page-products-sort {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.page-products-list .page-products-sort label {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-right: 1rem;
}
.page-products-list .page-products-sort .form-select {
  width: 203px;
  height: 36px;
}

@media (max-width: 992px) {
  .page-products-list {
    width: 100%;
    margin: auto;
    display: flex;
  }
  .page-products-list .page-products-sort {
    width: 100;
    margin-left: 0;
    margin-right: auto;
    display: flex;
    align-items: start;
    flex-direction: column;
  }
  .page-products-list .page-products-sort label {
    font-size: 1rem;
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .page-products-list .page-products-sort .form-select {
    width: 203px;
    height: 36px;
  }
}
.account-page-content {
  width: 88.40579%;
  margin: auto;
  padding: 68px 0 96px;
}

.menu-web-list {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
.menu-web-list > .accordion-item {
  width: 15.9375vw;
  max-width: 306px;
  min-width: 230px;
}
.menu-web-list > .accordion-item > .accordion-button {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #3f444b;
  padding: 20px 28px;
}
.menu-web-list > .accordion-item > .accordion-button > svg {
  margin-right: 1rem;
}
.menu-web-list > .accordion-item > .accordion-button::after {
  display: none;
}
.menu-web-list > .accordion-item > .accordion-button.active {
  background-color: #000000;
  color: #fff;
}
.menu-web-list > .accordion-item > .accordion-button:hover {
  background-color: #000000;
  color: #fff;
}

.menu-phone-list {
  margin-bottom: 3rem;
}
.menu-phone-list .accordion-item .accordion-button {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #3f444b;
  padding: 20px 24px;
}
.menu-phone-list .accordion-item .accordion-button i {
  color: #fff;
  margin-left: auto;
}
.menu-phone-list .accordion-item .accordion-button svg {
  margin-right: 5.5px;
}
.menu-phone-list .accordion-item .accordion-button.phone-title {
  background-color: #000000;
  color: #fff;
}

.section-account-container {
  width: 84%;
  padding-left: 3rem;
}
.section-account-container .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.section-account-container h1 {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #000000;
}
.section-account-container h1::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #eae8e8;
  margin-top: 2rem;
}
.section-account-container > aside {
  display: block;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #3f444b;
  margin: 2rem 0;
}
.section-account-container h2 {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #2d3540;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.section-account-container h2::before {
  content: "";
  display: block;
  width: 6px;
  height: 32px;
  background-color: #2d3540;
  margin-right: 0.5rem;
}

.account-status-lists {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 64px;
}
.account-status-lists .account-status-item {
  display: flex;
  flex-direction: column;
  padding: 20px 40px;
  border: 1px solid #949394;
  border-radius: 6px;
}
.account-status-lists .account-status-item .status-icon {
  width: 2rem;
  margin-bottom: 1.5rem;
}
.account-status-lists .account-status-item .status-icon img {
  width: 100%;
  vertical-align: middle;
}
.account-status-lists .account-status-item > h3 {
  font-size: 16px;
  font-weight: 400;
  color: #3f444b;
  margin-bottom: 20px;
}
.account-status-lists .account-status-item > p {
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #3f444b;
}
.account-status-lists .account-status-item > p > span {
  font-size: 16px;
}

.link-copy-item {
  margin-bottom: 4rem;
}
.link-copy-item > input {
  border-radius: 6px;
  border: 1px solid #949394;
  height: 60px;
  text-indent: 1em;
  color: #949394;
  font-size: 16px;
  font-weight: 400;
  width: 0;
  flex-grow: 1;
}
.link-copy-item > button {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  border: none;
  padding: 18px 23px;
  background-color: #b4926a;
  border-radius: 6px;
  margin-left: 0.5rem;
}
.link-copy-item .link-copy-pic {
  width: 22px;
  margin-right: 8px;
}
.link-copy-item .link-copy-pic img {
  width: 100%;
  vertical-align: middle;
}

.account-order-item {
  border-radius: 0 0 6px 6px;
  text-decoration: none;
  display: block;
}
.account-order-item + .account-order-item {
  margin-top: 16px;
}
.account-order-item:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.account-order-lists .account-order-title {
  border-radius: 6px 6px 0 0;
  background-color: #eae8e8;
  padding: 20px 28px;
}
.account-order-lists .account-order-title > span {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  display: block;
  color: #000000;
}
.account-order-lists .account-order-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.account-order-lists .account-order-content .order-content-item:nth-child(1) p:nth-child(1) {
  margin-bottom: 10px;
}
.account-order-lists .account-order-content .order-content-item + .order-content-item {
  margin-left: 80px;
}
.account-order-lists .account-order-content .order-content-item p {
  font-size: 16px;
  font-weight: 400;
  color: #3f444b;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.account-order-lists .account-order-content .order-content-item p span {
  font-size: 14px;
  padding: 2px 9px;
  background-color: #3f444b;
  color: #fff;
  border-radius: 20px;
}
.account-order-lists .account-order-profile {
  display: flex;
  align-items: center;
  padding: 24px 28px;
}
.account-order-lists .account-order-profile .account-order-pic {
  width: 86px;
  margin-right: 16.985138%;
}
.account-order-lists .account-order-profile .account-order-pic img {
  width: 100%;
  vertical-align: middle;
}

@media (max-width: 1400px) {
  .account-status-lists {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 992px) {
  .account-page-content {
    padding: 24px 0 96px;
  }
  .section-account-container {
    width: 100%;
    padding-left: 0rem;
  }
  .section-account-container h1 {
    font-size: 22px;
  }
  .section-account-container h1::after {
    margin-top: 1.5rem;
  }
  .section-account-container > aside {
    font-size: 15px;
    margin: 1.5rem 0 3rem;
  }
  .section-account-container h2 {
    font-size: 18px;
  }
  .section-account-container h2::before {
    width: 6px;
    height: 29px;
    margin-right: 12px;
  }
  .account-status-lists {
    width: 87.1345%;
    margin: auto;
    gap: 1rem;
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 56px;
  }
  .account-status-lists .account-status-item {
    padding: 24px 41px;
  }
  .account-status-lists .account-status-item .status-icon {
    width: 2rem;
    margin-bottom: 1.5rem;
  }
  .account-status-lists .account-status-item .status-icon img {
    width: 100%;
    vertical-align: middle;
  }
  .account-status-lists .account-status-item > h3 {
    font-size: 15px;
  }
  .account-status-lists .account-status-item > p {
    font-size: 30px;
  }
  .account-status-lists .account-status-item > p > span {
    font-size: 15px;
  }
  .account-order-lists .account-order-title {
    padding: 1rem 24px;
  }
  .account-order-lists .account-order-title > span {
    font-size: 15px;
  }
  .account-order-lists .account-order-content {
    width: 100%;
  }
  .account-order-lists .account-order-content .order-content-item + .order-content-item {
    margin-left: 0px;
  }
  .account-order-lists .account-order-content .order-content-item p {
    font-size: 15px;
  }
  .account-order-lists .account-order-profile {
    padding: 24px 24px;
  }
  .account-order-lists .account-order-profile .account-order-pic {
    flex-shrink: 0;
    width: 56px;
    margin-right: 24px;
  }
}
.accordion-button::after {
  display: none;
}

.section-order-box {
  padding-top: 2rem;
}
.section-order-box .nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 1rem;
}
.section-order-box .nav-pills .nav-link {
  border-radius: 0;
  color: #3f444b;
  padding: 0;
  padding-bottom: 1rem;
  width: 100%;
}
.section-order-box .nav-pills .nav-link:hover {
  color: #3f444b;
  border-bottom: 2px solid #3f444b;
}
.section-order-box .nav-pills .nav-link.active {
  color: #3f444b;
  border-bottom: 2px solid #3f444b;
  background-color: transparent;
}

@media (max-width: 992px) {
  .section-order-box {
    padding-top: 15px;
  }
  .section-order-box .nav {
    margin-bottom: 1.5rem;
  }
}
.account-member-point {
  padding-top: 2rem;
}
.account-member-point.bonus h3 {
  margin-bottom: 0;
}
.account-member-point h3 {
  font-size: 20px;
  font-weight: 400;
  color: #3f444b;
  letter-spacing: 0.05em;
  margin-bottom: 48px;
}

.activity-table {
  width: 100%;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}
.activity-table th,
.activity-table td {
  border: 1px solid #eae8e8;
  text-align: left;
  padding: 20px 28px;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  font-size: 16px;
  font-weight: 400;
  color: #3f444b;
  letter-spacing: 0.05em;
}
.activity-table th:last-child {
  text-align: center;
}
.activity-table thead {
  background-color: #eae8e8;
  font-size: 16px;
  font-weight: 400;
  color: #3f444b;
  letter-spacing: 0.05em;
}
.activity-table tbody tr td {
  vertical-align: top;
  white-space: nowrap;
  padding: 24px 28px;
  font-size: 16px;
  font-weight: 400;
  color: #3f444b;
  letter-spacing: 0.05em;
  line-height: 1.6;
  vertical-align: middle;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
.activity-table tbody tr td > span {
  display: block;
  font-size: 15px;
  color: #949394;
  width: -moz-fit-content;
  width: fit-content;
}
.activity-table tbody tr td > aside {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #949394;
}
.activity-table tbody tr td:first-child {
  width: 80%;
  border-right: none;
}
.activity-table tbody tr td:last-child {
  text-align: center;
  width: 20%;
  font-weight: 500;
  font-size: 20px;
  color: #000000;
  border-left: none;
}

.account-title-item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 24px;
}

.account-bank-btn {
  padding: 14px 25px;
  background-color: #b4926a;
  border-radius: 6px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  border: none;
}

.suggest-item {
  display: flex;
  align-items: center;
}
.suggest-item .suggest-pic {
  width: 64px;
  margin-right: 1rem;
}
.suggest-item .suggest-pic img {
  width: 100%;
  vertical-align: middle;
}
.suggest-item span {
  font-size: 18px;
  color: #3f444b;
  font-weight: 400;
  letter-spacing: 0.05em;
}

@media (max-width: 992px) {
  .account-member-point {
    padding-top: 0px;
  }
  .account-member-point h3 {
    font-size: 18px;
    margin-top: 24px;
  }
  .activity-table {
    width: 100%;
  }
  .activity-table th,
  .activity-table td {
    border: 1px solid #ddd;
    text-align: left;
    padding: 10px;
  }
  .activity-table thead {
    background-color: #eae8e8;
    font-size: 16px;
    font-weight: 400;
    color: #3f444b;
    letter-spacing: 0.05em;
  }
  .activity-table tbody tr td {
    padding: 24px 24px;
    font-size: 15px;
  }
  .activity-table tbody tr td > span {
    font-size: 14px;
  }
  .activity-table tbody tr td:first-child {
    width: 63%;
  }
  .activity-table tbody tr td:last-child {
    width: 37%;
  }
  .account-title-item {
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 48px;
    align-items: flex-start;
  }
  .account-title-item h3 {
    margin-top: 24px;
  }
  .account-bank-btn {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .activity-table {
    width: 100%;
  }
  .activity-table tbody tr td {
    padding: 16px 16px;
  }
  .activity-table tbody tr td:last-child {
    font-size: 16px;
  }
}
.section-account-bank {
  padding-top: 32px;
}
.section-account-bank p {
  font-size: 16px;
  font-weight: 400;
  color: #3f444b;
  line-height: 1.4;
}
.section-account-bank .account-bank-form {
  margin-top: 48px;
  margin-bottom: 6rem;
}
.section-account-bank .account-bank-form .bank-form-item {
  display: flex;
  flex-direction: column;
}
.section-account-bank .account-bank-form .bank-form-item + .bank-form-item {
  margin-top: 24px;
}
.section-account-bank .account-bank-form .bank-form-item label {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #3f444b;
  margin-bottom: 1rem;
}
.section-account-bank .account-bank-form .bank-form-item input,
.section-account-bank .account-bank-form .bank-form-item select {
  width: 100%;
  height: 60px;
  border: 1px solid #949394;
  border-radius: 6px;
  text-indent: 1.5em;
  letter-spacing: 0.05em;
}
.section-account-bank .account-bank-form .bank-form-item input::-moz-placeholder, .section-account-bank .account-bank-form .bank-form-item select::-moz-placeholder {
  color: #949394;
}
.section-account-bank .account-bank-form .bank-form-item input::placeholder,
.section-account-bank .account-bank-form .bank-form-item select::placeholder {
  color: #949394;
}

.bank-sumit-btn {
  border: none;
  border-radius: 6px;
  color: #fff;
  padding: 22px 40px;
  background-color: #b4926a;
}

@media (max-width: 992px) {
  .section-account-bank {
    padding-top: 24px;
  }
  .section-account-bank p {
    font-size: 15px;
  }
  .section-account-bank .account-bank-form {
    margin-top: 46px;
    margin-bottom: 24px;
  }
  .section-account-bank .account-bank-form .bank-form-item + .bank-form-item {
    margin-top: 24px;
  }
  .section-account-bank .account-bank-form .bank-form-item label {
    font-size: 15px;
    margin-bottom: 1rem;
  }
  .section-account-bank .account-bank-form .bank-form-item input,
  .section-account-bank .account-bank-form .bank-form-item select {
    height: 51px;
  }
  .bank-sumit-btn {
    width: 100%;
    padding: 17.5px 40px;
  }
}
.account-profile-lists {
  padding-top: 4rem;
}
.account-profile-lists h2 {
  font-size: 20px;
  font-weight: 400;
  color: #2d3540;
  letter-spacing: 0.05em;
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
}
.account-profile-lists h2::before {
  content: "";
  display: block;
  width: 6px;
  height: 32px;
  background-color: #2d3540;
  margin-right: 8.5px;
}
.account-profile-lists .account-profile-item {
  display: flex;
  flex-direction: column;
}
.account-profile-lists .account-profile-item label {
  font-size: 16px;
  font-weight: 400;
  color: #3f444b;
  margin-bottom: 1rem;
}
.account-profile-lists .account-profile-item input {
  width: 100%;
  height: 60px;
  border-radius: 6px;
  text-indent: 1.5rem;
  border: 1px solid #949394;
  font-size: 16px;
}
.account-profile-lists .account-profile-item input:focus-visible {
  outline: none;
}
.account-profile-lists .account-profile-item input[type=password] {
  letter-spacing: 2px;
  color: #b4926a;
  font-size: 16px;
}
.account-profile-lists .account-profile-item input::-moz-placeholder {
  color: #949394;
}
.account-profile-lists .account-profile-item input::placeholder {
  color: #949394;
}
.account-profile-lists .account-profile-item + .account-profile-item {
  margin-top: 1.5rem;
}
.account-profile-lists .account-profile-item .password-item {
  display: flex;
  align-items: center;
}
.account-profile-lists .account-profile-item .password-item > input {
  border-radius: 6px 0 0 6px;
  flex-grow: 1;
  border-right: none;
}
.account-profile-lists .account-profile-item .password-item > input:focus-visible {
  outline: none;
}
.account-profile-lists .account-profile-item .password-item > button {
  flex-shrink: 0;
  background-color: #fff;
  border: 1px solid #949394;
  border-left: none;
  width: 78px;
  height: 60px;
  border-radius: 0 6px 6px 0;
  display: flex;
}
.account-profile-lists .account-profile-item .password-item > button img {
  width: 22px;
  margin: auto;
}
.account-profile-lists .account-profile-btn {
  border: none;
  color: #fff;
  padding: 22px 40.5px;
  background-color: #b4926a;
  border-radius: 6px;
  margin-top: 4rem;
}

@media (max-width: 992px) {
  .account-profile-lists {
    padding-top: 4rem;
  }
  .account-profile-lists h2 {
    font-size: 20px;
    font-weight: 400;
    color: #2d3540;
    letter-spacing: 0.05em;
    margin-bottom: 3rem;
    display: flex;
    align-items: center;
  }
  .account-profile-lists h2::before {
    content: "";
    display: block;
    width: 6px;
    height: 32px;
    background-color: #2d3540;
    margin-right: 8.5px;
  }
  .account-profile-lists .account-profile-item {
    display: flex;
    flex-direction: column;
  }
  .account-profile-lists .account-profile-item label {
    font-size: 16px;
    font-weight: 400;
    color: #3f444b;
    margin-bottom: 1rem;
  }
  .account-profile-lists .account-profile-item input {
    height: 51px;
    font-size: 15px;
  }
  .account-profile-lists .account-profile-item input:focus-visible {
    outline: none;
  }
  .account-profile-lists .account-profile-item .password-item > button {
    height: 51px;
  }
  .account-profile-lists .account-profile-item .password-item > button img {
    width: 20px;
  }
  .account-profile-lists .account-profile-btn {
    width: 100%;
    padding: 20px 0px;
    margin-top: 3rem;
  }
}
.confirm-cart-main {
  width: 83.101851%;
  margin: auto;
}
.confirm-cart-main > span {
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin-left: auto;
  margin-top: 24px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #949394;
}
.confirm-cart-main .confirm-step-card {
  padding: 60px 0 0;
  width: 60.68773%;
  margin: auto;
}
.confirm-cart-main .confirm-step-card .confirm-step-pic {
  width: 111px;
  border-radius: 60px;
}
.confirm-cart-main .confirm-step-card .confirm-step-pic img {
  width: 100%;
  vertical-align: auto;
}
.confirm-cart-main .confirm-step-card .confirm-step-pic .confirm-step-txt {
  top: calc(100% + 24px);
  left: 0;
  right: 0;
}
.confirm-cart-main .confirm-step-card .confirm-step-pic .confirm-step-txt > p {
  margin: auto;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  color: #3f444b;
  line-height: 1.3;
}
.confirm-cart-main .confirm-step-card .confirm-step-pic .confirm-step-txt > p > span {
  font-size: 16px;
  font-weight: 400;
}
.confirm-cart-main .confirm-step-card .step-line {
  width: 0;
  flex-grow: 1;
  height: 1px;
  background-color: #eae8e8;
}

.cart-header {
  display: flex;
  align-items: center;
  background-color: #eae8e8;
  padding: 20px 28px;
  font-weight: 400;
  font-size: 16px;
  border-radius: 6px 6px 0 0;
}
.cart-header span {
  flex: 0 0 auto;
  text-align: center;
  padding: 0 10px;
}
.cart-header span:first-child {
  flex: 0 0 57%;
  text-align: left;
}
.cart-header span:nth-child(2), .cart-header span:last-child {
  flex: 0 0 20%;
  text-align: center;
}

.cart-item {
  padding: 24px 28px;
  border-bottom: 1px solid #eae8e8;
  justify-content: space-between;
}
.cart-item .cart-qty-price,
.cart-item .cart-detail {
  display: flex;
  align-items: center;
}
.cart-item .cart-item-pic {
  width: 86px;
  margin-right: 2rem;
  flex-shrink: 0;
}
.cart-item .cart-item-pic img {
  width: 100%;
  vertical-align: middle;
}
.cart-item .cart-item-name {
  font-size: 16px;
  font-weight: 400;
  color: #3f444b;
  line-height: 1.4;
}
.cart-item .input-group {
  margin-left: 0;
  width: 7.96875vw;
  max-width: 153px;
  min-width: 140px;
  transform: translateX(-15px);
}
.cart-item .cart-item-price {
  font-size: 16px;
  font-weight: 400;
  color: #3f444b;
  letter-spacing: 0.05em;
  margin-left: 3.6458vw;
}
.cart-item .cart-item-del {
  width: 24px;
  height: 24px;
  background-image: url(../../src/web/icon/delete.png);
  background-size: cover;
  margin-left: 70px;
}
.cart-item .cart-item-del:hover {
  background-image: url(../../src/web/icon/blackdel.png);
}
.cart-item .cart-item-del img {
  width: 100%;
  vertical-align: middle;
}

.input-group {
  border: 1px solid #949394;
}
.input-group input {
  border: none;
}
.input-group .input-group-text {
  border-radius: 0;
  padding: 15px;
  border: none;
  background-color: #fff;
}

.confirm-cart-lists {
  padding-top: 156px;
}

@media (max-width: 1600px) {
  .confirm-cart-main .confirm-step-card {
    width: 90%;
  }
  .cart-header {
    padding: 16px 24px;
    font-size: 15px;
  }
  .cart-header span:nth-child(2), .cart-header span:last-child {
    display: none;
  }
  .cart-item .cart-item-pic {
    width: 88px;
    margin-right: 24px;
    margin-bottom: 16px;
  }
  .cart-item .cart-item-name {
    font-size: 15px;
    margin-bottom: 16px;
    width: 65%;
  }
  .cart-item .input-group {
    width: 116px;
    transform: translateX(0);
    height: 44px;
  }
  .cart-item .cart-item-price {
    font-size: 15px;
    margin-left: auto;
  }
  .cart-item .cart-item-del {
    width: 16px;
    height: 16px;
    margin-left: 10%;
  }
  .input-group .input-group-text {
    padding: 11px;
  }
}
@media (max-width: 992px) {
  .confirm-cart-lists {
    padding-top: 0px;
  }
  .confirm-cart-main {
    width: 100%;
  }
  .confirm-cart-main .confirm-step-card {
    padding: 0;
    width: 93.44262%;
    margin-bottom: 114px;
  }
  .confirm-cart-main .confirm-step-card .confirm-step-pic {
    width: 56px;
  }
  .confirm-cart-main .confirm-step-card .confirm-step-pic .confirm-step-txt {
    top: calc(100% + 16px);
    left: 0;
    right: 0;
    width: 150%;
    transform: translateX(-17%);
  }
  .confirm-cart-main .confirm-step-card .confirm-step-pic .confirm-step-txt > p {
    font-size: 15px;
  }
  .confirm-cart-main .confirm-step-card .confirm-step-pic .confirm-step-txt > p > span {
    font-size: 14px;
    white-space: nowrap;
  }
  .cart-item .cart-qty-price,
  .cart-item .cart-detail {
    width: 100%;
  }
  .cart-item .cart-item-pic {
    width: 56px;
  }
  .cart-item .cart-item-name {
    font-size: 15px;
  }
  .cart-item .cart-item-box {
    width: 100%;
    display: flex;
    align-items: center;
  }
}
.section-offers-pickup {
  padding-top: 156px;
}
.section-offers-pickup h2 {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #000;
}
.section-offers-pickup h2.second {
  margin-top: 64px;
}
.section-offers-pickup h2::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #eae8e8;
  margin: 2rem 0;
}
.section-offers-pickup h3 {
  font-size: 20px;
  font-weight: 400;
  color: #3f444b;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.section-offers-pickup h3::before {
  content: "";
  display: block;
  width: 6px;
  height: 32px;
  margin-right: 12px;
  background-color: #000;
}
.section-offers-pickup .offers-pickup-item.vertical .form-check + .form-check {
  margin-top: 24px;
  margin-left: 0.5em;
}
.section-offers-pickup .offers-pickup-item .form-check {
  transform: translateX(1em);
  padding: 0;
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.section-offers-pickup .offers-pickup-item .form-check + .form-check {
  margin-left: 2rem;
}
.section-offers-pickup .offers-pickup-item .form-check .form-check-input:checked {
  border: #000;
  background-color: #000;
}
.section-offers-pickup .offers-pickup-item label {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #3f444b;
  margin-left: 8px;
}
.section-offers-pickup .offers-pickup-item label > span {
  border-bottom: 1px solid #000;
}

.offers-pickup-discount {
  margin: 1rem 0 4rem;
}
.offers-pickup-discount input {
  width: 0;
  flex-grow: 1;
  height: 60px;
  margin-right: 0.5rem;
  border-radius: 6px;
  border: 1px solid #949394;
  text-indent: 1em;
}
.offers-pickup-discount input::-moz-placeholder {
  text-indent: 1.5em;
  color: #949394;
}
.offers-pickup-discount input::placeholder {
  text-indent: 1.5em;
  color: #949394;
}
.offers-pickup-discount button {
  border: none;
  display: block;
  font-size: 16px;
  font-weight: 400;
  background-color: #b4926a;
  color: #fff;
  border-radius: 6px;
  padding: 22px 56px;
}

.offers-pickup-body {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
}
.offers-pickup-body button {
  width: 306px;
  display: block;
  border: none;
  background-color: #000;
  padding: 18.5px 100px;
  color: #fff;
  margin-bottom: 1.5rem;
}
.offers-pickup-body span {
  font-size: 16px;
  color: #949394;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.4;
}

.form-check-input:focus {
  box-shadow: none;
}

.form-check-input {
  width: 18px;
  height: 18px;
}

.shop-cart-result {
  padding: 2rem 0 1rem;
  border-top: 1px solid #eae8e8;
  margin-top: 3rem;
}
.shop-cart-result .cart-result-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shop-cart-result .cart-result-item + .cart-result-item {
  margin-top: 1rem;
}
.shop-cart-result .cart-result-item > span {
  font-size: 16px;
  font-weight: 400;
  color: #949394;
  line-height: 1.6;
}
.shop-cart-result .cart-result-item.result {
  border-top: 1px solid #eae8e8;
  padding-top: 1rem;
}
.shop-cart-result .cart-result-item.result > span {
  font-size: 17px;
  font-weight: 500;
  color: #000;
}
.shop-cart-result .cart-result-btn {
  margin-top: 4rem;
  border: none;
  background-color: #000;
  color: #fff;
  padding: 22px 0;
  width: 100%;
  border-radius: 6px;
}

.order-list-carts {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 2rem;
  border: 1px solid #b6b6b6;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  min-width: 1039px;
}
.order-list-carts thead {
  background-color: #eae8e8;
}
.order-list-carts thead th {
  padding: 18px 28px;
  border-top: none;
}
.order-list-carts thead th:first-child {
  border-left: none;
  border-top-left-radius: 6px;
}
.order-list-carts thead th:last-child {
  border-right: none;
  border-top-right-radius: 6px;
}
.order-list-carts th,
.order-list-carts td {
  text-align: left;
  border-bottom: 1px solid #b6b6b6;
  border-right: 1px solid #b6b6b6;
  vertical-align: middle;
  color: #3f444b;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.order-list-carts th:first-child,
.order-list-carts td:first-child {
  border-left: none;
}
.order-list-carts th:last-child,
.order-list-carts td:last-child {
  border-right: none;
}
.order-list-carts td {
  padding: 13px 16px;
}
.order-list-carts td.right {
  text-align: right;
}
.order-list-carts .product-cell {
  display: flex;
  align-items: center;
  gap: 16px;
}
.order-list-carts .product-cell > span {
  font-size: 16px;
  color: #3f444b;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.order-list-carts .product-cell .product-image {
  width: 86px;
  height: 86px;
  aspect-ratio: 1/1;
}
.order-list-carts .product-cell .product-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
}
.order-list-carts tbody tr td:first-child {
  padding: 13.5px 28px;
}
.order-list-carts tbody tr:last-child td {
  border-bottom: none;
}
.order-list-carts tbody tr:last-child td.total-row {
  font-weight: bold;
}

.carts-box {
  overflow-x: scroll;
}
.carts-box::-webkit-scrollbar {
  display: none;
}

.order-list-backbtn {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  border-radius: 6px;
  border: none;
  background-color: #000;
  color: #fff;
  padding: 22px;
  width: 100%;
  margin-top: 64px;
}

@media (max-width: 992px) {
  .section-offers-pickup {
    padding-top: 0px;
  }
  .section-offers-pickup.pickup-1 {
    padding-top: 64px;
  }
  .section-offers-pickup h2 {
    font-size: 22px;
  }
  .section-offers-pickup h2::after {
    margin: 24px 0;
  }
  .section-offers-pickup h2.second {
    margin-top: 56px;
  }
  .section-offers-pickup h3 {
    font-size: 18px;
    margin-bottom: 2rem;
  }
  .section-offers-pickup h3::before {
    height: 29px;
    margin-right: 8px;
  }
  .section-offers-pickup .offers-pickup-item.vertical .form-check + .form-check {
    margin-top: 26px;
    margin-left: 0.5em;
  }
  .section-offers-pickup .offers-pickup-item .form-check {
    margin-left: 8px;
  }
  .section-offers-pickup .offers-pickup-item .form-check + .form-check {
    margin-left: 24px;
  }
  .section-offers-pickup .offers-pickup-item label {
    font-size: 15px;
    margin-left: 8px;
    line-height: 1.4;
  }
  .shop-cart-result {
    padding: 2rem 0 1rem;
    margin-top: 56px;
  }
  .shop-cart-result .cart-result-item > span {
    font-size: 16px;
  }
  .shop-cart-result .cart-result-btn {
    margin-top: 56px;
  }
  .offers-pickup-discount {
    margin: 24px 0 56px;
  }
  .offers-pickup-discount input {
    height: 51px;
    margin-right: 0.5rem;
  }
  .offers-pickup-discount button {
    font-size: 15px;
    padding: 20px 28px;
  }
  .order-list-carts {
    margin-top: 2rem;
  }
  .order-list-carts thead th {
    padding: 18px 24px;
    border-top: none;
  }
  .order-list-carts th,
  .order-list-carts td {
    font-size: 15px;
  }
  .order-list-carts .product-cell > span {
    font-size: 15px;
  }
  .order-list-carts .product-cell .product-image {
    width: 56px;
    height: 56px;
  }
  .order-list-carts tbody tr td:first-child {
    padding: 20px 28px;
  }
  .order-list-carts tbody tr:last-child td {
    border-bottom: none;
  }
  .order-list-carts tbody tr:last-child td.total-row {
    font-weight: bold;
  }
  .order-list-backbtn {
    padding: 20px;
    margin-top: 54px;
  }
}
.form-check-input:checked {
  border: #000;
  background-color: #000;
}

.order-profile + .order-profile {
  margin-top: 96px;
}

.order-profile-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.order-profile-box + .order-profile-box {
  margin-top: 24px;
}

.order-profile-item {
  display: flex;
  flex-direction: column;
  width: 48.839368%;
}
.order-profile-item > input {
  width: 100%;
  height: 60px;
  border-radius: 6px;
  border: 1px solid #949394;
  text-indent: 1.5em;
}
.order-profile-item > label {
  font-size: 16px;
  font-weight: 400;
  color: #3f444b;
  margin-bottom: 1rem;
  letter-spacing: 0.05em;
}
.order-profile-item > label span {
  color: #d9534f;
}
.order-profile-item.gender {
  flex-direction: row;
  align-items: center;
}
.order-profile-item.gender .gender-item {
  transform: translateY(0.8em);
}
.order-profile-item.gender .gender-item + .gender-item {
  margin-left: 2rem;
}
.order-profile-item.gender .gender-item > label {
  margin-bottom: 0rem;
  margin-right: 8px;
  font-size: 16px;
  font-weight: 400;
  color: #3f444b;
}
.order-profile-item.address {
  width: 100%;
}
.order-profile-item.address > select {
  width: 49.5%;
  margin-bottom: 1rem;
  height: 67px;
  border-radius: 6px;
  border: 1px solid #949394;
}
.order-profile-item.address > input {
  width: 100%;
}

.form-check-input {
  width: 16px;
  height: 16px;
  margin-top: 0;
  border: 1px solid #000;
}
.form-check-input:checked {
  border: #000;
  background-color: #000;
}

.order-profile-check {
  margin-bottom: 2rem;
}
.order-profile-check input {
  margin-right: 8px;
  border: 1px solid #949394;
  width: 16px;
  height: 16px;
}
.order-profile-check label {
  font-size: 15px;
  font-weight: 400;
  color: #3f444b;
}

.order-profile-textarea {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.order-profile-textarea label {
  font-size: 15px;
  font-weight: 400;
  color: #3f444b;
  margin-bottom: 1rem;
}
.order-profile-textarea textarea {
  text-indent: 1em;
}

.order-bill {
  padding: 96px 0;
}
.order-bill .order-bill-checkbody {
  padding-top: 32px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.order-bill .order-bill-item .form-check label {
  font-size: 16px;
  font-weight: 400;
  color: #3f444b;
  letter-spacing: 0.05em;
}
.order-bill .order-bill-item .form-check label span {
  color: #d9534f;
}
.order-bill .order-bill-item .form-check + .form-check {
  margin-top: 24px;
}
.order-bill .bill-checkbody-item {
  display: flex;
  flex-direction: column;
  width: 48.839368%;
}
.order-bill .bill-checkbody-item label {
  font-size: 16px;
  font-weight: 400;
  color: #3f444b;
  margin-bottom: 1rem;
}
.order-bill .bill-checkbody-item label span {
  color: #d9534f;
}
.order-bill .bill-checkbody-item > input {
  width: 100%;
  height: 67px;
  border-radius: 6px;
  border: 1px solid #949394;
}

.order-pay-methods .form-check .form-check-input {
  transform: translateY(5px);
}
.order-pay-methods .form-check label {
  font-size: 16px;
  font-weight: 400;
  color: #3f444b;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.order-pay-methods .form-check label > span {
  color: #949394;
}
.order-pay-methods .form-check + .form-check {
  margin-top: 24px;
}

.order-summit-btns {
  padding-top: 64px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.order-summit-btns button {
  border: none;
  background-color: #000000;
  color: #fff;
  padding: 21px 0;
  width: 48.839368%;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.order-summit-btns button.summit-back {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

.order-list-staus {
  width: 100%;
  border: 1px solid #949394;
}
.order-list-staus h2 {
  font-size: 40px;
}
.order-list-staus tr td {
  border: 1px solid #949394;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  padding: 20px 28px;
}
.order-list-staus tr td:first-child {
  width: 22%;
  background-color: #eae8e8;
}
.order-list-staus tr td:last-child {
  width: 78%;
}

@media (max-width: 992px) {
  .order-profile-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .order-profile-box + .order-profile-box {
    margin-top: 24px;
  }
  .order-profile-item {
    width: 100%;
  }
  .order-profile-item + .order-profile-item {
    margin-top: 10px;
  }
  .order-profile-item > input {
    height: 51px;
  }
  .order-profile-item > label {
    font-size: 15px;
  }
  .order-profile-item.gender {
    flex-direction: row;
    align-items: center;
  }
  .order-profile-item.gender .gender-item {
    transform: translateY(0.3em);
  }
  .order-profile-item.gender .gender-item + .gender-item {
    margin-left: 24px;
  }
  .order-profile-item.gender > label {
    margin-right: 6px;
  }
  .order-profile-item.address {
    width: 100%;
  }
  .order-profile-item.address > select {
    width: 100%;
    height: 51px;
    margin-bottom: 10px;
  }
  .order-profile-item.address > input {
    width: 100%;
  }
  .order-bill {
    padding: 56px 0;
  }
  .order-bill .order-bill-checkbody {
    padding-top: 32px;
    width: 100%;
  }
  .order-bill .order-bill-item .form-check label {
    font-size: 15px;
  }
  .order-bill .bill-checkbody-item {
    width: 100%;
  }
  .order-bill .bill-checkbody-item + .bill-checkbody-item {
    margin-top: 24px;
  }
  .order-bill .bill-checkbody-item label {
    font-size: 15px;
  }
  .order-bill .bill-checkbody-item > input {
    width: 100%;
    height: 51px;
  }
  .order-pay-methods .form-check .form-check-input {
    transform: translateY(5px);
  }
  .order-pay-methods .form-check label {
    font-size: 15px;
  }
  .order-pay-methods .form-check label > span {
    display: block;
    width: 100%;
  }
  .order-pay-methods .form-check + .form-check {
    margin-top: 28px;
  }
  .order-summit-btns {
    padding-top: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .order-summit-btns button {
    padding: 18px 0;
    width: 100%;
    font-size: 15px;
  }
  .order-summit-btns button + button {
    margin-top: 8px;
  }
  .order-summit-btns button button {
    margin-top: 16px;
  }
  .order-summit-btns button.summit-back {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
  }
  .order-list-staus.second {
    margin-top: 56px;
  }
  .order-list-staus tr td {
    font-size: 15px;
    padding: 20px 20px;
  }
  .order-list-staus tr td:first-child {
    width: 35%;
  }
  .order-list-staus tr td:last-child {
    width: 65%;
  }
}
.form-select:focus {
  box-shadow: none;
}

.page-questions-main {
  width: 83.02469%;
  margin: auto;
}
.page-questions-main .page-questions-lists + .page-questions-lists {
  padding-top: 2rem;
}
.page-questions-main .page-questions-lists > h2 {
  font-size: 30px;
  font-weight: 500;
  color: #000;
  letter-spacing: 0.05em;
  margin-bottom: 2rem;
}
.page-questions-main .page-questions-lists > .accordion {
  border-radius: 6px;
  border: 1px solid #949394;
  background-color: aliceblue;
}
.page-questions-main .page-questions-lists .accordion-item .accordion-button {
  padding: 24px 28px;
  font-size: 16px;
  font-weight: 500;
  color: #2d3540;
  letter-spacing: 0.05em;
}
.page-questions-main .page-questions-lists .accordion-item .accordion-button::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-size: cover;
  color: #000;
  background-image: url(../../src/web/icon/cross.png);
}
.page-questions-main .page-questions-lists .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url(../../src/web/icon/dash.png);
  transform: rotate(0deg);
}
.page-questions-main .page-questions-lists .accordion-item .accordion-body {
  padding: 22px 28px;
}
.page-questions-main .page-questions-lists .accordion-item .accordion-body > p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
  letter-spacing: 0.05em;
}
.page-questions-main .page-questions-lists .page-questions-item + .page-questions-item {
  margin-top: 1rem;
}
.page-questions-main .page-questions-lists .accordion-item:first-of-type .accordion-button {
  border-radius: 6px;
}

@media (max-width: 992px) {
  .page-questions-main {
    width: 100%;
  }
  .page-questions-main .page-questions-lists {
    padding-top: 0rem;
  }
  .page-questions-main .page-questions-lists + .page-questions-lists {
    padding-top: 20px;
  }
  .page-questions-main .page-questions-lists > h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .page-questions-main .page-questions-lists .accordion-item .accordion-button {
    padding: 24px 28px;
    font-size: 15px;
  }
  .page-questions-main .page-questions-lists .accordion-item .accordion-body {
    padding: 0 24px 28px;
  }
  .page-questions-main .page-questions-lists .accordion-item .accordion-body > p {
    font-size: 14px;
  }
  .page-questions-main .page-questions-lists .page-questions-item + .page-questions-item {
    margin-top: 10px;
  }
}
.return-policy-page {
  padding: 64px 0 96px;
}
.return-policy-page .return-policy-main {
  width: 56.0416666%;
  margin: auto;
}
.return-policy-page .return-policy-main h1 {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #000;
}
.return-policy-page .return-policy-main h1::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #eae8e8;
  margin: 2rem 0;
}
.return-policy-page .return-policy-main h2 {
  font-size: 20px;
  margin: 1.2em 0;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #3f444b;
}
.return-policy-page .return-policy-main p {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #3f444b;
  line-height: 1.8;
}
.return-policy-page .return-policy-main p > span {
  color: #d9534f;
}
.return-policy-page .return-policy-main ul li {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #000;
  line-height: 1.8;
}

@media (max-width: 992px) {
  .return-policy-page {
    padding: 32px 0 96px;
  }
  .return-policy-page .return-policy-main {
    width: 88.4057971%;
  }
  .return-policy-page .return-policy-main h1 {
    font-size: 24px;
  }
  .return-policy-page .return-policy-main h1::after {
    margin: 2rem 0;
  }
  .return-policy-page .return-policy-main h2 {
    font-size: 18px;
  }
  .return-policy-page .return-policy-main p {
    font-size: 15px;
  }
  .return-policy-page .return-policy-main ul li {
    font-size: 15px;
  }
}
.gallery-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.gallery-main {
  width: 100%;
  max-width: 502px;
}

.thumbs-container {
  height: 500px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.thumb-item {
  width: 100%;
  aspect-ratio: 1/1;
  max-width: 82px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.3s;
}
.thumb-item.active {
  opacity: 1;
}
.thumb-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper-slide img {
  width: 100%;
}

.section-products-inner {
  padding: 64px 0 96px;
}
.section-products-inner .products-inner-top {
  width: 70%;
  margin: auto;
  margin-bottom: 96px;
}

.inner-top-profile {
  width: 79%;
}

.inner-top-profile-title {
  border-bottom: 1px solid #eae8e8;
  padding: 18px 0 48px;
}
.inner-top-profile-title h1 {
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #3f444b;
  line-height: 1.6;
  margin-bottom: 1em;
}
.inner-top-profile-title p {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #3f444b;
}
.inner-top-profile-title p span {
  color: #949394;
  margin-left: 8px;
}

.top-profile-contnet {
  padding: 32px 0 48px;
  border-bottom: 1px solid #eae8e8;
}
.top-profile-contnet p {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #3f444b;
  line-height: 1.6;
}

.top-profile-addcart {
  padding-top: 2rem;
  display: flex;
  align-items: center;
  gap: 12px;
}
.top-profile-addcart > .input-group {
  width: 0;
  flex-grow: 1;
}
.top-profile-addcart .top-profile-btn {
  border: none;
  flex-shrink: 0;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding: 20px 0;
  width: 68.6311787%;
}

.products-inner-bottem {
  width: 56.041666%;
  margin: auto;
}
.products-inner-bottem .nav-pills .nav-link.active {
  background-color: transparent;
  color: #3f444b;
  border-bottom: 2px solid #3f444b;
}
.products-inner-bottem .nav-item {
  width: 33.333333%;
}
.products-inner-bottem .nav-item .nav-link {
  border-radius: 0;
  padding: 16px 0;
  color: #3f444b;
  width: 100%;
  border-bottom: 2px solid #eae8e8;
}
.products-inner-bottem .nav-item .nav-link:hover {
  border-bottom: 2px solid #3f444b;
}

.inner-bottem-content {
  padding-top: 63px;
}
.inner-bottem-content h3 {
  font-size: 20px;
  color: #2d3540;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 1em;
}
.inner-bottem-content p {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #3f444b;
  line-height: 1.4;
}
.inner-bottem-content .inner-bottem-pic {
  width: 100%;
  margin-top: 3rem;
}
.inner-bottem-content .inner-bottem-pic img {
  width: 100%;
  vertical-align: middle;
}

.inner-back-btn {
  display: block;
  padding: 0;
  padding-bottom: 2px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  background-color: transparent;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #3f444b;
  margin-top: 64px;
  border-bottom: 1px solid #3f444b;
}

@media (max-width: 992px) {
  .thumbs-container {
    height: auto;
    flex-direction: row;
    overflow-x: auto;
    margin-top: 10px;
  }
  .thumb-item {
    width: 63.6px;
    flex-shrink: 0;
  }
  .section-products-inner {
    padding: 32px 0 96px;
  }
  .section-products-inner .products-inner-top,
  .section-products-inner products-inner-bottem {
    width: 88.40579%;
  }
  .inner-top-profile {
    width: 100%;
  }
  .inner-top-profile-title {
    padding: 48px 0;
  }
  .inner-top-profile-title h1 {
    font-size: 24px;
    margin-bottom: 1em;
  }
  .inner-top-profile-title p {
    font-size: 24px;
  }
  .top-profile-contnet p {
    font-size: 15px;
  }
  .top-profile-addcart {
    padding-top: 2rem;
    gap: 12px;
  }
  .top-profile-addcart > .input-group {
    width: 0;
  }
  .top-profile-addcart .top-profile-btn {
    font-size: 16px;
    padding: 17px 0;
    width: 63%;
  }
  .products-inner-bottem {
    width: 88.40579%;
  }
  .products-inner-bottem .nav-pills .nav-link.active {
    background-color: transparent;
    color: #3f444b;
    border-bottom: 2px solid #3f444b;
  }
  .products-inner-bottem .nav-item {
    width: 33.333333%;
  }
  .products-inner-bottem .nav-item .nav-link {
    border-radius: 0;
    padding: 16px 0;
    color: #3f444b;
    width: 100%;
  }
  .inner-bottem-content {
    padding-top: 28px;
  }
  .inner-bottem-content h3 {
    font-size: 18px;
  }
  .inner-bottem-content p {
    font-size: 15px;
  }
  .inner-bottem-content .inner-bottem-pic {
    margin-top: 2rem;
  }
  .inner-back-btn {
    font-size: 16px;
    margin-top: 48px;
  }
}
.login-modal {
  width: 33.125vw;
  max-width: 636px;
  min-width: 366px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.login-modal > i {
  top: -44px;
  right: 0;
  z-index: 999999999;
  font-size: 24px;
  color: #fff;
}
.login-modal .nav-pills .nav-link.active {
  background-color: #fff;
  color: #3f444b;
}
.login-modal .nav-item {
  width: 50%;
}
.login-modal .nav-item .nav-link {
  border-radius: 0;
  padding: 32px 0;
  color: #3f444b;
  width: 100%;
  background-color: #eae8e8;
}

.login-modal-item > span {
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #3f444b;
  margin: 22px 0;
}
.login-modal-item input {
  width: 100%;
  height: 60px;
  border-radius: 6px;
  text-indent: 1.5rem;
  border: 1px solid #949394;
  font-size: 16px;
  background-color: #f7f7f7;
}
.login-modal-item input:focus {
  background-color: #fff;
}
.login-modal-item input:focus-visible {
  outline: none;
}
.login-modal-item input[type=password] {
  letter-spacing: 2px;
  color: #b4926a;
  font-size: 16px;
}
.login-modal-item input::-moz-placeholder {
  color: #949394;
}
.login-modal-item input::placeholder {
  color: #949394;
}
.login-modal-item + .account-profile-item {
  margin-top: 1.5rem;
}

.modal-item-paseword {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  position: relative;
  border-radius: 6px;
  border: 1px solid #949394;
}
.modal-item-paseword > input {
  flex-grow: 1;
  border-right: none;
  border: none;
}
.modal-item-paseword > input:focus-visible {
  outline: none;
}
.modal-item-paseword > button {
  position: absolute;
  top: 0;
  right: 0;
  flex-shrink: 0;
  background-color: transparent;
  border: none;
  width: 78px;
  height: 60px;
  display: flex;
}
.modal-item-paseword > button img {
  width: 22px;
  margin: auto;
}

.login-modal-pane {
  padding: 32px 40px;
}

.rememberMe-btn {
  display: flex;
  align-self: center;
  margin-top: 24px;
}
.rememberMe-btn > label {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #000;
}
.rememberMe-btn > input {
  width: 16px;
  height: 16px;
  border: 1px solid #949394;
  margin-right: 10px;
}

.modal-sumit-lists > button {
  margin-top: 24px;
  border-radius: 6px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 19px 0;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.modal-sumit-lists > button + button {
  margin-top: 1rem;
}
.modal-sumit-lists > button.login {
  background-color: #000;
  color: #fff;
}
.modal-sumit-lists > button.line {
  background-color: #68b82b;
  color: #fff;
}
.modal-sumit-lists > button.google {
  background-color: #fff;
  color: #3f444b;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.modal-sumit-lists .modal-sumit-pic {
  width: 22px;
  margin-right: 10px;
}
.modal-sumit-lists .modal-sumit-pic img {
  width: 100%;
  vertical-align: middle;
}

.modal-content {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: auto;
  }
}
@media (max-width: 992px) {
  .login-modal > i {
    top: -36px;
    right: 0;
    z-index: 999999999;
    font-size: 24px;
    color: #fff;
  }
  .login-modal .nav-item {
    width: 50%;
  }
  .login-modal .nav-item .nav-link {
    padding: 22px 0;
  }
  .login-modal-item input {
    height: 51px;
    font-size: 15px;
  }
  .login-modal-item input[type=password] {
    font-size: 15px;
  }
  .login-modal-item + .account-profile-item {
    margin-top: 1.5rem;
  }
  .modal-item-paseword {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    position: relative;
    border-radius: 6px;
    border: 1px solid #949394;
  }
  .modal-item-paseword > input {
    flex-grow: 1;
    border-right: none;
    border: none;
  }
  .modal-item-paseword > input:focus-visible {
    outline: none;
  }
  .modal-item-paseword > button {
    position: absolute;
    top: 0;
    right: 0;
    flex-shrink: 0;
    background-color: transparent;
    border: none;
    width: 78px;
    height: 51px;
    display: flex;
  }
  .modal-item-paseword > button img {
    width: 22px;
    margin: auto;
  }
  .login-modal-pane {
    padding: 24px 32px;
  }
  .rememberMe-btn {
    display: flex;
    align-self: center;
    margin-top: 24px;
  }
  .rememberMe-btn > label {
    font-size: 15px;
  }
  .rememberMe-btn > input {
    width: 14px;
    height: 14px;
    margin-right: 6px;
  }
  .modal-sumit-lists > button {
    margin-top: 8px;
    padding: 19px 0;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.05em;
  }
  .modal-sumit-lists > button + button {
    margin-top: 1rem;
  }
  .modal-sumit-lists .modal-sumit-pic {
    margin-right: 8px;
  }
}
* body {
  font-family: "Noto Sans TC", sans-serif;
  position: relative;
  max-width: 1920px;
}

.sr-only {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
}

/* hb.icon */
.menu-button-container {
  display: none;
  width: 56px;
  height: 40px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  border-radius: 50px;
}

#menu-toggle {
  display: none;
}

.menu-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #3f444b;
  position: absolute;
  height: 2px;
  width: 24px;
  border-radius: 3px;
  transition: 0.3s ease-in-out;
  transform: translateY(18px);
}
.menu-button::before, .menu-button::after {
  content: "";
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #3f444b;
  position: absolute;
  height: 2px;
  width: 24px;
  border-radius: 3px;
  transition: 0.3s ease-in-out;
}
.menu-button::before {
  margin-top: -8px;
}
.menu-button::after {
  margin-top: 8px;
  width: 100%;
}

.menu-button-container .menu-button {
  background: #3f444b;
}

/* FOR漢堡圖示show/hide */
@media (max-width: 992px) {
  .menu-button-container {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.hb-btn-container {
  width: 24px;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.section-side-items {
  position: fixed;
  right: 40px;
  top: 80vh;
  z-index: 88;
}
.section-side-items .side-item {
  width: 58px;
  border-radius: 50%;
  overflow: hidden;
  display: block;
}
.section-side-items .side-item + .side-item {
  margin-top: 12px;
}
.section-side-items .side-item img {
  width: 100%;
  vertical-align: middle;
}
.section-side-items .side-item.scrollBtn {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

@media (max-width: 992px) {
  .section-side-items {
    position: fixed;
    right: 12px;
    top: 80vh;
  }
  .section-side-items .side-item {
    width: 45px;
  }
  .section-side-items .side-item + .side-item {
    margin-top: 8px;
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 20px;
}

body {
  --sb-track-color: #ffffff;
  --sb-thumb-color: #b4926a;
  --sb-size: 10px;
}

body::-webkit-scrollbar {
  width: var(--sb-size);
}

body::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 3px;
}

body::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 3px;
}

@supports not selector(::-webkit-scrollbar) {
  body {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}/*# sourceMappingURL=all.css.map */


.pages-pagination {
  width: fit-content;
  margin: auto;
  margin-top:50px;
  ol {
    li {
      & + li {
        margin-left: 21px;
      }
      &:hover a::after {
        transform: translateY(0px);
        opacity: 1;
      }
      &:hover a {
        color: #d9000d;
      }
      a {
        font-size: 20px;
        font-weight: 600;
        text-decoration: none;
        color: #121212;
        position: relative;
        &::after {
          position: absolute;
          top: 100%;
          left: 0;
          content: "";
          display: block;
          width: 100%;
          height: 3px;
          background-color: #d9000d;
          transform: translateY(3px);
          opacity: 0;
          transition: opacity 0.2s ease, transform 0.1s ease 0.1s;
        }
      }
    }
  }