@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@600..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
* {
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  font-family: "Poppins", sans-serif;
  font-optical-sizing: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 200% */
  background: var(--Color-Dark, #020105);
  background-size: cover;
  color: var(--Color-White, #FDF7F7);
  width: 100%;
  height: 100%;
  position: relative;
}
html:after,
body:after {
  content: "";
  background-image: url("../images/bg.png");
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0.03;
}

html, body {
  overflow-x: hidden;
  max-width: 100vw;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.container {
  max-width: 1320px;
  margin: 0 auto;
  width: calc(100% - 30px);
}

section {
  margin: 100px 0;
  position: relative;
}
@media screen and (max-width:992px) {
  section {
    margin: 60px 0;
  }
}

.section__title {
  color: var(--Color-White, #FDF7F7);
  text-align: center;
  /* Work Sans - Bold */
  font-family: "Work Sans";
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-style: normal;
  font-weight: 700;
  line-height: clamp(30px, 6.5vw, 44px);
}

.section__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.whatsapp {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10003_8853)'%3E%3Cg filter='url(%23filter0_d_10003_8853)'%3E%3Cpath d='M29.9904 15.3696C29.8585 11.7936 28.3381 8.4064 25.7465 5.91514C23.1548 3.42389 19.6924 2.02121 16.082 2H16.0139C13.5826 1.99821 11.1928 2.62382 9.0795 3.81526C6.96624 5.00669 5.20236 6.72291 3.96143 8.79503C2.7205 10.8672 2.04528 13.2238 2.0022 15.633C1.95912 18.0424 2.54967 20.4211 3.71575 22.5356L2.47756 29.879C2.47554 29.894 2.47678 29.9093 2.48121 29.9239C2.48563 29.9384 2.49313 29.9519 2.50321 29.9634C2.51329 29.9748 2.52571 29.984 2.53964 29.9903C2.55358 29.9967 2.56872 29.9999 2.58405 30H2.60536L9.93366 28.3844C11.8271 29.2854 13.9007 29.7529 16.0011 29.7523C16.1346 29.7523 16.268 29.7523 16.4015 29.7523C18.2491 29.7001 20.068 29.2857 21.7531 28.533C23.4383 27.7804 24.9563 26.7044 26.2197 25.3672C27.4831 24.0301 28.4668 22.4581 29.1139 20.7421C29.7611 19.0262 30.0589 17.2002 29.9904 15.3696ZM16.3319 27.3387C16.2211 27.3387 16.1104 27.3387 16.0011 27.3387C14.1448 27.3411 12.315 26.9008 10.6664 26.0553L10.2915 25.8611L5.3217 27.0249L6.23898 22.0416L6.02599 21.6841C5.00872 19.9652 4.46078 18.0132 4.43615 16.0205C4.41153 14.0278 4.91105 12.063 5.88554 10.3199C6.86003 8.57673 8.27586 7.11521 9.99359 6.0793C11.7113 5.04337 13.6717 4.46879 15.6816 4.41215C15.7933 4.41215 15.9055 4.41215 16.0181 4.41215C19.0527 4.42106 21.9623 5.61114 24.1201 7.72598C26.2778 9.84081 27.511 12.7112 27.5538 15.7184C27.5966 18.7258 26.4457 21.6294 24.3491 23.8038C22.2524 25.9782 19.3778 27.2492 16.3447 27.343L16.3319 27.3387Z' fill='%2325D366'/%3E%3Cpath d='M11.135 9.17756C10.962 9.18091 10.7914 9.21862 10.6333 9.28848C10.4753 9.35834 10.333 9.45893 10.2149 9.58428C9.88119 9.92344 8.94829 10.7397 8.89433 12.4538C8.84038 14.1679 10.0487 15.8637 10.2177 16.1016C10.3867 16.3394 12.5279 20.0421 16.0551 21.5436C18.1283 22.4289 19.037 22.5808 19.6262 22.5808C19.8691 22.5808 20.0523 22.5556 20.2439 22.5443C20.89 22.5049 22.3483 21.7646 22.6663 20.9597C22.9844 20.1546 23.0057 19.451 22.9219 19.3103C22.8382 19.1695 22.6081 19.0682 22.2617 18.888C21.9152 18.7079 20.2155 17.8072 19.896 17.6806C19.7776 17.6259 19.65 17.593 19.5197 17.5835C19.4349 17.5879 19.3524 17.6127 19.2794 17.6559C19.2064 17.6991 19.1451 17.7592 19.1008 17.8311C18.8169 18.1816 18.1652 18.9429 17.9464 19.1625C17.8987 19.217 17.8398 19.261 17.7738 19.2916C17.7078 19.3221 17.6359 19.3385 17.563 19.3398C17.4288 19.334 17.2974 19.2989 17.1783 19.2371C16.1487 18.8037 15.21 18.1832 14.4108 17.4076C13.664 16.6781 13.0304 15.8429 12.5308 14.9293C12.3377 14.5746 12.5308 14.3917 12.7069 14.2257C12.883 14.0595 13.0718 13.8302 13.2535 13.6317C13.4027 13.4622 13.527 13.2727 13.6228 13.0688C13.6723 12.9741 13.6973 12.8688 13.6956 12.7622C13.6939 12.6555 13.6654 12.5511 13.6128 12.458C13.5291 12.2807 12.9028 10.537 12.6089 9.83759C12.3704 9.23948 12.0864 9.21978 11.8379 9.20149C11.6334 9.18741 11.3991 9.18038 11.1648 9.17334H11.135' fill='%2325D366'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_10003_8853' x='-2' y='2' width='36' height='36' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_10003_8853'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_10003_8853' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_10003_8853'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}

.mail {
  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='M18.75 5.2859C18.75 4.43901 18.0275 3.75 17.1396 3.75H2.86045C1.97263 3.75003 1.25031 4.43872 1.25 5.28616V5.28642V14.7136C1.25 15.5711 1.97981 16.25 2.861 16.25H17.139C18.038 16.25 18.75 15.554 18.75 14.7136V5.28642C18.75 5.28635 18.75 5.28629 18.75 5.28622C18.75 5.28612 18.75 5.28603 18.75 5.2859ZM2.86045 4.72796H17.1396C17.4621 4.72796 17.7246 4.97827 17.7246 5.28671C17.7246 5.45061 17.6392 5.60274 17.496 5.69376L10.3249 10.2534C10.1276 10.3788 9.87251 10.3789 9.67515 10.2534C9.67515 10.2534 2.50389 5.69366 2.50402 5.69376C2.50406 5.69379 2.50392 5.69369 2.50389 5.69366C2.36081 5.60274 2.27539 5.45061 2.27539 5.2859C2.27539 4.97824 2.53786 4.72796 2.86045 4.72796ZM17.139 15.2721H2.861C2.54179 15.2721 2.27539 15.0259 2.27539 14.7136V6.72374L9.10633 11.067C9.37779 11.2396 9.6889 11.3259 10 11.3259C10.3111 11.3259 10.6223 11.2396 10.8937 11.067L17.7246 6.72374V14.7136C17.7246 15.018 17.4665 15.2721 17.139 15.2721Z' fill='%23FDF7F7'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}

main {
  position: relative;
  z-index: 1;
}

.btn__primary {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: var(--Color-Black, #26262C);
  text-align: center;
  border: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  border-radius: 8px;
  background: var(--Color-Lime-Green, #99DB57);
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  cursor: pointer;
}
.btn__primary:hover {
  background: var(--Color-Electric-Lime, #C7FF8F);
}
.btn__primary:focus {
  background: #71BC25;
  outline: none;
}
.btn__primary:disabled, .btn__primary.is-disabled {
  background: var(--Color-Lime-Green, #99DB57);
  cursor: not-allowed;
  opacity: 0.7;
  pointer-events: none;
}

/*
.swiper,
.swiper-slide {
  overflow: visible !important;
}

.swiper-slide {
  overflow: visible !important; 
}*/
header {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
}
header .header__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 12px 0;
}
header .top__block {
  border-bottom: 1px solid #151516;
  padding: 20px 0;
}
header .hder__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .menu__primary {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
header .menu__primary ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 48px;
  margin: 0;
  padding: 0;
}
header .menu__primary ul li a {
  text-decoration: none;
  color: var(--Color-White, #FDF7F7);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
header .menu__primary ul li a:hover {
  color: #99DB57;
}
header .header__contact {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
header .header__contact ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px;
  margin: 0;
  padding: 0;
}
header .header__contact ul li a {
  color: var(--Color-White, #FDF7F7);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
header .header__contact ul li a:hover {
  color: #99DB57;
}
header .header__wrap {
  position: relative;
}
header .header__primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 48px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
header .logo {
  max-width: 200px;
}
header .logo img {
  max-width: none;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
header .search__form {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
header .search__form form {
  position: relative;
}
header .search__form input {
  border-radius: 8px;
  border: 1px solid var(--Color-Charcoal, #454553);
  background: var(--Color-Black, #26262C);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 20px 56px 20px 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--Color-Light-Grey, #E5E5E5);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  outline: none;
}
header .search__form input:focus {
  border-color: #99DB57;
}
header .search__form input::-webkit-input-placeholder {
  color: rgba(253, 247, 247, 0.5);
}
header .search__form input::-moz-placeholder {
  color: rgba(253, 247, 247, 0.5);
}
header .search__form input:-ms-input-placeholder {
  color: rgba(253, 247, 247, 0.5);
}
header .search__form input::-ms-input-placeholder {
  color: rgba(253, 247, 247, 0.5);
}
header .search__form input::placeholder {
  color: rgba(253, 247, 247, 0.5);
}
header .search__form button {
  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='M10.748 1.5C5.64877 1.5 1.5 5.64877 1.5 10.748C1.5 15.8474 5.64877 19.9959 10.748 19.9959C15.8474 19.9959 19.9959 15.8474 19.9959 10.748C19.9959 5.64877 15.8474 1.5 10.748 1.5ZM10.748 18.2886C6.59008 18.2886 3.20732 14.9059 3.20732 10.748C3.20732 6.59012 6.59008 3.20732 10.748 3.20732C14.9058 3.20732 18.2886 6.59008 18.2886 10.748C18.2886 14.9058 14.9058 18.2886 10.748 18.2886Z' fill='%23FDF7F7'/%3E%3Cpath d='M22.2509 21.0429L17.3566 16.1486C17.0231 15.8151 16.483 15.8151 16.1495 16.1486C15.816 16.4818 15.816 17.0224 16.1495 17.3557L21.0438 22.25C21.2106 22.4167 21.4289 22.5001 21.6474 22.5001C21.8656 22.5001 22.0842 22.4167 22.2509 22.25C22.5844 21.9168 22.5844 21.3761 22.2509 21.0429Z' fill='%23FDF7F7'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 24px;
  cursor: pointer;
  border: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
header .search__form button:hover {
  opacity: 0.7;
}
header .header__actions {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--Color-White, #FDF7F7);
}
header .header__actions .cart__total {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.8282 9.34117C29.6727 9.14205 29.4342 9.02568 29.1816 9.02568H8.73464C8.56281 8.33837 8.2722 7.17583 7.98499 6.02751C7.39174 3.6542 5.26877 1.99658 2.82227 1.99658C2.36923 1.99658 2.00195 2.36386 2.00195 2.81689C2.00195 3.26992 2.36923 3.63719 2.82227 3.63719C4.51452 3.63719 5.98299 4.78371 6.39336 6.42547L9.35174 18.2594C9.57688 19.1598 10.1033 19.919 10.8071 20.4419C9.39992 21.7794 9.71492 24.2276 11.3862 25.1788C9.90506 27.1161 11.3465 30.0192 13.8054 29.9963C16.0294 30.0264 17.531 27.5562 16.4887 25.6031H20.7872C19.7451 27.5565 21.2462 30.0264 23.4705 29.9963C27.4671 29.8448 27.4664 24.1136 23.4705 23.9625H12.9267C11.1029 23.8931 11.1043 21.2787 12.9267 21.21H24.1448C25.9357 21.21 27.4898 19.9966 27.924 18.2593L29.9775 10.0449C30.0387 9.79988 29.9837 9.54023 29.8282 9.34117ZM23.4705 25.6032C24.2294 25.6032 24.8468 26.2206 24.8468 26.9795C24.7776 28.8028 22.1631 28.8023 22.0941 26.9795C22.0941 26.2206 22.7116 25.6032 23.4705 25.6032ZM13.8054 25.6032C14.5643 25.6032 15.1817 26.2206 15.1817 26.9795C15.1125 28.8028 12.498 28.8023 12.4291 26.9795C12.4291 26.2206 13.0465 25.6032 13.8054 25.6032ZM26.3324 17.8615C26.081 18.8671 25.1815 19.5694 24.1448 19.5694H13.131C12.0943 19.5694 11.1948 18.8671 10.9434 17.8615L9.14474 10.6663H28.131L26.3324 17.8615Z' fill='%23FDF7F7'/%3E%3C/svg%3E%0A");
  width: 32px;
  height: 32px;
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
header .header__actions .cart__total span {
  border-radius: 30px;
  background: var(--Color-Lime-Green, #99DB57);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  padding: 0 6px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  aspect-ratio: 1/1;
  position: absolute;
  right: -5px;
  top: -5px;
  color: var(--Color-Dark, #020105);
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
header .header__actions .cart_price {
  color: var(--Color-White, #FDF7F7);
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  white-space: nowrap;
}
header .mobile__menu-btn {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  padding: 8px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header .mobile__menu-btn span {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #FDF7F7;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
header .mobile__menu-btn.active span:first-child {
  -webkit-transform: translateY(7px) rotate(45deg);
          transform: translateY(7px) rotate(45deg);
}
header .mobile__menu-btn.active span:nth-child(2) {
  opacity: 0;
}
header .mobile__menu-btn.active span:last-child {
  -webkit-transform: translateY(-7px) rotate(-45deg);
          transform: translateY(-7px) rotate(-45deg);
}

.mobile__menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  max-width: 400px;
  height: 100vh;
  background: var(--Color-Dark, rgb(2, 1, 5));
  z-index: 1001;
  -webkit-transition: right 0.3s ease;
  transition: right 0.3s ease;
  overflow-y: auto;
}
.mobile__menu.active {
  right: 0;
}

.mobile__menu-header {
  position: sticky;
  top: 0;
  background: var(--Color-Dark, rgb(2, 1, 5));
  padding: 16px 16px;
  border-bottom: 1px solid #151516;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.mobile__close-btn {
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.mobile__close-btn span {
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: rgb(232, 255, 101);
}
.mobile__close-btn span:first-child {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mobile__close-btn span:last-child {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.mobile__menu-content {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mobile__section {
  margin-bottom: 32px;
}
.mobile__section:last-child {
  margin-bottom: 0;
}

.mobile__section-title {
  color: var(--Color-White, rgb(253, 247, 247));
  font-family: Poppins;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0%;
  margin-bottom: 16px;
  padding: 12px 16px;
  background: var(--Color-Black, rgb(38, 38, 44));
}

.mobile__brands {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding: 16px 16px;
}

.brand__item {
  border-radius: 12px;
  background: var(--Color-Black, rgb(38, 38, 44));
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 80px;
}
.brand__item img {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.mobile__nav {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mobile__nav li:not(:last-child) {
  border-bottom: 1px solid #151516;
}
.mobile__nav li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 12px 16px;
  color: var(--Color-White, rgb(253, 247, 247));
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0%;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mobile__nav li a img {
  width: 32px;
  height: 32px;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mobile__nav li:hover {
  background-color: #99DB57;
}
.mobile__nav li:hover img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.mobile__menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
.mobile__menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 992px) {
  header .header__content {
    gap: 0;
    padding: 0;
  }
  header .top__block {
    display: block;
    border-bottom: none;
    padding: 12px 0 12px;
  }
  header .hder__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  header .menu__primary {
    display: none;
  }
  header .header__contact ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .header__contact ul li a {
    font-size: 14px;
    line-height: 20px;
  }
  header .header__primary {
    gap: 16px;
    padding: 12px 0 20px;
    position: relative;
  }
  header .mobile__menu-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    top: 20%;
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
  }
  header .logo {
    max-width: 150px;
    margin: 0 auto;
  }
  header .search__form {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-top: 12px;
  }
  header .search__form input {
    padding: 16px 56px 16px 20px;
    font-size: 14px;
  }
  header .search__form button {
    right: 20px;
  }
  header .header__actions {
    position: absolute;
    right: 0;
    top: 20%;
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
  }
  header .header__actions .cart_price {
    display: none;
  }
}
@media (max-width: 640px) {
  header .top__block {
    padding: 10px 0 10px;
  }
  header .header__contact ul {
    gap: 4px;
  }
  header .header__contact ul li a {
    font-size: 13px;
    line-height: 18px;
  }
  header .header__primary {
    padding: 12px 0 16px;
  }
  header .logo {
    max-width: 120px;
  }
  header .search__form {
    margin-top: 8px;
  }
  header .search__form input {
    padding: 14px 50px 14px 16px;
    font-size: 13px;
  }
  header .search__form button {
    width: 20px;
    height: 20px;
    right: 16px;
    background-size: 20px;
  }
  header .header__actions .cart__total {
    width: 28px;
    height: 28px;
    background-size: 28px;
  }
  header .header__actions .cart__total span {
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
  }
  .mobile__menu {
    max-width: 100%;
  }
  .mobile__brands {
    gap: 10px;
  }
  .brand__item {
    padding: 12px;
    min-height: 70px;
  }
}
.hero__block {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hero__block .hero__slider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:992px) {
  .hero__block .hero__slider {
    border-radius: 12px;
    overflow: hidden;
  }
}
.hero__block .hero__item {
  width: 100%;
  min-height: 600px;
  border-radius: 12px;
  overflow: hidden;
  background-size: cover;
}
@media (max-width: 768px) {
  .hero__block .hero__item {
    min-height: 230px;
    border-radius: 13px;
  }
}
.hero__block .hero__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero__block .hero__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.hero__block .item__wrap {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 180px 150px;
}
@media (max-width: 768px) {
  .hero__block .item__wrap {
    padding: 60px 20px;
  }
}
.hero__block .item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 48px;
}
@media (max-width: 768px) {
  .hero__block .item__content {
    gap: 24px;
  }
}
.hero__block .item__title {
  color: var(--Color-White, #FDF7F7);
  font-family: "Work Sans";
  font-size: 48px;
  font-style: normal;
  font-weight: 900;
  line-height: 58px;
}
@media (max-width: 768px) {
  .hero__block .item__title {
    color: var(--Color-White, #FDF7F7);
    text-align: center;
    /* Work Sans - Black */
    font-family: "Work Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px; /* 120% */
    text-align: center;
  }
}
.hero__block .item__text {
  color: var(--Color-White, #FDF7F7);
  font-family: "Work Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
@media (max-width: 768px) {
  .hero__block .item__text {
    color: var(--Color-White, #FDF7F7);
    /* Poppins - Regular */
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
    text-align: center;
  }
}
.hero__block .item__btn .btn__primary {
  position: relative;
}
.hero__block .item__btn .btn__primary:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 10' fill='none'%3E%3Cpath d='M13.5394 0.182017C13.315 -0.0606771 12.9411 -0.0606715 12.7167 0.182029C12.5049 0.411078 12.5049 0.772791 12.7167 1.00184L15.8549 4.39559H0.832274C0.510693 4.39559 0.25 4.6662 0.25 5.00002C0.25 5.33384 0.510693 5.60445 0.832275 5.60445H15.8549L12.7167 8.99817C12.5049 9.22721 12.5049 9.58892 12.7167 9.81797C12.9411 10.0607 13.315 10.0607 13.5394 9.81798L17.5735 5.45555C17.8088 5.20099 17.8088 4.79897 17.5735 4.54442L13.5394 0.182017Z' fill='%2326262C'/%3E%3C/svg%3E");
  width: 18px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
}
@media screen and (max-width:992px) {
  .hero__block .item__btn {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.hero__block .swiper-navigation-icon {
  display: none;
}
.hero__block .swiper-button-prev,
.hero__block .swiper-button-next {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid var(--Color-White, #FDF7F7);
  background: rgba(253, 247, 247, 0.1);
  backdrop-filter: blur(5px);
}
@media (max-width: 768px) {
  .hero__block .swiper-button-prev,
  .hero__block .swiper-button-next {
    width: 40px;
    height: 40px;
  }
}
.hero__block .swiper-button-prev:after,
.hero__block .swiper-button-next:after {
  content: "";
  width: 12px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 768px) {
  .hero__block .swiper-button-prev:after,
  .hero__block .swiper-button-next:after {
    width: 10px;
    height: 18px;
  }
}
.hero__block .swiper-button-prev:hover,
.hero__block .swiper-button-next:hover {
  background: rgba(253, 247, 247, 0.2);
}
.hero__block .swiper-button-prev.swiper-button-disabled,
.hero__block .swiper-button-next.swiper-button-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.hero__block .swiper-button-prev {
  left: 24px;
}
@media (max-width: 768px) {
  .hero__block .swiper-button-prev {
    left: 12px;
  }
}
.hero__block .swiper-button-prev:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='22' viewBox='0 0 12 22' fill='none'%3E%3Cpath d='M-4.58971e-07 11C-4.483e-07 10.7559 0.0977483 10.5116 0.292998 10.3252L10.2929 0.779741C10.6837 0.406753 11.3164 0.406753 11.7069 0.779741C12.0974 1.15273 12.0977 1.75672 11.7069 2.12947L2.41399 11L11.7069 19.8706C12.0977 20.2436 12.0977 20.8476 11.7069 21.2203C11.3162 21.5931 10.6834 21.5933 10.2929 21.2203L0.292998 11.6749C0.0977483 11.4885 -4.69643e-07 11.2442 -4.58971e-07 11Z' fill='%23FDF7F7'/%3E%3C/svg%3E");
}
.hero__block .swiper-button-next {
  right: 24px;
}
@media (max-width: 768px) {
  .hero__block .swiper-button-next {
    right: 12px;
  }
}
.hero__block .swiper-button-next:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='22' viewBox='0 0 12 22' fill='none'%3E%3Cpath d='M12 11C12 10.7559 11.9023 10.5116 11.707 10.3252L1.70705 0.779741C1.31631 0.406753 0.683559 0.406753 0.293061 0.779741C-0.097437 1.15273 -0.0976869 1.75672 0.293061 2.12947L9.58601 11L0.293062 19.8706C-0.0976861 20.2436 -0.0976861 20.8476 0.293062 21.2203C0.68381 21.5933 1.31656 21.5933 1.70705 21.2203L11.707 11.6749C11.9023 11.4885 12 11.2442 12 11Z' fill='%23FDF7F7'/%3E%3C/svg%3E");
}
.hero__block .swiper-pagination {
  bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media (max-width: 768px) {
  .hero__block .swiper-pagination {
    bottom: 20px;
    gap: 8px;
  }
}
.hero__block .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background: var(--Color-White, #FDF7F7);
  opacity: 1;
  border-radius: 50%;
  margin: 0 !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .hero__block .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
}
.hero__block .swiper-pagination-bullet:hover {
  background: var(--Color-Lime-Green, #99DB57);
}
.hero__block .swiper-pagination-bullet-active {
  background: var(--Color-Lime-Green, #99DB57);
  width: 24px;
  height: 24px;
}
@media (max-width: 768px) {
  .hero__block .swiper-pagination-bullet-active {
    width: 18px;
    height: 18px;
  }
}

.p__block {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
}
@media (max-width: 768px) {
  .p__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 12px;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 -16px 0 0;
    padding: 0;
  }
  .p__block::-webkit-scrollbar {
    display: none;
  }
}
.p__block .p__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 12px;
  background: var(--Color-Black, #26262C);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.p__block .p__item:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.p__block .p__item a {
  text-decoration: none;
}
@media (max-width: 768px) {
  .p__block .p__item {
    min-width: calc((100vw - 48px) / 2.1);
    width: calc((100vw - 48px) / 2.1);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    scroll-snap-align: start;
  }
  .p__block .p__item:first-child {
    margin-left: 16px;
  }
  .p__block .p__item:last-child {
    margin-right: 16px;
  }
}
.p__block .item__wrap {
  padding: 24px 0;
  display: grid;
  place-items: center;
  gap: 8px;
}
.p__block .item__icon {
  max-width: 50px;
}
.p__block .item__title {
  color: var(--Color-White, #FDF7F7);
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  padding: 0 32px;
}
@media (max-width: 768px) {
  .p__block .item__title {
    padding: 0 16px;
    font-size: 14px;
    line-height: 20px;
  }
}

.slider__wrap {
  position: relative;
  overflow: visible;
}

.product__slider {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.product__slider .swiper-button-next,
.product__slider .swiper-button-prev {
  border-radius: 8px;
  border: 1px solid var(--Color-White, #FDF7F7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 56px;
  height: 56px;
  padding: 14px 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media screen and (max-width:992px) {
  .product__slider .swiper-button-next,
  .product__slider .swiper-button-prev {
    border-radius: 8px;
    background: var(--Color-Lime-Green, #99DB57);
    width: 30px;
    height: 30px;
    border: 0;
  }
}
.product__slider .swiper-button-next:after,
.product__slider .swiper-button-prev:after {
  content: "";
  width: 12px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
}
.product__slider .swiper-button-next .swiper-navigation-icon,
.product__slider .swiper-button-prev .swiper-navigation-icon {
  display: none;
}
.product__slider .swiper-button-next {
  right: -80px;
}
@media screen and (max-width:1440px) {
  .product__slider .swiper-button-next {
    right: 0;
  }
}
.product__slider .swiper-button-next:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='22' viewBox='0 0 12 22' fill='none'%3E%3Cpath d='M12 11C12 10.7559 11.9023 10.5116 11.707 10.3252L1.70705 0.779741C1.31631 0.406753 0.683559 0.406753 0.293061 0.779741C-0.097437 1.15273 -0.0976869 1.75672 0.293061 2.12947L9.58601 11L0.293062 19.8706C-0.0976861 20.2436 -0.0976861 20.8476 0.293062 21.2203C0.68381 21.5931 1.31656 21.5933 1.70705 21.2203L11.707 11.6749C11.9023 11.4885 12 11.2442 12 11Z' fill='%23FDF7F7'/%3E%3C/svg%3E");
}
@media screen and (max-width:992px) {
  .product__slider .swiper-button-next:after {
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='22' viewBox='0 0 12 22' fill='none'%3E%3Cpath d='M12 11C12 10.7559 11.9023 10.5116 11.707 10.3252L1.70705 0.779741C1.31631 0.406753 0.683559 0.406753 0.293061 0.779741C-0.097437 1.15273 -0.0976869 1.75672 0.293061 2.12947L9.58601 11L0.293062 19.8706C-0.0976861 20.2436 -0.0976861 20.8476 0.293062 21.2203C0.68381 21.5931 1.31656 21.5933 1.70705 21.2203L11.707 11.6749C11.9023 11.4885 12 11.2442 12 11Z' fill='%23000'/%3E%3C/svg%3E");
  }
}
.product__slider .swiper-button-prev {
  left: -80px;
}
@media screen and (max-width:1440px) {
  .product__slider .swiper-button-prev {
    left: 0;
  }
}
.product__slider .swiper-button-prev:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='22' viewBox='0 0 12 22' fill='none'%3E%3Cpath d='M12 11C12 10.7559 11.9023 10.5116 11.707 10.3252L1.70705 0.779741C1.31631 0.406753 0.683559 0.406753 0.293061 0.779741C-0.097437 1.15273 -0.0976869 1.75672 0.293061 2.12947L9.58601 11L0.293062 19.8706C-0.0976861 20.2436 -0.0976861 20.8476 0.293062 21.2203C0.68381 21.5931 1.31656 21.5933 1.70705 21.2203L11.707 11.6749C11.9023 11.4885 12 11.2442 12 11Z' fill='%23FDF7F7'/%3E%3C/svg%3E");
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
@media screen and (max-width:992px) {
  .product__slider .swiper-button-prev:after {
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='22' viewBox='0 0 12 22' fill='none'%3E%3Cpath d='M12 11C12 10.7559 11.9023 10.5116 11.707 10.3252L1.70705 0.779741C1.31631 0.406753 0.683559 0.406753 0.293061 0.779741C-0.097437 1.15273 -0.0976869 1.75672 0.293061 2.12947L9.58601 11L0.293062 19.8706C-0.0976861 20.2436 -0.0976861 20.8476 0.293062 21.2203C0.68381 21.5931 1.31656 21.5933 1.70705 21.2203L11.707 11.6749C11.9023 11.4885 12 11.2442 12 11Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
}
.product__slider .product__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
  border: 1px solid var(--Color-Charcoal, #454553);
  background: var(--Color-Dark, #020105);
}
@media screen and (max-width:992px) {
  .product__slider .product__item {
    gap: 8px;
  }
}
.product__slider .product__img {
  border-radius: 12px 12px 0 0;
  width: 100%;
  height: 312px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  aspect-ratio: 1/1;
  overflow: hidden;
}
@media screen and (max-width:992px) {
  .product__slider .product__img {
    height: 160px;
  }
}
.product__slider .product__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product__slider .product__content {
  padding: 12px 12px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.product__slider .product__rating {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.product__slider .product__rating .rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product__slider .product__rating .rating span {
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10037_8517)'%3E%3Cpath d='M3.18462 7.46431L2.62945 10.8676C2.5852 11.1379 2.87395 11.3408 3.11276 11.208L6.0003 9.61222L8.88785 11.2085C9.12446 11.3399 9.41584 11.141 9.37115 10.868L8.81599 7.46475L11.1646 5.05744C11.3508 4.86683 11.2439 4.54346 10.9792 4.50315L7.74641 4.00933L6.29738 0.922858C6.18915 0.692381 5.81101 0.692381 5.70278 0.922858L4.25419 4.00889L1.02137 4.50271C0.755836 4.54346 0.649799 4.86639 0.836021 5.057L3.18462 7.46431Z' fill='%23B4B4B4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10037_8517'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.product__slider .product__rating .rating span.active {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10037_8150)'%3E%3Cpath d='M3.18462 7.46431L2.62945 10.8676C2.5852 11.1379 2.87395 11.3408 3.11276 11.208L6.0003 9.61222L8.88785 11.2085C9.12446 11.3399 9.41584 11.141 9.37115 10.868L8.81599 7.46475L11.1646 5.05744C11.3508 4.86683 11.2439 4.54346 10.9792 4.50315L7.74641 4.00933L6.29738 0.922858C6.18915 0.692381 5.81101 0.692381 5.70278 0.922858L4.25419 4.00889L1.02137 4.50271C0.755836 4.54346 0.649799 4.86639 0.836021 5.057L3.18462 7.46431Z' fill='%23E8FF65'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10037_8150'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.product__slider .product__title {
  color: var(--Color-White, #FDF7F7);
  text-align: center;
  /* Work Sans - SemiBold */
  font-family: "Work Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
}
@media screen and (max-width:992px) {
  .product__slider .product__title {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 153.846% */
  }
}
.product__slider .product__title a {
  color: var(--Color-White, #FDF7F7);
  text-decoration: none;
}
.product__slider .product__select__price {
  position: relative; /* щоб dropdown був поверх */
  z-index: 30;
  border-radius: 8px;
  border: 1px solid var(--Color-Charcoal, #454553);
  background: var(--Color-Black, #26262C);
  /* ---- SELECTED ITEM ---- */
  /* ---- DROPDOWN (поверх) ---- */
}
.product__slider .product__select__price .select__price {
  position: relative;
}
.product__slider .product__select__price .sel__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 12px 16px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
}
@media screen and (max-width:992px) {
  .product__slider .product__select__price .sel__item {
    gap: 8px;
    padding: 10px 12px;
  }
}
.product__slider .product__select__price .sel__item span:first-child {
  position: relative;
  padding-right: 12px;
}
.product__slider .product__select__price .sel__item span:first-child::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background: var(--Color-Charcoal, #454553);
}
.product__slider .product__select__price .sel__item span {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: var(--Color-White, #FDF7F7);
}
@media screen and (max-width:992px) {
  .product__slider .product__select__price .sel__item span {
    font-size: 12px;
  }
}
.product__slider .product__select__price .sel__item span:nth-child(2) {
  color: var(--Color-Lime-Green, #99DB57);
  font-weight: 600;
}
@media screen and (max-width:992px) {
  .product__slider .product__select__price .sel__item span:nth-child(2) {
    font-size: 12px;
  }
}
.product__slider .product__select__price .sel__selected {
  position: relative;
  padding-right: 44px;
}
@media screen and (max-width:992px) {
  .product__slider .product__select__price .sel__selected {
    padding-right: 0;
  }
}
.product__slider .product__select__price .sel__selected::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  width: 14px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M7.00003 8C6.83728 8 6.67437 7.93483 6.55012 7.80467L0.186494 1.13804C-0.0621647 0.877537 -0.0621647 0.455706 0.186494 0.195374C0.435153 -0.064958 0.837811 -0.0651247 1.08631 0.195374L7.00003 6.39068L12.9137 0.195374C13.1624 -0.0651247 13.5651 -0.0651247 13.8136 0.195374C14.0621 0.455873 14.0622 0.877703 13.8136 1.13804L7.44994 7.80467C7.32569 7.93483 7.16278 8 7.00003 8Z' fill='%23FDF7F7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 14px 8px;
  -webkit-transition: -webkit-transform 0.18s ease;
  transition: -webkit-transform 0.18s ease;
  transition: transform 0.18s ease;
  transition: transform 0.18s ease, -webkit-transform 0.18s ease;
  pointer-events: none;
}
@media screen and (max-width:992px) {
  .product__slider .product__select__price .sel__selected::after {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00001 6C3.91864 6 3.83719 5.96742 3.77506 5.90233L0.593247 2.56902C0.468918 2.43877 0.468918 2.22785 0.593247 2.09769C0.717576 1.96752 0.918905 1.96744 1.04316 2.09769L4.00001 5.19534L6.95687 2.09769C7.0812 1.96744 7.28253 1.96744 7.40678 2.09769C7.53103 2.22794 7.53111 2.43885 7.40678 2.56902L4.22497 5.90233C4.16284 5.96742 4.08139 6 4.00001 6Z' fill='%23FDF7F7'/%3E%3C/svg%3E");
    width: 8px;
    height: 8px;
  }
}
.product__slider .product__select__price .sel__dropdown {
  position: absolute; /* 🔥 робить поверх */
  top: 100%;
  left: 0;
  width: 100%;
  background: var(--Color-Black, #26262C);
  z-index: 50;
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: 0 10px 18px rgba(0, 0, 0, 0.35);
          box-shadow: 0 10px 18px rgba(0, 0, 0, 0.35);
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-transition: max-height 0.22s ease, opacity 0.18s ease, -webkit-transform 0.18s ease;
  transition: max-height 0.22s ease, opacity 0.18s ease, -webkit-transform 0.18s ease;
  transition: max-height 0.22s ease, opacity 0.18s ease, transform 0.18s ease;
  transition: max-height 0.22s ease, opacity 0.18s ease, transform 0.18s ease, -webkit-transform 0.18s ease;
  pointer-events: none;
}
.product__slider .product__select__price .select__price[data-open=true] .sel__dropdown {
  max-height: 350px;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}
.product__slider .product__select__price .select__price[data-open=true] .sel__selected::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.product__slider .product__select__price .sel__dropdown .sel__item {
  border-top: 1px solid #454553;
  padding: 12px 16px;
}
.product__slider .product__select__price .sel__dropdown .sel__item:hover,
.product__slider .product__select__price .sel__dropdown .sel__item:focus {
  background: var(--Color-Lime-Green, #99DB57);
}
.product__slider .product__select__price .sel__dropdown .sel__item:hover span,
.product__slider .product__select__price .sel__dropdown .sel__item:focus span {
  color: var(--Color-Black, #26262C);
}
.product__slider .product__select__price .sel__dropdown .sel__item:hover span:nth-child(2),
.product__slider .product__select__price .sel__dropdown .sel__item:focus span:nth-child(2) {
  color: var(--Color-Black, #26262C);
}
.product__slider .product__select__price .sel__dropdown .sel__item:last-child:hover,
.product__slider .product__select__price .sel__dropdown .sel__item:last-child:focus {
  border-radius: 0 0 8px 8px;
}
.product__slider .product__select__price .sel__dropdown .sel__item[aria-selected=true] {
  background: var(--Color-Charcoal, #454553);
}
.product__slider .product__select__price .sel__dropdown .sel__item[aria-selected=true] span {
  color: var(--Color-White, #FDF7F7);
}
.product__slider .product__select__price .sel__dropdown .sel__item[aria-selected=true] span:nth-child(2) {
  color: var(--Color-Lime-Green, #99DB57);
}
.product__slider .product__btn .btn__primary {
  max-width: none;
  padding: 16px 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media screen and (max-width:992px) {
  .product__slider .product__btn .btn__primary {
    padding: 10px 12px;
    font-size: 13px;
  }
}
.product__slider .product__btn .btn__primary::before {
  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='M22.3715 7.00844C22.2549 6.8591 22.076 6.77182 21.8866 6.77182H6.55143C6.42256 6.25634 6.2046 5.38444 5.98919 4.5232C5.54426 2.74322 3.95204 1.5 2.11718 1.5C1.77741 1.5 1.50195 1.77546 1.50195 2.11523C1.50195 2.455 1.77741 2.73046 2.11718 2.73046C3.38636 2.73046 4.4877 3.59035 4.79548 4.82167L7.01425 13.6971C7.18311 14.3724 7.57792 14.9418 8.10579 15.334C7.05038 16.3371 7.28663 18.1733 8.5401 18.8867C7.42924 20.3396 8.51032 22.5169 10.3545 22.4998C12.0225 22.5224 13.1487 20.6697 12.3669 19.2049H15.5908C14.8092 20.6699 15.935 22.5224 17.6032 22.4998C20.6007 22.3862 20.6001 18.0878 17.6032 17.9745H9.69546C8.32764 17.9224 8.32866 15.9616 9.69546 15.91H18.109C19.4521 15.91 20.6177 15 20.9434 13.6971L22.4834 7.53622C22.5294 7.35247 22.4881 7.15773 22.3715 7.00844ZM17.6032 19.205C18.1724 19.205 18.6354 19.668 18.6354 20.2372C18.5836 21.6047 16.6227 21.6043 16.571 20.2372C16.571 19.668 17.034 19.205 17.6032 19.205ZM10.3545 19.205C10.9236 19.205 11.3867 19.668 11.3867 20.2372C11.3348 21.6047 9.37394 21.6043 9.32222 20.2372C9.32222 19.668 9.78528 19.205 10.3545 19.205ZM19.7497 13.3987C19.5611 14.1529 18.8865 14.6796 18.109 14.6796H9.84865C9.07116 14.6796 8.3965 14.1529 8.20796 13.3987L6.859 8.00232H21.0986L19.7497 13.3987Z' fill='%2326262C'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
}

.client__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 165px;
  gap: 20px;
}
@media (max-width: 768px) {
  .client__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 12px;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 -16px 0 0;
    padding: 0;
    grid-auto-rows: auto;
  }
  .client__list::-webkit-scrollbar {
    display: none;
  }
}
.client__list .list__item {
  border-radius: 12px;
  background: var(--Color-Black, #26262C);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.client__list .list__item:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
@media (max-width: 768px) {
  .client__list .list__item {
    min-width: calc((100vw - 48px) / 2.1);
    width: calc((100vw - 48px) / 2.1);
    height: 165px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    scroll-snap-align: start;
  }
  .client__list .list__item:first-child {
    margin-left: 16px;
  }
  .client__list .list__item:last-child {
    margin-right: 16px;
  }
  .client__list .list__item:hover {
    -webkit-transform: none;
            transform: none;
  }
}
.client__list .list__item .item__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.client__list .list__item .item__wrap .item__logo {
  max-width: 100%;
  max-height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.client__list .list__item .item__wrap .item__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.seo__text {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.seo__text h1 {
  /* Work Sans - Bold */
  font-family: "Work Sans";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 54px; /* 150% */
}
.seo__text h1 span {
  color: var(--Color-Lime-Green, #99DB57);
}
.seo__text span, .seo__text strong, .seo__text a {
  color: var(--Color-Lime-Green, #99DB57);
}
.seo__text img {
  border-radius: 12px;
  max-width: none;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.seo__text p {
  color: var(--Color-Light-Grey, #E5E5E5);
  /* Poppins - Regular */
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 200% */
}
.seo__text p:not(:last-child) {
  margin-bottom: 16px;
}
.seo__text a {
  color: var(--Color-Lime-Green, #99DB57);
  /* Poppins - Medium */
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}
.seo__text h2 {
  color: var(--Color-White, #FDF7F7);
  /* Work Sans - Bold */
  font-family: "Work Sans";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 54px; /* 150% */
}
.seo__text h3 {
  color: var(--Color-White, #FDF7F7);
  /* Work Sans - Bold */
  font-family: "Work Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 125% */
}

/*Shop page*/
.page__body {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 100px;
}

.breadcrumbs ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media screen and (max-width:992px) {
  .breadcrumbs ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.breadcrumbs ul li a, .breadcrumbs ul li span {
  color: var(--Color-White, #FDF7F7);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}
.breadcrumbs ul li a {
  color: var(--Color-Lime-Green, #99DB57);
}
.breadcrumbs ul li.sep {
  color: var(--Color-White, #FDF7F7);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.breadcrumbs .home {
  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 fill-rule='evenodd' clip-rule='evenodd' d='M16.9353 7.50124V6.45324C16.9353 6.08806 17.2413 5.79202 17.6187 5.79202H18.3021C18.6796 5.79202 18.9855 6.08806 18.9855 6.45324V9.48489L22.2999 12.6916C22.5667 12.9498 22.5667 13.3684 22.2999 13.6267C22.0331 13.8851 21.6001 13.8853 21.3332 13.627L18.9855 11.3555V20.3388C18.9855 20.704 18.6796 21 18.3021 21H6.0008C5.62336 21 5.31739 20.704 5.31739 20.3388V11.0624L2.66652 13.6272C2.39967 13.8854 1.967 13.8854 1.70014 13.6272C1.43329 13.369 1.43329 12.9504 1.70014 12.6922L11.0336 3.66179L11.0329 3.66115L11.5161 3.19367C11.783 2.93546 12.2156 2.93544 12.4825 3.19363L16.9353 7.50124ZM6.68421 9.73995V19.6776H17.6187V10.0331L12 4.5968L6.68421 9.73995Z' fill='%2399DB57'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}

.page__title {
  margin: 20px 0;
}
.page__title h1 {
  color: var(--Color-White, #FDF7F7);
  font-family: "Work Sans";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px; /* 122.222% */
}

.filter__row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width:992px) {
  .filter__row {
    gap: 12px;
  }
}
.filter__row .filter__btn {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: none;
}
@media screen and (max-width:992px) {
  .filter__row .filter__btn {
    display: block;
  }
}
.filter__row .filter__btn .btn__primary {
  max-width: 306px;
  width: 100%;
}
@media screen and (max-width:992px) {
  .filter__row .filter__btn .btn__primary {
    max-width: none;
  }
}
.filter__row .filter__btn .filter {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.30513 3.34051H9.62342C9.87412 4.48165 10.8932 5.33836 12.1085 5.33836C13.3239 5.33836 14.343 4.48169 14.5937 3.34051H17.6955C17.9972 3.34051 18.2419 3.09588 18.2419 2.79416C18.2419 2.49244 17.9972 2.24782 17.6955 2.24782H14.5934C14.3422 1.10725 13.3217 0.25 12.1085 0.25C10.8947 0.25 9.8747 1.10711 9.62362 2.24782H1.30513C1.00342 2.24782 0.758789 2.49244 0.758789 2.79416C0.758789 3.09588 1.00342 3.34051 1.30513 3.34051ZM10.6571 2.7956C10.6571 2.79365 10.6571 2.79167 10.6571 2.78972C10.6595 1.99182 11.3106 1.34273 12.1085 1.34273C12.9054 1.34273 13.5565 1.99093 13.5599 2.78846L13.56 2.79648C13.5587 3.59575 12.9081 4.2457 12.1085 4.2457C11.3093 4.2457 10.6589 3.5964 10.6571 2.79761L10.6571 2.7956ZM17.6955 14.6595H14.5934C14.3422 13.5189 13.3217 12.6616 12.1085 12.6616C10.8947 12.6616 9.8747 13.5188 9.62362 14.6595H1.30513C1.00342 14.6595 0.758789 14.9041 0.758789 15.2058C0.758789 15.5076 1.00342 15.7522 1.30513 15.7522H9.62342C9.87412 16.8933 10.8932 17.75 12.1085 17.75C13.3239 17.75 14.343 16.8933 14.5937 15.7522H17.6955C17.9972 15.7522 18.2419 15.5076 18.2419 15.2058C18.2419 14.9041 17.9972 14.6595 17.6955 14.6595ZM12.1085 16.6573C11.3093 16.6573 10.6589 16.008 10.6571 15.2092L10.6571 15.2072C10.6571 15.2053 10.6571 15.2033 10.6571 15.2014C10.6595 14.4035 11.3106 13.7543 12.1085 13.7543C12.9054 13.7543 13.5565 14.4025 13.5599 15.2L13.56 15.2081C13.5589 16.0074 12.9082 16.6573 12.1085 16.6573ZM17.6955 8.45366H9.37722C9.12652 7.31251 8.10745 6.45584 6.8921 6.45584C5.67675 6.45584 4.65768 7.31251 4.40698 8.45366H1.30513C1.00342 8.45366 0.758789 8.69828 0.758789 9C0.758789 9.30175 1.00342 9.54635 1.30513 9.54635H4.40725C4.65847 10.6869 5.67891 11.5442 6.8921 11.5442C8.10594 11.5442 9.12594 10.687 9.37702 9.54635H17.6955C17.9972 9.54635 18.2419 9.30175 18.2419 9C18.2419 8.69828 17.9972 8.45366 17.6955 8.45366ZM8.34354 8.99857C8.34354 9.00055 8.3435 9.00249 8.3435 9.00444C8.34111 9.80234 7.69004 10.4514 6.8921 10.4514C6.09529 10.4514 5.44418 9.80323 5.44073 9.00574L5.44063 8.99775C5.44183 8.19838 6.09249 7.54853 6.8921 7.54853C7.69134 7.54853 8.34176 8.19779 8.34357 8.99662L8.34354 8.99857Z' fill='%2326262C'/%3E%3C/svg%3E%0A");
  width: 19px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}
.filter__row .filter__select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
@media screen and (max-width:992px) {
  .filter__row .filter__select {
    gap: 12px;
  }
}
.filter__row .select__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.filter__row .select__item .label {
  color: var(--Color-Light-Grey);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
@media screen and (max-width:992px) {
  .filter__row .select__item .label {
    display: none;
  }
}
.filter__row .select__item select {
  border-radius: 8px;
  border: 1px solid var(--Color-Charcoal, #454553);
  background: var(--Color-Black, #26262C);
  padding: 15px 56px 15px 20px;
  color: var(--Color-White);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00002 9C5.87796 9 5.75578 8.95113 5.66259 8.8535L0.889871 3.85353C0.703376 3.65815 0.703376 3.34178 0.889871 3.14653C1.07636 2.95128 1.37836 2.95116 1.56473 3.14653L6.00002 7.79301L10.4353 3.14653C10.6218 2.95116 10.9238 2.95116 11.1102 3.14653C11.2965 3.3419 11.2967 3.65828 11.1102 3.85353L6.33745 8.8535C6.24427 8.95113 6.12208 9 6.00002 9Z' fill='%23FDF7F7'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 20px center;
  min-width: 100px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width:992px) {
  .filter__row .select__item select {
    min-width: none;
  }
}
.filter__row .select__item select:hover {
  border-color: #5a5a6a;
}
.filter__row .select__item select:focus {
  outline: none;
  border-color: #6a6a7a;
  -webkit-box-shadow: 0 0 0 3px rgba(69, 69, 83, 0.2);
          box-shadow: 0 0 0 3px rgba(69, 69, 83, 0.2);
}
.filter__row .select__item select option {
  background: var(--Color-Black);
  color: var(--Color-White);
  padding: 10px;
}

.shop__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px;
  margin: 32px 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  /* overlay */
}
@media screen and (max-width:992px) {
  .shop__row {
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 24px 0;
  }
}
.shop__row .shop__product {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width:992px) {
  .shop__row .shop__product {
    width: 100%;
  }
}
.shop__row .product__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
}
@media screen and (max-width:992px) {
  .shop__row .product__grid {
    grid-gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
}
@media screen and (max-width:768px) {
  .shop__row .product__grid {
    grid-gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}
.shop__row .filter-sidebar {
  border-radius: 12px;
  background: var(--Color-Black, #26262C);
  max-width: 306px;
  width: 100%;
  /* ВАЖЛИВО: не блокуємо скрол на десктопі */
  overflow: visible;
  /* --- MOBILE --- */
}
.shop__row .filter-sidebar .filter-close {
  display: none;
}
@media screen and (max-width:992px) {
  .shop__row .filter-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    max-width: 306px;
    width: 100%;
    z-index: 1000;
    border-radius: 0;
    /* ВАЖЛИВО — дає скрол всередині панелі */
    overflow-y: auto !important;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    /* старт поза екраном */
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .shop__row .filter-sidebar.is-open {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .shop__row .filter-sidebar .filter-close {
    background: none;
    border: none;
    color: rgb(232, 255, 101);
    font-size: 28px;
    padding: 10px 15px;
    cursor: pointer;
    display: block;
    margin-left: auto;
  }
}
@media screen and (max-width:992px) {
  .shop__row .filter-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    display: block;
  }
  .shop__row .filter-overlay.is-open {
    opacity: 1;
    pointer-events: auto;
  }
  .shop__row body.no-scroll {
    overflow: hidden;
  }
}
.shop__row .filter-section {
  padding: 32px 24px 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.shop__row .filter-section:first-child {
  padding-top: 32px;
}
.shop__row .filter-section:last-child {
  margin-bottom: 0;
  padding-bottom: 32px;
  border-bottom: none;
}
.shop__row .filter-section__title {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 24px;
}
.shop__row .filter-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.shop__row .filter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.shop__row .filter-item:hover {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}
.shop__row .filter-item__icon {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.shop__row .filter-item__icon svg {
  width: 28px;
  height: 28px;
}
.shop__row .filter-item__text {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.shop__row .checkbox-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.shop__row .checkbox-item:hover {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}
.shop__row .checkbox-item input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: var(--Color-Charcoal, #454553);
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.shop__row .checkbox-item input[type=checkbox]:checked {
  background: var(--Color-Lime-Green, #99DB57);
}
.shop__row .checkbox-item input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid var(--Color-Black, #26262C);
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.shop__row .checkbox-item__label {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
}

.pagin__wrap {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 32px 0;
}
@media screen and (max-width:768px) {
  .pagin__wrap {
    gap: 24px;
    margin: 24px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.pagin__wrap .btn__load {
  position: relative;
}
.pagin__wrap .btn__load .more {
  border-radius: 8px;
  border: 1px solid var(--Color-Lime-Green, #99DB57);
  background: var(--Color-Dark, #020105);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 306px;
  width: 100%;
  padding: 15px 32px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--Color-Lime-Green, #99DB57);
  text-align: center;
  /* Poppins - Medium */
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  cursor: pointer;
}
@media screen and (max-width:768px) {
  .pagin__wrap .btn__load .more {
    max-width: none;
  }
}
.pagin__wrap .btn__load .more:after {
  content: "";
  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='M18.4958 6.57134C18.23 6.39514 17.868 6.46172 17.6869 6.72007L16.4995 8.41333C16.191 7.01555 15.4765 5.73116 14.4134 4.69719C12.9566 3.28031 11.0197 2.5 8.95943 2.5C6.89922 2.5 4.96228 3.28031 3.5055 4.69719C0.498167 7.62215 0.498167 12.3814 3.5055 15.3063C5.00916 16.7688 6.9843 17.5 8.95943 17.5C10.9346 17.5 12.9097 16.7688 14.4134 15.3063C14.6407 15.0852 14.6407 14.7266 14.4134 14.5055C14.186 14.2844 13.8174 14.2844 13.5901 14.5055C11.0367 16.9889 6.88223 16.9889 4.3289 14.5055C1.77557 12.0221 1.77557 7.98128 4.3289 5.49789C5.56578 4.29496 7.21025 3.63242 8.95951 3.63242C10.7088 3.63242 12.3533 4.29496 13.5901 5.49796C14.5448 6.42639 15.167 7.59301 15.4018 8.85951L13.3353 7.48868C13.0697 7.31247 12.7075 7.37906 12.5263 7.6374C12.3452 7.89574 12.4136 8.248 12.6792 8.4242L15.7619 10.4691C15.762 10.4692 15.7622 10.4693 15.7623 10.4695C15.8111 10.5018 15.8631 10.5256 15.9166 10.5418C15.9182 10.5424 15.9197 10.5432 15.9214 10.5436C15.9305 10.5464 15.9397 10.5474 15.9489 10.5497C15.9954 10.561 16.0426 10.5679 16.0898 10.5679C16.2758 10.5679 16.4586 10.4814 16.5713 10.3208L18.6487 7.35822C18.8299 7.0998 18.7614 6.74755 18.4958 6.57134Z' fill='%2399DB57'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.pagin__wrap .pagination {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pagin__wrap .pagination ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pagin__wrap .pagination ul li a {
  color: var(--Color-White, #FDF7F7);
  text-align: center;
  /* Poppins - Medium */
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  border-radius: 8px;
  border: 1px solid var(--Color-Charcoal, #454553);
  background: var(--Color-Black, #26262C);
  text-decoration: none;
  padding: 10px 20px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.pagin__wrap .pagination ul li a:hover {
  background: var(--Color-Lime-Green, #99DB57);
  color: var(--Color-Black, #26262C);
}

.blog__row .product__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
}
.blog__row .post__content {
  padding: 20px 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.blog__row .post__content .post__title {
  color: var(--Color-White, #FDF7F7);
  /* Work Sans - Bold */
  font-family: "Work Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 120% */
}
.blog__row .post__content .post__title a {
  text-decoration: none;
  color: var(--Color-White, #FDF7F7);
}
.blog__row .post__content .post__desc {
  color: var(--Color-Light-Grey, #E5E5E5);
  /* Poppins - Regular */
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}
.blog__row .post__content .post__btn {
  width: 100%;
}
.blog__row .post__content .btn__primary {
  max-width: none;
  width: 100%;
}
.blog__row .post__content .btn__primary:after {
  content: "";
  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='M14.5394 5.18202C14.315 4.93932 13.9411 4.93933 13.7167 5.18203C13.5049 5.41108 13.5049 5.77279 13.7167 6.00184L16.8549 9.39559H1.83227C1.51069 9.39559 1.25 9.6662 1.25 10C1.25 10.3338 1.51069 10.6045 1.83227 10.6045H16.8549L13.7167 13.9982C13.5049 14.2272 13.5049 14.5889 13.7167 14.818C13.9411 15.0607 14.315 15.0607 14.5394 14.818L18.5735 10.4555C18.8088 10.201 18.8088 9.79897 18.5735 9.54442L14.5394 5.18202Z' fill='%2326262C'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  display: inline-block;
}
.blog__row .product__item {
  background: var(--Color-Black, #26262C);
}

.post__wrap {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 12px;
  background: var(--Color-Black, #26262C);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 872px;
  padding: 24px 32px;
  gap: 10px;
  margin: 42px auto;
}
.post__wrap .btn__group {
  padding: 0;
}
.post__wrap .post__title {
  color: var(--Color-White, #FDF7F7);
  /* Work Sans - Bold */
  font-family: "Work Sans";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 54px; /* 150% */
}
.post__wrap img {
  border-radius: 12px;
  aspect-ratio: 101/50;
  width: 100%;
  height: auto;
}
.post__wrap p {
  color: var(--Color-Light-Grey, #E5E5E5);
  /* Poppins - Regular */
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 200% */
}
.post__wrap p:not(:last-child) {
  margin-bottom: 16px;
}
.post__wrap ul {
  list-style: none;
}
.post__wrap ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--Color-Lime-Green, #99DB57);
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-top: -2px;
}
.post__wrap .btn__group .btn__primary {
  max-width: 272px;
  width: 100%;
}
@media screen and (max-width:680px) {
  .post__wrap .btn__group .btn__primary {
    max-width: none;
  }
}
.post__wrap .btn__group .btn__primary::before {
  content: "";
  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='M5.46059 5.18202C5.68502 4.93932 6.05893 4.93933 6.28335 5.18203C6.49514 5.41108 6.49514 5.77279 6.28334 6.00184L3.14509 9.39559H18.1677C18.4893 9.39559 18.75 9.6662 18.75 10C18.75 10.3338 18.4893 10.6045 18.1677 10.6045H3.14509L6.28334 13.9982C6.49514 14.2272 6.49514 14.5889 6.28335 14.818C6.05893 15.0607 5.68502 15.0607 5.46059 14.818L1.42655 10.4555C1.19115 10.201 1.19115 9.79897 1.42655 9.54442L5.46059 5.18202Z' fill='%2326262C'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

.product__column {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}

.single__product {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  margin: 24px 0 0;
}
@media (max-width: 1200px) {
  .single__product {
    gap: 20px;
    margin: 20px 0 0;
  }
}
@media (max-width: 768px) {
  .single__product {
    gap: 16px;
    margin: 16px 0 0;
  }
}
.single__product .single__gallery {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 760px;
          flex: 0 0 760px;
}
@media (max-width: 1450px) {
  .single__product .single__gallery {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(58% - 12px);
            flex: 1 1 calc(58% - 12px);
    min-width: 0;
  }
}
@media (max-width: 1200px) {
  .single__product .single__gallery {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.single__product .product-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .single__product .product-gallery {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
.single__product .product-gallery .gallery-thumbs {
  width: 102px;
  height: 470px;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .single__product .product-gallery .gallery-thumbs {
    width: 100%;
    height: auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.single__product .product-gallery .gallery-thumbs .swiper {
  height: 100%;
}
.single__product .product-gallery .gallery-thumbs .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
@media (max-width: 768px) {
  .single__product .product-gallery .gallery-thumbs .swiper-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 8px;
  }
}
.single__product .product-gallery .gallery-thumbs .swiper-slide {
  width: 102px !important;
  height: 102px !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 768px) {
  .single__product .product-gallery .gallery-thumbs .swiper-slide {
    width: 80px !important;
    height: 80px !important;
  }
}
@media (max-width: 480px) {
  .single__product .product-gallery .gallery-thumbs .swiper-slide {
    width: 72px !important;
    height: 72px !important;
  }
}
.single__product .product-gallery .gallery-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.single__product .product-gallery .gallery-thumbs .swiper-slide-thumb-active {
  border: 2px solid var(--Color-Lime-Green, #99DB57);
  opacity: 1;
}
.single__product .product-gallery .gallery-main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  max-width: 640px;
  height: 650px;
}
@media (max-width: 1200px) {
  .single__product .product-gallery .gallery-main {
    max-width: 100%;
    height: 550px;
  }
}
@media (max-width: 1024px) {
  .single__product .product-gallery .gallery-main {
    height: 480px;
  }
}
@media (max-width: 768px) {
  .single__product .product-gallery .gallery-main {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    border-radius: 12px;
    height: 420px;
  }
}
@media (max-width: 480px) {
  .single__product .product-gallery .gallery-main {
    height: 320px;
  }
  .single__product .product-gallery .gallery-main .swiper-slide {
    height: 320px !important;
  }
}
.single__product .product-gallery .gallery-main .swiper-slide {
  height: 100%;
}
.single__product .product-gallery .gallery-main .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.single__product .product-gallery .gallery-thumbs, .single__product .product-gallery .gallery-main {
  touch-action: pan-y;
  -ms-touch-action: pan-y;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.single__product .single__data {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 536px;
          flex: 0 0 536px;
  border-radius: 12px;
  background: var(--Color-Black, #26262C);
}
@media (max-width: 1450px) {
  .single__product .single__data {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(42% - 12px);
            flex: 1 1 calc(42% - 12px);
    min-width: 0;
  }
}
@media (max-width: 1200px) {
  .single__product .single__data {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.single__product .single__data .rating {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.single__product .single__data .rating span {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10037_8517)'%3E%3Cpath d='M3.18462 7.46431L2.62945 10.8676C2.5852 11.1379 2.87395 11.3408 3.11276 11.208L6.0003 9.61222L8.88785 11.2085C9.12446 11.3399 9.41584 11.141 9.37115 10.868L8.81599 7.46475L11.1646 5.05744C11.3508 4.86683 11.2439 4.54346 10.9792 4.50315L7.74641 4.00933L6.29738 0.922858C6.18915 0.692381 5.81101 0.692381 5.70278 0.922858L4.25419 4.00889L1.02137 4.50271C0.755836 4.54346 0.649799 4.86639 0.836021 5.057L3.18462 7.46431Z' fill='%23B4B4B4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10037_8517'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
}
.single__product .single__data .rating span.active {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.24583 9.95241L3.50561 14.4901C3.44661 14.8506 3.83161 15.1211 4.15002 14.9441L8.00008 12.8163L11.8501 14.9446C12.1656 15.1199 12.5541 14.8547 12.4945 14.4907L11.7543 9.953L14.8858 6.74325C15.1341 6.48911 14.9915 6.05795 14.6387 6.0042L10.3282 5.34578L8.39618 1.23048C8.25188 0.923174 7.74769 0.923174 7.60339 1.23048L5.67193 5.34519L1.3615 6.00362C1.00746 6.05795 0.866073 6.48853 1.11437 6.74267L4.24583 9.95241Z' fill='%23E8FF65'/%3E%3C/svg%3E%0A");
}

.data__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (max-width: 768px) {
  .data__wrap {
    padding: 20px 16px;
    gap: 20px;
  }
}
@media (max-width: 480px) {
  .data__wrap {
    padding: 16px;
    gap: 16px;
  }
}

.product__title {
  color: var(--Color-White, #FDF7F7);
  font-family: "Work Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
@media (max-width: 768px) {
  .product__title {
    font-size: 22px;
    line-height: 32px;
  }
}
@media (max-width: 480px) {
  .product__title {
    font-size: 20px;
    line-height: 28px;
  }
}

.product__info {
  width: 100%;
}
.product__info .info__table {
  border-collapse: collapse;
  width: 100%;
}
.product__info .info__table table {
  width: 100%;
  border-collapse: collapse;
}
.product__info .info__table td {
  padding: 8px 12px;
  border-bottom: 1px dashed #333;
}
@media (max-width: 768px) {
  .product__info .info__table td {
    padding: 6px 10px;
  }
}
@media (max-width: 480px) {
  .product__info .info__table td {
    padding: 5px 8px;
  }
}
.product__info .info__table td:first-child {
  color: var(--Color-Light-Grey, #E5E5E5);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  width: 40%;
}
@media (max-width: 480px) {
  .product__info .info__table td:first-child {
    font-size: 13px;
    line-height: 20px;
  }
}
.product__info .info__table td:last-child {
  color: var(--Color-Lime-Green, #99DB57);
  text-align: right;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 480px) {
  .product__info .info__table td:last-child {
    font-size: 13px;
    line-height: 20px;
  }
}

.prod__order {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 0 0;
}
@media (max-width: 768px) {
  .prod__order {
    padding: 24px 0 0;
  }
}
@media (max-width: 480px) {
  .prod__order {
    padding: 20px 0 0;
  }
}
.prod__order .product__select__price {
  position: relative;
  border-radius: 8px;
  border: 1px solid var(--Color-Charcoal, #454553);
  background: var(--Color-Black, #26262C);
}
.prod__order .product__select__price .select__price {
  position: relative;
}
.prod__order .product__select__price .sel__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 12px 16px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
}
@media (max-width: 480px) {
  .prod__order .product__select__price .sel__item {
    padding: 10px 14px;
    gap: 10px;
  }
}
.prod__order .product__select__price .sel__item span:first-child {
  position: relative;
  padding-right: 12px;
}
@media (max-width: 480px) {
  .prod__order .product__select__price .sel__item span:first-child {
    padding-right: 10px;
  }
}
.prod__order .product__select__price .sel__item span:first-child::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background: var(--Color-Charcoal, #454553);
}
.prod__order .product__select__price .sel__item span {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: var(--Color-White, #FDF7F7);
}
@media (max-width: 480px) {
  .prod__order .product__select__price .sel__item span {
    font-size: 14px;
    line-height: 21px;
  }
}
.prod__order .product__select__price .sel__item span:nth-child(2) {
  color: var(--Color-Lime-Green, #99DB57);
  font-weight: 600;
}
.prod__order .product__select__price .sel__selected {
  position: relative;
  padding-right: 44px;
}
@media (max-width: 480px) {
  .prod__order .product__select__price .sel__selected {
    padding-right: 40px;
  }
}
.prod__order .product__select__price .sel__selected::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  width: 14px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M7.00003 8C6.83728 8 6.67437 7.93483 6.55012 7.80467L0.186494 1.13804C-0.0621647 0.877537 -0.0621647 0.455706 0.186494 0.195374C0.435153 -0.064958 0.837811 -0.0651247 1.08631 0.195374L7.00003 6.39068L12.9137 0.195374C13.1624 -0.0651247 13.5651 -0.0651247 13.8136 0.195374C14.0621 0.455873 14.0622 0.877703 13.8136 1.13804L7.44994 7.80467C7.32569 7.93483 7.16278 8 7.00003 8Z' fill='%23FDF7F7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 14px 8px;
  -webkit-transition: -webkit-transform 0.18s ease;
  transition: -webkit-transform 0.18s ease;
  transition: transform 0.18s ease;
  transition: transform 0.18s ease, -webkit-transform 0.18s ease;
  pointer-events: none;
}
.prod__order .product__select__price .sel__dropdown {
  display: block;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-transition: max-height 0.22s ease, opacity 0.18s ease, -webkit-transform 0.18s ease;
  transition: max-height 0.22s ease, opacity 0.18s ease, -webkit-transform 0.18s ease;
  transition: max-height 0.22s ease, opacity 0.18s ease, transform 0.18s ease;
  transition: max-height 0.22s ease, opacity 0.18s ease, transform 0.18s ease, -webkit-transform 0.18s ease;
  pointer-events: none;
  background: var(--Color-Black, #26262C);
  z-index: 60;
}
.prod__order .product__select__price .select__price[data-open=true] .sel__dropdown {
  max-height: 600px;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
  -webkit-box-shadow: 0 0 1px;
          box-shadow: 0 0 1px;
}
.prod__order .product__select__price .select__price[data-open=true] .sel__selected::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.prod__order .product__select__price .sel__dropdown .sel__item {
  border-top: 1px solid #454553;
  padding: 12px 16px;
}
.prod__order .product__select__price .sel__dropdown .sel__item:hover,
.prod__order .product__select__price .sel__dropdown .sel__item:focus {
  background: var(--Color-Lime-Green, #99DB57);
}
.prod__order .product__select__price .sel__dropdown .sel__item:hover span,
.prod__order .product__select__price .sel__dropdown .sel__item:focus span {
  color: var(--Color-Black, #26262C);
}
.prod__order .product__select__price .sel__dropdown .sel__item:hover span:nth-child(2),
.prod__order .product__select__price .sel__dropdown .sel__item:focus span:nth-child(2) {
  color: var(--Color-Black, #26262C);
}
.prod__order .product__select__price .sel__dropdown .sel__item:last-child:hover,
.prod__order .product__select__price .sel__dropdown .sel__item:last-child:focus {
  border-radius: 0 0 8px 8px;
}
.prod__order .product__select__price .sel__dropdown .sel__item[aria-selected=true] {
  background: var(--Color-Charcoal, #454553);
}
.prod__order .product__select__price .sel__dropdown .sel__item[aria-selected=true] span {
  color: var(--Color-White, #FDF7F7);
}
.prod__order .product__select__price .sel__dropdown .sel__item[aria-selected=true] span:nth-child(2) {
  color: var(--Color-Lime-Green, #99DB57);
}
.prod__order .product-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (max-width: 480px) {
  .prod__order .product-box {
    gap: 14px;
  }
}
.prod__order .product-box .product__select__price {
  border-radius: 8px;
  border: 1px solid var(--Color-Charcoal, #454553);
  background: var(--Color-Dark, #020105);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 3px 0;
}
.prod__order .product-box .sel__dropdown {
  position: absolute;
  width: 100%;
  border-radius: 8px;
  margin-top: 5px;
}
.prod__order .product-box__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 20px;
  gap: 24px;
}
@media (max-width: 768px) {
  .prod__order .product-box__row {
    gap: 16px;
    margin-bottom: 16px;
  }
}
@media (max-width: 580px) {
  .prod__order .product-box__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 14px;
  }
}
.prod__order .product-box .quantity-label {
  color: var(--Color-Light Grey, rgb(229, 229, 229));
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0%;
  text-align: left;
}
@media screen and (max-width:992px) {
  .prod__order .product-box .quantity-label {
    text-align: center;
    width: 100%;
  }
}
.prod__order .product-box .quantity-label span {
  margin-bottom: 8px;
  display: inline-block;
}
.prod__order .product-box__quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  padding: 0px 5px;
  background: var(--Color-Charcoal, #454553);
  overflow: hidden;
  padding: 7px 0;
}
@media (max-width: 580px) {
  .prod__order .product-box__quantity {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 8px 16px;
  }
}
.prod__order .product-box__quantity input {
  width: 120px;
  text-align: center;
  border: none;
  background: transparent;
  color: var(--Color-White, #FDF7F7);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  outline: none;
}
@media (max-width: 580px) {
  .prod__order .product-box__quantity input {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (max-width: 480px) {
  .prod__order .product-box__quantity input {
    font-size: 15px;
    line-height: 22px;
  }
}
.prod__order .product-box__quantity .qty-btn {
  background: transparent;
  border: none;
  color: var(--Color-White, #FDF7F7);
  padding: 8px 12px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 40px;
  height: 40px;
}
@media (max-width: 480px) {
  .prod__order .product-box__quantity .qty-btn {
    padding: 8px 10px;
    font-size: 16px;
    min-width: 36px;
    height: 36px;
  }
}
.prod__order .product-box__quantity .qty-btn svg {
  width: 20px;
  height: 20px;
  display: block;
}
@media (max-width: 480px) {
  .prod__order .product-box__quantity .qty-btn svg {
    width: 18px;
    height: 18px;
  }
}
.prod__order .product-box__quantity .qty-btn svg path {
  fill: var(--Color-White, #FDF7F7);
}
.prod__order .product-box__quantity .qty-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}
.prod__order .product-box__quantity .qty-btn:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.prod__order .product-box__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (max-width: 768px) {
  .prod__order .product-box__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 20px;
  }
}
.prod__order .product-box__sum {
  color: var(--Color-White, #FDF7F7);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 768px) {
  .prod__order .product-box__sum {
    text-align: center;
  }
}
@media (max-width: 480px) {
  .prod__order .product-box__sum {
    font-size: 15px;
    line-height: 22px;
  }
}
.prod__order .product-box__sum strong {
  color: var(--Color-White, #FDF7F7);
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  margin-left: 5px;
}
@media (max-width: 480px) {
  .prod__order .product-box__sum strong {
    font-size: 22px;
    line-height: 32px;
  }
}
.prod__order .product__btn {
  max-width: 300px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 768px) {
  .prod__order .product__btn {
    max-width: 100%;
  }
}
.prod__order .product__btn .btn__primary {
  width: 100%;
  max-width: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.prod__order .product__btn .btn__primary::before {
  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='M22.3715 7.00844C22.2549 6.8591 22.076 6.77182 21.8866 6.77182H6.55143C6.42256 6.25634 6.2046 5.38444 5.98919 4.5232C5.54426 2.74322 3.95204 1.5 2.11718 1.5C1.77741 1.5 1.50195 1.77546 1.50195 2.11523C1.50195 2.455 1.77741 2.73046 2.11718 2.73046C3.38636 2.73046 4.4877 3.59035 4.79548 4.82167L7.01425 13.6971C7.18311 14.3724 7.57792 14.9418 8.10579 15.334C7.05038 16.3371 7.28663 18.1733 8.5401 18.8867C7.42924 20.3396 8.51032 22.5169 10.3545 22.4998C12.0225 22.5224 13.1487 20.6697 12.3669 19.2049H15.5908C14.8092 20.6699 15.935 22.5224 17.6032 22.4998C20.6007 22.3862 20.6001 18.0878 17.6032 17.9745H9.69546C8.32764 17.9224 8.32866 15.9616 9.69546 15.91H18.109C19.4521 15.91 20.6177 15 20.9434 13.6971L22.4834 7.53622C22.5294 7.35247 22.4881 7.15773 22.3715 7.00844ZM17.6032 19.205C18.1724 19.205 18.6354 19.668 18.6354 20.2372C18.5836 21.6047 16.6227 21.6043 16.571 20.2372C16.571 19.668 17.034 19.205 17.6032 19.205ZM10.3545 19.205C10.9236 19.205 11.3867 19.668 11.3867 20.2372C11.3348 21.6047 9.37394 21.6043 9.32222 20.2372C9.32222 19.668 9.78528 19.205 10.3545 19.205ZM19.7497 13.3987C19.5611 14.1529 18.8865 14.6796 18.109 14.6796H9.84865C9.07116 14.6796 8.3965 14.1529 8.20796 13.3987L6.859 8.00232H21.0986L19.7497 13.3987Z' fill='%2326262C'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 480px) {
  .prod__order .product__btn .btn__primary::before {
    width: 20px;
    height: 20px;
    background-size: contain;
  }
}

.product__full__row {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.product__tabs {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background: var(--Color-Black, #26262C);
  border-radius: 12px;
  overflow: hidden;
}
.product__tabs .tabs__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(229, 229, 229, 0.1);
}
.product__tabs .tab__button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px 24px;
  background: transparent;
  border: none;
  color: var(--Color-Light-Grey, #E5E5E5);
  font-family: "Work Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  text-align: center;
}
@media (max-width: 768px) {
  .product__tabs .tab__button {
    padding: 16px 20px;
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .product__tabs .tab__button {
    padding: 14px 16px;
    font-size: 15px;
  }
}
.product__tabs .tab__button:hover {
  background: rgba(153, 219, 87, 0.05);
}
.product__tabs .tab__button.active {
  color: var(--Color-Lime-Green, #99DB57);
}
.product__tabs .tab__button.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--Color-Lime-Green, #99DB57);
}
@media (max-width: 480px) {
  .product__tabs .tab__button.active::after {
    height: 2px;
  }
}
.product__tabs .tabs__content {
  padding: 32px 24px;
}
@media (max-width: 768px) {
  .product__tabs .tabs__content {
    padding: 24px 20px;
  }
}
@media (max-width: 480px) {
  .product__tabs .tabs__content {
    padding: 20px 16px;
  }
}
.product__tabs .tab__pane {
  display: none;
}
.product__tabs .tab__pane.active {
  display: block;
}
.product__tabs .text {
  color: var(--Color-Light-Grey, #E5E5E5);
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  width: 100%;
}
@media (max-width: 768px) {
  .product__tabs .text {
    font-size: 15px;
    line-height: 28px;
  }
}
@media (max-width: 480px) {
  .product__tabs .text {
    font-size: 14px;
    line-height: 24px;
  }
}
.product__tabs .text p:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .product__tabs .text p:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .product__tabs .text p:not(:last-child) {
    margin-bottom: 16px;
  }
}
.product__tabs .text h3 {
  color: var(--Color-Light-Grey, #E5E5E5);
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .product__tabs .text h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .product__tabs .text h3 {
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 16px;
  }
}
.product__tabs .text ul {
  list-style: none;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (max-width: 768px) {
  .product__tabs .text ul {
    gap: 14px;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .product__tabs .text ul {
    gap: 12px;
    margin-bottom: 16px;
  }
}
.product__tabs .text ul li {
  position: relative;
  padding-left: 18px;
}
.product__tabs .text ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--Color-Lime-Green, #99DB57);
  display: block;
  position: absolute;
  left: 0;
  top: 13px;
}
@media (max-width: 768px) {
  .product__tabs .text ul li::before {
    top: 11px;
  }
}
@media (max-width: 480px) {
  .product__tabs .text ul li::before {
    top: 9px;
  }
}

.product__box {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 12px;
  background: var(--Color-Black, #26262C);
  padding: 12px 24px;
}
.product__box .box__title {
  color: var(--Color-White, #FDF7F7);
  /* Poppins - SemiBold */
  font-family: Poppins;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal; /* 150% */
}
.product__box .box__text {
  color: var(--Color-Light-Grey, #E5E5E5);
  /* Poppins - Regular */
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 200% */
}
.product__box .box__text p:not(:last-child) {
  margin-bottom: 8px;
}

/*checkout*/
.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px;
  margin-bottom: 24px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 768px) {
  .tabs {
    gap: 24px;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .tabs {
    gap: 20px;
    margin-bottom: 16px;
  }
}
.tabs::-webkit-scrollbar {
  height: 2px;
}
.tabs::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
}

.tab {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.4);
  color: var(--Color-Light-Grey, #E5E5E5);
  /* Poppins - Medium */
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  padding: 0 0 12px 0;
  cursor: pointer;
  position: relative;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  font-family: inherit;
  white-space: normal;
}
@media (max-width: 768px) {
  .tab {
    font-size: 13px;
    padding: 0 0 10px 0;
  }
}
@media (max-width: 480px) {
  .tab {
    font-size: 14px;
  }
}
.tab.active {
  color: var(--Color-Lime-Green, #99DB57);
}
.tab.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background: #9bdb4d;
}

.tab-content {
  position: relative;
}

.tab-pane {
  display: none;
}
.tab-pane.active {
  display: block;
}

.content-wrapper {
  display: grid;
  grid-template-columns: 1fr 430px;
  gap: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media (max-width: 1200px) {
  .content-wrapper {
    grid-template-columns: 1fr 350px;
    gap: 16px;
  }
}
@media (max-width: 968px) {
  .content-wrapper {
    grid-template-columns: 1fr;
  }
  .content-wrapper .main-content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 480px) {
  .content-wrapper {
    gap: 24px;
  }
}

@media (max-width: 480px) {
  .main-content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.section {
  border-radius: 12px;
  background: var(--Color-Black, #26262C);
  padding: 32px;
  margin-bottom: 24px;
}
.section.__hidden-desktop {
  display: none;
}
@media screen and (max-width:992px) {
  .section.__hidden-desktop {
    display: block;
  }
  .section .final-total, .section .checkout-btn {
    display: block;
  }
  .section .final-total {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 768px) {
  .section {
    padding: 16px;
    margin-bottom: 24px;
  }
}
@media (max-width: 480px) {
  .section {
    padding: 14px;
    margin-bottom: 24px;
    border-radius: 10px;
  }
}

.section-title {
  color: var(--Color-White, #FDF7F7);
  font-family: "Work Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
@media (max-width: 768px) {
  .section-title {
    font-size: 13px;
    margin-bottom: 14px;
  }
}
@media (max-width: 480px) {
  .section-title {
    font-size: 12px;
    margin-bottom: 12px;
  }
}

.section-number {
  color: #9bdb4d;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .form-row {
    gap: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 580px) {
  .form-row {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .form-row {
    gap: 8px;
    margin-bottom: 8px;
  }
}

.form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.form-group span {
  color: #99DB57;
  font-size: 14px;
  margin-left: 2px;
}
.form-group.full-width {
  grid-column: 1/-1;
}

label {
  color: var(--Color-White, #FDF7F7);
  /* Poppins - Regular */
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  margin-bottom: 8px;
}
@media (max-width: 480px) {
  label {
    font-size: 11px;
    margin-bottom: 6px;
  }
}

input[type=text],
input[type=email],
input[type=password],
select,
textarea, .phone-intl-input {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: var(--Color-Charcoal, #454553);
  padding: 16px 24px;
  color: #ffffff;
  font-size: 13px;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-family: inherit;
  width: 100%;
}
@media (max-width: 768px) {
  input[type=text],
  input[type=email],
  input[type=password],
  select,
  textarea, .phone-intl-input {
    padding: 9px 11px;
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  input[type=text],
  input[type=email],
  input[type=password],
  select,
  textarea, .phone-intl-input {
    padding: 8px 10px;
    font-size: 12px;
    border-radius: 6px;
  }
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
select:focus,
textarea:focus, .phone-intl-input:focus {
  border-color: #9bdb4d;
  background: rgba(255, 255, 255, 0.08);
}
input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .phone-intl-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, .phone-intl-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder, .phone-intl-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder, .phone-intl-input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
select::placeholder,
textarea::placeholder, .phone-intl-input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

select {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='white' stroke-opacity='0.4' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
}
@media (max-width: 480px) {
  select {
    background-position: right 10px center;
    padding-right: 32px;
  }
}

#billing_country {
  background: var(--Color-Charcoal, #454553);
}

.phone-input, .phone-intl-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media (max-width: 480px) {
  .phone-input, .phone-intl-input {
    gap: 6px;
  }
}
.phone-input .phone-code, .phone-intl-input .phone-code {
  width: 90px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 480px) {
  .phone-input .phone-code, .phone-intl-input .phone-code {
    width: 80px;
  }
}

textarea {
  resize: vertical;
  min-height: 80px;
}
@media (max-width: 480px) {
  textarea {
    min-height: 70px;
  }
}

.delivery-option {
  border-radius: 12px;
  background: var(--Color-Charcoal, #454553);
  padding: 20px 24px;
  margin-bottom: 16px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid transparent;
}
@media (max-width: 768px) {
  .delivery-option {
    padding: 16px 18px;
    margin-bottom: 12px;
  }
}
@media (max-width: 480px) {
  .delivery-option {
    padding: 14px 16px;
    margin-bottom: 10px;
    border-radius: 10px;
  }
}
.delivery-option:last-child {
  margin-bottom: 0;
}
.delivery-option.selected {
  border-color: rgb(153, 219, 87);
}
.delivery-option.selected input {
  background: var(--Color-Black, rgb(38, 38, 44));
}
.delivery-option.selected .custom-checkbox {
  background: var(--Color-Green, rgb(153, 219, 87));
}
.delivery-option.selected .custom-checkbox::after {
  display: block;
}
.delivery-option.selected .delivery-details {
  display: block;
}
.delivery-option:hover:not(.selected) {
  background: rgba(69, 69, 83, 0.8);
}

.delivery-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (max-width: 480px) {
  .delivery-header {
    gap: 12px;
  }
}

.custom-checkbox {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: var(--Color-White, rgb(253, 247, 247));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 480px) {
  .custom-checkbox {
    width: 18px;
    height: 18px;
  }
}
.custom-checkbox::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12.000000' height='12.000000' fill='none'%3E%3Crect id='icon_check' width='12.000000' height='12.000000' x='0.000000' y='0.000000' fill='rgb(255,255,255)' fill-opacity='0' /%3E%3Cg id='icon'%3E%3Cpath id='Vector' d='M4.03089 8.48238L1.74547 6.09891C1.59427 5.94121 1.3443 5.94076 1.19255 6.09792L0.859887 6.4424C0.713741 6.59375 0.713319 6.83535 0.858936 6.98721L3.75395 10.0064C3.90553 10.1645 4.15625 10.1645 4.30783 10.0064L11.1411 2.88002C11.2863 2.72854 11.2863 2.48768 11.1411 2.3362L10.8125 1.99356C10.661 1.83553 10.4104 1.83547 10.2588 1.99343L4.03089 8.48238Z' fill='rgb(37.5569,37.6665,44.1346)' fill-rule='nonzero' /%3E%3C/g%3E%3C/svg%3E%0A");
  width: 12px;
  height: 12px;
  display: none;
}
@media (max-width: 480px) {
  .custom-checkbox::after {
    width: 10px;
    height: 10px;
  }
}

.delivery-name {
  color: var(--Color-White, #FDF7F7);
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 768px) {
  .delivery-name {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .delivery-name {
    font-size: 14px;
  }
}

.delivery-price {
  color: var(--Color-Yellow, rgb(232, 255, 101));
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-left: auto;
}
@media (max-width: 480px) {
  .delivery-price {
    font-size: 14px;
  }
}

.delivery-details {
  display: none;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
@media (max-width: 768px) {
  .delivery-details {
    margin-top: 16px;
    padding-top: 16px;
  }
}
@media (max-width: 480px) {
  .delivery-details {
    margin-top: 14px;
    padding-top: 14px;
  }
}

.delivery-fields {
  display: grid;
  grid-template-columns: 2fr 0.5fr;
  gap: 24px;
}
@media (max-width: 768px) {
  .delivery-fields {
    gap: 12px;
  }
}
@media (max-width: 580px) {
  .delivery-fields {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .delivery-fields {
    gap: 10px;
  }
}

.payment-accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (max-width: 480px) {
  .payment-accordion {
    gap: 12px;
  }
}
.payment-accordion .payment-method {
  border-radius: 12px;
  background: var(--Color-Charcoal, #454553);
  padding: 20px 24px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}
@media (max-width: 768px) {
  .payment-accordion .payment-method {
    padding: 16px 18px;
    border-radius: 10px;
  }
}
@media (max-width: 480px) {
  .payment-accordion .payment-method {
    padding: 14px 16px;
    border-radius: 10px;
  }
}
.payment-accordion .payment-method:hover:not(.active) {
  background: rgba(69, 69, 83, 0.8);
}
.payment-accordion .payment-method.active {
  border-color: rgb(153, 219, 87);
}
.payment-accordion .payment-method.active .custom-radio {
  background: var(--Color-Green, rgb(153, 219, 87));
}
.payment-accordion .payment-method.active .custom-radio::after {
  display: block;
}
.payment-accordion .payment-method.active .payment-body {
  display: block;
}
.payment-accordion .payment-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (max-width: 480px) {
  .payment-accordion .payment-header {
    gap: 12px;
  }
}
.payment-accordion .custom-radio {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: var(--Color-White, rgb(253, 247, 247));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 480px) {
  .payment-accordion .custom-radio {
    width: 18px;
    height: 18px;
  }
}
.payment-accordion .custom-radio::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12.000000' height='12.000000' fill='none'%3E%3Crect id='icon_check' width='12.000000' height='12.000000' x='0.000000' y='0.000000' fill='rgb(255,255,255)' fill-opacity='0' /%3E%3Cg id='icon'%3E%3Cpath id='Vector' d='M4.03089 8.48238L1.74547 6.09891C1.59427 5.94121 1.3443 5.94076 1.19255 6.09792L0.859887 6.4424C0.713741 6.59375 0.713319 6.83535 0.858936 6.98721L3.75395 10.0064C3.90553 10.1645 4.15625 10.1645 4.30783 10.0064L11.1411 2.88002C11.2863 2.72854 11.2863 2.48768 11.1411 2.3362L10.8125 1.99356C10.661 1.83553 10.4104 1.83547 10.2588 1.99343L4.03089 8.48238Z' fill='rgb(37.5569,37.6665,44.1346)' fill-rule='nonzero' /%3E%3C/g%3E%3C/svg%3E%0A");
  width: 12px;
  height: 12px;
  display: none;
}
@media (max-width: 480px) {
  .payment-accordion .custom-radio::after {
    width: 10px;
    height: 10px;
  }
}
.payment-accordion .payment-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.payment-accordion .payment-name {
  color: var(--Color-White, rgb(253, 247, 247));
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
@media (max-width: 768px) {
  .payment-accordion .payment-name {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .payment-accordion .payment-name {
    font-size: 14px;
  }
}
.payment-accordion .payment-body {
  display: none;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--Color-Light-Grey, rgb(229, 229, 229));
  font-family: Poppins;
  font-size: 14px;
}
@media (max-width: 480px) {
  .payment-accordion .payment-body {
    margin-top: 12px;
    padding-top: 12px;
    font-size: 13px;
  }
}

.delivery-option,
.payment-method {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.sidebar {
  position: sticky;
  top: 20px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 968px) {
  .sidebar {
    position: static;
  }
}
@media (max-width: 480px) {
  .sidebar {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.cart-section {
  border-radius: 12px;
  background: #3a3a42;
  /* Custom scrollbar — WebKit */
}
.cart-section .btn__group {
  padding: 24px 24px;
}
@media screen and (max-width:992px) {
  .cart-section .final-total,
  .cart-section .checkout-btn {
    display: none;
  }
}
@media (max-width: 768px) {
  .cart-section {
    padding: 16px;
  }
}
@media (max-width: 480px) {
  .cart-section {
    padding: 14px;
    border-radius: 10px;
  }
}
.cart-section .cart__row {
  padding: 20px 20px;
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  /* smooth scroll */
  scroll-behavior: smooth;
}
.cart-section .cart__row::-webkit-scrollbar {
  width: 6px;
}
.cart-section .cart__row::-webkit-scrollbar-track {
  background: #2E2E33; /* темно-сірий фон */
  border-radius: 10px;
}
.cart-section .cart__row::-webkit-scrollbar-thumb {
  background: #4CAF50; /* твій салатовий */
  border-radius: 10px;
  border: 1px solid #2E2E33;
}
.cart-section .cart__row::-webkit-scrollbar-thumb:hover {
  background: #62d061; /* світліший при наведенні */
}

.cart-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #fff;
  border-bottom: 1px solid var(--Line-Grey, rgb(97, 97, 118));
  padding: 20px 20px;
}
@media (max-width: 768px) {
  .cart-title {
    font-size: 16px;
    margin-bottom: 18px;
  }
}
@media (max-width: 480px) {
  .cart-title {
    font-size: 15px;
    margin-bottom: 16px;
    padding: 10px 0;
  }
}

.cart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .cart-item {
    gap: 10px;
    margin-bottom: 18px;
    padding-bottom: 18px;
  }
}
@media (max-width: 480px) {
  .cart-item {
    gap: 8px;
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
}
.cart-item:last-of-type {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .cart-item:last-of-type {
    margin-bottom: 18px;
  }
}
@media (max-width: 480px) {
  .cart-item:last-of-type {
    margin-bottom: 16px;
  }
}

.item-image {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .item-image {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 480px) {
  .item-image {
    width: 80px;
    height: 80px;
    border-radius: 6px;
  }
}

.item-details {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 0;
}

.item-name {
  font-size: 13px;
  margin-bottom: 6px;
  line-height: 1.4;
  color: #fff;
}
@media (max-width: 480px) {
  .item-name {
    font-size: 12px;
    margin-bottom: 4px;
  }
}

.item-name .rating {
  margin-bottom: 16px;
}

.item-name .rating span {
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10037_8517)'%3E%3Cpath d='M3.18462 7.46431L2.62945 10.8676C2.5852 11.1379 2.87395 11.3408 3.11276 11.208L6.0003 9.61222L8.88785 11.2085C9.12446 11.3399 9.41584 11.141 9.37115 10.868L8.81599 7.46475L11.1646 5.05744C11.3508 4.86683 11.2439 4.54346 10.9792 4.50315L7.74641 4.00933L6.29738 0.922858C6.18915 0.692381 5.81101 0.692381 5.70278 0.922858L4.25419 4.00889L1.02137 4.50271C0.755836 4.54346 0.649799 4.86639 0.836021 5.057L3.18462 7.46431Z' fill='%23B4B4B4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10037_8517'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.item-name .rating span.active {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10037_8150)'%3E%3Cpath d='M3.18462 7.46431L2.62945 10.8676C2.5852 11.1379 2.87395 11.3408 3.11276 11.208L6.0003 9.61222L8.88785 11.2085C9.12446 11.3399 9.41584 11.141 9.37115 10.868L8.81599 7.46475L11.1646 5.05744C11.3508 4.86683 11.2439 4.54346 10.9792 4.50315L7.74641 4.00933L6.29738 0.922858C6.18915 0.692381 5.81101 0.692381 5.70278 0.922858L4.25419 4.00889L1.02137 4.50271C0.755836 4.54346 0.649799 4.86639 0.836021 5.057L3.18462 7.46431Z' fill='%23E8FF65'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10037_8150'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.item-size {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: auto;
}
@media (max-width: 480px) {
  .item-size {
    font-size: 11px;
  }
}

.item-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  gap: 24px;
}
@media (max-width: 480px) {
  .item-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.item-price {
  color: var(--Color-White, rgb(253, 247, 247));
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: left;
}
@media (max-width: 480px) {
  .item-price {
    font-size: 16px;
  }
}

.item-quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  padding: 8px 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width:992px) {
  .item-quantity {
    max-width: 150px;
  }
}
@media (max-width: 480px) {
  .item-quantity {
    gap: 10px;
    padding: 5px 8px;
    border-radius: 6px;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
    gap: 8px;
    max-width: none;
  }
}

.qty-btn {
  background: none;
  border: none;
  color: white;
  width: 24px;
  height: 24px;
  cursor: pointer;
  font-size: 18px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 480px) {
  .qty-btn {
    width: 20px;
    height: 20px;
    font-size: 16px;
  }
}
.qty-btn:hover {
  color: #9bdb4d;
}

.qty-value {
  font-size: 14px;
  min-width: 20px;
  text-align: center;
  color: #fff;
  font-weight: 500;
}
@media (max-width: 480px) {
  .qty-value {
    font-size: 13px;
    min-width: 18px;
  }
}

.cart-totals {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (max-width: 480px) {
  .cart-totals {
    padding-bottom: 16px;
    gap: 8px;
  }
}

.total-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
  color: var(--Color-Light Grey, rgb(229, 229, 229));
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: left;
  padding: 0 20px;
  gap: 20px;
}
@media screen and (max-width:680px) {
  .total-row {
    padding: 0;
  }
}
.total-row .labe {
  font-size: 16px;
  position: relative;
}
.total-row .price {
  font-size: 20px;
}
@media (max-width: 480px) {
  .total-row {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.total-row:last-child {
  margin-bottom: 0;
}

.promo-section {
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 480px) {
  .promo-section {
    padding: 16px 0;
  }
}

.promo-label {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 12px;
}
@media (max-width: 480px) {
  .promo-label {
    font-size: 13px;
    margin-bottom: 10px;
  }
}

.promo-code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
@media (max-width: 480px) {
  .promo-code {
    gap: 8px;
  }
}

.promo-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-family: inherit;
}
@media (max-width: 480px) {
  .promo-input {
    padding: 9px 12px;
    font-size: 12px;
    border-radius: 6px;
  }
}
.promo-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.promo-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.promo-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.promo-input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.promo-input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.promo-input:focus {
  outline: none;
  border-color: rgba(255, 255, 255, 0.2);
}

.promo-btn {
  border-radius: 8px;
  background: var(--Color-Lime-Green, #99DB57);
  border: none;
  color: var(--Color-Black, #26262C);
  text-align: center;
  /* Poppins - Medium */
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  padding: 10px 24px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .promo-btn {
    padding: 9px 20px;
  }
}
@media (max-width: 480px) {
  .promo-btn {
    padding: 9px 18px;
    font-size: 13px;
    border-radius: 6px;
  }
}
.promo-btn:hover {
  background: #8bc93d;
}

.final-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin-top: 20px;
  gap: 10px;
  padding: 0 20px;
}
@media (max-width: 768px) {
  .final-total {
    font-size: 15px;
    margin-top: 18px;
  }
}
@media (max-width: 480px) {
  .final-total {
    font-size: 14px;
    margin-top: 16px;
  }
}
.final-total span:last-child {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}
@media (max-width: 768px) {
  .final-total span:last-child {
    font-size: 19px;
  }
}
@media (max-width: 480px) {
  .final-total span:last-child {
    font-size: 18px;
  }
}
.final-total .btn__group {
  padding: 0 20px 20px;
}
@media (max-width: 768px) {
  .final-total .btn__group {
    display: none;
  }
}

.checkout-btn {
  width: 100%;
  background: #9bdb4d;
  border: none;
  color: #1a1a1f;
  padding: 16px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-family: inherit;
}
@media (max-width: 768px) {
  .checkout-btn {
    padding: 15px;
    font-size: 14px;
    margin-top: 18px;
  }
}
@media (max-width: 480px) {
  .checkout-btn {
    padding: 14px;
    font-size: 14px;
    margin-top: 16px;
    border-radius: 6px;
  }
}
.checkout-btn:hover {
  background: #8bc93d;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.checkout-btn:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.acceptance-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  padding: 16px 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.acceptance-block .custom-checkbox {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: var(--Color-White, rgb(253, 247, 247));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  margin-top: 2px;
}

.acceptance-block .custom-checkbox.checked {
  background: var(--Color-Green, rgb(153, 219, 87));
}

.acceptance-block .custom-checkbox::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12.000000' height='12.000000' fill='none'%3E%3Crect id='icon_check' width='12.000000' height='12.000000' x='0.000000' y='0.000000' fill='rgb(255,255,255)' fill-opacity='0' /%3E%3Cg id='icon'%3E%3Cpath id='Vector' d='M4.03089 8.48238L1.74547 6.09891C1.59427 5.94121 1.3443 5.94076 1.19255 6.09792L0.859887 6.4424C0.713741 6.59375 0.713319 6.83535 0.858936 6.98721L3.75395 10.0064C3.90553 10.1645 4.15625 10.1645 4.30783 10.0064L11.1411 2.88002C11.2863 2.72854 11.2863 2.48768 11.1411 2.3362L10.8125 1.99356C10.661 1.83553 10.4104 1.83547 10.2588 1.99343L4.03089 8.48238Z' fill='rgb(37.5569,37.6665,44.1346)' fill-rule='nonzero' /%3E%3C/g%3E%3C/svg%3E%0A");
  width: 12px;
  height: 12px;
  display: none;
}

.acceptance-block .custom-checkbox.checked::after {
  display: block;
}

.acceptance-block label {
  color: var(--Color-White, #FDF7F7);
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  margin-bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.acceptance-block label span {
  color: #99DB57;
  font-size: 14px;
  margin-left: 2px;
}

.acceptance-block label a {
  color: var(--Color-White, #FDF7F7);
  text-decoration: underline;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.acceptance-block label a:hover {
  color: #99DB57;
}

@media (max-width: 768px) {
  .acceptance-block {
    padding: 14px 16px;
    gap: 10px;
  }
  .acceptance-block label {
    font-size: 13px;
    line-height: 20px;
  }
}
@media (max-width: 480px) {
  .acceptance-block {
    padding: 12px 0px;
    gap: 10px;
    border-radius: 4px;
    margin-top: 16px;
  }
  .acceptance-block .custom-checkbox {
    width: 18px;
    height: 18px;
  }
  .acceptance-block .custom-checkbox::after {
    width: 10px;
    height: 10px;
  }
  .acceptance-block label {
    font-size: 12px;
    line-height: 18px;
  }
  .acceptance-block label span {
    font-size: 12px;
  }
  .__hidden__mobile {
    display: none !important;
  }
}
/*Order*/
/*order*/
.order-wrapper {
  display: grid;
  grid-template-columns: 1fr 540px;
  gap: 2rem;
}
@media (max-width: 1024px) {
  .order-wrapper {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}
@media (max-width: 768px) {
  .order-wrapper {
    gap: 2rem;
  }
}
.order-wrapper .order-details .message {
  color: #a3a3a3;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .order-wrapper .order-details .message {
    font-size: 0.95rem;
  }
}
.order-wrapper .order-details .message:last-of-type {
  margin-bottom: 2.5rem;
}
.order-wrapper .order-details .section-title {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .order-wrapper .order-details .section-title {
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }
}
.order-wrapper .details-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem 3rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 1024px) {
  .order-wrapper .details-grid {
    gap: 1.5rem 2rem;
  }
}
@media (max-width: 768px) {
  .order-wrapper .details-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.order-wrapper .detail-group .detail-label {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
  color: #a3a3a3;
}
@media (max-width: 768px) {
  .order-wrapper .detail-group .detail-label {
    font-size: 0.95rem;
  }
}
.order-wrapper .detail-group .detail-value {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
}
@media (max-width: 768px) {
  .order-wrapper .detail-group .detail-value {
    font-size: 0.95rem;
  }
}
.order-wrapper .detail-group .detail-value.detail-address {
  margin-top: 0.25rem;
  line-height: 1.5;
}
.order-wrapper .detail-group .detail-value.detail-price {
  font-weight: 400;
  color: #ffffff;
}
.order-wrapper .order-summary {
  border-radius: 12px;
  background: var(--Color-Charcoal, rgb(69, 69, 83));
  padding: 2rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
  top: 2rem;
}
@media (max-width: 1024px) {
  .order-wrapper .order-summary {
    position: static;
  }
}
@media (max-width: 768px) {
  .order-wrapper .order-summary {
    padding: 1.5rem;
    border-radius: 0.75rem;
  }
}
.order-wrapper .order-summary .summary-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1.75rem;
}
@media (max-width: 768px) {
  .order-wrapper .order-summary .summary-title {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
  }
}
.order-wrapper .product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  padding-bottom: 1.75rem;
  border-bottom: 1px solid var(--Line-Grey, rgb(97, 97, 118));
  margin-bottom: 1.75rem;
}
@media (max-width: 768px) {
  .order-wrapper .product-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.order-wrapper .product-card .product-image {
  width: 180px;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.75rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .order-wrapper .product-card .product-image {
    width: 100%;
    height: 200px;
  }
}
.order-wrapper .product-card .product-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.order-wrapper .product-card .product-info .rating {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.order-wrapper .product-card .product-info .rating span {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10037_8517)'%3E%3Cpath d='M3.18462 7.46431L2.62945 10.8676C2.5852 11.1379 2.87395 11.3408 3.11276 11.208L6.0003 9.61222L8.88785 11.2085C9.12446 11.3399 9.41584 11.141 9.37115 10.868L8.81599 7.46475L11.1646 5.05744C11.3508 4.86683 11.2439 4.54346 10.9792 4.50315L7.74641 4.00933L6.29738 0.922858C6.18915 0.692381 5.81101 0.692381 5.70278 0.922858L4.25419 4.00889L1.02137 4.50271C0.755836 4.54346 0.649799 4.86639 0.836021 5.057L3.18462 7.46431Z' fill='%23B4B4B4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10037_8517'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 12px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
}
.order-wrapper .product-card .product-info .rating span.active {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.24583 9.95241L3.50561 14.4901C3.44661 14.8506 3.83161 15.1211 4.15002 14.9441L8.00008 12.8163L11.8501 14.9446C12.1656 15.1199 12.5541 14.8547 12.4945 14.4907L11.7543 9.953L14.8858 6.74325C15.1341 6.48911 14.9915 6.05795 14.6387 6.0042L10.3282 5.34578L8.39618 1.23048C8.25188 0.923174 7.74769 0.923174 7.60339 1.23048L5.67193 5.34519L1.3615 6.00362C1.00746 6.05795 0.866073 6.48853 1.11437 6.74267L4.24583 9.95241Z' fill='%23E8FF65'/%3E%3C/svg%3E%0A");
}
.order-wrapper .product-card .order-wrapper .product-card .product-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.order-wrapper .product-card .order-wrapper .product-card .product-rating span {
  width: 12px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10037_8517)'%3E%3Cpath d='M3.18462 7.46431L2.62945 10.8676C2.5852 11.1379 2.87395 11.3408 3.11276 11.208L6.0003 9.61222L8.88785 11.2085C9.12446 11.3399 9.41584 11.141 9.37115 10.868L8.81599 7.46475L11.1646 5.05744C11.3508 4.86683 11.2439 4.54346 10.9792 4.50315L7.74641 4.00933L6.29738 0.922858C6.18915 0.692381 5.81101 0.692381 5.70278 0.922858L4.25419 4.00889L1.02137 4.50271C0.755836 4.54346 0.649799 4.86639 0.836021 5.057L3.18462 7.46431Z' fill='%23B4B4B4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10037_8517'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.order-wrapper .product-card .order-wrapper .product-card .product-rating span.active {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10037_8150)'%3E%3Cpath d='M3.18462 7.46431L2.62945 10.8676C2.5852 11.1379 2.87395 11.3408 3.11276 11.208L6.0003 9.61222L8.88785 11.2085C9.12446 11.3399 9.41584 11.141 9.37115 10.868L8.81599 7.46475L11.1646 5.05744C11.3508 4.86683 11.2439 4.54346 10.9792 4.50315L7.74641 4.00933L6.29738 0.922858C6.18915 0.692381 5.81101 0.692381 5.70278 0.922858L4.25419 4.00889L1.02137 4.50271C0.755836 4.54346 0.649799 4.86639 0.836021 5.057L3.18462 7.46431Z' fill='%23E8FF65'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10037_8150'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.order-wrapper .product-card .product-name {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.25rem;
}
@media (max-width: 768px) {
  .order-wrapper .product-card .product-name {
    font-size: 1rem;
  }
}
.order-wrapper .product-card .product-price,
.order-wrapper .product-card .product-quantity {
  color: #a3a3a3;
  font-size: 1rem;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .order-wrapper .product-card .product-price,
  .order-wrapper .product-card .product-quantity {
    font-size: 0.95rem;
  }
}
.order-wrapper .product-card .product-price span,
.order-wrapper .product-card .product-quantity span {
  font-weight: 400;
  color: #ffffff;
}
.order-wrapper .summary-totals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.order-wrapper .summary-totals .total-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .order-wrapper .summary-totals .total-row {
    font-size: 0.95rem;
  }
}
.order-wrapper .summary-totals .total-row span:first-child {
  color: #a3a3a3;
  font-weight: 400;
}
.order-wrapper .summary-totals .total-row .total-amount {
  color: var(--Color-White, rgb(253, 247, 247));
  font-family: Poppins;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: right;
}
.order-wrapper .summary-totals .total-row.total-final {
  padding-top: 1rem;
  border-top: 1px solid var(--Line-Grey, rgb(97, 97, 118));
  margin-top: 0.5rem;
  font-size: 1.125rem;
  font-weight: 700;
}
.order-wrapper .summary-totals .total-row.total-final span {
  font-size: 24px;
}
@media (max-width: 768px) {
  .order-wrapper .summary-totals .total-row.total-final {
    font-size: 1rem;
  }
}
.order-wrapper .summary-totals .total-row.total-final span:first-child {
  color: #ffffff;
  font-weight: 700;
}
.order-wrapper .summary-totals .total-row.total-final .total-amount {
  font-weight: 700;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.order-wrapper .order-details,
.order-wrapper .order-summary {
  -webkit-animation: fadeIn 0.6s ease-out;
          animation: fadeIn 0.6s ease-out;
}
.order-wrapper .order-summary {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

/*404*/
.left__img {
  background-image: url("../images/2_13.svg");
  width: 50%;
  height: 100%;
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain;
  left: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width:680px) {
  .left__img {
    -webkit-transform: translate(0%, -15%);
            transform: translate(0%, -15%);
  }
}

.right__img {
  background-image: url("../images/2_21.svg");
  width: 50%;
  height: 100%;
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width:680px) {
  .right__img {
    -webkit-transform: translate(0%, -15%);
            transform: translate(0%, -15%);
  }
}

.error-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 4rem 2rem;
  min-height: 50vh;
  z-index: 2;
}
@media (max-width: 992px) {
  .error-container {
    min-height: 60vh;
    padding: 3rem 2rem;
  }
}
@media (max-width: 768px) {
  .error-container {
    padding: 2rem 1rem;
    min-height: 20vh;
  }
}

.error-content {
  position: relative;
  z-index: 10;
  text-align: center;
  padding: 2rem;
  max-width: 700px;
}
@media (max-width: 768px) {
  .error-content {
    padding: 1rem;
  }
}
.error-content .error-subtitle {
  font-size: 1rem;
  color: #b0b0b0;
  margin-bottom: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.5px;
}
@media (max-width: 992px) {
  .error-content .error-subtitle {
    font-size: 0.95rem;
  }
}
@media (max-width: 768px) {
  .error-content .error-subtitle {
    font-size: 0.875rem;
    margin-bottom: 1rem;
  }
}
.error-content .error-code {
  font-size: 14rem;
  font-weight: 900;
  line-height: 1;
  margin: 0 0 3rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  letter-spacing: -0.02em;
}
@media (max-width: 1200px) {
  .error-content .error-code {
    font-size: 12rem;
    gap: 0.75rem;
  }
}
@media (max-width: 992px) {
  .error-content .error-code {
    font-size: 10rem;
    gap: 0.5rem;
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 768px) {
  .error-content .error-code {
    font-size: 8rem;
    gap: 0.35rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 480px) {
  .error-content .error-code {
    font-size: 8rem;
    gap: 0.25rem;
  }
}
.error-content .error-code .digit {
  color: #ffffff;
  display: inline-block;
}
.error-content .error-code .digit.digit-green {
  color: rgb(153, 219, 87);
}
.error-content .btn__primary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  color: #0a0a0a;
  text-decoration: none;
  padding: 0.875rem 2.25rem;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.9375rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}
@media (max-width: 992px) {
  .error-content .btn__primary {
    padding: 0.8125rem 2rem;
    font-size: 0.9rem;
  }
}
@media (max-width: 768px) {
  .error-content .btn__primary {
    padding: 0.75rem 1.75rem;
    font-size: 0.875rem;
    width: auto;
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .error-content .btn__primary {
    padding: 0.6875rem 1.5rem;
    font-size: 0.8125rem;
  }
}
.error-content .btn__primary svg {
  width: 18px;
  height: 18px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media (max-width: 768px) {
  .error-content .btn__primary svg {
    width: 16px;
    height: 16px;
  }
}
.error-content .btn__primary:hover {
  background-color: var(--Color-Lime Green, rgb(153, 219, 87));
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 6px 20px rgba(164, 224, 126, 0.25);
          box-shadow: 0 6px 20px rgba(164, 224, 126, 0.25);
}
.error-content .btn__primary:hover svg {
  -webkit-transform: translateX(-3px);
          transform: translateX(-3px);
}
.error-content .btn__primary:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.error-content,
.plant-left,
.plant-right,
.error-code .digit {
  -webkit-animation: none;
          animation: none;
}

/*cart*/
/* === OVERLAY === */
.cart-overlay {
  position: fixed;
  inset: 0;
  background: rgba(199, 255, 143, 0.3);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 999;
}

.cart-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* === SIDEBAR === */
.cart-sidebar {
  position: fixed;
  top: 0;
  right: -450px;
  width: 450px;
  height: 100%;
  background: #0c0c0c;
  color: #fff;
  font-family: "Poppins", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: right 0.4s ease;
  transition: right 0.4s ease;
  z-index: 1000;
}

.cart-sidebar.active {
  right: 0;
}

/* === HEADER === */
.cart-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.cart-header h2 {
  font-size: 22px;
  font-weight: 600;
}

.cart-close {
  background: transparent;
  border: none;
  font-size: 28px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.cart-close:hover {
  color: #c7ff8f;
}

/* === CART ITEMS === */
.cart-items {
  max-height: 550px;
  padding: 20px 24px;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

/* WebKit scrollbars (Chrome / Edge / Safari / Opera) */
.cart-items::-webkit-scrollbar {
  width: 6px;
}

.cart-items::-webkit-scrollbar-track {
  background: #2E2E33;
  border-radius: 10px;
}

.cart-items::-webkit-scrollbar-thumb {
  background: #4CAF50; /* зелений */
  border-radius: 10px;
  border: 1px solid #2E2E33;
}

.cart-items::-webkit-scrollbar-thumb:hover {
  background: #62d061; /* світліший зелений */
}

/* Firefox */
.cart-items {
  scrollbar-width: thin;
  scrollbar-color: #4CAF50 #2E2E33;
}

.cart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  margin-bottom: 20px;
}

.cart-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* === DELETE ICON === */
.cart-delete {
  background: transparent;
  border: none;
  cursor: pointer;
  margin-top: 4px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
}

.cart-delete svg {
  width: 24px;
  height: 24px;
  fill: rgb(232, 255, 101);
}

.cart-delete:hover {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
  opacity: 0.9;
}

/* === IMAGE === */
.cart-item-image {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* === ITEM DETAILS === */
.cart-item-details {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cart-item-rating {
  color: rgb(232, 255, 101);
  font-size: 14px;
  margin-bottom: 4px;
}
.cart-item-rating.rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
}
.cart-item-rating.rating span {
  width: 12px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10037_8517)'%3E%3Cpath d='M3.18462 7.46431L2.62945 10.8676C2.5852 11.1379 2.87395 11.3408 3.11276 11.208L6.0003 9.61222L8.88785 11.2085C9.12446 11.3399 9.41584 11.141 9.37115 10.868L8.81599 7.46475L11.1646 5.05744C11.3508 4.86683 11.2439 4.54346 10.9792 4.50315L7.74641 4.00933L6.29738 0.922858C6.18915 0.692381 5.81101 0.692381 5.70278 0.922858L4.25419 4.00889L1.02137 4.50271C0.755836 4.54346 0.649799 4.86639 0.836021 5.057L3.18462 7.46431Z' fill='%23B4B4B4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10037_8517'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.cart-item-rating.rating span.active {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10037_8150)'%3E%3Cpath d='M3.18462 7.46431L2.62945 10.8676C2.5852 11.1379 2.87395 11.3408 3.11276 11.208L6.0003 9.61222L8.88785 11.2085C9.12446 11.3399 9.41584 11.141 9.37115 10.868L8.81599 7.46475L11.1646 5.05744C11.3508 4.86683 11.2439 4.54346 10.9792 4.50315L7.74641 4.00933L6.29738 0.922858C6.18915 0.692381 5.81101 0.692381 5.70278 0.922858L4.25419 4.00889L1.02137 4.50271C0.755836 4.54346 0.649799 4.86639 0.836021 5.057L3.18462 7.46431Z' fill='%23E8FF65'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10037_8150'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.cart-item-name {
  color: var(--Color-White, rgb(253, 247, 247));
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: left;
}

.cart-item-quantity {
  color: #999;
  font-size: 13px;
  margin-bottom: 8px;
}

.cart-item-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width:680px) {
  .cart-item-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
  }
}

.cart-item-price {
  color: var(--Color-White, rgb(253, 247, 247));
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: left;
}

/* === QUANTITY CONTROLS === */
.quantity-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #2a2a2a;
  border-radius: 8px;
  padding: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  max-width: 160px;
  width: 100%;
}
@media screen and (max-width:680px) {
  .quantity-controls {
    max-width: none;
  }
}

.quantity-controls:hover {
  background: #323232;
}

.quantity-btn {
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  border-radius: 10px;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

.quantity-btn:hover {
  background: rgba(255, 255, 255, 0.08);
}

.quantity-value {
  min-width: 30px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}

/* === FOOTER === */
.cart-footer {
  padding: 20px 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* === SUMMARY BLOCKS === */
.summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 16px;
  color: #e5e5e5;
  margin-bottom: 14px;
}
.summary .total {
  color: var(--Color-White, rgb(253, 247, 247));
  font-family: Poppins;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0%;
  text-align: right;
}

.summary.dotted {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
  padding-bottom: 12px;
  margin-bottom: 18px;
}

.summary.final {
  font-weight: 600;
}

/* === PROMO SECTION === */
.promo {
  margin-bottom: 20px;
}

.promo label {
  font-size: 14px;
  color: #ddd;
  margin-bottom: 8px;
  display: block;
}

.promo-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.promo-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #2a2a2a;
  border: none;
  color: #fff;
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 14px;
}
@media screen and (max-width:680px) {
  .promo-input {
    padding: 15px 14px !important;
  }
}

.promo-input::-webkit-input-placeholder {
  color: #777;
}

.promo-input::-moz-placeholder {
  color: #777;
}

.promo-input:-ms-input-placeholder {
  color: #777;
}

.promo-input::-ms-input-placeholder {
  color: #777;
}

.promo-input::placeholder {
  color: #777;
}

.promo-btn {
  background: var(--Color-Lime Green, rgb(153, 219, 87));
  border: none;
  border-radius: 8px;
  color: #1a1a1a;
  font-weight: 500;
  font-size: 16px;
  padding: 12px 22px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.promo-btn:hover {
  background: var(--Color-Lime Green, rgb(153, 219, 87));
}

/* === BUTTONS === */
.cart-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  width: 100%;
}
.cart-buttons .btn__primary {
  position: relative;
  width: 100%;
  display: block;
  max-width: none;
}

.cart-btn {
  width: 100%;
  padding: 15px;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cart-btn.secondary {
  background: transparent;
  border: 1px solid #555;
  color: #fff;
}

.cart-btn.secondary:hover {
  border-color: #888;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  .cart-sidebar {
    width: 100%;
    right: -100%;
  }
  .cart-sidebar.active {
    right: 0;
  }
  .cart-item-image {
    width: 90px;
    height: 90px;
  }
}
.gallery-main,
.gallery-main .swiper,
.gallery-main .swiper-wrapper,
.gallery-main .swiper-slide {
  -ms-touch-action: pan-y !important;
      touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch;
}

/* Дозволяємо горизонтальний свайп тільки на зображеннях */
.gallery-main .swiper-slide img {
  -ms-touch-action: pan-x pan-y !important;
      touch-action: pan-x pan-y !important;
  pointer-events: none;
}

.scroll-btn {
  display: none;
  position: absolute;
  top: -40%;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  z-index: 5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: transparent;
  border-radius: 8px;
  color: #fff;
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  font-weight: normal;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.scroll-btn.prev {
  left: -8px;
  border: 1px solid #fff;
}
.scroll-btn.prev:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12.000000' height='12.000000' fill='none'%3E%3Crect id='icon_arrow' width='12.000001' height='11.999999' x='0.000000' y='0.000000' fill='rgb(255,255,255)' fill-opacity='0' transform='matrix(-4.37114e-08,1,-1,-4.37114e-08,12,0)' /%3E%3Cg id='icon'%3E%3Cpath id='Down_Arrow_3_' d='M5.25002 6C5.12796 6 5.00578 5.95112 4.91259 5.8535L0.139871 0.853526C-0.0466235 0.658153 -0.0466235 0.341779 0.139871 0.14653C0.326365 -0.0487185 0.628358 -0.0488435 0.814733 0.14653L5.25002 4.79301L9.68531 0.14653C9.87181 -0.0488435 10.1738 -0.0488435 10.3602 0.14653C10.5465 0.341904 10.5467 0.658278 10.3602 0.853526L5.58745 5.8535C5.49427 5.95112 5.37208 6 5.25002 6Z' fill='white' fill-rule='nonzero' transform='matrix(-4.37114e-08,1,-1,-4.37114e-08,9,0.75)' /%3E%3C/g%3E%3C/svg%3E%0A");
  width: 12px;
  height: 12px;
}

.scroll-btn.next {
  right: -8px;
  border: 1px solid #fff;
}
.scroll-btn.next:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12.000000' height='12.000000' fill='none'%3E%3Crect id='icon_arrow' width='12.000001' height='11.999999' x='0.000000' y='0.000000' fill='rgb(255,255,255)' fill-opacity='0' transform='matrix(1.31134e-07,-1,1,1.31134e-07,0,12)' /%3E%3Cg id='icon'%3E%3Cpath id='Down_Arrow_3_' d='M5.25002 6C5.12796 6 5.00578 5.95112 4.91259 5.8535L0.139871 0.853526C-0.0466235 0.658153 -0.0466235 0.341779 0.139871 0.14653C0.326365 -0.0487185 0.628358 -0.0488435 0.814733 0.14653L5.25002 4.79301L9.68531 0.14653C9.87181 -0.0488435 10.1738 -0.0488435 10.3602 0.14653C10.5465 0.341904 10.5467 0.658278 10.3602 0.853526L5.58745 5.8535C5.49427 5.95112 5.37208 6 5.25002 6Z' fill='white' fill-rule='nonzero' transform='matrix(1.31134e-07,-1,1,1.31134e-07,3,11.25)' /%3E%3C/g%3E%3C/svg%3E%0A");
  width: 12px;
  height: 12px;
}

@media (max-width: 768px) {
  .client__wrapper,
  .p__wrapper {
    position: relative;
  }
  .scroll-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.payment-box {
  margin-top: 10px;
  padding: 16px;
  background: #1C1C1E;
  border: 1px solid #2A2A2C;
  border-radius: 14px;
}

.payment-method-title {
  font-weight: 600;
  color: #E8FF65;
  margin-bottom: 10px;
}

.payment-details-open {
  background: #121214;
  border: 1px solid #333;
  padding: 14px;
  border-radius: 12px;
  position: relative;
}

.payment-details-open pre {
  white-space: pre-wrap;
  font-size: 14px;
  color: #d4d4d4;
  margin: 0 0 12px;
  line-height: 1.5;
}

.copy-btn {
  padding: 8px 14px;
  background: #E8FF65;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px;
  cursor: pointer;
  border: none;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.copy-btn:hover {
  background: #c7e252;
}

.widget-woof {
  padding: 0 24px;
}

.woof_container_inner h4 {
  color: #FFFFFF !important;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 24px;
}

/* Контейнер списку */
.woof_block_html_items .woof_list_checkbox {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

/* Весь рядок li → як checkbox-item */
.woof_list_checkbox li {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 8px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.woof_list_checkbox li:hover {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}

/* Ховаємо старі стилі WOOF */
.icheckbox_square-green {
  position: relative !important;
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  margin: 2px 0 0 !important;
  background: none !important;
  border: none !important;
}

/* Ховаємо штатну іконку iCheck */
.icheckbox_square-green .iCheck-helper {
  display: none !important;
}

/* Ховаємо фізично checkbox */
.woof_checkbox_term {
  opacity: 0 !important;
  position: absolute !important;
  width: 20px;
  height: 20px;
  z-index: 3;
  cursor: pointer;
}

/* Новий стиль квадратика */
.icheckbox_square-green::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #454553; /* твій Charcoal */
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Активний (галочка) */
.woof_checkbox_term:checked + .iCheck-helper + label,
.woof_checkbox_term:checked ~ label {
  font-weight: 400;
}

/* Зелена позначка */
.woof_checkbox_term:checked ~ .iCheck-helper,
.woof_checkbox_term:checked ~ .iCheck-helper::after {
  display: none !important;
}

.icheckbox_square-green input:checked ~ .iCheck-helper,
.icheckbox_square-green input:checked + ins {
  display: none !important;
}

/* Зелене заповнення */
.icheckbox_square-green input:checked {
  opacity: 0 !important;
}

.icheckbox_square-green input:checked::before {
  content: "";
}

/* Робимо зелений фон через :before */
.icheckbox_square-green.checked::before,
.woof_checkbox_term:checked + ins::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #99DB57; /* Lime green */
}

/* Галочка */
.icheckbox_square-green.checked::after,
.woof_checkbox_term:checked + ins::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #26262C;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* Текст праворуч */
.woof_checkbox_label {
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
  margin-left: 4px;
}

.woof_list label {
  padding: 0 !important;
}

.woof_container {
  padding-bottom: 5px;
  margin-bottom: 32px;
  margin-top: 32px;
}

.woof_reset_search_form {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 32px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  color: var(--Color-Black, #26262C);
  text-align: center;
  border: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  border-radius: 8px;
  background: var(--Color-Lime-Green, #99DB57);
  max-width: none;
  width: 100%;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  cursor: pointer;
}

.woof_reset_search_form:hover {
  background: var(--Color-Electric-Lime, #C7FF8F);
}

.irs--round .irs-bar {
  background: var(--Color-Lime-Green, #99DB57) !important;
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
  background: var(--Color-Lime-Green, #99DB57) !important;
}

.irs--round .irs-handle {
  border: 4px solid var(--Color-Lime-Green, #99DB57) !important;
  -webkit-box-shadow: 0 1px 3px var(--Color-Electric-Lime, #C7FF8F) !important;
          box-shadow: 0 1px 3px var(--Color-Electric-Lime, #C7FF8F) !important;
}

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
  border-top-color: var(--Color-Lime-Green, #99DB57) !important;
}

.irs--round .irs-min, .irs--round .irs-max {
  color: #fff !important;
  background-color: rgba(153, 219, 87, 0.2196078431) !important;
}

.control__group {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.control__group .label {
  font-size: 13px;
}

/* Desktop */
@media (min-width: 992px) {
  .acceptance-block.__hidden__mobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .section.__hidden-desktop .acceptance-block {
    display: none !important;
  }
}
/* Mobile */
@media (max-width: 991px) {
  .acceptance-block.__hidden__mobile {
    display: none !important;
  }
  .section.__hidden-desktop .acceptance-block {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding-top: 10px;
  }
}
footer {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--Color-Black, #26262C);
  padding: 24px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  z-index: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
footer .footer__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
@media screen and (max-width:992px) {
  footer .footer__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
footer .footer__nav {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:992px) {
  footer .footer__nav {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
footer .footer__nav ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}
@media screen and (max-width:992px) {
  footer .footer__nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
footer .footer__nav ul li a {
  color: var(--Color-White, #FDF7F7);
  /* Poppins - Regular */
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  text-decoration: none;
}
footer .footer__logo {
  max-width: 200px;
}
footer .footer__logo img {
  max-width: none;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
footer .footer__contact {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
footer .footer__contact ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 20px;
}
@media screen and (max-width:992px) {
  footer .footer__contact ul {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
footer .footer__contact ul li a {
  color: var(--Color-White, #FDF7F7);
  /* Poppins - Medium */
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  text-decoration: none;
}
footer .up__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 56px;
  height: 56px;
  padding: 14px 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--Color-Lime-Green, #99DB57);
  background: var(--Color-Black, #26262C);
  position: relative;
  cursor: pointer;
}
@media screen and (max-width:992px) {
  footer .up__btn {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
footer .up__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 fill-rule='evenodd' clip-rule='evenodd' d='M12 14.0328L3.73992 22.1239C3.22801 22.6254 2.39584 22.6254 1.88393 22.1239C1.37202 21.6225 1.37202 20.8073 1.88393 20.3059L11.072 11.3057C11.5839 10.803 12.4161 10.803 12.928 11.3057L22.1161 20.3059C22.628 20.8073 22.628 21.6225 22.1161 22.1239C21.6042 22.6254 20.772 22.6254 20.2601 22.1239L12 14.0328ZM12 4.60409L3.73992 12.6952C3.22801 13.1967 2.39584 13.1967 1.88393 12.6952C1.37202 12.1938 1.37202 11.3786 1.88393 10.8772L11.072 1.87704C11.5839 1.37432 12.4161 1.37432 12.928 1.87704L22.1161 10.8772C22.628 11.3786 22.628 12.1938 22.1161 12.6952C21.6042 13.1967 20.772 13.1967 20.2601 12.6952L12 4.60409Z' fill='%2399DB57'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
}
footer .footer__copy {
  position: relative;
  border-top: 1px solid #454553;
  padding: 24px 0;
  margin: 24px 0 0;
  color: var(--Color-Light-Grey, #E5E5E5);
  text-align: center;
  /* Poppins - Regular */
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}/*# sourceMappingURL=index.css.map */