@font-face {
  font-family: Golos;
  font-display: swap;
  src: url("../fonts/Golos-regular.woff2") format("woff2"), url("../fonts/Golos-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Golos;
  font-display: swap;
  src: url("../fonts/Golos-medium.woff2") format("woff2"), url("../fonts/Golos-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Golos;
  font-display: swap;
  src: url("../fonts/Golos-bold.woff2") format("woff2"), url("../fonts/Golos-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

img,
svg {
  vertical-align: top;
}

button {
  cursor: pointer;
  border: none;
}

* {
  position: relative;
}

html {
  font-size: 10px;
  background-color: #0b0b0b;
  scroll-behavior: smooth;
}

body {
  font-family: Inter;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.menu-open {
  overflow: hidden;
  height: 100vh;
}
body.scroll-disable {
  height: 100vh;
  overflow: hidden;
}
body:not(.home) main {
  padding-top: 13rem;
}
@media only screen and (max-width: 768px) {
  body:not(.home) main {
    padding-top: 11rem;
  }
}
@media only screen and (max-width: 768px) {
  body.cart--open {
    height: 100vh;
    overflow: hidden;
  }
}

section {
  overflow: hidden;
  padding: 0rem 0 8rem 0;
}
@media only screen and (max-width: 768px) {
  section {
    padding: 1rem 0;
  }
}

.banner + section {
  margin-top: 5rem;
}
@media only screen and (max-width: 768px) {
  .banner + section {
    margin-top: 3.5rem;
  }
}

main {
  flex: 1;
}

.section__head {
  text-align: center;
  display: flex;
  padding: 2rem 0 3rem;
  align-items: center;
  justify-content: center;
}

.container {
  margin: 0 auto;
  width: 100%;
  max-width: 123rem;
  padding: 0 1.5rem;
}

.tac {
  text-align: center;
  margin: 0 auto;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.img-maxw {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.page-content {
  padding-bottom: 12rem;
}

.content h3 + ul,
.content h3 + ol,
.content h2 + ul,
.content h2 + ol {
  margin-top: 4rem;
}
@media only screen and (max-width: 768px) {
  .content h3 + ul,
  .content h3 + ol,
  .content h2 + ul,
  .content h2 + ol {
    margin-top: 3rem;
  }
}
.content p {
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  .content p {
    font-size: 1.8rem;
  }
}
.content p + ul,
.content p ol {
  margin-top: 2rem;
}
.content p + h3 {
  margin-top: 4rem;
}
.content li {
  font-size: 1.8rem;
  line-height: 1.4;
}
.content ol,
.content ul {
  padding-left: 2.5rem;
}
.content ul {
  list-style: disc;
}
.content ul li {
  list-style: disc;
}
.content ul li::marker {
  top: -5px;
}
.content br {
  content: "";
  display: block;
  margin: 1rem 0;
}
.content h2 + p {
  margin-top: 5rem;
}
.content h2 + h3 {
  margin-top: 3rem;
}
.content h3 {
  color: #f7eb90;
}
.content h3 + p {
  margin-top: 1.5rem;
}
.content a {
  font-size: inherit;
  text-decoration: underline;
  color: #f7eb90;
  transition: all 0.2s ease;
}
@media (any-hover: hover) {
  .content a:hover {
    opacity: 0.8;
  }
}

.price {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.price .amount bdi {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 2rem;
  font-family: Oswald;
}
.price del .amount bdi {
  font-size: 1.6rem;
}
.price ins {
  text-decoration: none;
}
.price ins .amount bdi {
  color: #f7eb90;
}
.price .price-old {
  text-decoration: line-through;
  text-decoration-line: strikethrough;
  font-size: 1.6rem;
  color: #ffffff;
}
@media only screen and (max-width: 576px) {
  .price .price-old {
    font-size: 1.2rem;
  }
}
.price .price-new {
  font-size: 1.8rem;
  font-weight: 500;
  color: #f7eb90;
}
@media only screen and (max-width: 576px) {
  .price .price-new {
    font-size: 1.6rem;
  }
}

h1,
h2,
h3,
h4,
h5,
p,
span,
div,
a,
li,
textarea,
input,
button,
input::placeholder,
textarea::placeholder {
  font-size: 1.6rem;
  font-style: normal;
  line-height: 120%;
  color: inherit;
}

span {
  font-size: inherit;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: Oswald;
  color: #ffffff;
  font-weight: 300;
  text-transform: uppercase;
  line-height: normal;
}

h1 {
  font-size: 6.8rem;
  background: linear-gradient(135deg, #d0b041 2.81%, #f7eb90 30.86%, #fcf9ce 60.82%, #eed672 97.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}
@media only screen and (min-width: 576px) {
  h1 {
    font-size: calc(8.2rem + 8 * (100vw - 375px) / 625);
  }
}
@media only screen and (min-width: 992px) {
  h1 {
    font-size: 16rem;
  }
}

h2 {
  font-size: 3.2rem;
  background: linear-gradient(135deg, #d0b041 2.81%, #f7eb90 30.86%, #fcf9ce 60.82%, #eed672 97.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}
@media only screen and (min-width: 576px) {
  h2 {
    font-size: calc(5rem + 8 * (100vw - 375px) / 625);
  }
}
@media only screen and (min-width: 992px) {
  h2 {
    font-size: 6rem;
  }
}

.title--decor .left,
.title--decor .right {
  z-index: 1;
  position: absolute;
  pointer-events: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.title--decor .left img,
.title--decor .right img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .title--decor .left,
  .title--decor .right {
    max-width: 10rem;
  }
}
.title--decor .left {
  bottom: -2.8rem;
  left: -16rem;
}
@media only screen and (max-width: 768px) {
  .title--decor .left {
    bottom: -1rem;
    left: -10rem;
  }
}
.title--decor .right {
  top: 0.5rem;
  right: -13.24rem;
}
@media only screen and (max-width: 768px) {
  .title--decor .right {
    right: -11rem;
    top: -2rem;
  }
}

h3 {
  font-size: 2rem;
  line-height: 1.4;
}
@media only screen and (min-width: 576px) {
  h3 {
    font-size: calc(2rem + 4 * (100vw - 375px) / 625);
  }
}
@media only screen and (min-width: 992px) {
  h3 {
    font-size: 2.4rem;
  }
}

h4 {
  font-size: 2rem;
  line-height: 1.4;
}
@media only screen and (min-width: 576px) {
  h4 {
    font-size: calc(2rem + 4 * (100vw - 375px) / 625);
  }
}
@media only screen and (min-width: 992px) {
  h4 {
    font-size: 2.4rem;
  }
}

h4 {
  font-size: 1.8rem;
}
@media only screen and (min-width: 576px) {
  h4 {
    font-size: calc(1.8rem + 4 * (100vw - 375px) / 625);
  }
}
@media only screen and (min-width: 992px) {
  h4 {
    font-size: 2rem;
  }
}

p {
  font-size: 1.6rem;
  line-height: 1.75;
}
@media only screen and (min-width: 992px) {
  p {
    font-size: 1.8rem;
  }
}

form label {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #080520;
  text-align: left;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.wpcf7-form-control-wrap {
  display: block;
  margin-top: 0.8rem;
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
  background: #fff;
  border: 1px solid rgba(93, 95, 239, 0.2);
  border-radius: 1.6rem;
  padding: 2rem 1.8rem;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #080520;
}

button {
  background-color: inherit;
}

*[data-popup] {
  cursor: pointer;
}

.bttn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.3rem 2.5rem;
  font-size: 2rem;
  font-family: Oswald;
  border: 1px solid #f7eb90;
  color: #ffffff;
  cursor: pointer;
}
@media (any-hover: hover) {
  .bttn {
    transition: all 0.2s ease;
  }
  .bttn:hover {
    background-color: #f7eb90;
    border-color: #ffffff;
    color: #191919;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
  }
  .bttn:active {
    transform: scale(0.95);
  }
}
@media only screen and (max-width: 576px) {
  .bttn {
    padding: 1rem 1.5rem;
    font-size: 1.5rem;
  }
}

@keyframes shaking {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(0eg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.header {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 3rem 0;
  z-index: 12;
  transition: 0.3s linear;
}
@media only screen and (max-width: 768px) {
  .header {
    padding: 2rem 0;
  }
}
.header::before {
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #191919;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s linear;
}
.header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__logo {
  z-index: 200;
  transition: 0.5s linear;
  width: 7.1rem;
  transition: all 0.3s linear;
}
.header__logo img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  transition: all 0.3s linear;
}
.header__cart {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-family: Oswald;
  font-size: 1.6rem;
  gap: 0.5rem;
  text-transform: uppercase;
  cursor: pointer;
}
@media (any-hover: hover) {
  .header__cart:hover img {
    animation: shaking 0.3s linear;
  }
}
.header__user {
  display: flex;
  align-items: center;
  gap: 2rem;
  z-index: 12;
}
.header__burger {
  display: block;
  width: 3.2rem;
  height: 1.5rem;
  z-index: 11;
}
@media only screen and (min-width: 768px) {
  .header__burger {
    display: none;
  }
}
.header__burger:before,
.header__burger span, .header__burger:after {
  content: "";
  position: absolute;
  width: 2.4rem;
  height: 0.2rem;
  left: 50%;
  background-color: #ffffff;
  transform: translateX(-50%);
  transition: top 0.15s linear 0.15s, transform 0.15s linear, background 0.3s linear, -webkit-transform 0.15s linear, opacity 0.3s linear;
}
.header__burger span {
  top: 50%;
  transform: translate(-50%, -50%);
}
.header__burger:before {
  top: 0;
}
.header__burger:after {
  top: 100%;
  transform: translate(-50%, -100%);
}
.header__menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #191919;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s linear;
  padding: 9rem 1.5rem 10rem;
  overflow: auto;
}
@media only screen and (min-width: 768px) {
  .header__menu {
    transform: unset;
    width: auto;
    height: auto;
    position: static;
    padding: 0;
    background-color: transparent;
    opacity: 1;
    pointer-events: all;
  }
}
.header__menu-list {
  list-style-type: none;
}
@media only screen and (min-width: 768px) {
  .header__menu-list {
    display: flex;
  }
}
.header__menu-list .menu-item a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 300;
  text-transform: uppercase;
  padding: 2.4rem 1rem;
}
.header__menu-list .menu-item.colored a {
  color: #f7eb90;
}
@media (any-hover: hover) {
  .header__menu-list .menu-item a {
    transition: all 0.2s ease;
  }
  .header__menu-list .menu-item a::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1rem;
    width: 0;
    height: 1px;
    transition: all 0.2s ease;
    background-color: #ccb927;
  }
  .header__menu-list .menu-item a:hover {
    color: #ccb927;
  }
  .header__menu-list .menu-item a:hover::after {
    width: 100%;
  }
}
.header__menu-list .menu-item.current-menu-item:not(.menu-item-object-custom) a {
  transition: all 0.2s ease;
  color: #ccb927;
}
.header__menu-list .menu-item.current-menu-item:not(.menu-item-object-custom) a::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1rem;
  width: 0;
  height: 1px;
  transition: all 0.2s ease;
  background-color: #ccb927;
}
.header__menu-list .menu-item.current-menu-item:not(.menu-item-object-custom) a::after {
  width: 100%;
}
.header__menu-list .menu-item:not(:first-of-type) {
  border-top: 0.1rem solid rgba(114, 117, 152, 0.2);
}
@media only screen and (min-width: 768px) {
  .header__menu-list .menu-item:not(:first-of-type) {
    border-top: 0;
    margin-left: 2rem;
  }
}
.header--scrolled {
  background-color: #0b0b0b;
  padding: 1rem 0;
  box-shadow: 0 4px 10px rgba(255, 255, 255, 0.1);
}
.header--scrolled .header__logo {
  width: 6rem;
}

@media only screen and (max-width: 768px) {
  body.menu-open .header::before {
    opacity: 1;
    z-index: 11;
  }
  body.menu-open .header__menu {
    opacity: 1;
    pointer-events: all;
  }
  body.menu-open .header__burger span {
    opacity: 0;
  }
  body.menu-open .header__burger::before, body.menu-open .header__burger::after {
    -webkit-transition: top 0.15s linear, background 0.3s linear, -webkit-transform 0.15s linear 0.15s;
    transition: top 0.15s linear, background 0.3s linear, -webkit-transform 0.15s linear 0.15s;
    -o-transition: top 0.15s linear, transform 0.15s linear 0.15s, background 0.3s linear;
    transition: top 0.15s linear, transform 0.15s linear 0.15s, background 0.3s linear;
    transition: top 0.15s linear, transform 0.15s linear 0.15s, background 0.3s linear, -webkit-transform 0.15s linear 0.15s;
  }
  body.menu-open .header__burger:before {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
  body.menu-open .header__burger:after {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}
@media only screen and (max-width: 768px) {
  .breadcrumbs {
    padding: 2rem 0 0;
  }
}
.breadcrumbs__wrap {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  gap: 0.6rem;
  color: #ffffff;
  font-weight: 500;
}
.breadcrumbs__wrap a {
  font-size: inherit;
  transition: all 0.2s ease;
  color: #ffffff;
}
@media (any-hover: hover) {
  .breadcrumbs__wrap a:hover {
    color: #f7eb90;
  }
}
.breadcrumbs__wrap .breadcrumb_last {
  color: #f7eb90;
}
@media only screen and (max-width: 576px) {
  .breadcrumbs__wrap {
    font-size: 1.4rem;
  }
}

.banner {
  height: 100vh;
  min-height: 67rem;
  display: flex;
  align-items: center;
  background-image: url(../img/front/bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 4px 10px rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 768px) {
  .banner {
    padding-top: 30vh;
    align-items: start;
    background-image: url(../img/front/bg-mob.png);
  }
}
.banner .container {
  max-width: 106rem;
  padding-top: 15rem;
}
@media only screen and (max-width: 768px) {
  .banner .container {
    padding-top: 0;
  }
}
.banner__wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 50rem;
}
@media only screen and (max-width: 768px) {
  .banner__wrap {
    max-width: 100%;
    text-align: center;
  }
}
.banner__wrap span {
  font-family: Oswald;
  background: linear-gradient(135deg, #d0b041 2.81%, #f7eb90 30.86%, #fcf9ce 60.82%, #eed672 97.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banner h1 {
  line-height: 1.06;
  font-weight: 400;
}
.banner h1 + .bttn {
  margin-top: 2rem;
}

.woocommerce .proposal .products ul,
.woocommerce .proposal ul.products {
  margin-top: 5.36rem;
}
@media only screen and (max-width: 768px) {
  .woocommerce .proposal .products ul,
  .woocommerce .proposal ul.products {
    margin-top: 4rem;
  }
}

.proposal .products {
  margin-top: 5.36rem;
}
@media only screen and (max-width: 768px) {
  .proposal .products {
    margin-top: 4rem;
  }
}
.proposal__decor {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 992px) {
  .proposal__decor {
    display: none;
  }
}
.proposal__decor-1 {
  left: 0;
  top: 75%;
}
.proposal__decor-2 {
  right: 0;
  top: 50%;
}
.proposal__decor img {
  transition: all 0.3s linear;
}
@media (any-hover: hover) {
  .proposal__decor-1:hover img {
    transform: translateX(-100%);
    left: 0;
  }
  .proposal__decor-2:hover img {
    transform: translateX(100%);
    right: 0;
  }
}

.locations {
  overflow: hidden;
  margin-bottom: 8rem;
}
.locations .container {
  max-width: 125rem;
}
.locations__wrap {
  margin-top: 5rem;
  padding: 2rem;
  border: 1px solid #3f3f3f;
  display: flex;
  justify-content: space-between;
  gap: 6rem;
}
@media only screen and (max-width: 992px) {
  .locations__wrap {
    flex-direction: column;
    gap: 3rem;
  }
}
@media only screen and (max-width: 576px) {
  .locations__wrap {
    padding: 0;
  }
}
@media only screen and (max-width: 992px) {
  .locations .tabs-wrap {
    overflow: auto;
  }
}
.locations .tabs-switch {
  padding: 3rem;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .locations .tabs-switch {
    display: flex;
    overflow: auto;
    width: max-content;
    align-items: center;
    gap: 2rem;
  }
}
@media only screen and (max-width: 576px) {
  .locations .tabs-switch {
    gap: 1rem;
  }
}
.locations .tabs-switch li {
  text-transform: uppercase;
  padding-left: 4rem;
  cursor: pointer;
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 992px) {
  .locations .tabs-switch li {
    width: 26.5rem;
  }
}
@media only screen and (max-width: 576px) {
  .locations .tabs-switch li {
    font-size: 1.4rem;
    width: 23.5rem;
  }
}
.locations .tabs-switch li span {
  display: block;
  background: #ffffff;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.2s ease;
  max-width: 25.5rem;
}
@media only screen and (min-width: 992px) {
  .locations .tabs-switch li + li {
    margin-top: 3rem;
  }
}
.locations .tabs-switch li a {
  color: inherit;
  background: inherit;
  display: inline-block;
  margin-top: 1rem;
  transition: all 0.2s ease;
  font-size: inherit;
}
@media only screen and (max-width: 576px) {
  .locations .tabs-switch li a {
    margin-top: 2rem;
  }
}
@media (any-hover: hover) {
  .locations .tabs-switch li a::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1rem;
    width: 0;
    height: 1px;
    transition: all 0.2s ease;
    background-color: #ccb927;
  }
  .locations .tabs-switch li a:hover {
    color: #ccb927;
  }
  .locations .tabs-switch li a:hover::after {
    width: 100%;
  }
}
.locations .tabs-switch li::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/icons/location.svg) center/cover no-repeat;
  width: 2.4rem;
  height: 2.5rem;
}
@media only screen and (min-width: 992px) {
  .locations .tabs-switch li::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -5rem;
    transform: translateY(-50%) translateX(-2rem);
    background: url(../img/icons/caret.svg) center/cover no-repeat;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    opacity: 0;
  }
}
.locations .tabs-switch li.active span {
  background: #f7eb90;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.locations .tabs-switch li.active::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}
@media (any-hover: hover) {
  .locations .tabs-switch li:not(.active):hover::after {
    transform: translateY(-50%) translateX(-1rem);
    opacity: 0.7;
  }
}
.locations .tabs-content {
  width: 79.3rem;
  max-width: 100%;
}
.locations .tabs-item {
  width: 100%;
  height: 61.2rem;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 576px) {
  .locations .tabs-item {
    height: auto;
  }
}
.locations .tabs-item:not(.active) {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  z-index: -100;
}
.locations .tabs-item iframe {
  width: 100%;
  height: 100%;
  max-height: 61.2rem;
}
@media only screen and (max-width: 576px) {
  .locations .tabs-item iframe {
    height: auto;
    aspect-ratio: 16/9;
  }
}
.locations__decor {
  position: absolute;
}
.locations__decor-1 {
  right: 1.2rem;
  top: -9rem;
  z-index: 2;
}
@media only screen and (max-width: 992px) {
  .locations__decor-1 {
    top: -11rem;
    right: 1.5rem;
    width: 15rem;
  }
  .locations__decor-1 img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
  }
}
.locations__decor-2 {
  pointer-events: none;
  left: 0;
  bottom: -45rem;
}
@media only screen and (max-width: 992px) {
  .locations__decor-2 {
    display: none;
  }
}

.inst {
  overflow: hidden;
  min-height: 72rem;
  max-width: 170rem;
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) {
  .inst__img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 1200px) {
  .inst__img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
  }
  .inst__img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    transform: translateX(-100px);
  }
}
.inst .container {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 1200px) {
  .inst .container {
    justify-content: center;
  }
}
.inst__wrap {
  max-width: 50.5rem;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1200px) {
  .inst__wrap {
    text-align: center;
  }
}
.inst__wrap a:not(.bttn) {
  margin-bottom: 3rem;
  font-size: 1.8rem;
}
@media (any-hover: hover) {
  .inst__wrap a:not(.bttn) {
    transition: all 0.2s ease;
  }
  .inst__wrap a:not(.bttn):hover {
    color: #ccb927;
  }
}
.inst h2 {
  margin-bottom: 1.8rem;
}
.inst h2 .left {
  top: 3rem;
  left: -14rem;
  bottom: unset;
}
@media only screen and (max-width: 768px) {
  .inst h2 .left {
    top: 5rem;
    left: -5rem;
  }
}
@media only screen and (max-width: 576px) {
  .inst h2 .left {
    left: 0;
  }
}
.inst h2 .right {
  top: 45%;
  right: -9rem;
}
@media only screen and (max-width: 768px) {
  .inst h2 .right {
    right: -3rem;
    top: 67%;
  }
}
@media only screen and (max-width: 576px) {
  .inst h2 .right {
    right: 0;
  }
}
.inst h2 + a {
  margin-bottom: 3rem;
}
.inst .bttn {
  width: max-content;
}
@media only screen and (max-width: 1200px) {
  .inst .bttn {
    margin-left: auto;
    margin-right: auto;
  }
}

.shop {
  padding-bottom: 12rem;
}
.shop__title {
  margin-top: 4rem;
}
.shop__filters {
  overflow-x: auto;
  overflow-y: hidden;
  margin: 4rem 0 6rem;
}
@media only screen and (max-width: 992px) {
  .shop__filters {
    padding: 2rem;
  }
}
.shop__filters-container {
  display: flex;
}
.shop__filters-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9rem;
  width: max-content;
  margin: 0 auto;
  white-space: nowrap;
  padding-bottom: 2rem;
  border-bottom: 1px solid #f7eb90;
}
@media only screen and (max-width: 992px) {
  .shop__filters-wrap {
    gap: 3rem;
  }
}
.shop__filters-arrow {
  position: sticky;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 2;
  margin-right: 10px;
}
.shop__filters-arrow img {
  top: 50%;
  max-width: fit-content;
}
.shop__filters ul {
  display: flex;
  gap: 9rem;
}
@media only screen and (max-width: 992px) {
  .shop__filters ul {
    gap: 3rem;
  }
}
.shop__filters .bapf_sfilter {
  margin-bottom: 0;
}
.shop__filters .bapf_sfilter li,
.shop__filters .bapf_sfilter button {
  font-family: Oswald;
  font-size: 2rem;
  text-transform: uppercase;
  color: #ffffff;
}
.shop__filters .bapf_sfilter li label,
.shop__filters .bapf_sfilter button label {
  color: inherit;
}
@media only screen and (max-width: 576px) {
  .shop__filters .bapf_sfilter li,
  .shop__filters .bapf_sfilter button {
    font-size: 1.6rem;
  }
}
@media (any-hover: hover) {
  .shop__filters .bapf_sfilter li,
  .shop__filters .bapf_sfilter button {
    transition: all 0.2s ease;
  }
  .shop__filters .bapf_sfilter li:hover,
  .shop__filters .bapf_sfilter button:hover {
    color: #ccb927;
  }
}
.shop__filters .bapf_sfilter li.checked,
.shop__filters .bapf_sfilter button.checked {
  color: #f7eb90;
}
.shop__filters .bapf_sfilter li.checked input:checked + label,
.shop__filters .bapf_sfilter button.checked input:checked + label {
  color: #f7eb90;
}
.shop .woocommerce-pagination {
  margin-top: 10rem;
}

body ul.products {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem 2rem;
}
body ul.products::before, body ul.products::after {
  display: none;
}
@media only screen and (max-width: 768px) {
  body ul.products {
    gap: 6rem 1rem;
  }
}

.products__more-wrap {
  margin-top: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 576px) {
  .products__more-wrap {
    margin-top: 6rem;
  }
}
.products__more-bttn {
  font-family: Oswald;
  font-size: 2rem;
  font-weight: 400;
  padding: 2rem;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 576px) {
  .products__more-bttn {
    font-size: 1.6rem;
  }
}
.products__more-bttn::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(100%);
  mask-image: url(../img/general/arrow-more.svg);
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: #f7eb90;
  width: 4rem;
  height: 1.2rem;
  transition: all 0.2s ease;
}
@media (any-hover: hover) {
  .products__more-bttn {
    transition: all 0.2s ease;
  }
  .products__more-bttn:hover {
    color: #ccb927;
  }
  .products__more-bttn:hover::after {
    transform: translateY(-50%) translateX(calc(100% + 0.5rem));
  }
  .products__more-bttn:active::after {
    transform: translateY(-50%) translateX(calc(100% + 1rem));
  }
}

.product__card {
  width: calc(33% - 1.4rem);
  background-color: #0b0b0b;
}
@media only screen and (max-width: 992px) {
  .product__card {
    width: calc(50% - 1rem);
  }
  .product__card:nth-child(3n) {
    width: 100%;
  }
  .product__card:nth-child(3n) .product__card-img {
    height: auto;
  }
}
@media only screen and (max-width: 576px) {
  .product__card {
    width: calc(50% - 0.5rem);
  }
}
.product__card-wrap {
  padding: 2rem 2rem 3rem 2rem;
  border: 1px solid #3f3f3f;
  display: block;
  min-height: 37rem;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .product__card-wrap {
    padding: 1rem;
  }
}
@media only screen and (max-width: 576px) {
  .product__card-wrap {
    min-height: 12rem;
  }
}
.product__card-img {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 24rem;
}
@media only screen and (max-width: 576px) {
  .product__card-img {
    height: 12rem;
  }
}
.product__card-img img {
  transition: all 0.2s ease;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.product__card-info {
  margin-top: 2rem;
  text-align: center;
}
.product__card-info h5 {
  font-weight: 400;
}
.product__card-price {
  margin-top: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
@media only screen and (max-width: 768px) {
  .product__card-price {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2rem;
  }
}
.product__card-price .price-old {
  text-decoration: line-through;
  text-decoration-line: strikethrough;
  font-size: 1.6rem;
}
@media only screen and (max-width: 576px) {
  .product__card-price .price-old {
    font-size: 1.2rem;
  }
}
.product__card-price .price-new {
  font-size: 1.8rem;
  font-weight: 500;
  color: #f7eb90;
}
@media only screen and (max-width: 576px) {
  .product__card-price .price-new {
    font-size: 1.6rem;
  }
}
.product__card-price::before, .product__card-price::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 4rem;
  top: 50%;
  transform: translateY(-50%) translateX(100%);
  background: linear-gradient(135deg, #d0b041 2.81%, #f7eb90 30.86%, #fcf9ce 60.82%, #eed672 97.9%);
}
@media only screen and (max-width: 768px) {
  .product__card-price::before, .product__card-price::after {
    width: 2.5rem;
  }
}
.product__card-price::before {
  left: -2rem;
  transform: translateY(-50%) translateX(-100%);
}
.product__card-price::after {
  right: -2rem;
}
.product__card-bttn {
  width: 100%;
}
@media (any-hover: hover) {
  .product__card-bttn {
    opacity: 0;
  }
}
@media (any-hover: hover) {
  .product__card {
    cursor: pointer;
    transition: all 0.2s ease;
  }
  .product__card:hover .product__card-bttn {
    opacity: 1;
  }
  .product__card:hover .product__card-img img {
    transform: scale(1.05);
  }
  .product__card:hover {
    box-shadow: 0 4px 10px rgba(255, 255, 255, 0.2);
  }
}
.product__card.show-button .product__card-bttn {
  opacity: 1;
}

@keyframes live-leaves {
  0% {
    transform: rotate(4deg);
  }
  25% {
    transform: rotate(2.5deg);
  }
  40% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(7deg);
  }
  60% {
    transform: rotate(0deg);
  }
  70% {
    transform: rotate(-5deg);
  }
  80% {
    transform: rotate(-7deg);
  }
  100% {
    transform: rotate(6deg);
  }
}
.product {
  overflow: hidden;
  height: auto;
}
.product .container {
  display: flex;
  max-width: 103rem;
  margin-top: 6rem;
  justify-content: space-between;
  gap: 4rem;
}
@media only screen and (max-width: 768px) {
  .product .container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3rem;
  }
  .product .container > * {
    width: 50rem;
    max-width: 100%;
  }
}
.product .container h1 {
  font-size: 3rem;
}
@media only screen and (min-width: 576px) {
  .product .container h1 {
    font-size: 4rem;
  }
}
.product__img {
  border: 1px solid #3f3f3f;
  width: 38.6rem;
  max-width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: max-content;
  padding: 2rem;
}
.product__img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.product__content {
  width: 48.9rem;
  max-width: 100%;
}
.product__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.product__price {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product__price * {
  font-family: Oswald;
  font-weight: 400;
}
.product__descr {
  margin-top: 3rem;
}
.product__form {
  margin-top: 3rem;
}
.product__form .tc-epo-style-space > input {
  display: none !important;
}
.product__form .tc-extra-product-options {
  padding: 2.4rem 2rem;
  border: 1px solid #3f3f3f;
}
.product__form .tm-extra-product-options .tc-element-inner-wrap .tc-row {
  gap: 2rem;
}
.product__form .tc-epo-element-product-container-left {
  display: none;
}
.product__form .product-price {
  display: none;
}
.product__form .tc-epo-element-product-container-cart {
  display: flex;
  gap: 4rem;
}
.product__form .product-meta {
  display: none;
}
.product__form .tcwidth-70 {
  width: 100%;
  --flex-items: 1;
}
.product__form .product-title {
  font-size: 1.8rem;
  text-transform: none;
  font-weight: 500;
  font-family: Inter;
  flex: auto;
  width: 25rem;
  max-width: 100%;
}
@media only screen and (max-width: 576px) {
  .product__form .product-title {
    font-size: 1.4rem;
  }
}
.product__form div.tc-epo-element-product-container-cart div.tm-quantity-alt div.quantity {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.product__form div.tc-epo-element-product-container-cart div.tm-quantity-alt div.quantity input {
  background-color: transparent;
  outline: none;
  border: none;
  font-size: 1.8rem;
  color: #3f3f3f;
  font-weight: 500;
  padding: 0;
  width: 3.2rem !important;
  text-align: center;
  user-select: none;
  pointer-events: none;
  transition: all 0.2s ease;
}
.product__form div.tc-epo-element-product-container-cart div.tm-quantity-alt div.quantity input.active {
  color: #ffffff;
}
.product__form div.tc-epo-element-product-container-cart div.tm-quantity-alt div.quantity .minus,
.product__form div.tc-epo-element-product-container-cart div.tm-quantity-alt div.quantity .plus {
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.product__form div.tc-epo-element-product-container-cart div.tm-quantity-alt div.quantity .minus::before,
.product__form div.tc-epo-element-product-container-cart div.tm-quantity-alt div.quantity .plus::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
  width: 3.2rem;
  height: 3.2rem;
  fill: #ffffff;
  color: #ffffff;
  background-color: #ffffff;
  transition: all 0.2s ease;
}
@media (any-hover: hover) {
  .product__form div.tc-epo-element-product-container-cart div.tm-quantity-alt div.quantity .minus:hover,
  .product__form div.tc-epo-element-product-container-cart div.tm-quantity-alt div.quantity .plus:hover {
    transform: scale(1.1);
  }
  .product__form div.tc-epo-element-product-container-cart div.tm-quantity-alt div.quantity .minus:active,
  .product__form div.tc-epo-element-product-container-cart div.tm-quantity-alt div.quantity .plus:active {
    transform: scale(1);
  }
}
.product__form div.tc-epo-element-product-container-cart div.tm-quantity-alt div.quantity .minus::before {
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M22 16C22 16.2652 21.8946 16.5196 21.7071 16.7071C21.5196 16.8946 21.2652 17 21 17H11C10.7348 17 10.4804 16.8946 10.2929 16.7071C10.1054 16.5196 10 16.2652 10 16C10 15.7348 10.1054 15.4804 10.2929 15.2929C10.4804 15.1054 10.7348 15 11 15H21C21.2652 15 21.5196 15.1054 21.7071 15.2929C21.8946 15.4804 22 15.7348 22 16ZM29 16C29 18.5712 28.2376 21.0846 26.8091 23.2224C25.3807 25.3603 23.3503 27.0265 20.9749 28.0104C18.5995 28.9944 15.9856 29.2518 13.4638 28.7502C10.9421 28.2486 8.6257 27.0105 6.80762 25.1924C4.98953 23.3743 3.75141 21.0579 3.2498 18.5362C2.74819 16.0144 3.00563 13.4006 3.98957 11.0251C4.97351 8.64968 6.63975 6.61935 8.77759 5.1909C10.9154 3.76244 13.4288 3 16 3C19.4467 3.00364 22.7512 4.37445 25.1884 6.81163C27.6256 9.24882 28.9964 12.5533 29 16ZM27 16C27 13.8244 26.3549 11.6977 25.1462 9.88873C23.9375 8.07979 22.2195 6.66989 20.2095 5.83733C18.1995 5.00476 15.9878 4.78692 13.854 5.21136C11.7202 5.6358 9.76021 6.68345 8.22183 8.22183C6.68345 9.7602 5.63581 11.7202 5.21137 13.854C4.78693 15.9878 5.00477 18.1995 5.83733 20.2095C6.66989 22.2195 8.07979 23.9375 9.88873 25.1462C11.6977 26.3549 13.8244 27 16 27C18.9164 26.9967 21.7123 25.8367 23.7745 23.7745C25.8367 21.7123 26.9967 18.9164 27 16Z" fill="%23545454"/></svg>');
}
.product__form div.tc-epo-element-product-container-cart div.tm-quantity-alt div.quantity .minus.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.product__form div.tc-epo-element-product-container-cart div.tm-quantity-alt div.quantity .plus::before {
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9964 12.5533 27.6256 9.24882 25.1884 6.81163C22.7512 4.37445 19.4467 3.00364 16 3ZM16 27C13.8244 27 11.6977 26.3549 9.88873 25.1462C8.07979 23.9375 6.66989 22.2195 5.83733 20.2095C5.00477 18.1995 4.78693 15.9878 5.21137 13.854C5.63581 11.7202 6.68345 9.7602 8.22183 8.22183C9.76021 6.68345 11.7202 5.6358 13.854 5.21136C15.9878 4.78692 18.1995 5.00476 20.2095 5.83733C22.2195 6.66989 23.9375 8.07979 25.1462 9.88873C26.3549 11.6977 27 13.8244 27 16C26.9967 18.9164 25.8367 21.7123 23.7745 23.7745C21.7123 25.8367 18.9164 26.9967 16 27ZM22 16C22 16.2652 21.8946 16.5196 21.7071 16.7071C21.5196 16.8946 21.2652 17 21 17H17V21C17 21.2652 16.8946 21.5196 16.7071 21.7071C16.5196 21.8946 16.2652 22 16 22C15.7348 22 15.4804 21.8946 15.2929 21.7071C15.1054 21.5196 15 21.2652 15 21V17H11C10.7348 17 10.4804 16.8946 10.2929 16.7071C10.1054 16.5196 10 16.2652 10 16C10 15.7348 10.1054 15.4804 10.2929 15.2929C10.4804 15.1054 10.7348 15 11 15H15V11C15 10.7348 15.1054 10.4804 15.2929 10.2929C15.4804 10.1054 15.7348 10 16 10C16.2652 10 16.5196 10.1054 16.7071 10.2929C16.8946 10.4804 17 10.7348 17 11V15H21C21.2652 15 21.5196 15.1054 21.7071 15.2929C21.8946 15.4804 22 15.7348 22 16Z" fill="white"/></svg>');
}
.product__buy {
  margin-top: 3rem;
}
.product__buy .bttn {
  width: 100%;
  text-transform: uppercase;
}
.product__decor {
  position: absolute;
  top: 7rem;
  right: -42.6rem;
  z-index: -1;
  animation: live-leaves 15s linear infinite;
  width: calc(100vw - 50%);
  max-width: 100rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product__decor img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .product__decor {
    width: 30rem;
    top: unset;
    bottom: -8rem;
    right: -17rem;
  }
}
@media (any-hover: hover) {
  .product__decor img {
    transition: all 1s linear;
  }
  .product__decor:hover img {
    transform: translateX(100%) !important;
  }
}

.product_meta {
  display: none;
}

.woocommerce div.product .tm-extra-product-options .tc-epo-element-product-container-wrap .tc-epo-element-product-container-cart .tm-quantity-alt .quantity,
.tm-extra-product-options .tc-epo-element-product-container-wrap .tc-epo-element-product-container-cart .tm-quantity-alt .quantity {
  display: flex !important;
}

.tm-extra-product-options ul.tmcp-ul-wrap li.tmcp-field-wrap.tc-mode-images {
  flex: 5%;
  border: 1px solid rgba(0, 0, 0, 0);
}

.tc-label-text {
  color: #fff;
  text-align: left;
}
@media only screen and (max-width: 576px) {
  .tc-label-text {
    text-align: center;
  }
}

.tc-label-wrap {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

.tm-extra-product-options .tmcp-field-wrap.tc-active .tc-label-wrap .tc-image {
  max-width: 110px;
}
@media only screen and (max-width: 576px) {
  .tm-extra-product-options .tmcp-field-wrap.tc-active .tc-label-wrap .tc-image {
    max-width: 100%;
  }
}

.tc-image,
.tm-extra-product-options .tmcp-field-wrap .tc-label-wrap .tc-image {
  max-width: 110px;
}
@media only screen and (max-width: 576px) {
  .tc-image,
  .tm-extra-product-options .tmcp-field-wrap .tc-label-wrap .tc-image {
    max-width: 100%;
  }
}

@media only screen and (max-width: 576px) {
  .tc-mode-images .tc-label-wrap {
    flex-direction: column !important;
  }
}

@media only screen and (max-width: 576px) {
  .tm-extra-product-options ul.tmcp-ul-wrap.tm-element-ul-checkbox {
    justify-content: space-around !important;
  }
}

@media only screen and (max-width: 576px) {
  .tm-extra-product-options ul.tmcp-ul-wrap li.tmcp-field-wrap.tc-mode-images {
    flex: 46%;
    max-width: 46%;
    min-width: 46%;
    width: 46%;
  }
}

.tc-active {
  border: 1px solid #f7eb90 !important;
  transition: all 0.5s ease;
}

.tm-extra-product-options .tc-active .tc-label-text,
.tm-extra-product-options li.tmcp-field-wrap.tc-active .price.tc-price .amount,
.tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-radio li.tmcp-field-wrap label input[type=radio]:checked ~ .tc-label,
.tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-checkbox li.tmcp-field-wrap label input[type=checkbox]:checked ~ .tc-label {
  font-weight: inherit !important;
}

.product__content {
  width: 54rem;
}

.fullwidth-ul .tc-mode-images .tc-label-inner .tc-price-wrap {
  justify-self: left;
}
@media only screen and (max-width: 576px) {
  .fullwidth-ul .tc-mode-images .tc-label-inner .tc-price-wrap {
    justify-self: center;
  }
}

@media only screen and (max-width: 576px) {
  .tm-extra-product-options ul.tmcp-ul-wrap.tm-element-ul-radio {
    justify-content: space-around !important;
  }
}

.tm-extra-product-options .tmcp-field-wrap label:not(.fullwidth) {
  display: none;
}

.product__form .tc-epo-element-product-container-cart {
  align-items: center;
}

@media only screen and (max-width: 878px) {
  .footer__menus {
    gap: 4rem 2rem;
    justify-content: flex-start !important;
    flex-wrap: wrap;
  }
}

.cfvsw-image-option {
  min-width: 100px !important;
  min-height: 100px !important;
}

.cfvsw-swatches-container {
  grid-gap: 50px;
  margin-top: 25px;
  padding-bottom: 15px;
}

.woocommerce div.product form.cart .variations label {
  color: #fff;
  font-family: Oswald;
  font-size: 2rem !important;
}

.cfvsw-selected-swatch {
  border-color: #f7eb90 !important;
}

.product__card-bttn {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
}

.woocommerce div.product form.cart .reset_variations {
  color: #f7eb90;
}

.cart__item-attributes .variation {
  color: #fff;
}

.checkout .col-1 .wc_payment_method label::after {
  top: inherit !important;
}

.woocommerce-checkout #payment ul.payment_methods li img {
  background: #fff;
  border-radius: 8px;
}

@media only screen and (max-width: 576px) {
  .checkout .col-1 .wc_payment_method label::before {
    border: none !important;
  }
}

.shop__filters::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.tc-active {
  border: none !important;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 dd {
  padding: 6px 12px;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 dl {
  padding-bottom: 12px;
}

.woocommerce .woocommerce-customer-details address {
  border: none !important;
}

.woocommerce-column--billing-address {
  border: 1px solid;
  border-radius: 5px;
}

.woocommerce-column__title {
  text-align: center;
}

.cart--popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 13;
  opacity: 0;
  pointer-events: none;
  height: 100%;
  min-height: 100vh;
  transition: all 0.2s ease;
}
.cart--popup.loading .cart__wrap::after {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  mask: url(../img/icons/loading.svg) no-repeat center center/contain;
  background-color: #f7eb90;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 11;
}
.cart--popup.loading .cart__wrap::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: #0b0b0b;
  opacity: 0.8;
}

.cart__bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(38, 38, 38, 0.3);
  backdrop-filter: blur(10px);
}
.cart__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.4rem 2rem 2.4rem 3rem;
  border-bottom: 1px solid #000;
  position: sticky;
  top: 0;
  width: 100%;
  background: #0b0b0b;
  z-index: 2;
}
.cart.active {
  pointer-events: all;
  opacity: 1;
}
.cart.active .cart__wrap {
  transform: translate(0);
}
.cart__wrap {
  z-index: 4;
  width: 40%;
  max-width: 100%;
  min-width: 40rem;
  margin-left: auto;
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
  transition: all 0.2s ease;
  transform: translateX(100%);
  background: #0b0b0b;
}
@media only screen and (max-width: 1300px) {
  .cart__wrap {
    width: 70%;
  }
}
@media only screen and (max-width: 768px) {
  .cart__wrap {
    min-width: unset;
    width: 100%;
    padding-bottom: 6rem;
  }
}
.cart__wrap-content {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .cart__wrap-content {
    width: 100%;
  }
}
.cart__wrap::-webkit-scrollbar {
  width: 0.6rem;
  height: 0.6rem;
  background-color: #e5e5e5;
  border-radius: 0.2rem;
}
.cart__wrap::-webkit-scrollbar-thumb {
  border-radius: 0.2rem;
  background-color: #8d8d8d;
}
@media only screen and (max-width: 768px) {
  .cart__wrap {
    width: 100%;
    padding-bottom: 2rem;
  }
}
.cart__close {
  right: 0;
  top: 0;
  z-index: 2;
  margin-left: auto;
  width: max-content;
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.cart__close svg,
.cart__close path {
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) {
  .cart__close:hover {
    transform: scale(1.05);
  }
  .cart__close:hover svg,
  .cart__close:hover path {
    fill: #f7eb90;
  }
  .cart__close:active {
    transform: scale(0.97);
  }
}

.cart__contents {
  padding: 2.4rem 2rem 2.4rem 3rem;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .cart__contents {
    height: auto;
    padding: 2rem;
  }
}
.cart__bottom {
  padding: 2rem;
}
.cart__items {
  display: flex;
  flex-direction: column;
  gap: 3.35rem;
  margin-top: 6rem;
  margin-bottom: 4rem;
}
.cart__items-wrap {
  display: flex;
  flex-direction: column;
  gap: 2.35rem;
}
.cart__item {
  width: 100%;
  padding-bottom: 2.5rem;
  color: #000;
}
.cart__item + .cart__item {
  border-top: 1px solid #3f3f3f;
  padding-top: 2.25rem;
}
.cart__item-wrap {
  display: flex;
  gap: 1.2rem;
}
.cart__item-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
}
.cart__item-img {
  width: 20.7rem;
  padding: 1rem;
  height: max-content;
  aspect-ratio: 1/1;
  border: 1px solid #3f3f3f;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 576px) {
  .cart__item-img {
    width: 14rem;
  }
}
.cart__item-img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.cart__item-info {
  width: 100%;
}
.cart__item-title {
  max-width: 22rem;
  margin-bottom: 2rem;
}
.cart__item-remove {
  cursor: pointer;
  margin-left: auto;
}
@media (any-hover: hover) {
  .cart__item-remove:hover {
    transform: scale(1.05);
  }
  .cart__item-remove:hover svg,
  .cart__item-remove:hover path {
    fill: #f7eb90;
  }
  .cart__item-remove:active {
    transform: scale(0.97);
  }
}
.cart__item-header {
  width: 100%;
  justify-content: space-between;
  display: flex;
  gap: 1rem;
}
.cart__item-attributes .variation {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.cart__item-attributes .variation + .cart__item-attributes .variation {
  margin-top: 1rem;
}
.cart__item-attributes .variation * {
  font-size: 1.8rem;
  line-height: normal;
}
.cart__item-qty {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  width: 28rem;
  max-width: 100%;
}
@media only screen and (max-width: 576px) {
  .cart__item-qty {
    width: 100%;
  }
}
.cart__item-qty-bttn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (any-hover: hover) {
  .cart__item-qty-bttn {
    transition: all 0.2s ease;
  }
  .cart__item-qty-bttn svg,
  .cart__item-qty-bttn path {
    transition: all 0.2s ease;
  }
  .cart__item-qty-bttn:hover {
    transform: scale(1.05);
  }
  .cart__item-qty-bttn:hover svg,
  .cart__item-qty-bttn:hover path {
    fill: #f7eb90;
  }
  .cart__item-qty-bttn:active {
    transform: scale(1);
  }
}
.cart__item-qty input {
  width: 4rem;
  text-align: center;
  background-color: inherit;
  color: #ffffff;
  font-weight: 500;
  border: none;
  font-size: 2rem;
}
.cart__item-qty p {
  font-size: 1.2rem;
  color: #191919;
}
.cart__item-qty-bttns {
  position: absolute;
  right: 1.2rem;
  padding: 0.2rem 0;
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cart__item-qty-bttns > * {
  cursor: pointer;
}
.cart__item-attributes {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}
.cart__item-attributes-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.cart__item-attributes-row div,
.cart__item-attributes-row p {
  font-size: 1.2rem;
  color: #191919;
}
.cart__item-price {
  gap: 1rem;
  flex-direction: row-reverse;
}
.cart__bottom {
  margin-top: auto;
  padding-bottom: 6rem;
}
@media only screen and (max-width: 768px) {
  .cart__bottom {
    padding-bottom: 10rem;
  }
}
.cart__total {
  padding-top: 3rem;
  border-top: 1px solid #3f3f3f;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.cart__bttn {
  margin-top: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  width: 100%;
}
.cart__bttn .bttn {
  width: 100%;
}

.cart-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 5rem 0;
  flex-direction: column;
}

@media only screen and (max-width: 992px) {
  .woocommerce-checkout .page-content {
    padding-top: 4rem;
  }
}

.checkout h2 {
  margin-bottom: 4rem;
}
.checkout h3 {
  font-size: 4rem;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 3rem;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .checkout h3 {
    font-size: 2.8rem;
  }
}
.checkout .shipping {
  margin-top: 3rem;
  font-size: 0;
}
@media only screen and (max-width: 576px) {
  .checkout .shipping {
    margin-top: 4rem;
  }
}
.checkout .woocommerce-input-wrapper {
  display: block;
}
.checkout .col-1 span.optional {
  display: none;
}
.checkout .col-1 input:not([type=radio]),
.checkout .col-1 textarea {
  padding-bottom: 1.2rem;
  width: 100%;
  color: #ffffff;
  background-color: inherit;
  border: none;
  font-size: 1.8rem;
  border-bottom: 1px solid #ffffff;
}
@media (any-hover: hover) {
  .checkout .col-1 input:not([type=radio]),
  .checkout .col-1 textarea {
    transition: all 0.2s ease;
  }
  .checkout .col-1 input:not([type=radio]):hover, .checkout .col-1 input:not([type=radio]):focus, .checkout .col-1 input:not([type=radio]):active,
  .checkout .col-1 textarea:hover,
  .checkout .col-1 textarea:focus,
  .checkout .col-1 textarea:active {
    transform: scale(1.05);
  }
}
.checkout .col-1 textarea {
  resize: vertical;
  font-family: inherit;
  min-height: 15rem;
}
.checkout .col-1 label {
  font-size: 1.8rem;
  color: #ffffff;
  text-transform: uppercase;
}
.checkout .col-1 .form-row {
  margin-bottom: 3rem;
  padding: 0;
}
.checkout .col-1 .shipping-pickup-tabs {
  display: flex;
  align-items: center;
}
.checkout .col-1 .shipping-pickup-tabs button {
  width: 50%;
  padding: 2rem;
  border: 1px solid #f7eb90;
  text-transform: uppercase;
  color: #ffffff;
  font-family: Oswald;
  font-size: 2rem;
  font-weight: 500;
  transition: all 0.2s ease;
  cursor: pointer;
}
.checkout .col-1 .shipping-pickup-tabs button.active {
  background-color: #f7eb90;
  color: #191919;
}
@media (any-hover: hover) {
  .checkout .col-1 .shipping-pickup-tabs button:not(.active):hover {
    background-color: #f7eb90;
    color: #191919;
    opacity: 0.5;
    box-shadow: 0 4px 10px rgba(255, 255, 255, 0.2);
  }
  .checkout .col-1 .shipping-pickup-tabs button:active {
    transform: scale(0.95);
  }
}
.checkout .col-1 .payment_box {
  display: none !important;
}
.checkout .col-1 .wc_payment_method + .checkout .col-1 .wc_payment_method {
  margin-top: 3rem;
}
.checkout .col-1 .wc_payment_method input {
  position: fixed;
  z-index: -1;
  left: 0;
  top: 0;
  opacity: 0;
}
.checkout .col-1 .wc_payment_method label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 2.6rem;
}
.checkout .col-1 .wc_payment_method label::before {
  content: "";
  width: 2rem;
  height: 2rem;
  border: 1px solid #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkout .col-1 .wc_payment_method label::after {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  position: absolute;
  left: 0.5rem;
  top: 0.6rem;
  background-color: #ffffff;
  opacity: 0;
  transition: all 0.2s ease;
}
.checkout .col-1 .wc_payment_method input:checked + label::after {
  opacity: 1;
}
@media (any-hover: hover) {
  .checkout .col-1 .wc_payment_method input:not(:checked) label:hover::after {
    opacity: 0.6;
  }
}
.checkout .col-1 ul.woocommerce-shipping-methods#shipping_method {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
}
.checkout .col-1 ul.woocommerce-shipping-methods#shipping_method li {
  width: 33%;
  margin: 0;
}
.checkout .col-1 ul.woocommerce-shipping-methods#shipping_method li label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  padding: 2rem 1.2rem;
  border: 1px solid #f7eb90;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
  cursor: pointer;
}
@media only screen and (max-width: 576px) {
  .checkout .col-1 ul.woocommerce-shipping-methods#shipping_method li label {
    font-size: 1rem;
    padding: 1rem 0.7rem;
  }
}
@media (any-hover: hover) {
  .checkout .col-1 ul.woocommerce-shipping-methods#shipping_method li label:hover {
    background-color: #f7eb90;
    color: #191919;
  }
  .checkout .col-1 ul.woocommerce-shipping-methods#shipping_method li label:active {
    transform: scale(0.97);
  }
}
.checkout .col-1 ul.woocommerce-shipping-methods#shipping_method li input {
  position: fixed;
  z-index: -1;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
}
.checkout .col-1 ul.woocommerce-shipping-methods#shipping_method li input:checked + label {
  background-color: #f7eb90;
  color: #191919;
}
.checkout .col-1 .shipping_address {
  margin-top: 3rem;
}
.checkout .col-1 .woocommerce-additional-fields__field-wrapper {
  margin-top: 3rem;
}
.checkout .col-1 #payment {
  background-color: inherit;
  margin-top: 2rem;
}
.checkout .col-1 #payment h3.group-title {
  margin-bottom: 5rem;
}
.checkout .col-1 #order_review.woocommerce-checkout-review-order ul.payment_methods.methods.wc_payment_methods {
  list-style: none;
}
.checkout .col-1 #order_review.woocommerce-checkout-review-order ul.payment_methods.methods.wc_payment_methods li {
  list-style: none;
}
.checkout .col-1 #order_review.woocommerce-checkout-review-order ul.payment_methods.methods.wc_payment_methods li + li {
  margin-top: 3rem;
}
.checkout .col-2 {
  padding: 4rem 3rem;
  background: #fffbf4;
}
@media only screen and (min-width: 992px) {
  .checkout .col-2 {
    position: sticky;
    top: 10rem;
    height: max-content;
  }
}
@media only screen and (max-width: 768px) {
  .checkout .col-2 {
    padding: 2rem 1.5rem;
  }
}
.checkout #order_cutlery_field {
  display: flex;
  align-items: center;
  justify-content: space-between !important;
  gap: 1rem;
}
.checkout__cutlery {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.checkout__cutlery input {
  background-color: transparent;
  outline: none;
  border: none;
  font-size: 1.8rem;
  color: #3f3f3f !important;
  font-weight: 500;
  padding-bottom: 0.5rem !important;
  padding: 0;
  width: 3.2rem !important;
  text-align: center;
  user-select: none;
  pointer-events: none;
  transition: all 0.2s ease;
}
.checkout__cutlery input.active {
  color: #ffffff !important;
}
.checkout__cutlery .minus,
.checkout__cutlery .plus {
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.checkout__cutlery .minus::before,
.checkout__cutlery .plus::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
  width: 3.2rem;
  height: 3.2rem;
  fill: #ffffff;
  color: #ffffff;
  background-color: #ffffff;
  transition: all 0.2s ease;
}
@media (any-hover: hover) {
  .checkout__cutlery .minus:hover,
  .checkout__cutlery .plus:hover {
    transform: scale(1.1);
  }
  .checkout__cutlery .minus:active,
  .checkout__cutlery .plus:active {
    transform: scale(1);
  }
}
.checkout__cutlery .minus::before {
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M22 16C22 16.2652 21.8946 16.5196 21.7071 16.7071C21.5196 16.8946 21.2652 17 21 17H11C10.7348 17 10.4804 16.8946 10.2929 16.7071C10.1054 16.5196 10 16.2652 10 16C10 15.7348 10.1054 15.4804 10.2929 15.2929C10.4804 15.1054 10.7348 15 11 15H21C21.2652 15 21.5196 15.1054 21.7071 15.2929C21.8946 15.4804 22 15.7348 22 16ZM29 16C29 18.5712 28.2376 21.0846 26.8091 23.2224C25.3807 25.3603 23.3503 27.0265 20.9749 28.0104C18.5995 28.9944 15.9856 29.2518 13.4638 28.7502C10.9421 28.2486 8.6257 27.0105 6.80762 25.1924C4.98953 23.3743 3.75141 21.0579 3.2498 18.5362C2.74819 16.0144 3.00563 13.4006 3.98957 11.0251C4.97351 8.64968 6.63975 6.61935 8.77759 5.1909C10.9154 3.76244 13.4288 3 16 3C19.4467 3.00364 22.7512 4.37445 25.1884 6.81163C27.6256 9.24882 28.9964 12.5533 29 16ZM27 16C27 13.8244 26.3549 11.6977 25.1462 9.88873C23.9375 8.07979 22.2195 6.66989 20.2095 5.83733C18.1995 5.00476 15.9878 4.78692 13.854 5.21136C11.7202 5.6358 9.76021 6.68345 8.22183 8.22183C6.68345 9.7602 5.63581 11.7202 5.21137 13.854C4.78693 15.9878 5.00477 18.1995 5.83733 20.2095C6.66989 22.2195 8.07979 23.9375 9.88873 25.1462C11.6977 26.3549 13.8244 27 16 27C18.9164 26.9967 21.7123 25.8367 23.7745 23.7745C25.8367 21.7123 26.9967 18.9164 27 16Z" fill="%23545454"/></svg>');
}
.checkout__cutlery .minus.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.checkout__cutlery .plus::before {
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9964 12.5533 27.6256 9.24882 25.1884 6.81163C22.7512 4.37445 19.4467 3.00364 16 3ZM16 27C13.8244 27 11.6977 26.3549 9.88873 25.1462C8.07979 23.9375 6.66989 22.2195 5.83733 20.2095C5.00477 18.1995 4.78693 15.9878 5.21137 13.854C5.63581 11.7202 6.68345 9.7602 8.22183 8.22183C9.76021 6.68345 11.7202 5.6358 13.854 5.21136C15.9878 4.78692 18.1995 5.00476 20.2095 5.83733C22.2195 6.66989 23.9375 8.07979 25.1462 9.88873C26.3549 11.6977 27 13.8244 27 16C26.9967 18.9164 25.8367 21.7123 23.7745 23.7745C21.7123 25.8367 18.9164 26.9967 16 27ZM22 16C22 16.2652 21.8946 16.5196 21.7071 16.7071C21.5196 16.8946 21.2652 17 21 17H17V21C17 21.2652 16.8946 21.5196 16.7071 21.7071C16.5196 21.8946 16.2652 22 16 22C15.7348 22 15.4804 21.8946 15.2929 21.7071C15.1054 21.5196 15 21.2652 15 21V17H11C10.7348 17 10.4804 16.8946 10.2929 16.7071C10.1054 16.5196 10 16.2652 10 16C10 15.7348 10.1054 15.4804 10.2929 15.2929C10.4804 15.1054 10.7348 15 11 15H15V11C15 10.7348 15.1054 10.4804 15.2929 10.2929C15.4804 10.1054 15.7348 10 16 10C16.2652 10 16.5196 10.1054 16.7071 10.2929C16.8946 10.4804 17 10.7348 17 11V15H21C21.2652 15 21.5196 15.1054 21.7071 15.2929C21.8946 15.4804 22 15.7348 22 16Z" fill="white"/></svg>');
}
@media only screen and (max-width: 992px) {
  .checkout .col2-set {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 5rem;
  }
}

.woocommerce-checkout #payment ul.payment_methods {
  padding: 0;
}

.woocommerce-checkout .woocommerce-additional-fields h3 {
  display: block !important;
}

.woocommerce-checkout .page-content {
  overflow: visible;
}

.woocommerce-additional-fields {
  margin-bottom: 6rem;
}
@media only screen and (max-width: 576px) {
  .woocommerce-additional-fields {
    margin-bottom: 3rem;
  }
}

.wcus-checkout-fields {
  margin-top: 5.5rem;
}
@media only screen and (max-width: 576px) {
  .wcus-checkout-fields {
    margin-top: 3rem;
  }
}

.woocommerce-terms-and-conditions-wrapper {
  display: none;
}

.woocommerce-checkout #payment ul.payment_methods {
  border: none;
}

.checkout-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4rem;
  padding-top: 3rem;
  border-top: 1px solid #f7eb90;
}
@media only screen and (max-width: 576px) {
  .checkout-total {
    margin-top: 6rem;
  }
}
.checkout-total .price bdi {
  color: #f7eb90;
  font-weight: 400;
}

#place_order {
  text-transform: uppercase;
  width: 100%;
}

#wcus-order-total .woocommerce-Price-amount {
  font-weight: 300 !important;
}

.place-order {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.woocommerce-checkout #payment div.form-row.place-order {
  padding: 0;
  margin-top: 4rem;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  background-color: #0b0b0b;
  min-height: 26rem;
  max-height: calc(100vh - 15rem);
  overflow: auto;
}
@media only screen and (max-width: 992px) {
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2 {
    max-height: unset;
    overflow: visible;
  }
}
.woocommerce .col2-set .col-2.loading::after,
.woocommerce-page .col2-set .col-2.loading::after {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  mask: url(../img/icons/loading.svg) no-repeat center center/contain;
  background-color: #f7eb90;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 11;
}
.woocommerce .col2-set .col-2.loading::before,
.woocommerce-page .col2-set .col-2.loading::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: #0b0b0b;
  opacity: 0.8;
}

@media only screen and (max-width: 992px) {
  .woocommerce .col2-set .col-1,
  .woocommerce-page .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2 {
    padding: 0;
    width: 70rem;
    margin: 0 auto;
    max-width: 100%;
    float: unset;
  }
}

.woocommerce form .form-row::after,
.woocommerce form .form-row::before,
.woocommerce-page form .form-row::after,
.woocommerce-page form .form-row::before {
  display: none;
}

.thank {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: url(../img/checkout/thank.jpg) center/cover no-repeat;
  z-index: 200;
}
.thank__close {
  position: fixed;
  right: 3rem;
  top: 3rem;
}
.thank__wrap {
  margin: 0 auto;
  text-align: center;
}
.thank__wrap h2 {
  margin-bottom: 3rem;
}
.thank__wrap p {
  font-weight: 500;
  text-transform: uppercase;
  font-family: Oswald;
}
@media only screen and (max-width: 576px) {
  .thank__wrap p {
    font-size: 1.6rem;
  }
}
.thank__wrap .bttn {
  width: 30rem;
  max-width: 100%;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
}

.woocommerce table.shop_table {
  border: 1px solid #fff;
}

.woocommerce table.shop_table tfoot th {
  border-top: 1px solid #fff;
}

.woocommerce table.shop_table tfoot td {
  border-top: 1px solid #fff;
}

.woocommerce-order-received table.shop_table thead th {
  color: #0b0b0b;
  background: #fff;
}

.woocommerce-notice .woocommerce-notice--success .woocommerce-thankyou-order-received {
  margin-bottom: 2rem;
}

.woocommerce .woocommerce-customer-details .woocommerce-column__title {
  margin-bottom: 2rem;
}

.woocommerce .woocommerce-customer-details address {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #fff;
}

.woocommerce-shipping-fields__field-wrapper {
  display: none;
}

.woocommerce-order-details__title {
  margin-bottom: 2rem;
}

.woocommerce-notice .woocommerce-notice--success .woocommerce-thankyou-order-received {
  margin-bottom: 2rem;
}

.woocommerce ul.order_details {
  display: flex;
  margin-top: 4rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 992px) {
  .woocommerce ul.order_details {
    gap: 2rem;
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .woocommerce ul.order_details {
    padding-left: 0;
  }
}

.woocommerce ul.order_details li {
  border-right: 1px solid #fff;
}

@media only screen and (max-width: 992px) {
  .woocommerce ul.order_details li {
    margin: 0 !important;
    padding-top: 2rem;
    border-top: 1px solid #d9d9d9 !important;
  }
}
@media only screen and (max-width: 768px) {
  .woocommerce ul.order_details li {
    border-right: none;
    text-align: center;
    padding: 1rem 0;
  }
}

.woocommerce .woocommerce-order-details {
  padding: 0;
}

.woocommerce-customer-details {
  padding: 0;
}

#lpac-find-location-btn {
  background: none;
  color: #fff;
  border: 1px solid #fff;
}

.select2-container--default .select2-results > .select2-results__options {
  background-color: #0b0b0b;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #0b0b0b;
  border: 1px solid #fff;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #fff;
}

.select2-container--default .select2-selection--single {
  background-color: transparent;
  border: 1px solid #fff;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #fff transparent;
}

.gm-style .gm-style-iw-c {
  max-width: 150px !important;
  max-height: 250px !important;
}

.totals-subtotal {
  display: none;
}

.footer {
  padding: 10rem 0;
  border-top: 1px solid #3f3f3f;
}
@media only screen and (max-width: 992px) {
  .footer {
    padding-bottom: 18rem;
  }
}
@media only screen and (max-width: 768px) {
  .footer {
    padding-top: 4rem;
  }
}
.footer .container {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
}
@media only screen and (max-width: 992px) {
  .footer .container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 992px) {
  .footer__logo {
    width: 25rem;
    max-width: 100%;
  }
  .footer__logo img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
  }
}
@media only screen and (max-width: 576px) {
  .footer__logo {
    width: 15rem;
  }
}
.footer__menus {
  display: flex;
  gap: 10rem;
}
@media only screen and (max-width: 878px) {
  .footer__menus {
    gap: 4rem 2rem;
    justify-content: center;
    flex-direction: column;
    align-items: start;
  }
}
.footer ul li {
  display: block;
}
.footer ul li + li {
  margin-top: 2rem;
}
.footer ul a,
.footer ul li {
  display: flex;
  align-items: center;
  gap: 2rem;
  font-size: 1.8rem;
  font-weight: 500;
}
@media only screen and (max-width: 576px) {
  .footer ul a,
  .footer ul li {
    font-size: 1.5rem;
    gap: 1rem;
  }
}
@media (any-hover: hover) {
  .footer ul a,
  .footer ul li {
    transition: all 0.2s ease;
  }
  .footer ul a:hover,
  .footer ul li:hover {
    color: #f7eb90;
  }
}
.footer__decor {
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.popup {
  height: max-content;
  width: auto;
  background: #191919;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  z-index: 11;
  padding: 2.5rem 3.3rem 5rem;
  margin: auto;
  width: 50.2rem;
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .popup {
    padding: 2rem 1.5rem;
  }
}
.popup:not(.show) {
  position: fixed;
  left: 0;
  top: 0;
  z-index: -5;
  visibility: hidden;
  pointer-events: none;
}
.popup.show {
  display: block;
  transition: all 0.2s ease;
  transform: translateY(0px);
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.popup-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: auto;
  left: 0;
  top: 0;
  z-index: 13;
  opacity: 0;
  display: flex;
  pointer-events: none;
  padding: 3rem 1.5rem;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 0.2s ease;
}
.popup-bg.show {
  pointer-events: all;
  opacity: 1;
}
@media only screen and (max-width: 576px) {
  .popup-bg {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) {
  .popup h3 {
    font-size: 3.5rem;
  }
}
.popup__bttns {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin-top: 4rem;
}

.woocommerce-notices-wrapper,
.woocommerce-result-count,
.woocommerce-ordering {
  display: none !important;
}

.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before,
.woocommerce .woocommerce-pagination ul.page-numbers::after,
.woocommerce .woocommerce-pagination ul.page-numbers::before,
.woocommerce-page .woocommerce-pagination ul.page-numbers::after,
.woocommerce-page .woocommerce-pagination ul.page-numbers::before {
  display: none;
}

.related.products {
  visibility: hidden;
  display: none;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  float: unset;
  margin: 0;
}

.woocommerce nav.woocommerce-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-top: 10rem;
}
@media only screen and (max-width: 576px) {
  .woocommerce nav.woocommerce-pagination {
    margin-top: 8rem;
    gap: 0.5rem;
  }
}
.woocommerce nav.woocommerce-pagination ul {
  border: none;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media only screen and (max-width: 576px) {
  .woocommerce nav.woocommerce-pagination ul {
    gap: 0.5rem;
  }
}
.woocommerce nav.woocommerce-pagination ul li {
  background-color: inherit;
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: none;
  color: #ccb927;
  text-decoration: none;
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
  padding: 0;
  font-weight: 500;
  font-size: 2.2rem;
}
@media only screen and (max-width: 576px) {
  .woocommerce nav.woocommerce-pagination ul li span,
  .woocommerce nav.woocommerce-pagination ul li a {
    font-size: 1.8rem;
  }
}
.woocommerce nav.woocommerce-pagination ul li a {
  color: #ffffff;
  transition: all 0.2s ease;
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus {
  color: #ccb927;
  background: none;
}
.woocommerce nav.woocommerce-pagination ul li a.prev {
  margin-right: 1rem;
}
@media only screen and (max-width: 576px) {
  .woocommerce nav.woocommerce-pagination ul li a.prev {
    margin-right: 0.5rem;
  }
}
.woocommerce nav.woocommerce-pagination ul li a.next {
  margin-left: 1rem;
}
@media only screen and (max-width: 576px) {
  .woocommerce nav.woocommerce-pagination ul li a.next {
    margin-left: 0.5rem;
  }
}
.woocommerce nav.woocommerce-pagination .next,
.woocommerce nav.woocommerce-pagination .prev {
  font-size: 0;
}
.woocommerce nav.woocommerce-pagination .next::before,
.woocommerce nav.woocommerce-pagination .prev::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  mask-image: url(../img/icons/pagination.svg);
  width: 2.6rem;
  height: 2.6rem;
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #ffffff;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 576px) {
  .woocommerce nav.woocommerce-pagination .next::before,
  .woocommerce nav.woocommerce-pagination .prev::before {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.woocommerce nav.woocommerce-pagination .next.inactive,
.woocommerce nav.woocommerce-pagination .prev.inactive {
  cursor: not-allowed;
}
.woocommerce nav.woocommerce-pagination .next.inactive::before,
.woocommerce nav.woocommerce-pagination .prev.inactive::before {
  background-color: #ffffff;
}
.woocommerce nav.woocommerce-pagination .prev {
  transform: rotate(-180deg);
}
.woocommerce nav.woocommerce-pagination .prev:not(.inactive):hover::before {
  transform: translateX(2px);
}
.woocommerce nav.woocommerce-pagination .prev:not(.inactive):active::before {
  transform: translateX(5px);
}
.woocommerce nav.woocommerce-pagination .next:not(.inactive):hover::before {
  transform: translateX(2px);
}
.woocommerce nav.woocommerce-pagination .next:not(.inactive):active::before {
  transform: translateX(5px);
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  line-height: normal;
}

.custom-pagination {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
}
.custom-pagination .next,
.custom-pagination .prev {
  font-size: 0;
  margin: 0 1rem;
}
@media only screen and (max-width: 576px) {
  .custom-pagination .next,
  .custom-pagination .prev {
    margin: 0 0.5rem;
  }
}
.custom-pagination .next::before,
.custom-pagination .prev::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  mask-image: url(../img/icons/pagination.svg);
  width: 2.6rem;
  height: 2.6rem;
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #191919;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 576px) {
  .custom-pagination .next::before,
  .custom-pagination .prev::before {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.custom-pagination .next.inactive::before,
.custom-pagination .prev.inactive::before {
  background-color: #ffffff;
}
.custom-pagination .prev {
  transform: rotate(-180deg);
}
.custom-pagination .prev:not(.inactive):hover::before {
  transform: translateX(2px);
}
.custom-pagination .prev:not(.inactive):active::before {
  transform: translateX(5px);
}
.custom-pagination .next:not(.inactive):hover::before {
  transform: translateX(2px);
}
.custom-pagination .next:not(.inactive):active::before {
  transform: translateX(5px);
}
.custom-pagination span.current {
  background: none;
  color: #ccb927;
}
.custom-pagination span,
.custom-pagination a {
  padding: 0;
  font-size: 2.8rem;
}
@media only screen and (max-width: 576px) {
  .custom-pagination span,
  .custom-pagination a {
    font-size: 1.8rem;
  }
}
.custom-pagination a {
  color: #ffffff;
  transition: all 0.2s ease;
}
.custom-pagination a:hover, .custom-pagination a:focus {
  color: #ccb927;
  background: none;
}
.custom-pagination a.prev {
  margin-right: 1rem;
}
@media only screen and (max-width: 576px) {
  .custom-pagination a.prev {
    margin-right: 0.5rem;
  }
}
.custom-pagination a.next {
  margin-left: 1rem;
}
@media only screen and (max-width: 576px) {
  .custom-pagination a.next {
    margin-left: 0.5rem;
  }
}

.woocommerce-info::before, woocommerce-error::before {
    display: none;
}

/* Загальні стилі для блока "coupon" */
.woocommerce-form-coupon-toggle {
    .woocommerce-info {
        
        background: none;
        border: none;
        display: flex;
        flex-direction: row;
        gap: 30px;
        font-family: Oswald;
        font-size: 4rem;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 1rem;
    font-weight: 300;
    padding: 20px 0;
    
    @media only screen and (max-width: 600px) {
        flex-direction: column;
        
        a {
            text-align: center;
        }
    }
    
    a {
    padding: 10px;
    border: 1px solid #f7eb90;
    text-transform: uppercase;
    font-family: Oswald;
    font-size: 2rem;
    font-weight: 500;
    transition: all 0.2sease;
    cursor: pointer;
    background-color: #f7eb90;
    color: #191919;
    text-decoration: none;
    }
        
    }
        
}

.checkout_coupon {
    border: none !important;
    
    button {
        padding: 10px !important;
    border: 1px solid #f7eb90 !important;
    text-transform: uppercase!important;
    font-family: Oswald!important;
    font-size: 2rem!important;
    font-weight: 500!important;
    transition: all 0.2sease!important;
    cursor: pointer!important;
    background-color: #f7eb90!important;
    color: #191919!important;
    text-decoration: none!important;
    }
    
    input {
        border: none!important;
        padding: 10px !important;
    border-bottom: 2px solid #fff !important;
    text-transform: uppercase!important;
    font-family: Oswald!important;
    font-size: 2rem!important;
    font-weight: 500!important;
    transition: all 0.2sease!important;
    cursor: pointer!important;
    background: none!important;
    color: #FFF!important;
    text-decoration: none!important;    
    }
    
    p:first-child {
        margin-bottom: 20px;
    }
}

