* {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  line-height: normal;
  font-size: 16px;
  font-weight: 500;
  color: var(--Dark, #242323);
}
a, a:visited, button {
  color: inherit;
}
a,
input,
button,
textarea,
select {
  outline: none !important;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  line-height: normal;
  font-weight: 500;
  font-size: 16px;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
.container {
  max-width: 1420px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.full-container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.flex {
  display: flex;
}
.flex.middle {
  align-items: center;
}
.flex.between {
  justify-content: space-between;
}
.phone {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;

  min-width: 150px;
  flex: 0 0 150px;
}
.white {
  color: #fff;
}
.top-info {
  font-weight: 600;
  text-transform: uppercase;
  flex-grow: 1;
  text-align: center;
}
.top-inner {
  padding: 4px 0;
  gap: 20px;
}
.language {
  min-width: 150px;
  flex: 0 0 150px;
}
.list-lang {
  list-style: none;
  text-align: right;
}
.list-lang a {
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}
.header-inner {
  gap: 44px;
}
.menu_block {
  gap: 32px;
  flex-grow: 1;
}
.menu-item {
  display: flex;
  align-items: center;

  text-decoration: none;
  gap: 8px;
  background: none;
  cursor: pointer;
}
.btn {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  justify-content: center;
  text-decoration: none;
  padding: 16px 64px;
}
.btn[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.btn-block {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-sm {
  padding: 12px 20px;
  height: 48px;
}

.btn.btn-black {
  background: var(--Dark, #242323);
  color: #fff;
}
.btn.btn-white {
  background: var(--White, #fff);
  color: var(--Dark, #242323);
}
.btn.btn-border {
  border: 1px solid var(--Dark, #242323);
  background: transparent;
  color: var(--Dark, #242323);
}
.btn.btn-yellow {
  background: var(--Main-Color, #fcc800);
  color: var(--Dark, #242323);
}
.btn-center {
  width: max-content;
  margin: 0 auto;
}
.btn-catalog {
  border-radius: 4px;
  padding: 14px 20px;
  background: var(--Main-Color, #fcc800);
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
}
header {
  position: relative;
  z-index: 100;
  border-bottom: 1px solid var(--black-30, rgba(0, 0, 0, 0.3));
  background: #fff;
}
.child-block {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 2;
  background: #fff;
  height: 300px;
  display: none;
}
.menu-child-title {
  color: var(--Black, #000);
  text-align: center;

  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  background: #ffefb1;
  padding: 8px;
  display: block;
  margin-left: -15px;
}
.child-outer {
  height: 100%;
  width: 200px;
  border-right: 1px solid var(--black-30, rgba(0, 0, 0, 0.3));
}
.sub-menu {
  display: flex;
  flex-direction: column;
  padding-right: 24px;
}
.child-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.child-item > a {
  color: var(--Dark, #242323);

  padding: 12px 0;
  text-decoration: none;
  position: relative;
}
.child-item > a:after {
  content: "";
  background: var(--Main-Color, #fcc800);
  display: block;
  transition: 0.3s;
  height: 4px;
  border-radius: 5px;
  position: absolute;
  bottom: 14px;
  z-index: -1;
  margin: auto;
  width: 0;
  left: 50%;
  right: 50%;
}
.child-block .container {
  position: relative;
  height: 100%;
}
.sub-sub-menu {
  position: absolute;
  left: 215px;
  top: 0;
  right: 0;
  padding: 24px;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
  transition: 0.3s;
  background: #fff;
  opacity: 0;
  visibility: hidden;
}

.sub-item {
  text-decoration: none;
  padding: 4px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.sub-item:hover {
  border-color: var(--Main-Color, #fcc800);
}

.has-child.active .sub-sub-menu {
  opacity: 1;
  visibility: visible;
}
.has-child.active .child-item > a {
  text-shadow: -0.15px -0.15px 0 #242323, 0.15px -0.15px 0 #242323,
    -0.15px 0.15px 0 #242323, 0.15px 0.15px 0 #242323;
}
.has-child.active .child-item > a:after {
  width: 100%;
  left: 0;
  right: 0;
}
.menu-has-child {
  position: relative;
  z-index: 2;
}
.menu-child {
  position: absolute;
  top: 100%;
  padding-top: 11px;
  min-width: 266px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.menu-item svg,
.menu-has-child .menu-item span {
  transition: 0.3s;
}
.menu-has-child .menu-item span {
  border-bottom: 1px solid transparent;
}
.menu-has-child:hover .menu-item svg {
  transform: rotate(180deg);
}
.menu-has-child:hover .menu-item span {
  border-color: var(--Dark, #242323);
  text-shadow: -0.15px -0.15px 0 #242323, 0.15px -0.15px 0 #242323,
    -0.15px 0.15px 0 #242323, 0.15px 0.15px 0 #242323;
}
.menu-has-child:hover .menu-child {
  opacity: 1;
  visibility: visible;
}
.menu-child-outer {
  background: var(--White, #fff);
  box-shadow: 1px 1px 70px 0px rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-radius: 4px;
}
.menu-child-block + .menu-child-block {
  margin-top: 20px;
}
.menu-child-block-title {
  font-weight: 600;
  margin-bottom: 18px;
}
.menu-child-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.menu-child-item > a {
  text-decoration: none;
}
.catalog-menu {
  padding: 20px 0;
}
.btn-cart {
  background: none;
  cursor: pointer;
  position: relative;
}
.btn-cart svg {
  display: block;
}
.btn-cart:not(.active) span {
  opacity: 0;
}
.btn-cart span {
  position: absolute;
  border-radius: 24px;
  background: var(--Main-Color, #fcc800);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--Black, #000);
  font-size: 14px;

  line-height: 160%;
  top: -4px;
  right: -7px;
}
.form-search {
  border-radius: 5px;
  border: 1px solid var(--black-30, rgba(0, 0, 0, 0.3));
  height: 36px;
  overflow: hidden;
  min-width: 268px;
  flex: 0 0 268px;
  display: flex;
}
.form-search input {
  height: 100%;
  border: none;
  padding: 5px 60px 5px 20px;
  flex-grow: 1;
  width: 100%;
}
.form-search button {
  height: 100%;
  min-width: 56px;
  flex: 0 0 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  background: var(--Main-Color, #fcc800);
}
footer {
  margin-top: 40px;
  border-top: 1px solid var(--black-30, rgba(0, 0, 0, 0.3));
  background: var(--Gray, #faf9f7);
}
.footer-inner {
  padding: 40px 0 68px 0;
}
.site-desc {
  line-height: 24px;
  margin-top: 24px;
  opacity: 0.6;
}
.logo-col {
  min-width: 330px;
  flex: 0 0 330px;
}
.logo-col .logo img {
  width: 100%;
}
.menu-col {
  gap: 54px;
}
.menu-col-item-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.menu-col-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.menu-col-items a {
  text-decoration: none;
}
.msg-contacts {
  display: flex;
  gap: 16px;
  align-items: center;
}
.footer-bottom {
  border-top: 2px solid var(--Dark, hsl(0deg 1% 14% / 15%));
  padding: 20px 0 12px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
.copyright {
  font-size: 14px;
  font-weight: 400;
}
.payment-icons {
  display: flex;
  align-items: center;
  gap: 16px;
}
.section-navigation {
  margin: 36px 0 44px 0;
}
.navi-title {
  color: var(--Black, #000);
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 32px;
}
.navi {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.navi a {
  border: 1px solid var(--Dark, #242323);
}
.navi a {
  border: 1px solid var(--Dark, #242323);
  text-decoration: none;
  padding: 12px 16px;
  min-width: 189px;
  flex: 0 0 189px;
  text-align: center;
}
.navi a:hover {
  background: var(--Main-Color, #fcc800);
}
.section-banners {
  margin: 44px 0 36px 0;
}
.banners-inner {
  display: flex;
}
.section-products {
  padding: 36px 0;
}
.section-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 44px;
  gap: 4px;
  font-size: 36px;
  font-weight: 600;
}
.section-content .product-grid + .btn {
  margin-top: 112px;
}
.section-review {
  background-image: url(/catalog/view/theme/default/image/review.svg);
  background-color: var(--Main-Color, #fcc800);
  background-size: cover;
  background-position: center;
  padding: 72px 0;
}
.reviews-content {
  padding: 0 64px;
  position: relative;
  margin-bottom: 40px;
}
.slider-navi > div {
  position: absolute;
  top: calc(50% - 29px);
  width: 58px;
  height: 58px;
  background: var(--Dark, #242323);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.slider-navi > .slider-prev {
  left: -8px;
}
.slider-navi > .slider-next {
  right: -8px;
}
.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.review-item {
  border-radius: 4px;
  background: var(--White, #fff);
  box-shadow: 0px 2px 12px 0px rgba(31, 45, 61, 0.1);
  padding: 32px;
}
.review-desc {
  line-height: 24px;
}
.review-author {
  color: var(--Text-Color, #2f2a2a);
  font-size: 18px;
  font-weight: 600;
  margin: 20px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.review-author i {
  min-width: 36px;
  flex: 0 0 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: hsl(48deg 100% 49% / 20%);
  color: var(--Main-Color, #fcc800);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.review-rating {
  display: flex;
  margin-bottom: 16px;
}
.review-rating > .star {
  height: 24px;
  min-width: 24px;
  flex: 0 0 24px;
  background-size: contain;
}
.star {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.673 8.70277C19.7437 7.89288 19.1709 6.18621 17.8284 6.18621H13.8726C13.2586 6.18621 12.7163 5.78624 12.535 5.19972L11.3375 1.32637C10.9309 0.0110538 9.0691 0.0110562 8.66246 1.32637L7.46498 5.19972C7.28365 5.78624 6.74136 6.18621 6.12744 6.18621H2.12961C0.791416 6.18621 0.215918 7.88377 1.27822 8.69757L4.62803 11.2638C5.09218 11.6194 5.28648 12.2259 5.11529 12.785L3.87963 16.8207C3.48083 18.1232 4.98833 19.1704 6.06968 18.342L9.14861 15.9833C9.65097 15.5984 10.349 15.5984 10.8514 15.9833L13.914 18.3295C14.9969 19.159 16.5059 18.1079 16.103 16.8046L14.85 12.7517C14.6759 12.1887 14.873 11.5771 15.3429 11.2216L18.673 8.70277Z' fill='%23F5F5F5'/%3E%3C/svg%3E%0A");
}
.star_on {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.673 8.70277C19.7437 7.89288 19.1709 6.18621 17.8284 6.18621H13.8726C13.2586 6.18621 12.7163 5.78624 12.535 5.19972L11.3375 1.32637C10.9309 0.0110538 9.0691 0.0110562 8.66246 1.32637L7.46498 5.19972C7.28365 5.78624 6.74136 6.18621 6.12744 6.18621H2.12961C0.791416 6.18621 0.215918 7.88377 1.27822 8.69757L4.62803 11.2638C5.09218 11.6194 5.28648 12.2259 5.11529 12.785L3.87963 16.8207C3.48083 18.1232 4.98833 19.1704 6.06968 18.342L9.14861 15.9833C9.65097 15.5984 10.349 15.5984 10.8514 15.9833L13.914 18.3295C14.9969 19.159 16.5059 18.1079 16.103 16.8046L14.85 12.7517C14.6759 12.1887 14.873 11.5771 15.3429 11.2216L18.673 8.70277Z' fill='%23FCC800'/%3E%3C/svg%3E%0A");
}
.section-html {
  margin: 36px 0;
}
.description {
  font-size: 16px;
  line-height: 1.5;
}
.description ul,
.description ol {
  padding-left: 40px;
  list-style-position: inside;
}
.description li + li {
   margin-top: 10px;
}
.description > * + * {
  margin-top: 24px;
}
.description h1 {
  color: #000;
  font-size: 32px;
  font-weight: 600;
}
.description h2 {
  color: #000;
  font-size: 24px;
  font-weight: 500;
}
.description h3 {
  color: #000;
  font-size: 20px;
  font-weight: 600;
}
.description h4 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
.description h4 {
  color: #000;
  font-size: 20px;
  font-weight: 600;
}

.description table {
  border-collapse: collapse !important;
  border: 1px solid rgba(0, 0, 0, 0.3);
  width: 100%;
  max-width: 100%;
}
.description table th,
.description table td {
  padding: 8px;
  vertical-align: top;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.description table.table-empty, 
.description table.table-empty th,
.description table.table-empty td {
  border: none;
}
.show-more-content .description {
  max-height: 127px;
  overflow: hidden;
  transition: 1s;
  position: relative;
}
.slide-btn {
  font-size: 18px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 20px;
  background: none;
}
.slide-btn:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 9L12 17L4 9' stroke='%23242323' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  min-width: 24px;
  flex: 0 0 24px;
  height: 24px;
  transition: 0.3s;
}
.show-more-content.active .slide-btn:after {
  transform: rotate(180deg);
}
.show-more-content[data-height]:not(.active) .description:before {
  content: "";
  position: absolute;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0%),
    rgba(255, 255, 255, 100%)
  );
  height: 100px;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px 24px;
}
.product-item {
  padding: 8px;
  position: relative;
  transition: 0.3s;
  border: 1px solid transparent;
}
.product-item:hover {
  border-color: rgba(0, 0, 0, 0.3);
}
.product-image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: contain;
  transition: 0.3s;
}
.product-caption {
  margin-top: 12px;
  text-align: center;
}
.product-image {
  position: relative;
  padding-top: 129%;
  display: block;
}
.product-name {
  margin-bottom: 20px;
  display: block;
  text-decoration: none;
}
.price {
  font-size: 20px;
  font-weight: 600;
  transition: 0.3s;
}
.product-rating {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 12px 0;
  transition: 0.3s;
}
.product-rating .review-rating {
  margin: 0;
}
.review-count {
  font-size: 14px;
  font-weight: 600;
  opacity: 0.7;
}
.product-rating .review-rating > .star {
  height: 20px;
  min-width: 20px;
  flex: 0 0 20px;
}
.product-model {
  color: var(--black-30, rgba(0, 0, 0, 0.3));
  margin-bottom: 10px;
  margin-top: 12px;
}
.product-colors {
  display: flex;
  gap: 13px;
  position: absolute;
  left: 8px;
  bottom: 8px;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.product-colors button {
  border: 1px solid var(--black-30, rgba(0, 0, 0, 0.3));
  background: none;
  cursor: pointer;
}
.product-colors button.active {
  border-color: #fcc800;
}
.product-colors img {
  min-width: 20px;
  flex: 0 0 20px;
  height: 20px;
  object-fit: cover;
}
.product-caption .btn {
  position: absolute;
  bottom: 36px;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
}
.product-item .product-image img + img {
  opacity: 0;
  visibility: hidden;
}
.product-item:hover .product-image img + img {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.product-item:hover .product-caption .btn,
.product-item:hover .product-colors {
  opacity: 1;
  visibility: visible;
}
.product-item:hover .product-rating,
.product-item:hover .price {
  opacity: 0;
  visibility: hidden;
}
.show10 > div:nth-child(n + 12) {
  display: none;
}
.section-works {
  background-image: url(/catalog/view/theme/default/image/works.jpg);
  background-size: cover;
  background-position: center;
  padding: 72px 0;
}
.works-content {
  margin-bottom: 24px;
  position: relative;
}
.information-information .works-content {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}
.work-item {
  border-radius: 4px;
  overflow: hidden;
}
.breadcrumbs {
  display: flex;
  list-style: none;
  align-items: center;
  gap: 4px;
  margin: 16px 0 24px 0;
}
.breadcrumbs > li + li:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00016 3.16666L11.3335 8.5L6.00016 13.8333' stroke='%23242323' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  min-width: 16px;
  flex: 0 0 16px;
  height: 17px;
}
.breadcrumbs > li {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--black-30, rgba(0, 0, 0, 0.3));
}
.breadcrumbs > li a {
  text-decoration: none;
  color: var(--Dark, #242323);
}
.page-title {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  margin: 24px 0 32px 0;
}
.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  justify-content: center;
  align-items: flex-start;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.content-tags,
.content-tags2 {
  margin: 32px 0 43px 0;
}
.tags a {
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}
.tags:after {
  transition: 0.3s;
  content: "";
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) -38.93%,
    #fff 50.48%
  );
  height: 75px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
}
.tags.isHide:after {
  opacity: 1;
  visibility: visible;
}
.tags + .btn svg {
  transition: 0.3s;
}
.tags:not(.isHide) + .btn svg {
  transform: rotate(180deg);
}
.section-description {
  margin: 36px 0;
}
.tags2 {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}
.tags2 a {
  border: 1px solid var(--Dark, #242323);
  padding: 12px 16px;
  text-decoration: none;
}
.tags2 > a > span {
  display: block;
  position: relative;
  width: max-content;
}
.tags2 > a > span:before {
  content: "";
  background: var(--Main-Color, #fcc800);
  height: 3px;
  border-radius: 3px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  z-index: -1;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.tags2 > a.active > span:before,
.tags2 > a:hover > span:before {
  opacity: 1;
  visibility: visible;
}
.section-text {
  text-align: center;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
.section-title-block .section-title {
  color: #000;
  margin-bottom: 20px;
}
.review-grid {
  display: flex;
  margin-top: 24px;
  gap: 24px;
  align-items: flex-start;
}
.review-right {
  border-radius: 8px;
  background: var(--Gray, #faf9f7);
  padding: 28px 17px;
  min-width: 566px;
  flex: 0 0 566px;
}
.review-form-title {
  color: var(--GSF-Dark-Blue, #0d0c22);
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 24px;
}
#form-review {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: relative;
}
.form-group > label {
  color: var(--Primary-Black, #333);
  font-size: 14px;
}
.form-control {
  font-size: 14px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--Primary-Light-Grey, #cfcfcf);
  background: #fff;
  padding: 11px 15px;
  height: 39px;
}
textarea.form-control {
  height: 159px;
  resize: none;
  padding: 15px;
}
.form-group + .btn {
  margin-top: 12px;
}

.rating-input {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.rating-input label {
  min-width: 34.193px;
  flex: 0 0 34.193px;
  height: 33px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.673 8.70277C19.7437 7.89288 19.1709 6.18621 17.8284 6.18621H13.8726C13.2586 6.18621 12.7163 5.78624 12.535 5.19972L11.3375 1.32637C10.9309 0.0110538 9.0691 0.0110562 8.66246 1.32637L7.46498 5.19972C7.28365 5.78624 6.74136 6.18621 6.12744 6.18621H2.12961C0.791416 6.18621 0.215918 7.88377 1.27822 8.69757L4.62803 11.2638C5.09218 11.6194 5.28648 12.2259 5.11529 12.785L3.87963 16.8207C3.48083 18.1232 4.98833 19.1704 6.06968 18.342L9.14861 15.9833C9.65097 15.5984 10.349 15.5984 10.8514 15.9833L13.914 18.3295C14.9969 19.159 16.5059 18.1079 16.103 16.8046L14.85 12.7517C14.6759 12.1887 14.873 11.5771 15.3429 11.2216L18.673 8.70277Z' fill='%23FCC800'/%3E%3C/svg%3E%0A");
  background-size: cover;
  cursor: pointer;
}
.rating-input input {
  display: none;
}
.rating-input input:checked + label ~ label {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='34' viewBox='0 0 35 34' fill='none'%3E%3Cpath d='M16.1971 1.84887C16.5619 1.09873 17.6307 1.09873 17.9956 1.84887L22.1484 10.3868C22.2928 10.6837 22.5744 10.8902 22.9009 10.9386L32.2132 12.3199C33.0286 12.4409 33.3557 13.4409 32.7695 14.0203L26.0141 20.6977C25.7824 20.9268 25.6768 21.2543 25.7311 21.5756L27.3226 30.9926C27.461 31.8115 26.5985 32.4325 25.8658 32.0414L17.5672 27.6125C17.2729 27.4554 16.9198 27.4554 16.6255 27.6125L8.32692 32.0414C7.59417 32.4325 6.73166 31.8115 6.87006 30.9926L8.46156 21.5756C8.51585 21.2543 8.41024 20.9268 8.17853 20.6977L1.42318 14.0203C0.836975 13.4409 1.16411 12.4409 1.97944 12.3199L11.2918 10.9386C11.6183 10.8902 11.8999 10.6837 12.0443 10.3868L16.1971 1.84887Z' stroke='%230D0C22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.review-left {
  flex-grow: 1;
}
.review-outer + .review-outer {
  margin-top: 30px;
  border-top: 1px solid #f8f7f4;
  padding-top: 30px;
}
.review-outer .review-item {
  border-radius: 8px;
  background: var(--Gray, #faf9f7);
  box-shadow: none;
}
.review-date {
  font-size: 12px;
  margin-bottom: 20px;
  opacity: 0.8;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  gap: 12px;
  margin: 20px 0;
}
.pagination > li a,
.pagination > li span {
  color: var(--black-30, rgba(0, 0, 0, 0.3));
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  width: 23px;
  padding: 0px 8px;
  display: block;
}
.pagination > li a:hover,
.pagination > li span {
  color: var(--Dark, #242323);
  background: var(--Main-Color, #fcc800);
}
.p-last,
.p-first {
  display: none;
}
.p-next a,
.p-prev a {
  text-indent: -9999px;
  overflow: hidden;
  min-width: 35px;
  height: 17px;
}
.p-next a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='17' viewBox='0 0 35 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.0366 16.742C23.3089 16.742 23.5811 16.484 23.5811 16.484C23.8534 16.484 23.8534 16.2259 24.1257 16.2259L27.6651 14.1614C27.6651 14.1614 27.9373 14.1614 27.9373 13.9033L33.9271 10.0323C34.1994 9.77428 34.1994 9.77428 34.1994 9.51622C34.7439 8.74202 34.1994 8.22589 33.3826 7.70976L26.8483 3.58073C26.8483 3.58073 26.576 3.58073 26.576 3.32267L25.2147 2.54847C25.2147 2.54847 25.2147 2.54847 24.9425 2.29041C24.9425 2.29041 24.6702 2.29041 24.6702 2.03234C24.3979 1.77428 22.7644 1.00009 22.4921 0.742021C21.6753 0.483956 20.314 0.483956 19.4972 1.00009C19.225 1.25815 18.9527 1.51621 18.6804 1.77428C18.4082 2.29041 18.6804 2.54847 18.6804 2.80654C18.9527 3.0646 18.9527 3.0646 19.225 3.32267L20.5863 4.35492L23.3089 6.41944C21.9476 6.41944 19.225 6.41944 18.1359 6.41944C16.2301 6.41944 12.4184 6.41944 9.96805 6.41944H4.52282C3.97829 6.41944 3.16151 6.41944 2.61698 6.67751C0.711151 7.19363 -0.105635 9.25815 2.34472 10.0323C2.61698 10.0323 6.42865 10.2904 6.97317 10.2904C8.60675 10.2904 10.5126 10.2904 12.4184 10.2904H21.9476C22.4921 10.2904 22.7644 10.2904 23.3089 10.2904L20.314 12.613L20.0417 12.8711L19.7695 13.1291C19.225 13.6452 18.1359 14.1614 18.6804 15.4517C19.225 16.484 20.8585 17.0001 22.2198 16.484C22.4921 16.484 22.4921 16.484 22.4921 16.484L23.0366 16.742Z' fill='%23242323'/%3E%3C/svg%3E") !important;
}
.p-prev a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='17' viewBox='0 0 35 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9634 0.257977C11.6911 0.257977 11.4189 0.516041 11.4189 0.516041C11.1466 0.516041 11.1466 0.774107 10.8743 0.774107L7.33493 2.83862C7.33493 2.83862 7.06267 2.83862 7.06267 3.09669L1.0729 6.96766C0.800644 7.22572 0.800644 7.22572 0.800644 7.48378C0.256119 8.25798 0.800644 8.77411 1.61743 9.29024L8.15171 13.4193C8.15171 13.4193 8.42397 13.4193 8.42397 13.6773L9.78528 14.4515C9.78528 14.4515 9.78528 14.4515 10.0575 14.7096C10.0575 14.7096 10.3298 14.7096 10.3298 14.9677C10.6021 15.2257 12.2356 15.9999 12.5079 16.258C13.3247 16.516 14.686 16.516 15.5028 15.9999C15.775 15.7419 16.0473 15.4838 16.3196 15.2257C16.5918 14.7096 16.3196 14.4515 16.3196 14.1935C16.0473 13.9354 16.0473 13.9354 15.775 13.6773L14.4137 12.6451L11.6911 10.5806C13.0524 10.5806 15.775 10.5806 16.8641 10.5806C18.7699 10.5806 22.5816 10.5806 25.0319 10.5806H30.4772C31.0217 10.5806 31.8385 10.5806 32.383 10.3225C34.2888 9.80637 35.1056 7.74185 32.6553 6.96766C32.383 6.96766 28.5714 6.70959 28.0268 6.70959C26.3933 6.70959 24.4874 6.70959 22.5816 6.70959H13.0524C12.5079 6.70959 12.2356 6.70959 11.6911 6.70959L14.686 4.38701L14.9583 4.12895L15.2305 3.87088C15.775 3.35475 16.8641 2.83862 16.3196 1.5483C15.775 0.516042 14.1415 -8.7738e-05 12.7802 0.516041C12.5079 0.516041 12.5079 0.516041 12.5079 0.516041L11.9634 0.257977Z' fill='%23242323'/%3E%3C/svg%3E") !important;
}
.alert {
  text-align: center;
  font-weight: 600;
  border-radius: 4px;
  padding: 12px 16px;
  margin-bottom: 20px;
}
.alert-danger {
  background: rgba(235, 0, 27, 0.1);
  color: #eb001b;
}
.alert-success {
  color: var(--Green, #048008);
  background: var(--green-10, rgba(55, 230, 122, 0.1));
}
.ac-title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 24px;
  text-align: center;
}
.accordion-container {
  max-width: 1156px;
  margin: 0 auto;
}
.accordion-container + .accordion-container {
  margin-top: 56px;
}
.accordion-item + .accordion-item {
  margin-top: 8px;
}
.accordion-item {
  border-radius: 4px;
  background: var(--Gray, #faf9f7);
  padding: 12px 16px;
}
.btn_acc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  color: #000;
  text-decoration: none;
}
.accordion-content {
  padding-top: 20px;
  display: none;
}
.btn_acc svg {
  transition: 0.3s;
}
.btn_acc.active svg {
  transform: rotate(180deg);
}
.section-work-content {
  margin-top: 20px;
}
.product-grid {
  position: relative;
}
.main-product-model {
  position: absolute;
  right: 0;
  top: -45px;
}
.product-info-grid {
  display: flex;
  gap: 24px;
}
.product-left,
.product-right {
  min-width: calc(50% - 12px);
  flex: 0 0 calc(50% - 12px);
}
.product-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
}
.product-infos {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  margin-bottom: 24px;
}
.stock {
  border-radius: 4px;
  font-weight: 600;
  height: 44px;
  padding: 12px;
  flex-grow: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex: 0 0 max-content;
  min-width: 212px;
}
.stock:before {
  content: "";
  min-width: 16px;
  flex: 0 0 16px;
  height: 16px;
  border-radius: 50%;
}
.in-stock {
  background: var(--green-10, rgba(55, 230, 122, 0.1));
  color: var(--Green, #048008);
}
.low-stock {
  background: rgba(235, 0, 27, 0.1);
  color: #eb001b;
}
.out-stock {
  background: var(--Light-Gray, #f5f5f5);
  color: var(--black-30, rgba(0, 0, 0, 0.3));
}
.in-stock:before {
  background: var(--Green, #048008);
}
.low-stock:before {
  background: #eb001b;
}
.out-stock:before {
  background: var(--black-30, rgba(0, 0, 0, 0.3));
}
.product-infos-more {
  gap: 10px;
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
  background: var(--Gray, #faf9f7);
  padding: 10px 12px;
  height: 44px;
  align-items: center;
  flex-grow: 1;
}
.btn-link {
  background: none;
  display: flex;
  align-items: center;
  border: none;
  gap: 8px;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}
button.btn-link span {
  text-decoration: underline;
}
.product-common {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 12px;
  height: 66px;
}
.price-item input {
  display: none !important;
}
.price-item label {
  position: relative;
  border-radius: 4px;
  background: var(--Gray, #faf9f7);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px;
  gap: 8px;
  border: 2px solid var(--Gray, #faf9f7);
  text-align: center;
  height: 100%;
  cursor: pointer;
}
.price-item input:checked + label {
  border-color: var(--Dark, #242323);
}
.price-item label button {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
}
.price-item label > span {
  color: var(--Text-Color, #2f2a2a);
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
}
.price-item label b {
  font-size: 18px;
  font-weight: 600;
}
.qty {
  display: flex;
  border-radius: 4px;
  border: 1px solid var(--black-30, rgba(0, 0, 0, 0.3));
  overflow: hidden;
  min-width: 137px;
  flex: 0 0 137px;
}
.product-common > * {
  height: 100%;
}
.qty button {
  justify-content: center;
  display: flex;
  align-items: center;
  min-width: 44px;
  flex: 0 0 44px;
  background: none;
  border: none;
  cursor: pointer;
}
.qty input {
  height: 100%;
  border: none;
  text-align: center;
}
.buy-block {
  flex-grow: 1;
}
.buy-block .btn {
  height: 100%;
  padding: 0;
  width: 100%;
  border-radius: 4px;
}
.option-block {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column-reverse;
  gap: 24px;
  align-items: center;
  border-radius: 8px;
  background: var(--Gray, #faf9f7);
  padding: 20px;
}
.option-title {
  display: flex;
  font-weight: 600;
  color: #000;
  gap: 5px;
}
.options {
  display: flex;
  align-items: center;
  gap: 28px;
}
.option-item input {
  display: none;
}
.option-item label {
  border: 1.5px solid var(--Dark, #242323);
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.option-item input:checked + label {
  background: var(--Main-Color, #fcc800);
}
.option-type-size .option-item label {
  width: 52px;
  height: 52px;
  font-size: 20px;
  border-radius: 50%;
}
.option-type-color .option-item label {
  width: 140px;
  height: 36px;
  border-radius: 4px;
}
.addiction-service {
  border-radius: 8px;
  background: var(--Gray, #faf9f7);
  padding: 20px 24px;
}
.addiction-title {
  font-weight: 600;
  color: #000;
  text-align: center;
  margin-bottom: 24px;
}
.addiction-content {
  display: grid;
  gap: 14px;
}
.addiction-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.addiction-item-title-block {
  display: flex;
  align-items: center;
  gap: 12px;
}
.addiction-item-title-block > span {
  color: var(--Black, #000);
}
.addiction-item-title-block > span > span {
  color: var(--Main-Color, #fcc800);
  font-weight: 600;
  margin-left: 8px;
}
.addiction-radio input {
  display: none;
}
.addiction-radio label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.addiction-radio label > button {
  cursor: pointer;
  background: none;
  border: none;
  display: flex;
}
.switcher {
  min-width: 36px;
  flex: 0 0 36px;
  height: 20px;
  border-radius: 100px;
  background: var(--Primary-Gray-300, #d2d5da);
  transition: 0.3s;
  cursor: pointer;
  position: relative;
}
.switcher > span {
  transition: 0.3s;
  width: 16px;
  height: 16px;
  left: 2px;
  top: 2px;
  border-radius: 100px;
  background: var(--White, #fff);
  box-shadow: 0px 2px 4px 0px rgba(39, 39, 39, 0.1);
  display: block;
  position: absolute;
}
.addiction-radio input:checked + label .switcher {
  background: var(--Green, #048008);
}
.addiction-radio input:checked + label .switcher > span {
  left: calc(100% - 18px);
}
.product-tabs {
  margin-top: 32px;
  margin-bottom: 72px;
}
.nav-tabs {
  border-radius: 4px;
  background: var(--Gray, #faf9f7);
  display: flex;
  list-style: none;
  justify-content: space-between;
  gap: 4px;
  padding: 4px;
}
.nav-tabs button {
  font-size: 20px;
  flex-grow: 1;
  font-weight: 600;
  color: #000;
  padding: 12px;
  display: block;
  text-decoration: none;
  background: none;
  border: none;
  cursor: pointer;
  text-align: center;
}
.nav-tabs button.active {
  background: #fff;
}
.product-right {
  position: relative;
}
.gallery-block {
  display: flex;
  gap: 24px;
  align-items: center;
}
.main-image {
  flex-grow: 1;
}
.js-gallery-slider  {
  min-width: 93px;
  flex: 0 0 93px;
}
.gallery-thumbs {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.gallery-thumb {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid transparent;
  cursor: pointer;
  transition: 0.3s;
  height: 114px !important;
}
.gallery-thumb.active {
  border-color: var(--Dark, #242323);
}
.tab-pane:not(.active) {
  display: none;
}
.tab-pane > .description,
.tab-pane > .accordion-container {
  margin-top: 24px;
}

.modal-bg {
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(2px);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000001;
  display: none;
}

.modal {
  position: fixed;
  width: 778px;
  max-width: 98%;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  z-index: 1000002;
  bottom: 0;
  height: max-content;
  display: none;
}
.modal-title {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  margin-top: 36px;
  margin-bottom: 24px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.modal-content {
  border-radius: 10px;
  background: var(--White, #fff);
  box-shadow: 0px 2px 250px 0px rgba(0, 0, 0, 0.1);
  padding: 24px;
  max-height: calc(100vh - 60px);
  overflow: auto;
}
.modal-content::-webkit-scrollbar {
  width: 10px;
}

.modal-content::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #f5f5f5;
}

.modal-content::-webkit-scrollbar-thumb {
  background: #fcc800;
  border-radius: 5px;
}

.btn-modal-close {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  z-index: 5;
  background: none;
  display: flex;
  border: none;
}
.size-desctiption h5 {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
ul.attrs {
  margin-top: 12px;
  display: flex;
  list-style: none;
  padding: 0;
  gap: 24px;
  font-size: 14px;
}
ul.attrs b {
  font-weight: 600;
  margin-right: 5px;
}
.description table.size-block,
.description table.size-block > tbody {
  display: block;
  border: none;
}
.description .size-block > tbody > tr {
  display: flex;
  gap: 20px;
}
.description .size-block > tbody > tr > td {
  border: none;
}
.description .size-block > tbody > tr > td img {
  width: 254px;
}
.description .size-block > tbody > tr > td:nth-child(2) {
  flex-grow: 1;
}
.description.product-description .size-block > tbody > tr > td img {
  width: 380px;
}
.product-description.description .size-block > tbody > tr {
  gap: 55px;
}
.product-description {
  display: grid;
  grid-template-columns: 60% auto;
  gap: 0 55px;
  align-items: flex-start;
  align-items: flex-start;
  grid-template-rows: min-content 1fr;
}
.product-description .size-block {
  grid-area: 1 / 1 / 3 / 2;
  margin: 0;
}

.product-description ul.attrs {
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
  height: max-content;
}
.product-description ul.attrs ~ p {
  border-radius: 4px;
  background: var(--Gray, #faf9f7);
  padding: 12px;
  gap: 12px;
  display: flex;
  flex-direction: column;
  max-width: 448px;
  margin: 0;
}

.product-description > h5 {
  display: none !important;
}
.description .size-table {
  border: none;
}
.description .size-table thead td {
  font-weight: 600;
  background: var(--Gray, #faf9f7);
}
.description .size-table thead td:first-child {
  border-left: 1px solid var(--black-30, rgba(0, 0, 0, 0.3));
}
.description .size-table thead td:last-child {
  border-right: 1px solid var(--black-30, rgba(0, 0, 0, 0.3));
}
.description .size-table td {
  transition: 0.3s;
  text-align: center;
  border: none;
  border-top: 1px solid var(--black-30, rgba(0, 0, 0, 0.3));
  border-bottom: 1px solid var(--black-30, rgba(0, 0, 0, 0.3));
}
.description .size-table tbody tr.active td {
  background: var(--Main-Color, #FCC800);
}
.description small {
  font-size: 14px;
}
.discount-info {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1px;
  background: rgba(0, 0, 0, 0.3);
  width: max-content;
  margin: 0 auto;
}
.discount-item {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
}
.discount-bottom {
  font-size: 18px;
  font-weight: 600;
}
.size-nav-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding-bottom: 32px;
}
.main-size-nav {
  font-weight: 700;
  background: var(--Main-Color, #fcc800);
  padding: 16px 64px;
}
.size-nav {
  display: flex;
  gap: 24px;
  list-style: none;
}
.size-nav button {
  min-width: 214px;
  flex: 0 0 auto;
  padding: 16px 64px;
  font-weight: 700;
  text-transform: uppercase;
  border: 1px solid var(--Dark, #242323);
  background: none;
  cursor: pointer;
  transition: 0.3s;
}
.size-nav button.active {
  background: var(--Main-Color, #fcc800);
  border-color: var(--Main-Color, #fcc800);
}
.size-tab-content {
  max-width: 890px;
  margin: 0 auto;
}
.modal-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
}
#cart {
  width: 957px;
}
.cart-list {
  display: flex;
  flex-direction: column;
}
.cart-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 24px 16px 24px;
  border-bottom: 1px solid var(--black-30, rgba(0, 0, 0, 0.3));
}
.cart-image {
  flex: 0 0 235px;
  min-width: 235px;
  height: 289px;
}
.cart-info {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.cart-common {
  flex: 0 0 240px;
  min-width: 240px;
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: flex-end;
}
.cart-item-total {
  font-size: 20px;
  font-weight: 600;
  flex: 0 0 100px;
  min-width: 100px;
}
.show-more {
  margin-top: 80px;
}
.cart-info a {
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 20px;
}
.cart-info small {
  font-size: 16px;
  margin-bottom: 12px;
}
.btn.btn-remove {
  padding: 0;
  margin: 24px 0 0 0;
  width: max-content;
  color: #da1e1e;
  font-size: 16px;
  font-weight: 500;
}
.btn.btn-remove span {
  text-decoration: none;
}
.cart-item-block {
  margin-left: -24px;
  margin-right: -24px;
}
.cart-item-block + .cart-item-block {
  padding-top: 16px;
}
.cart-total {
  display: flex;
  padding: 24px 0;
  width: max-content;
  margin-left: auto;
  font-weight: 600;
  gap: 5px;
  align-items: center;
}
.cart-total b {
  font-size: 20px;
  font-weight: 600;
}
.cart-discount {
  display: flex;
  padding: 24px 0 0 0;
  width: max-content;
  margin-left: auto;
  font-weight: 600;
  gap: 5px;
  align-items: center;
}
.cart-discount b {
  font-weight: 600;
  font-size: 18px;
}
.cart-discount span span {
  color: #eb001b;
}
.cart-dob {
  padding: 16px 24px;
}
.cart-dob-title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  cursor: pointer;
}
.cart-dob-title svg {
  transition: 0.3s;
}
.cart-dob.active .cart-dob-title svg {
  transform: rotate(180deg);
}
.cart-dob-content {
  padding: 16px 0;
}
.cart-dob-content .addiction-item-title-block {
  flex-grow: 1;
}
.cart-dob-content .addiction-item {
  gap: 24px;
}
#cart.shadow:before {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #ffffff52;
}
.modal-btns {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px;
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.modal-cart-info {
  padding-bottom: 75px;
}
.cart-empty {
  min-height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.cart-empty-text {
  font-size: 28px;
  font-weight: 600;
}
.header-checkout {
  justify-content: center;
  padding: 20px 0;
}
.checkout-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 36px 0 20px 0;
}
.checkout-header .btn {
  background: var(--Light-Gray, #f5f5f5);
  font-size: 14px;
  height: auto;
  padding: 5px 16px;
  gap: 5px;
}
.checkout-title {
  color: var(--Black, #000);
  font-size: 24px;
}
.checkout-cart-title {
  color: var(--Black, #000);
  font-size: 24px;
  min-width: 240px;
  text-align: right;
}
.checkout-columns {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  position: relative;
}
.checkout-left {
  flex-grow: 1;
}
.checkout-right {
  min-width: 448px;
  flex: 0 0 448px;
  border-radius: 4px;
  border: 2px solid var(--Black, #000);
  overflow: hidden;
  padding-bottom: 40px;
  position: sticky;
    top: 0;
}
.step + .step {
  margin-top: 48px;
}
.step-title {
  color: var(--Black, #000);
  font-size: 24px;
  margin-bottom: 24px;
}
.step-main {
  border-radius: 4px;
  border: 2px solid var(--Dark, #242323);
  background: var(--Gray, #faf9f7);
  padding: 32px 72px;
}
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.sp-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.radio-modern {
  border-radius: 4px;
  border: 1px solid var(--black-30, rgba(0, 0, 0, 0.3));
  background: var(--White, #fff);
}
.radio-modern > label {
  padding: 16px;
  display: block;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  cursor: pointer;
}
.radio-modern > input {
  display: none;
}
.radio-modern > label:before {
  content: "";
  min-width: 8px;
  flex: 0 0 8px;
  height: 8px;
  border: 3px solid #fff;
  border-radius: 50%;
  margin-right: 8px;
  box-shadow: 0px 0px 0px 1px #afb1b6;
}
.radio-modern > input:checked + label:before {
  box-shadow: 0px 0px 0px 1px #fcc800;
  background: #fcc800;
}
.img-list {
  display: flex;
  align-items: center;
  gap: 12px;
}
.agree-block {
  margin-top: 64px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.checkbox input {
  display: none;
}
.checkbox label:before {
  content: "";
  min-width: 22px;
  flex: 0 0 22px;
  height: 22px;
  border-radius: 5px;
  border: 1px solid var(--black-30, rgba(0, 0, 0, 0.3));
}
.checkbox input:checked + label:before {
  background-color: var(--Main-Color, #fcc800);
  border-color: var(--Main-Color, #fcc800);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9425 6.06754L7.94254 16.0675C7.88449 16.1256 7.81556 16.1717 7.73969 16.2032C7.66381 16.2347 7.58248 16.2508 7.50035 16.2508C7.41821 16.2508 7.33688 16.2347 7.26101 16.2032C7.18514 16.1717 7.11621 16.1256 7.05816 16.0675L2.68316 11.6925C2.56588 11.5753 2.5 11.4162 2.5 11.2503C2.5 11.0845 2.56588 10.9254 2.68316 10.8082C2.80044 10.6909 2.9595 10.625 3.12535 10.625C3.2912 10.625 3.45026 10.6909 3.56753 10.8082L7.50035 14.7418L17.0582 5.18316C17.1754 5.06588 17.3345 5 17.5003 5C17.6662 5 17.8253 5.06588 17.9425 5.18316C18.0598 5.30044 18.1257 5.4595 18.1257 5.62535C18.1257 5.7912 18.0598 5.95026 17.9425 6.06754Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-size: contain;
}

.checkbox label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 16px;
  color: var(--Text-Color-Dark, lch(23.52 0.01 0 / 0.8));
  font-size: 14px;
}
.checkbox label a {
  color: var(--Black, lch(0 0 0 / 0.8));
  text-decoration: underline;
  font-size: 14px;
  font-weight: 600;
}
.shipping-fields {
  padding: 16px 16px 16px 52px;
  border-top: 0.5px solid var(--black-30, rgba(0, 0, 0, 0.3));
}
.form-group.full-width {
  grid-area: 1 span / 2 span;
}
.shipping-fields textarea.form-control {
  height: 70px;
}

.checkout-cart-list .cart-item-block {
  margin: 0;
}
.checkout-cart-list .cart-item {
  flex-direction: column;
  padding: 0;
  gap: 0;
  border: none;
}
.cart-top {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px;
  justify-content: space-between;
  gap: 5px;
  border-bottom: 2px solid var(--Black, #000);
  background: var(--Gray, #faf9f7);
}
.checkout-cart-list .btn.btn-remove {
  margin: 0;
}
.cart-top a {
  text-decoration: none;
  font-weight: 600;
}
.cart-caption {
  display: flex;
  padding: 16px;
  gap: 20px;
  width: 100%;
}
.checkout-cart-list .cart-image {
  flex: 0 0 174px;
  min-width: 174px;
  height: 214px;
}
.checkout-cart-list .cart-info small {
  font-size: 14px;
  margin-bottom: 8px;
}
.checkout-cart-list .cart-common {
  flex: 0 0 auto;
  min-width: 0;
  gap: 5px;
  justify-content: space-between;
  margin-top: 20px;
}
.checkout-cart-list .qty {
  border-radius: 4px;
  min-width: 75px;
  flex: 0 0 75px;
  border-color: #000;
}
.checkout-cart-list .qty button {
  min-width: 22px;
  flex: 0 0 22px;
}
.checkout-cart-list .qty button svg {
  width: 16px;
  height: 16px;
}
.checkout-cart-list .qty input {
  height: 22px;
  padding: 0;
  font-weight: 600;
  font-size: 16px;
}
.checkout-cart-list .cart-item-total {
  font-size: 18px;
  flex: 0 0 auto;
  min-width: 0px;
}
.checkout-cart-list .cart-item-block + .cart-item-block {
  padding-top: 0;
  border-top: 2px solid #000;
}
.checkout-cart-list .cart-dob {
  padding: 16px;
  border-bottom: 1px solid var(--black-30, rgba(0, 0, 0, 0.3));
  border-top: 1px solid var(--black-30, rgba(0, 0, 0, 0.3));
}
.checkout-cart-list .cart-dob-title {
  font-size: 14px;
}
.checkout-cart-list .cart-dob-content {
  padding: 16px 0 0 0;
}
.checkout-cart-list .cart-dob-content .addiction-item {
  gap: 8px;
}
.checkout-cart-list .addiction-radio {
  margin-right: 8px;
}
.checkout-cart-list .cart-dob-content .addiction-item-title-block {
  gap: 8px;
}
.checkout-cart-list .addiction-item-title-block > span {
  font-size: 12px;
}
.checkout-cart-list .addiction-item .cart-common {
  flex: 0 0 155px;
  min-width: 155px;
  justify-content: flex-end;
  gap: 12px;
  margin: 0;
}
.checkout-right .cart-total {
  padding: 32px 40px 32px;
  margin-bottom: 32px;
  gap: 20px;
  position: relative;
}
.checkout-right .cart-discount {
  padding: 32px 40px 0;
}
.checkout-right .cart-total:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 1px;
  background: var(--black-30, rgba(0, 0, 0, 0.3));
  width: 250px;
}
.checkout-right .cart-total b {
  font-size: 28px;
}
.checkout-cart-list .addiction-item .cart-item-total {
  font-size: 16px;
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #44444440;
  z-index: 10;
  display: none;
}
.lds-dual-ring {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #aedcfe;
  border-color: #aedcfe transparent #aedcfe transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.simplecheckout > .alert {
  margin-top: 20px;
}
.dropdown-menu {
  list-style: none;
  position: absolute;
  background: #fff;
  right: 0px;
  max-height: 200px;
  overflow: auto;
  z-index: 10;
  border-radius: 0 0 4px 4px;
  border: 1px solid var(--Primary-Light-Grey, #cfcfcf);
  margin-top: -4px;
}
.dropdown-menu::-webkit-scrollbar {
  width: 10px;
}

.dropdown-menu::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #f5f5f5;
}

.dropdown-menu::-webkit-scrollbar-thumb {
  background: #fcc800;
  border-radius: 5px;
}
.dropdown-menu > li {
  width: 100%;
}
.dropdown-menu a {
  display: block;
  padding: 8px 16px;
  font-size: 14px;
  transition: 0.3s;
  text-decoration: none;
}
.dropdown-menu a:hover {
  display: block;
  text-decoration: none;
  background: #ececec;
}
.form-control.no-valide {
  border-color: #eb001b;
  background: rgba(235, 0, 27, 0.1);
}
.text-valide {
  font-size: 13px;
  color: #eb001b;
}
.text-success {
  font-size: 13px;
  color: #048008;
}
.checkbox.no-valide label:before {
  border-color: #eb001b;
  background: rgba(235, 0, 27, 0.1);
}
.checkbox.no-valide label {
  color: #eb001b;
}
.success-description {
  text-align: center;
  margin-bottom: 24px;
}
.callback-time {
  text-align: center;
  margin-bottom: 24px;
}
.ct-work {
  font-size: 20px;
  font-weight: 600;
  margin: 24px 0;
}
.menu-bg {
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(2px);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  display: none;
}
.fix-buy-panel {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 5;
  border-top: 1px solid var(--black-30, rgba(0, 0, 0, 0.3));
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.fix-buy-panel.active {
  opacity: 1;
  visibility: visible;
}
.fix-buy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.fix-buy-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.fix-buy-img img {
  width: 50px;
}
.fix-buy-title {
  font-weight: 600;
}
.fix-buy-right {
  display: flex;
  align-items: center;
  gap: 20px;
}
.fix-buy-price {
  font-size: 18px;
  font-weight: 600;
}
form .alert {
  margin-bottom: 0;
}
.pay-form {
    max-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    margin: 0 auto;
}
.pay-title {
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
}
.pay-text {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 30px;
}
.pay-text-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn-xs {
    font-size: 12px !important;
    height: auto;
    padding: 5px 10px !important;
}
.pay-form2 #file {
    display: none;
}
.js-btn-copy {
    position: relative;
}
.js-btn-copy span {
    position: absolute;
    top: -11px;
    font-size: 8px;
    color: var(--Main-Color, #fcc800);
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
.js-btn-copy.active span {
  opacity: 1;
  visibility: visible;
}