@charset "UTF-8";
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
  transition: 0.3s ease all;
}

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: #fff;
  scroll-behavior: smooth;
}

body {
  font-family: "Roboto", sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
@media only screen and (max-width: 878px) {
  body.menu-open,
  body.cart--open {
    overflow: hidden;
    height: 100vh;
  }
  body.menu-open header.header,
  body.cart--open header.header {
    box-shadow: none !important;
  }
  body.menu-open header.header--page,
  body.cart--open header.header--page {
    box-shadow: none;
  }
}
body.cart--open {
  height: 100vh;
  overflow: hidden;
}
body.cart--open header.header {
  box-shadow: none;
}
@media only screen and (max-width: 576px) {
  body.cart--open {
    overflow: hidden;
    height: 100vh;
  }
}
body.header--scrolled:not(.scroll-disable) .header__menu {
  margin-top: 6.1rem;
}
body.header--scrolled:not(.scroll-disable) .cart--popup {
  padding-top: 6.1rem;
}
body.scroll-disable {
  overflow: hidden;
}

section {
  overflow: hidden;
  z-index: 1;
  padding: 4rem 0;
}

main {
  flex: 1;
}

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

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

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

.woocommerce-account main {
  padding-top: 4rem;
}
@media only screen and (max-width: 576px) {
  .woocommerce-account main {
    padding-top: 2rem;
  }
}

.section--header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 3rem;
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 3rem;
  overflow: hidden;
  gap: 1rem;
}
@media only screen and (max-width: 768px) {
  .section--header {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 576px) {
  .section--header-slider {
    align-items: start;
  }
}
.section--header a {
  color: #3c4da1;
  text-decoration: underline;
  transition: all 0.2s ease;
}
.section--header a:hover {
  color: #020825;
}
@media only screen and (max-width: 576px) {
  .section--header a {
    font-size: 1.4rem;
  }
}
.section--nav {
  display: flex;
  align-items: center;
  gap: 3rem;
}
@media only screen and (max-width: 768px) {
  .section--nav {
    gap: 1rem;
  }
}
@media only screen and (max-width: 576px) {
  .section--nav {
    flex-direction: column;
    align-items: flex-end;
  }
}
.section--nav-bttns {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  .section--nav-bttns {
    gap: 0rem;
  }
}
.section--nav-bttn {
  cursor: pointer;
  transition: all 0.2s ease;
}
.section--nav-bttn img {
  transition: all 0.2s ease;
}
.section--nav-prev:hover img {
  transform: translateX(-2px);
}
.section--nav-prev:active img {
  transform: translateX(-5px);
}
.section--nav-next:hover img {
  transform: translateX(2px);
}
.section--nav-next:active img {
  transform: translateX(5px);
}

[class*="grid"] + [class*="grid"] {
  margin-top: 2rem;
}

.flex-3 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media only screen and (max-width: 576px) {
  .flex-3 {
    gap: 0.5rem;
  }
}
.flex-3 > [class*="__item"] {
  width: calc(33% - 0.4rem);
  overflow: hidden;
}
@media only screen and (max-width: 878px) {
  .flex-3 > [class*="__item"] {
    width: calc(50% - 0.5rem);
  }
}
@media only screen and (max-width: 576px) {
  .flex-3 > [class*="__item"] {
    width: calc(50% - 0.3rem);
  }
}

#hide-element {
  display: none;
}

#disable-element {
  cursor: not-allowed;
  pointer-events: none;
  user-select: none;
  opacity: 0.5;
}

.second-width-not-hidden {
  display: block !important;
}

.screen-reader-response {
  display: none;
}

.wpcf7-not-valid-tip {
  font-size: 1.1rem;
}

.tinv-wishlist
  .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:before,
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:before {
  margin-left: 0 !important;
  margin-top: 0 !important;
}

.tinv-wishlist
  .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:before,
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:before {
  left: 0;
  top: 0;
}

.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
  width: 3.6rem !important;
  height: 3.6rem !important;
  transition: all 0.2s ease;
}
@media (any-hover: hover) {
  .tinv-wishlist
    .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover,
  .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover {
    transform: scale(1.05);
  }
}

.woocommerce-info {
  border-color: #3c4da1;
}

.woocommerce-info::before {
  color: #3c4da1;
}

.woocommerce-no-products-found {
  margin-top: 4rem;
}

.tinv-wishlist .tinv-wishlist-clear {
  margin-top: 6rem;
}
.tinv-wishlist .tinv-wishlist-clear .button {
  display: flex;
  flex-direction: row;
}

a.wishlist_products_counter.top_wishlist-heart.wishlist-counter-with-products:before {
  color: #3c4da1;
}

.tinv-wishlist
  .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-product-in-list:before {
  color: #3c4da1;
}

@media only screen and (max-width: 576px) {
  .lmp_load_more_button .lmp_button {
    font-size: 1.4rem !important;
  }
}

h1,
h2,
h3,
h4,
h5,
p,
span,
div,
a,
li,
textarea,
input,
button,
input::placeholder,
textarea::placeholder {
  font-size: 1.8rem;
  font-style: normal;
  line-height: normal;
  font-family: inherit;
  color: inherit;
}
@media only screen and (max-width: 576px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  p,
  span,
  div,
  a,
  li,
  textarea,
  input,
  button,
  input::placeholder,
  textarea::placeholder {
    font-size: 1.6rem;
  }
}

span {
  font-size: inherit;
}

h1 {
  font-size: 2.4rem;
}
@media only screen and (min-width: 576px) {
  h1 {
    font-size: calc(3.2rem + 8 * (100vw - 375px) / 625);
  }
}
@media only screen and (min-width: 992px) {
  h1 {
    font-size: 3.2rem;
  }
}

h2 {
  font-size: 2rem;
  line-height: 1.2;
}
@media only screen and (min-width: 576px) {
  h2 {
    font-size: calc(2.8rem + 8 * (100vw - 375px) / 625);
  }
}
@media only screen and (min-width: 992px) {
  h2 {
    font-size: 3.2rem;
  }
}

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

h4 {
  font-size: 1.6rem;
  font-weight: 400;
}
@media only screen and (min-width: 576px) {
  h4 {
    font-size: 1.8rem;
  }
}

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

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

input,
textarea {
  border-radius: 0.3rem;
  border: 1px solid #d4d4d4;
  padding: 1.1rem 1.7rem;
  font-size: 1.4rem;
  color: #2c2c2c;
}

.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;
}

input[type="number"]::-webkit-inner-spin-button {
  opacity: 1;
}

a,
button {
  cursor: pointer;
}

input[type="button"],
input[type="submit"] {
  font-family: "Roboto";
  outline: none;
  border: none;
}

input[type="submit"],
.bttn,
:where(body:not(.woocommerce-block-theme-has-button-styles))
  .woocommerce
  a.button {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  padding: 1.1rem 2.3rem;
  background: #3c4da1;
  border-radius: 0.3rem;
  font-size: 1.6rem;
  font-weight: 600;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 576px) {
  input[type="submit"],
  .bttn,
  :where(body:not(.woocommerce-block-theme-has-button-styles))
    .woocommerce
    a.button {
    font-size: 1.4rem;
    font-weight: 500;
    padding: 0.7rem 1.5rem;
  }
}
input[type="submit"]:hover,
.bttn:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles))
  .woocommerce
  a.button:hover {
  color: #ffffff;
  background: #4c64dc;
  transform: scale(1.02);
}
input[type="submit"]:active,
.bttn:active,
:where(body:not(.woocommerce-block-theme-has-button-styles))
  .woocommerce
  a.button:active {
  transform: scale(1);
}

.bttn--width {
  display: flex;
  width: 100%;
}
.bttn--white {
  color: #3c4da1;
  background: #ffffff;
}
.bttn--white:hover {
  background: #4c64dc;
  color: #ffffff;
}

.menu {
  background: #3c4da1;
  min-height: 4.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 878px) {
  .menu {
    height: 0;
    min-height: 0;
    overflow: hidden;
  }
}
.menu__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media only screen and (max-width: 878px) {
  .menu__list {
    flex-direction: column;
    align-items: start;
    gap: 3rem;
    padding-bottom: 3.3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #ffffff;
  }
}
.menu__list a {
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 400;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 878px) {
  .menu__list a {
    font-size: 2rem;
  }
}
.menu__list a::after {
  content: "";
  position: absolute;
  width: 0;
  bottom: -2px;
  left: 50%;
  height: 1px;
  background: #ffffff;
  transform: translateX(-50%);
  transition: all 0.2s ease;
}
.menu__list a:hover::after {
  width: 100%;
}
.menu__list li.current-menu-item a::after {
  width: 100%;
}

.catalog-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 15;
  padding-top: 6.1rem;
  pointer-events: none;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 576px) {
  .catalog-popup {
    padding-top: 5.4rem;
  }
}
.catalog__wrap {
  padding: 2.4rem 0 10rem;
  display: block;
  width: 40rem;
  max-width: 100%;
  background: #eff2f8;
  height: 100%;
  overflow: auto;
  box-shadow: 6px 0px 16px 0px rgba(0, 0, 0, 0.06);
  z-index: 15;
  transform: translateX(-100%);
  transition: all 0.3s ease;
}
@media only screen and (max-width: 878px) {
  .catalog__wrap {
    width: 100%;
  }
}
.catalog__list {
  list-style: none;
}
.catalog__list li {
  cursor: pointer;
}
.catalog__list a {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 1rem 4rem;
  cursor: pointer;
  width: 34rem;
  max-width: 100%;
  font-size: 2rem;
}
@media only screen and (max-width: 878px) {
  .catalog__list a {
    width: 100%;
    color: #ffffff;
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .catalog__list a {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 576px) {
  .catalog__list a {
    padding: 1rem 2rem;
    padding-left: 0;
  }
}
.catalog__list a img {
  width: 4.2rem;
  min-width: 4.2rem;
}
@media only screen and (max-width: 768px) {
  .catalog__list a img {
    width: 3.5rem;
    min-width: 3.5rem;
  }
}
.catalog__list .sub-catalog {
  display: none;
  padding-left: 1.5rem;
}
@media only screen and (min-width: 878px) {
  .catalog__list .sub-catalog {
    background-color: #eff2f8;
  }
}
@media (any-hover: hover) {
  .catalog__list .sub-catalog li:hover {
    background-color: #d4d4d4;
  }
}
.catalog__list .sub-catalog a {
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .catalog__list .sub-catalog a {
    font-size: 1.6rem;
  }
}
.catalog__item {
  transition: all 0.2s ease;
}
.catalog__item-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.catalog__item-toggle::after {
  content: "";
  width: 1.3rem;
  min-width: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.8rem;
  mask-image: url(../img/icons/dropdown.svg);
  -webkit-mask-image: url(../img/icons/dropdown.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: cover;
  stroke-width: 3px;
  -webkit-mask-size: cover;
  background-color: #0d0e0e;
  margin-right: 2rem;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 878px) {
  .catalog__item-toggle::after {
    margin-left: 2rem;
    background-color: #ffffff;
  }
}
@media only screen and (max-width: 576px) {
  .catalog__item-toggle::after {
    margin: 0 1.5rem;
  }
}
@media (any-hover: hover) {
  .catalog__item-toggle:hover {
    background-color: #d4d4d4;
  }
}
.catalog__item.active .catalog__item-toggle::after {
  transform: rotate(180deg);
}
@media only screen and (min-width: 878px) {
  .catalog__item.active {
    background-color: #d4d4d4;
  }
}
@media only screen and (min-width: 878px) and (any-hover: hover) {
  .catalog__item.active .sub-catalog li:hover {
    background-color: #d4d4d4;
  }
}
@media (any-hover: hover) {
  .catalog__item:hover {
    background-color: #d4d4d4;
  }
}

body.catalog-open {
  height: 100vh;
  overflow: hidden;
}
body.catalog-open header.header {
  position: fixed;
  box-shadow: none !important;
  z-index: 25;
}
body.catalog-open header.header--page {
  box-shadow: none;
}
body.catalog-open .cart--popup {
  opacity: 1 !important;
}
body.catalog-open .catalog-popup {
  visibility: visible;
  pointer-events: all;
  transition: all 0.2s ease;
  opacity: 1;
}
body.catalog-open .catalog__wrap {
  transform: translate(0);
}

.cart--popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  height: 100%;
  min-height: 100vh;
  transition: all 0.2s ease;
  padding-top: 10.4rem;
}
@media only screen and (max-width: 878px) {
  .cart--popup {
    padding-top: 6rem;
  }
}
@media only screen and (max-width: 576px) {
  .cart--popup {
    padding-top: 4rem;
  }
}
.cart--popup.loading .cart__wrap::after {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background: url(../img/icons/loading.svg) no-repeat center center/contain;
  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: #fff;
  opacity: 0.8;
}

body.header--scrolled .cart--popup {
  padding-top: 6rem;
}

.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.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;
  padding: 2rem 4rem;
  align-content: flex-start;
  align-items: flex-start;
  transition: all 0.2s ease;
  transform: translateX(100%);
  background: #ffffff;
}
.toggleAtrigubesCart {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 3px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 6px;
  background: #eff2f8;
}
.toggleAtrigubesCart svg {
  transform: rotate(0);
  transition: 0.3s ease all;
}
.toggleAtrigubesCart.active svg {
  transform: rotate(180deg);
}
@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: 2rem 1.5rem;
  }
}
.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%;
    background: #ffffff;
    padding-bottom: 2rem;
  }
}
.cart__close {
  right: 0;
  top: 0;
  z-index: 2;
  margin-left: auto;
  width: max-content;
  cursor: pointer;
  transition: all 0.2s ease;
}
.cart__close:hover {
  transform: scale(1.05);
}
.cart__close:active {
  transform: scale(0.97);
}
.cart__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3rem;
}
.cart__head h4 {
  font-weight: 600;
}
@media only screen and (min-width: 576px) {
  .cart__head h4 {
    font-size: 3rem;
  }
}

.cart__items {
  display: flex;
  flex-direction: column;
  gap: 3.35rem;
  margin-top: 6rem;
  margin-bottom: 4rem;
}
.cart__items-wrap,
.itemCard {
  display: flex;
  flex-direction: column;
  padding-bottom: 4rem;
  border-bottom: 1px solid #d9d9d9;
}
.cart__items-wrap,
.itemCard:nth-last-of-type(1) {
  border-bottom: none;
}
.cart__items-wrap {
  display: flex;
  flex-direction: column;
  height: auto;
  flex-grow: 1;
  scrollbar-width: thin;
  scrollbar-color: #2c2c2c transparent;
}
.cart__items-wrap::-webkit-scrollbar {
  height: 4px;
}

.cart__items-wrap::-webkit-scrollbar-track {
  background: transparent;
}

.cart__items-wrap::-webkit-scrollbar-thumb {
  background-color: #2c2c2c;
  opacity: 0.8;
  border-radius: 2px;
}

.cart__items-wrap::-webkit-scrollbar-thumb:hover {
  opacity: 1;
}
.cart--popup .itemCard .cart__item:not(:first-child) {
  display: none;
}
@media only screen and (min-width: 576px) {
  .cart__items-wrap,
  .itemCard {
    margin-top: 6rem;
  }
}
.cart__item {
  max-width: 46.8rem;
}
@media only screen and (max-width: 576px) {
  .cart__item {
    max-width: 100%;
  }
}
.cart__item-wrap {
  display: flex;
  gap: 1.2rem;
}
.cart__item-img {
  min-width: 17.6rem;
  max-width: 100%;
}
@media only screen and (max-width: 576px) {
  .cart__item-img {
    min-width: 7rem;
    width: 100%;
    max-width: 12rem;
  }
}
.cart__item-img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.cart__item-info {
  width: 100%;
}
.cart__item-title {
  font-weight: 600;
  font-size: 1.6rem;
}
.cart__item-remove {
  cursor: pointer;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.cart__item-remove span {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #ff3838;
}
.cart__item-header {
  align-items: center;
  width: 100%;
  display: flex;
  gap: 1rem;
}
.cart__item .tc-hidden-variation {
  display: none;
}
.cart__item .variation * {
  font-size: 1.4rem;
}
@media only screen and (max-width: 768px) {
  .cart__item .variation * {
    font-size: 1.2rem;
  }
}
.cart__item-qty {
  display: inline-flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
  width: 28rem;
  max-width: 100%;
}
@media only screen and (max-width: 576px) {
  .cart__item-qty {
    width: 100%;
  }
}
.cart__item-qty input {
  width: 100%;
  max-width: 100%;
}
.cart__item-qty p {
  font-size: 1.2rem;
  color: #2c2c2c;
}
.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;
  max-height: 0;
  overflow: hidden;
  transition: 0.5s ease all;
}
.cart__item-attributes.active {
  max-height: 500px;
}
.cart__item-attributes .variation-07 {
  display: none;
}
.cart__item-attributes .tc-epo-metadata {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0;
}
.cart__item-attributes .tc-epo-metadata dt,
.cart__item-attributes .tc-epo-metadata dd {
  width: 50%;
}
.cart__item-attributes .tc-epo-metadata dt p {
  display: flex;
  flex-direction: column;
}
.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: #2c2c2c;
}
.cart__item-price {
  border-top: 1px solid #d4d4d4;
  margin-top: 2rem;
  padding-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 576px) {
  .cart__item-price {
    margin-top: 1rem;
  }
}
.cart__item[data-component="1"] {
  pointer-events: none;
  margin-top: -3rem;
}
.cart__item[data-component="1"] .product__item-price {
  margin: 0;
}
.cart__item[data-component="1"] .cart__item-img {
  opacity: 0;
  height: 0;
}
@media only screen and (min-width: 992px) {
  .cart__item[data-component="1"] .cart__item-img {
    max-width: 18rem;
  }
}
.cart__item[data-component="1"] .cart__item-title {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.cart__item[data-component="1"] .cart__item-price {
  margin-top: 0;
  padding: 0;
  border: none;
}
.cart__item[data-component="1"] .product__item-price .amount {
  font-size: inherit;
}
.cart__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cart__bottom {
  margin-top: auto;
  padding-bottom: 3rem;
}
@media only screen and (max-width: 768px) {
  .cart__bottom {
    padding-bottom: 8rem;
  }
}
.cart__total {
  padding-top: 1rem;
  border-top: 1px solid #eff2f8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.cart__bttn {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.breadcrumbs {
  padding: 4rem 0 3rem;
}
@media only screen and (max-width: 576px) {
  .breadcrumbs {
    padding: 3rem 0 1.5rem;
  }
  .breadcrumbs + section {
    padding-top: 0;
  }
}
.breadcrumbs__wrap > span {
  align-items: center;
  gap: 0.5rem;
}
.breadcrumbs__wrap > span a {
  color: #0d0e0e;
  transition: all 0.2s ease;
}
.breadcrumbs__wrap > span a::before,
.breadcrumbs__wrap > span a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: #2c2c2c;
  transition: all 0.2s ease;
}
.breadcrumbs__wrap > span a::before {
  left: 0;
}
.breadcrumbs__wrap > span a::after {
  right: 0;
}
.breadcrumbs__wrap > span a:hover {
  color: #2c2c2c;
}
.breadcrumbs__wrap > span a:hover::before {
  width: 50%;
}
.breadcrumbs__wrap > span a:hover::after {
  width: 50%;
}
.breadcrumbs__wrap .breadcrumb_last {
  color: #808080;
}

.product__slide {
  width: max-content !important;
}
.product__slide li.product {
  display: flex;
  flex-direction: column;
  min-height: 40rem;
  width: 29.7rem;
}
@media only screen and (max-width: 768px) {
  .product__slide li.product {
    width: 24rem;
    min-height: 34rem;
  }
}
@media only screen and (max-width: 576px) {
  .product__slide li.product {
    width: 14rem;
    min-height: 26rem;
  }
}
.product__slide li.product-img {
  height: 29.8rem;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .product__slide li.product-img {
    height: 24rem;
  }
}
@media only screen and (max-width: 576px) {
  .product__slide li.product-img {
    height: auto;
  }
}
.product__slide li.product-img img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  transition: all 0.2s ease;
}
.product__slide li.product-img span {
  position: absolute;
  right: 1rem;
  top: 1rem;
  display: inline-flex;
  padding: 0.4rem 0.6rem;
  background: #3c4da1;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 600;
}
.product__slide li.product-title {
  font-weight: 400;
  margin-top: 1rem;
  margin-bottom: 2rem;
  transition: all 0.2s ease;
}
.product__slide li.product-price {
  margin-top: auto;
  display: flex;
  gap: 0.7rem;
}
.product__slide li.product-price .amount {
  font-size: 2.5rem;
  font-weight: 600;
  color: #0d0e0e;
}
@media only screen and (max-width: 576px) {
  .product__slide li.product-price .amount {
    font-size: 1.4rem;
  }
}
.product__slide li.product-price .amount bdi {
  display: flex;
}
.product__slide li.product-price .price-from,
.product__slide li.product-price .woocommerce-Price-currencySymbol {
  font-size: 1.6rem;
  color: #808080;
  font-weight: 400;
}
@media only screen and (max-width: 576px) {
  .product__slide li.product-price .price-from,
  .product__slide li.product-price .woocommerce-Price-currencySymbol {
    font-size: 1.2rem;
  }
}
.product__slide li.product-price .price-old {
  font-size: 2.4rem;
  font-weight: 400;
  color: #2c2c2c;
  display: inline-flex;
}
.product__slide li.product-price .price-old::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.3rem;
  top: 50%;
  left: 0;
  background: #ff3838;
  transform: rotate(-20deg) translateY(-50%);
}
@media only screen and (max-width: 576px) {
  .product__slide li.product-price .price-old {
    font-size: 1.3rem;
  }
}
.product__slide li.product:hover .product__slide li.product-img img {
  transform: scale(1.05);
}
.product__slide li.product:hover .product__slide li.product-title {
  color: #3c4da1;
}
.product__item {
  display: flex;
  flex-direction: column;
  min-height: 40rem;
  width: 29.7rem;
}
@media only screen and (max-width: 768px) {
  .product__item {
    width: 24rem;
    min-height: 34rem;
  }
}
@media only screen and (max-width: 576px) {
  .product__item {
    width: 100%;
    min-height: 26rem;
  }
}
.product__item-img {
  height: 29.8rem;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .product__item-img {
    height: 24rem;
  }
}
@media only screen and (max-width: 576px) {
  .product__item-img {
    height: auto;
  }
}
.product__item-img img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  transition: all 0.2s ease;
}
.product__item-img span {
  position: absolute;
  right: 1rem;
  top: 1rem;
  display: inline-flex;
  padding: 0.4rem 0.6rem;
  background: #3c4da1;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 600;
}
.product__item-title {
  font-weight: 400;
  margin-top: auto;
  transition: all 0.2s ease;
  display: flex;
  gap: 0.5rem;
}
@media only screen and (max-width: 576px) {
  .product__item-title {
    font-size: 1.4rem;
    gap: 0.2rem;
  }
}
.product__item-title a {
  font-size: inherit;
}
.product__item-title .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
  margin-top: 0;
}
.product__item-price {
  margin-top: 1rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  gap: 0.7rem;
}
.product__item-price .amount {
  font-size: 2.5rem;
  font-weight: 600;
  color: #0d0e0e;
}
@media only screen and (max-width: 576px) {
  .product__item-price .amount {
    font-size: 1.4rem;
  }
}
.product__item-price .amount bdi {
  display: flex;
  align-items: center;
}
.product__item-price .price-from,
.product__item-price .woocommerce-Price-currencySymbol {
  font-size: 1.6rem;
  color: #808080;
  font-weight: 400;
}
@media only screen and (max-width: 576px) {
  .product__item-price .price-from,
  .product__item-price .woocommerce-Price-currencySymbol {
    font-size: 1.2rem;
  }
}
.product__item-price .price-old {
  font-size: 2.4rem;
  font-weight: 400;
  color: #2c2c2c;
  display: inline-flex;
}
.product__item-price .price-old::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.3rem;
  top: 50%;
  left: 0;
  background: #ff3838;
  transform: rotate(-20deg) translateY(-50%);
}
@media only screen and (max-width: 576px) {
  .product__item-price .price-old {
    font-size: 1.3rem;
  }
}
.product__item:hover .product__item-img img {
  transform: scale(1.05);
}
.product__item:hover .product__item-title {
  color: #3c4da1;
}

.product .summary {
  width: 100% !important;
}
@media only screen and (min-width: 768px) {
  .product .summary {
    padding-right: 2rem;
  }
}
.product .summary .woosg-alert {
  display: none !important;
}
.product .summary .woosg_total {
  font-weight: 2.4rem;
  font-weight: 500;
}
.product .summary .variable-items-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.product .summary .woosg-products {
  border: none;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.product .summary .woosg-products .woosg-product {
  align-items: start;
  border: none;
}
.product .summary .woosg-products .woosg-product .woosg-title {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
.product .summary .woosg-products .woosg-product .woosg-thumb {
  flex: 0 0 15rem;
}
.product .summary .woosg-products .woosg-product .reset {
  flex: 100%;
  text-align: center;
}
.product .summary .woosg-products .woosg-product .variations {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.product .summary .woosg-products .woosg-product .variations .variation {
  border: none;
  border: 1px solid #808080;
  padding: 1rem 0.5rem;
  max-width: 24rem;
}
.product .summary .woosg-products .woosg-product .variations .variation .label {
  margin-bottom: 1rem;
}
.product .summary .woosg-products .woosg-product .variations .variation input {
  width: 1.5rem;
  height: 1.5rem;
}
.product .summary .woosg-products .woosg-product .variations .variation span {
  font-weight: 400;
}
.product .summary .woosg-products .woosg-product .variations .variation select {
  padding: 1rem !important;
  border: 1px solid #808080 !important;
  background-position: 95% 50% !important;
}
.product
  .summary
  .woosg-products
  .woosg-product
  .variations
  .radio-variable-items-wrapper {
  display: flex;
  flex-direction: row;
}
.product
  .summary
  .woosg-products
  .woosg-product
  .variations
  .variable-item-radio-input-wrapper {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.product .summary .quantity .qty {
  width: 7rem;
  padding: 1rem 1.5rem;
  font-size: 1.6rem;
}
.product .summary .quantity .qty[type="number"] {
  -moz-appearance: textfield;
}
.product .summary .quantity .qty::-webkit-outer-spin-button,
.product .summary .quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product .summary .tc-extra-product-options {
  margin-bottom: 1rem;
}
.product .summary .tc-extra-product-options input {
  font-size: 2rem;
  padding: 1rem;
  text-align: center;
}
.product .summary .tc-extra-product-options[data-epo-id="1"] {
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.product .summary .tc-extra-product-options .extra-product-options {
  margin-bottom: 0;
}
.product .summary .tc-extra-product-options .tc-epo-element-label-text {
  font-size: 1.4rem;
  font-weight: 500;
}
.product .summary .tc-extra-product-options .tm-epo-required {
  font-size: 1.1rem;
}
.product .summary .tc-extra-product-options .tm-quantity-alt {
  display: none;
}
.product .summary .tc-extra-product-options .tmcp-field-wrap-inner {
  display: flex;
  flex-direction: column;
}
.product .summary .tc-extra-product-options .tmcp-field-wrap-inner .tc-image {
  transition: all 0.2s ease;
}
.product
  .summary
  .tc-extra-product-options
  .tmcp-field-wrap-inner:hover
  .tc-image {
  border: 2px solid #3c4da1;
}
.product
  .summary
  .tc-extra-product-options
  .tmcp-field-wrap-inner
  .tcwidth:not(.tc-label-inner) {
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}
.product
  .summary
  .tc-extra-product-options
  .tmcp-field-wrap-inner
  .tmcp-field-wrap
  .tc-bottom {
  justify-content: center;
  align-items: center;
}
.product .summary .tc-extra-product-options .tmcp-field-wrap-inner label {
  width: 100%;
}
.product
  .summary
  .tc-extra-product-options
  .cpf-element.tcwidth-50
  + .cpf-element.tcwidth-100 {
  margin-top: 3rem;
}
.product
  .summary
  .tc-extra-product-options
  .cpf-element.tcwidth-100
  + .cpf-element.tcwidth-100 {
  margin-top: 3rem;
}
@media only screen and (max-width: 576px) {
  .product
    .summary
    .tc-extra-product-options
    ul.tmcp-ul-wrap
    li.tmcp-field-wrap
    .tmcp-field-wrap-inner {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .product
    .summary
    .tc-extra-product-options
    ul.tmcp-ul-wrap
    li.tmcp-field-wrap
    .tmcp-field-wrap-inner
    .tc-price-wrap {
    flex: auto;
  }
}
.product
  .summary
  .tc-extra-product-options
  .tc-element-container
  li.tc-mode-images {
  width: 15.3rem;
  max-width: 100%;
}
.product
  .summary
  .tc-extra-product-options
  .tc-element-container
  li.tc-mode-images
  .tc-label-inner
  span {
  font-size: 1.8rem;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.product
  .summary
  .tc-extra-product-options
  .tc-element-container
  li.tc-mode-images
  .tc-label-inner
  .tc-label-text {
  font-weight: 400;
}
.product__content-info {
  width: 81rem !important;
  max-width: 100%;
}
.product__title {
  display: flex;
  align-items: center;
  gap: 3rem;
}
.product__container {
  display: flex;
  gap: 8rem 1rem;
}
@media only screen and (max-width: 878px) {
  .product__container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 576px) {
  .product__container {
    gap: 5rem;
  }
}
.product__container h1 {
  font-size: 3rem;
}
@media only screen and (max-width: 576px) {
  .product__container h1 {
    font-size: 2.6rem;
  }
}
.product__container
  .tinv-wishlist
  .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before {
  font-size: 3.8rem;
}
@media only screen and (max-width: 576px) {
  .product__container
    .tinv-wishlist
    .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before {
    font-size: 3rem;
  }
}
.product__container div.images {
  width: 50.5rem;
  max-width: 100%;
}
.product__container .woocommerce-product-gallery {
  width: 40rem;
  max-width: 100%;
}
.product__container .woocommerce-product-gallery img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.product__container .woocommerce-tabs {
  flex: 100%;
}
.product__container .tinv-wraper a::before {
  font-size: 2.6rem;
}
.product__price,
.product .composite_price {
  margin-top: 2rem;
}
.product__price p.price,
.product .composite_price p.price {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #2c2c2c !important;
}
.product__price p.price del,
.product .composite_price p.price del {
  font-size: 2.4rem;
  text-decoration: none;
  font-weight: 400;
  color: #2c2c2c;
  display: inline-flex;
}
.product__price p.price del::after,
.product .composite_price p.price del::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.3rem;
  top: 50%;
  left: 0;
  background: #ff3838;
  transform: rotate(-20deg) translateY(-50%);
}
@media only screen and (max-width: 576px) {
  .product__price p.price del,
  .product .composite_price p.price del {
    font-size: 1.3rem;
  }
}
.product__price p.price del .woocommerce-Price-currencySymbol,
.product .composite_price p.price del .woocommerce-Price-currencySymbol {
  display: none;
}
.product__price p.price ins,
.product .composite_price p.price ins {
  text-decoration: none;
}
.product__price p.price bdi,
.product .composite_price p.price bdi {
  font-size: 2.5rem;
  font-weight: 600;
  display: flex;
}
.product__price p.price bdi span,
.product .composite_price p.price bdi span {
  font-size: 1.6rem;
  font-weight: 400;
  color: #808080;
}
.product__price.user-discount-category {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.product__price.user-discount-category
  .price
  *:not(ins)
  .woocommerce-Price-amount::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.3rem;
  top: 50%;
  left: 0;
  background: #ff3838;
  transform: rotate(-20deg) translateY(-50%);
}
.product__price.user-discount-category .price-old bdi::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.3rem;
  top: 50%;
  left: 0;
  background: #ff3838;
  transform: rotate(-20deg) translateY(-50%);
}
.product__price.user-discount-category .price-new {
  text-decoration: none;
  font-size: 2.5rem;
  font-weight: 600;
  display: flex;
}
.product__price.user-discount-category .price-new span {
  font-size: 1.6rem;
  font-weight: 400;
  color: #808080;
}
.product .tc-price {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #2c2c2c !important;
}
.product .tc-price del {
  font-size: 2.4rem;
  text-decoration: none;
  font-weight: 400;
  color: #2c2c2c;
  display: inline-flex;
}
.product .tc-price del::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.3rem;
  top: 50%;
  left: 0;
  background: #ff3838;
  transform: rotate(-20deg) translateY(-50%);
}
@media only screen and (max-width: 576px) {
  .product .tc-price del {
    font-size: 1.3rem;
  }
}
.product .tc-price del .woocommerce-Price-currencySymbol {
  display: none;
}
.product .tc-price ins {
  text-decoration: none;
}
.product .tc-price bdi {
  font-size: 2.5rem;
  font-weight: 600;
  display: flex;
}
.product .tc-price bdi span {
  font-size: 1.6rem;
  font-weight: 400;
  color: #808080;
}
.product #tm-epo-totals {
  display: none;
}
.product .composite_button .quantity {
  display: none;
}
.product .composite_button .quantity .qty {
  width: 7rem;
  padding: 1rem 1.5rem;
}
.product .variations {
  margin-top: 4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 2.8rem;
}
.product .variations .pa_impost,
.product .variations .pa_vysota-impostu,
.product .variations .pa_typ-polotna {
  flex: 100%;
}
.product .variations__item .label label {
  color: #0d0e0e;
  font-size: 1.6rem;
  display: block;
  margin-bottom: 2rem;
  font-weight: 600;
}
.product .variations__item .radio-variable-items-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem 4rem;
  flex-direction: row;
  flex-wrap: wrap;
}
.product .variations__item .image-variable-items-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
}
.product .variations__item .image-variable-items-wrapper li {
  cursor: pointer;
  border: 2px solid rgba(255, 255, 255, 0);
  transition: all 0.2s ease;
}
.product
  .variations__item
  .image-variable-items-wrapper
  li:not(.selected):hover {
  border-color: #4c64dc;
  transform: scale(1.05);
}
.product .variations__item .image-variable-items-wrapper li.selected {
  border-color: #3c4da1;
  transform: scale(1);
}
.product .variations__item .variable-item-radio-input-wrapper {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem;
  color: 1.4rem;
  color: #0d0e0e;
  font-weight: 400;
}
.product .variations__item .variable-item-radio-input-wrapper input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  left: 0;
  top: 0;
}
.product
  .variations__item
  .variable-item-radio-input-wrapper
  span.variable-item-radio-value,
.product
  .variations__item
  .variable-item-radio-input-wrapper
  .variable-item-radio-value-wrapper {
  display: flex;
  gap: 0.7rem;
  font-size: 1.4rem;
  cursor: pointer;
  align-items: center;
}
.product
  .variations__item
  .variable-item-radio-input-wrapper
  span.variable-item-radio-value::before,
.product
  .variations__item
  .variable-item-radio-input-wrapper
  .variable-item-radio-value-wrapper::before {
  content: "";
  display: block;
  background-image: url(../img/icons/input.svg);
  background-size: cover;
  background-position: center;
  width: 1.4rem;
  min-width: 1.4rem;
  height: 1.4rem;
}
.product .variations__item .radio-variable-item.selected span::before {
  background-image: url(../img/icons/input-selected.svg);
}
.product .variations .nice-select {
  width: 28rem;
  max-width: 100%;
}
.product .variations .nice-select .current {
  font-size: 1.4rem;
  font-weight: 400;
}
.product .variations .nice-select .list {
  width: 100%;
  max-height: 26rem;
  overflow: auto;
}
.product .reset_variations {
  margin-top: 4rem;
  font-weight: 400;
  display: block;
  color: #2c2c2c;
  font-size: 1.4rem;
  text-decoration: underline;
  transition: all 0.2s ease;
}
.product .reset_variations:hover {
  color: #3c4da1;
}
.product__bttn {
  display: flex;
  gap: 3rem;
}
.product__bttn-popup {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.product__form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 100%;
}
.product__form label {
  display: flex;
  flex-direction: column;
  font-size: 1.2rem;
  gap: 0.5rem;
  font-weight: 400;
  color: #2c2c2c;
}
.product__form input {
  width: 100%;
  max-width: 100%;
}
.product__form h4 {
  font-weight: 600;
  font-size: 1.6rem;
}
.product_meta {
  display: none;
}
.product-thumb-wrap {
  width: 4rem;
  height: 4rem;
}
.product-thumb-wrap img {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-width: 100%;
}
.product__thumb-nav {
  display: flex;
  align-items: center;
}
.product__gallery-slider-thumb {
  margin-top: 1rem;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.product__gallery-thumbs {
  width: 14rem;
}
.product__gallery-thumbs .swiper-slide {
  max-width: max-content;
}
.product .content {
  width: 100%;
  max-width: 100%;
}
.product__content {
  width: 100%;
  max-width: 100%;
}
.product__content p + p {
  margin-top: 3rem;
}
.product__content-info {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 878px) {
  .product .summary {
    display: flex;
    flex-direction: column;
  }
  .product .summary .product__title {
    position: sticky;
    top: 3px;
    background: #fff;
    width: 100%;
    min-height: 2rem;
    padding-right: 2rem;
    z-index: 2;
  }
  .product .summary .product_title {
    position: sticky;
    top: 3px;
    background: #fff;
    min-height: 2rem;
    z-index: 2;
  }
}
@media only screen and (min-width: 878px) {
  .product .summary {
    max-height: 52rem;
    padding-top: 5px;
    padding-bottom: 1.5rem;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .product .summary::-webkit-scrollbar {
    width: 0.4rem;
    height: 0.4rem;
    background-color: inherit;
    border-radius: 0.2rem;
  }
  .product .summary::-webkit-scrollbar-thumb {
    border-radius: 0.2rem;
    background-color: #0d0e0e;
  }
}
.product .summary .content {
  max-width: 100%;
}
.product .summary .step_title_wrapper {
  display: none;
}
.product .summary .variable-item .variable-item-contents {
  border: 2px solid rgba(255, 255, 255, 0);
}
.product .summary .variable-item.selected .variable-item-contents {
  border-color: #3c4da1;
}
.product .summary .composite_component {
  margin-top: 2rem;
  overflow: hidden;
  max-width: 100%;
}
.product .summary .composite_message {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  z-index: -11;
  pointer-events: none;
}
.product .summary .composited_product_title {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.product .summary .reset_variations_wrapper_fixed {
  display: none;
}
.product .summary .composite_form table.variations .required {
  color: #3c4da1;
}
.product .summary .tc-label-text {
  font-size: 1.4rem;
}
.product .summary .tm-extra-product-options .tc-element-inner-wrap .tc-row {
  gap: 2rem;
}
.product .summary .tmcp-select {
  height: 4.44rem;
  font-size: 1.8rem;
}
.product .summary .tmcp-checkbox {
  width: 2rem;
  height: 2rem;
}
.product .summary .tmcp-checkbox:checked {
  content: "";
}
.product .summary .tmcp-checkbox:checked::before {
  content: "";
  border: 1px solid #0d0e0e;
  border-radius: 0.2rem;
  background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/2/27/White_check.svg/1200px-White_check.svg.png?20140305103308);
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.related {
  flex: 100%;
}
.related h2 {
  margin-bottom: 2rem;
}

.woocommerce-tabs {
  margin: 8rem 0;
}
@media only screen and (max-width: 576px) {
  .woocommerce-tabs {
    margin: 4rem 0;
  }
}

.nice-select:after {
  content: "";
  transform: unset;
  right: 1rem;
  mask-image: url(../img/icons/select.svg);
  mask-repeat: no-repeat;
  background-color: #808080;
  mask-size: cover;
  width: 1.6rem;
  height: 90%;
  top: 50%;
  transform-origin: unset;
  margin-top: 0;
  transform: translateY(-50%);
}

.nice-select .list {
  width: 100%;
  max-height: 20rem;
  overflow: auto;
}

.nice-select.open:after {
  transform: translateY(-50%);
  height: 90%;
}

.variable-item.disabled {
  display: none;
}

.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
  display: none;
}

.woocommerce .products ul,
.woocommerce ul.products,
ul.products {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 1rem;
}
.woocommerce .products ul.products__wrap,
.woocommerce ul.products.products__wrap,
ul.products.products__wrap {
  margin-top: 4rem;
}
@media only screen and (max-width: 576px) {
  .woocommerce .products ul,
  .woocommerce ul.products,
  ul.products {
    gap: 1rem;
  }
}

.custom-pagination {
  margin-top: 6rem;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
li.product {
  margin: 0;
  float: unset;
  width: calc(25% - 0.9rem);
}
.woocommerce ul.products li.product a,
.woocommerce-page ul.products li.product a,
li.product a {
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 992px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product,
  li.product {
    width: calc(33% - 0.7rem);
  }
}
@media only screen and (max-width: 768px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product,
  li.product {
    width: calc(50% - 0.5rem);
  }
}

.woo-variation-swatches
  .variable-items-wrapper.radio-variable-items-wrapper
  .radio-variable-item
  .variable-item-radio-value-wrapper {
  display: flex;
  margin: 0;
  padding: 0;
}

.woo-variation-swatches
  .wvs-style-squared.variable-items-wrapper
  .variable-item:not(.radio-variable-item) {
  border-radius: 0;
  margin: 0;
  padding: 0;
  width: 9.3rem;
  height: 9.3rem;
  box-shadow: none;
}

.wvs-has-image-tooltip:before,
[data-wvstooltip]:before {
  left: 0;
}

.product .variations__item .variable-item-radio-input-wrapper span .price,
.woo-variation-swatches
  .wvs-style-squared.variable-items-wrapper
  .variable-item.radio-variable-item
  img {
  display: none;
}

.woocommerce span.onsale {
  background: #3c4da1;
  z-index: 3;
}
@media only screen and (max-width: 1370px) {
  .woocommerce span.onsale {
    left: 0.5rem;
  }
}

.tm-extra-product-options .tc-row {
  gap: 3rem;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
  width: 50.5rem;
  max-width: 100%;
}

.tc-extra-product-options .tmcp-field-wrap .price.tc-price,
.after-amount,
.before-amount {
  font-size: 2rem !important;
}

.composited_product_images,
.composite_message {
  display: none;
}

body
  .component:not(.selection_thumbnail_hidden)
  .composited_product_details_wrapper
  > .details {
  width: 100%;
  padding-left: 0;
  float: unset;
}

.composite_form .composite_price p.price,
.single-product .composite_form .composite_price p.price {
  margin-bottom: 1rem;
}

.tm-extra-product-options-radio .tm-quantity,
.tm-extra-product-options-checkbox .tm-quantity {
  justify-content: start;
  align-items: start;
}

.composite_price .price {
  font-weight: 600;
  font-size: 2.4rem;
}

.tm-extra-product-options .tmcp-field-wrap.tc-active .tc-label-wrap .tc-image {
  border-width: 3px;
  border-color: #3c4da1;
}

.tm-epo-element-label {
  display: none;
}

[data-uniqid="663233fa3b7566.58449491"] .tm-has-required {
  display: none;
}

[data-uniqid="66322ce93ae4d2.43132594"] .tc-row > span.tm-epo-element-label {
  display: none;
}

.fullwidth-ul .tc-label-inner:not(.tc-mode-text .tc-label-inner) {
  display: flex !important;
  flex-direction: column-reverse !important;
}

.tm-extra-product-options ul.tmcp-ul-wrap li.tmcp-field-wrap,
.tm-extra-product-options
  ul.tmcp-ul-wrap
  li.tmcp-field-wrap
  .tmcp-field-wrap-inner {
  flex-wrap: nowrap;
}

.product
  .summary
  .tc-extra-product-options
  .tmcp-field-wrap-inner
  .tcwidth:not(.tc-label-inner) {
  display: block;
}

.second-width,
.second-height {
  cursor: not-allowed;
}

.tc-element-container .tc-totals-form {
  display: none;
}
.tc-element-container .tm-options-totals,
.tc-element-container .tm-options-totals {
  display: none;
}

.main-width-div .tc-price-wrap,
.main-height-div .tc-price-wrap {
  display: none !important;
}

.none-div {
  display: none !important;
}

.overall-width-div .tc-price-wrap,
.overall-height-div .tc-price-wrap {
  display: none !important;
}

.shop__filters {
  margin-bottom: 4rem;
  display: none !important;
}
.shop__filters-bttn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  padding: 1.1rem 2.3rem;
  background: #3c4da1;
  border-radius: 0.3rem;
  font-size: 1.6rem;
  font-weight: 600;
  gap: 1rem;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 576px) {
  .shop__filters-bttn {
    font-size: 1.4rem;
    font-weight: 500;
    padding: 0.7rem 1.5rem;
  }
}
.shop__filters-bttn img {
  width: 1.2rem;
  filter: brightness(0) invert(1);
  transition: all 0.2s ease;
}
.shop__filters-bttn.active img {
  transform: rotate(180deg);
  transition: all 0.2s ease;
}
.shop__filters-wrap {
  display: none;
  margin-top: 1.5rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  border-radius: 0.8rem;
  background-color: #f9fbff;
  padding: 3.2rem 2rem 5rem;
}
@media only screen and (max-width: 768px) {
  .shop__filters-wrap {
    width: unset;
    padding: 2rem 1.5rem 3rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
.shop__filters-wrap
  .berocket_single_filter_widget
  + .berocket_single_filter_widget {
  margin-top: 4.5rem;
}
@media only screen and (max-width: 768px) {
  .shop__filters-wrap
    .berocket_single_filter_widget
    + .berocket_single_filter_widget {
    margin-top: 3rem;
  }
}
.shop__filters-wrap .bapf_sfilter {
  display: flex;
  gap: 2rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 576px) {
  .shop__filters-wrap .bapf_sfilter {
    flex-direction: column;
  }
}
.shop__filters-wrap .bapf_sfilter .bapf_head {
  min-width: 20rem;
}
@media only screen and (max-width: 768px) {
  .shop__filters-wrap .bapf_sfilter .bapf_head {
    min-width: 14rem;
  }
}
.shop__filters-wrap .bapf_body {
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 576px) {
  .shop__filters-wrap .bapf_body {
    max-height: 25rem;
    overflow: auto;
    padding-bottom: 1rem;
  }
}
.shop__filters-wrap .bapf_slidr_main.ui-widget-content .ui-slider-range {
  background-color: #3c4da1;
}
.shop__filters-wrap .bapf_slidr_main.ui-widget-content .ui-slider-handle {
  background-color: #0d0e0e;
}
.shop__filters-wrap .bapf_slidr_all {
  width: 39rem;
  max-width: 100%;
}
@media only screen and (max-width: 992px) {
  .shop__filters-wrap .bapf_slidr_all {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.shop__filters-wrap .bapf_slidr_all .bapf_from input,
.shop__filters-wrap .bapf_slidr_all .bapf_to input {
  border: none;
  background-color: inherit;
  width: 10rem;
  margin-right: 0.2rem;
  border-radius: 0;
}
.shop__filters-wrap .bapf_slidr_all .bapf_from .bapf_taprice {
  display: none;
}
.shop__filters-wrap .bapf_slidr_all .bapf_to input {
  text-align: right;
}
.shop__filters-wrap .bapf_body ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 3rem;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 576px) {
  .shop__filters-wrap .bapf_body ul {
    gap: 1rem 1.5rem;
  }
}
@media only screen and (max-width: 576px) {
  .shop__filters-wrap .bapf_body ul li {
    font-size: 1.4rem;
  }
}
@media (any-hover: hover) {
  .shop__filters-wrap .bapf_body ul li:hover {
    color: #3c4da1;
  }
}
.shop__filters-wrap .bapf_ckbox_sqchck input[type="checkbox"] {
  width: 1.5rem;
  height: 1.5rem;
}

@media only screen and (max-width: 576px) {
  .blog__wrap {
    gap: 2rem;
  }
}
@media only screen and (max-width: 576px) {
  .blog__wrap > .blog__item {
    width: 100%;
  }
}
.blog__item a {
  display: flex;
  gap: 2rem;
  flex-direction: column;
}
@media only screen and (max-width: 576px) {
  .blog__item a {
    gap: 1rem;
  }
}
.blog__item-img {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 29rem;
}
@media only screen and (max-width: 768px) {
  .blog__item-img {
    height: 24rem;
  }
}
@media only screen and (max-width: 576px) {
  .blog__item-img {
    height: auto;
    max-height: 22rem;
  }
}
.blog__item-img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 576px) {
  .blog__item-img img {
    height: auto;
  }
}
.blog__item-title {
  transition: all 0.2s ease;
  max-width: 35rem;
}
@media only screen and (max-width: 576px) {
  .blog__item-title {
    max-width: 100%;
  }
}
.blog__item-arrow img {
  transition: all 0.2s ease;
}
.blog__item:hover .blog__item-img img {
  transform: scale(1.05);
}
.blog__item:hover .blog__item-title {
  color: #3c4da1;
}
.blog__item:hover .blog__item-arrow img {
  transform: translateX(40px);
}
.blog-content .container {
  display: flex;
  align-items: start;
  gap: 1rem;
}
@media only screen and (max-width: 878px) {
  .blog-content .container {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
}
.blog__content {
  max-width: 60.5rem;
}
.blog__content h2 + p {
  margin-top: 4rem;
}
@media only screen and (max-width: 768px) {
  .blog__content h2 + p {
    margin-top: 2rem;
  }
}
.blog__content h2 + ul,
.blog__content h3 + ul {
  margin-top: 2rem;
}
.blog__content h3 + p {
  margin-top: 2rem;
}
.blog__content p + p {
  margin-top: 2rem;
}
.blog__content p + h3 {
  margin-top: 4rem;
}
@media only screen and (max-width: 768px) {
  .blog__content p + h3 {
    margin-top: 3rem;
  }
}
.blog__content ul + h3,
.blog__content ul p,
.blog__content ul h2,
.blog__content ul h1,
.blog__content ul ul {
  margin-top: 2rem;
}
.blog__content ul,
.blog__content li {
  list-style: disc;
}
.blog__content ul {
  padding-left: 2.5rem;
}
.blog__content ul li + li {
  margin-top: 1rem;
}
.blog__products {
  display: flex;
  margin: 4rem 0;
  gap: 1rem;
}
.blog__products a {
  width: calc(50% - 0.5rem);
}
@media only screen and (max-width: 768px) {
  .blog__products {
    margin: 2rem 0;
  }
}
.blog__img {
  width: 60.5rem;
  max-width: 100%;
}
@media only screen and (min-width: 878px) {
  .blog__img {
    position: sticky;
    top: 7rem;
  }
}
.blog__img img {
  width: 100%;
  min-width: 20rem;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.woocommerce-MyAccount-navigation-link--dashboard,
.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link--edit-address,
.woocommerce-MyAccount-navigation-link--orders {
  display: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 30rem;
  max-width: 100%;
}
@media only screen and (max-width: 878px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
  }
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 878px) {
  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    flex-direction: row;
    overflow: auto;
  }
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  border: 1px solid #d4d4d4;
  padding: 2rem 2.5rem;
  transition: all 0.2s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a svg {
  transition: all 0.2s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a svg path {
  transition: all 0.2s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a svg,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a path {
  fill: #808080;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a::after {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  mask-image: url(../img/icons/account/move.svg);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #0d0e0e;
  margin-left: auto;
  opacity: 0;
  transform: translateX(-5px);
  transition: all 0.2s ease;
}
@media only screen and (min-width: 878px) {
  .woocommerce-account .woocommerce-MyAccount-navigation ul li + li a {
    border-top-color: rgba(255, 255, 255, 0);
  }
}
@media only screen and (max-width: 576px) {
  .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    white-space: nowrap;
  }
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  color: #0d0e0e;
  border-color: #0d0e0e;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a svg,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a path {
  fill: #2c2c2c;
}
.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.is-active
  a::after {
  opacity: 1;
  transform: translateX(0);
}
@media only screen and (max-width: 878px) and (max-width: 878px) {
  .woocommerce-account
    .woocommerce-MyAccount-navigation
    ul
    li.is-active
    a::after {
    transform: rotate(90deg) translateX(0);
  }
}
@media (any-hover: hover) {
  .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: #0d0e0e;
    border-color: #0d0e0e;
    border-top: 1px solid #0d0e0e;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover svg,
  .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover path {
    fill: #0d0e0e;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover::after {
    opacity: 0.6;
    transform: translateX(0);
  }
}
.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  .woocommerce-MyAccount-navigation-link--customer-logout
  a {
  border-radius: 0rem 0rem 0.3rem 0.3rem;
}
.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  .woocommerce-MyAccount-navigation-link--edit-account {
  order: -1;
}
.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  .woocommerce-MyAccount-navigation-link--edit-account
  a {
  border-radius: 0.3rem 0.3rem 0rem 0rem;
  border-top: 1px solid #d4d4d4;
}
.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  .woocommerce-MyAccount-navigation-link--edit-account.is-active {
  border-color: #0d0e0e;
}
.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  .woocommerce-MyAccount-navigation-link--customer-logout
  a {
  color: #ff3838;
}
.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  .woocommerce-MyAccount-navigation-link--customer-logout
  a
  svg,
.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  .woocommerce-MyAccount-navigation-link--customer-logout
  a
  path {
  fill: #ff3838;
}
.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  .woocommerce-MyAccount-navigation-link--customer-logout
  a:hover {
  color: #ff3838;
}
.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  .woocommerce-MyAccount-navigation-link--customer-logout
  a:hover
  svg,
.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  .woocommerce-MyAccount-navigation-link--customer-logout
  a:hover
  path {
  fill: #ff3838;
}

.afreg_extra_fields {
  order: -1;
  border: none;
  margin-bottom: 40px;
}
.userRows {
  margin-bottom: 20px;
}
.afreg_extra_fields fieldset {
  border: none;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 2.8rem;
}
.afreg_extra_fields fieldset .form-row {
  display: flex;
  flex-direction: column;
  width: 28rem;
  max-width: 100%;
}

.afreg_extra_fields h3 {
  margin-bottom: 2rem;
  font-size: 1.6rem;
}

body.woocommerce-edit-account form.woocommerce-EditAccountForm {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 576px) {
  body.woocommerce-edit-account form.woocommerce-EditAccountForm {
    width: 40rem;
    max-width: 100%;
    margin: 0 auto;
  }
}
body.woocommerce-edit-account form.woocommerce-EditAccountForm-title {
  z-index: -2;
}
body.woocommerce-edit-account
  form.woocommerce-EditAccountForm
  .form-field-address
  p {
  display: none;
}
body.woocommerce-edit-account
  form.woocommerce-EditAccountForm
  .form-field-address
  .bttn {
  margin-top: 4rem;
}
body.woocommerce-edit-account form.woocommerce-EditAccountForm .form-field h3 {
  margin-top: 4rem;
  font-size: 1.6rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 576px) {
  body.woocommerce-edit-account
    form.woocommerce-EditAccountForm
    .form-field
    h3 {
    margin-top: 2rem;
  }
}
body.woocommerce-edit-account
  form.woocommerce-EditAccountForm
  .form-field
  + .form-field {
  margin-top: 2rem;
  display: inline-flex;
}
@media only screen and (max-width: 576px) {
  body.woocommerce-edit-account
    form.woocommerce-EditAccountForm
    .form-field
    + .form-field {
    margin-top: 1rem;
  }
}
body.woocommerce-edit-account
  form.woocommerce-EditAccountForm
  .woocommerce-form-row,
body.woocommerce-edit-account
  form.woocommerce-EditAccountForm
  .woocommerce-Input {
  width: 28rem;
  max-width: 100%;
}
body.woocommerce-edit-account
  form.woocommerce-EditAccountForm
  .woocommerce-form-row
  + .woocommerce-form-row {
  margin-bottom: 2rem;
}
body.woocommerce-edit-account .u-column1:first-child,
body.woocommerce-edit-account .woocommerce-Address-title {
  display: none;
}
body.woocommerce-edit-account .woocommerce-Addresses {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 1rem;
}
body.woocommerce-edit-account .woocommerce-Addresses address {
  font-style: normal;
}
body.woocommerce-edit-account fieldset.form-pass {
  border: none;
  display: flex;
  margin-top: 6rem;
  flex-direction: column;
}
body.woocommerce-edit-account fieldset.form-pass .woocommerce-form-row {
  width: 28rem;
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
}
body.woocommerce-edit-account .bttn--save {
  margin-top: 2rem;
}

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

.woocommerce form .form-row {
  padding: 0;
  margin: 0;
}

.woocommerce form .form-row label,
label[for="account_first_name"] {
  line-height: normal;
  display: flex;
  font-size: 1.2rem;
  font-weight: 400;
  color: #2c2c2c;
  margin-bottom: 10px;
  margin-top: 10px;
}
.woocommerce form .form-row label span,
label[for="account_first_name"] span {
  color: #2c2c2c !important;
}

html body .show-password-input::after {
  content: "" !important;
  background-image: url(../img/icons/password.svg);
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

html body .show-password-input {
  background-color: transparent;
  border-radius: 0;
  border: 0;
  color: var(--wc-form-color-text, #000);
  cursor: pointer;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0.7em;
  text-decoration: none;
  top: 50%;
  transform: translateY(0);
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  -webkit-font-smoothing: inherit;
}

html body .show-password-input.display-password::after {
  background-image: url(../img/icons/password-show.svg);
}
.admin-bar .form-row-wide > .show-password-input {
  display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  float: unset;
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 60rem;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  float: unset;
}

table.wc-shipping-multiple-addresses {
  display: none;
}

.wc-shipping-multiple-addresses.shop_table.cart {
  display: none;
}

.form-field-address .update-shipping-addresses,
.form-field-address .set-shipping-addresses,
.form-field-address small,
.form-field-address .h2-link {
  display: none;
}

.woocommerce-account .container .woocommerce {
  display: flex;
  gap: 110px;
}
@media (max-width: 1340px) {
  .woocommerce-account .container .woocommerce {
    gap: calc(20px + 90 * ((100vw - 375px) / 965));
  }
}
@media only screen and (max-width: 878px) {
  .woocommerce-account .container .woocommerce {
    flex-direction: column;
  }
}

.woocommerce-orders .woocommerce-MyAccount-content,
.woocommerce-view-order .woocommerce-MyAccount-content {
  width: 100%;
}
.woocommerce-orders .woocommerce-table--order-details,
.woocommerce-view-order .woocommerce-table--order-details {
  margin-top: 4rem !important;
}

.banner {
  padding: 5rem 0 1rem;
  background: linear-gradient(
    90deg,
    #cad1d7 4.09%,
    #f1f2f4 51.79%,
    #cbd2d8 99.76%
  );
}
@media only screen and (min-width: 878px) {
  .banner {
    height: calc(100vh - 12rem);
    min-height: 58rem;
  }
}
@media only screen and (max-width: 576px) {
  .banner {
    min-height: max-content;
    height: auto;
  }
  .banner .container {
    height: 100%;
  }
}
.banner + section {
  padding-top: 12rem;
}
@media only screen and (max-width: 768px) {
  .banner + section {
    padding-top: 7rem;
  }
}
@media only screen and (max-width: 576px) {
  .banner + section {
    padding-top: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .banner {
    padding: 0;
  }
}
.banner .container {
  display: flex;
  height: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .banner .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media only screen and (max-width: 576px) {
  .banner .container {
    padding-top: 11rem;
  }
}
@media only screen and (max-width: 576px) {
  .banner__img {
    width: 32.5rem;
    max-width: 100%;
  }
  .banner__img img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    height: auto;
  }
}
.banner__slide {
  width: 100%;
  height: 100%;
  padding: 0 7rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  transition: all 0.3s linear;
}
@media only screen and (max-width: 576px) {
  .banner__slide {
    gap: 7rem;
    flex-direction: column;
  }
}
.banner__slide img {
  max-width: 100%;
  height: auto;
  width: 100%;
  object-fit: cover;
}
.banner__slide-bttn {
  margin-top: 2rem;
}
.banner__slide-wrap {
  max-width: 47.2rem;
}
@media only screen and (max-width: 878px) {
  .banner__slide h1 {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .banner__slide h1 {
    font-size: 2.6rem;
  }
}
@media only screen and (max-width: 576px) {
  .banner__slide h1 {
    font-size: 1.9rem;
  }
}
@media only screen and (max-width: 768px) {
  .banner__slide {
    padding: 0;
  }
}
.banner__nav-bttn {
  top: 0;
  height: 100%;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  display: flex;
  align-items: center;
  display: none !important;
}
@media only screen and (max-width: 576px) {
  .banner__nav-bttn img {
    width: 1.5rem;
    height: auto;
  }
}
.banner__nav-bttn.banner__next {
  right: 0;
}
.banner__nav-bttn.banner__prev {
  left: 0;
}
.banner__nav-bttn img {
  transition: all 0.2s ease;
}
.banner__nav-bttn:hover.banner__prev img {
  transform: translateX(-2px);
}
.banner__nav-bttn:hover.banner__next img {
  transform: translateX(2px);
}
.banner__nav-bttn:active.banner__prev img {
  transform: translateX(-4px);
}
.banner__nav-bttn:active.banner__next img {
  transform: translateX(4px);
}
.banner__pagination {
  position: absolute;
  right: 1rem;
  bottom: 1.1rem;
  display: none !important;
}
.banner__pagination
  .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background: #ffffff;
}
.banner__tip {
  cursor: pointer;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  bottom: 2rem;
  z-index: 5;
}
@media only screen and (max-width: 576px) {
  .banner__tip {
    width: 2rem;
    height: 2rem;
  }
}
.banner__tip img {
  width: 100%;
  height: auto;
  max-width: 2.6rem;
  object-fit: cover;
}
@media only screen and (max-width: 576px) {
  .banner__tip img {
    max-width: 1.5rem;
  }
}
.banner__tip::before,
.banner__tip::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 4px solid rgba(255, 255, 255, 0.4745098039);
  border-radius: 50%;
  z-index: -1;
}
.banner__tip::before {
  animation: ripple 2s linear infinite;
}
.banner__tip::after {
  animation: ripple 2s linear 1s infinite;
}

@keyframes ripple {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.page-banner {
  min-height: 28.6rem;
  max-height: 32rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3rem 0;
}
.page-banner .breadcrumbs {
  padding-top: 3rem;
  padding-bottom: 5.4rem;
}
@media only screen and (max-width: 576px) {
  .page-banner .breadcrumbs {
    padding-bottom: 2rem;
    padding-top: 0;
  }
}
.page-banner h1 {
  max-width: 42rem;
}
@media only screen and (max-width: 576px) {
  .page-banner h1 {
    max-width: 27rem;
  }
}
@media only screen and (max-width: 576px) {
  .page-banner {
    min-height: 16rem;
  }
}

.categories + section {
  padding-top: 12rem;
}
@media only screen and (max-width: 768px) {
  .categories + section {
    padding-top: 7rem;
  }
}
@media only screen and (max-width: 576px) {
  .categories + section {
    padding-top: 5rem;
  }
}
.categories__item-img {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.categories__item-img img {
  max-width: 100%;
  max-height: 25.5rem;
  height: 100%;
  width: unset;
  transition: all 0.2s ease;
}
.categories__item-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.categories__item-title::after {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  mask: url(../img/icons/arrow-right.svg) center/cover no-repeat;
  background-color: #0d0e0e;
  width: 2.6rem;
  height: 2.6rem;
  opacity: 0;
  transform: translateX(-15px);
  transition: all 0.2s ease;
}
@media only screen and (max-width: 878px) {
  .categories__item-title {
    padding: 2rem;
  }
  .categories__item-title::after {
    opacity: 1;
    transform: translateX(0);
  }
}
@media only screen and (max-width: 576px) {
  .categories__item-title {
    padding: 1rem;
    font-size: 1.4rem;
  }
  .categories__item-title::after {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.categories__item:first-child .categories__item-title::after {
  opacity: 1;
  transform: translateX(0);
}
.categories__item:hover .categories__item-title::after {
  opacity: 1;
  transform: translateX(0);
}
.categories__item:hover .categories__item-img img {
  transform: scale(1.05);
}
.categories__list {
  column-count: 2;
}
.categories__list-item a {
  padding: 1rem 0;
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media only screen and (max-width: 576px) {
  .categories__list-item a {
    padding: 0.5rem 0;
  }
}
@media only screen and (max-width: 576px) {
  .categories__list-item a h4 {
    font-size: 1.4rem;
  }
}
.categories__list-item a::after {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  mask: url(../img/icons/arrow-right.svg) center/cover no-repeat;
  background-color: #0d0e0e;
  width: 2.6rem;
  height: 2.6rem;
  opacity: 0;
  transform: translateX(-15px);
  transition: all 0.2s ease;
}
@media (any-hover: hover) {
  .categories__list-item a:hover:after {
    opacity: 1;
    transform: translateX(0);
  }
}

.delivery .container {
  display: flex;
  gap: 114px;
}
@media (max-width: 1340px) {
  .delivery .container {
    gap: calc(20px + 94 * ((100vw - 375px) / 965));
  }
}
@media only screen and (max-width: 768px) {
  .delivery .container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.delivery__item {
  width: 40rem;
  max-width: 100%;
}
.delivery__item h3 {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 576px) {
  .delivery__item h3 {
    margin-bottom: 1.5rem;
  }
}
.delivery__item ul li {
  display: flex;
  align-items: start;
  gap: 3rem;
}
.delivery__item ul li + li {
  margin-top: 3rem;
}
@media only screen and (max-width: 576px) {
  .delivery__item ul li {
    gap: 1rem;
  }
  .delivery__item ul li + li {
    margin-top: 1.5rem;
  }
}
.delivery__item ul li img {
  width: 100%;
  max-width: 4.4rem;
  aspect-ratio: 4/4;
  height: auto;
}
@media only screen and (max-width: 576px) {
  .delivery__item ul li img {
    max-width: 3rem;
  }
}

.content {
  max-width: 60.5rem;
}
@media only screen and (max-width: 768px) {
  .content {
    margin: 0 auto;
  }
}
.content h3 + p {
  margin-top: 3rem;
}
@media only screen and (max-width: 768px) {
  .content h3 + p {
    margin-top: 2rem;
  }
}
.content h3 + h3 {
  margin-top: 2rem;
}
@media only screen and (max-width: 768px) {
  .content h3 + h3 {
    margin-top: 1rem;
  }
}
.content h3 + .bttn {
  margin-top: 3rem;
}
@media only screen and (max-width: 768px) {
  .content h3 + .bttn {
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 576px) {
  .content p {
    font-size: 1.4rem;
  }
}
.content p .bttn {
  margin-top: 3rem;
}
@media only screen and (max-width: 768px) {
  .content p .bttn {
    margin-top: 2rem;
  }
}
.content p + p {
  margin-top: 2rem;
}
@media only screen and (max-width: 768px) {
  .content p + p {
    margin-top: 1rem;
  }
}
.content p + h3 {
  margin-top: 6rem;
}
@media only screen and (max-width: 768px) {
  .content p + h3 {
    margin-top: 4rem;
  }
}

.contacts .container {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 1rem;
}
.contacts__block strong {
  display: block;
  margin-bottom: 2rem;
}
.contacts__block li svg {
  width: 2.1rem;
  height: auto;
}
.contacts__item {
  display: block;
  width: calc(33% - 0.5rem);
  max-width: 100%;
}
.contacts__item:first-child {
  width: 100%;
}
@media only screen and (min-width: 878px) {
  .contacts__item:first-child {
    margin-bottom: 3rem;
  }
}
.contacts__item:first-child .contacts__item-list {
  gap: 8rem;
}
.contacts__item:first-child .contacts__item-list li + li {
  margin-top: 2.5rem;
}
@media only screen and (max-width: 878px) {
  .contacts__item {
    width: calc(50% - 0.5rem);
  }
}
.contacts__item-list {
  display: flex;
  align-items: start;
  gap: 2rem;
}
@media only screen and (max-width: 576px) {
  .contacts__item-list {
    gap: 1rem;
  }
}
.contacts__item-list + .contacts__item-list {
  margin-top: 3rem;
}
@media only screen and (max-width: 576px) {
  .contacts__item-list + .contacts__item-list {
    margin-top: 1.5rem;
  }
}
.contacts__item h3 {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 576px) {
  .contacts__item h3 {
    margin-bottom: 1.5rem;
  }
}
.contacts__item ul li {
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  font-size: 1.6rem;
  transition: all 0.2s ease;
}
.contacts__item ul li + li {
  margin-top: 2rem;
}
@media only screen and (max-width: 576px) {
  .contacts__item ul li + li {
    margin-top: 1rem;
  }
}
.contacts__item ul li a {
  font-size: inherit;
  color: inherit;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media only screen and (max-width: 576px) {
  .contacts__item ul li a {
    gap: 1rem;
  }
}
.contacts__item ul li img {
  max-width: 2.4rem;
}
@media only screen and (max-width: 576px) {
  .contacts__item ul li {
    font-size: 1.2rem;
  }
  .contacts__item ul li img {
    max-width: 1.6rem;
  }
}
.contacts__item ul li:hover {
  color: #3c4da1;
}

.faq__wrap {
  max-width: 50.2rem;
}
@media only screen and (max-width: 878px) {
  .faq__wrap {
    margin: 0 auto;
  }
}
.faq__item {
  width: 100%;
}
.faq__item + .faq__item {
  margin-top: 2rem;
}
@media only screen and (max-width: 576px) {
  .faq__item + .faq__item {
    margin-top: 1rem;
  }
}
.faq__item-header {
  padding: 2rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid #808080;
  cursor: pointer;
  transition: all 0.2s ease;
}
.faq__item-header svg {
  transition: all 0.2s ease;
}
@media only screen and (max-width: 576px) {
  .faq__item-header {
    padding: 1rem 0;
  }
}
.faq__item-header.active svg {
  transform: rotate(180deg);
}
.faq__item-content {
  margin-top: 2rem;
  display: none;
}
@media only screen and (max-width: 576px) {
  .faq__item-content {
    margin-top: 1rem;
  }
}
.faq__item-content p + p {
  margin-top: 1rem;
}
@media only screen and (max-width: 576px) {
  .faq__item-content p + p {
    margin-top: 0.5rem;
  }
}

section.error {
  width: 100%;
  height: 100%;
  color: #ffffff;
  min-height: 100vh;
  background-image: url(../img/error/1.png);
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
}

.error .container {
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.error h5 {
  font-size: 1.6rem;
  font-weight: 400;
}
@media only screen and (max-width: 576px) {
  .error h5 {
    margin-bottom: 2rem;
  }
}
.error p {
  margin-top: 3rem;
  max-width: 60.5rem;
}
.error a {
  margin-top: 3rem;
}

.tabs-item {
  display: none;
}
ї .tabs-item.active {
  display: block;
}

.tabs-item.active {
  display: block;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #0d0e0e;
}

.woocommerce .wc-tabs {
  display: flex;
  align-items: center;
}
.woocommerce .wc-tabs li {
  background: none;
}
.woocommerce .wc-tabs li a {
  display: block;
  padding: 2rem !important;
  font-size: 2.4rem;
  color: #d4d4d4;
  font-weight: 600;
  text-emphasis: accent;
}
@media only screen and (max-width: 576px) {
  .woocommerce .wc-tabs li a {
    font-size: 1.8rem;
    padding: 1rem !important;
  }
}
.woocommerce .wc-tabs li:first-child a {
  padding-left: 0 !important;
}
.woocommerce .wc-tabs li.active a {
  color: #0d0e0e;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
  padding-left: 2rem;
}

.woocommerce-Tabs-panel {
  margin-top: 1rem;
}

#tab-reviews {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
}
@media only screen and (max-width: 878px) {
  #tab-reviews {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
}
#tab-reviews #reviews {
  order: -1;
}
#tab-reviews #reviews #comments {
  display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  margin-top: 2rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none;
  background: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border: none;
  background: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  display: none;
}

.woocommerce-Price-amount bdi {
  color: #0d0e0e;
}

.swiper-pagination {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  z-index: 2;
}
.swiper-pagination-bullet {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.6rem;
  min-width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #0d0e0e;
  transition: all 0.2s ease;
}
.swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) {
  background: #3c4da1;
  opacity: 0.6;
}
.swiper-pagination-bullet-active {
  background: #3c4da1;
}

.swiper-button-prev,
.swiper-button-next {
  cursor: pointer;
}
.swiper-button-prev img,
.swiper-button-next img {
  transition: all 0.2s ease;
}
.swiper-button-prev:hover img {
  transform: translateX(-2px);
}
.swiper-button-prev:active img {
  transform: translateX(-4px);
}
.swiper-button-next:hover img {
  transform: translateX(2px);
}
.swiper-button-next:active img {
  transform: translateX(4px);
}

.footer {
  background: #eff2f8;
  margin-top: 8rem;
  padding: 11rem 0 6.1rem;
  color: #808080;
}
@media only screen and (max-width: 992px) {
  .footer {
    margin-top: 6rem;
    padding-top: 7rem;
  }
}
@media only screen and (max-width: 576px) {
  .footer {
    padding: 3rem 0 3rem;
    margin-top: 2rem;
  }
}
.footer__top .container {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}
@media only screen and (max-width: 992px) {
  .footer__top .container {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 576px) {
  .footer__top .container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.footer__menu {
  flex: 1 1 auto;
  display: flex;
  gap: 50px;
}
@media (max-width: 1340px) {
  .footer__menu {
    gap: calc(10px + 40 * ((100vw - 375px) / 965));
  }
}
@media (max-width: 768px) {
  .footer__menu {
    flex-direction: column;
    width: 41.6rem;
    max-width: 100%;
    gap: 0;
  }
}
@media (max-width: 768px) {
  .footer__menu-item {
    width: 100%;
  }
  .footer__menu-item + .footer__menu-item {
    border-top: 1px solid #808080;
  }
}
.footer__menu-item ul h4[data-spoller] {
  width: 100%;
  font-weight: 600;
  color: #0d0e0e;
  padding-bottom: 1rem;
  padding-left: 0.5rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  .footer__menu-item ul h4[data-spoller] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    cursor: pointer;
    justify-content: space-between;
  }
  .footer__menu-item ul h4[data-spoller]._spoller-active::after {
    transform: rotate(180deg);
  }
  .footer__menu-item ul h4[data-spoller]::after {
    content: "";
    mask-image: url(../img/icons/footer-menu.svg);
    -webkit-mask-image: url(../img/icons/footer-menu.svg);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    mask-size: cover;
    -webkit-mask-size: cover;
    background-color: #808080;
    width: 2rem;
    height: 2rem;
    display: inline-block;
    transition: all 0.2s ease-in-out;
  }
}
@media only screen and (max-width: 878px) {
  .footer__menu-item ul ul {
    padding-bottom: 2rem;
  }
}
.footer__menu-item ul li a {
  display: flex;
  padding: 1rem 0.5rem;
  transition: all 0.2s ease;
  z-index: 2;
}
.footer__menu-item ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #808080;
  z-index: -1;
  transition: all 0.2s linear;
}
.footer__menu-item ul li a:hover {
  color: #eff2f8;
}
.footer__menu-item ul li a:hover::before {
  width: 100%;
}
.footer__menu-item ul li.current-menu-item a {
  color: #eff2f8;
}
.footer__menu-item ul li.current-menu-item a::before {
  width: 100%;
}
.footer__form {
  width: 41.6rem;
  max-width: 100%;
}
.footer__form h3 {
  margin-bottom: 2rem;
  color: #2c2c2c;
}
.footer__form-row {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 1rem;
}
.footer__form input[type="text"] {
  width: 100%;
  padding: 1.7rem 2rem;
  border: 1px solid #2c2c2c;
  color: #2c2c2c;
  background-color: inherit;
  border-radius: 0.3rem;
  font-size: 1.4rem;
  transition: all 0.2s ease;
}
.footer__form input[type="text"]::placeholder {
  color: #2c2c2c;
  font-size: 1.4rem;
}
.footer__form input[type="text"]:focus,
.footer__form input[type="text"]:active,
.footer__form input[type="text"]:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 576px) {
  .footer__form input[type="text"] {
    padding: 1rem 1.5rem;
  }
}
.footer__form-bttn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
  text-align: center;
}
@media only screen and (max-width: 576px) {
  .footer__form-bttn {
    margin-top: 1rem;
  }
  .footer__form-bttn .bttn {
    width: 100%;
  }
}
.footer__bottom {
  margin-top: 10rem;
  padding-top: 3rem;
  border-top: 1px solid #d4d4d4;
}
@media only screen and (max-width: 768px) {
  .footer__bottom {
    margin-top: 4rem;
    padding-top: 2rem;
  }
}
.footer__bottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 878px) {
  .footer__bottom .container {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 576px) {
  .footer__info {
    order: 3;
    margin-top: 1.5rem;
  }
}
.footer__info h4 {
  font-weight: 400;
}
.footer__info,
.footer__social {
  flex: 30%;
}
@media only screen and (max-width: 576px) {
  .footer__info,
  .footer__social {
    flex: 100%;
  }
}
@media only screen and (max-width: 878px) {
  .footer__logo {
    order: -1;
    flex: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
  }
}
.footer__info .developed {
  margin-top: 2rem;
  font-size: 1.4rem;
}
@media only screen and (max-width: 576px) {
  .footer__info .developed {
    margin-top: 0.5rem;
  }
}
.footer__info .developed a {
  font-size: inherit;
}
.footer__info .developed a:hover {
  text-decoration: underline;
}
.footer__social {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .footer__social {
    justify-content: center;
  }
}
.footer__social a {
  display: flex;
  padding: 1.5rem;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 576px) {
  .footer__social a {
    padding: 0.5rem;
  }
}
.footer__social a:hover {
  transform: scale(1.1);
}
.footer__social a:active {
  transform: scale(1);
}

.popup {
  min-height: 40rem;
  height: max-content;
  width: 34rem;
  background: #ffffff;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  z-index: 11;
  display: none;
  padding: 3rem;
  margin: auto;
}
.popup__form {
  border-radius: 0.3rem;
}
.popup__account {
  padding: 0;
}
.popup__account .afreg_extra_fields {
  display: none !important;
}
.popup__account form {
  display: flex;
  flex-direction: column;
}
.popup__account input {
  width: 100%;
}
.popup__account input[type="radio"] {
  width: max-content;
}
.popup__account .bttn {
  margin-top: 2rem;
}
.popup__account .lost_password {
  margin-top: 1rem;
  margin-bottom: 2rem;
  margin-left: auto;
}
.popup__account .lost_password a {
  font-weight: 600;
  font-size: 1.2rem;
  transition: all 0.2s ease;
}
.popup__account .lost_password a:hover {
  text-decoration: underline;
  color: #3c4da1;
}
.popup__account .register-tab {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  padding: 1rem;
  margin-top: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #0d0e0e;
  transition: all 0.2s ease;
}
.popup__account .register-tab:hover {
  background-color: #3c4da1;
  color: #ffffff;
}
.popup__account .woocommerce-form-login__rememberme span {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}
.popup__account .woocommerce-form-login__rememberme input {
  width: max-content;
}
.popup__account .woocommerce-privacy-policy-text {
  margin-top: 3rem;
  order: 10;
}
.popup__account .woocommerce-privacy-policy-text p {
  font-size: 1.2rem;
}
.popup__account .woocommerce-privacy-policy-text p a {
  font-size: inherit;
  color: #3c4da1;
  text-decoration: underline;
}
.popup__account-header {
  padding: 1.4rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #d4d4d4;
}
.popup__account-header .tabs-switch {
  display: flex;
  gap: 2rem;
}
.popup__account-header .tabs-switch li {
  cursor: pointer;
  color: #d4d4d4;
  padding: 1rem;
  font-weight: 600;
  font-size: 1.8rem;
  transition: all 0.2s ease;
}
.popup__account-header .tabs-switch li.active {
  color: #0d0e0e;
}
.popup__account-header .tabs-switch li:not(.active):hover {
  color: #0d0e0e;
  opacity: 0.6;
}
.popup__account .tabs-content {
  padding: 2rem 3rem;
  height: 100%;
}
.popup__account-wrap {
  height: 100%;
}
.popup.show {
  display: block;
  transition: all 0.3s linear;
  visibility: visible;
  opacity: 1;
  pointer-events: all;
  transform: scale(1);
}
.popup-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: auto;
  left: 0;
  top: 0;
  z-index: 10;
  display: none;
  padding: 3rem;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
}
.popup-bg.show {
  display: flex !important;
}
.popup__close {
  background-color: inherit;
  position: absolute;
  right: 20px;
  top: 16px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup__close img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.popup--thanks {
  min-height: auto;
}
.popup--thanks .popup__title {
  text-align: center;
}
.popup--thanks .popup__wrap {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (max-width: 576px) {
  .popup--thanks .popup {
    width: 80%;
  }
}

.wpcf7-response-output,
p[role="status"] {
  display: none;
}

.woocommerce-breadcrumb {
  display: none;
}

.comment-notes,
.woocommerce-notices-wrapper {
  display: none !important;
}

.comment-form {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
}
.comment-form .comment-form-author {
  order: -1;
  display: flex;
  flex-direction: column;
}
.comment-form p {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.comment-form .required,
.comment-form .comment-form-cookies-consent {
  display: none !important;
}
.comment-form textarea {
  min-height: 20.7rem;
  resize: none;
}
.comment-form input::placeholder,
.comment-form textarea::placeholder {
  color: #808080;
}
.comment-form .form-submit {
  margin-top: 2rem;
}
.comment-form .submit {
  width: max-content;
}
.comment-form label[for="comment"] {
  display: none;
}

.comment__item {
  padding-bottom: 3rem;
  border-bottom: 1px solid #d4d4d4;
}
.comment__item + .comment__item {
  margin-top: 3rem;
}
.comment__list {
  width: 60.5rem;
  max-width: 100%;
}
.comment__title {
  font-size: 1.4rem;
  color: #808080;
  margin-bottom: 1.4rem;
}
.comment__text {
  margin-bottom: 2rem;
}
.comment__date {
  font-size: 1.4rem;
  color: #808080;
}

.must-log-in a {
  color: #3c4da1;
}

.disable-input {
  display: none;
}

.form-row + .form-row {
  margin-top: 2rem;
}
.form-row label {
  font-size: 1.2rem;
  font-weight: 400;
  color: #2c2c2c;
  line-height: normal;
  cursor: pointer;
}
.form-row input:not([type="radio"]),
.form-row input:not([type="checkbox"]) {
  margin-top: 0.5rem;
  transition: all 0.2s ease;
  border-radius: 0.3rem !important;
  border: 1px solid #d4d4d4 !important;
  padding: 1.1rem 1.7rem !important;
  font-size: 1.4rem !important;
  color: #2c2c2c !important;
}
.form-row input:not([type="radio"]):hover,
.form-row input:not([type="radio"]):active,
.form-row input:not([type="radio"]):focus,
.form-row input:not([type="checkbox"]):hover,
.form-row input:not([type="checkbox"]):active,
.form-row input:not([type="checkbox"]):focus {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.form-row input[type="radio"],
.form-row input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
}
.form-row input[type="radio"] + span::before,
.form-row input[type="checkbox"] + span::before {
  content: "";
  display: block;
  background-image: url(../img/icons/input.svg);
  background-size: cover;
  background-position: center;
  width: 1.4rem;
  min-width: 1.4rem;
  height: 1.4rem;
}
.form-row input[type="radio"]:checked + span::before,
.form-row input[type="checkbox"]:checked + span::before {
  background-image: url(../img/icons/input-selected.svg);
}
.form-row input[type="checkbox"] + span::before {
  background-image: url(../img/icons/input-square.svg);
}
.form-row input[type="checkbox"]:checked + span::before {
  background-image: url(../img/icons/input-square-selected.svg);
}
.form-row.profile-field {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 2rem;
  display: none !important;
}
.form-row.profile-field label {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 400;
  color: #0d0e0e;
}

.woocommerce .woocommerce-form-coupon-toggle,
.woocommerce .form_option_billing,
.woocommerce .dsabafw_select {
  display: none;
}
.woocommerce-checkout .page-content .container {
  margin-top: 4rem;
  max-width: 1220px;
}
.woocommerce .checkout .col2-set {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  .woocommerce .checkout .col2-set {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
}
.woocommerce .checkout__title {
  margin-bottom: 3rem;
  font-size: 2.4rem;
}
.woocommerce .checkout__form-total {
  margin-top: 2.1rem;
  border: none;
  padding-top: 0;
}
@media only screen and (max-width: 576px) {
  .woocommerce .checkout__form-total {
    margin-top: 1.5rem;
  }
}
.woocommerce .checkout__form-total .price bdi {
  display: flex;
}
.woocommerce .checkout__form-total .woocommerce-Price-currencySymbol {
  font-size: 1.6rem;
  color: #808080;
}
.woocommerce .checkout__form-shipping {
  margin-top: 3rem;
}
@media only screen and (max-width: 576px) {
  .woocommerce .checkout__form-shipping {
    margin-top: 2rem;
  }
}
.woocommerce .checkout__form-fields {
  z-index: 2;
  margin-top: 3rem;
  width: 50%;
  max-width: 50%;
}
.woocommerce .checkout__form-title {
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
}
.woocommerce .checkout__form .form-row {
  display: flex;
  flex-direction: column;
}
.woocommerce .checkout__form .form-row + .form-row {
  margin-top: 2rem;
}
@media only screen and (max-width: 576px) {
  .woocommerce .checkout__form .form-row + .form-row {
    margin-top: 1rem;
  }
}
.woocommerce .checkout__form .form-row label {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
  color: #2c2c2c;
}
.woocommerce .checkout__form .form-row label .optional {
  display: none;
}
.woocommerce .checkout__form .form-row label abbr {
  color: #2c2c2c;
  font-size: inherit;
}
.woocommerce .wcus-checkout-fields h3 {
  display: none;
}
.woocommerce .wcus-checkout-fields > div > div {
  margin-top: 2rem;
}
@media only screen and (max-width: 576px) {
  .woocommerce .wcus-checkout-fields > div > div {
    margin-top: 1rem;
  }
}
.woocommerce .wcus-checkout-fields .zen-ui-select__search {
  padding: 0;
}
.woocommerce .wcus-checkout-fields .zen-ui-select__search input {
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 1rem 1.7rem !important;
  font-size: 1.4rem !important;
}
.woocommerce .wcus-checkout-fields .zen-ui-select__search input::placeholder {
  font-size: 1.4rem !important;
}
.woocommerce .wcus-checkout-fields .zen-ui-select__value {
  border-radius: 0.3rem;
  border: 1px solid #d4d4d4;
  padding: 1.1rem 1.7rem !important;
  font-size: 1.4rem;
  color: #2c2c2c;
}
.woocommerce #payment {
  width: 50.3rem;
  max-width: 100%;
  background: none;
  margin-top: 3rem;
}
@media only screen and (max-width: 768px) {
  .woocommerce #payment {
    margin-left: auto;
    margin-right: auto;
    width: 30rem;
  }
}
@media only screen and (max-width: 576px) {
  .woocommerce #payment {
    margin-top: 2rem;
  }
}
.woocommerce .payment_box {
  display: none !important;
}
.woocommerce .place-order {
  padding: 0 !important;
}
.woocommerce ul.wc_payment_methods {
  border: none;
  padding: 0 !important;
  padding-bottom: 4rem !important;
}
.woocommerce ul.wc_payment_methods li.wc_payment_method input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  pointer-events: none;
}

.woocommerce .woocommerce-billing-fields::after,
.woocommerce .woocommerce-billing-fields::before,
.woocommerce .woocommerce-shipping-fields::after,
.woocommerce .woocommerce-shipping-fields::before,
.woocommerce-page .woocommerce-billing-fields::after,
.woocommerce-page .woocommerce-billing-fields::before,
.woocommerce-page .woocommerce-shipping-fields::after,
.woocommerce-page .woocommerce-shipping-fields::before {
  display: none;
}

.input-radio + label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  user-select: none;
  font-size: 1.4rem;
  font-weight: 400;
}

.input-radio + label::before {
  content: "";
  display: inline-block;
  width: 1.4rem;
  min-width: 1.4rem;
  height: 1.4rem;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 50%;
  margin-right: 0.6rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/icons/radio.svg);
  background-size: cover;
}

.input-radio:checked + label::before {
  background-image: url(../img/icons/radio-active.svg);
}

.input-radio:disabled + label::before {
  background-color: #e9ecef;
}

.input-radio {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.woocommerce-checkout #payment ul.payment_methods li {
  line-height: normal;
}
.woocommerce-checkout #payment ul.payment_methods li + li {
  margin-top: 2rem;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  width: max-content;
  margin-top: 3.1rem;
}
@media only screen and (max-width: 576px) {
  .woocommerce #payment #place_order,
  .woocommerce-page #payment #place_order {
    width: 100%;
  }
}

.woocommerce .col2-set .cart__col,
.woocommerce-page .col2-set .cart__col {
  width: 45.6rem;
  max-width: 100%;
  float: unset;
  padding: 3rem;
  padding-right: 5.6rem;
  max-height: 40rem;
  background-color: #eee;
  overflow: auto;
}
@media only screen and (max-width: 576px) {
  .woocommerce .col2-set .cart__col,
  .woocommerce-page .col2-set .cart__col {
    padding: 1.5rem;
  }
}
@media only screen and (min-width: 878px) {
  .woocommerce .col2-set .cart__col,
  .woocommerce-page .col2-set .cart__col {
    position: sticky;
    top: 7rem;
  }
}
.woocommerce .col2-set .cart__col::-webkit-scrollbar,
.woocommerce-page .col2-set .cart__col::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.3rem;
  background-color: inherit;
  border-radius: 0.2rem;
}
.woocommerce .col2-set .cart__col::-webkit-scrollbar-thumb,
.woocommerce-page .col2-set .cart__col::-webkit-scrollbar-thumb {
  border-radius: 0.2rem;
  background-color: #2c2c2c;
}
.woocommerce .col2-set .cart__col .cart__items,
.woocommerce-page .col2-set .cart__col .cart__items {
  margin-top: 0;
}
.woocommerce .col2-set .cart__col .cart__item,
.woocommerce-page .col2-set .cart__col .cart__item {
  max-width: 34.2rem;
}
.woocommerce .col2-set .cart__col .cart__item-img,
.woocommerce-page .col2-set .cart__col .cart__item-img {
  min-width: 10rem;
  max-width: 10rem;
}
.woocommerce .col2-set .cart__col .cart__item-attributes,
.woocommerce-page .col2-set .cart__col .cart__item-attributes {
  max-width: 100%;
}
.woocommerce .col2-set .cart__col .cart__item .tc-value,
.woocommerce-page .col2-set .cart__col .cart__item .tc-value {
  text-align: right;
}
.woocommerce .col2-set .cart__col .cart__item-price,
.woocommerce-page .col2-set .cart__col .cart__item-price {
  max-width: 17rem;
}
.woocommerce .col2-set .cart__col .cart__item dt,
.woocommerce .col2-set .cart__col .cart__item dd,
.woocommerce-page .col2-set .cart__col .cart__item dt,
.woocommerce-page .col2-set .cart__col .cart__item dd {
  font-size: 1.2rem;
}
.woocommerce .col2-set .cart__col .cart__item dt p,
.woocommerce .col2-set .cart__col .cart__item dd p,
.woocommerce-page .col2-set .cart__col .cart__item dt p,
.woocommerce-page .col2-set .cart__col .cart__item dd p {
  font-size: 1.2rem;
}
.woocommerce .col2-set .cart__col .cart__item .product__item-price .amount,
.woocommerce-page
  .col2-set
  .cart__col
  .cart__item
  .product__item-price
  .amount {
  font-size: 1.8rem;
}

.woocommerce-form-login-toggle {
  display: none;
}

/* Контейнер варіантів доставки */
.custom-shipping-options {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-top: 2rem;
}
.custom-shipping-options label > input[type="radio"] {
  display: none;
}
.custom-shipping-options label > input[type="radio"]::before {
  display: none;
}
.custom-shipping-options label::before {
  content: "";
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 8px;
  vertical-align: middle;
  background-image: url(../img/icons/radio.svg);
  background-size: cover;
}
.custom-shipping-options label > input[type="radio"]:checked + *::before {
  background-image: url(../img/icons/radio-active.svg);
}

/* Списки, заголовки */
.shipping-sub-options,
.shipping-address-field {
  margin-left: 2.4rem;
  margin-top: 1rem;
  display: none;
}

/* Радіо-кнопки стилізовані як зображення */
.input-radio + label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  user-select: none;
  font-size: 1.4rem;
  font-weight: 400;
}

.input-radio + label::before {
  content: "";
  display: inline-block;
  width: 1.4rem;
  min-width: 1.4rem;
  height: 1.4rem;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 50%;
  margin-right: 0.6rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/icons/radio.svg);
  background-size: cover;
}

.input-radio:checked + label::before {
  background-image: url(../img/icons/radio-active.svg);
}

.input-radio:disabled + label::before {
  background-color: #e9ecef;
}

.input-radio {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

#custom_delivery_type_field input[type="radio"] {
  position: relative;
  opacity: 1;
  z-index: 1;
  margin: 0;
}

#custom_delivery_type_field fieldset {
  padding: 1.5rem 1rem;
}
@media only screen and (max-width: 576px) {
  #custom_delivery_type_field fieldset {
    padding: 1rem 0.5rem;
  }
}
#custom_delivery_type_field fieldset label {
  padding: 0.5rem 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.4rem;
}
#custom_delivery_type_field fieldset label:hover input,
#custom_delivery_type_field fieldset label:focus input {
  box-shadow: unset !important;
}
#custom_delivery_type_field fieldset label input {
  accent-color: inherit;
  border-radius: 50%;
  box-shadow: unset !important;
}
#custom_delivery_type_field fieldset label input::before {
  content: "";
  display: inline-block;
  width: 1.3rem;
  min-width: 1.3rem;
  height: 1.3rem;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 50%;
  border-color: unset;
  margin-right: 0.6rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/icons/radio.svg);
  background-size: cover;
}
#custom_delivery_type_field fieldset label input:checked::before {
  background-image: url(../img/icons/radio-active.svg);
}

.woocommerce-notice--success {
  padding-top: 6rem;
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 8rem;
}
@media only screen and (max-width: 576px) {
  .woocommerce-notice--success {
    padding-top: 4rem;
    margin-bottom: 3rem;
  }
}

.woocommerce ul.order_details {
  margin-top: 2rem;
}

@media only screen and (max-width: 768px) {
  .woocommerce table.shop_table tr th:last-child,
  .woocommerce table.shop_table tr td:last-child {
    text-align: right;
  }
}

.woocommerce-order-details {
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .woocommerce ul.order_details {
    display: flex;
    gap: 2rem;
    flex-direction: column;
  }
  .woocommerce ul.order_details li {
    margin: 0 !important;
    padding-top: 2rem;
    border-top: 1px solid #d9d9d9 !important;
  }
}

.woocommerce ul.order_details::after,
.woocommerce ul.order_details::before {
  display: none;
}

.woocommerce .woocommerce-customer-details address {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}

@media only screen and (max-width: 992px) {
  .woocommerce-columns--addresses {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4rem;
  }
}

.woocommerce a.remove {
  color: #0d0e0e !important;
  font-size: 1.4rem;
  text-decoration: underline;
  font-weight: 400;
  text-align: right;
  width: auto;
  height: auto;
  transition: all 0.2s ease !important;
}
.woocommerce a.remove:hover {
  color: #3c4da1 !important;
  text-decoration: underline;
  background: none !important;
}

.woocommerce-order-received h5 {
  margin-bottom: 1rem;
}
.woocommerce-order-received .addresses {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: space-between;
}
.woocommerce-order-received .addresses::before,
.woocommerce-order-received .addresses::after {
  display: none !important;
}
.woocommerce-order-received .addresses > div {
  flex: calc(50% - 1rem);
}
@media only screen and (max-width: 768px) {
  .woocommerce-order-received .addresses > div {
    flex: 100%;
  }
}
.woocommerce-order-received table.shop_table {
  display: table;
}
.woocommerce-order-received table.shop_table thead th {
  color: #ffffff;
  background: #0d0e0e;
}
.woocommerce-order-received section {
  padding: 1rem 0;
}
.woocommerce-order-received ul.order_details {
  display: flex;
  margin-top: 4rem;
  flex-wrap: wrap;
}
.woocommerce-order-received ul.order_details li {
  border-right-style: solid;
}
@media only screen and (max-width: 768px) {
  .woocommerce-order-received ul.order_details {
    flex-direction: column;
  }
  .woocommerce-order-received ul.order_details li {
    border-right: none;
    text-align: center;
    padding: 1rem 0;
    margin: 0;
    border-top: 1px solid #0d0e0e;
  }
  .woocommerce-order-received ul.order_details li:last-of-type {
    border-top: 1px solid #0d0e0e;
  }
}

.woocommerce .lmp_load_more_button {
  margin-top: 6rem;
}
.woocommerce .lmp_products_loading {
  margin-top: 3rem;
}
.woocommerce nav.woocommerce-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-top: 4rem;
}
@media only screen and (max-width: 576px) {
  .woocommerce nav.woocommerce-pagination {
    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: #3c4da1;
  text-decoration: underline;
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
  padding: 0;
  font-size: 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: #808080;
  transition: all 0.2s ease;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus {
  color: #2c2c2c;
  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: #0d0e0e;
  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::before,
.woocommerce nav.woocommerce-pagination .prev.inactive::before {
  background-color: #808080;
}
.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: #0d0e0e;
  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: #808080;
}
.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: #3c4da1;
  text-decoration: underline;
}
.custom-pagination span,
.custom-pagination a {
  padding: 0;
  font-size: 2rem;
}
@media only screen and (max-width: 576px) {
  .custom-pagination span,
  .custom-pagination a {
    font-size: 1.8rem;
  }
}
.custom-pagination a {
  color: #808080;
  transition: all 0.2s ease;
}
.custom-pagination a:hover,
.custom-pagination a:focus {
  color: #2c2c2c;
  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;
  }
}

/* adaptive contacts */

@media only screen and (max-width: 768px) {
  .contacts__item:first-child .contacts__item-list {
    flex-wrap: wrap;
    gap: 2.5rem;
  }
  .contacts__block li svg {
    width: 1.6rem;
  }
  .contacts__item:first-child .contacts__item-list li + li {
    margin-top: 2rem;
  }
  .delivery__item {
    width: 100%;
  }
  .delivery__items-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
}

.page-id-11 .tc-associated-table-product .product-total {
  display: none;
}

.page-id-11 tfoot tr:nth-of-type(1) {
  display: none;
}

.cart__total .price {
  display: none;
}

.tm-has-options .tc-extra-product-options .tc-cell .tc-row .main-qty-div {
  display: none;
}
.tm-has-options .quantity {
  display: none;
}

.shipping_address.address_block {
  display: none;
}
#use_address {
  display: none;
}

.form-field.form-field-address {
  display: none !important;
}

.woocommerce-EditAccountForm .form-field:nth-of-type(5) {
  display: none !important;
}

/* Test popup */

.testModeContainer {
  position: fixed;
  bottom: 32px;
  right: 110px;
  z-index: 100;
}

.testModeContainer .testIcon {
  border-radius: 23px;
  border: 1px solid rgba(60, 77, 161, 0.3);
  background: #eff2f8;
  padding: 11px;
}
.testModeContainer .testPopup {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: 0.5s ease all;
  border-radius: 16px;
  border: 1px solid rgba(60, 77, 161, 0.3);
  background: rgba(239, 242, 248, 0.8);
  backdrop-filter: blur(8px);
  width: 298px;
  bottom: 64px;
  right: 0;
  padding: 12px 16px;
}
.testModeContainer .testPopup .testPopupHeader {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.testModeContainer .testPopup .testPopupHeader span {
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.testModeContainer .testPopup p {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.testModeContainer:hover .testPopup {
  opacity: 1;
  pointer-events: all;
}

@media only screen and (max-width: 768px) {
  .testModeContainer {
    right: 16px;
    bottom: 16px;
  }
}

/* Order page fixes */

body .tc-associated-table-product .tc-associated-table-product-indent {
  padding-left: 0;
}
body .tc-associated-table-product .tc-associated-table-product-indent {
  padding-left: 0;
  display: inline;
}

.woocommerce-order-details strong {
  font-weight: 400;
}
body .tc-associated-table-product-name {
  font-weight: 400;
}

body #dsabafw_shipping_popup {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999999px;
  top: -999999px;
  background-color: transparent !important;
}
[data-uniqid="68be8cd80e1007.56008922"] .tc-row .tm-element-description {
  order: 5;
}
[data-uniqid="68be8cd80e1007.56008922"] .tc-row h3 {
  order: -1;
}
[data-uniqid="68be8cd80e1007.56008922"] .tc-row .tc-element-container {
  order: 2;
}

.myAccountTitle {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 16px;
}
.telegramPopup {
  padding: 16px;
  background: rgba(60, 77, 161, 0.1);
  margin-bottom: 24px;
}
.telegramPopup p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #3c4da1;
}
.telegramPopup p a {
  text-decoration: underline;
}
.afreg_extra_fields h3 {
  display: none;
}
.woocommerce-price-additional {
  color: #808080;
  transform: translateX(-5px);
  font-size: 1.6rem;
}
@media only screen and (max-width: 576px) {
  .woocommerce-price-additional {
    color: #808080;
    transform: translateX(-5px);
    font-size: 1.2rem;
  }
}
.cart__item-qty-bttns {
  display: none !important;
}

/* New product */

.product-page {
  padding-top: 24px;
  padding-bottom: 120px;
}
@media screen and (max-width: 1200px) {
  .product-page {
    padding-bottom: 46px;
  }
}
.product-page .container {
  max-width: 1220px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .product-page .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.product-page .product-header {
  display: grid;
  gap: 32px;
  margin-block: 24px;
}
@media screen and (max-width: 1200px) {
  .product-page .product-header {
    gap: 16px;
  }
}
.product-page .product-gallery {
  position: relative;
  overflow: visible;
}
.product-page .gallery-scroller {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-right: calc((100vw - 1220px) / -2);
}
.product-page .gallery-scroller::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
@media screen and (max-width: 1200px) {
  .product-page .gallery-scroller {
    margin-right: 0;
    gap: 12px;
  }
}
.product-page .gallery-item {
  flex: 0 0 503px;
  scroll-snap-align: start;
  min-width: 0;
}
@media screen and (max-width: 1200px) {
  .product-page .gallery-item {
    flex-basis: calc((100% - 24px) / 3);
  }
}
@media screen and (max-width: 768px) {
  .product-page .gallery-item {
    flex-basis: 100%;
  }
}
.product-page .gallery-item img {
  display: block;
  min-width: 0;
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 1200px) {
  .product-page .gallery-item img {
    height: 260px;
  }
}
@media screen and (max-width: 768px) {
  .product-page .gallery-item img {
    height: auto;
    aspect-ratio: 1/1;
  }
}
@media screen and (max-width: 1200px) {
  .product-page .product-info {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title title" "price fav";
    row-gap: 16px;
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
}
.product-page .product-info .title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 1200px) {
  .product-page .product-info .title-row {
    display: contents;
  }
}
.product-page .product-info .title-row h1 {
  max-width: 913px;
  font-size: 40px;
  font-weight: 600;
  color: #0d0e0e;
}
@media screen and (max-width: 1200px) {
  .product-page .product-info .title-row h1 {
    grid-area: title;
    max-width: 100%;
    font-size: 20px;
    line-height: 1.2;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
}
.product-page .product-info .favorite-btn {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  margin-top: 14px;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  color: #0d0e0e;
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: 0;
}
@media screen and (max-width: 1200px) {
  .product-page .product-info .favorite-btn {
    grid-area: fav;
    margin-top: 0;
    align-self: center;
    justify-self: end;
  }
}
.product-page .product-info .favorite-btn .favorite-icon {
  display: flex;
}
.product-page .product-info .favorite-btn .favorite-icon svg {
  width: 26px;
  height: 26px;
  display: block;
}
.product-page .product-info .favorite-btn .favorite-outline {
  fill: currentColor;
  transition: opacity 0.2s ease;
  opacity: 1;
}
.product-page .product-info .favorite-btn .favorite-fill {
  fill: currentColor;
  transition: opacity 0.2s ease;
  opacity: 0;
}
.product-page .product-info .favorite-btn.is-active .favorite-outline {
  opacity: 0;
}
.product-page .product-info .favorite-btn.is-active .favorite-fill {
  opacity: 1;
}
.product-page .product-info .main-price {
  display: flex;
  -moz-column-gap: 7px;
  column-gap: 7px;
  margin-top: 16px;
  font-size: 25px;
  font-weight: 600;
  color: #0d0e0e;
}
@media screen and (max-width: 1200px) {
  .product-page .product-info .main-price {
    grid-area: price;
    margin-top: 0;
    align-self: center;
    font-size: 20px;
  }
}
.product-page .product-info .main-price .currency {
  font-size: 16px;
  font-weight: 400;
  color: #808080;
}
.product-page .config-row {
  margin-bottom: 16px;
  border-radius: 8px;
  background: #f6f6f6;
}
.product-page .config-row .row-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px;
  background: #f6f6f6;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .product-page .config-row .row-header {
    padding: 24px 16px;
  }
}
.product-page .config-row .row-header .row-title {
  text-align: left;
  font-size: 24px;
  font-weight: 600;
  color: #0d0e0e;
}
@media screen and (max-width: 1200px) {
  .product-page .config-row .row-header .row-title {
    font-size: 20px;
  }
}
.product-page .config-row .row-header .arrow-icon svg {
  width: 26px;
  height: 26px;
  display: block;
  transform: rotate(-180deg);
  transition: transform 0.2s ease;
}
.product-page .config-row .row-content {
  display: none;
  padding: 0 32px 24px;
}
@media screen and (max-width: 1200px) {
  .product-page .config-row .row-content {
    padding: 0 16px 24px;
  }
}
.product-page .config-row.active .row-header {
  padding: 24px 32px 16.5px;
}
@media screen and (max-width: 1200px) {
  .product-page .config-row.active .row-header {
    padding: 24px 16px;
  }
}
.product-page .config-row.active .row-header .arrow-icon svg {
  transform: rotate(0deg);
}
.product-page .config-row.active .row-content {
  display: block;
}
.product-page .field-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.product-page .field-group label {
  font-size: 14px;
  font-weight: 600;
  color: #2c2c2c;
}
.product-page .field-group input {
  height: 40px;
  padding: 0 10px;
  border-radius: 3px;
  border: 1px solid #d4d4d4;
  font-size: 14px;
  color: #0d0e0e;
  background: transparent;
}
.product-page .field-group input::placeholder{
  font-size: 14px;
  color: #0d0e0e;
  opacity: 0.5;
}
.product-page .field-group input:disabled {
  cursor: not-allowed;
}
.product-page .field-group input[type="number"] {
  -moz-appearance: textfield;
}
.product-page .field-group input[type="number"]::-webkit-outer-spin-button,
.product-page .field-group input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product-page .input-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 69px 1fr 1fr 1fr;
  gap: 16px;
  margin-bottom: 16.5px;
}
@media screen and (max-width: 1200px) {
  .product-page .input-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .product-page .input-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.product-page .select-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media screen and (max-width: 1200px) {
  .product-page .select-grid {
    grid-template-columns: 1fr;
  }
}
.product-page .ui-number {
  position: relative;
  display: block;
}
.product-page .ui-number input {
  width: 100%;
}
.product-page .ui-number .ui-number-btn {
  position: absolute;
  right: 10px;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
  background: transparent;
  color: #808080;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.product-page .ui-number .ui-number-btn:hover {
  color: #0d0e0e;
}
.product-page .ui-number .ui-number-btn:active {
  transform: translateY(1px);
}
.product-page .ui-number .ui-number-up {
  top: 4px;
}
.product-page .ui-number .ui-number-down {
  bottom: 4px;
}
.product-page .ui-select {
  position: relative;
  width: 100%;
}
.product-page .ui-select-native {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  left: 0;
  top: 0;
}
.product-page .ui-select-btn {
  width: 100%;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 8px;
  border-radius: 3px;
  border: 1px solid #d4d4d4;
  outline: none;
  text-align: left;
  font-size: 14px;
  color: #0d0e0e;
  background: transparent;
  cursor: pointer;
}
.product-page .ui-select-value {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  font-size: 14px;
  color: #0d0e0e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-page .ui-select-value b {
  font-weight: 600;
  color: #3c4da1;
}
.product-page .ui-select-chev {
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  transition: transform 0.2s ease;
}
.product-page .ui-select.is-open .ui-select-chev {
  transform: rotate(-180deg);
}
.product-page .ui-select.is-open .ui-select-drop {
  display: block;
}
.product-page .ui-select-drop {
  display: none;
  position: absolute;
  z-index: 30;
  left: 0;
  right: 0;
  top: calc(100% - 3px);
  border: 1px solid #d4d4d4;
  background: #f6f6f6;
  max-height: 260px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.product-page .ui-select-opt {
  width: 100%;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
  cursor: pointer;
}
.product-page .ui-select-opt:hover {
  background: #d4d4d4;
}
.product-page .ui-select-opt-text {
  font-size: 16px;
  color: #1f1f1f;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .product-page .ui-select-opt-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: normal;
  }
}
.product-page .ui-select-opt-price {
  font-size: 16px;
  font-weight: 700;
  color: #334195;
  white-space: nowrap;
}
.product-page .impost-section {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #d4d4d4;
}
.product-page .impost-section h3 {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 600;
  color: #0d0e0e;
}
.product-page .impost-section .services-grid {
  display: grid;
  grid-template-columns: 336px 336px;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .product-page .impost-section .services-grid {
    grid-template-columns: 1fr;
  }
}
.product-page .impost-section .impost-controls {
  display: grid;
  grid-template-columns: 300px 195px 195px;
  gap: 16px;
  align-items: end;
}
@media screen and (max-width: 768px) {
  .product-page .impost-section .impost-controls {
    grid-template-columns: 1fr;
  }
}
.product-page .impost-section .impost-controls .field-group label {
  color: #515151;
}
.product-page .impost-section .radio-title {
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #0d0e0e;
}
.product-page .impost-section .radios {
  display: flex;
  gap: 93px;
  flex-wrap: wrap;
}
.product-page .impost-section .radios.compact {
  gap: 18px;
}
.product-page .impost-section .radio-item {
  display: grid;
  grid-template-columns: 16px auto;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 4px;
  cursor: pointer;
}
.product-page .impost-section .radio-item input[type="radio"] {
  transform: translateY(1px);
  width: 14px;
  height: 14px;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 50%;
  border: 2px solid #3c4da1;
  background: #fff;
  display: inline-grid;
  place-items: center;
}
.product-page .impost-section .radio-item input[type="radio"]::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3c4da1;
  transform: scale(0);
  transition: transform 0.15s ease;
}
.product-page .impost-section .radio-item input[type="radio"]:checked::after {
  transform: scale(1);
}
.product-page .impost-section .radio-item span {
  font-size: 14px;
  font-weight: 600;
  color: #0d0e0e;
  transition: color 0.15s ease;
}
.product-page .impost-section .radio-item small {
  display: flex;
  align-items: flex-end;
  grid-column: 2/3;
  -moz-column-gap: 7px;
  column-gap: 7px;
  font-size: 16px;
  font-weight: 600;
  color: #0d0e0e;
}
.product-page .impost-section .radio-item small .currency {
  font-weight: 400;
  color: #515151;
}
.product-page .impost-section .radio-item input[type="radio"]:checked + span {
  color: #3c4da1;
}
.product-page .add-row-btn {
  width: 100%;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 11px 23px;
  border-radius: 3px;
  border: 1px solid #3c4da1;
  background: #fff;
  color: #334195;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.product-page .add-row-btn span {
  display: flex;
}
.product-page .add-row-btn:hover {
  color: #fff;
  border: 1px solid transparent;
  background: #3c4da1;
}
.product-page .add-row-btn:hover svg path {
  fill: #fff;
}
.product-page .product-footer-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .product-page .product-footer-actions {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
.product-page .product-footer-actions button {
  height: 44px;
  border-radius: 3px;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid transparent;
}
.product-page .product-footer-actions .btn-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  background: #fff;
  border-color: #334195;
  color: #334195;
  transition: all 0.2s ease;
}
.product-page .product-footer-actions .btn-secondary:hover {
  color: #fff;
  border: 1px solid transparent;
  background: #334195;
}
.product-page .product-footer-actions .btn-secondary:hover svg path {
  fill: #fff;
}
.product-page .product-footer-actions .btn-primary {
  background: #3c4da1;
  border-color: #3c4da1;
  color: #fff;
  transition: all 0.2s ease;
}
.product-page .product-footer-actions .btn-primary:hover {
  color: #3c4da1;
  background: #fff;
  border-color: #3c4da1;
}
.product-page .product-description {
  margin-top: 22px;
}
.product-page .product-description .tabs {
  display: flex;
  align-items: center;
  gap: 46px;
}
.product-page .product-description .tabs button {
  position: relative;
  padding: 10px 0;
  font-size: 24px;
  font-weight: 600;
  color: #808080;
  cursor: pointer;
  background-color: transparent;
}
.product-page .product-description .tabs button.active {
  color: #0d0e0e;
}
.product-page .product-description .tab-content {
  padding-top: 24px;
  font-size: 18px;
  font-weight: 400;
  color: #0d0e0e;
}
.product-page .product-description .tab-content .tab-pane {
  display: none;
}
.product-page .product-description .tab-content .tab-pane.active {
  display: block;
}
.product-page input,
.product-page textarea {
  padding: 0;
}

/* Popup gallery */

.gallery-thumb {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}

.product-lightbox {
  position: fixed;
  width: 100%;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(16px, 3vw, 40px);
  background: radial-gradient(
      110% 110% at 50% 50%,
      rgba(255, 255, 255, 0.08),
      rgba(4, 11, 32, 0.78)
    )
    rgba(7, 12, 26, 0.75);
  backdrop-filter: blur(12px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease;
  z-index: 1000;
}

.product-lightbox.is-open {
  opacity: 1;
  pointer-events: auto;
}

.lightbox-backdrop {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.lightbox-frame {
  position: relative;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.08),
    rgba(255, 255, 255, 0.02)
  );
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  box-shadow:
    0 25px 80px rgba(0, 0, 0, 0.35),
    0 0 1px rgba(255, 255, 255, 0.5);
  padding: clamp(14px, 2vw, 24px);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: clamp(8px, 1.5vw, 16px);
  width: min(94vw, 1100px);
  z-index: 2;
}

.lightbox-canvas {
  position: relative;
  background: radial-gradient(
    140% 140% at 50% 50%,
    rgba(255, 255, 255, 0.05),
    rgba(0, 0, 0, 0.35)
  );
  border-radius: 14px;
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.lightbox-canvas img {
  max-width: 100%;
  max-height: 80vh;
  object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.35);
}

.lightbox-counter {
  position: absolute;
  right: 12px;
  bottom: 12px;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: 0.05em;
}

.lightbox-nav {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  display: grid;
  place-items: center;
  transition:
    transform 160ms ease,
    background 160ms ease,
    border-color 160ms ease;
  cursor: pointer;
}

.lightbox-nav:hover,
.lightbox-nav:focus-visible {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.28);
}

.lightbox-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 20px;
  line-height: 1;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition:
    transform 160ms ease,
    background 160ms ease,
    border-color 160ms ease;
}

.lightbox-close:hover,
.lightbox-close:focus-visible {
  transform: scale(1.05);
  background: rgba(0, 0, 0, 0.55);
  border-color: rgba(255, 255, 255, 0.28);
}

@media (max-width: 768px) {
  .lightbox-frame {
    grid-template-columns: 1fr;
    padding: 64px 16px;
  }

  .lightbox-nav {
    position: absolute;
    bottom: 14px;
  }

  .lightbox-nav.prev {
    left: 14px;
  }

  .lightbox-nav.next {
    right: 14px;
  }
}

body.is-locked {
  overflow: hidden;
}

/* Header new */

.header {
  position: sticky;
  top: 0;
  z-index: 100;
}
.header button {
  background-color: transparent;
}

.header .pre-header {
  width: 100%;
  background-color: #3c4da1;
  padding: 12px;
}
.header .pre-header .links {
  width: 1220px;
  margin-inline: auto;
}
.header .pre-header .links a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #fff;
}
.header .pre-header .links a:hover,
.header .pre-header .links a.active {
  text-decoration: underline;
}
.header .pre-header .links ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .header-main {
  background: var(--ffffff, #fff);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
}
.header .header-main .container {
  width: 1440px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 15px;
}
.header .header-main .container .openMenu {
  display: flex;
  gap: 10px;
  align-items: center;
}
.header .header-main .container .openMenu,
.header .header-main .container .openMobileMenu {
  color: #0d0e0e;
}
.header .header-main .container .openMenu .burgerIcon,
.header .header-main .container .openMobileMenu .burgerIcon {
  display: block;
}
.header .header-main .container .openMenu .burger-line,
.header .header-main .container .openMobileMenu .burger-line {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  transform-box: fill-box;
  transform-origin: 50% 50%;
  transition:
    transform 0.25s ease,
    opacity 0.2s ease;
}
.header .header-main .container .openMenu.is-active .line-1,
.header .header-main .container .openMobileMenu.is-active .line-1 {
  transform: translateY(6px) rotate(45deg);
}
.header .header-main .container .openMenu.is-active .line-2,
.header .header-main .container .openMobileMenu.is-active .line-2 {
  opacity: 0;
}
.header .header-main .container .openMenu.is-active .line-3,
.header .header-main .container .openMobileMenu.is-active .line-3 {
  transform: translateY(-6px) rotate(-45deg);
}
.header .header-main .container .openMenu span,
.header .header-main .container .openMobileMenu span {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #0d0e0e;
}
.header .header-main .container .buttons {
  display: flex;
  align-items: center;
  gap: 20px;
}
.header .header-main .container .buttons .openMobileMenu {
  display: none;
}
.header .headerPopup {
  width: 100dvw;
  height: calc(100dvh - 60px);
  position: absolute;
  pointer-events: none;
  z-index: 100;
}
.header .headerPopup .container {
  transform: translateX(-100%);
  display: flex;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
.header .headerPopup.active {
  pointer-events: all;
}
.header .headerPopup.active .container {
  transform: translateX(0);
}
.header .headerPopup .mainMenu {
  background-color: #eff2f8;
  box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.16);
  padding: 41px 16px 49px 65px;
  height: 100%;
  box-sizing: border-box;
  max-height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.header .headerPopup .mainMenu h3 {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #3c4da1;
  margin-bottom: 16px;
}
.header .headerPopup .mainMenu .mainMenuLinks {
  padding-bottom: 40px;
}
.header .headerPopup .mainMenu .mainMenuLinks ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.header .headerPopup .mainMenu .mainMenuLinks a {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #0d0e0e;
  width: 100%;
  justify-content: space-between;
  cursor: pointer;
}
.header .headerPopup .mainMenu .mainMenuLinks a:hover {
  color: #3c4da1;
}
.header .headerPopup .additionalMenu {
  background-color: #fff;
  height: 100%;
  padding: 42px 24px;
  flex-grow: 1;
  box-sizing: border-box;
  max-height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  transition:
    opacity 0.3s ease,
    background-color 0.3s ease;
}
.header .headerPopup .additionalMenu.has-active {
  opacity: 1;
  background-color: #fff;
}
.header .headerPopup .additionalMenu:not(.has-active) {
  background-color: transparent;
}
.header .headerPopup .additionalMenu [data-submenu-id] {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateX(8px);
  transition:
    max-height 0.3s ease,
    opacity 0.25s ease,
    transform 0.25s ease;
}
.header .headerPopup .additionalMenu [data-submenu-id].active {
  max-height: 1200px;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}
.header .headerPopup .additionalMenu ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.header .headerPopup .additionalMenu ul a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #0d0e0e;
}
.header .headerPopup .additionalMenu ul a:hover {
  color: #3c4da1;
}
.header .headerPopup .additionalMenu ul a.mainLink {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #3c4da1;
}
.mobileMenu {
  display: none;
}

body.menu-open,
body.scroll-locked {
  overflow: hidden;
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
}

@media screen and (max-width: 1200px) {
  .header .pre-header {
    display: none;
  }
  .header .header-main .container {
    padding-inline: 16px;
    width: 100%;
  }
  .header .header-main .container .openMenu {
    display: flex;
    gap: 10px;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .header .header-main {
    position: relative;
    z-index: 99;
  }
  .header .header-main .container {
    padding-block: 20px;
  }
  .header .header-main .container .main {
    display: none;
  }
  .header .header-main .container .buttons {
    gap: 16px;
  }
  .header .header-main .container .buttons .openMobileMenu {
    display: block;
  }
  .header .header-main .container .buttons svg {
    width: 20px;
  }
  .header .header-main .container .logo svg {
    height: 27px;
  }
  .mobileMenu {
    height: calc(100dvh - 64px);
    width: 100dvw;
    background-color: #eff2f8;
    padding: 24px 16px;
    pointer-events: none;
    transform: translateX(100%);
    position: absolute;
    z-index: 100;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    display: block;
    bottom: 0;
  }
  .mobileMenu.active {
    transform: translateX(0);
    pointer-events: all;
  }
  .mobileMenu .mainMenu h3 {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #3c4da1;
    margin-bottom: 16px;
  }
  .mobileMenu .mainMenu .mainMenuLinks {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 24px;
  }
  .mobileMenu .mainMenu .mainMenuLinks ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .mobileMenu .mainMenu .mainMenuLinks ul a {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #0d0e0e;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 70%;
  }
  .mobileMenu .mainMenu .mainMenuLinks ul a svg {
    transform-origin: center;
  }
  .mobileMenu .mainMenu .mainMenuLinks ul a.active svg {
    transform: rotate(90deg);
  }
  .mobileMenu .mainMenu .submenu {
    background-color: #fff;
    width: calc(100% + 32px);
    margin-left: -16px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 0;
    padding: 0 16px;
    pointer-events: none;
    transition:
      max-height 0.3s ease,
      opacity 0.25s ease,
      margin-top 0.25s ease,
      padding 0.25s ease;
  }
  .mobileMenu .mainMenu .submenu.active {
    max-height: 1200px;
    opacity: 1;
    margin-top: 16px;
    padding: 16px;
    pointer-events: auto;
  }
  .mobileMenu .mainMenu .submenu a.mainLink {
    color: #3c4da1;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .mobileMenu .additionalMenu {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 24px;
  }
  .mobileMenu .additionalMenu a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #3c4da1;
  }
  .mobileMenuContainer {
    width: 100dvw;
    height: calc(100dvh - 67px);
    overflow: hidden;
    position: fixed;
    top: 67px;
    left: 0;
    pointer-events: none;
    z-index: 999;
    display: block;
  }
  .mobileMenuContainer.active {
    pointer-events: all;
  }
}

/* New cart */

.checkoutPopup {
  width: 100dvw;
  height: calc(100dvh - 102px);
  background: rgba(217, 217, 217, 0.3);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  position: fixed;
  top: 102px;
  opacity: 0;
  pointer-events: none;
  z-index: 1000;
}
.checkoutPopup.active {
  opacity: 1;
  pointer-events: all;
}
.checkoutPopup .container {
  border-radius: 16px;
  background: #fff;
  width: 1015px;
  height: auto;
  max-height: calc(100% - 80px);
  overflow: auto;
  margin: auto;
  margin-top: 30px;
  padding: 32px;
  overflow-x: hidden;
}
.checkoutPopup .container .cartheader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #d4d4d4;
}
.checkoutPopup .container .cartheader h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.checkoutPopup .container .main {
  padding-block: 24px;
}
.checkoutPopup .container .main .products {
  display: flex;
  flex-direction: column;
}
.checkoutPopup .container .main .products .product {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  width: 100%;
}
.checkoutPopup .container .main .products .product .productActions {
  width: calc(100% - 112px);
}
.checkoutPopup .container .main .products .product:nth-last-of-type(1) {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.checkoutPopup .container .main .products .product .photo {
  width: 106px;
  flex-shrink: 0;
}
.checkoutPopup .container .main .products .product .photo .photoContainer {
  width: 100%;
  aspect-ratio: 106/112;
  height: auto;
}
.checkoutPopup .container .main .products .product .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.checkoutPopup .container .main .products .product .productContent {
  display: flex;
  gap: 95px;
  justify-content: space-between;
}
.checkoutPopup .container .main .products .product .productContent h3 {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #0d0e0e;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productContent
  .productHeader {
  display: flex;
  gap: 24px;
  align-items: center;
  height: 44px;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productContent
  .productHeader
  .additionalArea {
  display: flex;
  gap: 24px;
  align-items: center;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productContent
  .productHeader
  .qtyItem {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productContent
  .productHeader
  .qtyItem
  .qtyInput {
  text-align: center;
  color: #0d0e0e;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productContent
  .productHeader
  .qtyItem
  .qtyInput::-webkit-outer-spin-button,
.checkoutPopup
  .container
  .main
  .products
  .product
  .productContent
  .productHeader
  .qtyItem
  .qtyInput::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productContent
  .productHeader
  .qtyItem
  .qtyInput[type="number"] {
  -moz-appearance: textfield;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productContent
  .productHeader
  .qtyItem
  .arrows {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productContent
  .productHeader
  .qtyItem
  .arrows
  .qtyBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 22px;
  padding: 0;
  border-radius: 6px;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productContent
  .productHeader
  .qtyItem
  .arrows
  .qtyBtn:hover {
  background: #e2e7f3;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productContent
  .productHeader
  .qtyItem
  .arrows
  .qtyBtn:active {
  background: #d7deef;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productContent
  .productHeader
  .priceItem {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productContent
  .productHeader
  .priceItem
  .price {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #0d0e0e;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productContent
  .productHeader
  .priceItem
  .currency {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #808080;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productContent
  .productHeader
  .showMoreButton {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 3px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 6px;
  background: #eff2f8;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productContent
  .productHeader
  .showMoreButton.active {
  transform: rotate(180deg);
}
.checkoutPopup .container .main .products .product .productAdditional {
  margin-top: 0;
  width: 100%;
  background: #f6f6f6;
  max-height: 0;
  overflow: hidden;
  transition: 0.6s ease all;
}
.checkoutPopup .container .main .products .product .productAdditional.active {
  max-height: 1000px;
  margin-top: 16px;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productAdditional
  .containerAdditional {
  border-top: 1px solid var(--d-5-d-5-d-5, #d4d4d4);
  padding: 16px 8px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.checkoutPopup .container .main .products .product .productAdditional .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productAdditional
  .item
  .name {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #2c2c2c;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productAdditional
  .item
  .name
  p {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productAdditional
  .item
  .price {
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #2c2c2c;
  white-space: nowrap;
}
.checkoutPopup
  .container
  .main
  .products
  .product
  .productAdditional
  .item
  .price
  span {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.checkoutPopup .container .main .products .product .delete {
  margin-top: 8px;
  display: flex;
  gap: 8px;
  align-items: center;
  background-color: transparent;
}
.checkoutPopup .container .main .products .product .delete span {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #ff3838;
}
.checkoutPopup .container .cartFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  border-top: 1px solid #d4d4d4;
}
.checkoutPopup .container .cartFooter .rightBlock {
  display: flex;
  align-items: center;
  gap: 24px;
}
.checkoutPopup .container .cartFooter .rightBlock .totals {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #0d0e0e;
}
.checkoutPopup .container .cartFooter .rightBlock .totals span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #808080;
}

@media screen and (max-width: 1200px) {
  .checkoutPopup {
    height: calc(100dvh - 64px);
    top: 64px;
  }
  .checkoutPopup .container {
    border-radius: 16px;
    background: #fff;
    width: calc(100% - 32px);
    height: auto;
    max-height: calc(100% - 80px);
    overflow: auto;
    margin: auto;
    margin-top: 30px;
    padding: 32px;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 768px) {
  .checkoutPopup .container .cartheader h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .checkoutPopup .container .main {
    padding-block: 16px;
  }
  .checkoutPopup .container .main .products .product {
    margin-bottom: 4px;
    padding-bottom: 4px;
    flex-direction: column;
    position: relative;
  }
  .checkoutPopup .container .main .products .product .productActions {
    width: 100%;
  }
  .checkoutPopup .container .main .products .product .photo {
    width: 70px;
  }
  .checkoutPopup .container .main .products .product .photo .photoContainer {
    aspect-ratio: 70/74;
  }
  .checkoutPopup .container .main .products .product .productContent {
    flex-direction: column;
    gap: 8px;
    justify-content: space-between;
  }
  .checkoutPopup .container .main .products .product .productContent h3 {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .checkoutPopup
    .container
    .main
    .products
    .product
    .productContent
    .productHeader {
    gap: 16px;
    justify-content: space-between;
  }
  .checkoutPopup
    .container
    .main
    .products
    .product
    .productContent
    .productHeader
    .additionalArea {
    display: flex;
    gap: 24px;
    align-items: center;
  }
  .checkoutPopup .container .main .products .product .delete {
    position: absolute;
    top: 16px;
    right: 0;
  }
  .checkoutPopup .container .cartFooter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
    border-top: 1px solid #d4d4d4;
  }
  .checkoutPopup .container .cartFooter > button {
    display: none;
  }
  .checkoutPopup .container .cartFooter .rightBlock {
    display: flex;
    align-items: end;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
  .checkoutPopup .container .cartFooter .rightBlock button {
    width: 100%;
  }
  .checkoutPopup .container .cartFooter .rightBlock .totals {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #0d0e0e;
  }
  .checkoutPopup .container .cartFooter .rightBlock .totals span {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #808080;
  }
}

.buttonClassic {
  display: inline-flex;
  padding: 11px 23px 12px 23px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 3px;
  border: 1px solid #3c4da1;
  color: var(--Blue, #3c4da1);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.32px;
}
.buttonClassic.filled,
.buttonClassic:hover {
  background-color: #3c4da1;
  color: #fff;
}
.buttonClassic.filled:hover {
  color: var(--Blue, #3c4da1);
  background-color: transparent;
}

.checkoutPopup button {
  background-color: transparent;
  border: none;
}

.checkoutPopup input {
  margin: 0;
  padding: 0;
  border: none;
}

/* Checkout cart (inline) */
.woocommerce .checkout .col2-set .checkout__form-fields {
  flex: 1 1 0;
}
.woocommerce .checkout .col2-set .checkout__cart {
  flex: 0 0 50%;
  max-width: 50%;
  width: 50%;
  min-width: 560px;
}
.checkoutPopup.checkoutPopup--inline {
  position: static;
  width: 100%;
  height: auto;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  opacity: 1;
  pointer-events: auto;
  z-index: auto;
  top: auto;
}
.checkoutPopup.checkoutPopup--inline .container {
  width: 100%;
  max-height: none;
  margin: 0;
  padding: 24px;
}
@media screen and (max-width: 880px) {
  .woocommerce .checkout .col2-set {
    flex-direction: column;
  }
  .woocommerce .checkout__form-fields {
    width: 100%;
    max-width: 100%;
  }
  .woocommerce .checkout .col2-set .checkout__cart {
    width: 100%;
    max-width: 100%;
    order: -1;
    min-width: initial;
  }
}
.checkoutPopup .container .main .products .product .productActions {
  position: static;
}
.woocommerce .checkout .col2-set .checkout__cart .cartFooter {
  display: none;
}
.woocommerce
  .checkout
  .col2-set
  .checkoutPopup.checkoutPopup--inline
  .container {
  padding: 0;
}

/* new thank you */

.thankYouSection {
  display: flex;
}
.thankYouSection .content {
  width: 50%;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  align-items: center;
  height: 100dvh;
  justify-content: end;
  background-color: #eff2f8;
}
.thankYouSection .content .container {
  max-width: 503px;
  margin-inline: 107px;
}
.thankYouSection .content .container h1 {
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #3c4da1;
  margin-bottom: 16px;
}
.thankYouSection .content .container p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #0d0e0e;
  margin-bottom: 24px;
}
.thankYouSection .content .container .buttons {
  display: flex;
  gap: 16px;
}
.thankYouSection .order {
  padding: 80px 32px;
  max-height: 100dvh;
  overflow-y: auto;
}
.thankYouSection .order .container {
  padding-right: 114px;
}
.thankYouSection .order h2 {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #3c4da1;
  margin-bottom: 16px;
}
.thankYouSection .order .products {
  display: flex;
  flex-direction: column;
}
.thankYouSection .order .products .product {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #d4d4d4;
}
.thankYouSection .order .products .product:nth-last-of-type(1) {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.thankYouSection .order .products .product .photo {
  width: 106px;
  flex-shrink: 0;
}
.thankYouSection .order .products .product .photo .photoContainer {
  width: 100%;
  aspect-ratio: 106/112;
  height: auto;
}
.thankYouSection .order .products .product .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.thankYouSection .order .products .product .productContent h3 {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 16px;
  color: #0d0e0e;
}
.thankYouSection .order .products .product .productContent .productHeader {
  display: flex;
  gap: 24px;
  align-items: center;
  height: 44px;
}
.thankYouSection
  .order
  .products
  .product
  .productContent
  .productHeader
  .additionalArea {
  display: flex;
  gap: 24px;
  align-items: center;
}
.thankYouSection
  .order
  .products
  .product
  .productContent
  .productHeader
  .qtyItem {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.thankYouSection
  .order
  .products
  .product
  .productContent
  .productHeader
  .qtyItem
  .arrows {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.thankYouSection
  .order
  .products
  .product
  .productContent
  .productHeader
  .priceItem {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.thankYouSection
  .order
  .products
  .product
  .productContent
  .productHeader
  .priceItem
  .price {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #0d0e0e;
}
.thankYouSection
  .order
  .products
  .product
  .productContent
  .productHeader
  .priceItem
  .currency {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #808080;
}
.thankYouSection
  .order
  .products
  .product
  .productContent
  .productHeader
  .showMoreButton {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 3px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 6px;
  background: #eff2f8;
}
.thankYouSection
  .order
  .products
  .product
  .productContent
  .productHeader
  .showMoreButton.active {
  transform: rotate(180deg);
}
.thankYouSection .order .products .product .productContent .productAdditional {
  margin-top: 16px;
  width: 100%;
  background: #f6f6f6;
  max-height: 0;
  overflow: hidden;
  transition: 0.6s ease all;
}
.thankYouSection
  .order
  .products
  .product
  .productContent
  .productAdditional.active {
  max-height: 1000px;
}
.thankYouSection
  .order
  .products
  .product
  .productContent
  .productAdditional
  .container {
  border-top: 1px solid var(--d-5-d-5-d-5, #d4d4d4);
  padding: 16px 8px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.thankYouSection
  .order
  .products
  .product
  .productContent
  .productAdditional
  .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.thankYouSection
  .order
  .products
  .product
  .productContent
  .productAdditional
  .item
  .name {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #2c2c2c;
}
.thankYouSection
  .order
  .products
  .product
  .productContent
  .productAdditional
  .item
  .price {
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #2c2c2c;
}

@media screen and (max-width: 1200px) {
  .thankYouSection {
    flex-direction: column;
  }
  .thankYouSection .order .container {
    padding-right: 0;
  }
  .thankYouSection .content {
    width: 100%;
    height: auto;
    justify-content: center;
  }
  .thankYouSection .content .container {
    max-width: 503px;
    margin-inline: 16px;
    margin-block: 80px 46px;
  }
}
@media screen and (max-width: 768px) {
  .thankYouSection .content .container h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
  }
  .thankYouSection .content .container p {
    text-align: center;
  }
  .thankYouSection .content .container .buttons {
    flex-direction: column;
  }
  .thankYouSection .order {
    padding: 24px 16px;
    max-height: none;
  }
  .thankYouSection .order h2 {
    display: none;
  }
  .thankYouSection .order .products {
    display: flex;
    flex-direction: column;
  }
  .thankYouSection .order .products .product {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
    padding-bottom: 0;
    border-bottom: none;
  }
  .thankYouSection .order .products .product .photo {
    width: 70px;
  }
  .thankYouSection .order .products .product .photo .photoContainer {
    aspect-ratio: 70/74;
  }
  .thankYouSection .order .products .product .productContent h3 {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 8px;
  }
  .thankYouSection .order .products .product .productContent .productHeader {
    justify-content: space-between;
  }
}

.thankYouSection {
  width: 100%;
  padding: 0;
}
.thankYouSection .content {
  max-width: 100%;
}
html {
  margin-top: 0 !important;
}

.active-calculator-pidvikonnya .product-page .input-grid {
  grid-template-columns: 1fr 1fr 100px 1fr 1fr;
}

@media screen and (max-width: 768px) {
  .active-calculator-pidvikonnya .product-page .input-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}