/*!
Theme Name:   Karpaty mix
Theme URI:    
Author:       Alex Shine
Author URI:   https://freelancehunt.com/freelancer/Alexey__Shyprow.html 
Description:  Файна для тема для інтернет магазину Karpaty mix
Version:      4.6.1
Tested up to: 6.7
Requires PHP: 5.6.0
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  storefront
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style

*/

:root {
  --black: #252525;
  --fone-white: #fffefb;
  --yellow: #ffce54;
  --green-light-light: #dbe0c3;
  --purple: #ede0ef;
  --grey-200: #9b9b9b;
  --Error: #fe7683;
  --container-padding: 40px;
  --container-padding-left: calc(50vw - 696px);
  --transition: 0.4s;
  --z-index-fone: 1;
  --z-index-container: 2;
  --z-index-header: 5;
  --z-index-popup: 9;
}

@font-face {
  font-family: "Gabriela";
  src: url("assets/fonts/Gabriela/Gabriela-Regular.ttf") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("assets/fonts/Montserrat/static/Montserrat-Regular.ttf") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("assets/fonts/Montserrat/static/Montserrat-SemiBold.ttf") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

body {
  background: var(--fone-white);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font: inherit;
  font-style: normal;
  font-family: Montserrat;
  font-weight: 400;
  color: var(--black);
}

main {
  padding-top: 128px;
}

section {
  position: relative;
}

.container {
  position: relative;
  z-index: var(--z-index-container);
  margin: 0 auto;
  width: 1400px;
  max-width: 100%;
  padding: 0 var(--container-padding);
}

header .container {
  height: auto;
}

input[type="radio"],
input[type="radio"]:active,
input[type="radio"]:hover,
input[type="radio"]:focus {
  color: var(--black);
  outline-color: var(--black);
}

h1 {
  font-family: Gabriela;
  font-size: 50px;
  line-height: 130%;
  /* 65px */
  text-transform: uppercase;
}

h2 {
  margin-bottom: 40px;
  font-family: Gabriela;
  font-size: 32px;
  line-height: 130%;
  /* 41.6px */
  text-transform: uppercase;
}

h3 {
  margin-bottom: 20px;
  font-family: Gabriela;
  font-size: 28px;
  line-height: 140%;
  /* 26px */
}

h4 {
  margin-bottom: 20px;
  font-family: Gabriela;
  font-size: 20px;
  line-height: 130%;
  /* 26px */
}

p {
  font-family: Montserrat;
  font-size: 18px;
  line-height: 140%;
  /* 25.2px */
}

.btn {
  display: block;
  width: fit-content;
  height: auto;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.btn--fone {
  position: static;
}

.btn--fone {
  transition: var(--transition);
  fill: var(--fone-white);
}

.btn-2 .btn--fone {
  fill: var(--yellow);
}

.btn--text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
}

.btn:hover .btn--fone {
  fill: var(--yellow);
}

.btn-2:hover .btn--fone {
  fill: var(--fone-white);
}

.btn--link {
  opacity: 0;
}

.a {
  transition: var(--transition);
  cursor: pointer;
  border-bottom: 2px solid transparent;
}

.a:hover {
  border-color: var(--black);
}

.box {
  display: flex;
  align-items: center;
  height: -webkit-fill-available;
}

.glide__arrow.glide__arrow--right {
  margin-top: -1px;
}

/* === header === */

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 112px;
  z-index: var(--z-index-header);
  transition: var(--transition);
}

@media (min-width: 881px) {
  header.hide-top {
    top: -44px;
  }
}

.header__bottom .box {
  gap: 12px;
  height: auto;
}

.header__top {
  height: 44px;
  background: var(--fone-white);
}

.header__humburger,
.header__phone {
  justify-content: center;
  gap: 8px;
  font-size: 16px;
  line-height: 140%;
  text-decoration: none;
  width: fit-content;
}

.header__humburger {
  margin-right: auto;
  width: 94px;
  height: 38px;
  cursor: pointer;
}

.header__humburger--text {
  padding-bottom: 3px;
}

.header__humburger--icon-active {
  display: none;
}

.header__humburger.active .header__humburger--icon-active {
  display: block;
}

.header__humburger.active .header__humburger--icon {
  display: none;
}

.header__humburger--icon,
.header__humburger--icon-active {
  width: 20px;
}

.header__logo {
  margin: 0 auto;
  position: absolute;
  left: calc(50% - 78px);
}

.header__bottom {
  padding: 8px 0;
  background: var(--purple);
}

.box.header__nav {
  margin-right: auto;
  gap: 32px;
}

.header__nav--a {
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
  width: fit-content;
}

.header__nav--a.red {
  color: var(--Error);
}

.header__search {
  width: 505px;
  height: 52px;
  position: relative;
  max-width: calc(100% - 700px);
}

.header__search--open {
  width: 44px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: var(--z-index-fone);
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__search--open:hover {
  cursor: pointer;
}

.header__search__body {
  position: relative;
  z-index: var(--z-index-container);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  height: 100%;
}

.header__search__body form {
  height: 100%;
}

.header__search__body.active {
  opacity: 1;
  visibility: visible;
}

.header__search--input {
  width: 100%;
  height: 100%;
  display: block;
  padding: 0 68px;
  border-radius: 4px;
  background: var(--fone-white);
  outline: none;
  border: none;
}

.header__search--input::placeholder {
  color: var(--grey-200);
}

.header__search--button,
.header__search--close {
  position: absolute;
  top: 0;
  z-index: var(--z-index-container);
  width: 44px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  cursor: pointer;
}

.header__search--button {
  left: 16px;
}

.header__search--close {
  right: 0;
}

.header__cart {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.header__cart li {
  list-style: none;
}

.header__cart li:nth-child(1) .count {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fedf91;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
}

.site-header-cart .cart-contents::after {
  display: none !important;
}

.header__cart .site-header-cart,
.site-header-cart .cart-contents {
  position: static !important;
}

.header__cart .widget_shopping_cart {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  padding: 0;
  z-index: var(--z-index-popup);
  overflow: hidden;
  border: none;
  background: transparent;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.header__cart .widget_shopping_cart.active {
  opacity: 1;
  visibility: visible;
}

.header__cart .woocommerce-mini-cart__empty,
.woocommerce-mini-cart__inner {
  position: relative;
  width: fit-content;
  height: fit-content;
  z-index: 9;
}

.mini-cart-pseudo {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 3;
  visibility: hidden;
}

.woocommerce-mini-cart__empty--fone,
.woocommerce-mini-cart--fone {
  position: relative;
  z-index: var(--z-index-fone);
}

.woocommerce-mini-cart__empty__box,
.woocommerce-mini-cart__box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--z-index-container);
  width: 100%;
  height: 100%;
  padding: 60px;
}

.woocommerce-mini-cart--h2 {
  margin-bottom: 60px;
}

.woocommerce-mini-cart__inner .woocommerce-mini-cart--h2 {
  margin-bottom: 40px;
}

.woocommerce-mini-cart--close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 60px;
  right: 60px;
  cursor: pointer;
}

.woocommerce-mini-cart--close:hover path {
  stroke: var(--Error);
}

.woocommerce-mini-cart__empty--img {
  display: block;
  margin: 0 auto 27px auto;
}

.woocommerce-mini-cart__empty--p {
  text-align: center;
  margin-bottom: 60px;
  color: var(--grey-200, #9b9b9b);
  font-size: 12px;
  font-weight: 600;
  line-height: 140%;
  /* 16.8px */
}

.woocommerce-mini-cart__empty--btn {
  margin: 0 auto;
}

.woocommerce-mini-cart__box {
  display: flex;
  flex-direction: column;
}

.woocommerce-mini-cart--count {
  margin-bottom: 12px;
}

.woocommerce-mini-cart--count,
.woocommerce-mini-cart--count span {
  color: var(--grey-200, #9b9b9b);
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  /* 16.8px */
}

ul.woocommerce-mini-cart {
  margin-bottom: 20px;
  margin-right: -20px;
  padding-right: 20px;
  max-height: calc(100vh - 530px) !important;
  position: relative;
  overflow-y: auto;
}

ul.woocommerce-mini-cart.full {
  max-height: calc(100vh - 430px) !important;
}

.woocommerce-mini-cart-item {
  padding: 8px 0 8px 142px;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
  list-style: none;
}

.woocommerce-mini-cart-item--img {
  width: 126px;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.woocommerce-mini-cart-item--name {
  text-decoration: none;
  margin-bottom: 8px;
  color: var(--black);
  font-family: Gabriela;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.woocommerce-mini-cart-item--img img {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: cover;
}

.mini-cart-qty {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.mini-cart-qty .qty-input {
  display: none;
}

.mini-cart-qty button {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  background: transparent;
}

.mini-cart-qty button.disable path {
  stroke: #9b9b9b;
}

.mini-cart-qty .pseudo-count {
  width: 24px;
  color: var(--black);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  /* 21.6px */
}

.remove.remove_from_cart_button {
  position: absolute;
  right: 2px;
  bottom: 18px;
  cursor: pointer;
}

.remove.remove_from_cart_button:hover path {
  stroke: var(--Error);
}

.woocommerce-mini-cart--extra {
  margin-bottom: 20px;
  color: var(--Error);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}

.woocommerce-mini-cart__total {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.woocommerce-mini-cart__total span,
.woocommerce-mini-cart__total span bdi,
.woocommerce-mini-cart__total .woocommerce-Price-currencySymbol {
  color: var(--black);
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  /* 24px */
}

.woocommerce-mini-cart__buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.header__account {
  margin-left: 32px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.header__menu {
  position: absolute;
  top: 5px;
  left: var(--container-padding);
  z-index: var(--z-index-popup);
  width: 509px;
  height: 474px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: var(--transition);
}

.header__menu--pseudo {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  background: rgba(0, 0, 0, 0.6);
  transition: var(--transition);
  cursor: pointer;
  width: 100vw;
  height: 100vh;
}

.header__menu.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.header__menu--pseudo.active {
  opacity: 1;
  visibility: visible;
}

.header__menu--fone {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--z-index-fone);
}

.header__menu .header__nav {
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.header--line {
  width: 100%;
  height: 1px;
  background: #e0e0e0;
}

/* === hero === */

.hero {
  margin-bottom: 110px;
  padding-top: 68px;
  min-height: 800px;
}

.hero--fone {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: var(--z-index-fone);
  width: 100%;
  height: auto;
  object-fit: cover;
}

.hero--h1 {
  margin: 0 auto 16px auto;
  width: 460px;
  text-align: center;
}

.hero--h4 {
  margin-bottom: 48px;
  text-align: center;
}

.hero--btn {
  margin: 0 auto;
}

/* === cats === */

.cats {
  margin-bottom: 40px;
}

.cats__box {
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.cats__item {
  max-width: calc(100% - 8px);
  width: 240px;
  height: 288px;
  padding: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  border: none;
}

.cats__item--fone {
  position: absolute;
  top: 0;
  left: 0;
}

.cats__item--fone path {
  transition: var(--transition);
}

.cats__item--img {
  margin: 0 auto 16px auto;
}

.cats__item--name {
  color: #241110;
}

.cats__item--name,
.cats__item--text {
  margin: 0;
  text-align: center;
  text-decoration: none;
}

.cats__item--text {
  width: 80px;
  display: flex;
  justify-content: center;
}

a.cats__item:hover {
  border-bottom: none;
}

.cats__item:hover .cats__item--fone path,
.cats__item.active .cats__item--fone path {
  stroke: #9a6e9d;
}

.cats__item--checkbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--z-index-container);
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.cats__item--checkbox:checked~.cats__item--fone path {
  stroke: #9a6e9d;
}

/* === advantages === */

.advantages {
  padding: 160px 0;
}

.advantages * {
  position: relative;
  z-index: var(--z-index-container);
}

.advantages--fone {
  position: absolute;
  top: -160px;
  left: -75px;
  z-index: var(--z-index-fone);
}

.advantages__box {
  margin-left: auto;
  width: 866px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 22px 12px;
}

.advantages__item {
  width: 427px;
  height: 415px;
  max-width: 100%;
  position: relative;
  padding: 48px 52px 24px 52px;
}

.advantages__item--fone {
  position: absolute;
  top: 0;
  left: 0;
}

.advantages__item--fone path {
  fill: #fffefb;
}

.advantages__item--icon {
  display: block;
  margin: 0 auto 32px auto;
}

.video-sec {}

.video-sec--video {
  position: relative;
  z-index: var(--z-index-fone);
  width: 100%;
  height: auto;
  border-radius: 20px;
}

.video-sec--img {
  position: absolute;
  object-fit: cover;
  z-index: var(--z-index-container);
}

.video-sec--img-1 {
  top: -48px;
  left: 0;
}

.video-sec--img-2 {
  right: 0;
  bottom: 0;
}

/* === about === */

.about {
  padding-top: 160px;
  padding-bottom: 160px;
  overflow: hidden;
}

.about--h2 {
  margin-bottom: 20px;
}

.about--p {
  width: 350px;
}

.about__box {
  margin-top: 36px;
  display: flex;
  gap: 120px;
  align-items: center;
}

.about__col-1 {
  max-width: calc(100% - 480px);
  width: 638px;
  position: relative;
}

.about__col-2 {
  width: 460px;
}

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

.about__box--svg {
  position: absolute;
  right: -73px;
  top: -35px;
  max-width: 35%;
  height: auto;
  object-fit: cover;
}

.about--btn {
  margin-top: 40px;
}

.about--img {
  position: absolute;
  z-index: var(--z-index-fone);
  right: 0;
  bottom: -10px;
}

/* === post-slider === */

.post-slider {
  padding: 160px 0;
}

.post-slider__box {
  padding-left: var(--container-padding);
  width: calc(100vw - var(--container-padding-left));
  max-width: 100%;
  margin-left: auto;
}

.glide__arrows {
  margin-top: 40px;
  width: 100%;
  height: 44px;
  padding-right: calc(var(--container-padding-left) + 60px);
  display: flex;
  justify-content: center;
  gap: 5px;
}

.glide__arrow {
  width: 44px;
  height: 44px;
  border: none;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.glide__arrow--disabled path {
  stroke: #e0e0e0;
}

.glide__arrow--left svg {
  transform: rotate(180deg);
}

.glide__arrow:hover path {
  stroke: var(--yellow);
}

.post-slider__item {
  width: 315px;
  height: 382px;
  position: relative;
  text-decoration: none;
}

.post-slider__item--cat {
  width: fit-content;
  padding: 8px 12px;
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: var(--z-index-container);
  background: var(--fone-white);
  border-radius: 100px;
  color: var(--black, #252525);
  font-size: 16px;
  white-space: nowrap;
}

.post-slider__item--img {
  margin-bottom: 20px;
  display: block;
  max-width: 100%;
  border-radius: 20px;
}

.post-slider__item--h4 {
  margin-bottom: 12px;
  height: 52px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: var(--transition);
}

.post-slider__item--h4:hover {
  text-decoration: underline;
}

.post-slider__item--p {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.post-slider--btn {
  margin: 20px auto 0 auto;
}

.post-slider__item--btn {
  margin-top: 36px;
  color: var(--black, #252525);
  text-align: center;

  /* Decktop/Button */
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 21.6px */
  text-align: left;
}

/* === faq === */

.faq {
  padding: 160px 0;
}

.faq__box {
  max-width: 100%;
  width: 720px;
  margin-left: auto;
  margin-right: 200px;
}

.faq__head {
  margin-bottom: 40px;
  display: flex;
  gap: 20px;
  align-items: center;
}

.faq__head--item {
  width: fit-content;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  border-radius: 50px;
  background: var(--fone-white);
  border: 2px solid #e0e0e0;
  transition: var(--transition);
  cursor: pointer;
  user-select: none;
}

.faq__head--item:hover,
.faq__head--item.active {
  background: var(--purple);
  border-color: transparent;
}

.faq__tab {
  display: none;
  flex-direction: column;
  gap: 40px;
}

.faq__tab.active {
  display: flex;
}

.faq__item {
  position: relative;
  padding-left: 58px;
  width: 720px;
  max-width: 100%;
  cursor: pointer;
}

.faq__item::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(assets/images/faq-icon.svg);
  position: absolute;
  top: 4px;
  left: 0;
}

.faq__item--btn {
  position: absolute;
  top: 0;
  right: 0;
  transition: var(--transition);
  transform: rotate(0);
  opacity: 1;
}

.faq__item.active .faq__item--btn {
  transform: rotate(50deg);
  opacity: 0.7;
}

.faq__item--h4 {
  margin-bottom: 0;
  width: 500px;
  max-width: 100%;
}

.faq__item__answer {
  cursor: pointer;
  transition: var(--transition);
  position: relative;
  overflow: hidden;
  height: 0;
}

.faq__item__answer--text {
  padding-top: 10px;
  width: 500px;
  max-width: 100%;
  font-size: 18px;
}

.faq__more {
  margin: 40px auto 0 auto;
  width: 612px;
  max-width: 100%;
}

.faq__more--img {
  display: block;
  margin: 0 auto 40px auto;
}

.faq__more--h2 {
  margin-bottom: 20px;
  text-align: center;
}

.faq__more__line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 18px;
}

.faq__more--tel {
  text-decoration: none;
  color: #241110;
  font-family: Gabriela;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 41.6px */
  text-transform: uppercase;
}

.faq__more--tel:hover {
  text-decoration: underline;
}

.faq__more--soc {
  width: 49px;
  height: 48px;
}

.faq__more--soc .btn--fone {
  opacity: 0;
}

.faq__more--soc:hover .btn--fone {
  opacity: 1;
  fill: transparent;
}

/* === subscribe === */

.subscribe {
  padding: 160px 0;
  overflow: hidden;
}

.subscribe--img {
  position: absolute;
  z-index: var(--z-index-fone);
  top: 50px;
  left: 0;
}

.subscribe__box {
  display: flex;
  gap: 132px;
  align-items: center;
  padding-left: 38px;
}

.subscribe__col-1 {
  width: 633px;
  max-width: 100%;
  height: 520px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.subscribe--btn-2 {
  margin-bottom: 38px;
}

.subscribe--card-1 {
  position: absolute;
  top: 38px;
  left: 45px;
}

.subscribe--card-2 {
  position: absolute;
  top: 0;
  right: 58px;
}

.subscribe__col-2 {
  width: 380px;
  position: relative;
}

.subscribe--fone {
  position: absolute;
  top: -173px;
  left: -100px;
  z-index: var(--z-index-fone);
}

.subscribe__col--h4,
.subscribe__col--h2 {
  position: relative;
  z-index: var(--z-index-container);
}

/* === footer === */

.footer {
  padding-bottom: 20px;
  background: var(--green-light-light);
  position: relative;
}

.footer--fone {
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.footer__box {
  padding-top: 100px;
  display: flex;
  justify-content: space-between;
  gap: 80px 35px;
  flex-wrap: wrap;
}

.footer__col-1 {
  width: 315px;
}

.footer__col-2 {
  max-width: calc(100% - 350px);
  width: 762px;
}

.footer--logo {
  margin-bottom: 116px;
  display: block;
}

.footer--h2 {
  margin-bottom: 20px;
}

.footer--p {
  margin-bottom: 32px;
}

.footer--input,
.footer form .wpcf7-text,
.account-popup--input {
  display: block;
  width: 100%;
  height: 54px;
  padding: 0 16px;
  border-radius: 4px;
  background: var(--fone-white);
  font-size: 16px;
  line-height: 140%;
  /* 22.4px */
  border: none;
}

.footer--input::placeholder,
.footer form .wpcf7-text::placeholder {
  color: var(--grey-200);
}

form .wpcf7-submit,
.wpcf7-spinner {
  display: none;
}

.footer--btn {
  margin-top: 20px;
}

.footer--h3 {
  margin-bottom: 94px;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
}

.footer__nav {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.footer__subcol {
  display: flex;
  flex-direction: column;
  width: fit-content;
  gap: 12px;
}

.footer__nav--subtitle {
  font-size: 16px;
  font-weight: 600;
}

.footer__nav--a {
  width: fit-content;
  white-space: nowrap;
  text-decoration: none;
  font-size: 16px;
  line-height: 140%;
}

.footer--copyright {
  line-height: 38px;
}

.footer__devs {
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer__devs--a {
  display: block;
  padding-top: 5px;
}

.footer__devs--shine {
  text-transform: uppercase;
  font-family: Gabriela;
  text-decoration: none;
  font-size: 20px;
  transition: var(--transition);
}

a.footer__devs--shine:hover {
  color: #9a6e9d;
  border: none;
}

/* === popular === */

.popular {
  padding-top: 160px;
  padding-bottom: 160px;
}

.popular--img {
  position: absolute;
  top: 0;
  right: 0;
}

.popular__box {
  padding-left: var(--container-padding);
  width: calc(100vw - var(--container-padding-left));
  max-width: 100%;
  margin-left: auto;
}

.product-card {
  width: 315px;
  position: relative;
}

.product-card__badge,
.product-card__badge--text {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--z-index-container);
  width: 50px;
  height: 50px;
}

svg.product-card__badge--fone {
  width: 50px;
  height: 50px;
}

.product-card__badge--text {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #241110;
  text-align: center;
  font-family: Gabriela;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.product-card--img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 20px;
}

.product-card__content {
  padding: 14px 20px 0 20px;
  position: relative;
  height: 245px;
  display: flex;
  flex-direction: column;
}

.product-card--cat {
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 140%;
}

a.product-card--title {
  margin-bottom: 12px;
  display: block;
  font-family: Gabriela;
  font-size: 20px;
  line-height: 130%;
  text-decoration: none;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-card--title:hover {
  border: none;
  text-decoration: underline;
}

.pizda-a {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  top: 0;
  left: 0;
}

.pizda-a-1 {
  height: 315px;
}

.product-card__tags {
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  height: 37px;
  overflow: hidden;
}

.product-card--tag {
  width: fit-content;
  display: block;
  padding: 9px 12px;
  background: var(--purple);
  border-radius: 100px;
  color: var(--black, #252525);
  font-size: 16px;
}

.product-card__reviews {
  margin-bottom: 12px;
  display: flex;
  gap: 12px;
  align-items: center;
}

.product-card__reviews--stars {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  line-height: 140%;
}

.product-card__reviews--count {
  font-size: 16px;
  line-height: 140%;
  /* 22.4px */
  border-bottom: 1px solid var(--black);
}

.product-card__buy {
  margin-top: auto;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}

.product-card__price {
  width: calc(100% - 60px);
  margin-right: auto;
  display: flex;
  align-items: flex-start;
  gap: 4px;
}

.product-card__price del {
  order: 2;
  text-decoration: none;
}

.product-card__price ins {
  order: 1;
  text-decoration: none;
}

.product-card__price .woocommerce-Price-amount bdi {
  font-family: Gabriela;
  font-size: 28px;
  line-height: 140%;
  /* 39.2px */
}

.product-card__price del .woocommerce-Price-amount bdi,
.product-card__price del .woocommerce-Price-currencySymbol {
  color: var(--grey-200);
  font-size: 20px;
  line-height: 130%;
}

.product-card__price del .woocommerce-Price-amount bdi {
  text-decoration-line: line-through;
}

.woocommerce-Price-currencySymbol {
  margin-left: -7px;
}

.popular--btn {
  margin: 20px auto 0 auto;
}

.product-card__buy .added_to_cart.wc-forward {
  display: none !important;
}

.breadcrumbs {
  margin-bottom: 40px;
  margin-top: 15px;
}

.b-breadcrumbs {
  display: flex;
  align-items: center;
}

.b-breadcrumbs__item {
  list-style: none;
  display: flex;
  align-items: center;
}

.b-breadcrumbs__item::after {
  content: "";
  display: block;
  padding-bottom: 2px;
  width: 22px;
  height: 22px;
  background: url("assets/images/arrow.svg");
}

.b-breadcrumbs__link {
  text-decoration: none;
  color: var(--grey-200);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 19.6px */
}

.b-breadcrumbs__item:last-child .b-breadcrumbs__link {
  color: var(--black);
}

.b-breadcrumbs__item:last-child::after {
  display: none;
}

/* === archive-product === */

.template__archive-product {}

.prod {
  padding-bottom: 160px;
}

.prod--fone {
  position: absolute;
  left: 0;
  bottom: -150px;
  z-index: 2;
  display: none;
}

.prod__box {
  justify-content: space-between;
  gap: 40px;
  align-items: flex-start;
  position: relative;
}

.prod__col-1 {
  width: 650px;
  max-width: calc(100% - 600px);
  position: sticky;
  top: 120px;
}

.prod__gallery {
  position: relative;
}

.prod__gallery .glide {
  display: flex;
  gap: 16px;
}

.prod__gallery .glide__bullets {
  order: 1;
  width: 91px;
  min-width: 91px;
  position: static;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.prod__gallery .glide__bullet {
  width: 100%;
  height: 98px;
  border-radius: 12px;
  border: 2px solid transparent;
  transition: var(--transition);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--fone-white);
}

.prod__gallery .glide__bullet:hover,
.prod__gallery .glide__bullet--active {
  border-color: #ffce54;
}

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

.prod__gallery .glide__track {
  width: calc(100% - 107px);
  order: 2;
}

.prod__gallery .glide__arrows {
  position: absolute;
  width: calc(100% - 107px);
  height: 44px;
  top: calc(50% - 44px);
  left: 107px;
  justify-content: space-between;
  padding: 0;
  z-index: var(--z-index-container);
}

.prod__gallery .glide__slide {
  height: -webkit-fill-available;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prod__col-2 {
  width: 560px;
}

.prod--h1 {
  margin-bottom: 4px;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 39.2px */
  text-transform: none;
}

.prod--sku {
  color: var(--grey-200);
  font-size: 16px;
  line-height: 140%;
}

.prod__price,
.prod__tags,
.prod--sku,
.prod__reviews {
  margin-bottom: 32px;
}

.prod--disclaimer {
  margin-bottom: 10px;
  color: var(--Error);
  font-size: 16px;
  line-height: 140%;
  /* 22.4px */
}

.prod__buy {
  margin-bottom: 48px;
}

.prod__buy__cart {
  display: flex;
  gap: 32px;
  align-items: center;
}

.prod__quantity {
  display: flex;
  align-items: center;
  gap: 16px;
}

.prod__quantity input {
  display: none;
}

.prod__quantity--btn {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  background: none;
}

.prod__quantity--btn.disable path {
  stroke: #9b9b9b;
}

.prod__buy__cart--qty {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  width: 12px;
}

.prod__buy .btn {
  background: none;
  border: none;
}

.prod__info {}

.prod__info--line {
  margin: 12px 0 20px 0;
  width: 100%;
  height: 1px;
  background: #e0e0e0;
}

.prod__info--title {
  margin-bottom: 20px;
  color: var(--grey-200);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}

.prod__info__item {
  margin-bottom: 8px;
  display: flex;
  gap: 12px;
}

.prod__info__item--p {
  font-size: 16px;
  line-height: 140%;
}

.prod__info__item--p b,
.prod__info__item--p strong {
  font-weight: 600;
}

.prod__info__item--p i,
.prod__info__item--p em {
  font-style: italic;
}

.prod__info__item--p ul,
.prod__info__item--p ol {
  padding-left: 20px;
  margin: 10px 0;
}

.prod__info__item--p ul {
  list-style-type: disc;
}

.prod__info__item--p ol {
  list-style-type: decimal;
}

.prod__info__item--p li {
  margin-bottom: 4px;
}

.prod__info__item--p p {
  margin-bottom: 12px;
}

.prod__info__item--p p:last-child {
  margin-bottom: 0;
}

.prod__info__item--p:nth-child(1) {
  width: 150px;
  font-weight: 600;
}

.prod__info__item--p:nth-child(2) {
  width: calc(100% - 162px);
}

.popular.related,
.popular.viewed {
  padding-top: 0;
  padding-bottom: 160px;
}

.popular.viewed {
  padding-bottom: 200px;
}

.reviews {
  padding-bottom: 200px;
}

.reviews.has-comments {
  margin-top: -60px;
}

.reviews__box {
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}

.reviews__col-1 {
  width: 315px;
  position: relative;
}

.reviews__col-2 {
  width: 785px;
  margin-right: 40px;
}

.reviews .reviews__box {
  gap: 40px;
  display: flex;
}

.reviews.has-comments .reviews__col-1 {
  width: 455px;
}

.reviews.has-comments .reviews__col-2 {
  width: 825px;
  margin-right: 0;
  max-width: calc(100% - 495px);
}

.reviews--fone {
  position: absolute;
  top: -200px;
  left: -150px;
  z-index: var(--z-index-fone);
}

.reviews.has-comments .reviews--fone {
  top: -40px;
}

.reviews--span {
  margin-bottom: 20px;
  display: block;
  width: fit-content;
  padding: 8px 16px;
  border-radius: 50px;
  background: var(--purple);
  color: var(--black, #252525);
  font-size: 16px;
  line-height: 140%;
  /* 22.4px */
}

.reviews__nothing {
  position: relative;
  border: 2px solid #fedf91;
  border-radius: 16px;
}

.reviews__nothing--img {
  position: absolute;
  top: 40px;
  left: 20px;
}

.reviews__nothing__content {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 40px 40px 40px 157px;
}

.reviews__nothing--title {
  font-weight: 600;
  margin-bottom: 12px;
}

.reviews__nothing--p {
  margin-bottom: 28px;
  max-width: 100%;
  width: 420px;
}

.storefront-sticky-add-to-cart {
  display: none !important;
}

.reviews__item {
  margin-bottom: 20px;
  width: 100%;
  height: fit-content;
  padding: 40px;
  border: 2px solid #fedf91;
  border-radius: 16px;
  display: none;
}

.reviews__item-1,
.reviews__item-2 {
  display: block;
}

.reviews__item--name {
  margin-bottom: 12px;
  color: var(--black);
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  /* 21.6px */
}

.reviews__item--stars {
  margin-bottom: 12px;
  display: flex;
  gap: 4px;
}

.reviews__item--date {
  color: var(--grey-200);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}

.reviews__item--content {
  color: var(--black);
  font-size: 18px;
  line-height: 140%;
  /* 25.2px */
}

.reviews--show-all {
  margin-top: 20px;
}

.reviews__stat {
  position: relative;
  width: fit-content;
}

.reviews__stat__body {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--z-index-container);
  width: 100%;
  height: 100%;
  padding: 40px;
}

.reviews__stat--title {
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  /* 21.6px */
}

.reviews__stat--title span {
  font-weight: 400;
}

.reviews__stat--p {
  margin-bottom: 40px;
  color: var(--grey-200);
  font-size: 16px;
  line-height: 140%;
  /* 22.4px */
}

.reviews__stat__item {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
}

.reviews__stat__item span {
  text-align: center;
  width: 11px;
  display: block;
}

.reviews__stat__item progress {
  margin: 0 8px 0 8px;
  width: 263px;
  height: 8px;
  border-radius: 8px;
  background: #e0e0e0;
  position: relative;
  overflow: hidden;
  box-shadow: none;
  border: none;
}

progress,
progress::-webkit-progress-value,
progress::-moz-progress-bar,
progress[value]::-webkit-progress-bar,
progress[value]::-moz-progress-bar,
progress[value] {
  border-radius: 8px;
  background-color: #e0e0e0;
  background: #e0e0e0;
  box-shadow: none;
  border: none;
}

progress[value]::-webkit-progress-value {
  border-radius: 8px;
  background: var(--yellow);
  height: 100%;
  box-shadow: none;
  border: none;
}

.reviews__stat__body .reviews__stat__item:nth-child(4) progress,
.reviews__stat__body .reviews__stat__item:nth-child(5) progress,
.reviews__stat__body .reviews__stat__item:nth-child(6) progress,
.reviews__stat__body .reviews__stat__item:nth-child(7) progress {
  opacity: 0.3;
}

.reviews__stat--btn {
  margin-top: 40px;
}

.add-review {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  z-index: var(--z-index-popup);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}

.add-review.active {
  opacity: 1;
  visibility: visible;
  background: rgba(0, 0, 0, 0.6);
}

.add-review__box {
  width: 769px;
  height: 702px;
  position: relative;
}

.add-review__form {
  position: absolute;
  z-index: var(--z-index-container);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 60px;
}

.add-review--h2 {
  margin-bottom: 45px;
}

.add-review--close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  top: 60px;
  right: 60px;
  cursor: pointer;
  position: absolute;
}

.add-review--close:hover path {
  stroke: var(--black);
}

.add-review--label {
  margin-bottom: 16px;
  display: block;
  color: var(--grey-200);
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  /* 16.8px */
}

.add-review__stars {
  margin-bottom: 32px;
  display: flex;
  gap: 20px;
  position: relative;
}

.add-review__stars--label span {
  margin-bottom: 8px;
  display: block;
  width: 20px;
  text-align: center;
}

.add-review__stars path {
  transition: var(--transition);
}

.add-review__stars--radio {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.add-review__stars--radio-2 {
  left: 40px;
}

.add-review__stars--radio-3 {
  left: 80px;
}

.add-review__stars--radio-4 {
  left: 120px;
}

.add-review__stars--radio-5 {
  left: 160px;
}

.add-review__stars--radio-1:checked~.add-review__stars--label[for="star-1"] path {
  fill: var(--yellow);
}

.add-review__stars--radio-2:checked~.add-review__stars--label[for="star-1"] path,
.add-review__stars--radio-2:checked~.add-review__stars--label[for="star-2"] path {
  fill: var(--yellow);
}

.add-review__stars--radio-3:checked~.add-review__stars--label[for="star-1"] path,
.add-review__stars--radio-3:checked~.add-review__stars--label[for="star-2"] path,
.add-review__stars--radio-3:checked~.add-review__stars--label[for="star-3"] path {
  fill: var(--yellow);
}

.add-review__stars--radio-4:checked~.add-review__stars--label[for="star-1"] path,
.add-review__stars--radio-4:checked~.add-review__stars--label[for="star-2"] path,
.add-review__stars--radio-4:checked~.add-review__stars--label[for="star-3"] path,
.add-review__stars--radio-4:checked~.add-review__stars--label[for="star-4"] path {
  fill: var(--yellow);
}

.add-review__stars--radio-5:checked~.add-review__stars--label[for="star-1"] path,
.add-review__stars--radio-5:checked~.add-review__stars--label[for="star-2"] path,
.add-review__stars--radio-5:checked~.add-review__stars--label[for="star-3"] path,
.add-review__stars--radio-5:checked~.add-review__stars--label[for="star-4"] path,
.add-review__stars--radio-5:checked~.add-review__stars--label[for="star-5"] path {
  fill: var(--yellow);
}

.add-review--textarea {
  margin-bottom: 32px;
  width: 100%;
  height: 124px;
  resize: none;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid var(--grey-100, #e0e0e0);
  background: var(--bg, #fffefb);
  color: var(--black, #252525);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}

.add-review--textarea::placeholder {
  color: var(--grey-100);
}

.add-review__box .box {
  justify-content: space-between;
  height: fit-content;
}

.add-review__col {
  width: calc(50% - 16px);
}

.add-review .box input {
  display: block;
  width: 100%;
  height: 54px;
  padding: 0 16px;
  border-radius: 4px;
  background: var(--fone-white);
  font-size: 16px;
  line-height: 140%;
  /* 22.4px */
  border: 1px solid var(--grey-100, #e0e0e0);
}

.add-review .box input::placeholder {
  color: var(--grey-200);
}

.add-review__box .box:last-child {
  margin-top: 50px;
}

.add-review #submit {
  display: none;
}

/* === product filter === */

.filters__box {
  margin: 40px 0 16px 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

#product-tabs {
  margin-bottom: 16px;
  display: flex;
  gap: 16px;
}

.product-tabs__reset-all,
.product-tabs__remove-cat {
  width: fit-content;
  padding: 8px 16px;
  color: var(--black);
  font-size: 16px;
  line-height: 140%;
  cursor: pointer;
  transition: var(--transition);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
}

.product-tabs__reset-all {
  border: 1px solid var(--yellow);
}

.product-tabs__reset-all:hover {
  background: var(--yellow);
}

.product-tabs__remove-cat {
  background: var(--purple);
}

.product-tabs__remove-cat::after {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  background: url(assets/images/close.svg);
}

.product-tabs__remove-cat:hover {
  font-weight: 600;
}

#product-count {
  margin-bottom: 20px;
  color: var(--grey-200);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}

.filters__box>.filters--p {
  margin-right: 4px;
  font-size: 16px;
  line-height: 140%;
  /* 22.4px */
}

.filters__popup {
  position: relative;
}

.filters__popup--btn {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  height: 38px;
  padding: 0 16px;
  border-radius: 20px;
  background: transparent;
  transition: var(--transition);
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  /* 21.6px */
}

.filters__popup--btn svg {
  transition: var(--transition);
}

.filters__popup:hover>.filters__popup--btn {
  background: var(--yellow);
}

.filters__popup:hover>.filters__popup--btn svg {
  transform: rotate(180deg);
}

.filters__popup__box {
  position: absolute;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: var(--transition);
  padding: 24px 32px;
}

.filters__popup:hover>.filters__popup__box {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.filters__popup__box--fone {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--z-index-fone);
}

.filters__popup__box>*:not(.filters__popup__box--fone) {
  position: relative;
  z-index: var(--z-index-container);
}

.filters__popup--price .filters__popup__box {
  width: 361px;
  height: 180px;
  left: 0;
}

.filters__popup--attr .filters__popup__box {
  width: 361px;
  height: 438px;
  left: 0;
}

.filters__popup--order .filters__popup__box {
  width: 262px;
  height: 296px;
  right: 0;
}

.filters__popup--order {
  margin-left: auto;
}

#filters {
  position: relative;
  z-index: var(--z-index-container);
}

.filters__popup--reset {
  margin-bottom: 16px;
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  /* 21.6px */
  cursor: pointer;
}

.filters__popup--line {
  margin-bottom: 16px;
  width: 100%;
  height: 1px;
  background: #e0e0e0;
}

.filters__popup__box .box {
  justify-content: space-between;
  height: auto;
}

.filters__popup--input {
  width: 144px;
  height: 54px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  background: var(--fone-white);
  padding: 0 16px;
  color: var(--black, #252525);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}

.filters__popup--input::placeholder {
  color: var(--grey-100, #e0e0e0);
}

.filters__popup--input:focus {
  border: 1px solid var(--black);
}

.filters__popup__checkbox,
.filters__popup__radio {
  margin-bottom: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}

.filters__popup__checkbox input,
.filters__popup__radio input {
  position: absolute;
  z-index: var(--z-index-container);
  width: 100%;
  height: 100%;
  opacity: 0;
}

.filters__popup__checkbox--pseudo,
.filters__popup__radio--pseudo {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
}

.filters__popup__radio--pseudo {
  border: none;
}

.filters__popup__checkbox--pseudo svg,
.filters__popup__radio--pseudo svg {
  opacity: 0;
}

input:checked~.filters__popup__checkbox--pseudo svg,
.filters__popup__radio input:checked~.filters__popup__radio--pseudo svg {
  opacity: 1;
}

.filters__popup .filter--p {
  position: absolute;
}

#products-container {
  margin-bottom: 120px;
  position: relative;
  z-index: 1;
}

#products-container .products {
  display: flex;
  flex-wrap: wrap;
  gap: 120px 20px;
}

#products-container .glide__slide {
  list-style: none;
  width: fit-content;
  max-width: calc(25% - 15px);
}

.show-more--btn {
  margin: 0 auto 20px auto;
}

.ajax-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.pseudo-arr,
.ajax-page.next {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ajax-page {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}

.ajax-page:hover,
.ajax-page.active {
  text-decoration: underline;
}

.cats--h1 {
  margin-bottom: 40px;
  font-size: 32px;
}

.prod__gallery--img {
  max-height: 600px;
}

.template__single-product .b-breadcrumbs .b-breadcrumbs__item:nth-child(3) {
  display: none;
}

.search-sec {
  padding-top: 60px;
  padding-bottom: 220px;
}

.search__no-results {
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
}

.search__no-results--p {
  text-align: center;
}

.search__no-results--btn {
  margin-top: 36px;
}

.cart-sec {
  min-height: 406px;
}

.cart-sec .woocommerce-mini-cart__inner {
  display: none;
}

.cart-sec__box {
  display: flex;
  gap: 40px;
  justify-content: space-between;
}

.cart-sec__col-1 {
  max-width: calc(100% - 586px);
  width: 754px;
}

.cart--h1 {
  margin-bottom: 40px;
  font-size: 32px;
  font-weight: 400;
  line-height: 130%;
  /* 41.6px */
  text-transform: uppercase;
}

.cart-sec ul.woocommerce-mini-cart {
  margin-bottom: 0;
  margin-right: 0;
  padding-right: 0;
  max-height: none !important;
  position: relative;
  overflow-y: visible;
}

.cart-sec .woocommerce-mini-cart-item {
  min-height: 130px;
}

.cart-sec .woocommerce-mini-cart-item:last-child {
  border-bottom: none;
}

.cart-sec .mini-cart-qty {
  position: absolute;
  right: 64px;
  bottom: 10px;
  margin: 0;
}

.cart-sec .remove.remove_from_cart_button {
  bottom: 16px;
}

.cart-sec .woocommerce-mini-cart-item--name {
  padding-top: 12px;
  margin-bottom: 18px;
}

.cart-sec__col-2 {
  width: 486px;
  height: 406px;
  position: relative;
}

.cart-sec__col-2__box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--z-index-container);
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
}

.cart-sec__col-2__box .woocommerce-mini-cart__total {
  margin-top: auto;
}

.popular.cart-products {
  padding-top: 40px;
}

.page-template-template-cart .header__cart li:nth-child(1) .count {
  display: none;
}

.account-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  display: flex;
  justify-content: center;
  padding-top: calc(50vh - 300px);
  padding-bottom: 100px;
  overflow: auto;
}

.account-popup.active {
  z-index: var(--z-index-popup);
  opacity: 1;
  visibility: visible;
}

.account-popup--before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--z-index-fone);
  opacity: 0;
  width: 100%;
  height: 100%;
}

.account-popup .close {
  cursor: pointer;
}

.account-popup__box {
  display: none;
  position: relative;
  width: fit-content;
  height: fit-content;
  z-index: var(--z-index-container);
}

.account-popup[data-show-type="login"] .account-popup__box[data-type="login"] {
  display: block;
}

.account-popup[data-show-type="reg"] .account-popup__box[data-type="reg"] {
  display: block;
}

.account-popup[data-show-type="reg-client"] .account-popup__box[data-type="reg-client"] {
  display: block;
}

.account-popup[data-show-type="reg-partner"] .account-popup__box[data-type="reg-partner"] {
  display: block;
}

.account-popup[data-show-type="reg-client-code"] .account-popup__box[data-type="reg-client-code"] {
  display: block;
}

.account-popup[data-show-type="reg-partner-code"] .account-popup__box[data-type="reg-partner-code"] {
  display: block;
}

.account-popup[data-show-type="reg-success"] .account-popup__box[data-type="reg-success"] {
  display: block;
}

.account-popup[data-show-type="pass-reset"] .account-popup__box[data-type="pass-reset"] {
  display: block;
}

.account-popup[data-show-type="pass-success"] .account-popup__box[data-type="pass-success"] {
  display: block;
}

.account-popup__content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--z-index-container);
  width: 100%;
  height: 100%;
  padding: 80px 79px 22px 79px;
}

.account-popup__box[data-type="reg-success"] .account-popup__content {
  padding: 50px 17px 16px 17px;
}

.account-popup--close {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  cursor: pointer;
}

.account-popup--close path {
  transition: var(--transition);
}

.account-popup--close:hover path {
  stroke: var(--Error);
}

.account-popup__head {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  gap: 16px;
}

.account-popup__head--item {
  width: calc(50% - 24px);
  position: relative;
  color: var(--grey-200);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  /* 21.6px */
  cursor: pointer;
}

.account-popup__head--item:hover,
.account-popup__head--item.active {
  color: var(--black);
}

.account-popup__head--item span {
  position: absolute;
  top: 24px;
  left: 0;
  width: 100%;
  height: 22px;
  text-align: center;
  color: var(--grey-200);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}

.account-popup__form {}

.account-popup__form label {
  display: block;
  margin-bottom: 8px;
  color: var(--grey-200);
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  /* 16.8px */
}

.account-popup--input {
  margin-bottom: 32px;
  border-radius: 4px;
  border: 1px solid var(--grey-100, #e0e0e0);
}

.account-popup--pass-reset {
  margin-top: -8px;
  margin-bottom: 40px;
  text-align: right;
  color: var(--black);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  cursor: pointer;
}

.account-popup__pseudoradio {
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 4px;
  cursor: pointer;
}

.account-popup__pseudoradio--btn {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.account-popup__pseudoradio--btn::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1.5px solid var(--black);
}

.account-popup__pseudoradio--btn::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: calc(50% - 6px);
  left: calc(50% - 6px);
  border-radius: 50%;
  background: transparent;
  transition: var(--transition);
}

.account-popup__pseudoradio.active .account-popup__pseudoradio--btn::after {
  background: var(--black);
}

.account-popup__pseudoradio--text {
  width: calc(100% - 52px);
  color: var(--black);
  font-size: 16px;
  font-weight: 600;
  line-height: 44px;
  /* 22.4px */
}

.account-popup__pseudoradio--label {
  width: calc(100% - 52px);
  margin-left: auto;
  color: var(--grey-200);
  font-size: 16px;
  line-height: 140%;
  /* 22.4px */
}

.account-popup__box[data-type="reg"] .account-popup__head {
  margin-bottom: 60px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--grey-100, #e0e0e0);
}

.account-popup__box[data-type="reg"] .account-popup--btn {
  margin-top: 60px;
}

.account-popup--accept {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
}

.account-popup--accept input {
  min-width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid var(--grey-100, #e0e0e0);
}

.account-popup--accept label {
  color: var(--black);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}

.account-popup__form__code {
  padding-top: 40px;
  margin-bottom: 84px;
  position: relative;
}

.account-popup__form__code label {
  margin-bottom: 24px;
  color: var(--black);
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  /* 25.2px */
}

.account-popup--code {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 52px;
  opacity: 0;
  cursor: pointer;
}

.account-popup__form__code__pseudo {
  display: flex;
  justify-content: center;
  height: 52px;
  gap: 8px;
}

.account-popup__form__code__pseudo--item {
  width: 50px;
  height: 52px;
  border-radius: 4px;
  border: 1px solid var(--grey-100, #e0e0e0);
  text-align: center;
  line-height: 52px;
  color: var(--black, #252525);
  font-size: 16px;
  font-weight: 400;
}

.account-popup--code:focus~.account-popup__form__code__pseudo .account-popup__form__code__pseudo--item {
  border: 1px solid var(--black);
}

.account-popup__box--img {
  margin: 0 auto 18px auto;
  display: block;
}

.account-popup--p {
  margin-bottom: 24px;
  color: var(--black);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}

.checkout {
  padding-top: 40px;
  padding-bottom: 160px;
}

.checkout__box {
  display: flex;
  justify-content: space-between;
  gap: 60px;
}

.checkout__col-1 {
  max-width: calc(100% - 497px);
  width: 813px;
}

.checkout--h1 {
  margin-bottom: 60px;
  color: var(--black);
  font-size: 32px;
  line-height: 130%;
  /* 41.6px */
}

.checkout--img {
  margin: 0 auto 60px auto;
  display: block;
  height: auto;
}

.checkout--p {
  margin-bottom: 20px;
  font-size: 18px;
  text-align: center;
}

.checkout__btns {
  display: flex;
  justify-content: center;
  gap: 24px;
}

.checkout__col-2 {
  width: 427px;
  max-width: 100%;
}

.checkout .woocommerce-mini-cart-item {
  padding: 12px 0 12px 86px;
  min-height: 98px;
}

.checkout .checkout__products .woocommerce-mini-cart-item:nth-child(1) {
  border-top: 1px solid #e0e0e0;
}

.checkout .woocommerce-mini-cart-item--img {
  width: 78px;
  top: 12px;
}

.checkout .woocommerce-mini-cart--count {
  margin-bottom: 16px;
}

.checkout .woocommerce-mini-cart-item--name {
  width: 235px;
  font-size: 18px;
  line-height: 140%;
  /* 25.2px */
  padding-top: 12px;
}

.checkout-price {
  position: absolute;
  top: 24px;
  right: 0;
  width: fit-content;
  white-space: nowrap;
  color: var(--black);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}

.checkout-price.active {
  color: var(--Error);
}

.checkout-qty {
  position: absolute;
  top: 52px;
  right: 0;
  width: fit-content;
  white-space: nowrap;
  color: var(--grey-200, #9b9b9b);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}

.checkout__summary {
  padding-top: 32px;
}

.checkout-discount {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  z-index: 2;
}

.checkout-discount div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 50px;
  color: var(--black, #252525);
  text-align: center;
  font-family: Gabriela;
  font-size: 18px;
  font-weight: 400;
}

.checkout__total {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  align-items: center;
}

.checkout__total span,
.checkout__total bdi {
  color: var(--black);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}

.checkout__total.discount span {
  color: var(--Error);
}

.checkout__total.shipping {
  padding: 16px 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.checkout__total.shipping span {
  color: var(--grey-200, #9b9b9b);
}

.checkout__total.total span,
.checkout__total.total bdi {
  font-size: 20px;
}

.ajax-message {
  margin-top: -20px;
  margin-bottom: 20px;
}

.wp-block-woocommerce-checkout-order-summary-block {
  display: none;
}

form.checkout {
  padding: 0;
}

.checkout__billing {
  margin-bottom: 120px;
  padding: 40px;
  border: 2px solid #fedf91;
  border-radius: 16px;
}

.checkout__billing::before {
  content: "Ваші контактні дані";
  display: block;
  margin-bottom: 32px;
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 24px */
}

.woocommerce-billing-fields h3,
.checkout__other h3,
.woocommerce-additional-fields__field-wrapper,
.woocommerce-billing-fields__field-wrapper p {
  display: none !important;
}

.woocommerce-billing-fields__field-wrapper p#billing_first_name_field,
.woocommerce-billing-fields__field-wrapper p#billing_last_name_field,
.woocommerce-billing-fields__field-wrapper p#billing_phone_field,
.woocommerce-billing-fields__field-wrapper p#billing_email_field {
  display: block !important;
  width: calc(50% - 16px);
}

.woocommerce-billing-fields__field-wrapper {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}

.checkout__billing label,
.woocommerce-additional-fields label {
  display: block;
  margin-bottom: 8px;
  color: var(--grey-200, #9b9b9b);
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  /* 16.8px */
}

.checkout__billing label span,
.woocommerce-additional-fields label span {
  display: none;
}

.checkout__billing input,
.woocommerce-additional-fields input {
  display: block;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-radius: 4px;
  border: 1px solid var(--grey-100, #e0e0e0);
  color: var(--black, #252525);
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}

.checkout__other {
  display: flex;
  flex-direction: column;
  position: relative;
}

.checkout__other .woocommerce-checkout-review-order-table {
  order: 1;
  padding: 40px 40px 20px 40px;
  border-top: 2px solid #fedf91;
  border-right: 2px solid #fedf91;
  border-left: 2px solid #fedf91;
  border-radius: 16px 16px 0 0;
  position: relative;
}

.checkout__other .woocommerce-checkout-review-order-table::before {
  content: "Адреса доставки";
  position: absolute;
  top: -61px;
  left: 0;
  color: var(--black, #252525);
  font-family: Gabriela;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-transform: uppercase;
}

.checkout__other .woocommerce-additional-fields {
  order: 2;
  margin-bottom: 122px;
  padding: 0 40px 20px 40px;
  border-bottom: 2px solid #fedf91;
  border-right: 2px solid #fedf91;
  border-left: 2px solid #fedf91;
  border-radius: 0 0 16px 16px;
}

.woocommerce-checkout-review-order-table thead,
.woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout-review-order-table .cart-subtotal,
.woocommerce-checkout-review-order-table .order-total,
.woocommerce-checkout-review-order-table th {
  display: none;
}

.woocommerce-shipping-methods {}

.woocommerce-shipping-methods li,
.wc_payment_methods li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 4px 10px;
  height: 44px;
  padding-left: 10px;
}

.woocommerce-shipping-methods input,
.wc_payment_methods input {
  width: 20px;
  height: 20px;
}

.woocommerce-shipping-methods label,
.wc_payment_methods label {
  color: var(--black, #252525);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 21.6px */
}

#mrkv_ua_shipping_ukr-poshta-shipping-info p {
  margin-bottom: 32px;
}

.select2-selection.select2-selection--single {
  height: 55px !important;
}

.select2-selection__rendered {
  height: 55px !important;
  line-height: 55px !important;
}

.select2-selection__arrow {
  height: 55px !important;
  width: 25px !important;
}

.woocommerce-additional-fields p {
  margin-bottom: 32px;
}

.checkout__other .woocommerce-checkout-payment {
  order: 3;
  position: relative;
  padding: 40px;
  border: 2px solid #fedf91;
  border-radius: 16px;
}

.checkout__other .woocommerce-checkout-payment::before {
  content: "Оплата";
  position: absolute;
  top: -61px;
  left: 0;
  color: var(--black, #252525);
  font-family: Gabriela;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-transform: uppercase;
}

.wc_payment_methods li {
  flex-wrap: wrap;
  height: auto;
}

.wc_payment_methods label {
  width: calc(100% - 50px);
}

div.payment_method_bacs,
div.payment_box.payment_method_wayforpay {
  width: 100%;
  padding-left: 34px;
  color: var(--black, #252525);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
  display: block !important;
}

.woocommerce-privacy-policy-text {
  display: none;
}

.checkout--submit {
  margin-bottom: 16px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
}

.checkout--cart {
  display: block;
  text-align: center;
  line-height: 30px;
  color: var(--black, #252525);
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  /* 21.6px */
  text-decoration: none;
}

.wc_payment_methods {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

#place_order {
  display: none;
}

.success--h1 {
  text-align: center;
  margin-bottom: 16px;
}

.success--btn {
  margin: 32px auto 0 auto;
}

.success__contact {
  margin: 100px 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 16px 0;
}

.success__contact__item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 17px;
}

.success__contact__item span:nth-child(1) {
  width: fit-content;
  white-space: nowrap;
  color: var(--black, #252525);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 24px */
}

.success__contact__item span:nth-child(2) {
  text-align: right;
  color: var(--black, #252525);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 25.2px */
}

.success--full {
  margin-top: 40px;
}

.success__contact__item.success--full span:nth-child(2) {
  color: var(--black, #252525);

  /* Decktop/H3 */
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 24px */
}

.success__method {
  margin: 60px 0;
  position: relative;
  width: fit-content;
  height: auto;
}

.success__method__body {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 30px 40px;
}

.success__method--h3 {
  margin-bottom: 32px;
  font-size: 20px;
  line-height: 120%;
  font-family: Montserrat;
  color: var(--black, #252525);
  font-weight: 600;
}

.success__method__item {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 8px;
}

.success__method__item span:nth-child(1) {
  width: calc(50% - 20px);
  color: var(--black);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}

.success__method__item span:nth-child(2) {
  width: 50%;
  color: var(--black);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}

.success__method--p {
  margin-top: 32px;
  color: var(--Error, #fe7683);
  font-size: 16px;
  font-weight: 600;
}

.success--img,
.success__method--fone {
  max-width: 100%;
  height: auto;
}

.success__box .checkout__col-2 .checkout__products .woocommerce-mini-cart-item:nth-child(1) {
  border-top: 0;
}

.page-template-template_checkout .header__cart li:nth-child(1) .count {
  display: none;
}

.about-2 {
  padding-top: 0;
}

.about-2 .about--p {
  width: 505px;
}

.about-2 .about__col-2 {
  width: 505px;
  padding-bottom: 120px;
}

.advantages-2 .advantages--h2 {
  margin-bottom: 60px;
  text-align: center;
}

.advantages-2 .advantages__box {
  margin-left: 0;
  width: 100%;
  flex-wrap: wrap;
}

.advantages-2 .advantages__item--icon {
  margin-left: 0;
}

/* === format === */
.format {
  padding-top: 120px;
  padding-bottom: 100px;
  margin-bottom: 100px;
  overflow: hidden;
}

.format--fone-1 {
  position: absolute;
  top: -160px;
  left: 0;
}

.format--fone-2 {
  position: absolute;
  right: 0;
  bottom: 0;
}

.format__box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.format__col {
  width: 176px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
}

.format--item {
  position: relative;
  padding-left: 34px;
  height: 50px;
  color: var(--black);
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  /* 25.2px */
  white-space: nowrap;
}

.format--item::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(assets/images/faq-icon.svg);
  position: absolute;
  top: 2px;
  left: 0;
}

.format__center {
  width: 544px;
  position: relative;
}

.format__center__body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.format--h2 {
  text-align: center;
  width: 346px;
  max-width: 100%;
}

/* === history === */
.history {
  margin-bottom: 240px;
}

.history--h2 {
  margin-bottom: 60px;
}

.history__box {
  margin-bottom: 60px;
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}

.history__item {
  width: 300px;
  max-width: calc(25% - 30px);
}

.history__item--img {
  margin-bottom: 20px;
  max-width: 100%;
}

.history__item--number {
  margin-bottom: 16px;
}

.history--btn {
  margin: 0 auto;
}

.blog--p {
  margin-bottom: 60px;
  width: 667px;
  max-width: 100%;
}

.blog-main .cats__box {
  margin-bottom: 32px;
  justify-content: flex-start;
}

.blog-main .cats__item {
  height: auto;
  max-width: none;
  width: fit-content;
  padding: 8px 16px;
}

.blog-main .cats__item .cats__item--name {
  white-space: nowrap;
  color: var(--black);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
  position: relative;
  z-index: 2;
}

.blog__cats__item--pseudo {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background: var(--bg);
  border-radius: 50px;
  border: 2px solid var(--grey-100, #e0e0e0);
  transition: var(--transition);
}

.cats__item--checkbox:checked~.blog__cats__item--pseudo {
  border-color: var(--purple);
  background: var(--purple);
}

.cats__item--checkbox:hover~.blog__cats__item--pseudo {
  cursor: pointer;
  border-color: var(--purple);
}

.blog-main .cats__item--checkbox {
  z-index: 3;
}

.cats__item-1 {
  display: none;
}

.blog-main #products-container .products {
  margin-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
  gap: 60px 20px;
}

.blog__post {
  width: calc(50% - 10px);
  text-decoration: none;
  position: relative;
}

.blog__post .post-slider__item--img {
  margin-bottom: 32px;
  width: 100%;
  height: 445px;
}

.blog__post .post-slider__item--h4 {
  text-decoration: none;
  margin-bottom: 12px;
  font-family: Gabriela;
  font-size: 28px;
  line-height: 140%;
  height: auto;
}

.blog__post .post-slider__item--p {
  text-decoration: none;
  height: 75px;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog__post .post-slider__item--cat {
  top: 16px;
  left: 16px;
}

.post__box {
  margin-bottom: 160px;
  display: flex;
  gap: 30px;
  justify-content: space-between;
}

.post__box article {
  width: 925px;
  max-width: calc(100% - 345px);
}

.post--date {
  margin-bottom: 12px;
  color: var(--grey-200, #9b9b9b);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}

article h1 {
  margin-bottom: 40px;
  font-size: 32px;
  line-height: 130%;
  /* 41.6px */
  text-transform: uppercase;
}

.post__thumbnail {
  position: relative;
  margin-bottom: 40px;
}

.post__thumbnail--cat {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 8px 12px;
  width: fit-content;
  white-space: nowrap;
  border-radius: 100px;
  background: var(--bg, #fffefb);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
}

.post__box__last {
  width: 315px;
}

.post__box__last--h3 {
  margin-bottom: 40px;
  font-family: Gabriela;
  font-size: 28px;
  line-height: 140%;
}

.post__box__last .post-slider__item {
  margin-bottom: 40px;
  height: auto;
}

.post-slider__item--read {
  margin-top: 16px;
  display: block;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  /* 21.6px */
}

.post-slider__item--read:hover {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

body.single .b-breadcrumbs {
  opacity: 0;
}

.post__box__last--btn-1 {
  margin-bottom: 10px;
}

article br {
  margin-bottom: 40px;
}

article h2,
article h3,
article h4 {
  font-family: Gabriela;
  margin-bottom: 12px;
  font-size: 28px;
  text-transform: none;
}

article ul {
  margin-bottom: 24px;
  padding-left: 20px;
}

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

.page-main {
  margin-bottom: 160px;
}

.page-main article h1 {
  margin-bottom: 32px;
}

.discount--h1,
.discount--h2 {
  margin-bottom: 24px;
  font-family: Gabriela;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 41.6px */
  text-transform: uppercase;
}

.discount--ul {
  margin-bottom: 100px;
  padding: 0;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.discount__col {
  padding-left: 40px;
  width: calc(50% - 10px);
}

.discount--li {
  padding-left: 32px;
  margin-bottom: 20px;
  font-size: 18px;
  position: relative;
  list-style: none;
}

.discount--li::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(assets/images/faq-icon.svg);
  position: absolute;
  top: 4px;
  left: 0;
}

.discount--li b {
  font-weight: 600;
}

.discount-2 .discount__col {
  width: 100%;
}

.prod__gallery .product-card__badge {
  left: auto;
  right: 0;
}

.woocommerce-mini-cart-item .product-card__badge,
.woocommerce-mini-cart-item .product-card__badge svg,
.woocommerce-mini-cart-item .product-card__badge--text {
  width: 50px;
  height: 50px;
}

.product-card__badge--text {
  font-size: 18px;
}

.blog h1 {
  margin-bottom: 20px;
  font-size: 32px;
}

.account .woocommerce {
  margin-bottom: 160px;
  display: flex;
  justify-content: space-between;
  gap: 40px;
}

.account__head {
  margin-bottom: -46px;
}

.woocommerce-MyAccount-navigation {
  width: 203px;
}

.account__head--name {
  color: var(--black, #252525);

  /* Decktop/H3 */
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 24px */
}

.account__head--email {
  margin-bottom: 4px;
  color: var(--black, #252525);

  /* Decktop/xxs-reg */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
}

.woocommerce-MyAccount-navigation {
  padding-top: 83px;
}

.woocommerce-MyAccount-content {
  width: 977px;
  position: relative;
  overflow: hidden;
}

.woocommerce-MyAccount-content::before {
  content: "Контактна інформація";
  display: block;
  margin-bottom: 24px;
  color: var(--black, #252525);

  /* Decktop/Subtitle 2 */
  font-family: Gabriela;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 41.6px */
  text-transform: uppercase;
}

.woocommerce-EditAccountForm {
  position: relative;
  z-index: 2;
  min-height: 656px;
  padding: 60px 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  border: 2px solid #fedf91;
  border-radius: 16px;
}

.woocommerce-EditAccountForm::before {
  content: "Ваші контактні дані";
  display: block;
  width: 100%;
  margin-bottom: 4px;
  color: var(--black, #252525);

  /* Decktop/H3 */
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 24px */
}

.woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  gap: 22px;
  height: 640px;
}

.woocommerce-MyAccount-navigation-link {
  list-style: none;
  width: fit-content;
}

.woocommerce-MyAccount-navigation-link:nth-child(1) {
  display: none;
}

.woocommerce-MyAccount-navigation-link:nth-child(2) {
  order: 2;
}

.woocommerce-MyAccount-navigation-link:nth-child(3) {
  display: none;
}

.woocommerce-MyAccount-navigation-link:nth-child(4) {
  order: 3;
}

.woocommerce-MyAccount-navigation-link:nth-child(5) {
  order: 1;
}

.woocommerce-MyAccount-navigation-link:nth-child(6) {
  margin-top: auto;
  order: 4;
  padding-left: 24px;
  position: relative;
}

.woocommerce-MyAccount-navigation-link:nth-child(6)::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(assets/images/account-exit.svg);
}

.woocommerce-MyAccount-navigation-link.is-active {
  border-bottom: 1.5px solid var(--black, #252525);
}

.woocommerce-MyAccount-navigation-link a {
  color: var(--black, #252525);

  /* Decktop/Caption 1 Med */
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
  text-decoration: none;
}

.woocommerce-Address-title.title {
  display: none;
}

.woocommerce-EditAccountForm p,
.woocommerce-EditAccountForm .clear {
  order: 10;
}

.woocommerce-EditAccountForm .form-row-first {
  order: 1;
}

.woocommerce-EditAccountForm .form-row-last {
  order: 2;
}

.woocommerce-EditAccountForm .form-row-middle {
  order: 3;
}

.clear--phone {
  order: 4;
  width: calc(50% - 10px);
}

.woocommerce-EditAccountForm .form-row-phone {
  order: 4;
}

.woocommerce-EditAccountForm .form-row-wide:nth-child(4) {
  display: none;
}

.woocommerce-EditAccountForm .form-row-wide:nth-child(6) {
  order: 5;
}

.woocommerce-EditAccountForm fieldset {
  order: 6;
  width: 100%;
  display: flex;
  gap: 20px;
  border: none;
  margin-top: 60px;
}

.woocommerce-EditAccountForm fieldset legend {
  display: block;
  margin-bottom: 24px;
  color: var(--black, #252525);

  /* Decktop/H3 */
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 24px */
}

.show-password-input {
  display: none;
}

.woocommerce-EditAccountForm .required {
  display: none;
}

.woocommerce-EditAccountForm .woocommerce-Button {
  display: none;
}

.woocommerce-EditAccountForm fieldset .form-row-wide:nth-child(4) {
  display: block;
}

.woocommerce-EditAccountForm fieldset .form-row-wide:nth-child(2) {
  display: none;
}

.woocommerce-EditAccountForm .form-row {
  width: calc(50% - 10px);
}

.woocommerce-EditAccountForm label {
  display: block;
  margin-bottom: 8px;
  color: var(--grey-200, #9b9b9b);

  /* Decktop/xxs */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 16.8px */
}

.woocommerce-EditAccountForm input {
  width: 100%;
  height: 55px;
  padding-left: 16px;
  border-radius: 4px;
  border: 1px solid var(--grey-100, #e0e0e0);
  background: var(--bg, #fffefb);
  color: var(--black, #252525);

  /* Decktop/Caption 2 Reg */
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}

.woocommerce-EditAccountForm label[for="password_1"] {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  width: 110px;
}

.account-main .account--btn {
  position: absolute;
  z-index: 3;
  right: 40px;
  display: flex;
  width: 122px;
  height: 24px;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  transition: var(--transition);
  color: var(--grey-200, #9b9b9b);
}

.account-main .filters__popup--order {
  position: absolute;
  right: 0;
  z-index: 4;
  top: 60px;
}

.woocommerce-MyAccount-content>p,
.woocommerce-MyAccount-content>p mark {
  width: 100%;
  height: 50px;
  background: #fff;
  position: relative;
  z-index: 6;
  color: var(--black, #252525);
  /* Decktop/Caption 1 Med */
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}

.woocommerce-MyAccount-content>p mark.order-number,
.woocommerce-MyAccount-content>p mark.order-date {
  color: #08f;
}

.u-column1.col-1.woocommerce-Address {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
}

.woocommerce-order-details,
.woocommerce-customer-details {
  position: relative;
  z-index: 5;
}

.woocommerce-order-details {
  top: -118px;
}

.woocommerce-order-details::before {
  content: "";
  display: block;
  width: 100%;
  height: 1000px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.woocommerce-order-details h2 {
  position: relative;
  z-index: 4;
}

.woocommerce-order-details table {
  position: relative;
  z-index: 4;
  width: 100%;
}

.woocommerce-order-details table {
  padding-top: 38px;
}

.woocommerce-order-details thead {
  display: none;
}

.woocommerce-order-details tbody {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.woocommerce-order-details tfoot {
  padding-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.woocommerce-order-details tbody tr {
  display: flex;
  justify-content: space-between;
}

.woocommerce-table__product-name.product-name {
  width: calc(100% - 130px);
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.woocommerce-order-details tbody td a,
.woocommerce-order-details tbody td span {
  color: var(--black, #252525);

  /* Decktop/xxs-reg */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  text-decoration: none;
}

.woocommerce-order-details tfoot tr {
  display: flex;
  justify-content: space-between;
}

.woocommerce-order-details tfoot th {
  color: var(--black, #252525);

  /* Decktop/Caption 2 Reg */
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}

.woocommerce-order-details tfoot td,
.woocommerce-order-details tfoot td span {
  color: var(--black, #252525);

  /* Decktop/Caption 1 Med */
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
}

.woocommerce-customer-details {
  top: -38px;
}

.woocommerce-customer-details h2 {
  margin-bottom: 24px;
}

.account-main .account-all-items {
  position: absolute;
  left: 0;
  z-index: 4;
  top: 70px;
  color: var(--grey-200, #9b9b9b);

  /* Decktop/xxs-reg */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
}

.account-all-items span {
  font-weight: 600;
  color: var(--grey-200, #9b9b9b);

  /* Decktop/xxs-reg */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  line-height: 130%;
  /* 18.2px */
}

.account-main .account--btn svg {
  min-width: 24px;
}

.account-main .account--btn path {
  transition: var(--transition);
}

.account-main .account--btn:hover,
.account-main .account--btn:hover path {
  color: var(--black);
  stroke: var(--black);
}

.account-main .account--btn-1 {
  top: 64px;
}

.account-main .account--btn-2 {
  top: 470px;
}

.checkout .success__box .woocommerce-mini-cart-item--name {
  font-family: Montserrat;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  padding-top: 54px;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders::before {
  content: "замовлення";
  display: block;
  margin-bottom: 24px;
  color: var(--black, #252525);
  font-family: Gabriela;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 41.6px */
  text-transform: uppercase;
  width: 100%;
  height: 42px;
  background: #fff;
  position: absolute;
  top: -68px;
  left: 0;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders thead {
  display: none;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders tr:first-child {
  border-top: 1px solid #e0e0e0;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders tr {
  display: flex;
  gap: 32px;
  padding: 20px 0;
  border-bottom: 1px solid #e0e0e0;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders th::before,
.woocommerce-orders-table.woocommerce-MyAccount-orders td::before {
  content: "";
  display: block;
  margin-bottom: 4px;
  color: var(--grey-200, #9b9b9b);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td::before {
  margin-bottom: 7px;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders th:nth-child(1)::before {
  content: "Замовлення";
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(2)::before {
  content: "Дата";
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(3)::before {
  content: "Статус";
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(4)::before {
  content: "Загалом";
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(5)::before {
  content: "Накладна";
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(6)::before {
  content: "Скасувати";
}

.woocommerce-orders-table.woocommerce-MyAccount-orders th:nth-child(1) {
  width: 97px;
  padding: 6px 0;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders th:nth-child(1) a {
  color: var(--black, #252525);

  /* Decktop/Button */
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 21.6px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  display: block;
  text-align: left;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(2) {
  width: 66px;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(3) {
  width: 120px;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(4) {
  width: 120px;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(5) {
  width: 85px;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(6) {
  width: 190px;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: flex-end;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(6)::before {
  margin: 0;
  margin-bottom: 5px;
  color: var(--grey-100, #e0e0e0);

  /* Decktop/Button */
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 21.6px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(6) a {
  font-size: 0;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(6) a::before {
  content: "Деталі";
  color: var(--black, #252525);

  /* Decktop/Button */
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 21.6px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td {
  padding-top: 6px;
  padding-bottom: 8.5px;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td time,
.woocommerce-orders-table.woocommerce-MyAccount-orders td span,
.woocommerce-orders-table.woocommerce-MyAccount-orders td {
  color: var(--black, #252525);
  white-space: nowrap;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 16.8px */
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(4) {
  font-size: 0;
}

.woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(4) span {
  font-size: 14px;
}

.post__box__last .post-slider__item--cat {
  font-size: 14px;
}

.category_seo_text h3 {
  font-family: Gabriela;
  font-weight: 400;
  font-size: 32px;
  letter-spacing: 0%;
  text-transform: uppercase;
}

.category_seo_text__description {
  width: 60%;
}

.category_seo_text p {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0%;
}

@media (max-width: 1350px) {
  .cats__box {
    max-width: 100%;
    justify-content: flex-start;
    margin: 0 auto;
    flex-wrap: nowrap;
  }

  .blog-main .cats__box {
    width: 100%;
  }

  .popular--btn,
  .post-slider--btn {
    margin: 20px 0 0 calc(50% - 65px);
  }

  .footer__nav {
    flex-wrap: wrap;
  }
}

@media (max-width: 1400px) {
  .about--img {
    right: -100px;
  }

  .format--fone-1 {
    left: -60px;
  }

  .format--fone-2 {
    right: -70px;
    bottom: -100px;
  }

  .reviews--fone {
    left: -200px;
  }
}

@media (max-width: 1300px) {
  .success__method--fone {
    display: none;
  }

  .success__method {
    width: 100%;
    height: auto;
  }

  .success__method__body {
    position: relative;
    border: 2px solid var(--yellow);
    border-radius: 16px;
  }
}

@media (max-width: 1200px) {
  .footer--h3 {
    font-size: 2.666vw;
  }

  .faq__box {
    margin-right: 0;
  }

  .faq,
  .post-slider {
    padding: 80px 0;
  }

  .about {
    padding-bottom: 80px;
  }

  .about--img {
    display: none;
  }

  .subscribe__col--h2 {
    font-size: 2.4vw;
  }

  .cart-sec__box {
    flex-direction: column;
    align-items: center;
  }

  .cart-sec__col-1,
  .cart-sec__col-2 {
    max-width: 100%;
  }

  #products-container .products {
    justify-content: center;
  }

  #products-container .glide__slide {
    max-width: 100%;
    height: auto;
  }
}

@media (max-width: 1100px) {
  .header__account {
    margin-left: 18px;
  }

  .header__account span {
    display: none;
  }

  .prod__gallery .glide {
    flex-wrap: wrap;
    gap: 0;
  }

  .prod__gallery .glide__track {
    width: 100%;
    order: 1;
  }

  .prod__gallery .glide__bullets {
    width: 100%;
    order: 2;
    flex-direction: row;
  }

  .prod__gallery .glide__arrows {
    width: 100%;
    left: 0;
  }

  .prod__gallery .glide__bullet {
    width: 56px;
    height: 60px;
    padding: 2px;
  }

  .reviews__box {
    flex-wrap: wrap;
  }

  .reviews__col-2 {
    width: 100%;
  }

  .reviews--fone {
    width: 348.35px;
    height: auto;
    top: -100px;
    left: -50px;
  }

  .reviews__col-1 {
    height: 210px;
  }

  .checkout__btns {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
}

@media (min-width: 881px) {
  .mobile {
    display: none !important;
  }

  .advantages__box .glide__slides {
    width: 866px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 22px 12px;
  }

  .advantages-2 .advantages__box .glide__slides {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }

  .advantages__box .glide__slide {
    width: 427px;
    height: 415px;
  }

  .advantages-2 .advantages__box .glide__slide {
    height: 367px;
  }

  .advantages__box .glide__arrows {
    display: none;
  }
}

@media (max-width: 880px) {
  :root {
    --container-padding: 16px;
  }

  .desktop {
    display: none !important;
  }

  main {
    padding-top: 60px;
  }

  section {
    overflow: hidden;
  }

  h1 {
    font-size: 36px;
  }

  h2 {
    margin-bottom: 32px;
    font-size: 24px;
  }

  h3 {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 120%;
    /* 26px */
  }

  h4 {
    margin-bottom: 12px;
    font-size: 18px;
  }

  p {
    font-size: 16px;
  }

  .btn--fone {
    max-width: calc(100vw - 32px);
  }

  .header {
    height: 60px;
  }

  .header .account--btn-1,
  .header .account--btn-2,
  .header .account--btn-1 svg,
  .header .account--btn-2 svg {
    width: 100%;
    height: auto;
  }

  .header__menu--pseudo {
    display: none;
  }

  .header__top {
    height: 60px;
    background: var(--purple);
  }

  .header__bottom {
    height: 0;
    padding: 0;
  }

  .header__cart {
    position: absolute;
    right: 60px;
    top: -49px;
  }

  .header__account {
    margin: 0;
  }

  .header__account span {
    color: var(--black);
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    /* 21.6px */
    display: inline;
  }

  .header__menu .header__nav {
    gap: 16px;
  }

  .header__humburger {
    order: 4;
    margin: 0;
    width: 44px;
    height: 44px;
  }

  .header__humburger--text {
    display: none;
  }

  .header__logo {
    position: static;
    margin: 0 auto 0 0;
    order: 1;
  }

  .header__search {
    width: 44px;
    order: 2;
  }

  .header--open-mincart {
    order: 3;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
  }

  .header__humburger--icon {
    padding-top: 5px;
  }

  .header__humburger--icon-active {
    padding-top: 5px;
  }

  .header__menu {
    top: 60px;
    width: 100%;
    height: calc(100vh - 60px);
    background: var(--fone-white);
    overflow-x: auto;
    left: 0;
  }

  .header__menu--fone {
    display: none;
  }

  .header__nav>.mobile:not(.header__account) {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .header__search__body {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    border: none;
    background: rgba(11, 11, 11, 0.4);
  }

  .header__search__body form {
    height: 52px;
  }

  .header__search--input {
    border: none;
    padding-left: 68px;
    padding-right: 68px;
    font-size: 16px;
    border-radius: 0;
  }

  .header__search--button {
    top: 0;
    height: 54px;
  }

  .header__search--close {
    right: 16px;
    width: 44px;
    height: 54px;
  }

  .header__cart .widget_shopping_cart {
    justify-content: center;
    align-items: center;
  }

  .woocommerce-mini-cart__empty__box,
  .woocommerce-mini-cart__box {
    padding: 45px 20px;
  }

  .woocommerce-mini-cart__inner .woocommerce-mini-cart--h2 {
    margin-bottom: 26px;
  }

  .woocommerce-mini-cart--count {
    margin-bottom: 8px;
  }

  .woocommerce-mini-cart--count,
  .woocommerce-mini-cart--count span {
    font-size: 12px;
  }

  .woocommerce-mini-cart-item {
    padding-left: 122px;
  }

  .woocommerce-mini-cart-item--img {
    width: 107px;
  }

  .woocommerce-mini-cart-item--name {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .woocommerce-mini-cart-item .product-card__price .woocommerce-Price-amount bdi {
    font-size: 24px;
  }

  .woocommerce-mini-cart-item .product-card__price del .woocommerce-Price-amount bdi,
  .woocommerce-mini-cart-item .product-card__price del .woocommerce-Price-currencySymbol {
    font-size: 18px;
  }

  .mini-cart-qty {
    margin-top: 0;
  }

  .woocommerce-mini-cart__total {
    padding-bottom: 16px;
    margin-bottom: 20px;
  }

  .woocommerce-mini-cart__total span {
    font-size: 18px;
  }

  .woocommerce-mini-cart--extra {
    margin-bottom: 16px;
    font-size: 12px;
  }

  .woocommerce-mini-cart__total span,
  .woocommerce-mini-cart__total span bdi,
  .woocommerce-mini-cart__total .woocommerce-Price-currencySymbol {
    font-size: 18px;
  }

  .woocommerce-mini-cart .product-card__price {
    flex-direction: row-reverse;
  }

  .woocommerce-mini-cart--close {
    top: 36px;
    right: 20px;
  }

  .hero {
    padding-top: 208px;
  }

  .hero--fone-1,
  .hero--fone-2 {
    position: absolute;
  }

  .hero--fone-1 {
    left: 0;
    top: -10px;
  }

  .hero--fone-2 {
    right: 0;
    top: 20px;
  }

  .hero--h1 {
    margin-bottom: 8px;
    width: 332px;
    max-width: 100%;
  }

  .hero--h4 {
    margin-bottom: 60px;
  }

  .footer__box {
    flex-direction: column;
  }

  .cats__box {
    justify-content: center;
    flex-wrap: wrap;
  }

  .cats__item {
    width: 172px;
    height: 240px;
    padding: 20px;
    gap: 4px;
    max-width: calc(50% - 8px);
  }

  #filter-form .cats__item {
    max-width: 100%;
  }

  .cats__item--img {
    width: 82px;
    height: auto;
  }

  .cats__item--name {
    font-size: 20px;
  }

  .popular {
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .popular__box {
    width: 100%;
    padding: 0 var(--container-padding);
  }

  .popular--img {
    top: -100px;
    right: -70px;
    height: auto;
  }

  .product-card {
    width: 172px;
  }

  .product-card__content {
    padding: 12px 8px;
    height: auto;
  }

  .product-card--cat {
    margin-bottom: 4px;
    font-size: 12px;
  }

  a.product-card--title {
    margin-bottom: 10px;
    font-size: 18px;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }

  .product-card__tags {
    margin-bottom: 8px;
  }

  .product-card--tag,
  .product-card__reviews--count,
  .product-card__reviews--stars {
    font-size: 12px;
  }

  .product-card__reviews {
    margin-bottom: 12px;
  }

  .product-card__price {
    flex-direction: column;
    gap: 2px;
    justify-content: flex-end;
    /*
    height: -webkit-fill-available; */
  }

  .product-card__price del {
    order: 1;
  }

  .product-card__price del .woocommerce-Price-amount bdi,
  .product-card__price del .woocommerce-Price-currencySymbol {
    font-size: 14px;
  }

  .product-card__price .woocommerce-Price-amount bdi {
    font-size: 19px;
  }

  .product-card--btn {
    width: 44px;
    height: 44px;
    overflow: hidden;
  }

  .glide__arrows {
    padding-top: 32px;
    padding: 0;
  }

  .popular--btn {
    margin: 32px auto 0 auto;
  }

  .advantages {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .advantages--h2 {
    width: 160px;
  }

  .advantages--fone {
    top: -80px;
    left: -50px;
  }

  .advantages__box {
    margin-right: calc(-1 * var(--container-padding));
  }

  .advantages__item {
    width: 266px;
    height: 385px;
    padding: 48px 24px 24px 24px;
  }

  .advantages__item--icon {
    width: 48px;
    margin-bottom: 16px;
  }

  .video-sec--img-1,
  .video-sec--img-2 {
    display: none;
  }

  .video-sec--video {
    height: 520px;
    object-fit: cover;
  }

  .about {
    padding: 100px 0;
  }

  .about__box {
    flex-wrap: wrap;
    gap: 0;
  }

  .about__col-1 {
    max-width: 100%;
  }

  .about__box--h3 {
    margin-bottom: 20px;
  }

  .about__box--p {
    width: 260px;
  }

  .about--img {
    display: block;
    width: 92px;
    height: auto;
    right: 0;
    bottom: 185px;
  }

  .post-slider__item--img {
    margin-bottom: 14px;
  }

  .post-slider__item--h4 {
    margin-bottom: 4px;
  }

  .post-slider--btn {
    margin: 20px 0 0 calc(50% - 80px);
  }

  .faq__head {
    margin-bottom: 30px;
    position: relative;
    overflow-x: auto;
    padding-bottom: 12px;
    margin-right: calc(-1 * var(--container-padding));
    padding-right: var(--container-padding);
    gap: 8px;
  }

  .faq__item {
    padding-left: 30px;
    padding-right: 64px;
  }

  .faq__more__line {
    flex-wrap: wrap;
    gap: 12px 20px;
  }

  .faq__more__line span {
    display: block;
    width: 100%;
    text-align: center;
  }

  .faq__more--soc .btn--fone {
    opacity: 1;
  }

  .subscribe {
    padding: 100px 0;
  }

  .subscribe__box {
    flex-wrap: wrap;
    padding-left: 0;
    gap: 20px;
  }

  .subscribe__col-1 {
    width: 100%;
    order: 2;
    height: auto;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  .subscribe__col--h2 {
    font-size: 24px;
  }

  .subscribe__col-2 {
    padding-top: 120px;
    padding-bottom: 140px;
  }

  .subscribe--fone {
    width: 458px;
    height: auto;
    top: 0;
    left: -60px;
  }

  .subscribe--card-1,
  .subscribe--card-2 {
    position: static;
  }

  .subscribe--card-1 {
    transform: rotate(6.784deg);
  }

  .subscribe--card-2 {
    transform: rotate(-9.845deg);
  }

  .subscribe--btn-1,
  .subscribe--btn-2 {
    margin-bottom: 35px;
  }

  .subscribe--img-2,
  .subscribe--img-3 {
    position: absolute;
  }

  .subscribe--img-2 {
    top: 677px;
    left: 0;
  }

  .subscribe--img-3 {
    right: 0;
    bottom: 230px;
  }

  .footer--fone {
    top: -25px;
  }

  .footer__box {
    margin: 0 auto;
    padding-top: 80px;
    width: 361px;
    max-width: 100%;
    gap: 40px;
  }

  .footer__col-1,
  .footer__col-2 {
    width: 100%;
    max-width: 100%;
  }

  .footer__col-1:nth-child(1),
  .footer__col-2:nth-child(2) {
    margin-bottom: 30px;
  }

  .footer--logo {
    margin-bottom: 60px;
    width: 100%;
    height: auto;
  }

  .footer--h3 {
    margin-bottom: 60px;
    font-size: 24px;
  }

  .footer--h2 {
    margin-bottom: 12px;
  }

  .footer--p {
    font-size: 18px;
  }

  .footer__nav {
    gap: 40px;
  }

  .footer__subcol {
    width: 100%;
  }

  .footer__col-1:nth-child(3) {
    order: 4;
  }

  .footer__devs {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__devs {
    gap: 8px;
  }

  .footer__devs--shine {
    font-size: 18px;
  }

  .cats--h1 {
    margin-bottom: 20px;
  }

  .filters__mob {
    justify-content: space-between;
    height: 50px;
    margin-bottom: 16px;
  }

  .filters__mob--sort,
  .filters__mob--order {
    width: calc(50% - 8px);
    text-align: center;
    color: var(--black, #252525);
    font-size: 18px;
    line-height: 120%;
    /* 21.6px */
  }

  #filters {
    position: fixed;
    z-index: -1;
    width: 100vw;
    height: 100dvh;
    background: var(--fone-white);
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    padding: 76px 32px 24px 32px;
    overflow-y: auto;
  }

  #filters.active {
    opacity: 1;
    visibility: visible;
    z-index: var(--z-index-popup);
  }

  #filters .cats__box {
    flex-direction: column;
  }

  #filters .cats__item {
    width: 100%;
    height: 24px;
    padding: 0;
    gap: 16px;
    justify-content: flex-start;
    flex-direction: row;
  }

  #filters .cats__item--fone,
  #filters .cats__item--img,
  #filters .cats__item--text {
    display: none;
  }

  #filters .cats__item--name {
    font-size: 16px;
    line-height: 140%;
    font-family: Montserrat;
  }

  .blog-main #filters .cats__item--name {
    font-size: 14px;
  }

  .filters__mob__head,
  #filters .cats__box,
  .filters__popup__box {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 0 26px 0;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 24px;
  }

  .filters__mob__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }

  .filters__mob--close {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .filters__mob--title {
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
  }

  .filters__box {
    margin: 0;
    flex-direction: column;
    align-items: flex-start;
  }

  .filters__popup--price {
    order: 2;
  }

  .filters__popup--attr {
    order: 1;
  }

  .filters__popup--btn {
    display: none;
  }

  div.filters__popup__box {
    position: static;
    opacity: 1;
    visibility: visible;
    width: 100% !important;
    height: auto !important;
    transform: translate(0);
  }

  .filters__popup__checkbox,
  .filters__popup__radio {
    margin: 0;
  }

  .filters__popup {
    width: 100%;
  }

  .filters__popup__mob__btns {
    width: 100%;
    order: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
  }

  .filters__popup__mob--reset {
    color: var(--black, #252525);
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    /* 21.6px */
  }

  #products-container .products {
    gap: 60px 16px;
  }

  #products-container .glide__slide {
    max-width: calc(50% - 8px);
  }

  .prod__box {
    flex-direction: column;
    gap: 32px;
    height: auto !important;
  }

  .prod__col-1,
  .prod__col-2 {
    width: 100%;
    max-width: 100%;
  }

  .prod__col-1 {
    position: relative;
    top: 0;
  }

  .prod__gallery--img {
    width: 100%;
  }

  .b-breadcrumbs {
    padding-top: 12px;
    flex-wrap: wrap;
  }

  .page-template-template-cart .breadcrumbs {
    margin-bottom: 15px;
  }

  .prod--h1 {
    font-size: 24px;
  }

  .prod--sku {
    font-size: 16px;
  }

  .prod__price,
  .prod__tags,
  .prod--sku,
  .prod__reviews {
    margin-bottom: 16px;
  }

  .prod .product-card__price del .woocommerce-Price-amount bdi,
  .prod .product-card__price del .woocommerce-Price-currencySymbol {
    font-size: 20px;
  }

  .prod .product-card__price .woocommerce-Price-amount bdi {
    font-size: 28px;
  }

  .prod--disclaimer {
    font-size: 16px;
  }

  .prod__buy__cart {
    gap: 16px;
  }

  .prod__buy {
    margin-bottom: 60px;
  }

  .prod__buy__cart .btn--fone {
    max-width: calc(100vw - 182px);
  }

  .prod__info--line {
    margin: 20px 0;
  }

  .prod__info__item--dynamic {
    flex-direction: column;
    gap: 4px;
  }

  .prod__info__item--dynamic .prod__info__item--p:nth-child(1) {
    width: 100%;
  }

  .prod__info__item--dynamic .prod__info__item--p:nth-child(2) {
    width: 100%;
  }

  .prod--fone {
    width: 127.4px;
    height: auto;
    left: auto;
    right: -20px;
    bottom: 0;
    transform: scaleX(-1);
  }

  .popular.viewed {
    padding-bottom: 100px;
  }

  .reviews {
    padding-top: 100px;
  }

  .reviews__nothing__content {
    padding: 210px 20px 20px 20px;
  }

  .reviews__nothing--img {
    left: 20px;
  }

  .reviews__nothing--btn {
    width: 100%;
  }

  .reviews__nothing--btn svg {
    width: 100%;
    height: auto;
  }

  .reviews--fone {
    top: 0;
    left: -70px;
  }

  .reviews.has-comments .reviews__col-1,
  .reviews.has-comments .reviews__col-2 {
    width: 100%;
    max-width: 100%;
  }

  .reviews.has-comments .reviews__col-1 {
    height: auto;
  }

  .reviews__nothing--fone {
    max-width: calc(100vw - 32px);
  }

  .reviews.has-comments .reviews--fone {
    top: 50px;
  }

  .reviews__stat__body {
    padding: 32px;
  }

  .reviews__stat__body .btn--fone {
    max-width: 100%;
  }

  .reviews__stat--p {
    margin-bottom: 30px;
  }

  .reviews__stat--btn {
    margin-top: 30px;
  }

  .reviews__stat--fone {
    max-width: 100%;
    height: auto;
  }

  .reviews--show-all {
    width: 100%;
  }

  .reviews--show-all svg {
    width: 100%;
    height: auto;
  }

  .add-review__box .box {
    flex-direction: column;
    gap: 20px;
  }

  .add-review__col {
    width: 100%;
  }

  .add-review__form {
    padding: 70px var(--container-padding);
  }

  .add-review__box {
    max-width: 100%;
    max-height: 100vh;
    height: auto;
    width: auto;
  }

  .add-review--h2 {
    margin-bottom: 24px;
  }

  .add-review--label {
    margin-bottom: 8px;
  }

  .add-review--textarea,
  .add-review__stars {
    margin-bottom: 20px;
  }

  .add-review__box .box:last-child {
    margin-top: 30px;
  }

  .add-review--btn-1,
  .add-review--btn-2 {
    width: 100%;
  }

  .add-review--btn-1 svg,
  .add-review--btn-2 svg {
    width: 100%;
    height: auto;
  }

  .add-review--close {
    top: 60px;
    right: 18px;
  }

  .add-review__box--fone {
    max-width: calc(100vw - 4px);
    height: auto;
  }

  #product-tabs {
    position: relative;
    overflow-x: auto;
    margin-right: calc(-1 * var(--container-padding));
    padding-right: var(--container-padding);
    padding-bottom: 10px;
    max-width: 100vw;
  }

  .search__no-results--p {
    font-size: 18px;
  }

  .search__no-results--p br {
    display: none;
  }

  .search__no-results--btn {
    margin-top: 0;
  }

  .no-t-a-c {
    text-align: center;
  }

  .cart-sec .mini-cart-qty {
    position: static;
  }

  .cart-sec .remove.remove_from_cart_button {
    bottom: 16px;
  }

  .cart-sec__col-2 {
    height: 364px;
  }

  .cart-sec__box {
    gap: 60px;
  }

  .cart-sec__col-2__box {
    padding: 40px 20px;
    padding-top: 10px;
  }

  .cart-sec__col-2__box .cart--h2 {
    margin-top: 15px;
  }

  .cart-sec__col-2__box .woocommerce-mini-cart__total {
    margin-top: 25px !important;
  }

  .page-template-template-cart .cart-sec ul.woocommerce-mini-cart {
    border-top: 1px solid #e0e0e0;
    margin-top: 30px;
    border-bottom: 1px solid #e0e0e0;
  }

  .cart-sec__col-2--fone {
    max-width: 100%;
    height: auto;
  }

  .cart-sec__col-2 .btn--fone {
    max-width: calc(100vw - 48px);
  }

  .account-popup {
    padding-top: 80px;
  }

  .account-popup__box {
    max-width: calc(100% - 14px);
  }

  .account-popup--fone {
    max-width: 100%;
    height: auto;
  }

  .account-popup__content {
    padding: 88px 17px 16px 17px;
  }

  .account-popup .btn--fone {
    max-width: 100%;
  }

  .account-popup__box[data-type="reg"] .account-popup__head {
    margin-bottom: 40px;
    padding-bottom: 16px;
  }

  .account-popup__box[data-type="reg"] .account-popup--btn {
    margin-top: 40px;
  }

  .account-popup__pseudoradio--text {
    line-height: 140%;
  }

  .account-popup__pseudoradio--label {
    width: calc(100% - 48px);
  }

  .checkout__box {
    flex-direction: column;
    gap: 100px;
  }

  .checkout__col-1,
  .checkout__col-2 {
    width: 100%;
    max-width: 100%;
  }

  .checkout--h1,
  .checkout--h2 {
    margin-bottom: 24px;
    font-size: 24px;
  }

  .checkout .woocommerce-mini-cart-item--name {
    width: calc(100% - 80px);
  }

  .success__method {
    margin: 24px 0;
  }

  .success__method__body {
    padding: 24px 18px;
  }

  .success__method__item span:nth-child(1) {
    width: 86px;
    font-size: 12px;
  }

  .success__method__item span:nth-child(2) {
    width: calc(100% - 100px);
    font-size: 12px;
  }

  .success__method--p {
    font-size: 12px;
  }

  .success__contact {
    margin: 24px 0;
  }

  .success__contact__item span:nth-child(1) {
    font-size: 18px;
  }

  .success__contact__item span:nth-child(2) {
    font-size: 16px;
  }

  .about.about-2 {
    padding-top: 0;
    padding-bottom: 132px;
  }

  .about-2 .about--p {
    width: 100%;
  }

  .about-2 .about__col-2 {
    padding-bottom: 0;
  }

  .about-2 .about--img {
    bottom: 280px;
  }

  .advantages-2 {
    padding-top: 0;
  }

  .advantages-2 .advantages--h2 {
    width: 100%;
  }

  .advantages-2 .glide__slides {
    flex-direction: column !important;
    gap: 20px;
  }

  .advantages-2 .advantages__item {
    margin: 0 auto;
    width: 361px;
    height: auto;
    padding: 18px 24px 24px 24px;
  }

  .format {}

  .format--fone-1 {
    transform: scaleY(-1);
    width: 95px;
    top: 50px;
    height: auto;
    left: 0;
  }

  .format--fone-2 {
    width: 180px;
    bottom: -50px;
    right: 0;
  }

  .format__box {
    flex-direction: column;
  }

  .format__center {
    width: 100%;
  }

  .format__col {
    order: 2;
    width: 100%;
  }

  .format__center--img {
    width: 359px;
    height: auto;
  }

  .format--item {
    width: 100%;
    display: block;
    height: auto;
  }

  .format--item br {
    display: none;
  }

  .history--h2 {
    width: 300px;
  }

  .history__box {
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: flex-start;
    margin-right: calc(-1 * var(--container-padding));
    padding-right: var(--container-padding);
    scroll-behavior: smooth;
    gap: 16px;
    padding-bottom: 20px;
    margin-bottom: 80px;
  }

  .advantages-2 .advantages__item--icon {
    margin-bottom: 0;
    width: 60px;
  }

  .advantages-2 .glide__slides .glide__slide:nth-child(1) .advantages__item {
    height: 239px;
  }

  .advantages-2 .glide__slides .glide__slide:nth-child(2) .advantages__item {
    height: 239px;
  }

  .advantages-2 .glide__slides .glide__slide:nth-child(3) .advantages__item {
    height: 207px;
  }

  .advantages-2 .glide__slides .glide__slide:nth-child(4) .advantages__item {
    height: 207px;
  }

  .advantages-2 .glide__slides .glide__slide:nth-child(5) .advantages__item {
    height: 249px;
  }

  .advantages-2 .glide__slides .glide__slide:nth-child(6) .advantages__item {
    height: 207px;
  }

  .blog__post {
    width: 100%;
  }

  .blog__post .post-slider__item--cat {
    top: 8px;
    left: 8px;
  }

  .blog-main h1 {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .blog--p {
    margin-bottom: 32px;
  }

  .blog__post .post-slider__item--h4,
  .post-slider__item--p {
    height: auto;
  }

  .blog__post .post-slider__item--img {
    margin-bottom: 12px;
  }

  .blog__post .post-slider__item--h4 {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 130%;
  }

  .blog-main #products-container {
    margin-bottom: 0;
  }

  .blog-main #filters {
    position: static;
    width: calc(100vw - var(--container-padding));
    height: auto;
    visibility: visible;
    opacity: 1;
    padding: 0;
    overflow: auto;
    margin-right: calc(-1 * var(--container-padding));
    padding-right: var(--container-padding);
    justify-content: flex-start;
    padding-bottom: 10px;
    margin-bottom: 6px;
  }

  .blog-main #filters .cats__box {
    flex-direction: row;
    flex-wrap: nowrap;
    margin-left: 0;
    padding-right: var(--container-padding);
    border: none;
    margin: 0;
    padding-bottom: 0;
    width: fit-content;
    max-width: none;
  }

  .blog__cats__item--pseudo {
    display: none;
  }

  .cats__item--checkbox:checked~.cats__item--name {
    font-weight: 600;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }

  .post__box {
    flex-direction: column;
    gap: 60px;
  }

  .post__box article,
  .post__box__last {
    max-width: 100%;
    width: 100%;
  }

  article h1 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 130%;
  }

  .post--date {
    font-size: 12px;
    margin-bottom: 8px;
  }

  .post__thumbnail {
    margin-bottom: 20px;
  }

  .post__thumbnail--cat {
    top: 8px;
    left: 8px;
  }

  article h2,
  article h3,
  article h4 {
    color: var(--black, #252525);
    font-family: Gabriela;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 28.8px */
  }

  .post__box__last .post-slider__item {
    width: 100%;
  }

  .post__box__last .post-slider__item--cat,
  .post__box__last .post-slider__item--p {
    display: none;
  }

  .post__box__last .post-slider__item--h4 {
    height: auto;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    width: calc(100% - 121px);
    font-size: 18px;
  }

  .post__box__last .post-slider__item {
    margin-bottom: 20px;
    display: flex;
    gap: 16px;
    position: relative;
    overflow: hidden;
  }

  .post__box__last .post-slider__item--img {
    width: 105px;
    height: 105px;
    border-radius: 20px;
    object-fit: cover;
  }

  .post-slider__item--read {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
  }

  .post__box__last--btn-1 {
    margin-top: 60px;
  }

  .post__box__last--btn-1,
  .post__box__last--btn-2 {
    margin-left: auto;
    margin-right: auto;
  }

  .post__box__last--btn-1,
  .post__box__last--btn-2,
  .post__box__last--btn-1 svg,
  .post__box__last--btn-2 svg {
    width: 100%;
    height: auto;
  }

  .post__box__last--h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .discount__col {
    width: 100%;
    padding-left: 16px;
  }

  section.discount {
    margin-bottom: -60px;
  }

  .discount--ul {
    margin-bottom: 60px;
  }

  .discount--h1,
  .discount--h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .blog__post .post-slider__item--img {
    height: 216px;
    object-fit: cover;
  }

  .popular--img {
    display: none;
  }

  .popular {
    padding-top: 100px;
  }

  .product-card--title {
    height: 70px;
  }

  .product-card__tags {
    height: 33px;
    overflow: hidden;
  }

  .popular__box {
    height: 502px;
    overflow: hidden;
  }

  .about__box {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .about--img {}

  .about__col-2 {
    width: 100%;
  }

  .post-slider__box {
    height: 440px;
    overflow: hidden;
  }

  .subscribe__box {
    flex-direction: column;
    height: 1430px;
  }

  .footer {
    height: 1740px;
  }

  .faq__more {
    height: 492px;
  }

  .faq__item__answer--text {
    font-size: 16px;
  }

  .history__item {
    max-width: 100%;
    min-width: 267px;
  }

  .history--btn,
  .history--btn svg {
    width: 100%;
    height: auto;
  }

  .footer--copyright {
    line-height: normal;
  }

  .account .woocommerce {
    flex-direction: column;
  }

  .woocommerce-MyAccount-navigation {
    padding-top: 70px;
    width: 100%;
  }

  .account__head--name,
  .account__head--email {
    text-align: center;
  }

  .woocommerce-MyAccount-navigation ul {
    align-items: center;
    width: 100%;
    height: auto;
  }

  .woocommerce-MyAccount-content::before {
    font-size: 24px;
    line-height: 130%;
  }

  .woocommerce-MyAccount-content {
    width: 100%;
  }

  .woocommerce-EditAccountForm {
    padding: 32px 16px;
  }

  .woocommerce-EditAccountForm::before {
    margin-bottom: 60px;
  }

  .account-main .account--btn-1 {
    top: 74px;
    left: auto;
    right: auto;
  }

  .woocommerce-EditAccountForm .form-row {
    width: 100%;
  }

  .woocommerce-EditAccountForm fieldset {
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .woocommerce-EditAccountForm fieldset legend {
    margin-bottom: 60px;
  }

  .woocommerce-EditAccountForm .account--btn-2 {
    top: 695px;
    right: auto;
  }

  .woocommerce-orders-table.woocommerce-MyAccount-orders::before {
    top: -60px;
  }

  .woocommerce-orders-table.woocommerce-MyAccount-orders th::before,
  .woocommerce-orders-table.woocommerce-MyAccount-orders td::before {
    display: none;
  }

  .woocommerce-orders-table.woocommerce-MyAccount-orders tr {
    flex-wrap: wrap;
    gap: 8px 0;
    display: grid;
    grid-template-columns: 100px calc(100% - 200px) 100px;
    grid-template-rows: 22px 17px 96px;
    grid-template-areas:
      "item1 item2 item3"
      "item4 item2 item5"
      "item6 item6 item6";
  }

  .woocommerce-orders-table.woocommerce-MyAccount-orders th:nth-child(1) {
    grid-area: item1;
  }

  .woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(2) {
    grid-area: item3;
    width: 100%;
    text-align: right;
  }

  .woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(3) {
    text-align: center;
    grid-area: item2;
    line-height: 47px;
    width: 100%;
  }

  .woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(4) {
    grid-area: item5;
    width: 100%;
    text-align: right;
  }

  .woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(5) {
    grid-area: item4;
  }

  .woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(6) {
    width: 100%;
    grid-area: item6;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }

  .woocommerce-orders-table.woocommerce-MyAccount-orders td:nth-child(6)::before {
    display: block;
  }

  .account-main .filters__popup--order {
    width: auto;
  }

  .account-main .filters__popup--btn {
    font-size: 0;
    display: flex;
  }

  .account-main .filters__popup--btn .filters__popup--order--span {
    font-size: 14px;
  }

  .account-main .filters__popup__box {
    position: absolute;
    right: 0;
    left: auto;
    width: 262px !important;
    height: 296px !important;
    padding: 24px 32px;
    opacity: 0;
    visibility: hidden;
  }

  .woocommerce-customer-details {
    display: none;
  }

  .woocommerce-order-details {
    top: -105px;
  }

  .woocommerce-table__product-name.product-name {
    width: calc(100% - 100px);
  }

  .woocommerce-order-details table {
    padding-top: 68px;
  }

  .woocommerce-order-details tfoot tr {
    flex-direction: column;
    margin-bottom: 16px;
  }

  .woocommerce-order-details tfoot th,
  .woocommerce-order-details tfoot th {
    text-align: left;
  }

  .account .woocommerce {
    gap: 60px;
  }

  .u-column1.col-1.woocommerce-Address {
    padding-top: 60px;
  }

  .about--btn {
    width: 100%;
    height: auto;
  }

  .about--btn svg {
    width: 100%;
    height: auto;
  }

  .about-2 .about__col-2 {
    width: 100%;
  }

  .blog__post .post-slider__item--p {
    height: auto;
  }

  .post-slider__item--btn {
    margin-top: 12px;
    font-size: 18px;
  }

  .reviews__box {
    flex-direction: column;
  }

  .category_seo_text h3 {
    font-size: 24px;
    margin-bottom: 15px;
  }

  .category_seo_text__description {
    width: 100%;
  }

  .category_seo_text p {
    font-size: 16px;
  }
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}