@charset "UTF-8";
/*
	Theme Name: Garden Plast
	Author: Web-Agent
	Author URI: https://web-agent.by/
	Description: Тема для сайта gardenplast.by
	Version: 1.0.02
	Requires at least: 6.8
	Tested up to: 6.8
	Requires PHP: 8.2
	Text Domain: gardenplast
*/
/* SCSS setup */
/* Media */
/* Variables */
:root {
  /* Colors */
  --color-white: #fff;
  --color-gray: #edefed;
  --color-gray-dark: #b2b2b2;
  --color-black: #0f0f0f;
  --color-primary: #205421;
  --color-primary-dark: #002A07;
  --color-background-primary: var( --color-white );
  --color-background-secondary: #f3f6ed;
  --color-background-invert: var( --color-black );
  --color-text-primary: var( --color-primary-dark );
  --color-text-secondary: var( --color-gray-dark );
  --color-text-invert: var( --color-white );
  /* Sizes */
  --wrapper-size: calc( 1560px - 100px );
  --wrapper-gap: calc( ( 100vw - var( --wrapper-size ) ) / 2 );
  --header-size-primary: 100px;
  --header-size-scrolled: 70px;
  --gap-list: 10px;
  --gap-small: 16px;
  --gap-primary: 24px;
  --gap-big: 32px;
  --gap-large: 40px;
  --gap-giant: 80px;
  --gap-section: 150px;
  --border-radius-primary: 6px;
  /* Fonts */
  --font-family-primary: "Inter", sans-serif;
  --font-family-secondary: "Manrope", sans-serif;
  --font-size-tiny: 14px;
  --font-size-small: 16px;
  --font-size-primary: 18px;
  --font-size-medium: 20px;
  --font-size-big: 24px;
  --font-size-large: 32px;
  --font-size-giant: 46px;
  --line-height-primary: 130%;
  /* Animations */
  --animation-slow: ease-in-out .15s;
  --animation-primary: ease-in-out .1s;
}
@media (min-width: 782px) and (max-width: 1560px) {
  :root {
    --wrapper-size: calc( 100vw - 100px );
  }
}
@media (max-width: 782px) {
  :root {
    --wrapper-size: calc( 100vw - 32px );
    --header-size-primary: 60px;
    --header-size-scrolled: 60px;
    --gap-section: 80px;
  }
}

/* Animations */
@keyframes loading-rotation {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  80% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
/* Reset */
html {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-primary);
  font-variant-numeric: lining-nums;
  line-height: var(--line-height-primary);
  color: var(--color-text-primary);
}

body {
  background-color: var(--color-background-primary);
  margin: 0;
}
body:not(:has(main .section-hero)) {
  margin-top: var(--header-size-primary);
}

* {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-secondary);
}

a {
  text-underline-offset: 3px;
  color: unset;
}
a.link {
  text-decoration: none;
}
a.link_hover:hover {
  text-decoration: underline;
}

img {
  vertical-align: middle;
}

ul, ol {
  padding-left: 18px;
}

/* UI */
.form-common {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
}
.form-common__header {
  display: flex;
  flex-direction: column;
  gap: var(--gap-list);
}
.form-common__header h3 {
  margin: 0;
}
.form-common__row {
  display: flex;
  gap: var(--gap-small);
}
.form-common__item {
  display: flex;
  flex-direction: column;
  gap: var(--gap-list);
}
.form-common__item label {
  cursor: pointer;
  font-size: var(--font-size-small);
}
.form-common__item:has([required]) label::after {
  content: " *";
  color: red;
}
.form-common__submit {
  display: flex;
  gap: var(--gap-small);
}

input,
textarea,
select {
  background-color: var(--color-white);
  padding: 10px 16px;
  border: 1px solid #B1C4B3;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

textarea {
  resize: vertical;
}

.button {
  padding: 18px var(--gap-giant);
  border: 2px solid transparent;
  transition: background-color var(--animation-primary), border-color var(--animation-primary);
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-small);
  white-space: nowrap;
}
.button span {
  transition: color var(--animation-primary);
  display: block;
}
.button_primary {
  background-color: var(--color-primary-dark);
  color: var(--color-white);
}
.button_primary:hover {
  background-color: var(--color-primary);
}
.button_primary span {
  color: var(--color-white);
}
.button_secondary {
  border-color: var(--color-primary-dark);
}
.button_secondary:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.button_secondary:hover span {
  color: var(--color-white);
}
.button_slim {
  padding: var(--gap-list) var(--gap-giant);
}
.button_big {
  padding: var(--gap-small) var(--gap-primary);
}
.button_loading {
  position: relative;
}
.button_loading::after {
  content: "";
  width: auto;
  height: 40%;
  aspect-ratio: 1;
  border: 2px solid var(--color-white);
  border-radius: 50%;
  border-right-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  animation: loading-rotation 1s ease-in-out infinite;
}
.button_loading span {
  opacity: 0;
}

.checkbox {
  display: flex;
  align-items: center;
  gap: var(--gap-list);
}
.checkbox input {
  width: 18px;
  height: 18px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.checkbox label {
  position: relative;
}
.checkbox label::before {
  content: "";
  background-color: var(--color-white);
  width: 18px;
  height: 18px;
  border-radius: 3px;
  border: 2px solid var(--color-primary-dark);
  box-sizing: border-box;
  position: absolute;
  top: calc(50% - 18px / 2);
  left: calc(0px - var(--gap-list) - 18px);
}
.checkbox:has(input:checked) label::before {
  background-image: url(assets/images/icons/checkbox-check.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.accordion {
  padding: var(--gap-primary) 0;
  border-bottom: 1px solid var(--color-background-secondary);
}
.accordion:first-of-type {
  padding-top: 0;
}
.accordion:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.accordion details summary {
  padding-left: 18px;
  cursor: pointer;
  list-style: none;
  position: relative;
}
.accordion details summary::before, .accordion details summary::after {
  content: "";
  background-color: var(--color-text-primary);
  width: 10px;
  height: 1px;
  transition: rotate var(--animation-slow);
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
}
.accordion details summary::-webkit-details-marker {
  display: none;
}
.accordion details:not([open]) summary::after {
  rotate: 90deg;
}
.accordion__content {
  display: grid;
  grid-template-rows: 0fr;
  transition: all var(--animation-slow);
}
.accordion__content-body {
  overflow: hidden;
}
.accordion__content-body > *:first-child {
  margin-top: 0;
}
.accordion__content-body > *:last-child {
  margin-bottom: 0;
}
details[open] + .accordion__content {
  margin-top: var(--gap-primary);
  grid-template-rows: 1fr;
}

.dialog {
  max-width: 600px;
  padding: var(--gap-large);
  border: none;
  outline: none;
  transition: all var(--animation-primary);
}
.dialog:not([open]) {
  transform: translateY(10px);
  visibility: hidden;
  opacity: 0;
  position: fixed;
  display: block;
}
.dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
}
@media (max-width: 782px) {
  .dialog {
    max-width: unset;
    width: var(--wrapper-size);
    padding: var(--gap-primary);
  }
}
.dialog > *:first-child {
  margin-top: 0;
}
.dialog > *:last-child {
  margin-bottom: 0;
}
.dialog__close {
  background-image: url(assets/images/icons/dialog-close.svg);
  background-size: contain;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: var(--gap-small);
  right: var(--gap-small);
}
.dialog__title {
  margin-top: 0;
  font-weight: 500;
  font-size: var(--font-size-large);
  line-height: 130%;
  color: var(--color-primary);
}
.dialog__description {
  font-size: var(--font-size-small);
}

.dialog-lang__list {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--gap-list);
}

.popover {
  max-width: 500px;
  margin: auto var(--gap-primary) var(--gap-primary) auto;
  padding: var(--gap-small) var(--gap-primary);
  border: none;
  transition: all var(--animation-primary);
  box-sizing: border-box;
}
.popover:not(:popover-open) {
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
  display: block;
}
@media (max-width: 782px) {
  .popover:not(:popover-open) {
    transform: translateY(-10px);
  }
}
.popover > *:first-child {
  margin-top: 0;
}
.popover > *:last-child {
  margin-bottom: 0;
}
@media (max-width: 782px) {
  .popover {
    max-width: unset;
    width: var(--wrapper-size);
    margin: var(--wrapper-gap) auto auto auto;
  }
}

/* Common */
.wrapper {
  width: var(--wrapper-size);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 783px) {
  .wrapper_small {
    width: 960px;
  }
}

.swiper-button-prev::after, .swiper-button-next::after {
  content: "" !important;
  background-image: url(assets/images/icons/slider-navigation-arrow.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.swiper-button-next {
  rotate: 180deg;
}

/* Main */
.main-header {
  background-color: rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid #DBE2DD;
  transition: background-color var(--animation-slow), backdrop-filter var(--animation-slow);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
}
body.scrolled .main-header {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
}
@media (min-width: 783px) {
  body.scrolled .main-header {
    backdrop-filter: blur(10px);
  }
}
@media (max-width: 782px) {
  body.menu-open .main-header {
    background-color: var(--color-white);
  }
}
.main-header__wrapper {
  height: var(--header-size-primary);
  transition: height var(--animation-slow);
  display: flex;
  align-items: center;
}
body.scrolled .main-header__wrapper {
  height: var(--header-size-scrolled);
}
.main-header__logo a {
  display: flex;
}
.main-header__logo a svg {
  width: auto;
  height: 32px;
}
@media (max-width: 782px) {
  .main-header__logo a svg {
    height: 28px;
  }
}
.main-header__section {
  background-color: var(--color-white);
  max-height: calc(100svh - (var(--header-size-primary) + 40px));
  padding: var(--gap-primary);
  border: 1px solid #DBE2DD;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
  transition: all var(--animation-primary);
  position: fixed;
  top: calc(var(--header-size-primary) + 20px);
  right: 20px;
  left: 20px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: var(--gap-primary);
}
@media (min-width: 783px) {
  .main-header__section {
    display: contents;
  }
}
@media (max-width: 782px) {
  body:not(.menu-open) .main-header__section {
    opacity: 0;
    visibility: hidden;
    translate: 0 -10px;
  }
}
.main-header__menu {
  /* Main menu */
  /* All menues */
  /* Activity */
  /* Sub menues */
}
@media (min-width: 783px) {
  .main-header__menu {
    margin: 0 auto 0 60px;
    height: 100%;
  }
}
@media (max-width: 782px) {
  .main-header__menu {
    order: 30;
    align-items: flex-start;
  }
}
.main-header__menu > ul {
  display: flex;
  align-items: center;
  gap: var(--gap-big);
}
@media (min-width: 783px) {
  .main-header__menu > ul {
    height: 100%;
  }
}
@media (max-width: 782px) {
  .main-header__menu > ul {
    flex-direction: column;
    gap: var(--gap-list);
  }
}
.main-header__menu > ul > li {
  height: 100%;
}
@media (max-width: 782px) {
  .main-header__menu > ul > li {
    width: 100%;
  }
}
.main-header__menu > ul > li > a {
  height: 100%;
  white-space: nowrap;
}
.main-header__menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.main-header__menu ul li {
  position: relative;
}
.main-header__menu ul li:has(> .sub-menu) {
  padding-right: 25px;
}
.main-header__menu ul li:has(> .sub-menu)::after {
  content: "";
  background-image: url(assets/images/icons/menu-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  top: calc(50% - 6px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
@media (max-width: 782px) {
  .main-header__menu ul li:has(> .sub-menu)::after {
    top: 4px;
  }
}
.main-header__menu ul li a {
  display: flex;
  align-items: center;
}
.main-header__menu ul li a:not(:hover) {
  text-decoration: none;
}
.main-header__menu ul > li:not(:hover) > ul {
  display: none;
}
.main-header__menu ul.sub-menu {
  background-color: var(--color-white);
  width: 300px;
  padding: var(--gap-list) 0;
  z-index: 1;
}
@media (min-width: 783px) {
  .main-header__menu ul.sub-menu {
    border: 1px solid #DBE2DD;
    position: absolute;
    top: 100%;
    left: 0;
  }
}
@media (max-width: 782px) {
  .main-header__menu ul.sub-menu {
    width: 100%;
    margin-top: 10px;
  }
}
.main-header__menu ul.sub-menu li {
  padding: 6px var(--gap-small);
}
.main-header__menu ul.sub-menu li:has(.sub-menu) {
  padding-right: 40px;
}
.main-header__menu ul.sub-menu li:has(.sub-menu)::after {
  top: calc(50% - 8px);
  right: 10px;
}
@media (min-width: 783px) {
  .main-header__menu ul.sub-menu li:has(.sub-menu)::after {
    rotate: -90deg;
  }
}
@media (max-width: 782px) {
  .main-header__menu ul.sub-menu li:has(.sub-menu)::after {
    top: 11px;
  }
}
.main-header__menu ul.sub-menu li a {
  font-size: var(--font-size-small);
  white-space: break-spaces;
}
@media (min-width: 783px) {
  .main-header__menu ul.sub-menu li ul.sub-menu {
    top: -11px;
    left: 100%;
  }
}
.main-header__socials {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (min-width: 783px) {
  .main-header__socials {
    margin-right: 20px;
  }
}
@media (max-width: 782px) {
  .main-header__socials {
    order: 40;
    justify-content: center;
  }
}
.main-header__socials a {
  display: flex;
}
.main-header__socials a svg {
  width: 28px;
  height: 28px;
}
@media (min-width: 783px) {
  .main-header__tel {
    margin-right: 26px;
  }
}
@media (max-width: 782px) {
  .main-header__tel {
    margin-bottom: -8px;
    order: 10;
    align-self: center;
  }
}
.main-header__tel a {
  white-space: nowrap;
}
@media (max-width: 782px) {
  .main-header__tel a {
    text-align: center;
  }
}
@media (min-width: 783px) {
  .main-header__call {
    margin-right: 16px;
  }
}
@media (max-width: 782px) {
  .main-header__call {
    order: 20;
    align-self: center;
  }
}
.main-header__call div {
  background-color: var(--color-primary);
  padding: 12px 18px;
  border-radius: 100vw;
  cursor: pointer;
  font-size: var(--font-size-small);
  color: var(--color-white);
}
.main-header__lang {
  cursor: pointer;
}
@media (max-width: 782px) {
  .main-header__lang {
    order: 50;
    display: flex;
    justify-content: center;
  }
}
.main-header__lang span {
  background-color: rgba(255, 255, 255, 0.6980392157);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid var(--color-primary-dark);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.main-header__burger {
  width: 32px;
  height: 32px;
  padding: 2px;
  margin-left: auto;
  margin-right: -2px;
  aspect-ratio: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
@media (min-width: 783px) {
  .main-header__burger {
    display: none;
  }
}
.main-header__burger span {
  background-color: var(--color-primary-dark);
  width: 100%;
  height: 6%;
  transition: all var(--animation-primary);
  display: block;
}
body.menu-open .main-header__burger span:first-of-type {
  rotate: 45deg;
  translate: 0 8px;
}
body.menu-open .main-header__burger span:nth-of-type(2) {
  opacity: 0;
}
body.menu-open .main-header__burger span:last-of-type {
  rotate: -45deg;
  translate: 0 -8px;
}

.main-main {
  max-width: 1920px;
  margin: 0 auto;
}

.main-section {
  margin-top: var(--gap-section);
  margin-bottom: var(--gap-section);
}
.main-section__header {
  max-width: 760px;
  margin: 0 auto 60px auto;
}
.main-section__header > h1, .main-section__header h2, .main-section__header h3 {
  margin: 0;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  font-size: var(--font-size-giant);
  line-height: 120%;
  text-align: center;
  color: var(--color-primary);
}
@media (max-width: 782px) {
  .main-section__header > h1, .main-section__header h2, .main-section__header h3 {
    font-size: var(--font-size-big);
    text-align: left;
  }
}
.main-section__header > span {
  margin-top: 24px;
  display: block;
  font-size: var(--font-size-medium);
  text-align: center;
  color: var(--color-primary);
}
@media (max-width: 782px) {
  .main-section__header > span {
    font-size: var(--font-size-primary);
    text-align: left;
  }
}
.main-section__header_left {
  max-width: 100%;
}
.main-section__header_left > h1, .main-section__header_left h2, .main-section__header_left h3 {
  text-align: left;
}
@media (min-width: 783px) {
  .main-section__header_left > h1, .main-section__header_left h2, .main-section__header_left h3 {
    max-width: 75%;
  }
}
.main-section__header_left > span {
  text-align: left;
}

.main-background {
  background-image: var(--bg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  padding: var(--gap-section) 0;
}
*:has(+ .main-background) {
  margin-bottom: 0;
}
.main-background + * {
  margin-top: 0;
}
.main-background > *:first-child {
  margin-top: 0;
}
.main-background > *:last-child {
  margin-bottom: 0;
}

.main-content {
  font-weight: 300;
  line-height: 150%;
}
.main-content > *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.main-content > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.main-content strong {
  font-weight: 500;
}
.main-content ul {
  display: flex;
  flex-direction: column;
  gap: var(--gap-list);
}
.main-content .has-primary-color {
  color: var(--color-primary);
}

.main-footer {
  background-image: url(assets/images/bg/footer.webp);
  background-position: center;
  background-size: cover;
  padding: calc(var(--gap-section) / 2) 0;
}
.main-footer__wrapper {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-rows: repeat(3, auto);
  row-gap: 40px;
  column-gap: 120px;
}
@media (max-width: 782px) {
  .main-footer__wrapper {
    display: flex;
    flex-direction: column;
  }
}
.main-footer__logo {
  grid-area: 1/1/2/2;
}
@media (max-width: 782px) {
  .main-footer__logo {
    order: 10;
  }
}
.main-footer__logo a {
  display: flex;
}
.main-footer__logo a svg {
  width: 100%;
  height: auto;
}
@media (max-width: 782px) {
  .main-footer__logo a svg {
    width: 60vw;
  }
}
.main-footer__socials {
  grid-area: 2/1/3/2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media (max-width: 782px) {
  .main-footer__socials {
    order: 40;
  }
}
.main-footer__socials span {
  font-family: var(--font-family-secondary);
  font-weight: 700;
}
.main-footer__socials-box {
  display: flex;
  gap: 20px;
}
.main-footer__socials-box a svg {
  width: 40px;
  height: 40px;
}
.main-footer__copy {
  grid-area: 3/1/4/2;
}
@media (max-width: 782px) {
  .main-footer__copy {
    order: 50;
  }
}
.main-footer__copy span {
  display: block;
  font-size: var(--font-size-small);
  text-align: center;
}
@media (min-width: 783px) {
  .main-footer__copy span {
    white-space: nowrap;
  }
}
.main-footer__menu {
  grid-area: 1/2/4/3;
}
@media (max-width: 782px) {
  .main-footer__menu {
    order: 20;
  }
}
.main-footer__menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 782px) {
  .main-footer__menu ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.main-footer__menu ul li {
  font-weight: 300;
  white-space: nowrap;
}
.main-footer__menu ul li a:not(:hover) {
  text-decoration: none;
}
.main-footer__contacts {
  grid-area: 1/3/4/4;
  display: flex;
  flex-direction: column;
  gap: var(--gap-large);
}
@media (max-width: 782px) {
  .main-footer__contacts {
    order: 30;
  }
}
.main-footer__contacts-item {
  display: flex;
  flex-direction: column;
}
.main-footer__contacts-item span:first-child {
  margin-bottom: 8px;
  font-family: var(--font-family-secondary);
  font-weight: 600;
  font-size: var(--font-size-medium);
}
.main-footer__contacts-item span:not(:first-child), .main-footer__contacts-item a {
  width: 80%;
}

.main-dev {
  background-color: var(--color-background-secondary);
  padding: var(--gap-primary) 0;
}
.main-dev__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.main-dev span {
  font-size: var(--font-size-small);
  color: var(--color-gray-dark);
}

/* Components */
.component-breadcrumbs {
  padding-top: var(--gap-large);
  margin-bottom: calc(0px - var(--gap-section) * 0.6);
}
.component-breadcrumbs ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: var(--gap-list);
}
.component-breadcrumbs ul li {
  display: flex;
  align-items: center;
  gap: var(--gap-list);
  font-weight: 300;
  font-size: var(--font-size-small);
}
.component-breadcrumbs ul li:not(:last-child)::after {
  content: "/";
}
.component-breadcrumbs ul li:last-of-type {
  color: var(--color-primary);
}
.component-breadcrumbs ul li a {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  display: -webkit-box;
}

.component-pagination {
  margin-top: var(--gap-giant);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-primary);
}
@media (max-width: 782px) {
  .component-pagination {
    gap: var(--gap-small);
  }
}
.catalog-page .component-pagination {
  margin-bottom: var(--gap-large);
}
.component-pagination .page-numbers {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-small);
  text-decoration: none;
  color: var(--color-primary-dark);
}
.component-pagination .page-numbers svg {
  width: 100%;
  height: 100%;
}
.component-pagination .page-numbers:not(.dots, .current):hover {
  background-color: var(--color-background-secondary);
}
.component-pagination .page-numbers.current {
  background-color: #B5C4B7;
  color: var(--color-white);
}
.component-pagination .page-numbers.next svg {
  rotate: 180deg;
}

/* Sections */
.section-hero {
  background-image: url(assets/images/bg/hero.webp);
  background-size: cover;
  background-position: top;
  margin-top: 0;
}
@media (max-width: 782px) {
  .section-hero {
    background-position: left;
  }
}
.section-hero__wrapper {
  height: 100svh;
  max-height: 812px;
  padding-top: var(--header-size-primary);
}
@media (max-width: 782px) {
  .section-hero__wrapper {
    height: auto;
  }
}
.section-hero__content {
  padding: var(--gap-giant) 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-large);
}
@media (min-width: 783px) {
  .section-hero__content {
    width: 55%;
  }
}
@media (max-width: 782px) {
  .section-hero__content {
    padding: 60px 0;
  }
}
.section-hero__content h1 {
  margin: 0;
  font-weight: 400;
  font-size: 60px;
  line-height: 70px;
  color: var(--color-primary);
}
@media (max-width: 782px) {
  .section-hero__content h1 {
    font-size: var(--font-size-large);
    line-height: 120%;
  }
}
.section-hero__content > span {
  display: block;
  font-size: var(--font-size-medium);
  line-height: 150%;
}
@media (min-width: 783px) {
  .section-hero__content > span {
    width: 80%;
  }
}
@media (max-width: 782px) {
  .section-hero__content .button {
    width: 100%;
  }
}

.section-steps {
  counter-reset: steps-counter;
}
.section-steps__wrapper {
  margin-top: 100px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap-big);
}
@media (max-width: 782px) {
  .section-steps__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--gap-giant);
  }
}
.section-steps__item {
  background-color: var(--color-gray);
  padding: 24px 24px;
  counter-increment: steps-counter;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.section-steps__item::before {
  content: counter(steps-counter, decimal-leading-zero);
  margin: -60px 0 15px 0;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  font-size: 80px;
  line-height: 100%;
}
.section-steps__item span {
  font-family: var(--font-family-secondary);
  font-weight: 700;
  font-size: var(--font-size-medium);
  color: #6D786F;
}
.section-steps__item p {
  margin: 0;
  font-weight: 300;
  color: #6D786F;
}

.section-why-us__wrapper {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  gap: 60px;
}
@media (max-width: 782px) {
  .section-why-us__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap-primary);
  }
}
.section-why-us__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.section-why-us__item span:first-child {
  font-family: var(--font-family-secondary);
  font-weight: 500;
  font-size: 80px;
  line-height: 100%;
}
@media (max-width: 782px) {
  .section-why-us__item span:first-child {
    font-size: var(--font-size-large);
  }
}
.section-why-us__item span:last-child {
  font-size: var(--font-size-medium);
  text-align: center;
  color: var(--color-primary);
}

.section-contacts__wrapper {
  display: flex;
  align-items: center;
  gap: 100px;
}
@media (max-width: 782px) {
  .section-contacts__wrapper {
    flex-direction: column;
    gap: var(--gap-large);
  }
}
.section-contacts__map {
  flex: 6;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.section-contacts__map iframe {
  border: 1px solid #BCC5BE;
}
.section-contacts__map span {
  color: #6F7E71;
}
.section-contacts__details {
  flex: 4;
  display: flex;
  flex-direction: column;
  gap: var(--gap-large);
}
.section-contacts__details_center {
  padding-top: var(--gap-primary);
  flex-direction: row;
  justify-content: center;
  gap: var(--gap-giant);
}
@media (max-width: 782px) {
  .section-contacts__details_center {
    display: flex;
    flex-direction: column;
    gap: var(--gap-primary);
  }
}
.section-contacts__details_center span, .section-contacts__details_center a {
  width: unset !important;
}
.section-contacts__details-item {
  display: flex;
  flex-direction: column;
}
.section-contacts__details-item span:first-child {
  margin-bottom: 8px;
  font-family: var(--font-family-secondary);
  font-weight: 600;
  font-size: var(--font-size-medium);
}
.section-contacts__details-item span:not(:first-child), .section-contacts__details-item a {
  width: 80%;
}

.section-contact {
  background-color: var(--color-background-secondary);
  padding: calc(var(--gap-section) / 2) 0;
}
.section-contact:last-child {
  margin-bottom: 0;
}
@media (max-width: 782px) {
  .section-contact {
    width: 100%;
    margin: 0;
    padding-right: var(--wrapper-gap);
    padding-left: var(--wrapper-gap);
  }
}
.section-contact__wrapper {
  display: flex;
  gap: 200px;
  align-items: center;
}
@media (max-width: 782px) {
  .section-contact__wrapper {
    flex-direction: column;
  }
}
.section-contact__wrapper > img {
  width: 50%;
  height: 100%;
  flex: 1;
}
@media (max-width: 782px) {
  .section-contact__wrapper > img {
    display: none;
  }
}
.section-contact__content {
  flex: 1;
}
@media (max-width: 782px) {
  .section-contact__content {
    width: 100%;
  }
}
.section-contact__content h2 {
  margin-top: 0;
  margin-bottom: 60px;
  font-weight: 500;
  font-size: var(--font-size-giant);
  line-height: 100%;
}
@media (max-width: 782px) {
  .section-contact__content h2 {
    margin-bottom: 40px;
    font-size: var(--font-size-big);
    line-height: 120%;
  }
}
.section-contact__content form button {
  width: 100%;
}
.section-contact__content.not-full h2 {
  text-align: center;
}
.section-contact__content.not-full form {
  margin: 0 auto;
}
@media (min-width: 783px) {
  .section-contact__content.not-full form {
    width: 500px;
  }
}

.section-about__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 782px) {
  .section-about__wrapper {
    display: flex;
    flex-direction: column;
  }
}
.section-about > h3.wrapper {
  margin-top: var(--gap-section);
  margin-bottom: 0;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  font-size: var(--font-size-giant);
  line-height: 120%;
  text-align: center;
  color: var(--color-primary);
}
@media (max-width: 782px) {
  .section-about > h3.wrapper {
    font-size: var(--font-size-big);
    text-align: left;
  }
}
.section-about > p.wrapper {
  max-width: 70%;
  line-height: 150%;
  text-align: center;
  color: var(--color-primary);
}
.section-about > p.wrapper:first-of-type {
  margin-bottom: var(--gap-giant);
}
.section-about > p.wrapper:last-of-type {
  margin-top: var(--gap-large);
}
@media (max-width: 782px) {
  .section-about > p.wrapper {
    max-width: unset;
    text-align: left;
  }
}
.section-about__item {
  display: flex;
  flex-direction: column;
}
@media (min-width: 783px) {
  .section-about__item:nth-child(even) {
    flex-direction: column-reverse;
  }
}
.section-about__item img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: 1;
}
.section-about__item > div {
  width: 100%;
  height: auto;
  padding: var(--gap-large);
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.section-about__item > div h3 {
  margin: 0;
  text-align: center;
}
.section-about__item > div p {
  margin: 0;
  font-weight: 300;
  text-align: center;
}

.section-error {
  padding-top: calc(var(--gap-section) / 2);
}
.section-error__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-big);
}
.section-error h1 {
  margin: 0;
  font-size: var(--font-size-giant);
  color: var(--color-primary-dark);
}
.section-error span {
  display: block;
  font-size: var(--font-size-small);
  text-align: center;
}

/* Catalog */
.catalog-slider__category {
  margin: 0 auto var(--gap-giant) auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.catalog-slider__category-item {
  padding: 10px 20px;
  transition: all var(--animation-primary);
  cursor: pointer;
}
.catalog-slider__category-item:hover {
  background-color: var(--color-gray);
}
.catalog-slider__category-item.active {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.catalog-slider:not(.is-sub) .catalog-slider__container {
  background: linear-gradient(0deg, var(--color-gray) 0%, var(--color-gray) calc(50% + var(--gap-giant)), transparent calc(50% + var(--gap-giant) + 1px), transparent 100%);
  padding-bottom: var(--gap-giant);
}
@media (min-width: 783px) {
  .catalog-slider__wrapper .swiper {
    padding: 0 58px;
  }
}
.catalog-slider__slider:not(.active) {
  display: none;
}
@media (max-width: 782px) {
  .catalog-slider__slider {
    width: 100vw;
    margin-left: calc(0px - var(--wrapper-gap)) !important;
  }
}
.catalog-slider__slider .swiper-wrapper {
  display: flex;
}
@media (max-width: 782px) {
  .catalog-slider__slider .swiper-wrapper {
    padding: 0 var(--wrapper-gap);
    box-sizing: border-box;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: var(--gap-small);
  }
}
.catalog-slider__slider .swiper-wrapper .swiper-slide {
  height: unset;
}
@media (max-width: 782px) {
  .catalog-slider__slider .swiper-wrapper .swiper-slide {
    width: 70vw !important;
    margin-right: 0 !important;
    scroll-snap-align: center;
  }
}

.catalog-grid__nav {
  margin-bottom: var(--gap-giant);
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.catalog-grid__nav:not(:has(*)) {
  display: none;
}
@media (max-width: 782px) {
  .catalog-grid__nav {
    gap: var(--gap-small);
  }
}
.catalog-grid__nav-item {
  padding: 10px 24px;
  border-radius: 100vw;
  border: 1px solid var(--color-primary-dark);
  transition: background-color var(--animation-primary);
}
@media (max-width: 782px) {
  .catalog-grid__nav-item {
    padding: 8px 20px;
  }
}
.catalog-grid__nav-item span {
  transition: color var(--animation-primary);
}
@media (max-width: 782px) {
  .catalog-grid__nav-item span {
    font-size: var(--font-size-small);
  }
}
.catalog-grid__nav-item:hover {
  background-color: var(--color-primary);
}
.catalog-grid__nav-item:hover span {
  color: var(--color-white);
}
.catalog-grid__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap-big);
}
@media (max-width: 782px) {
  .catalog-grid__wrapper {
    display: flex;
    flex-direction: column;
  }
}
.catalog-grid__aside {
  width: 325px;
  display: flex;
  flex-direction: column;
  gap: var(--gap-primary);
}
@media (max-width: 782px) {
  .catalog-grid__aside {
    width: 100%;
  }
}
.catalog-grid__aside-section {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
}
@media (max-width: 782px) {
  .catalog-grid__aside-section {
    flex: 1;
  }
}
.catalog-grid__aside-section-container {
  width: 100%;
  display: inherit;
  flex-direction: inherit;
  gap: inherit;
}
@media (max-width: 782px) {
  .catalog-grid__aside-section-container {
    background: var(--color-background-secondary);
    width: var(--wrapper-size);
    padding: var(--gap-small);
    display: none;
  }
}
.catalog-grid__aside-section header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-small);
}
.catalog-grid__aside-section header h3 {
  margin: 0;
  font-weight: 500;
  font-size: var(--font-size-big);
}
.catalog-grid__aside-section header svg {
  transition: rotate ease-in-out 0.25s;
}
@media (min-width: 783px) {
  .catalog-grid__aside-section header svg {
    display: none;
  }
}
.catalog-grid__aside-section header.active svg {
  rotate: -180deg;
}
.catalog-grid__aside-section ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.catalog-grid__aside-section ul li {
  padding: 10px 16px;
}
.catalog-grid__aside-section ul li a:not(:hover) {
  text-decoration: none;
}
.catalog-grid__filter h4 {
  margin: 0 0 5px 0;
  font-weight: 500;
  color: var(--color-primary);
}
.catalog-grid__filter-options {
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.catalog-grid__filter-options .colors {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.catalog-grid__filter-options .colors .color {
  width: 24px;
  height: 24px;
  outline-offset: 2px;
  position: relative;
}
.catalog-grid__filter-options .colors .color:has(input:checked) {
  outline: 3px solid var(--color-primary-dark);
}
.catalog-grid__filter-options .colors .color::after {
  content: "";
  background-color: var(--color);
  width: 24px;
  height: 24px;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.catalog-grid__filter-options .colors .color input {
  width: 24px;
  height: 24px;
  margin: 0;
  opacity: 0;
  position: absolute;
  z-index: 1;
}
.catalog-grid__filter-options .checkbox label {
  cursor: pointer;
  flex: 1;
  font-size: var(--font-size-small);
}
.catalog-grid__filter-options .checkbox label::before {
  right: -28px;
  left: unset;
}
.catalog-grid__filter-options .range {
  display: flex;
  align-items: center;
  gap: 10px;
}
.catalog-grid__filter-options .range input {
  width: 100%;
  flex: 1;
  font-size: var(--font-size-small);
}
.catalog-grid__content {
  grid-column: span 3;
}
.catalog-grid__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-large);
}
@media (max-width: 782px) {
  .catalog-grid__grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-list);
    row-gap: var(--gap-big);
  }
  .catalog-grid__grid .catalog-item {
    width: calc(50% - 5px);
  }
  .catalog-grid__grid .catalog-item .catalog-badges {
    display: none;
  }
  .catalog-grid__grid .catalog-item h3 {
    font-size: var(--font-size-small);
  }
  .catalog-grid__grid .catalog-item > p {
    display: none;
  }
  .catalog-grid__grid .catalog-item .button {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.catalog-badges {
  position: absolute;
  top: 20px;
  left: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
*:has(> .catalog-badges) {
  position: relative;
}
.catalog-badges span {
  background-color: #4CBB10;
  padding: 2px 12px;
  border-radius: 100vw;
  font-weight: 500;
  font-size: 12px;
  color: var(--color-white);
}

.catalog-item {
  height: 100%;
  display: flex !important;
  flex-direction: column;
}
@media (max-width: 782px) {
  .catalog-item {
    height: auto;
  }
}
.catalog-item > a {
  width: 100%;
  display: block;
}
.catalog-item > a img {
  object-fit: cover;
  width: 100%;
  height: auto;
  aspect-ratio: 3.2/4;
  border: 1px solid #BCC5BE;
}
@media (max-width: 782px) {
  .catalog-item a.link {
    margin-bottom: auto;
  }
}
.catalog-item h3 {
  margin: 20px 0 10px 0;
}
.catalog-item p {
  margin: 0 0 auto 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box;
  font-size: var(--font-size-small);
}
@media (max-width: 782px) {
  .catalog-item p {
    margin-bottom: auto;
  }
}
.catalog-item .button {
  margin-top: 20px;
}
.catalog-item .button span {
  text-align: center;
}

.catalog-single {
  display: flex;
  flex-direction: column;
  gap: var(--gap-section);
}
.catalog-single__header-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: start;
  gap: var(--gap-giant);
}
@media (max-width: 782px) {
  .catalog-single__header-wrapper {
    display: flex;
    flex-direction: column;
  }
}
.catalog-single__header-images {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: var(--gap-small);
}
.catalog-single__header-images-slider {
  width: 100%;
  grid-row: span 3/span 3;
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
}
.catalog-single__header-images-slider .swiper-wrapper {
  box-sizing: border-box;
}
.catalog-single__header-images-slider .swiper-slide {
  width: 100%;
  padding: var(--gap-small);
  border: 1px solid var(--color-gray);
  cursor: pointer;
}
.catalog-single__header-images-slider .swiper-slide.active {
  border-color: var(--color-primary);
}
.catalog-single__header-images-slider .swiper-slide > img {
  object-fit: contain;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.catalog-single__header-images-slider > div {
  aspect-ratio: 1;
}
.catalog-single__header-images-active {
  padding: var(--gap-large);
  border: 1px solid var(--color-gray);
  grid-column: span 3/span 3;
  grid-row: span 3/span 3;
}
.catalog-single__header-images-active > a:not(.active) {
  display: none;
}
.catalog-single__header-images-active > a img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
}
.catalog-single__header-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-primary);
}
.catalog-single__header-info hr {
  background-color: var(--color-gray);
  height: 1px;
  margin: 0;
  border: none;
}
.catalog-single__header-info-title {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
}
.catalog-single__header-info-title h1 {
  margin: 0;
  font-weight: 500;
  font-size: var(--font-size-large);
  line-height: var(--line-height-primary);
  color: var(--color-primary);
}
.catalog-single__header-info-title span {
  color: var(--color-primary-dark);
}
.catalog-single__header-info-title span a:not(:hover) {
  text-decoration: none;
}
.catalog-single__header-info-buttons {
  display: flex;
  gap: var(--gap-small);
}
@media (max-width: 782px) {
  .catalog-single__header-info-buttons {
    flex-direction: column;
  }
}
.catalog-single__header-info-attrs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-big);
}
@media (max-width: 782px) {
  .catalog-single__header-info-attrs table {
    width: 100%;
  }
}
.catalog-single__header-info-attrs table:not(:has(tr)) {
  display: none;
}
.catalog-single__header-info-attrs table tbody tr:not(:last-of-type) th, .catalog-single__header-info-attrs table tbody tr:not(:last-of-type) td {
  padding-bottom: var(--gap-small);
}
.catalog-single__header-info-attrs table tbody tr th {
  padding-right: var(--gap-primary);
  text-align: left;
  white-space: nowrap;
}
.catalog-single__header-info-attrs .colors {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-small);
}
.catalog-single__header-info-attrs .colors > div {
  background-color: var(--color);
  width: 24px;
  height: 24px;
  margin: 0;
  border: 3px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.catalog-single__header-info-attrs .colors > div:hover {
  border-color: rgba(0, 0, 0, 0.2);
}
.catalog-single__header-info-attrs .colors > div:has(:checked) {
  border-color: var(--color-primary-dark);
}
.catalog-single__header-info-attrs .colors > div input {
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  opacity: 0;
}
.catalog-single__header-info-packing {
  width: 100%;
  overflow-x: auto;
}
.catalog-single__header-info-packing table {
  width: 100%;
}
.catalog-single__header-info-packing table th, .catalog-single__header-info-packing table td {
  padding: 0 10px 0 0;
}
.catalog-single__header-info-packing table th {
  padding-bottom: 5px;
  text-align: left;
}
.catalog-single__header-info-advantages {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--gap-list);
}
.catalog-single__header-info-advantages li {
  display: flex;
  align-items: center;
  gap: var(--gap-small);
}
.catalog-single__header-info-advantages li::before {
  content: "";
  background-image: url(assets/images/icons/list-check.svg);
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.catalog-single__content-wrapper {
  margin-top: calc(0px - var(--gap-section) / 2);
}
.catalog-single__content-nav {
  margin-bottom: var(--gap-large);
  display: flex;
  gap: var(--gap-large);
}
.catalog-single__content-nav > span {
  cursor: pointer;
  text-underline-offset: 6px;
}
.catalog-single__content-nav > span.active, .catalog-single__content-nav > span:hover {
  text-decoration: underline;
  color: var(--color-primary);
}
.catalog-single__content-tabs > div:not(.active) {
  display: none;
}
.catalog-single__videos-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-primary);
}
@media (max-width: 782px) {
  .catalog-single__videos-grid {
    display: flex;
    flex-direction: column;
  }
}
.catalog-single__videos-grid video {
  width: 100%;
  height: auto;
}
.catalog-single__gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-primary);
}
@media (max-width: 782px) {
  .catalog-single__gallery-grid {
    display: flex;
    flex-direction: column;
  }
}
.catalog-single__gallery-grid > a {
  width: 100%;
  height: auto;
  aspect-ratio: 500/395;
  display: block;
}
.catalog-single__gallery-grid > a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* Blog */
.blog-grid__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: var(--gap-primary);
  row-gap: var(--gap-large);
}
@media (max-width: 782px) {
  .blog-grid__wrapper {
    display: flex;
    flex-direction: column;
  }
}

.blog-item > a img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.blog-item nav {
  margin-top: var(--gap-list);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-primary);
}
.blog-item nav span {
  font-weight: 300;
  font-size: var(--font-size-small);
}
.blog-item nav svg * {
  fill: var(--color-text-primary);
}
.blog-item h3 {
  margin: 0;
  margin-top: var(--gap-small);
}
.blog-item p {
  margin: 0;
  margin-top: var(--gap-small);
  font-weight: 300;
  font-size: var(--font-size-small);
}

@media (max-width: 782px) {
  .blog-single__thumb {
    margin-top: -20px;
  }
}
.blog-single__thumb img {
  object-fit: cover;
  width: 100%;
  height: auto;
  aspect-ratio: 3;
}
@media (max-width: 782px) {
  .blog-single__thumb img {
    aspect-ratio: 16/9;
  }
}
.blog-single__wrapper {
  margin-top: var(--gap-giant);
}
@media (max-width: 782px) {
  .blog-single__wrapper {
    margin-top: var(--gap-big);
  }
}

/*  Yan Metelitsa    __  
 *  yanmet.com      / _) 
 *  dev      .-^^^-/ /   
 *        __/       /    
 *       <__.|_|-|_|   */

/*# sourceMappingURL=style.css.map */