/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/main.scss ***!
  \*********************************************************************************************************************************************************************/
@charset "UTF-8";
/* VARIABLES
_____________________________*/
:root {
  --color-highlight: #E57C1F;
  --color-highlight-h: #ff7800;
  --color-highlight-light: #FFE4CC;
  --color-site-bg: #fff;
  --color-footer-bg: #231F20;
  --color-black: #1D1D1D;
  --color-basic-text: #1D2630;
  --color-text-2: #231F20;
  --color-block-bg: #F9F9F9;
  --color-accept: #4CAF50;
}

@keyframes skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: https://meyerweb.com
	HTML5 Doctor				:: https://html5doctor.com
	and the HTML5 Boilerplate	:: https://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary, .post, .page {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
}

article, aside, figure, footer, header, nav, section, details, summary {
  display: block;
}

/* Handle box-sizing while better addressing child elements:
   https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects
*/
img,
object,
embed {
  max-width: 100%;
}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	 In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: bold;
  vertical-align: bottom;
}

td {
  font-weight: normal;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

pre {
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

input[type=radio] {
  vertical-align: text-bottom;
}

input[type=checkbox] {
  vertical-align: bottom;
}

.ie7 input[type=checkbox] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

select, input, textarea {
  font: 99% sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

td, td img {
  vertical-align: top;
}

/* Make sure sup and sub don't mess with your line-heights https://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0;
}

/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before, .clearfix:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

body {
  font-family: "Inter";
  min-width: 375px;
}

.entry-content {
  margin: 0em;
}

p {
  margin: 25px 0;
}

a:visited {
  color: #4169e1;
}

a:hover {
  color: rgb(109, 137, 186);
}

*:focus {
  outline: none;
}

#page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
}

#primary {
  flex-grow: 1;
}

body {
  background-color: var(--color-site-bg);
}

/* INTER */
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-ThinItalic.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-ExtraLight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-ExtraLightItalic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-MediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-SemiBoldItalic.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-ExtraBoldItalic.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-BlackItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/* GLOBAL
_______________________________*/
a:visited, a:focus, a:active {
  color: inherit;
}

.section > .wrapper,
section > .wrapper,
section .section__container,
header.entry-header,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-account main#primary > .woocommerce,
.page-template-template-classic-editor main .entry-content {
  width: 89.3%;
  margin: 0 auto;
  max-width: 1800px;
}

.page-template-template-classic-editor main .entry-content {
  margin-bottom: clamp(3.75rem, 2.76rem + 4.21vw, 7.5rem);
  max-width: 1200px;
}

.page-template-template-classic-editor main header.entry-header {
  max-width: 1200px;
}

.woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-message {
  width: 100%;
}

.woocommerce-notices-wrapper count.woocommerce-message {
  margin-bottom: 1rem;
  padding: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  border-radius: 0.625rem;
  border: 1px solid var(--color-highlight);
}

.woocommerce-notices-wrapper .woocommerce-error {
  padding: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  border-radius: 0.625rem;
  border: 1px solid var(--color-highlight);
  border-color: red;
  margin-bottom: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}

.basic-test {
  font-size: clamp(1.38rem, 1.21rem + 0.7vw, 2rem);
}

.content.content--width-aside {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.875rem;
  width: 89.3%;
  margin: 0 auto;
  margin-top: 1.25rem;
  max-width: 1800px;
  min-width: 0;
}
.content.content--width-aside > * {
  min-width: 0;
  max-width: 100%;
}
.content.content--width-aside > aside {
  grid-row: 2;
  align-self: start;
}
.content.content--width-aside .wrapper {
  width: 100%;
  max-width: initial;
}
.content.content--width-aside .section__container {
  width: 100%;
  max-width: initial;
}

.swiper-slide > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

img.background-image {
  position: absolute;
  top: 0;
  left: 0;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

h1.entry-title {
  font-size: clamp(1.63rem, 1.4rem + 0.98vw, 2.5rem);
  line-height: clamp(2.25rem, 1.86rem + 1.68vw, 3.75rem);
  padding: 1em 0;
  color: #000;
  font-weight: 700;
}

b, strong {
  font-weight: bolder;
}

button.arrow svg {
  height: 0.6875rem;
  width: 0.6875rem;
}

button.hightlight {
  background-color: --color-highlight-light;
}

.swiper {
  width: 100%;
}

a:focus {
  outline: none;
}

.page-id-169 #login-reg-block {
  max-width: 93.75vw;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .section > .wrapper,
  section > .wrapper,
  section .section__container,
  header.entry-header,
  .woocommerce-notices-wrapper .woocommerce,
  .woocommerce-account main#primary > .woocommerce,
  .page-template-template-classic-editor main .entry-content {
    width: 93.75%;
  }
  .woocommerce-NoticeGroup-checkout .woocommerce-error {
    border-radius: 0.625rem;
    padding: 1rem;
    border: 1px solid red;
    margin-bottom: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  }
  .content.content--width-aside {
    width: 93.75%;
    grid-template-columns: 1fr 20.9375rem;
  }
  .content.content--width-aside > section {
    grid-column: 1; /* Первая колонка */
    min-width: 0; /* Важно для swiper */
    overflow: hidden; /* Для swiper */
  }
  .content.content--width-aside > aside {
    grid-column: 2;
    grid-row: 1/-1;
    align-self: start;
    position: sticky;
    top: 1.25rem;
  }
  span.highlight {
    color: var(--color-highlight);
    font-weight: inherit;
    font-size: inherit;
  }
}
summary,
button,
a,
input,
label {
  -webkit-tap-highlight-color: transparent;
}

.formated-text {
  font-size: clamp(0.94rem, 0.89rem + 0.21vw, 1.1rem);
  line-height: clamp(1.38rem, 1.24rem + 0.56vw, 1.88rem);
}
.formated-text > *:first-child {
  margin-top: 0;
}
.formated-text > *:last-child {
  margin-bottom: 0;
}
.formated-text a,
.formated-text a:visited {
  color: var(--color-highlight, #E57C1F);
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 1px;
  transition: color 0.3s ease, text-decoration-color 0.3s ease;
}
.formated-text a:hover {
  color: var(--color-dark, #333);
  text-decoration-color: var(--color-highlight, #E57C1F);
}
.formated-text a:focus-visible {
  outline: 2px solid var(--color-highlight, #E57C1F);
  outline-offset: 2px;
  border-radius: 2px;
}
.formated-text h2 {
  font-size: clamp(1.25rem, 1.02rem + 0.98vw, 2.13rem);
  margin-top: clamp(1.5rem, 1.24rem + 1.12vw, 2.5rem);
  margin-bottom: clamp(0.75rem, 0.62rem + 0.56vw, 1.25rem);
  font-weight: 600;
  line-height: 1.2em;
}
.formated-text h2 span {
  font-weight: inherit;
  color: var(--color-highlight);
}
.formated-text h3 {
  font-size: clamp(1.13rem, 0.96rem + 0.7vw, 1.75rem);
  margin-top: clamp(1.13rem, 0.96rem + 0.7vw, 1.75rem);
  margin-bottom: clamp(0.56rem, 0.48rem + 0.35vw, 0.88rem);
  font-weight: 600;
  line-height: 1.3em;
}
.formated-text h3 span {
  font-weight: inherit;
  color: var(--color-highlight);
}
.formated-text h4 {
  font-size: clamp(1rem, 0.9rem + 0.42vw, 1.38rem);
  margin-top: clamp(0.81rem, 0.73rem + 0.35vw, 1.13rem);
  margin-bottom: clamp(0.38rem, 0.33rem + 0.21vw, 0.56rem);
  font-weight: 600;
  line-height: 1.4em;
}
.formated-text h4 span {
  font-weight: inherit;
  color: var(--color-highlight);
}
.formated-text ul, .formated-text ol {
  display: flex;
  flex-direction: column;
  margin-top: clamp(1.13rem, 0.96rem + 0.7vw, 1.75rem);
  margin-bottom: clamp(0.56rem, 0.48rem + 0.35vw, 0.88rem);
}
.formated-text ul li,
.formated-text ol li {
  display: inline;
  padding-left: 1.7em;
  position: relative;
  margin-bottom: 0.7em;
}
.formated-text ul li::before,
.formated-text ol li::before {
  position: absolute;
  left: 0em;
}
.formated-text ul li:before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-size: 1.25rem;
  font-weight: 900;
  margin-left: 0;
  color: var(--color-highlight);
  top: 0;
}
.formated-text table {
  border-spacing: 0;
}
.formated-text thead {
  background-color: #000;
  color: #fff;
}
.formated-text tr {
  border-bottom: 1px solid #D2D2D2;
}
.formated-text tr:last-child {
  border-bottom: none;
}
.formated-text th:first-child {
  border-radius: 10px 0 0 10px;
}
.formated-text th:last-child {
  border-radius: 0 10px 10px 0;
}
.formated-text th, .formated-text td {
  vertical-align: middle;
  padding-top: clamp(0.88rem, 0.79rem + 0.35vw, 1.19rem);
  padding-bottom: clamp(0.75rem, 0.64rem + 0.49vw, 1.19rem);
  padding-left: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  padding-right: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.formated-text th {
  text-align: left;
  font-size: clamp(0.75rem, 0.7rem + 0.21vw, 0.94rem);
}
.formated-text td {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}

/* МЕНЮ (ОСНОВНОЕ)
_______________________________________ */
#masthead {
  position: relative;
  background-color: white;
  z-index: 100;
}

.main-menu-block {
  height: 3.5625rem;
  padding: 0.75rem 0;
}

#main-navigation,
.main-menu-block .catalog,
.main-menu-block .profile {
  display: none;
}

.main-menu-block .wrapper {
  display: flex;
  height: 100%;
  align-items: center;
  gap: 1.25rem;
}

.main-menu-block .wrapper > *:not(.header-search) {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.25s ease 0.3s, visibility 0s 0.3s;
}

.main-menu-block .wrapper.search-active {
  gap: 0;
}
.main-menu-block .wrapper.search-active > *:not(.header-search) {
  opacity: 0;
  visibility: hidden;
  flex: 0 0 0;
  min-width: 0;
  width: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
  border: none;
  overflow: hidden;
  transition: opacity 0.15s ease 0s, visibility 0s 0s;
}
.main-menu-block .wrapper.search-active .header-search {
  flex: 1 1 100%;
  width: 100%;
  gap: 0;
  height: 100%;
}
.main-menu-block .wrapper.search-active .header-search__toggle {
  width: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
  transition: width 0.3s ease, padding 0.3s ease, opacity 0.3s ease;
}
.main-menu-block .wrapper.search-active .header-search__form {
  height: 100%;
  width: 100%;
  max-width: 100%;
  opacity: 1;
  transition: width 0.3s ease, max-width 0.3s ease, opacity 0.3s ease;
}

/* =================== HEADER SEARCH (desktop) =================== */
.header-search {
  display: none;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  position: relative;
  transition: gap 0.3s ease;
}

.header-search__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 8px;
  cursor: pointer;
  color: #1d1d1d;
  flex-shrink: 0;
  width: 36px;
  height: 38px;
  overflow: hidden;
  box-sizing: border-box;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, padding 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.3s ease 0s;
}
.header-search__toggle span {
  display: none;
}
.header-search__toggle svg {
  width: 20px;
  height: 20px;
  display: block;
  flex-shrink: 0;
}

.header-search__form {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  background: #F6F6F6;
  border-radius: 0.625rem;
  padding: 6px 10px;
  margin: 0;
  box-sizing: border-box;
  height: 38px;
  min-height: 38px;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, max-width 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.3s ease 0s;
  will-change: width, max-width, opacity;
}

.header-search__label {
  flex: 1;
  margin: 0;
  display: flex;
  align-items: center;
  min-width: 0;
}

.header-search__field {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: 16px;
  line-height: 1.2;
  padding: 0;
  color: #1d1d1d;
}
.header-search__field::placeholder {
  color: #B5B5B5;
}

.header-search__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: #1d1d1d;
  flex-shrink: 0;
}
.header-search__submit svg {
  width: 18px;
  height: 18px;
  display: block;
}

.header-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

.header-search__field::-moz-search-cancel-button {
  display: none;
}

.header-search__field::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

@media (min-width: 1800px) {
  .header-search__toggle {
    width: auto;
    padding: 1.16625em 1.25em 1.25em;
    background: #F4F4F4;
    transition: background 0.3s ease;
    height: auto;
  }
  .header-search__toggle span {
    display: block;
    margin-right: 1rem;
  }
  .header-search__toggle {
    display: none;
  }
  .header-search {
    position: initial;
    flex: 0 1 380px;
    max-width: 380px;
    transition: flex-basis 0.35s ease, max-width 0.35s ease;
  }
  .section.main-menu-block .wrapper {
    position: relative;
  }
  .header-search__form {
    height: 56px;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    opacity: 1;
    overflow: visible;
    background-color: #F6F6F6;
    border-radius: 0.625rem;
    padding: 0.25rem 0.5rem 0.25rem 1rem;
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
  }
  .header-search__field {
    flex-grow: 1;
    border: none;
    background: transparent;
    padding: 0.65em 0;
    font-size: 0.9375rem;
    outline: none;
    min-width: 0;
  }
  .header-search__submit {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--color-dark, #333);
  }
  .header-search:focus-within .header-search__form {
    box-shadow: 0 0 0 2px var(--color-highlight, #E57C1F);
  }
  .header-search .live-search-results {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
  }
}
.main-menu-block .messengers {
  gap: 0.52475rem;
  margin-left: auto;
}

.main-menu-block .messengers svg {
  width: 1.375rem;
  height: 1.375rem;
}

.main-menu-block .messengers .phone {
  margin-right: 0.3em;
}

.main-menu-block .messengers .phone svg {
  width: 1rem;
  height: 1rem;
}

#main-menu {
  gap: 1.5rem;
}

#main-menu a,
#main-menu a:visited {
  text-decoration: none;
  color: #1D1D1D;
  transition: all 0.3s ease;
}

#main-menu li:hover > a {
  color: var(--color-highlight);
}

.site-branding {
  height: 100%;
  flex-shrink: 0;
}

.custom-logo-link {
  height: 100%;
  display: flex;
  align-items: center;
}

.custom-logo-link img {
  height: 100%;
  max-height: 2.5rem;
  width: auto;
}

.btn.catalog {
  margin-left: 0.625rem;
}

.catalog span {
  display: none;
}

.search-field {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1;
}

.search-field::placeholder {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

input[type=search] {
  border: none;
  background: initial;
  color: #B5B5B5;
  width: 100%;
}

.profile {
  display: flex;
  gap: 0.75rem;
}
.profile .auth-modal-trigger.disabled {
  pointer-events: none;
}
.profile a.login:hover {
  color: inherit;
}

.profile .count {
  position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  height: 1rem;
  width: 1rem;
  font-size: 0.6em;
  background-color: var(--color-highlight);
  border-radius: 1rem;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile > * {
  height: 2.75rem;
  background-color: #F3F3F3;
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0;
  border: none;
  text-decoration: none;
  color: var(--color-black);
  transition: all 0.3s ease;
}

.profile > a:visited {
  color: inherit;
}

.profile > a:hover {
  background-color: var(--color-highlight-light);
  color: inherit;
}

.profile .login {
  width: 2.75rem;
}

.profile .login span {
  display: none;
}

.profile .favourites,
.profile .cart {
  width: 2.75rem;
}

.login svg {
  height: 1.125rem;
}

.favourites svg {
  height: 1.125rem;
}

.cart svg {
  height: 1.1875rem;
}

.menu-item-has-children {
  position: relative;
}

.menu-item-has-children a {
  display: inline-flex;
  align-items: center;
}

.menu-item-has-children > a::after {
  position: relative;
  margin-left: 0.5rem;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(45deg);
  transform-origin: center center;
  transition: all 0.3s ease;
}

.menu-item-has-children.active a::after {
  transform: rotate(-135deg);
}

.sub-menu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.sub-menu.open {
  margin-top: 0.5rem;
  padding-left: 0.5rem;
  color: #e9e9e9;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (min-width: 1024px) {
  .main-menu-block {
    height: 5.75rem;
    padding: 1.125rem 0rem;
  }
  .main-menu-block .messengers {
    display: none;
  }
  #main-navigation {
    display: block;
    margin-left: auto;
  }
  #main-menu,
  .main-menu-block .catalog,
  .header-search {
    display: flex;
  }
  #main-menu,
  #main-navigation {
    height: 100%;
  }
  #main-navigation li {
    display: flex;
    align-items: center;
  }
  .menu-item-has-children .sub-menu {
    position: absolute;
    top: 3.5rem;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-0.625px);
    display: flex;
    flex-direction: column;
    margin-left: 0;
    padding: 0 1rem;
    border-radius: 0 0.625rem 0.625rem 0.625rem;
    box-shadow: 0rem 0.5rem 2rem 0.4rem rgba(197, 197, 197, 0.53);
    border: 1px solid #EFEFEF;
    background-color: #fff;
  }
  .menu-item-has-children .sub-menu li {
    border-bottom: 1px solid #E9E9E9;
  }
  .menu-item-has-children .sub-menu li a {
    padding: 1rem 0;
  }
  .menu-item-has-children .sub-menu li:last-child {
    border-bottom: none;
  }
  .menu-item-has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  }
  .menu-item-has-children:hover::after {
    border-color: var(--color-highlight);
    transform: rotate(225deg);
  }
  .menu-item-has-children .sub-menu a {
    white-space: nowrap;
  }
}
@media (min-width: 1200px) {
  #main-menu {
    gap: 3.125rem;
    margin: 0 0.9375rem;
  }
  .profile .login {
    width: 6.5rem;
  }
  .profile .login span {
    display: inline;
  }
  .login svg {
    height: 1.125rem;
    display: none;
  }
}
@media (min-width: 1440px) {
  .main-menu-block .profile {
    display: flex;
  }
  .catalog span:nth-child(2) {
    display: inline;
  }
  #main-menu {
    margin-right: 1.75rem;
  }
}
@media (min-width: 1600px) {
  .catalog span:nth-child(3) {
    display: inline;
  }
}
/* МЕНЮ (ВЕРХНЕЕ)
__________________________________ */
.top-menu-block {
  display: none;
  border-bottom: 1px solid #EFEFEF;
  padding: 1rem 0 1rem;
}

.top-menu-block .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.top-menu-block .right-block {
  display: flex;
  align-items: center;
  gap: 1.875rem;
}

#top-menu {
  display: flex;
  gap: 2rem;
}

#top-menu a,
#top-menu a:visited {
  font-size: 0.875rem;
  text-decoration: none;
  color: #656565;
  transition: all 0.3s ease;
}

#top-menu a:hover {
  color: var(--color-highlight);
}

.social_block,
.messengers {
  display: flex;
  gap: 1rem;
}

.social_block a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.94625rem;
  height: 1.94625rem;
  border-radius: 1.94625rem;
  background-color: #F3F3F3;
  color: var(--color-black);
  transition: all 0.3s ease;
}

.social_block a:visited {
  color: var(--color-black);
}

.social_block a:hover {
  background-color: var(--color-highlight-light);
}

.social_block svg {
  width: 0.857rem;
  height: 0.857rem;
}

.messengers a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 0.8125rem;
  gap: 0.4375rem;
  color: #ACACAC;
  transition: color 0.3s ease;
}

.messengers a:visited {
  color: inherit;
}

.messengers a:hover {
  color: var(--color-highlight);
}

.messengers svg {
  width: 1rem;
  height: 1rem;
}

.contacts {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.contacts .v-separ {
  height: 1.125rem;
  width: 1px;
  background-color: #E3E3E3;
}

.contacts a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 0.8125rem;
  gap: 0.6rem;
  color: #1D1D1D;
  transition: color 0.3s ease;
}

.contacts a:visited {
  color: inherit;
}

.contacts a:hover {
  color: var(--color-highlight);
}

.contacts .work_time {
  color: #ACACAC;
  font-size: 0.8125rem;
}

@media (min-width: 1024px) {
  .top-menu-block {
    display: block;
  }
}
/* МЕНЮ (ПЛАВАЮЩЕЕ)
__________________________________ */
#float-menu {
  display: block;
  position: fixed;
  bottom: 0;
  background: #fff;
  width: 100%;
  border-top: 1px solid #E3E3E3;
  z-index: 9999;
}

#float-menu .wrapper {
  padding: 0.5rem 0;
  display: flex;
  justify-content: space-between;
}

#float-menu .profile > * {
  height: 2rem;
}

#float-menu .profile .favourites,
#float-menu .profile .cart {
  width: 2rem;
}

#float-menu .login {
  width: 4.75rem;
}

#float-menu .login svg {
  display: none;
}

#float-menu .login span {
  display: block;
  font-size: 0.9375rem;
}

#float-menu .favourites svg {
  height: 0.8125rem;
}

#float-menu .cart svg {
  height: 0.9rem;
}

#float-menu .count {
  height: 0.75rem;
  width: 0.75rem;
  font-size: 0.4375rem;
}

#float-menu .social_block {
  gap: 0.486875rem;
}

/* =================== FLOAT SEARCH (mobile) =================== */
.float-search {
  display: none;
  position: relative;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  transition: gap 0.3s ease;
}
@media (max-width: 1023px) {
  .float-search {
    display: flex;
  }
}

.float-search__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 8px;
  cursor: pointer;
  color: #1d1d1d;
  flex-shrink: 0;
  width: 36px;
  height: 38px;
  overflow: hidden;
  box-sizing: border-box;
  transition: width 0.3s ease, padding 0.3s ease, opacity 0.3s ease;
}
.float-search__toggle svg {
  width: 20px;
  height: 20px;
  display: block;
  flex-shrink: 0;
}

.float-search__form {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 6px 10px;
  margin: 0;
  box-sizing: border-box;
  height: 38px;
  min-height: 38px;
  transition: width 0.3s ease, max-width 0.3s ease, opacity 0.3s ease;
}

.float-search__label {
  flex: 1;
  margin: 0;
  display: flex;
  align-items: center;
  min-width: 0;
}

.float-search__field {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: 16px;
  line-height: 1.2;
  padding: 0;
  color: #1d1d1d;
}
.float-search__field::placeholder {
  color: #9a9a9a;
}

.float-search__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: #1d1d1d;
  flex-shrink: 0;
}
.float-search__submit svg {
  width: 18px;
  height: 18px;
  display: block;
}

#float-menu.float-search-open .float-search {
  gap: 0;
}
#float-menu.float-search-open .float-search__toggle {
  width: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}
#float-menu.float-search-open .float-search__form {
  width: 100%;
  max-width: 100%;
  opacity: 1;
}
#float-menu.float-search-open .social_block,
#float-menu.float-search-open .profile {
  display: none;
}

@media (min-width: 1440px) {
  #float-menu {
    display: none;
  }
}
/* МЕНЮ (МОБИЛЬНОЕ)
_________________________ */
#mobile-menu {
  position: fixed;
  top: 3.5625rem;
  left: -100%;
  width: 100%;
  background: #fff;
  transition: left 0.3s ease-in-out;
  z-index: 1000;
  box-sizing: border-box;
  overflow-y: auto;
  height: calc(100vh - 3.5625rem - 3rem - 1px);
  border-top: 1px solid #E3E3E3;
}
#mobile-menu .wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-bottom: 80px;
}

#mobile-menu.active {
  left: 0;
}

.menus-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
}
.menus-wrapper .menu-item a {
  font-size: 1.125rem;
}

nav a {
  text-decoration: none;
}

.mobile-menu-2 a {
  color: #656565;
}

.mobile-menu-1 a {
  color: var(--color-black);
}

.mobile-menu-1 .sub-menu a {
  color: gray;
}

.mobile-menu {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mobile-menu-1 a {
  line-height: 100%;
}

@media (min-width: 1024px) {
  #mobile-menu.active {
    left: -100%;
  }
}
/* КНОПКА МОБИЛЬНОГО МЕНЮ
___________________________ */
button.menu-toggle {
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: initial;
  background-color: transparent;
  display: flex;
  align-items: center;
}

button.menu-toggle span,
button.menu-toggle span::before,
button.menu-toggle span::after {
  display: block;
  width: 1.5rem;
  height: 1px;
  background-color: #000;
}

button.menu-toggle span {
  position: relative;
  -webkit-transition: background 0s 0.3s;
  transition: background 0s 0.3s;
}

button.menu-toggle span::before,
button.menu-toggle span::after {
  position: absolute;
  content: "";
}

button.menu-toggle span::before {
  top: -0.4em;
}

button.menu-toggle span::before {
  transition-property: top, transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

button.menu-toggle.active span::before {
  transition-property: top, transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0.3s;
}

button.menu-toggle span::after {
  bottom: -0.4em;
}

button.menu-toggle span::after {
  transition-property: bottom, transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

button.menu-toggle.active span::after {
  transition-property: bottom, transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0.3s;
}

button.menu-toggle.active span {
  background: none;
}

button.menu-toggle.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

button.menu-toggle.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mobile-contacts {
  display: flex;
  flex-direction: column;
}
.mobile-contacts a.phone {
  font-weight: 500;
  font-size: 1.5rem;
  color: #000;
  display: block;
  text-decoration: none;
}
.mobile-contacts a.phone:visited {
  color: #000;
}
.mobile-contacts .messengers {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-top: 1.375rem;
}
.mobile-contacts .messengers a {
  padding: 0.875rem 1.25rem;
  display: flex;
  align-items: center;
  border-radius: 0.625rem;
  background-color: #FFE9D6;
  color: var(--color-highlight, #E57C1F);
}

@media (min-width: 1024px) {
  button.menu-toggle {
    display: none;
  }
  .messengers a span {
    display: none;
  }
  .contacts .phone span {
    display: none;
  }
}
@media (min-width: 1440px) {
  button.menu-toggle {
    display: none;
  }
  .messengers a span {
    display: inline;
  }
  .contacts .phone span {
    display: inline;
  }
}
/* КАТАЛОГ В МЕНЮ
_____________________________ */
#catalog-menu {
  display: none;
  width: 100%;
  background: white;
  top: 149px;
  position: absolute;
  transform: translateY(calc(-126% - 70px));
  transition: all 0.3s ease;
  z-index: 2;
  border-top: 1px solid #EFEFEF;
  box-shadow: 0px 30px 60.1px 0px rgba(0, 0, 0, 0.1019607843);
}

#catalog-menu.active {
  display: none;
  transform: translateY(0);
}

@media (min-width: 1024px) {
  #catalog-menu {
    display: block;
    opacity: 0;
    transition: all 0.3s ease;
  }
  #catalog-menu.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.3s ease;
  }
}
/* МОБИЛЬНЫЙ КАТАЛОГ
_____________________________ */
.menu-separator {
  width: 50%;
  height: 2px;
  background: #ededed;
  display: block;
  border-radius: 10rem;
}

.mobile-catalog {
  margin-top: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  padding: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
  border-radius: 1.25rem;
  background-color: #F4F4F4;
}
.mobile-catalog .catalog-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.mobile-catalog h3 {
  font-size: 0.875rem;
  font-weight: 400;
  margin-top: 1em;
}
.mobile-catalog h3 a {
  text-decoration: none;
  color: var(--color-highlight);
}
.mobile-catalog h3 a:visited {
  color: var(--color-highlight);
}
.mobile-catalog h3 a:hover {
  color: var(--color-highlight);
}
.mobile-catalog h3 a:active {
  color: var(--color-highlight);
}
.mobile-catalog h3.shop-link a::after {
  content: "";
  display: inline-block;
  width: 0.4652em;
  height: 0.4652em;
  margin-left: 0.5em;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23E57C1F"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}
.mobile-catalog__title {
  position: relative;
  padding-bottom: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
}
.mobile-catalog__title .t-wrap {
  color: var(--color-highlight);
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 0.5em;
  padding-bottom: clamp(0.63rem, 0.54rem + 0.35vw, 0.94rem);
}
.mobile-catalog__title svg {
  width: 1rem;
  height: 1rem;
}
.mobile-catalog__title h3 {
  margin-top: 0;
  font-size: clamp(1.06rem, 0.96rem + 0.42vw, 1.44rem);
}
.mobile-catalog__title::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #ededed;
  display: block;
  border-radius: 10rem;
}
.mobile-catalog .top-item a {
  font-size: clamp(1rem, 0.9rem + 0.42vw, 1.38rem);
  text-decoration: none;
  color: var(--color-text-2);
  text-wrap: balance;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3em;
  row-gap: 0;
}
.mobile-catalog .top-item a span {
  text-wrap: balance;
  font-weight: inherit;
}
.mobile-catalog .top-item a .last-word {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.mobile-catalog .top-item a .last-word::after {
  content: "";
  display: inline-block;
  width: 0.4652em;
  height: 0.4652em;
  margin-left: 0.5em;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23E57C1F"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  transform: rotate(0);
  transition: transform 0.3s ease;
}
.mobile-catalog .item.active .top-item a .last-word::after {
  transform: rotate(45deg);
}
.mobile-catalog .child-cats {
  display: none;
}
.mobile-catalog .child-cats a {
  font-size: clamp(0.81rem, 0.7rem + 0.49vw, 1.25rem);
  padding-left: 1em;
  text-decoration: none;
  color: var(--color-text-2);
  text-wrap: balance;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3em;
  row-gap: 0;
}
.mobile-catalog .child-cats a .last-word {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.mobile-catalog .child-cats a .last-word::after {
  content: "";
  display: inline-block;
  width: 0.4652em;
  height: 0.4652em;
  margin-left: 0.5em;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23C4C4C4"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  transform: rotate(0);
  transition: transform 0.3s ease;
}
.mobile-catalog .child-cats.open {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  animation: slideDown 0.3s ease-out;
}

/* LIVE SEARCH RESULTS
_____________________________ */
.live-search-results {
  position: absolute;
  background: var(--color-block-bg);
  top: 74px;
  width: 100%;
  overflow: hidden;
  max-width: 1800px;
  opacity: 0;
  border-radius: 0.625rem;
}
.live-search-results .live-search-info {
  white-space: wrap;
}
.live-search-results.active {
  opacity: 1;
  padding-top: clamp(1rem, 0.74rem + 1.12vw, 2rem);
  padding-bottom: clamp(0.94rem, 0.28rem + 2.81vw, 3.44rem);
  padding-left: clamp(0.75rem, 0.29rem + 1.96vw, 2.5rem);
  padding-right: clamp(0.75rem, 0.29rem + 1.96vw, 2.5rem);
}
.live-search-results .wrapper {
  display: flex;
  flex-direction: column;
}
.live-search-results .wrapper .result-products {
  width: 100%;
}
.live-search-results .wrapper .result-products h3.sp-title {
  font-size: clamp(1.13rem, 0.99rem + 0.56vw, 1.63rem);
  margin-bottom: 1.5em;
  font-weight: 600;
}
.live-search-results .wrapper .result-products h3.sp-title--skeleton {
  background: linear-gradient(90deg, #eaeaea 0%, #f5f5f5 50%, #eaeaea 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s linear infinite;
  display: block;
  height: 1rem;
  max-width: 200px;
  border-radius: 0.3rem;
}
.live-search-results .wrapper .result-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  grid-template-rows: auto;
  grid-auto-rows: 0;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .live-search-results .wrapper .result-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1400px) {
  .live-search-results .wrapper .result-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1600px) {
  .live-search-results .wrapper .result-grid {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 1800px) {
  .live-search-results .wrapper .result-grid {
    grid-template-columns: repeat(8, 1fr);
  }
}
.live-search-results .wrapper .result-grid .item-card {
  padding: clamp(0.75rem, 0.55rem + 0.84vw, 1.5rem);
  padding-top: clamp(1.13rem, 0.86rem + 1.12vw, 2.13rem);
}
.live-search-results .wrapper .result-grid .item-card--skeleton {
  background: linear-gradient(90deg, #eaeaea 0%, #f5f5f5 50%, #eaeaea 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s linear infinite;
  border-color: #eaeaea;
}
.live-search-results .wrapper a {
  display: block;
}

#colophon {
  margin-bottom: 5rem;
  padding-bottom: clamp(1rem, 0.85rem + 0.65vw, 1.5rem);
}

#colophon .wrapper {
  background-color: var(--color-footer-bg);
  border-radius: 0.625rem;
  padding: clamp(1.75rem, 1.06rem + 2.94vw, 4rem) clamp(1.25rem, 0.87rem + 1.63vw, 2.5rem) clamp(2.19rem, 2.28rem - 0.41vw, 1.88rem);
}

#colophon .wrapper .top-block {
  padding-bottom: 1.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1490196078);
}

.footer-menu-block {
  display: none;
}

#colophon .logo_block {
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
}

#colophon .logo_block img {
  width: clamp(8.31rem, 6.96rem + 5.75vw, 13.44rem);
  height: 100%;
}

#colophon a.phone {
  font-size: 0.75rem;
  text-decoration: none;
  color: #fff;
  transition: color 0.3s ease;
}

#colophon a.phone:hover {
  color: var(--color-highlight);
}

#colophon a.phone span {
  font-weight: 600;
}

#colophon .copyright {
  font-size: clamp(0.69rem, 0.63rem + 0.24vw, 0.88rem);
  color: rgba(255, 255, 255, 0.6980392157);
  text-wrap: balance;
}

#colophon .wrapper-bottom {
  padding-top: clamp(1.38rem, 1.26rem + 0.49vw, 1.75rem);
  padding-bottom: 2.5em;
  color: #939393;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.75rem;
}
#colophon .wrapper-bottom .copyright {
  flex-shrink: 0;
}
#colophon .wrapper-bottom #footer-menu-3 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  justify-content: start;
}
#colophon .wrapper-bottom #footer-menu-3 li {
  margin-right: 0.75em;
  font-size: 0.8rem;
}
#colophon .wrapper-bottom #footer-menu-3 a {
  color: #939393;
  transition: color 0.3s ease;
  text-decoration: none;
}
#colophon .wrapper-bottom #footer-menu-3 a:visited {
  color: #939393;
  transition: color 0.3s ease;
}
#colophon .wrapper-bottom #footer-menu-3 a:hover {
  color: var(--color-highlight);
}
#colophon .wrapper-bottom #footer-menu-3 a:active {
  color: var(--color-highlight);
}

@media (min-width: 1024px) {
  #colophon {
    margin-bottom: initial;
  }
  #colophon .wrapper-bottom {
    flex-direction: row;
  }
  #colophon .wrapper-bottom #footer-menu-3 {
    justify-content: end;
  }
  .footer-menu-block {
    display: grid;
    grid-template-columns: 1fr 1fr minmax(0, 5fr) auto;
    grid-template-rows: auto auto;
    column-gap: clamp(2rem, -1.96rem + 6.19vw, 5rem);
    position: relative;
    justify-content: start;
  }
  .footer-menu-block::after {
    content: "";
    position: absolute;
    grid-column: 1/-1;
    grid-row: 1/2;
    top: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1490196078);
    width: 100%;
  }
  .footer-title.shop {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .footer-title.contacts-title {
    grid-column: 4/5;
    grid-row: 1/2;
  }
  #footer-1 {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  #footer-2 {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .footer-contact-block {
    grid-column: 4/5;
    grid-row: 2/3;
    display: flex;
    flex-direction: column;
    gap: 0.8125rem;
  }
  .footer-contact-block .social_block {
    margin-top: 1.5rem;
    gap: 0.75rem;
  }
  .footer-contact-block .social_block a {
    width: 2.375rem;
    height: 2.375rem;
    border-radius: 0.375rem;
    background-color: #3B393A;
    color: white;
    transition: background 0.3s ease;
  }
  .footer-contact-block .social_block a:hover {
    background-color: var(--color-highlight);
  }
  #colophon .wrapper {
    padding-bottom: 30px;
  }
  #colophon .logo_block a.phone {
    display: none;
  }
  #colophon .top-block {
    display: flex;
    align-items: flex-start;
    gap: clamp(2.5rem, -8.22rem + 16.75vw, 10.63rem);
  }
  .footer-menu-block .menu-item {
    width: max-content;
    max-width: 200px;
  }
  .footer-menu-block h3.footer-title {
    color: rgba(255, 255, 255, 0.6980392157);
    margin-bottom: 1.75rem;
  }
  .footer-menu-block h3.footer-title.contacts-title {
    color: #FFFFFF;
  }
  #footer-1,
  #footer-2,
  .footer-contact-block {
    padding-top: 1.75rem;
  }
  .footer-menu-block .menu {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .footer-menu-block .menu a,
  .footer-menu-block .menu a:visited {
    color: rgba(255, 255, 255, 0.6980392157);
    transition: color 0.3s ease;
  }
  .footer-menu-block .menu a:hover {
    color: var(--color-highlight);
  }
  #colophon .footer-menu-block a.phone span {
    white-space: nowrap;
  }
  #colophon .footer-menu-block a.phone {
    font-size: 1.1rem;
  }
}
@media (min-width: 1200px) {
  #colophon .footer-menu-block a.phone {
    font-size: 1.5rem;
  }
}
/* PRODUCT-ASIDE
_______________________________*/
aside.product-aside {
  width: 100%;
}
aside.product-aside .wrapper {
  display: flex;
  flex-direction: column;
  gap: clamp(0.88rem, 0.65rem + 0.98vw, 1.75rem);
  border-radius: 1.25rem;
  background-color: #F4F4F4;
  padding-top: clamp(1.25rem, 1.04rem + 0.91vw, 2.06rem);
  padding-bottom: clamp(1.25rem, 1.04rem + 0.91vw, 2.06rem);
  padding-left: clamp(1.44rem, 1.27rem + 0.7vw, 2.06rem);
  padding-right: clamp(1.44rem, 1.27rem + 0.7vw, 2.06rem);
}
aside.product-aside .stock-status {
  display: flex;
  gap: 0.4375rem;
  align-items: center;
}
aside.product-aside .stock-status .icon {
  width: 1.2625rem;
  height: 1.2625rem;
  border-radius: 1.0652rem;
  background-color: var(--color-block-bg);
  display: flex;
  align-items: center;
  justify-content: center;
}
aside.product-aside .stock-status .icon svg {
  width: 0.7375rem;
  height: 0.7125rem;
}
aside.product-aside .stock-status.stock-status--accept .icon {
  background-color: var(--color-accept);
}
aside.product-aside .stock-status.stock-status--backorder .icon {
  background-color: var(--color-highlight);
}
aside.product-aside .stock-status.stock-status--backorder .icon span {
  color: #fff;
  font-size: 0.9em;
}
aside.product-aside .stock-status.stock-status--outofstock .icon {
  background-color: red;
}
aside.product-aside .stock-status.stock-status--outofstock .icon svg {
  fill: #fff;
  width: 0.7em;
  height: 0.7em;
}
aside.product-aside .nds-price {
  display: flex;
  gap: 0.45rem;
  flex-direction: column;
}
aside.product-aside .current-price {
  font-size: clamp(1.06rem, 0.85rem + 0.91vw, 1.88rem);
  color: var(--color-text-2);
  font-weight: 600;
  line-height: 1em;
}
aside.product-aside .sale-price {
  font-size: clamp(0.81rem, 0.7rem + 0.49vw, 1.25rem);
  text-decoration: line-through;
  font-weight: 400;
  color: #A6A6A6;
  line-height: 1em;
}
aside.product-aside .price-block__subtitle {
  font-size: clamp(0.63rem, 0.59rem + 0.14vw, 0.75rem);
  color: var(--color-highlight);
  font-weight: 500;
}
aside.product-aside .secondary-buttons {
  display: flex;
  gap: 0.625rem;
}
aside.product-aside .secondary-buttons .wishlist-toggle .wishlist-icon--filled {
  display: none;
}
aside.product-aside .secondary-buttons .wishlist-toggle .wishlist-icon--empty {
  display: block;
}
aside.product-aside .secondary-buttons .wishlist-toggle.active .wishlist-icon--filled {
  display: block;
}
aside.product-aside .secondary-buttons .wishlist-toggle.active .wishlist-icon--empty {
  display: none;
}
aside.product-aside .item-card__buttons {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
aside.product-aside .item-card__buttons .button {
  height: clamp(2.5rem, 2.29rem + 0.91vw, 3.31rem);
}
aside.product-aside .item-card__buttons .button--gray {
  height: clamp(2.5rem, 2.42rem + 0.35vw, 2.81rem);
  border-radius: 0.3125rem;
  flex-grow: 1;
}
aside.product-aside .item-card__buttons .item-card__button--favourite {
  padding: 0.6876em;
  border-radius: 0.3125rem;
  width: clamp(2.5rem, 2.42rem + 0.35vw, 2.81rem);
  height: clamp(2.5rem, 2.42rem + 0.35vw, 2.81rem);
  display: block;
  background-color: #fff;
  border: 1px solid #fff;
  color: #000;
  transition: all 0.3s ease;
}
aside.product-aside .item-card__buttons .item-card__button--favourite:after {
  content: none;
}
aside.product-aside .dop-fields .item {
  display: flex;
  align-items: center;
  gap: clamp(0.81rem, 0.8rem + 0.07vw, 0.88rem);
  padding-top: clamp(0.69rem, 0.62rem + 0.28vw, 0.94rem);
  padding-bottom: clamp(0.69rem, 0.57rem + 0.49vw, 1.13rem);
  border-bottom: 1px solid #E3E3E3;
}
aside.product-aside .dop-fields .item:last-child {
  border-bottom: 0px solid transparent;
}
aside.product-aside .dop-fields .item .icon {
  flex-shrink: 0;
  width: clamp(1.25rem, 1.15rem + 0.42vw, 1.63rem);
  height: clamp(1.25rem, 1.15rem + 0.42vw, 1.63rem);
}
aside.product-aside .dop-fields .item span {
  display: block;
  font-size: clamp(0.75rem, 0.72rem + 0.14vw, 0.88rem);
  font-weight: 300;
  color: var(--color-text-2);
}
@media (min-width: 1024px) {
  aside.product-aside {
    display: flex;
    width: 20.9375rem;
    flex-shrink: 0;
  }
}

/* AUTH POPUP
___________________________*/
.auth-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  opacity: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
}
.auth-modal .auth-ajax-message {
  text-align: center;
  text-wrap: balance;
}

.auth-modal__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(2px);
}

.auth-modal__content {
  position: relative;
  background: #fff;
  width: 89.3%;
  max-width: 514px;
  margin: 50px auto;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  animation: authModalFadeIn 0.3s ease;
  max-height: 90vh;
  overflow-y: auto;
  padding-left: clamp(1.25rem, 0.59rem + 2.81vw, 3.75rem);
  padding-right: clamp(1.25rem, 0.59rem + 2.81vw, 3.75rem);
  padding-top: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
  padding-bottom: clamp(2.5rem, 2.29rem + 0.91vw, 3.31rem);
}

@keyframes authModalFadeIn {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.auth-modal__close {
  font-weight: 100;
  position: absolute;
  top: 0.625rem;
  right: 1.0625rem;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  color: #666;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s;
  z-index: 10;
}

.auth-modal__close:hover {
  color: var(--color-highlight);
}

.auth-modal .woocommerce-form-login,
.auth-modal .woocommerce-form-register,
.auth-modal .price-request-form,
.auth-modal .request-question-form,
.auth-modal .request-consult-form,
.auth-modal .notify-receipt-form {
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}

.auth-modal .woocommerce-form-login .woocommerce-form-login__submit,
.auth-modal .woocommerce-form-register .woocommerce-form-register__submit {
  width: 100%;
  margin-top: 15px;
}

.auth-modal .u-columns {
  display: block;
}

.auth-modal .u-column1,
.auth-modal .u-column2 {
  width: 100%;
  padding: 0;
  margin-bottom: 30px;
}

.auth-modal .u-column1:last-child,
.auth-modal .u-column2:last-child {
  margin-bottom: 0;
}

.auth-modal h2 {
  font-size: 24px;
  margin-bottom: 25px;
  text-align: center;
  font-weight: 600;
}

.auth-block {
  display: none;
  width: 100%;
  animation: fadeIn 0.4s ease;
}

.auth-block--active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.auth-block__title {
  font-size: 1.875rem;
  margin-bottom: 1.5625rem;
  text-align: left;
  font-weight: 700;
  color: #000;
}

.auth-block__footer {
  padding-top: 25px;
  text-align: center;
}

.auth-block__footer-text {
  margin: 0 0 15px 0;
  color: #666;
  font-size: 15px;
}

.auth-block__footer .button.auth-block__switch-btn {
  color: #000;
}

.auth-form__label {
  display: none;
  margin-bottom: 6px;
  font-weight: 500;
  color: #333;
  font-size: 14px;
}

.auth-form__label .required {
  color: #ff0000;
}

.auth-form__field input[type=text],
.auth-form__field input[type=password],
.auth-form__field input[type=tel],
.auth-form__field input[type=number],
.auth-form__field input[type=url],
.auth-form__field input[type=email],
.auth-form__field textarea {
  border-radius: 0.625rem;
  padding: 18px 25px;
  border: none;
  width: 100%;
  background-color: #F1F1F1;
}

.auth-form__field {
  width: 100%;
}

.auth-form__field input[type=text]:focus {
  outline: none;
  border-color: initial;
  box-shadow: initial;
}

.auth-form__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  margin: 10px 0;
}

.auth-form__row--names {
  margin: 0;
  gap: 0.9375rem;
}

.auth-form__checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  color: #555;
}

.auth-form__checkbox input[type=checkbox] {
  position: absolute;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.auth-form__forgot {
  color: #666;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.2s;
}
.auth-form__forgot:visited {
  color: inherit;
}

.auth-form__forgot:hover {
  color: var(--color-highlight);
  text-decoration: underline;
}

.auth-form__btn {
  width: 100%;
  padding: 16px;
  background-color: var(--color-highlight);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  letter-spacing: 0.3px;
}

.auth-form__btn:hover {
  background-color: var(--color-highlight);
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 124, 186, 0.3);
}

.auth-form__btn:active {
  transform: translateY(0);
}

.auth-form .woocommerce-error,
.auth-form .woocommerce-message {
  margin: 0 0 20px 0;
  padding: 12px 15px;
  border-radius: 6px;
  font-size: 14px;
  list-style: none;
}

.auth-form .woocommerce-error {
  background: #ffe6e6;
  border-left: 4px solid #ff0000;
  color: #cc0000;
}

.auth-form .woocommerce-message {
  background: #e6ffe6;
  border-left: 4px solid #00cc00;
  color: #006600;
}

.auth-block button {
  text-transform: uppercase;
  font-weight: 300;
}
.auth-block .custom-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 14px;
  color: #555;
  user-select: none;
  position: relative;
  padding-left: 0;
  margin: 0;
  width: initial;
  height: initial;
  border: none;
  border-radius: initial;
  background: initial;
}
.auth-block .custom-checkbox__input {
  opacity: 0;
  width: 0;
  height: 0;
}
.auth-block .custom-checkbox__checkmark {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.auth-block .custom-checkbox:hover .custom-checkbox__checkmark {
  border-color: #007cba;
  background-color: #f8fafc;
}
.auth-block .custom-checkbox__input:checked + .custom-checkbox__checkmark {
  background-color: #000000;
  border-color: #000000;
}
.auth-block .custom-checkbox__checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.auth-block .custom-checkbox__input:checked + .custom-checkbox__checkmark::after {
  display: block;
}
.auth-block .custom-checkbox__input:focus + .custom-checkbox__checkmark {
  outline: none;
}
.auth-block .custom-checkbox__label {
  font-size: 14px;
  line-height: 1.4;
  color: #333;
  font-weight: 500;
}
.auth-block .custom-checkbox__input:active + .custom-checkbox__checkmark {
  transform: scale(0.95);
}
.auth-block .custom-checkbox__input:disabled + .custom-checkbox__checkmark {
  background-color: #f5f5f5;
  border-color: #eee;
  cursor: not-allowed;
}
.auth-block .custom-checkbox__input:disabled + .custom-checkbox__checkmark::after {
  border-color: #999;
}
.auth-block .custom-checkbox__input:disabled ~ .custom-checkbox__label {
  color: #999;
  cursor: not-allowed;
}

.auth-form__field--password .password-input-wrapper .auth-form__input {
  padding-right: 50px !important;
}
.auth-form__field--password .password-toggle {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.auth-form__field--password .password-toggle:hover {
  opacity: 0.8;
}
.auth-form__field--password .password-toggle__icon {
  width: 20px;
  height: 20px;
}
.auth-form__field--password .password-match-message {
  margin-top: 5px;
  font-size: 14px;
  display: none;
}
.auth-form__field--password .password-match-message.visible {
  display: block;
}

.password-input-wrapper {
  position: relative;
}

.password-toggle {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.password-toggle:hover {
  opacity: 0.8;
}

.password-toggle__icon {
  width: 20px;
  height: 20px;
}

.password-toggle.is-visible .password-toggle__icon--show {
  display: none;
}
.password-toggle.is-visible .password-toggle__icon--hide {
  display: block;
}
.password-toggle .password-toggle__icon--show {
  display: block;
}
.password-toggle .password-toggle__icon--hide {
  display: none;
}

.auth-block__switch-btn {
  width: 100%;
}

.auth-form .woocommerce-privacy-policy-text p {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  text-wrap: balance;
  font-size: 15px;
  color: #666;
}

#price-request-block.auth-block.success .auth-block__title,
#price-request-block.auth-block.success .auth-block__subtitle,
#price-request-block.auth-block.success .auth-form__field,
#price-request-block.auth-block.success .auth-form__submit {
  display: none;
}

#request-consult-block.auth-block.success .auth-block__title,
#request-consult-block.auth-block.success .auth-block__subtitle,
#request-consult-block.auth-block.success .auth-form__field,
#request-consult-block.auth-block.success .auth-form__submit {
  display: none;
}

#request-question-block.auth-block.success .auth-block__title,
#request-question-block.auth-block.success .auth-block__subtitle,
#request-question-block.auth-block.success .auth-form__field,
#request-question-block.auth-block.success .auth-form__submit {
  display: none;
}

#notify-receipt-block.auth-block.success .auth-block__title,
#notify-receipt-block.auth-block.success .auth-block__subtitle,
#notify-receipt-block.auth-block.success .auth-form__field,
#notify-receipt-block.auth-block.success .auth-form__submit {
  display: none;
}

.auth-ajax-message.error {
  margin: 1rem 0;
  padding: 18px 25px;
  border-radius: 0.625rem;
  border: 1px solid red;
}

.policy-confirm-group {
  padding: 1rem 1.25rem;
}
.policy-confirm-group input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  margin: 0;
  padding: 0;
}
.policy-confirm-group input[type=checkbox]:checked + .checkbox-box::after {
  transform: translate(-50%, -50%) rotate(45deg) scale(1);
  opacity: 1;
}
.policy-confirm-group input[type=checkbox]:focus-visible + .checkbox-box {
  outline: 2px solid var(--color-highlight, #E57C1F);
  outline-offset: 2px;
}
.policy-confirm-group .checkbox-wrapper {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  text-align: left;
  font-size: 0.8125rem;
  line-height: 1.45em;
  color: rgb(72, 72, 72);
  gap: 0.625rem;
}
.policy-confirm-group .checkbox-wrapper .checkbox-box {
  flex-shrink: 0;
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0.1em;
  background-color: #fff;
  border: 1.5px solid rgb(201, 201, 201);
  border-radius: 0.25rem;
  transition: background-color 0.2s, border-color 0.2s;
}
.policy-confirm-group .checkbox-wrapper .checkbox-box::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 45%;
  width: 0.3rem;
  height: 0.55rem;
  border: solid #fff;
  border-width: 0 0.125rem 0.125rem 0;
  transform: translate(-50%, -50%) rotate(45deg) scale(0);
  opacity: 0;
  transition: transform 0.15s ease, opacity 0.15s ease;
}
.policy-confirm-group .checkbox-wrapper input[type=checkbox]:checked + .checkbox-box {
  background-color: var(--color-highlight, #E57C1F);
  border-color: var(--color-highlight, #E57C1F);
}
.policy-confirm-group .checkbox-wrapper .checkbox-text {
  padding-left: 1em;
  font-size: 0.8rem;
}
.policy-confirm-group .checkbox-wrapper .checkbox-text a {
  color: var(--color-highlight, #E57C1F);
  text-decoration: underline;
  transition: opacity 0.3s ease;
}
.policy-confirm-group .checkbox-wrapper .checkbox-text a:hover {
  opacity: 0.75;
}

@media (max-width: 480px) {
  .auth-block__switch-btn {
    min-width: 100%;
    padding: 14px;
  }
  .auth-form__row {
    flex-direction: row;
    gap: 0.9375rem;
  }
}
/* КАРТОЧКА ТОВАРА !
_________________________*/
.item-card {
  position: relative;
  box-sizing: border-box;
  padding: clamp(1rem, 0.74rem + 1.12vw, 2rem);
  padding-top: clamp(1.13rem, 0.86rem + 1.12vw, 2.13rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  border: 1px solid #E2E2E2;
  background-color: #fff;
  border-radius: 0.625rem;
}
.item-card--outofstock {
  opacity: 0.3;
}
.item-card .item-card__title {
  font-size: clamp(0.75rem, 0.68rem + 0.28vw, 1rem);
}
.item-card .item-card__title a {
  text-decoration: none;
  word-break: break-word;
  color: var(--color-text-2);
  transition: color 0.3s ease;
}
.item-card .item-card__title a:hover {
  color: var(--color-highlight);
}
.item-card .item-card__image.cover {
  width: 100%;
  aspect-ratio: 4/3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.item-card .item-card__image.cover img {
  width: 90%;
  height: 90%;
}
.item-card .item-card__price {
  margin-top: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.item-card .item-card__price .current-price {
  font-size: clamp(0.81rem, 0.75rem + 0.28vw, 1.06rem);
  line-height: 1.25rem;
  font-weight: 600;
}
.item-card .item-card__price .regular-price {
  font-size: clamp(0.63rem, 0.58rem + 0.21vw, 0.81rem);
  line-height: 1rem;
  font-weight: 700;
  text-decoration: line-through;
  color: #A6A6A6;
}
.item-card .item-card__content {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.8rem;
}
.item-card .item-card__buttons {
  display: flex;
  gap: 0.625rem;
}
.item-card .item-card__button {
  padding: 0.6876em;
  border-radius: 0.3125rem;
  display: none;
  background-color: var(--color-block-bg);
  border: 1px solid var(--color-block-bg);
  color: #000;
  transition: all 0.3s ease;
}
.item-card .item-card__button:visited {
  color: #000;
}
.item-card .item-card__button svg {
  width: 1em;
  height: 1em;
}
.item-card .item-card__button::after {
  display: none;
}
.item-card .item-card__button--favourite {
  display: block;
  position: absolute;
  top: clamp(0.31rem, 0.23rem + 0.35vw, 0.63rem);
  right: clamp(0.31rem, 0.23rem + 0.35vw, 0.63rem);
}
.item-card .item-card__button--favourite .wishlist-icon--empty {
  display: block;
}
.item-card .item-card__button--favourite .wishlist-icon--filled {
  display: none;
}
.item-card .item-card__button--favourite.active .wishlist-icon--empty {
  display: none;
}
.item-card .item-card__button--favourite.active .wishlist-icon--filled {
  display: block;
}
.item-card .button:focus {
  border: 1px solid transparent;
}
.item-card .item-card__tags {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  top: clamp(0.31rem, 0.23rem + 0.35vw, 0.63rem);
  left: clamp(0.31rem, 0.23rem + 0.35vw, 0.63rem);
  gap: clamp(0.31rem, 0.23rem + 0.35vw, 0.63rem);
  padding-right: 3rem;
}
.item-card .item-card__tags .tag {
  border-radius: 0.375rem;
  color: #fff;
  background-color: #ff0000;
  font-size: clamp(0.63rem, 0.56rem + 0.28vw, 0.88rem);
  padding: 0.446em 0.551em;
  line-height: 1em;
}
.item-card .item-card__tags .tag--discount {
  background-color: #E84220;
  color: #fff;
}
.item-card .item-card__tags .tag--last-prod {
  background-color: #383838;
}
.item-card .item-card__tags .tag--two-off {
  background-color: #FF5900;
}
.item-card .item-card__tags .tag--outofstock {
  background-color: #383838;
}
@keyframes flyToWishlist {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 0.8;
    transform: translate(calc(var(--target-x) - 50%), calc(var(--target-y) - 50%)) scale(0.8);
  }
  100% {
    opacity: 0;
    transform: translate(calc(var(--target-x) - 50%), calc(var(--target-y) - 50%)) scale(0);
  }
}
.item-card .wishlist-toast {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #333;
  color: white;
  padding: 12px 20px;
  border-radius: 6px;
  z-index: 10000;
  animation: slideIn 0.3s ease-out;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
@keyframes slideIn {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.item-card .fade-out {
  animation: fadeOut 0.3s ease-out forwards;
}
@keyframes fadeOut {
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}
.item-card .wishlist-changing {
  animation: wishlistPulse 0.6s ease;
}
@keyframes wishlistPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.item-card .item-card__button--favourite.active svg,
.item-card .wishlist-toggle.active .wishlist-icon--filled {
  color: var(--color-highlight);
}
@media (min-width: 1024px) {
  .item-card .item-card__button {
    display: block;
  }
  .item-card .item-card__button:hover {
    background-color: var(--color-highlight-light);
    border: 1px solid var(--color-highlight-light);
  }
  .item-card .item-card__button--favourite {
    position: relative;
    top: initial;
    right: initial;
  }
}

/* BLOCKS ALL
_________________________*/
header.section__header--arrows .nav-block .sbp.swiper-button-lock, header.section__header--arrows .nav-block .sbn.swiper-button-lock {
  display: none;
}

span.highlight {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: var(--color-highlight);
}

.clip_desc:first-child {
  margin-top: 0;
}

.clip_desc:last-child {
  margin-bottom: 0;
}

section.pt-no {
  padding-top: 0;
}

section.pt-l {
  padding-top: clamp(3.75rem, 2.76rem + 4.21vw, 7.5rem);
}

section.pt-m {
  padding-top: clamp(3.5rem, 2.91rem + 2.53vw, 5.75rem);
}

section.pt-s {
  padding-top: clamp(1.38rem, 1.09rem + 1.22vw, 2.19rem);
}

section.pb-no {
  padding-bottom: 0;
}

section.pb-l {
  padding-bottom: clamp(3.75rem, 2.76rem + 4.21vw, 7.5rem);
}

section.pb-m {
  padding-bottom: clamp(3.5rem, 2.91rem + 2.53vw, 5.75rem);
}

section.pb-s {
  padding-bottom: clamp(1.38rem, 1.09rem + 1.22vw, 2.19rem);
}

.section__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
  flex-wrap: wrap;
}
.section__container--gray {
  background-color: var(--color-block-bg);
}
.section__container--pad {
  padding: clamp(0.75rem, 0.29rem + 1.96vw, 2.5rem);
}
.section__container--radius {
  border-radius: 0.625rem;
}

.section__content {
  width: 100%;
}

header.section__header h2 {
  max-width: 100%;
  font-size: clamp(1.25rem, 1.02rem + 0.98vw, 2rem);
  font-weight: 600;
  line-height: 1.2em;
  text-wrap: unset;
}
header.section__header h2 span {
  font-weight: inherit;
  color: var(--color-highlight);
}
header.section__header {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
header.section__header .b_desc {
  max-width: 1500px;
}
header.section__header--arrows {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
header.section__header--arrows .nav-block {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
}
header.section__header--arrows .nav-block .sbp,
header.section__header--arrows .nav-block .sbn {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  color: var(--color-highlight);
}
header.section__header--arrows .nav-block .sbp.swiper-button-disabled,
header.section__header--arrows .nav-block .sbn.swiper-button-disabled {
  color: #CACACA;
}
header.section__header--arrows .nav-block svg {
  color: inherit;
  width: 1.25rem;
  height: 1.25rem;
}
@media (min-width: 1024px) {
  header.section__header--arrows {
    justify-content: flex-start;
    gap: 2.5rem;
  }
}

.sbn, .sbp {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

h2.section__title {
  max-width: 600px;
  font-size: clamp(1.25rem, 1.02rem + 0.98vw, 2.13rem);
  font-weight: 600;
  line-height: 1.2em;
}
h2.section__title--big {
  font-size: clamp(1.5rem, 1.24rem + 1.12vw, 2.5rem);
  line-height: clamp(2.13rem, 1.86rem + 1.12vw, 3.13rem);
  font-weight: 600;
  max-width: 727px;
}
h2.section__title span {
  font-weight: inherit;
  color: var(--color-highlight);
}

.item--white {
  background-color: white;
}
.item--radius {
  border-radius: 0.625rem;
}

.cover {
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
}

.cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: relative;
}

.cover.ctn img {
  object-fit: contain;
}

.clip_desc > :first-child {
  margin-top: 0;
}

.clip_desc > :last-child {
  margin-bottom: 0;
}

.basic-content h1, .basic-content h2, .basic-content h3, .basic-content h4, .basic-content h5, .basic-content h6 {
  font-weight: 400;
}
.basic-content h1 {
  font-size: clamp(1.75rem, 1.32rem + 1.82vw, 3.38rem);
}
.basic-content h2 {
  font-size: clamp(1.13rem, 0.93rem + 0.84vw, 1.88rem);
}
.basic-content h3 {
  font-size: clamp(1rem, 0.84rem + 0.7vw, 1.63rem);
}
.basic-content h4 {
  font-size: clamp(0.88rem, 0.74rem + 0.56vw, 1.38rem);
}
.basic-content h5 {
  font-size: clamp(0.81rem, 0.71rem + 0.42vw, 1.19rem);
}
.basic-content h6 {
  font-size: clamp(0.75rem, 0.68rem + 0.28vw, 1rem);
}
.basic-content ul, .basic-content ol {
  padding-left: 1em;
}
.basic-content ul {
  list-style: disc;
}

.button {
  position: relative;
  background-color: var(--color-highlight);
  color: #fff;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  border-radius: 0.625rem;
  font-size: 1rem;
  line-height: 1em;
  gap: 0.625em;
  padding: 1.16625em 1.25em 1.25em;
  border: 1px solid var(--color-highlight);
  transition: all 0.3s ease;
}
.button::after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23FFFFFF"/></svg>');
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  bottom: 0em;
  width: 0.88em;
  height: 0.88em;
  margin-left: 0.5em;
  transform: rotate(0);
  transition: transform 0.3s ease;
}
.button.button--no-arrow:after {
  content: none;
}
.button:visited {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.button:visited span {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.button:active {
  border: 1px solid var(--color-highlight);
}
.button:focus {
  border: 1px solid var(--color-highlight);
}
.button:hover {
  opacity: 1;
  background-color: var(--color-highlight-h);
  border: 1px solid var(--color-highlight-h);
  color: #fff;
}
.button:hover span {
  color: #fff;
}
.button:hover::after {
  transform: rotate(45deg);
}
.button .button-subtitle {
  color: #FFB8A7;
}
.button.button--gray {
  background-color: #E3E3E3;
  border-color: #E3E3E3;
  color: #A8A8A8;
}
.button.button--gray:hover {
  background-color: #E3E3E3;
  border-color: #E3E3E3;
  color: var(--color-text-2);
}
.button.button--gray:active {
  border-color: #E3E3E3;
}
.button.button--gray:focus {
  border-color: #E3E3E3;
}
.button.button--gray-2::after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23000"/></svg>');
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  bottom: 0em;
  width: 0.88em;
  height: 0.88em;
  margin-left: 0.5em;
  transform: rotate(0);
  transition: transform 0.3s ease;
}
.button.button--gray-2 {
  background-color: #E3E3E3;
  border-color: #E3E3E3;
  color: #000;
}
.button.button--gray-2 .button-subtitle {
  color: #8F8F8F;
}
.button.button--gray-2:hover {
  background-color: #E3E3E3;
  border-color: #E3E3E3;
  color: #000;
}
.button.button--gray-2:hover::after {
  transform: rotate(45deg);
}
.button.button--gray-2:active {
  border-color: #E3E3E3;
}
.button.button--gray-2:focus {
  border-color: #E3E3E3;
}
.button.button--gray-2:visited {
  color: #000;
}
.button.button--white::after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23000"/></svg>');
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  bottom: 0em;
  width: 0.88em;
  height: 0.88em;
  margin-left: 0.5em;
  transform: rotate(0);
  transition: transform 0.3s ease;
}
.button.button--white {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}
.button.button--white:hover {
  background-color: #E3E3E3;
  border-color: #E3E3E3;
  color: #000;
}
.button.button--white:hover::after {
  transform: rotate(45deg);
}
.button.button--white:active {
  border-color: #E3E3E3;
}
.button.button--white:focus {
  border-color: #E3E3E3;
}
.button.button--white:visited {
  color: #000;
}
.button.button--white.active::after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23fff"/></svg>');
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  bottom: 0em;
  width: 0.88em;
  height: 0.88em;
  margin-left: 0.5em;
  transform: rotate(0);
  transition: transform 0.3s ease;
}
.button.button--white.active {
  background-color: var(--color-highlight);
  border-color: var(--color-highlight);
  color: #fff;
}
.button.button--white.active::after {
  transform: rotate(135deg);
}
.button span {
  white-space: nowrap;
}
.button--to-cart {
  width: 100%;
  padding: 0.6876em;
  border-radius: 0.3125rem;
}
.button--to-cart::before {
  content: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.4896 13.6563C10.7082 13.6563 10.8854 13.4791 10.8854 13.2605C10.8854 13.0418 10.7082 12.8646 10.4896 12.8646C10.271 12.8646 10.0937 13.0418 10.0937 13.2605C10.0937 13.4791 10.271 13.6563 10.4896 13.6563ZM10.4896 14.8438C11.364 14.8438 12.0729 14.1349 12.0729 13.2605C12.0729 12.386 11.364 11.6771 10.4896 11.6771C9.61515 11.6771 8.90625 12.386 8.90625 13.2605C8.90625 14.1349 9.61515 14.8438 10.4896 14.8438Z" fill="%23FFFFFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.73958 13.6563C5.9582 13.6563 6.13542 13.4791 6.13542 13.2605C6.13542 13.0418 5.9582 12.8646 5.73958 12.8646C5.52096 12.8646 5.34375 13.0418 5.34375 13.2605C5.34375 13.4791 5.52096 13.6563 5.73958 13.6563ZM5.73958 14.8438C6.61402 14.8438 7.32292 14.1349 7.32292 13.2605C7.32292 12.386 6.61402 11.6771 5.73958 11.6771C4.86515 11.6771 4.15625 12.386 4.15625 13.2605C4.15625 14.1349 4.86515 14.8438 5.73958 14.8438Z" fill="%23FFFFFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0.0997835 0.264458C0.281681 -0.00838561 0.65032 -0.0821135 0.923168 0.0997838L1.84784 0.716227C2.14317 0.913107 2.35166 1.21582 2.43031 1.56193L4.05936 8.72981C4.16176 9.18035 4.56231 9.50006 5.02436 9.50006H11.2049C11.667 9.50006 12.0675 9.18035 12.1699 8.72981L13.4294 3.18814C13.5701 2.5689 13.0994 1.97922 12.4644 1.97922H6.33338C6.00547 1.97922 5.73963 1.7134 5.73963 1.38548C5.73963 1.05756 6.00547 0.791732 6.33338 0.791732H12.4644C13.8615 0.791732 14.897 2.08895 14.5874 3.45129L13.3279 8.99296C13.1026 9.98416 12.2214 10.6876 11.2049 10.6876H5.02436C4.00786 10.6876 3.12666 9.98416 2.90139 8.99296L1.27234 1.82509C1.2611 1.77566 1.23131 1.73241 1.18912 1.70429L0.264462 1.08784C-0.00838568 0.905946 -0.0821138 0.537306 0.0997835 0.264458Z" fill="%23FFFFFF"/></svg>');
  display: inline-block;
  position: relative;
  bottom: 0;
  width: 0.88em;
  height: 0.88em;
}
.button--to-cart {
  font-size: clamp(0.81rem, 0.76rem + 0.21vw, 1rem);
}
.button--to-cart::after {
  content: "";
  display: none;
}
.button--loading {
  width: 100%;
  padding: 0.6876em;
  border-radius: 0.3125rem;
}
.button--loading::before {
  content: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M493.556 -.063c-265.602 0 -482.306 209.741 -493.5 472.594 -.765 18.027 13 19.031 13 19.031l83.813 0c16.291 0 19.146 -9.297 19.531 -17.625 9.228 -199.317 175.315 -357.688 377.156 -357.688 107.739 0 204.915 45.163 273.719 117.563l-58.813 56.875c-10.23 12.319 -10.043 27.275 5.063 31.5l247.125 49.75c21.15 5.281 46.288 -10.747 37.656 -43.656l-58.375 -227.563c-1.482 -8.615 -15.924 -22.024 -29.406 -12.406l-64.094 60.031c-89.659 -91.567 -214.627 -148.406 -352.875 -148.406zm409.625 508.5c-16.291 0 -19.146 9.297 -19.531 17.625 -9.228 199.317 -175.315 357.688 -377.156 357.688 -107.739 0 -204.915 -45.132 -273.719 -117.531l58.813 -56.906c10.229 -12.319 10.043 -27.275 -5.063 -31.5l-247.125 -49.75c-21.15 -5.281 -46.288 10.747 -37.656 43.656l58.375 227.563c1.482 8.615 15.924 22.024 29.406 12.406l64.094 -60.031c89.659 91.567 214.627 148.406 352.875 148.406 265.602 0 482.306 -209.741 493.5 -472.594 .765 -18.027 -13 -19.031 -13 -19.031l-83.813 0z"/></svg>');
  display: inline-block;
  position: relative;
  bottom: 0;
  width: 0.88em;
  height: 0.88em;
  animation: rotate-clockwise 1s linear infinite;
}
@keyframes rotate-clockwise {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.button--loading {
  font-size: clamp(0.81rem, 0.76rem + 0.21vw, 1rem);
}
.button--loading::after {
  content: "";
  display: none;
}
.button--in-cart {
  justify-content: center;
  width: 100%;
  padding: 0.6876em;
  border-radius: 0.3125rem;
  background-color: var(--color-highlight-light);
  color: var(--color-highlight);
}
.button--in-cart::before {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.7071 6.29289C20.0976 6.68342 20.0976 7.31658 19.7071 7.70711L10.4142 17C9.63316 17.7811 8.36683 17.781 7.58579 17L3.29289 12.7071C2.90237 12.3166 2.90237 11.6834 3.29289 11.2929C3.68342 10.9024 4.31658 10.9024 4.70711 11.2929L9 15.5858L18.2929 6.29289C18.6834 5.90237 19.3166 5.90237 19.7071 6.29289Z" fill="%23E57C1F"/></svg>');
  display: inline-block;
  position: relative;
  bottom: 0;
  width: 0.88em;
  height: 0.88em;
}
.button--in-cart::after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23E57C1F"/></svg>');
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  bottom: 0em;
  width: 0.55em;
  height: 0.55em;
  margin-left: 0.5em;
  transform: rotate(0);
  transition: transform 0.3s ease;
}
.button--in-cart {
  font-size: clamp(0.81rem, 0.76rem + 0.21vw, 1rem);
}
.button--in-cart span {
  position: relative;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--color-highlight);
}
.button--in-cart::after {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 1em;
  transform: translateY(-100%);
  opacity: 0;
  transition: transform 0.3s ease;
}
.button--in-cart:visited {
  color: var(--color-highlight);
}
.button--in-cart:visited span {
  color: var(--color-highlight);
}
.button--in-cart:hover {
  color: var(--color-highlight);
}
.button--in-cart:hover span {
  color: var(--color-highlight);
}
.button--in-cart:hover::after {
  transform: translateY(-100%);
  transition: transform 0.3s ease;
}
@media (min-width: 1024px) {
  .button--in-cart:hover {
    background-color: #fff;
  }
  .button--in-cart:hover span {
    transform: translateX(-1.5em);
  }
  .button--in-cart:hover::before {
    opacity: 0;
  }
  .button--in-cart:hover::after {
    opacity: 1;
  }
}

.section__container.gray {
  background-color: #F9F9F9;
}

.section__container.radius {
  border-radius: 0.625rem;
}

.section__container.relative {
  position: relative;
}

.skeleton-item {
  background-color: #f6f6f6;
  width: 100%;
  aspect-ratio: 3/4;
  border-radius: 0.625rem;
}

aside,
.aside-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(0.63rem, 0.46rem + 0.7vw, 1.25rem);
}

.aside-group {
  width: 100%;
  background-color: #FFF;
  padding: 1rem;
}

/* Стильный вариант кастомных чекбоксов */
.attribute-term-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 10px 0;
  transition: all 0.3s ease;
  border-radius: 6px;
  margin-bottom: 2px;
}

.attribute-term-item:hover {
  background-color: #f8f8f8;
}

.attribute-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left: -9999px; /* Убираем полностью из видимой области */
}

.custom-checkbox {
  width: 22px;
  height: 22px;
  border: 1px solid #E8E8E8;
  border-radius: 6px;
  margin-right: 15px;
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
  background: #E8E8E8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.check-icon {
  opacity: 0;
  transform: scale(0.5) rotate(-45deg);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.attribute-checkbox:checked + .custom-checkbox {
  background-color: #e57c1f;
  border-color: #e57c1f;
  transform: scale(1.05);
}

.attribute-checkbox:checked + .custom-checkbox .check-icon {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

.attribute-term-item:hover .custom-checkbox {
  border-color: #e57c1f;
  transform: scale(1.02);
}

.attribute-checkbox:checked ~ .term-name {
  color: #e57c1f;
  font-weight: 500;
}

.accordion__content,
.inner_accordion__content {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.3s ease;
  will-change: grid-template-rows;
}

.accordion__content > *,
.inner_accordion__content > * {
  min-height: 0;
  overflow: hidden;
}

.accordion summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.accordion__details[open] + .accordion__content,
.inner_accordion__details[open] + .inner_accordion__content {
  grid-template-rows: 1fr;
}

.accordion__content.open,
.inner_accordion__content.open {
  grid-template-rows: 1fr;
}

.accordion-container,
.inner_accordion-container {
  display: flex;
  flex-direction: column;
}

.accordion__content-body,
.inner_accordion__content-body {
  overflow: hidden;
}

.inner_accordion-container {
  margin-top: 1.5rem;
}

.accordion__details summary svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.accordion__details.active summary svg,
.accordion__details[open] summary svg {
  transform: rotate(0deg);
}

@media (min-width: 1024px) {
  .aside-group {
    padding: 0;
  }
}
.edit_text ul li {
  display: flex;
  margin-bottom: 0.4em;
}
.edit_text ul li:last-child {
  margin-bottom: initial;
}
.edit_text ul li::before {
  content: "\f058";
  position: relative;
  font-family: "Font Awesome 6 Free";
  font-size: 1.25rem;
  font-weight: 900;
  margin-right: 0.7em;
  color: var(--color-highlight);
  top: 0;
}

.archive.tax-product_cat main.child-cat .child-categories-grid {
  display: none;
}
@media (min-width: 1024px) {
  .archive.tax-product_cat main.child-cat .child-categories-grid {
    display: flex;
  }
}

.table-wrapper {
  overflow-x: auto;
}

/* ХЛЕБНЫЕ КРОШКИ
___________________________*/
.breadcrumbs,
.woocommerce-breadcrumb {
  width: 100%;
  max-width: initial;
  padding: 15px 21px;
  font-size: 0.8125rem;
  background-color: #F4F4F4;
  border-radius: 0.625rem;
  margin: 0 auto;
}

nav.breadcrumbs ul li {
  display: inline-block;
  font-size: 0.8125rem;
  line-height: 100%;
  font-weight: 300;
}

nav.breadcrumbs ul li,
nav.breadcrumbs ul li a,
nav.breadcrumbs ul li a:visited {
  color: #c1c1c1;
  transition: color 0.3s ease;
}

nav.breadcrumbs ul li.breadcrumbs-item-mobile-hidden {
  display: none;
}

@media (min-width: 1024px) {
  nav.breadcrumbs ul li.breadcrumbs-item-mobile-hidden {
    display: inline-block;
  }
}
nav.breadcrumbs ul li:hover a {
  color: var(--color-highlight, #ca774b);
  transition: color 0.3s ease;
}

nav.breadcrumbs ul li::after {
  content: "/";
  display: inline-block;
  margin: 0 0.5em;
}

nav.breadcrumbs ul li > span {
  color: #2D2D2D;
}

nav.breadcrumbs ul li.breadcrumbs__dots > span {
  color: #c1c1c1;
}

nav.breadcrumbs ul li:last-child:after {
  content: "";
}

.woocommerce-breadcrumb {
  width: 100%;
  max-width: initial;
  padding: 15px 21px;
  font-size: 0.8125rem;
  background-color: #F4F4F4;
  border-radius: 0.625rem;
  margin: 0 auto;
}
.woocommerce-breadcrumb a {
  color: #c1c1c1;
  transition: color 0.3s ease;
}
.woocommerce-breadcrumb a:visited {
  color: #c1c1c1;
}
.woocommerce-breadcrumb a:hover {
  color: var(--color-highlight);
}

/* HERO
_________________________*/
.section--hero .swiper {
  border-radius: 0.625rem;
  overflow: hidden;
}

.section--hero .nav-block {
  position: absolute;
  bottom: clamp(2.19rem, 1.68rem + 2.18vw, 4.13rem);
  right: clamp(3.13rem, 2.83rem + 1.26vw, 4.25rem);
  z-index: 2;
  display: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: nowrap;
}
.section--hero .nav-block .sbp,
.section--hero .nav-block .sbn {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  color: var(--color-highlight);
}
.section--hero .nav-block .sbp.swiper-button-disabled,
.section--hero .nav-block .sbn.swiper-button-disabled {
  color: #CACACA;
}
.section--hero .nav-block svg {
  color: inherit;
  width: 1.25rem;
  height: 1.25rem;
}
@media (min-width: 1024px) {
  .section--hero .nav-block {
    display: flex;
  }
}
.section--hero .background-image {
  display: none;
}
@media (min-width: 1024px) {
  .section--hero .background-image {
    display: block;
  }
}
.section--hero img.mobile-image-png {
  position: absolute;
  bottom: 10%;
  z-index: -1;
  margin-top: 2.5rem;
  transform: translateX(clamp(1.88rem, 1.05rem + 3.51vw, 5rem));
  display: block;
}
@media (min-width: 1024px) {
  .section--hero img.mobile-image-png {
    display: none;
  }
}
.section--hero .swiper-slide {
  border-radius: 0.625rem;
  overflow: hidden;
}
.section--hero .slide-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
  color: white;
  padding: clamp(2.88rem, 1.97rem + 3.86vw, 6.31rem) clamp(1.88rem, 1.05rem + 3.51vw, 5rem) clamp(2.19rem, 1.68rem + 2.18vw, 4.13rem);
  box-sizing: border-box;
  min-height: 38vw;
  height: calc(100vh - 160px);
}
@media (min-width: 1024px) {
  .section--hero .slide-content {
    padding-right: 125px;
    height: initial;
  }
}
@media (min-width: 1920px) {
  .section--hero .slide-content {
    min-height: 730px;
  }
}
.section--hero .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.63rem, 0.51rem + 0.49vw, 1.06rem);
}
.section--hero .info h1,
.section--hero .info h2 {
  font-size: clamp(1.63rem, 1.23rem + 1.68vw, 3.13rem);
  line-height: 1.2em;
  font-weight: 700;
  max-width: 600px;
}
.section--hero .info h3 {
  font-size: clamp(0.88rem, 0.84rem + 0.14vw, 1rem);
  line-height: 1.625rem;
  max-width: 600px;
}
.section--hero .info .button {
  font-size: 1.125rem;
  margin-top: clamp(1.5rem, 1.4rem + 0.42vw, 1.88rem);
  min-width: 13.9rem;
  justify-content: space-between;
}
.section--hero .recent-links {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: clamp(0.88rem, 0.84rem + 0.14vw, 1rem);
}
.section--hero .recent-links ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  row-gap: 0.5em;
}
.section--hero .recent-links ul a {
  color: #A8A8A8;
  text-decoration: underline dotted;
  text-underline-offset: 0.25em;
  transition: color 0.3s ease, text-decoration-color 0.3s ease;
}
.section--hero .recent-links ul a:hover {
  color: #ffffff;
  text-decoration: underline solid #ffffff;
}

/* HERO-2
_________________________*/
.section--hero-2 .section__container {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.01rem + 2.11vw, 3.38rem);
}
.section--hero-2 .section__content {
  border-radius: 1.875rem;
  padding-top: clamp(2.13rem, 0.94rem + 5.05vw, 6.63rem);
  padding-bottom: clamp(5.38rem, 4.65rem + 3.09vw, 8.13rem);
  padding-left: clamp(1.75rem, 0.93rem + 3.51vw, 4.88rem);
  padding-right: clamp(1.75rem, 1.03rem + 3.09vw, 4.5rem);
}
.section--hero-2 .section__content .wrapper {
  display: flex;
  flex-direction: column;
  gap: clamp(0.88rem, 0.48rem + 1.68vw, 2.38rem);
}
.section--hero-2 .section__content--block-1 {
  position: relative;
  background-color: #FFF4EA;
}
.section--hero-2 .section__content--block-1 .b_title {
  font-size: clamp(1.63rem, 1.23rem + 1.68vw, 3.13rem);
  line-height: clamp(2.25rem, 1.86rem + 1.68vw, 3.75rem);
  font-weight: 700;
  max-width: 650px;
}
.section--hero-2 .section__content--block-1 .subtitle--one {
  font-size: clamp(1rem, 0.9rem + 0.42vw, 1.38rem);
  line-height: clamp(1.5rem, 1.37rem + 0.56vw, 2rem);
  color: var(--color-highlight);
  font-weight: 500;
}
.section--hero-2 .section__content--block-1 .button {
  margin-top: clamp(2.75rem, 1.01rem + 7.44vw, 9.38rem);
  margin-right: auto;
}
.section--hero-2 .section__content--block-1 .subtitle--two {
  max-width: 350px;
}
.section--hero-2 .section__content--block-2 {
  padding-top: clamp(5.38rem, 4.65rem + 3.09vw, 8.13rem);
  background-color: #1D1D1D;
}
.section--hero-2 .section__content--block-2 .wrapper {
  display: flex;
  flex-direction: column;
  gap: clamp(1.88rem, 1.6rem + 1.19vw, 2.94rem);
}
.section--hero-2 .section__content--block-2 .b_title {
  font-size: clamp(1.25rem, 1.15rem + 0.42vw, 1.63rem);
  line-height: clamp(1.88rem, 1.78rem + 0.42vw, 2.25rem);
  font-weight: 600;
  color: #fff;
}
.section--hero-2 .section__content--block-2 .b_content {
  color: #fff;
  font-weight: 200;
  font-size: clamp(1rem, 0.97rem + 0.14vw, 1.13rem);
  line-height: clamp(1rem, 0.97rem + 0.14vw, 1.13rem);
}
.section--hero-2 .section__content--block-2 .b_content ul {
  display: flex;
  flex-direction: column;
  gap: clamp(1.88rem, 1.6rem + 1.19vw, 2.94rem);
}
.section--hero-2 .section__content--block-2 .b_content ul li {
  display: flex;
  font-weight: 200;
}
.section--hero-2 .section__content--block-2 .b_content ul li:before {
  content: "\f058";
  position: relative;
  font-family: "Font Awesome 6 Free";
  font-size: 1.25rem;
  font-weight: 900;
  margin-right: 0.7em;
  color: var(--color-highlight);
  top: 0.25em;
}
.section--hero-2 .section__content .image-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section--hero-2 .section__content .cover {
  transform: translateY(50%);
  width: clamp(10.25rem, 8.67rem + 6.74vw, 16.25rem);
  height: clamp(10.25rem, 8.67rem + 6.74vw, 16.25rem);
  bottom: 0;
}
@media (min-width: 1024px) {
  .section--hero-2 .section__content .image-wrapper {
    bottom: initial;
    left: initial;
    right: 0;
    top: 0;
    width: initial;
    height: 100%;
  }
  .section--hero-2 .section__content .cover {
    transform: translateY(0%) translateX(10%);
    width: initial;
    height: 16.25rem;
  }
  .section--hero-2 .section__content .cover img {
    width: auto;
  }
  .section--hero-2 .section__content--block-1 {
    min-height: 570px;
  }
}
@media (min-width: 1440px) {
  .section--hero-2 .section__container {
    flex-direction: row;
    align-items: stretch;
  }
  .section--hero-2 .section__content {
    width: initial;
  }
  .section--hero-2 .section__content--block-1 {
    width: 57%;
  }
  .section--hero-2 .section__content--block-2 {
    width: 39%;
  }
  .section--hero-2 .section__content .cover {
    transform: translateY(0%) translateX(33%);
  }
}
@media (min-width: 1600px) {
  .section--hero-2 .section__content--block-1 .b_title {
    max-width: 540px;
  }
  .section--hero-2 .section__content--block-2 {
    padding-left: 8%;
    padding-right: 8%;
  }
  .section--hero-2 .section__content .cover {
    height: 28rem;
    transform: translateY(0%) translateX(35%);
  }
}

/* HERO-3
_________________________*/
.section--hero-3 .section__content--block-1 {
  border-radius: 1.875rem;
  background-color: #F9F9F9;
  padding-top: clamp(2.13rem, 1.42rem + 3.02vw, 4.81rem);
  padding-bottom: clamp(2.13rem, 1.42rem + 3.02vw, 4.81rem);
  padding-left: clamp(1.75rem, 0.94rem + 3.44vw, 4.81rem);
  padding-right: clamp(1.75rem, 0.94rem + 3.44vw, 4.81rem);
}
.section--hero-3 .section__content--block-1 .wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(1.06rem, 0.69rem + 1.61vw, 2.5rem);
  max-width: 650px;
  height: 100%;
}
.section--hero-3 .section__content--block-1 .wrapper > *:last-child {
  margin-top: clamp(0.63rem, -1.18rem + 7.72vw, 7.5rem);
}
.section--hero-3 .section__content--block-1 .wrapper .b_desc--two {
  background-color: #fff;
  border-radius: 1.25rem;
  padding: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
}
.section--hero-3 .section__content--block-1 .wrapper .b_desc--two h1, .section--hero-3 .section__content--block-1 .wrapper .b_desc--two h2, .section--hero-3 .section__content--block-1 .wrapper .b_desc--two h3, .section--hero-3 .section__content--block-1 .wrapper .b_desc--two h4, .section--hero-3 .section__content--block-1 .wrapper .b_desc--two h5, .section--hero-3 .section__content--block-1 .wrapper .b_desc--two h6 {
  font-weight: 600;
  font-size: clamp(1.13rem, 1.01rem + 0.49vw, 1.56rem);
}
.section--hero-3 .section__content--block-2 {
  position: relative;
}
.section--hero-3 .section__content--block-2 .i_icon {
  position: absolute;
  top: 1.75rem;
  left: 1.75rem;
  background-color: #fff;
  width: clamp(5.38rem, 4.32rem + 4.49vw, 9.38rem);
  height: clamp(5.38rem, 4.32rem + 4.49vw, 9.38rem);
  border-radius: clamp(0.63rem, 0.46rem + 0.7vw, 1.25rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.section--hero-3 .section__content--block-2 svg {
  width: clamp(2.81rem, 2.07rem + 3.16vw, 5.63rem);
  height: clamp(2.81rem, 2.07rem + 3.16vw, 5.63rem);
}
.section--hero-3 .b_title {
  font-size: clamp(1.63rem, 1.23rem + 1.68vw, 3.13rem);
  line-height: clamp(2.25rem, 1.86rem + 1.68vw, 3.75rem);
  font-weight: 700;
}
@media (min-width: 1024px) {
  .section--hero-3 .section__container {
    flex-direction: row;
    align-items: stretch;
    flex-wrap: nowrap;
  }
  .section--hero-3 .section__container .section__content {
    flex: 1 1 100%;
  }
  .section--hero-3 .section__container .section__content .cover {
    height: 100%;
  }
}

/* SINGLE-PRODUCT-HERO
_________________________*/
.section--sp-hero .wrapper {
  padding-top: clamp(1.38rem, 1.08rem + 1.26vw, 2.5rem);
  padding-bottom: clamp(2.38rem, 1.63rem + 3.16vw, 5.19rem);
  padding-left: 0;
  padding-right: 0;
  border-radius: 0.675rem;
  background-color: #5d5d5d;
}
.section--sp-hero h1, .section--sp-hero h2, .section--sp-hero .b_desc {
  width: 83%;
  margin: 0 auto;
}
.section--sp-hero .item-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.25rem, 0.15rem + 0.42vw, 0.63rem);
  width: 83%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(1.56rem, 0.66rem + 3.86vw, 1.8rem);
  overflow: visible !important;
}
.section--sp-hero .item-card__tags .tag {
  border-radius: 0.375rem;
  color: #454545;
  background-color: #DADADA;
  font-size: clamp(0.63rem, 0.56rem + 0.28vw, 0.88rem);
  padding: 0.446em 0.551em;
  line-height: 1em;
  position: relative;
  cursor: pointer;
}
.section--sp-hero .item-card__tags .tag--last-prod {
  background-color: #383838;
  color: #fff;
}
.section--sp-hero .item-card__tags .tag--two-off {
  background-color: #FF5900;
  color: #fff;
}
.section--sp-hero .item-card__tags .tag--discount {
  background-color: #E84220;
  color: #fff;
}
.section--sp-hero .item-card__tags .tag .description-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 50;
  padding-top: 12px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.section--sp-hero .item-card__tags .tag:hover .description-wrapper {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.section--sp-hero .item-card__tags .tag .description-wrapper:hover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.section--sp-hero .item-card__tags .tag .description {
  background-color: #fff;
  color: #333;
  font-size: clamp(0.63rem, 0.56rem + 0.28vw, 0.88rem);
  line-height: 1.4;
  padding: 0.8em 1.2em;
  border-radius: 0.6rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  position: relative;
  white-space: normal;
  max-width: 300px;
  width: max-content;
}
.section--sp-hero .item-card__tags .tag .description a {
  color: inherit;
  text-decoration: underline;
}
.section--sp-hero .item-card__tags .tag .description::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
}
.section--sp-hero .details {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.34rem + 0.7vw, 1.13rem);
  color: #fff;
}
.section--sp-hero h1 {
  font-size: clamp(1.63rem, 1.06rem + 2.39vw, 3.75rem);
  font-weight: 700;
  line-height: 1em;
}
.section--sp-hero h2 {
  font-size: clamp(1rem, 0.93rem + 0.28vw, 1.25rem);
}
.section--sp-hero .b_desc {
  font-size: clamp(0.88rem, 0.88rem + 0.14vw, 1.3rem);
}
.section--sp-hero .b_image {
  position: relative;
}
.section--sp-hero .b_image--desktop {
  display: none;
}
.section--sp-hero .b_image .shadow {
  position: absolute;
  width: 100%;
  height: 25px;
  z-index: 1;
}
.section--sp-hero .b_image .shadow--top {
  top: 0;
}
.section--sp-hero .b_image .shadow--bottom {
  bottom: 0;
}
.section--sp-hero .b_image .shadow--left {
  left: 0;
  width: 113px;
  height: 100%;
}
.section--sp-hero .cover {
  border-radius: initial;
}
@media (min-width: 1024px) {
  .section--sp-hero .wrapper {
    border-radius: 1.25rem;
  }
}
@media (min-width: 1440px) {
  .section--sp-hero .b_image--mobile {
    display: none;
  }
  .section--sp-hero .wrapper {
    position: relative;
    overflow: hidden;
    padding-left: clamp(2rem, 1.44rem + 2.39vw, 4.13rem);
    padding-right: clamp(2rem, 1.44rem + 2.39vw, 4.13rem);
  }
  .section--sp-hero .b_image--desktop {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  }
  .section--sp-hero .b_image--desktop .cover {
    height: 100%;
  }
  .section--sp-hero .b_image--desktop .cover img {
    width: auto;
  }
  .section--sp-hero .item-card__tags {
    width: initial;
    margin-left: initial;
    margin-right: initial;
  }
  .section--sp-hero .details {
    position: relative;
    z-index: 1;
  }
  .section--sp-hero h1, .section--sp-hero h2, .section--sp-hero .b_desc {
    width: initial;
    margin: initial;
  }
  .section--sp-hero h1 {
    max-width: 50%;
  }
  .section--sp-hero h2 {
    max-width: 45%;
  }
  .section--sp-hero .b_desc {
    max-width: 400px;
    margin-top: clamp(1.88rem, 0.72rem + 4.91vw, 6.25rem);
  }
}

/* SINGLE-PRODUCT-DETAILS-INFO
_________________________*/
.section--details_info > .wrapper {
  display: flex;
  flex-direction: column;
  gap: clamp(1.56rem, 1.48rem + 0.35vw, 1.88rem);
}
.section--details_info .section__slider-block .swiper {
  border-radius: 0.625rem;
  display: none;
}
.section--details_info .section__slider-block .swiper-initialized {
  display: block;
}
.section--details_info .section__slider-block .swiper.swiper-thumbs {
  margin-top: 0.625rem;
}
.section--details_info .section__slider-block .swiper-slide-thumb-active .cover::before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  border-radius: 0.625rem;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 3px solid var(--color-highlight);
}
.section--details_info .section__slider-block .cover {
  border-radius: 0.625rem;
}
.section--details_info .thumbs-wrapper {
  display: flex;
  align-items: center;
  gap: 1.6875rem;
  width: 100vw;
  margin-left: -5.3vw;
  overflow: hidden;
}
.section--details_info .thumbs-wrapper .swiper {
  width: 89.3%;
  overflow: visible;
}
.section--details_info .thumbs-wrapper .nav-block {
  display: none;
  flex-wrap: nowrap;
  gap: 1.25rem;
}
.section--details_info .thumbs-wrapper .nav-block .swiper-button {
  color: var(--color-highlight);
}
.section--details_info .thumbs-wrapper .nav-block .swiper-button-disabled {
  color: #CACACA;
}
.section--details_info .thumbs-wrapper .nav-block .swiper-button-disabled svg {
  cursor: default;
}
.section--details_info .thumbs-wrapper .nav-block svg {
  cursor: pointer;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}
@media (min-width: 768px) {
  .section--details_info .thumbs-wrapper {
    width: initial;
    margin-left: initial;
    overflow: initial;
  }
  .section--details_info .thumbs-wrapper .swiper {
    width: initial;
    overflow: hidden;
  }
}
.section--details_info .section__details-block {
  overflow: hidden;
  padding: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
  padding-right: clamp(0.63rem, 0.46rem + 0.7vw, 1.25rem);
  background-color: #F4F4F4;
  border-radius: 0.625rem;
}
.section--details_info .section__details-block .i_details,
.section--details_info .section__details-block .i_details.i_details--specs {
  display: none;
  margin-top: clamp(0.94rem, 0.69rem + 1.05vw, 1.88rem);
  padding-right: clamp(0.63rem, 0.46rem + 0.7vw, 1.25rem);
}
.section--details_info .section__details-block .i_details.active {
  display: block;
}
.section--details_info .section__details-block .i_details.i_details--specs.active {
  display: block;
}
.section--details_info .section__details-block .i_details.i_details--specs {
  width: 100%;
  border-collapse: collapse;
}
.section--details_info .section__details-block .i_item {
  display: table-row;
  font-size: clamp(0.75rem, 0.68rem + 0.28vw, 1rem);
}
.section--details_info .section__details-block .spec, .section--details_info .section__details-block .value {
  display: table-cell;
  padding: 12px 0;
  border-bottom: 1px dashed #DFDFDF;
  vertical-align: middle;
  text-wrap: balance;
}
.section--details_info .section__details-block .i_item:last-child .spec,
.section--details_info .section__details-block .i_item:last-child .value {
  border-bottom: 0px solid transparent;
}
.section--details_info .section__details-block .spec {
  text-align: left;
  padding-right: 1rem;
  width: 60%;
}
.section--details_info .section__details-block .spec a {
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease;
}
.section--details_info .section__details-block .spec a:visited {
  color: inherit;
}
.section--details_info .section__details-block .spec a:hover {
  color: var(--color-highlight);
}
.section--details_info .section__details-block .i_details--files .spec {
  display: flex;
  gap: 1em;
  width: 100%;
  align-items: center;
}
.section--details_info .section__details-block .i_details--files .spec svg {
  flex-shrink: 0;
}
.section--details_info .section__details-block .value {
  text-align: right;
  width: 40%;
}
.section--details_info .swiper-submenu {
  overflow: visible;
}
.section--details_info .swiper-submenu .swiper-slide {
  font-size: clamp(0.88rem, 0.84rem + 0.14vw, 1rem);
  font-weight: 600;
  width: auto;
  cursor: pointer;
}
.section--details_info .swiper-submenu .swiper-slide.active {
  color: var(--color-highlight);
}
@media (min-width: 768px) {
  .section--details_info .section__slider-block {
    display: flex;
    flex-direction: row-reverse;
    gap: 1.625rem;
    display: grid;
    grid-template-columns: 4.75rem 1fr;
  }
  .section--details_info .section__slider-block .thumbs-wrapper {
    grid-column: 1;
    display: block;
  }
  .section--details_info .section__slider-block .thumbs-wrapper .swiper.swiper-thumbs {
    margin-top: 0;
    height: 100%;
    max-height: 674px;
  }
  .section--details_info .section__slider-block .thumbs-wrapper .swiper.swiper-thumbs .cover {
    aspect-ratio: initial;
    height: 100%;
  }
  .section--details_info .section__slider-block .thumbs-wrapper .nav-block {
    display: flex;
    height: 104px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .section--details_info .section__slider-block .thumbs-wrapper .nav-block .sbp {
    transform: rotate(90deg);
  }
  .section--details_info .section__slider-block .thumbs-wrapper .nav-block .sbn {
    transform: rotate(90deg);
  }
  .section--details_info .section__slider-block .top-product-swiper {
    grid-column: 2;
    grid-row: 1/-1;
    align-self: start;
  }
}
@media (min-width: 1024px) {
  .section--details_info .section__details-block {
    border-radius: 1.25rem;
    max-height: 100%;
  }
  .section--details_info .section__details-block .i_details {
    max-height: 667px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: transparent;
  }
  .section--details_info .section__details-block .i_details::-webkit-scrollbar {
    width: 4px;
    background: transparent;
  }
  .section--details_info .section__details-block .i_details::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
  }
  .section--details_info .section__details-block .i_details::-webkit-scrollbar-track {
    background: transparent;
    border: none;
  }
  .section--details_info .section__details-block .i_details::-webkit-scrollbar-corner {
    background: transparent;
  }
  .section--details_info .section__details-block .i_details::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
    background: transparent;
  }
  .section--details_info .section__details-block .i_details::-webkit-scrollbar-button:vertical {
    display: none;
  }
  .section--details_info .section__details-block .i_details::-webkit-scrollbar-button:start:decrement, .section--details_info .section__details-block .i_details::-webkit-scrollbar-button:end:increment {
    display: none;
  }
  .section--details_info .section__details-block .i_details {
    /* Для Firefox */
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
  }
  .section--details_info .section__details-block .i_details .i_item .value {
    padding-right: 12px;
  }
}
@media (min-width: 1440px) {
  .section--details_info > .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1.56rem, 1.48rem + 0.35vw, 1.88rem);
  }
}

/* promo_teach_check
_________________________*/
.section--promo_teach_check .wrapper {
  display: grid;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.section--promo_teach_check .i_block {
  overflow: hidden;
  position: relative;
  border-radius: 1.25rem;
  background-color: #F2F2F2;
  padding-top: clamp(2.19rem, 1.94rem + 1.05vw, 3.13rem);
  padding-bottom: clamp(2.19rem, 1.94rem + 1.05vw, 3.13rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
}
.section--promo_teach_check .i_block .i_title, .section--promo_teach_check .i_block .i_subtitle {
  padding-left: clamp(1.56rem, 0.9rem + 2.81vw, 4.06rem);
  padding-right: clamp(1.56rem, 0.9rem + 2.81vw, 4.06rem);
}
.section--promo_teach_check .i_block .i_title {
  font-size: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  font-weight: 700;
  line-height: 1.3em;
}
.section--promo_teach_check .i_block .i_title span.highlight {
  color: var(--color-highlight);
  font-weight: inherit;
  font-size: inherit;
}
.section--promo_teach_check .i_block .i_subtitle {
  font-size: clamp(0.88rem, 0.84rem + 0.14vw, 1rem);
  line-height: 1.3em;
}
.section--promo_teach_check .i_block .button {
  justify-content: space-between;
  margin-left: clamp(1.56rem, 0.9rem + 2.81vw, 4.06rem);
  margin-right: auto;
}
.section--promo_teach_check .space {
  display: none;
}
@media (min-width: 768px) {
  .section--promo_teach_check .wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .section--promo_teach_check .button {
    margin-top: auto;
  }
}
@media (min-width: 1600px) {
  .section--promo_teach_check .cover {
    position: absolute;
    width: 70%;
    right: -9%;
    bottom: -8%;
  }
  .section--promo_teach_check .space {
    display: block;
    width: 100%;
    height: 11vw;
    max-height: 200px;
  }
  .section--promo_teach_check .i_block h2, .section--promo_teach_check .i_block h3 {
    max-width: 70%;
  }
}

/* promo_rent
_________________________*/
.section--promo_rent .wrapper {
  background-color: #041C3F;
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
}
.section--promo_rent .i_title, .section--promo_rent .i_subtitle {
  position: relative;
}
.section--promo_rent .i_title {
  font-size: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
  font-weight: 700;
  line-height: 1.3em;
  color: #fff;
  text-align: center;
}
.section--promo_rent .i_title span.highlight {
  color: var(--color-highlight);
  font-weight: inherit;
  font-size: inherit;
}
.section--promo_rent .i_subtitle {
  font-size: clamp(0.88rem, 0.84rem + 0.14vw, 1rem);
  font-weight: 300;
  line-height: 1.3em;
  color: #fff;
  text-align: center;
}
.section--promo_rent .i_content {
  padding-top: clamp(2.38rem, 1.77rem + 2.6vw, 4.69rem);
  padding-left: clamp(1.56rem, 0.74rem + 3.51vw, 4.69rem);
  padding-right: clamp(1.56rem, 0.74rem + 3.51vw, 4.69rem);
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.section--promo_rent .button {
  margin: 0 auto;
}
.section--promo_rent .space {
  width: 100%;
  height: 91vw;
  position: relative;
  overflow: hidden;
}
.section--promo_rent .space .shadow {
  width: 100%;
  height: 50px;
  background: linear-gradient(180deg, #041C3F, transparent);
  position: absolute;
  z-index: 1;
}
.section--promo_rent .cover {
  border-radius: initial;
  position: absolute;
  width: 206%;
  left: -67%;
  top: -13%;
}
@media (min-width: 1024px) {
  .section--promo_rent .space {
    height: 62vw;
  }
}
@media (min-width: 1440px) {
  .section--promo_rent .wrapper {
    background-color: #1F1F1F;
  }
  .section--promo_rent .i_content {
    position: relative;
    z-index: 1;
  }
  .section--promo_rent .i_content .i_title, .section--promo_rent .i_content .i_subtitle {
    text-align: left;
  }
  .section--promo_rent .i_content .button {
    margin: initial;
    margin-right: auto;
  }
  .section--promo_rent .i_content {
    height: 35rem;
  }
  .section--promo_rent .space {
    position: absolute;
    height: 100%;
    width: 80%;
    top: 0;
    bottom: initial;
    left: initial;
    right: 0;
    z-index: 0;
  }
  .section--promo_rent .space .shadow {
    width: 30%;
    height: 100%;
    left: -1px;
    background: linear-gradient(90deg, #1F1F1F, transparent);
  }
  .section--promo_rent .space .cover {
    width: 110%;
    height: auto;
    left: initial;
    right: -10%;
    top: -12%;
  }
}

.section--promo_rent.custom .desc-color,
.section--promo_rent.custom .mobile-color {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.section--promo_rent.custom .desc-color {
  display: none;
}
.section--promo_rent.custom .shadow--desc {
  display: none;
}
@media (min-width: 1440px) {
  .section--promo_rent.custom .shadow--mob {
    display: none;
  }
  .section--promo_rent.custom .shadow--desc {
    display: block;
  }
  .section--promo_rent.custom .mobile-color {
    display: none;
  }
  .section--promo_rent.custom .desc-color {
    display: block;
  }
}

/* SINGLE-PRODUCT-STAGES
_________________________*/
.section--product_stages .section__container {
  gap: clamp(2.5rem, 1.92rem + 2.46vw, 4.69rem);
}
.section--product_stages .section__header {
  display: flex;
  flex-direction: column;
  gap: clamp(0.94rem, 0.46rem + 2.04vw, 2.75rem);
}
.section--product_stages .section__header h2 {
  font-size: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  line-height: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  color: #000;
}
.section--product_stages .section__header .description {
  font-size: clamp(0.88rem, 0.84rem + 0.14vw, 1rem);
  line-height: clamp(1.38rem, 1.31rem + 0.28vw, 1.63rem);
  max-width: 450px;
}
.section--product_stages .section__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1.25rem;
}
.section--product_stages .section__content .item {
  flex: 1 1 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.section--product_stages .section__content .i_wrapper {
  height: 100%;
  padding: clamp(1.56rem, 1.28rem + 1.19vw, 2.63rem);
  background-color: #F2F2F2;
  border-radius: 1.25rem;
}
.section--product_stages .section__content .i_top {
  display: flex;
  gap: 1.25rem;
}
.section--product_stages .section__content .i_title {
  font-size: clamp(1rem, 0.93rem + 0.28vw, 1.25rem);
  line-height: clamp(1.5rem, 1.4rem + 0.42vw, 1.88rem);
  font-weight: 700;
  text-transform: uppercase;
  text-wrap: balance;
}
.section--product_stages .section__content .number {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.625rem;
  background-color: var(--color-highlight);
  box-shadow: 0px 11px 13.8px 0px rgba(229, 124, 31, 0.6);
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
}
.section--product_stages .section__content .button {
  justify-content: center;
}
@media (min-width: 768px) {
  .section--product_stages .section__content {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .section--product_stages .section__content .item {
    flex-basis: calc(50% - 1.25rem);
  }
}
@media (min-width: 1600px) {
  .section--product_stages .section__header {
    flex-direction: row;
    align-items: flex-end;
  }
  .section--product_stages .section__content .item {
    flex-basis: calc(33.3333333333% - 1.25rem);
  }
}

/* TILES
_________________________*/
.section--tiles {
  color: var(--color-basic-text);
}
.section--tiles .section__content {
  display: grid;
  gap: clamp(1.25rem, 1.05rem + 0.84vw, 2rem);
}
.section--tiles .item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  row-gap: 0.8125rem;
  padding: clamp(1rem, 0.31rem + 2.95vw, 3.63rem) clamp(1.25rem, 0.97rem + 1.19vw, 2.31rem) clamp(1.56rem, 0.66rem + 3.86vw, 5rem);
}
.section--tiles .item h3 {
  font-size: clamp(1rem, 0.93rem + 0.28vw, 1.25rem);
  font-weight: 500;
}
.section--tiles .item .desc {
  width: 100%;
}
.section--tiles .item .svg-wrapper {
  width: clamp(2.88rem, 2.43rem + 1.89vw, 4.56rem);
  height: clamp(2.88rem, 2.43rem + 1.89vw, 4.56rem);
}
.section--tiles .top-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-wrap: nowrap;
}
@media (min-width: 768px) {
  .section--tiles .section__content {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .section--tiles .item {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .section--tiles .item .desc {
    text-align: center;
    text-wrap: balance;
  }
  .section--tiles h3 {
    font-size: clamp(1rem, 0.93rem + 0.28vw, 1.25rem);
    font-weight: 500;
    text-align: center;
  }
  .section--tiles .top-wrapper {
    flex-direction: column;
    gap: clamp(1rem, 0.7rem + 1.26vw, 2.13rem);
  }
}
@media (min-width: 1440px) {
  .section--tiles .section__content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* TILES - 2
_________________________*/
.section--tiles-2 .section__header {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.section--tiles-2 .section__header .b_desc {
  max-width: 922px;
}
.section--tiles-2 .section__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.section--tiles-2 .section__content .item {
  border-radius: 1.25rem;
  background-color: #F9F9F9;
  display: flex;
  flex-direction: column;
}
.section--tiles-2 .section__content .item .image-wrapper {
  width: 100%;
  aspect-ratio: 16/9;
  padding-top: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  padding-bottom: clamp(1.25rem, 1.02rem + 0.98vw, 2.13rem);
  padding-left: clamp(1.25rem, 1.02rem + 0.98vw, 2.13rem);
  padding-right: clamp(1.25rem, 1.02rem + 0.98vw, 2.13rem);
  border-bottom: 1px solid #E6E6E6;
}
.section--tiles-2 .section__content .item .i_link {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: clamp(2.5rem, 2.37rem + 0.56vw, 3rem);
  padding-bottom: clamp(2.5rem, 2.37rem + 0.56vw, 3rem);
  padding-left: clamp(1.25rem, 1.02rem + 0.98vw, 2.13rem);
  padding-right: clamp(1.25rem, 1.02rem + 0.98vw, 2.13rem);
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease;
}
.section--tiles-2 .section__content .item .i_link span {
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.section--tiles-2 .section__content .item .i_link:visited {
  color: inherit;
}
.section--tiles-2 .section__content .item .i_link:hover {
  color: var(--color-highlight);
}
.section--tiles-2 .section__content .item .i_link .circle {
  background-color: #fff;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 2.5rem;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}
.section--tiles-2 .section__content .item .i_link:hover .circle {
  transform: rotate(-45deg);
}
@media (min-width: 768px) {
  .section--tiles-2 .section__content {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .section--tiles-2 .section__content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1920px) {
  .section--tiles-2 .section__content {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

/* TILES - 3
_________________________*/
.section--tiles-3 {
  background-color: #F9F9F9;
  border-radius: clamp(0.63rem, -0.03rem + 2.81vw, 3.13rem);
  padding-top: clamp(2.13rem, 1.7rem + 1.82vw, 3.75rem);
  padding-bottom: clamp(2.13rem, 1.7rem + 1.82vw, 3.75rem);
}
.section--tiles-3 .section__content {
  display: flex;
  flex-direction: column;
  gap: clamp(0.63rem, 0.36rem + 1.12vw, 1.63rem);
}
.section--tiles-3 .item {
  background-color: #fff;
  border-radius: 1.25rem;
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
}
.section--tiles-3 .item-row {
  display: flex;
  gap: clamp(0.63rem, 0.36rem + 1.12vw, 1.63rem);
}
.section--tiles-3 .i_title {
  font-weight: 600;
  font-size: clamp(1.25rem, 0.99rem + 1.12vw, 2.25rem);
  padding-top: clamp(2.19rem, 1.58rem + 2.6vw, 4.5rem);
  padding-bottom: clamp(2.06rem, 1.27rem + 3.37vw, 5.06rem);
  padding-left: clamp(1.69rem, 1.36rem + 1.4vw, 2.94rem);
  padding-right: clamp(1.69rem, 1.36rem + 1.4vw, 2.94rem);
  border-bottom: 1px solid #F2F2F2;
}
.section--tiles-3 .i_wrapper {
  margin-top: auto;
  padding-top: clamp(1.38rem, 1.08rem + 1.26vw, 2.5rem);
  padding-bottom: clamp(2.5rem, 1.43rem + 4.56vw, 6.56rem);
  padding-left: clamp(1.69rem, 1.36rem + 1.4vw, 2.94rem);
  padding-right: clamp(1.69rem, 1.36rem + 1.4vw, 2.94rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.section--tiles-3 .i_desc ul {
  list-style: disc;
  padding-left: 1em;
}
.section--tiles-3 .i_desc ul li {
  margin-bottom: 0.3em;
}
.section--tiles-3 .i_info svg {
  width: 8.75rem;
}
.section--tiles-3 .i_icon {
  display: none;
}
.section--tiles-3 .i_icon svg {
  width: 8.75rem;
}
@media (min-width: 1024px) {
  .section--tiles-3 .i_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: clamp(1.88rem, 0.72rem + 4.91vw, 6.25rem);
    padding-bottom: clamp(1.88rem, 0.72rem + 4.91vw, 6.25rem);
    padding-left: clamp(1.88rem, 1.55rem + 1.4vw, 3.13rem);
    padding-right: clamp(1.88rem, 1.55rem + 1.4vw, 3.13rem);
  }
  .section--tiles-3 .i_icon svg {
    width: 25%;
  }
  .section--tiles-3 .i_info svg {
    display: none;
    width: 8.75rem;
  }
  .section--tiles-3 .item-row:nth-child(even) {
    flex-direction: row-reverse;
  }
  .section--tiles-3 .item {
    flex-basis: calc(50% - clamp(0.63rem, 0.36rem + 1.12vw, 1.63rem));
  }
}

/* TILES
_________________________*/
.section-tiles-point .section__header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
  gap: clamp(1.56rem, 1.35rem + 0.91vw, 2.38rem);
}
.section-tiles-point .section__header .description {
  max-width: 950px;
}
.section-tiles-point .icon-wrapper {
  background-color: var(--color-highlight);
  width: clamp(1.88rem, 1.65rem + 0.98vw, 2.75rem);
  height: clamp(1.88rem, 1.65rem + 0.98vw, 2.75rem);
  border-radius: 0.625rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  box-shadow: 0px 11px 13.8px 0px rgba(229, 124, 31, 0.6);
}
.section-tiles-point .icon-wrapper svg {
  width: clamp(0.69rem, 0.61rem + 0.35vw, 1rem);
  height: clamp(0.69rem, 0.61rem + 0.35vw, 1rem);
  color: #fff;
}
.section-tiles-point .section__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(0.63rem, 0.46rem + 0.7vw, 1.25rem);
}
.section-tiles-point .item {
  border: 1px solid #E2E2E2;
  border-radius: 0.625rem;
  padding-top: clamp(1.5rem, 1.3rem + 0.84vw, 2.25rem);
  padding-bottom: clamp(1.5rem, 1.3rem + 0.84vw, 2.25rem);
  padding-left: clamp(1.5rem, 1.17rem + 1.4vw, 2.75rem);
  padding-right: clamp(1.5rem, 1.17rem + 1.4vw, 2.75rem);
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 0.875rem;
  row-gap: 0.75rem;
}
.section-tiles-point .item .icon-wrapper {
  grid-column: 1;
}
.section-tiles-point .item h3 {
  font-size: clamp(1rem, 0.97rem + 0.14vw, 1.13rem);
  line-height: clamp(1.5rem, 1.47rem + 0.14vw, 1.63rem);
  font-weight: 600;
  grid-column: 2;
}
.section-tiles-point .item .desc {
  grid-column: 2;
}
@media (min-width: 1024px) {
  .section-tiles-point .section__content {
    grid-template-columns: 1fr 1fr;
  }
  .section-tiles-point .item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    gap: clamp(0.75rem, 0.72rem + 0.14vw, 0.88rem);
  }
  .section-tiles-point .item .icon-wrapper {
    margin-bottom: 0.4375rem;
  }
}
@media (min-width: 1440px) {
  .section-tiles-point .section__content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/* TILES POINT - 2
_________________________*/
.section--tiles-point-2 .section__header {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.section--tiles-point-2 .section__header .b_desc {
  max-width: 922px;
}
.section--tiles-point-2 .section__content {
  display: grid;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.section--tiles-point-2 .section__content .item {
  border-radius: 1.25rem;
  border: 1px solid #EBEBEB;
}
.section--tiles-point-2 .section__content .item .i_wrapper {
  padding-top: clamp(1.25rem, 0.84rem + 1.75vw, 2.81rem);
  padding-bottom: clamp(1.25rem, 0.84rem + 1.75vw, 2.81rem);
  padding-left: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
  padding-right: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
  border-bottom: 1px solid #F2F2F2;
}
.section--tiles-point-2 .section__content .item .i_wrapper.no-border-bottom {
  border-bottom: none;
}
.section--tiles-point-2 .section__content .item .i_wrapper .number {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background-color: var(--color-highlight);
  color: #fff;
}
.section--tiles-point-2 .section__content .item .i_wrapper .i_title {
  font-weight: 500;
  font-size: clamp(1.25rem, 1.15rem + 0.42vw, 1.63rem);
  line-height: 1.3em;
}
.section--tiles-point-2 .section__content .item .i_desc {
  padding-top: clamp(2.38rem, 2.21rem + 0.7vw, 3rem);
  padding-bottom: clamp(2.19rem, 1.78rem + 1.75vw, 3.75rem);
  padding-left: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
  padding-right: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
}
.section--tiles-point-2.bg-gray .section__container {
  background-color: #F9F9F9;
  border-radius: 0.625rem;
  padding-top: clamp(1.75rem, 1.39rem + 1.54vw, 3.13rem);
  padding-bottom: clamp(1.56rem, 1.25rem + 1.33vw, 2.75rem);
  padding-left: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
  padding-right: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
}
.section--tiles-point-2.bg-gray .section__content .item {
  border: 1px solid transparent;
  background-color: #fff;
}
@media (min-width: 768px) {
  .section--tiles-point-2 .section__content {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1440px) {
  .section--tiles-point-2 .section__content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1600px) {
  .section--tiles-point-2 .section__content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* TILES POINT - 3
_________________________*/
.section--tiles-point-3 .section__header {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.section--tiles-point-3 .section__header .b_desc {
  max-width: 922px;
}
.section--tiles-point-3 .section__content {
  display: grid;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.section--tiles-point-3 .section__content .item {
  padding-top: clamp(1.25rem, 0.84rem + 1.75vw, 2.81rem);
  padding-bottom: clamp(1.25rem, 0.84rem + 1.75vw, 2.81rem);
  padding-left: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
  padding-right: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1.88rem, 1.38rem + 2.11vw, 3.75rem);
  border-radius: 1.25rem;
  border: 1px solid #EBEBEB;
}
.section--tiles-point-3 .section__content .item .i_top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.section--tiles-point-3 .section__content .item .i_top .number {
  width: clamp(3.13rem, 2.8rem + 1.4vw, 4.38rem);
  height: clamp(1.56rem, 1.4rem + 0.7vw, 2.19rem);
  display: flex;
  font-size: 0.9375rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.625rem;
  background-color: var(--color-highlight);
  color: #fff;
}
.section--tiles-point-3 .section__content .item .i_top svg {
  color: #E2E2E2;
  width: clamp(3.13rem, 2.85rem + 1.19vw, 4.19rem);
  height: clamp(3.13rem, 2.85rem + 1.19vw, 4.19rem);
}
.section--tiles-point-3 .section__content .item .i_bottom {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.section--tiles-point-3 .section__content .item .i_title {
  font-weight: 500;
  font-size: clamp(1.13rem, 1.09rem + 0.14vw, 1.25rem);
}
.section--tiles-point-3 .section__content .item .i_desc {
  font-weight: 300;
  font-size: clamp(0.88rem, 0.84rem + 0.14vw, 1rem);
  line-height: clamp(1.38rem, 1.31rem + 0.28vw, 1.63rem);
}
@media (min-width: 768px) {
  .section--tiles-point-3 .section__content {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1440px) {
  .section--tiles-point-3 .section__content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* INFO
_________________________*/
.section--info.delivery-info {
  display: none;
}
.section--info.delivery-info.active {
  display: block;
}
.section--info .section__content {
  display: grid;
  grid-auto-rows: auto;
  gap: clamp(2.19rem, 1.94rem + 1.05vw, 3.13rem);
}
.section--info .content-block {
  font-size: clamp(0.94rem, 0.89rem + 0.21vw, 1.13rem);
  line-height: clamp(1.38rem, 1.24rem + 0.56vw, 1.88rem);
}
.section--info .content-block h2 {
  font-size: clamp(1.25rem, 1.02rem + 0.98vw, 2.13rem);
  margin-top: clamp(1.5rem, 1.24rem + 1.12vw, 2.5rem);
  margin-bottom: clamp(0.75rem, 0.62rem + 0.56vw, 1.25rem);
  font-weight: 600;
  line-height: 1.2em;
}
.section--info .content-block h2 span {
  font-weight: inherit;
  color: var(--color-highlight);
}
.section--info .content-block h3 {
  font-size: clamp(1.13rem, 0.96rem + 0.7vw, 1.55rem);
  margin-top: clamp(1.13rem, 0.96rem + 0.7vw, 1.75rem);
  margin-bottom: clamp(0.56rem, 0.48rem + 0.35vw, 0.88rem);
  font-weight: 600;
  line-height: 1.3em;
}
.section--info .content-block h3 span {
  font-weight: inherit;
  color: var(--color-highlight);
}
.section--info .content-block h4 {
  font-size: clamp(1rem, 0.9rem + 0.42vw, 1.38rem);
  margin-top: clamp(0.81rem, 0.73rem + 0.35vw, 1.13rem);
  margin-bottom: clamp(0.38rem, 0.33rem + 0.21vw, 0.56rem);
  font-weight: 600;
  line-height: 1.4em;
}
.section--info .content-block h4 span {
  font-weight: inherit;
  color: var(--color-highlight);
}
.section--info .content-block ul, .section--info .content-block ol {
  margin-top: clamp(1.13rem, 0.96rem + 0.7vw, 1.75rem);
  margin-bottom: clamp(0.56rem, 0.48rem + 0.35vw, 0.88rem);
}
.section--info .content-block table {
  border-spacing: 0;
}
.section--info .content-block thead {
  background-color: #000;
  color: #fff;
}
.section--info .content-block tr {
  border-bottom: 1px solid #D2D2D2;
}
.section--info .content-block tr:last-child {
  border-bottom: none;
}
.section--info .content-block th:first-child {
  border-radius: 10px 0 0 10px;
}
.section--info .content-block th:last-child {
  border-radius: 0 10px 10px 0;
}
.section--info .content-block th, .section--info .content-block td {
  vertical-align: middle;
  padding-top: clamp(0.88rem, 0.79rem + 0.35vw, 1.19rem);
  padding-bottom: clamp(0.75rem, 0.64rem + 0.49vw, 1.19rem);
  padding-left: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  padding-right: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.section--info .content-block th {
  text-align: left;
  font-size: clamp(0.75rem, 0.7rem + 0.21vw, 0.94rem);
}
.section--info .content-block td {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}
.section--info ol {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: item;
}
.section--info ol li {
  align-items: flex-start;
  gap: 0.7em;
  margin-bottom: 0.5em;
  counter-increment: item;
}
.section--info ol li::before {
  content: counter(item);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.5em;
  height: 1.5em;
  background: var(--color-highlight, #E57C1F);
  color: #ffffff;
  font-size: 0.8em;
  font-weight: 400;
  border-radius: 50%;
  line-height: 1;
  margin-top: 0.4em;
}
.section--info ul li::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-size: 1.25rem;
  font-weight: 900;
  margin-left: 0;
  color: var(--color-highlight);
  top: 0;
}
@media (min-width: 1024px) {
  .section--info .section__content {
    gap: clamp(3.13rem, -1rem + 6.44vw, 6.25rem);
    row-gap: clamp(1.88rem, 1.05rem + 1.29vw, 2rem);
  }
  .section--info .section__content--l-image {
    grid-template-columns: clamp(350px, 50%, 777px) auto;
  }
  .section--info .section__content--r-image {
    grid-template-columns: auto clamp(350px, 50%, 777px);
  }
  .section--info .section__content .cover.right {
    grid-column: 2;
  }
  .section--info .section__content .cover.left {
    grid-column: 1;
  }
  .section--info .section__content .cover img {
    position: absolute;
  }
  .section--info .content-block.grow {
    grid-column: 1/span 2;
  }
  .section--info .row-1 {
    grid-row: 1;
  }
  .section--info .row-2 {
    grid-row: 2;
  }
  .section--info .row-3 {
    grid-row: 3;
  }
}

/* INFO-DETAILS
_________________________*/
.section--info-details .section__content {
  display: grid;
  grid-auto-rows: auto;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.section--info-details .content-block {
  font-size: clamp(0.88rem, 0.84rem + 0.14vw, 1rem);
  line-height: clamp(1.38rem, 1.24rem + 0.56vw, 1.88rem);
}
.section--info-details .content-block .details-button {
  display: none;
}
.section--info-details ul li {
  display: flex;
  padding-left: 0;
}
.section--info-details ul li::before {
  content: "\f058";
  position: relative;
  font-family: "Font Awesome 6 Free";
  font-size: 1.25rem;
  font-weight: 900;
  margin-right: 0.7em;
  color: var(--color-highlight);
  top: 0;
}
.section--info-details .accordion {
  background-color: #F4F4F4;
  border-radius: 1.25rem;
  padding: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  grid-column: 1/-1;
}
.section--info-details .accordion .accordion__summary {
  justify-content: center;
  gap: 1rem;
}
.section--info-details .accordion .accordion__details summary svg {
  transform: rotate(0deg);
  transition: all 0.3s ease;
}
.section--info-details .accordion .accordion__details.active summary svg, .section--info-details .accordion .accordion__details[open] summary svg {
  transform: rotate(180deg);
}
.section--info-details .accordion .inner_accordion-container {
  margin-top: clamp(0.88rem, 0.84rem + 0.14vw, 1rem);
  font-size: clamp(0.88rem, 0.84rem + 0.14vw, 1rem);
  display: block;
}
.section--info-details .accordion .inner_accordion-container > *:first-child {
  margin-top: 0;
}
.section--info-details .accordion .inner_accordion-container > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .section--info-details .section__content {
    gap: clamp(3.13rem, -1rem + 6.44vw, 6.25rem);
    row-gap: clamp(1.88rem, 1.05rem + 1.29vw, 2.5rem);
  }
  .section--info-details .section__content--l-image {
    grid-template-columns: clamp(350px, 50%, 777px) auto;
  }
  .section--info-details .section__content--r-image {
    grid-template-columns: auto clamp(350px, 50%, 777px);
  }
  .section--info-details .section__content .cover.right {
    grid-column: 2;
  }
  .section--info-details .section__content .cover.left {
    grid-column: 1;
  }
  .section--info-details .section__content .cover img {
    position: absolute;
  }
  .section--info-details .content-block.grow {
    grid-column: 1/span 2;
  }
  .section--info-details .content-block .details-button {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 1rem;
  }
  .section--info-details .content-block .details-button svg {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
  }
  .section--info-details .content-block .details-button.active svg {
    transform: rotate(180deg);
  }
  .section--info-details .row-1 {
    grid-row: 1;
  }
  .section--info-details .row-2 {
    grid-row: 2;
  }
  .section--info-details .row-3 {
    grid-row: 3;
  }
  .section--info-details .accordion {
    padding: 0;
  }
  .section--info-details .accordion details {
    display: none;
  }
  .section--info-details .accordion .inner_accordion-container {
    padding: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  }
}
.section--info-details summary {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.section--info-details summary:focus,
.section--info-details summary:active,
.section--info-details summary:focus-visible {
  outline: none;
  background: transparent;
}

/* CTA
_________________________*/
.section-cta .section__container {
  padding-top: clamp(2.19rem, 0.62rem + 6.67vw, 8.13rem);
  padding-bottom: clamp(2.19rem, 0.62rem + 6.67vw, 8.13rem);
  padding-left: clamp(2rem, 0.64rem + 5.82vw, 7.19rem);
  padding-right: clamp(2rem, 0.64rem + 5.82vw, 7.19rem);
  gap: 2.2rem;
}
.section-cta .section__container.has-image {
  padding-bottom: 0;
}
.section-cta .section__container.has-image .capture-wrapper .cover {
  aspect-ratio: 1.25/1;
}
.section-cta .section__container.has-image .capture-wrapper .cover img {
  height: initial;
}
.section-cta .capture-wrapper {
  width: 100%;
}
.section-cta .capture-wrapper .inner-wrapper {
  position: relative;
}
.section-cta .capture-wrapper .inner-wrapper .caption {
  max-width: 44%;
  position: absolute;
  bottom: 11%;
}
.section-cta .capture-wrapper .inner-wrapper .caption--left {
  left: -5%;
}
.section-cta .capture-wrapper .inner-wrapper .caption--right {
  right: -5%;
}
.section-cta .caption {
  background: #fff;
  border-radius: 0.625rem;
  padding-top: clamp(0.25rem, 0.15rem + 0.42vw, 0.63rem);
  padding-bottom: clamp(0.25rem, 0.15rem + 0.42vw, 0.63rem);
  padding-left: clamp(0.31rem, 0.07rem + 1.05vw, 1.25rem);
  padding-right: clamp(0.31rem, 0.07rem + 1.05vw, 1.25rem);
  display: inline-flex;
  flex-direction: column;
  gap: clamp(0.31rem, 0.28rem + 0.14vw, 0.44rem);
}
.section-cta .caption h3 {
  font-size: clamp(0.88rem, 0.81rem + 0.28vw, 1.13rem);
  font-weight: 600;
  color: #231F20;
  line-height: 1em;
}
.section-cta .caption span {
  font-size: clamp(0.69rem, 0.64rem + 0.21vw, 0.88rem);
  font-weight: 400;
  color: #606672;
  line-height: 1em;
  text-wrap: balance;
}
.section-cta .b_content {
  max-width: 727px;
  font-size: clamp(0.88rem, 0.78rem + 0.42vw, 1.25rem);
  line-height: clamp(1.38rem, 1.21rem + 0.7vw, 2rem);
}
.section-cta .section__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
  gap: clamp(0.88rem, 0.71rem + 0.7vw, 1.5rem);
}
.section-cta .section__content .button {
  margin-top: clamp(0.63rem, 0.2rem + 1.82vw, 2.25rem);
  font-size: clamp(1.13rem, 1.13rem + 0vw, 1.13rem);
}

@media (min-width: 1024px) {
  .section-cta .section__container.has-image {
    min-height: initial;
    padding-top: 0;
  }
  .section-cta .section__container.has-image .section__content {
    padding-top: clamp(2.19rem, 0.62rem + 6.67vw, 8.13rem);
    padding-bottom: clamp(2.19rem, 0.62rem + 6.67vw, 8.13rem);
  }
  .section-cta .section__container.has-image {
    flex-wrap: nowrap;
    flex-direction: row;
  }
  .section-cta .section__container.has-image > * {
    max-width: 50%;
  }
  .section-cta .capture-wrapper {
    padding-top: 60px;
    position: relative;
    bottom: 0;
    right: 0;
    align-self: self-end;
  }
}
@media (min-width: 1440px) {
  .section-cta .section__container {
    min-height: 635px;
  }
}
/* PAY-INFO
_________________________*/
.section--pay-info .buttons-subtitle {
  display: flex;
  flex-direction: column;
  gap: clamp(0.63rem, 0.46rem + 0.7vw, 1.25rem);
}
.section--pay-info .buttons-subtitle .button {
  background-color: #F4F4F4;
  border-color: #F4F4F4;
  justify-content: center;
  color: #000;
  padding-top: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
  padding-bottom: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
  padding-left: clamp(1.88rem, 1.88rem + 0vw, 1.88rem);
  padding-right: clamp(1.88rem, 1.88rem + 0vw, 1.88rem);
}
.section--pay-info .buttons-subtitle .button::after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23000000"/></svg>');
}
.section--pay-info .buttons-subtitle .button.active {
  background-color: var(--color-highlight);
  border-color: var(--color-highlight);
  color: #fff;
}
.section--pay-info .buttons-subtitle .button.active::after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23FFFFFF"/></svg>');
  transform: rotate(135deg);
}
.section--pay-info .buttons-subtitle .button.active .button-subtitle {
  color: #FFB8A7;
}
.section--pay-info .buttons-subtitle .button-title {
  font-size: clamp(0.94rem, 0.89rem + 0.21vw, 1.13rem);
  line-height: clamp(1.5rem, 1.43rem + 0.28vw, 1.75rem);
  font-weight: 600;
}
.section--pay-info .buttons-subtitle .button-subtitle {
  color: #8F8F8F;
  font-size: clamp(0.94rem, 0.89rem + 0.21vw, 1.13rem);
  line-height: clamp(1.5rem, 1.43rem + 0.28vw, 1.75rem);
  font-weight: 400;
}
.section--pay-info .description {
  margin-top: clamp(1.88rem, 1.63rem + 1.05vw, 2.81rem);
  max-width: 900px;
}
.section--pay-info .section__content {
  display: grid;
  width: 100%;
  gap: clamp(1.25rem, 1.02rem + 0.98vw, 2.13rem);
}
.section--pay-info .section__content .item {
  padding: clamp(1.25rem, 0.72rem + 2.25vw, 3.25rem);
  border-radius: 1.25rem;
  background-color: #F4F4F4;
}
.section--pay-info .section__content .item > .cover {
  display: none;
}
.section--pay-info .section__content .item .i_top {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: clamp(1.25rem, 0.95rem + 1.26vw, 2.38rem);
  border-bottom: 1px solid #eee;
}
.section--pay-info .section__content .item .i_top .i_title {
  font-size: clamp(1.13rem, 0.93rem + 0.84vw, 1.88rem);
}
.section--pay-info .section__content .item .i_top .number {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-highlight);
  border-radius: 0.25rem;
  width: 2.5rem;
  height: 2.5rem;
  color: #fff;
  flex-shrink: 0;
}
.section--pay-info .section__content .item .i_top .cover {
  margin-left: auto;
  border-radius: initial;
  height: auto;
  width: 25%;
  flex-shrink: 0;
}
.section--pay-info .section__content .item .i_top .cover img {
  width: initial;
}
.section--pay-info .section__content .item .i_desc {
  padding-top: clamp(1.25rem, 0.95rem + 1.26vw, 2.38rem);
}
@media (min-width: 576px) {
  .section--pay-info .section__content .item {
    display: flex;
    gap: 20px;
  }
  .section--pay-info .section__content .item .i_top {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .section--pay-info .section__content .item .i_top .cover {
    display: none;
  }
  .section--pay-info .section__content .item > .cover {
    width: 30%;
    margin-left: auto;
    flex-shrink: 0;
    height: 11rem;
    display: block;
  }
  .section--pay-info .section__content .item > .cover img {
    object-fit: contain;
  }
}
@media (min-width: 768px) {
  .section--pay-info .buttons-subtitle {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .section--pay-info .section__content {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .section--pay-info .section__content .item .i_top {
    gap: clamp(1.25rem, 0.76rem + 2.11vw, 3.13rem);
  }
  .section--pay-info .section__content .item > .cover {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
  }
  .section--pay-info .section__content .item > .cover img {
    max-height: 250px;
  }
}

/* PRODUCT SLIDER
_________________________*/
.section__product-slider {
  overflow: hidden;
}
.section__product-slider .swiper {
  transition: opacity 0.3s ease;
  opacity: 0;
}
.section__product-slider .swiper.swiper-initialized {
  opacity: 1;
  overflow: visible;
}
.section__product-slider .swiper-wrapper {
  align-items: stretch;
}
.section__product-slider .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.section__product-slider .swiper-slide .item-card {
  width: 100%;
  height: 100%;
  flex-grow: 1;
}
@media (min-width: 1024px) {
  .section__product-slider .swiper.swiper-initialized {
    overflow: hidden;
  }
}

/* PRODUCT SLIDER (WOOCOMMERCE ATTR)
_________________________*/
.section--product-slides-attr .item-card {
  border-color: transparent;
  width: 100%;
  height: 100%;
  flex-grow: 1;
}
.section--product-slides-attr .section__container {
  overflow: hidden;
  background: var(--color-block-bg);
  border-radius: 0.625rem;
  padding-top: clamp(1.06rem, 0.44rem + 2.67vw, 3.44rem);
  padding-bottom: clamp(0.94rem, 0.28rem + 2.81vw, 3.44rem);
  padding-left: 15px;
  padding-right: 15px;
}
.section--product-slides-attr .swiper {
  overflow: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.section--product-slides-attr .swiper.loading {
  opacity: 0.6;
}
.section--product-slides-attr .swiper.swiper-products .swiper-slide {
  display: flex;
  height: auto;
}
.section--product-slides-attr .swiper--cat::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #E2E2E2;
  position: relative;
  bottom: 1px;
}
.section--product-slides-attr .swiper--cat .swiper-slide {
  width: auto;
  min-width: 80px;
  text-align: center;
  cursor: pointer;
  padding: 1rem;
  transition: all 0.3s ease;
  border-bottom: 1px solid transparent;
}
.section--product-slides-attr .swiper--cat .swiper-slide.selected {
  color: var(--color-highlight);
  border-bottom: 1px solid var(--color-highlight);
}
@media (hover: hover) and (pointer: fine) {
  .section--product-slides-attr .swiper--cat .swiper-slide:hover {
    color: var(--color-highlight);
  }
}
@media (min-width: 768px) {
  .section--product-slides-attr .section__container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) {
  .section--product-slides-attr .section__container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1440px) {
  .section--product-slides-attr .section__container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1800px) {
  .section--product-slides-attr .section__container {
    padding-left: 32px;
    padding-right: 32px;
  }
}

/* КАТАЛОГ
_________________________*/
.section-catalog .section__content {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(0.63rem, 0.06rem + 2.39vw, 2.75rem);
}
.section-catalog .section__content .item {
  padding: clamp(1.19rem, 0.93rem + 1.12vw, 2.19rem);
  border: 1px solid #E2E2E2;
  border-radius: 0.625rem;
}
.section-catalog .top-item {
  line-height: 1em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.section-catalog .top-item .cover {
  flex-shrink: 0;
  height: clamp(4.69rem, 3.45rem + 5.26vw, 9.38rem);
}
.section-catalog .top-item .cover img {
  object-fit: contain;
}
.section-catalog .top-item a {
  font-size: clamp(0.81rem, 0.7rem + 0.49vw, 1.25rem);
  text-decoration: none;
  color: var(--color-text-2);
  text-wrap: balance;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3em;
  row-gap: 0;
}
.section-catalog .top-item a span {
  text-wrap: balance;
  font-weight: inherit;
}
.section-catalog .top-item a .last-word::after {
  content: "";
  display: inline-block;
  width: 0.4652em;
  height: 0.4652em;
  margin-left: 0.5em;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23E57C1F"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}
.section-catalog .top-item a .last-word {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.section-catalog .top-item a .last-word::after {
  position: relative;
  top: 0.1em;
  transform: rotate(0deg);
  transition: all 0.3s ease;
}
.section-catalog .top-item a:hover .last-word::after {
  transform: rotate(45deg);
}
.section-catalog .child-cats {
  display: none;
}
@media (min-width: 1024px) {
  .section-catalog .top-item {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1.875rem;
    padding-bottom: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
    border-bottom: 1px solid #E2E2E2;
  }
  .section-catalog .top-item .cover {
    max-width: 175px;
    max-height: 130px;
  }
  .section-catalog .top-item a {
    line-height: 1.4em;
  }
  .section-catalog .child-cats {
    padding: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.5rem;
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
  }
  .section-catalog .child-cats a {
    text-decoration: none;
    color: var(--color-text-2);
    font-size: 0.9375rem;
  }
  .section-catalog .child-cats a .last-word::after {
    content: "";
    display: inline-block;
    width: 0.4652em;
    height: 0.4652em;
    margin-left: 0.5em;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23C4C4C4"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
  }
  .section-catalog .child-cats a .last-word {
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
  }
  .section-catalog .child-cats a .last-word::after {
    position: relative;
    top: 0.1em;
    transform: rotate(0deg);
    transition: all 0.3s ease;
  }
  .section-catalog .child-cats a:hover .last-word::after {
    color: red;
    transform: rotate(45deg);
  }
}
@media (min-width: 1440px) {
  .section-catalog .section__content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1600px) {
  .section-catalog .top-item .cover {
    max-width: 217px;
  }
}

/* CATALOG SALE
_________________________*/
.section--catalog-sale .section__content {
  display: flex;
  flex-direction: column;
}
.section--catalog-sale .top-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: clamp(0.63rem, 0.46rem + 0.7vw, 1.25rem);
  margin-bottom: clamp(1.56rem, 1.04rem + 2.25vw, 3.56rem);
}
.section--catalog-sale .top-block .sale-product-sort {
  display: flex;
  gap: clamp(0.63rem, 0.53rem + 0.42vw, 1rem);
  align-items: center;
  margin-top: clamp(0.63rem, 0.59rem + 0.14vw, 0.75rem);
}
.section--catalog-sale .top-block .custom-select {
  width: 100%;
  display: block;
}
.section--catalog-sale .top-block .custom-select .select-selected {
  display: flex;
  justify-content: space-between;
}
.section--catalog-sale .sale-list {
  display: grid;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  grid-template-columns: 1fr 1fr;
}
.section--catalog-sale .sale-load-more {
  margin: 0 auto;
  margin-top: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
@media (min-width: 768px) {
  .section--catalog-sale .top-block .custom-select {
    max-width: 325px;
  }
  .section--catalog-sale .sale-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .section--catalog-sale .top-block {
    flex-direction: row;
  }
  .section--catalog-sale .top-block .sale-product-sort {
    margin-left: auto;
    margin-top: 0;
  }
  .section--catalog-sale .top-block .custom-select {
    max-width: initial;
  }
  .section--catalog-sale .top-block .custom-select .select-selected span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    min-width: 0;
    word-break: normal;
    word-wrap: normal;
    line-height: normal;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .section--catalog-sale .top-block .custom-select .select-items {
    width: max-content;
    max-width: 280px;
  }
}
@media (min-width: 1280px) {
  .section--catalog-sale .sale-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 1800px) {
  .section--catalog-sale .sale-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

/* CATALOG USED
_________________________*/
.section--catalog-used .section__content {
  display: flex;
  flex-direction: column;
}
.section--catalog-used .top-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: clamp(0.63rem, 0.46rem + 0.7vw, 1.25rem);
  margin-bottom: clamp(1.56rem, 1.04rem + 2.25vw, 3.56rem);
}
.section--catalog-used .top-block .used-product-sort {
  display: flex;
  gap: clamp(0.63rem, 0.53rem + 0.42vw, 1rem);
  align-items: center;
  margin-top: clamp(0.63rem, 0.59rem + 0.14vw, 0.75rem);
}
.section--catalog-used .top-block .custom-select {
  width: 100%;
  display: block;
}
.section--catalog-used .top-block .custom-select .select-selected {
  display: flex;
  justify-content: space-between;
}
.section--catalog-used .used-list {
  display: grid;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  grid-template-columns: 1fr 1fr;
}
.section--catalog-used .used-load-more {
  margin: 0 auto;
  margin-top: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
@media (min-width: 768px) {
  .section--catalog-used .top-block .custom-select {
    max-width: 325px;
  }
  .section--catalog-used .used-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .section--catalog-used .top-block {
    flex-direction: row;
  }
  .section--catalog-used .top-block .used-product-sort {
    margin-left: auto;
    margin-top: 0;
  }
  .section--catalog-used .top-block .custom-select {
    max-width: initial;
  }
  .section--catalog-used .top-block .custom-select .select-selected span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    min-width: 0;
    word-break: normal;
    word-wrap: normal;
    line-height: normal;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .section--catalog-used .top-block .custom-select .select-items {
    width: max-content;
    max-width: 280px;
  }
}
@media (min-width: 1280px) {
  .section--catalog-used .used-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 1800px) {
  .section--catalog-used .used-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

/* КАТАЛОГ С ФИЛЬТРОМ
_____________________*/
.catalog-with-filter .section__container {
  display: flex;
  flex-direction: column;
}
.catalog-with-filter .section__container aside {
  grid-column: 1;
}
@media (min-width: 1024px) {
  .catalog-with-filter .section__container aside {
    margin-top: clamp(4.53rem, 3.54rem + 1.547vw, 5.28rem);
    position: sticky;
    top: 1.5rem;
  }
  .catalog-with-filter .section__container aside.no-filters .child-categories {
    top: 3rem;
  }
}
.catalog-with-filter .section__container aside .aside-item {
  background-color: #F9F9F9;
  border-radius: 0.625rem;
  padding-top: clamp(1.13rem, 1.04rem + 0.35vw, 1.44rem);
  padding-bottom: clamp(1.13rem, 1.04rem + 0.35vw, 1.44rem);
  padding-left: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  padding-right: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.catalog-with-filter .section__container aside .aside-item h3 {
  font-size: clamp(1rem, 0.98rem + 0.07vw, 1.06rem);
  font-weight: 500;
}
.catalog-with-filter .section__container aside .aside-item.child-categories {
  background-color: initial;
  padding: 0;
}
.catalog-with-filter .section__container aside .aside-item.child-categories h3 {
  display: none;
  margin-bottom: 1.5rem;
}
.catalog-with-filter .section__container aside .child-categories-grid {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.125rem;
  flex-wrap: wrap;
}
.catalog-with-filter .section__container aside .child-category-item {
  border-radius: 0.625rem;
  border: 1px solid #E2E2E2;
  width: 100%;
}
.catalog-with-filter .section__container aside .child-category-item a {
  display: block;
  color: var(--color-text-2);
  text-decoration: none;
  font-size: clamp(0.88rem, 0.84rem + 0.14vw, 1rem);
  padding: 1em 1.214em 1em;
}
.catalog-with-filter .section__container aside .child-category-item a h4 {
  font-size: inherit;
}
.catalog-with-filter .section__container aside .child-category-item a h4::after {
  content: "";
  display: inline-block;
  width: 0.4652em;
  height: 0.4652em;
  margin-left: 0.5em;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23E57C1F"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}
.catalog-with-filter .section__container aside .child-category-item a h4 {
  display: inline;
  transition: all 0.3s ease;
}
.catalog-with-filter .section__container aside .child-category-item a h4::after {
  position: relative;
  transform: rotate(0deg);
  transition: all 0.3s ease;
}
.catalog-with-filter .section__container aside .child-category-item a.active h4::after {
  content: "";
  display: inline-block;
  width: 0.4652em;
  height: 0.4652em;
  margin-left: 0.5em;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23E57C1F"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}
.catalog-with-filter .section__container aside .child-category-item a.active h4 {
  color: var(--color-highlight);
}
.catalog-with-filter .section__container aside .child-category-item a.active h4::after {
  transform: rotate(45deg);
}
.catalog-with-filter .section__container aside .child-category-item a:hover h4::after {
  content: "";
  display: inline-block;
  width: 0.4652em;
  height: 0.4652em;
  margin-left: 0.5em;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23E57C1F"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}
.catalog-with-filter .section__container aside .child-category-item a:hover h4 {
  color: var(--color-highlight);
}
.catalog-with-filter .section__container aside .child-category-item a:hover h4::after {
  transform: rotate(45deg);
}
.catalog-with-filter .section__container aside .child-category-item a:visited {
  color: var(--color-text-2);
}
.catalog-with-filter .section__container .top-block {
  margin-bottom: clamp(1.38rem, 1.08rem + 1.26vw, 2.5rem);
  display: flex;
  justify-content: space-between;
}
.catalog-with-filter .section__container .top-block .products-per-page__label {
  padding-right: 0.5em;
}
.catalog-with-filter .section__container .sort > * {
  font-size: clamp(0.75rem, 0.7rem + 0.21vw, 0.94rem);
}
.catalog-with-filter .section__container .catalog-spinner {
  display: flex;
  justify-content: center;
  padding-top: clamp(1.5rem, 1.24rem + 1.12vw, 2.5rem);
  padding-bottom: clamp(1.5rem, 1.24rem + 1.12vw, 2.5rem);
}
.catalog-with-filter .section__container .catalog-spinner__circle {
  width: 36px;
  height: 36px;
  border: 3px solid rgba(0, 0, 0, 0.15);
  border-top-color: #000;
  border-radius: 50%;
  animation: catalog-spin 0.8s linear infinite;
}
@keyframes catalog-spin {
  to {
    transform: rotate(360deg);
  }
}
.catalog-with-filter .section__content {
  width: 100%;
  grid-column: 2;
}
.catalog-with-filter .section__content .products-list {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(0.63rem, 0.43rem + 0.84vw, 1.38rem);
  position: relative;
  z-index: 1;
}
.catalog-with-filter .section__content .products-list.onload {
  opacity: 0.66;
}
.catalog-with-filter .section__content .products-list.row-m1 {
  grid-template-columns: repeat(1, 1fr);
}
.catalog-with-filter .section__content .products-list.row-m2 {
  grid-template-columns: repeat(2, 1fr);
}
.catalog-with-filter .section__content .products-list.row-m3 {
  grid-template-columns: repeat(3, 1fr);
}
.catalog-with-filter .section__content .products-list.row-m4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 768px) {
  .catalog-with-filter .section__content .products-list {
    grid-template-columns: 1fr 1fr;
  }
  .catalog-with-filter .section__content .products-list.row-t1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .catalog-with-filter .section__content .products-list.row-t2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog-with-filter .section__content .products-list.row-t3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .catalog-with-filter .section__content .products-list.row-t4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1024px) {
  .catalog-with-filter .section__content .products-list {
    grid-template-columns: 1fr 1fr;
  }
  .catalog-with-filter .section__content .products-list.row-ds1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .catalog-with-filter .section__content .products-list.row-ds2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog-with-filter .section__content .products-list.row-ds3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .catalog-with-filter .section__content .products-list.row-ds4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1440px) {
  .catalog-with-filter .section__content .products-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .catalog-with-filter .section__content .products-list.row-dl1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .catalog-with-filter .section__content .products-list.row-dl2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog-with-filter .section__content .products-list.row-dl3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .catalog-with-filter .section__content .products-list.row-dl4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1800px) {
  .catalog-with-filter .section__content .products-list {
    grid-template-columns: repeat(4, 1fr);
  }
  .catalog-with-filter .section__content .products-list.row-dw1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .catalog-with-filter .section__content .products-list.row-dw2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog-with-filter .section__content .products-list.row-dw3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .catalog-with-filter .section__content .products-list.row-dw4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.catalog-with-filter #products-per-page {
  display: none;
}
@media (min-width: 1024px) {
  .catalog-with-filter #products-per-page {
    display: block;
  }
  .catalog-with-filter .section__container {
    display: grid;
    grid-template-columns: 364px 1fr;
  }
  .catalog-with-filter .section__container aside .aside-item.child-categories {
    background-color: #F9F9F9;
    padding-top: clamp(1.13rem, 1.04rem + 0.35vw, 1.44rem);
    padding-bottom: clamp(1.13rem, 1.04rem + 0.35vw, 1.44rem);
    padding-left: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
    padding-right: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  }
  .catalog-with-filter .section__container aside .aside-item.child-categories h3 {
    display: block;
  }
  .catalog-with-filter .section__container aside .child-categories-grid {
    gap: 1rem;
  }
  .catalog-with-filter .section__container aside .child-category-item {
    border: initial;
  }
  .catalog-with-filter .section__container aside .child-category-item a {
    padding: initial;
  }
  .catalog-with-filter .section__container aside .child-category-item a h4::after {
    content: "";
    display: inline-block;
    width: 0.4652em;
    height: 0.4652em;
    margin-left: 0.5em;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23C4C4C4"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
  }
}

.custom-select {
  position: relative;
  display: inline-block;
}

.select-selected {
  background-color: #F4F4F4;
  border: 1px solid #F4F4F4;
  border-radius: 4px;
  padding: 10px 15px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-wrap: nowrap;
}

.select-selected::after {
  content: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 6 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.9041 0.296198L5.70756 0.0982935C5.6457 0.0364882 5.56341 0.0024391 5.47546 0.0024391C5.38756 0.0024391 5.30517 0.0364882 5.24331 0.0982935L3.00134 2.34036L0.756787 0.0958057C0.69503 0.0340003 0.612639 0 0.524736 0C0.436833 0 0.354393 0.0340003 0.292588 0.0958057L0.0960008 0.29249C-0.0320003 0.420394 -0.0320003 0.628737 0.0960008 0.75664L2.76841 3.43866C2.83017 3.50042 2.91246 3.54393 3.00115 3.54393H3.00217C3.09012 3.54393 3.17242 3.50037 3.23417 3.43866L5.9041 0.763909C5.96595 0.702152 5.9999 0.617371 6 0.529468C6 0.441516 5.96595 0.357905 5.9041 0.296198Z' fill='%231D1D1D'/%3E%3C/svg%3E");
  transition: transform 0.3s ease;
}

.select-selected:hover {
  border-color: #e57c1f;
}

.select-items {
  position: absolute;
  background-color: #fff;
  border-radius: 4px;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.select-items.select-open {
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.select-items.select-open::-webkit-scrollbar {
  display: none;
}

.select-option {
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  border-bottom: 1px solid #f0f0f0;
}

.select-option:last-child {
  border-bottom: none;
}

.select-option:hover {
  background-color: #f8f8f8;
}

.select-option.select-active {
  background-color: #e57c1f;
  color: white;
}

.sort {
  display: flex;
  align-items: center;
  gap: 15px;
}
.sort .sort-icon {
  width: 2.125rem;
  height: 2.125rem;
  padding: 0;
  background-color: #F4F4F4;
  border-radius: 0.375rem;
  border: none;
}
.sort .sort-icon::after {
  display: none;
}
.sort .sort-icon svg {
  width: 1.25rem;
  height: 1.25rem;
  color: #000;
}
.sort .sort-icon.active {
  background-color: var(--color-highlight);
}
.sort .sort-icon.active svg {
  color: #fff;
}
.sort span {
  margin-left: auto;
}

.sort-loading {
  color: #e57c1f;
  font-style: italic;
}

.products-loading, .products-error {
  text-align: center;
  padding: 40px;
  font-size: 18px;
}

.attribute-term-item input[type=radio] {
  display: none;
}
.attribute-term-item .custom-radio {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E8E8E8;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 0.25rem;
  margin-right: 0.8125rem;
  transition: all 0.3s ease;
}
.attribute-term-item .custom-radio svg {
  color: transparent;
  transition: all 0.3s ease;
}
.attribute-term-item input[data-was-checked=true] + .custom-radio {
  background: var(--color-highlight);
}
.attribute-term-item input[data-was-checked=true] + .custom-radio svg {
  color: white;
}

.attribute-term-item.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.attribute-term-item.disabled .term-name {
  color: #999;
}

.attribute-term-item.disabled .term-count {
  color: #ccc;
}

.attribute-term-item.disabled .custom-checkbox,
.attribute-term-item.disabled .custom-radio {
  background-color: #f5f5f5;
  border-color: #ddd;
  cursor: not-allowed;
}

.attribute-checkbox:disabled {
  cursor: not-allowed;
}

.pagination-container {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.pagination {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.pagination-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid #ddd;
  background: white;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s ease;
  cursor: pointer;
  font-size: 14px;
}

.pagination-btn:hover:not(:disabled) {
  background: #f5f5f5;
  border-color: #ccc;
}

.pagination-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.pagination-pages {
  display: flex;
  gap: 5px;
  align-items: center;
}

.pagination-page {
  padding: 12px 12px;
  border: 1px solid #ddd;
  background: white;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s ease;
  cursor: pointer;
  font-size: 14px;
  min-width: 40px;
  text-align: center;
}

.pagination-page:hover {
  background: #f5f5f5;
  border-color: #ccc;
}

.pagination-page.active {
  background: var(--color-highlight);
  color: white;
  border-color: var(--color-highlight);
}

.pagination-dots {
  padding: 8px 5px;
  color: #666;
}

#filters {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.filters-close-button {
  display: none;
  width: 100%;
}

.filters-close-button::after {
  display: none;
  content: "";
}

.filters-close-button svg {
  width: 20px;
  height: 20px;
}

@media (max-width: 768px) {
  #sort-button {
    display: flex;
  }
  #filters {
    position: fixed;
    top: 0;
    left: 0;
    width: 320px;
    height: 100vh;
    z-index: 1000;
    overflow-y: auto;
    transform: translateX(-100%);
    opacity: 0;
    padding-bottom: 1rem;
    background-color: #fff;
    transition: transform 0.3s ease, opacity 0.3s ease;
    box-shadow: 30px 0px 60.1px 0px rgba(0, 0, 0, 0.1019607843);
  }
  #filters.active {
    z-index: 999999;
    display: flex;
    transform: translateX(0);
    opacity: 1;
  }
  .filters-close-button {
    display: flex;
  }
}
@media (min-width: 769px) {
  #filters {
    display: block !important;
    transform: none !important;
    opacity: 1 !important;
    position: static !important;
    height: auto !important;
    overflow: visible !important;
  }
}
@media (max-width: 768px) {
  .pagination {
    gap: 5px;
  }
  .pagination-btn {
    padding: 6px 12px;
    font-size: 12px;
  }
  .pagination-page {
    padding: 10px 10px;
    font-size: 12px;
    min-width: 35px;
  }
}
@media (min-width: 1024px) {
  .sort .sort-icon {
    display: none;
  }
  .sort span {
    margin-left: initial;
  }
  #products-per-page {
    display: block;
  }
}
/* DELIVERY
_________________________*/
.section--delivery .section__header {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.section--delivery .section__description {
  max-width: 900px;
  font-size: clamp(0.88rem, 0.84rem + 0.14vw, 1rem);
}
.section--delivery .section__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: clamp(0.63rem, 0.23rem + 1.68vw, 2.13rem);
}
.section--delivery .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 100%;
  gap: clamp(1.25rem, 0.84rem + 1.75vw, 2.81rem);
  background-color: #F4F4F4;
  border-radius: 1.25rem;
  padding-top: clamp(1.88rem, 1.55rem + 1.4vw, 3.13rem);
  padding-bottom: clamp(1.88rem, 1.55rem + 1.4vw, 3.13rem);
  padding-left: clamp(0.81rem, 0.53rem + 1.19vw, 1.88rem);
  padding-right: clamp(0.81rem, 0.53rem + 1.19vw, 1.88rem);
}
.section--delivery .item .i_title {
  font-size: clamp(1.13rem, 0.99rem + 0.56vw, 1.63rem);
}
.section--delivery .item .i_image {
  width: 80%;
  height: auto;
  aspect-ratio: 4/3;
  overflow: hidden;
  padding-top: clamp(1.13rem, 0.83rem + 1.26vw, 2.25rem);
  padding-bottom: clamp(1.13rem, 0.83rem + 1.26vw, 2.25rem);
  padding-left: clamp(0.81rem, 0.58rem + 0.98vw, 1.69rem);
  padding-right: clamp(0.81rem, 0.58rem + 0.98vw, 1.69rem);
  background-color: #fff;
  border-radius: 0.625rem;
}
.section--delivery .item .i_image .cover {
  border-radius: initial;
  height: 100%;
  width: auto;
}
.section--delivery .item .i_image .cover img {
  object-fit: contain;
}
.section--delivery .item .i_links {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: clamp(0.5rem, 0.47rem + 0.14vw, 0.63rem);
}
.section--delivery .item .i_links .button {
  font-weight: 300;
  max-width: 225px;
  flex: 1 1 100%;
  justify-content: center;
  font-size: clamp(0.75rem, 0.65rem + 0.42vw, 1.13rem);
  padding-left: 0.85713em;
  padding-right: 0.85713em;
}
@media (min-width: 768px) {
  .section--delivery .section__content {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.25rem;
  }
  .section--delivery .section__content .item {
    flex-basis: calc(50% - 1.25rem);
  }
}
@media (min-width: 1440px) {
  .section--delivery .section__content {
    gap: 1.875rem;
  }
  .section--delivery .section__content .item {
    flex-basis: calc(33.3333333333% - 1.875rem);
  }
}

/* DELIVERY-PRICE
_________________________*/
.section--delivery-price {
  display: none;
}
.section--delivery-price.active {
  display: block;
}
.section--delivery-price header.section__header h2 {
  font-size: clamp(1.13rem, 0.99rem + 0.56vw, 1.63rem);
}
.section--delivery-price table {
  border-spacing: 0;
}
.section--delivery-price thead {
  background-color: #000;
  color: #fff;
}
.section--delivery-price th {
  text-align: left;
  font-size: clamp(0.75rem, 0.7rem + 0.21vw, 0.94rem);
}
.section--delivery-price th:first-child {
  border-radius: 10px 0 0 10px;
}
.section--delivery-price th:last-child {
  border-radius: 0 10px 10px 0;
}
.section--delivery-price th, .section--delivery-price td {
  vertical-align: middle;
  padding-top: clamp(0.88rem, 0.79rem + 0.35vw, 1.19rem);
  padding-bottom: clamp(0.75rem, 0.64rem + 0.49vw, 1.19rem);
  padding-left: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  padding-right: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.section--delivery-price td {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}
.section--delivery-price tr {
  border-bottom: 1px solid #D2D2D2;
}
.section--delivery-price tr:last-child {
  border-bottom: none;
}

/* SUPPORT
_________________________*/
.section--support .section__content--top {
  display: flex;
  flex-direction: column;
  gap: clamp(0.63rem, -0.03rem + 2.81vw, 3.13rem);
}
.section--support .section__content--top .item {
  flex: 1 1 100%;
  border-radius: 1.25rem;
  background-color: #F4F4F4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2.1875rem;
}
.section--support .section__content--top .item button {
  background-color: var(--color-highlight-light);
  transition: background 0.3s ease;
}
.section--support .section__content--top .item button span {
  color: var(--color-highlight);
  transition: color 0.3s ease;
}
.section--support .section__content--top .item button:hover {
  background-color: var(--color-highlight);
}
.section--support .section__content--top .item button:hover span {
  color: #fff;
}
.section--support .section__content--top .item svg {
  color: #BCBCBC;
  width: 3.5rem;
  height: 3.5rem;
}
.section--support .section__content--top .item .i_link {
  text-decoration: none;
  opacity: 1;
  font-size: 1.375rem;
  transition: all 0.3s ease;
}
.section--support .section__content--top .item .i_link:hover {
  opacity: 0.7;
}
.section--support .section__content--top .item .i_link:visited {
  color: var(--color-highlight);
}
.section--support .section__content--main {
  background-color: #F9F9F9;
  border-radius: 0.625rem;
  padding: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 1.05rem + 0.84vw, 2rem);
}
.section--support .section__content--main .item {
  background-color: #fff;
  padding: clamp(1.88rem, 1.71rem + 0.7vw, 2.5rem);
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  gap: clamp(0.31rem, 0.18rem + 0.56vw, 0.81rem);
}
.section--support .section__content--main .item .i_title {
  font-weight: 500;
  font-size: clamp(1rem, 0.93rem + 0.28vw, 1.25rem);
}
.section--support .section__content--main .item .i_desc {
  font-size: clamp(0.88rem, 0.84rem + 0.14vw, 1rem);
  margin-bottom: clamp(1.25rem, -0.06rem + 5.61vw, 6.25rem);
  flex-grow: 1;
}
.section--support .section__content--main .item .i_mail {
  margin-top: auto;
  display: flex;
  gap: 1rem;
  align-items: center;
  text-decoration: none;
}
.section--support .section__content--main .item .i_mail span {
  display: block;
  color: #000;
  transition: all 0.3s ease;
}
.section--support .section__content--main .item .i_mail:hover span {
  color: var(--color-highlight);
}
.section--support .section__content--main .item .i_icon {
  width: clamp(2.06rem, 1.85rem + 0.91vw, 2.88rem);
  height: clamp(2.06rem, 1.85rem + 0.91vw, 2.88rem);
  border-radius: 0.375rem;
  background-color: var(--color-highlight);
  display: flex;
  align-items: center;
  justify-content: center;
}
.section--support .section__content--main .item .i_icon svg {
  color: #fff;
  width: clamp(0.75rem, 0.68rem + 0.28vw, 1rem);
}
@media (min-width: 768px) {
  .section--support .section__content--top {
    flex-direction: row;
    gap: clamp(0.63rem, -0.03rem + 2.81vw, 3.13rem);
  }
  .section--support .section__content--top .item {
    flex-basis: calc(50% - clamp(0.63rem, -0.03rem + 2.81vw, 3.13rem));
  }
  .section--support .section__content--main {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1440px) {
  .section--support .section__content--main {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* Q-AND-A
_________________________*/
.section--q-and-a header.section__header {
  margin: 0 auto;
  max-width: 600px;
}
.section--q-and-a header.section__header > * {
  text-align: center;
}
.section--q-and-a .section__content {
  max-width: 875px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.section--q-and-a .item {
  background-color: #F4F4F4;
  border-radius: 0.625rem;
}
.section--q-and-a .item summary {
  gap: 1em;
  font-size: clamp(1rem, 0.93rem + 0.28vw, 1.25rem);
  padding-top: clamp(1.25rem, 1.17rem + 0.35vw, 1.56rem);
  padding-bottom: clamp(1.25rem, 1.17rem + 0.35vw, 1.56rem);
  padding-left: clamp(1.25rem, 1.04rem + 0.91vw, 2.06rem);
  padding-right: clamp(1.25rem, 1.04rem + 0.91vw, 2.06rem);
}
.section--q-and-a .item .inner_accordion-container {
  padding-bottom: clamp(1.25rem, 1.17rem + 0.35vw, 1.56rem);
  padding-left: clamp(1.25rem, 1.04rem + 0.91vw, 2.06rem);
  padding-right: clamp(1.25rem, 1.04rem + 0.91vw, 2.06rem);
}

/* TEXT
_________________________*/
.section--text .section__content {
  display: grid;
  gap: 1.25rem;
}
.section--text .item {
  border-radius: 0.625rem;
  background-color: #F9F9F9;
  padding-top: clamp(1.25rem, 0.76rem + 2.11vw, 3.13rem);
  padding-bottom: clamp(1.25rem, 0.76rem + 2.11vw, 3.13rem);
  padding-left: clamp(1.25rem, 0.76rem + 2.11vw, 3.13rem);
  padding-right: clamp(1.25rem, 0.76rem + 2.11vw, 3.13rem);
}
@media (min-width: 1440px) {
  .section--text .section__content {
    grid-template-columns: 1fr 1fr;
  }
}

/* search
_________________________*/
.section--search header.section__header h2 {
  max-width: 992px;
}
.section--search .section__content {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  padding: clamp(0.75rem, 0.29rem + 1.96vw, 2.5rem);
  background-color: var(--color-block-bg);
  border-radius: 0.625rem;
}
.section--search .section__content article {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  padding: clamp(0.75rem, 0.29rem + 1.96vw, 2.5rem);
  background-color: white;
  border-radius: 0.625rem;
}
.section--search .section__content article .content {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5rem;
}
.section--search .section__content article .product-aside {
  grid-column: 1;
}
.section--search .section__content article .content-wrapper {
  grid-column: 1;
}
.section--search .section__content article header h3 {
  font-size: clamp(1.13rem, 1.03rem + 0.42vw, 1.5rem);
  margin-bottom: clamp(0.75rem, 0.62rem + 0.56vw, 1.25rem);
  font-weight: 600;
  line-height: 1.2em;
}
.section--search .section__content article header h3 a {
  color: initial;
  text-decoration: none;
  transition: color 0.3s ease;
}
.section--search .section__content article header h3 a:hover {
  opacity: 0.7;
  color: initial;
}
.section--search .section__content article header h3 a:active {
  color: initial;
}
.section--search .section__content article header h3 a:visited {
  color: initial;
}
.section--search .section__content article .post-thumbnail {
  flex-shrink: 0;
  width: 200px;
  height: auto;
  height: 200px;
}
.section--search .section__content article .post-thumbnail img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .section--search .section__content article {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media (min-width: 1200px) {
  .section--search .section__content article .product-aside {
    grid-column: 2;
  }
}

/* CONTACTS
_________________________*/
.section--contacts .section__content {
  display: grid;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.section--contacts .info-block {
  background-color: #F9F9F9;
  padding: clamp(1.06rem, 0.52rem + 2.32vw, 3.13rem);
  border-radius: 0.625rem;
  max-width: 550px;
}
.section--contacts .info-block li {
  display: flex;
}
.section--contacts .info-block li .icon-block {
  padding-right: clamp(0.56rem, 0.4rem + 0.7vw, 1.19rem);
  border-right: 1px solid #DFDFDF;
  flex-shrink: 0;
}
.section--contacts .info-block li .icon-block svg {
  position: relative;
  top: 0.2em;
  width: 1.25rem;
}
.section--contacts .info-block li .info {
  padding-left: clamp(0.94rem, 0.79rem + 0.63vw, 1.5rem);
  padding-bottom: clamp(1.5rem, 1.3rem + 0.84vw, 2.25rem);
}
.section--contacts .info-block li .label {
  font-size: 0.875rem;
  color: #AAAAAA;
  margin-bottom: 0.2em;
}
.section--contacts .info-block li .value {
  font-size: 1rem;
  color: #000;
}
.section--contacts .info-block li .value a {
  text-decoration: none;
  color: #000000;
  transition: all 0.3s ease;
}
.section--contacts .info-block li .value a:visited {
  color: #000;
}
.section--contacts .info-block li .value a:hover {
  color: var(--color-highlight);
}
.section--contacts .info-block li .adres_subtitle {
  border-radius: 0.3125rem;
  margin-top: 1em;
  font-size: clamp(0.69rem, 0.62rem + 0.28vw, 0.94rem);
  color: var(--color-highlight);
  background-color: var(--color-highlight-light);
  padding: 0.5em 0.7em;
  display: inline-block;
}
@media (min-width: 1024px) {
  .section--contacts .section__content {
    display: flex;
  }
  .section--contacts .section__content .info-block {
    flex-grow: 1;
  }
  .section--contacts .section__content .map {
    flex-grow: 1;
    background-color: var(--color-block-bg);
    border-radius: 0.625rem;
    overflow: hidden;
  }
  .section--contacts .section__content .map iframe {
    height: 100%;
  }
}

/* MESSENGERS
_________________________*/
.section--messengers .section__content {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 1.18rem + 0.28vw, 1.5rem);
}
.section--messengers .section__content > * {
  flex: 1 1 100%;
}
.section--messengers .icon {
  width: clamp(1.25rem, 1.02rem + 0.98vw, 2.13rem);
  height: clamp(1.25rem, 1.02rem + 0.98vw, 2.13rem);
  margin-bottom: clamp(0.75rem, 0.39rem + 1.54vw, 2.13rem);
}
.section--messengers .item {
  position: relative;
  border: 1px solid #EDEDED;
  border-radius: 0.625rem;
  overflow: hidden;
  background-color: #fff;
  transition: all 0.3s ease;
}
.section--messengers .item:hover {
  background-color: var(--color-highlight-light);
}
.section--messengers .item > a {
  text-decoration: none;
  height: 100%;
  width: 100%;
  color: #000;
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, 0.15rem + 0.42vw, 0.63rem);
  padding-top: clamp(1.06rem, 0.85rem + 0.91vw, 1.88rem);
  padding-bottom: clamp(1.38rem, 1.08rem + 1.26vw, 2.5rem);
  padding-left: clamp(1.25rem, 1rem + 1.05vw, 2.19rem);
  padding-right: clamp(4.63rem, 4.03rem + 2.53vw, 6.88rem);
}
.section--messengers .item > a:visited {
  color: #000;
}
.section--messengers .item > a:hover .circle {
  transform: rotate(45deg);
}
.section--messengers .item > a .label {
  font-size: clamp(0.88rem, 0.81rem + 0.28vw, 1.13rem);
}
.section--messengers .item > a .value {
  font-weight: 500;
  font-size: clamp(1.13rem, 0.96rem + 0.7vw, 1.75rem);
}
.section--messengers .item .circle {
  position: absolute;
  bottom: clamp(1.06rem, 0.77rem + 1.26vw, 2.19rem);
  right: clamp(1.25rem, 0.97rem + 1.19vw, 2.31rem);
  width: 2.125rem;
  height: 2.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2.125rem;
  background-color: #F6F6F6;
  transform: rotate(0);
  transition: transform 0.3s ease;
}
.section--messengers .item .circle svg {
  width: 0.625rem;
  height: 0.625rem;
}
.section--messengers .item--social {
  gap: clamp(0.25rem, 0.15rem + 0.42vw, 0.63rem);
  padding-top: clamp(1.06rem, 0.85rem + 0.91vw, 1.88rem);
  padding-bottom: clamp(1.38rem, 1.08rem + 1.26vw, 2.5rem);
  padding-left: clamp(1.25rem, 1rem + 1.05vw, 2.19rem);
  padding-right: clamp(4.63rem, 4.03rem + 2.53vw, 6.88rem);
  border: 1px solid #F4F4F4;
  background-color: #F4F4F4;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(1.75rem, 1.39rem + 1.54vw, 3.13rem);
}
.section--messengers .item--social:hover {
  background-color: #F4F4F4;
}
.section--messengers .item--social .icons {
  display: flex;
  gap: 0.625rem;
}
.section--messengers .item--social .icons a.social-icon {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.25rem, 2.14rem + 0.49vw, 2.69rem);
  height: clamp(2.25rem, 2.14rem + 0.49vw, 2.69rem);
  border-radius: clamp(2.25rem, 2.14rem + 0.49vw, 2.69rem);
  transition: background 0.3s ease;
}
.section--messengers .item--social .icons a.social-icon:hover {
  background-color: var(--color-highlight-light);
}
.section--messengers .item--social .icons a.social-icon svg {
  color: #000;
  width: clamp(1.06rem, 1.01rem + 0.21vw, 1.25rem);
  height: clamp(1.06rem, 1.01rem + 0.21vw, 1.25rem);
}
.section--messengers .item--social .i_title {
  font-size: clamp(1.13rem, 1.03rem + 0.42vw, 1.5rem);
}
@media (min-width: 1024px) {
  .section--messengers .section__content {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .section--messengers .section__content .item {
    flex-basis: calc(50% - clamp(1.25rem, 1.18rem + 0.28vw, 1.5rem));
  }
}
@media (min-width: 1440px) {
  .section--messengers .section__content .item {
    flex-basis: calc(33.3333333333% - clamp(1.25rem, 1.18rem + 0.28vw, 1.5rem));
  }
}

/* MAIL
_________________________*/
.section--mail {
  position: relative;
  background: transparent;
  min-height: 42.5vw;
  overflow: hidden;
}
.section--mail .section__header {
  text-align: center;
  max-width: 450px;
  width: 100%;
  margin: 0 auto;
  color: #fff;
}
.section--mail .section__background {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.section--mail .section__background .cover {
  height: 100%;
  width: 100%;
}
.section--mail .basic-form-wrapper > form {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  width: clamp(16.5rem, 13.44rem + 13.05vw, 28.13rem);
  margin: 0 auto;
}
.section--mail .basic-form-wrapper > form input[type=text],
.section--mail .basic-form-wrapper > form input[type=tel],
.section--mail .basic-form-wrapper > form textarea,
.section--mail .basic-form-wrapper > form select,
.section--mail .basic-form-wrapper > form button.btn.highlight {
  border-radius: 0.625rem;
  padding-top: clamp(1.13rem, 1.01rem + 0.49vw, 1.56rem);
  padding-bottom: clamp(1.13rem, 1.01rem + 0.49vw, 1.56rem);
  padding-left: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  padding-right: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  font-size: clamp(1rem, 0.97rem + 0.14vw, 1.13rem);
}
.section--mail .basic-form-wrapper > form textarea {
  resize: none;
}
.section--mail .basic-form-wrapper > form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 25px;
  background-image: url('data:image/svg+xml;utf8,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2 Newton/svg"><path d="M9.84016 2.54042L9.5126 2.21058C9.40951 2.10757 9.27235 2.05082 9.12577 2.05082C8.97926 2.05082 8.84194 2.10757 8.73885 2.21058L5.00224 5.94735L1.26131 2.20643C1.15838 2.10342 1.02107 2.04675 0.87456 2.04675C0.728055 2.04675 0.590655 2.10342 0.487646 2.20643L0.160001 2.53424C-0.0533338 2.74741 -0.0533338 3.09465 0.160001 3.30782L4.61402 7.77786C4.71695 7.88078 4.8541 7.9533 5.00191 7.9533H5.00362C5.1502 7.9533 5.28736 7.8807 5.39029 7.77786L9.84016 3.31993C9.94325 3.21701 9.99984 3.0757 10 2.9292C10 2.78261 9.94325 2.64326 9.84016 2.54042Z" fill="%231D1D1D"/></svg>');
  background-position: right 10px center;
  background-repeat: no-repeat;
}
.section--mail .btn {
  justify-content: space-between;
}
.section--mail .btn svg {
  transform: rotate(0deg);
  transition: all 0.3s ease;
}
.section--mail .btn:hover {
  opacity: 1;
}
.section--mail .btn:hover svg {
  transform: rotate(45deg);
}
.section--mail #basic-success-message {
  border-radius: 0.625rem;
  padding-top: clamp(1.13rem, 1.01rem + 0.49vw, 1.56rem);
  padding-bottom: clamp(1.13rem, 1.01rem + 0.49vw, 1.56rem);
  padding-left: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  padding-right: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  font-size: clamp(1rem, 0.97rem + 0.14vw, 1.13rem);
  width: clamp(16.5rem, 13.44rem + 13.05vw, 28.13rem);
  margin: 0 auto;
  background-color: #fff;
}
.section--mail #basic-success-message p {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}

/* КОРЗИНА
_________________________*/
.section--cart .section__container {
  flex-direction: column;
  overflow: hidden;
  flex-wrap: nowrap;
}
.section--cart .woocommerce-cart-form {
  flex-grow: 1;
  width: 100%;
}
.section--cart .cart-summary-items {
  display: none;
}
.section--cart .cart-items {
  display: flex;
  flex-direction: column;
  gap: clamp(0.63rem, 0.46rem + 0.7vw, 1.25rem);
}
.section--cart .cart-items .cart-item {
  display: flex;
  border: 1px solid #E2E2E2;
  border-radius: 0.625rem;
  gap: 1rem;
  padding-top: clamp(0.94rem, 0.69rem + 1.05vw, 1.88rem);
  padding-bottom: clamp(0.94rem, 0.69rem + 1.05vw, 1.88rem);
  padding-left: clamp(0.94rem, 0.69rem + 1.05vw, 1.88rem);
  padding-right: clamp(0.94rem, 0.2rem + 3.16vw, 3.75rem);
}
.section--cart .cart-items .cart-item .product-thumbnail {
  flex-shrink: 0;
  width: clamp(3.75rem, 2.44rem + 5.61vw, 8.75rem);
  height: clamp(3.13rem, 2.19rem + 4vw, 6.69rem);
  overflow: hidden;
}
.section--cart .cart-items .cart-item .product-thumbnail a {
  display: block;
  width: 100%;
  height: 100%;
}
.section--cart .cart-items .cart-item .product-thumbnail a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.section--cart .cart-items .cart-item .prod-mid-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.section--cart .cart-items .cart-item .product-name {
  font-size: clamp(0.88rem, 0.78rem + 0.42vw, 1.25rem);
  line-height: 1.5em;
  color: #000;
  max-width: 300px;
}
.section--cart .cart-items .cart-item .product-name a {
  font-weight: 400;
  text-decoration: none;
  color: inherit;
}
.section--cart .cart-items .cart-item .product-name a:visited {
  color: inherit;
}
.section--cart .cart-items .cart-item .product-name a:hover {
  color: var(--color-highlight);
}
.section--cart .cart-items .cart-item .product-remove {
  margin-left: auto;
}
.section--cart .cart-items .cart-item .product-remove svg {
  color: #fff;
  width: clamp(1.5rem, 1.17rem + 1.4vw, 2.75rem);
  height: clamp(1.5rem, 1.17rem + 1.4vw, 2.75rem);
  transition: all 0.3s ease;
}
.section--cart .cart-items .cart-item .product-remove svg:hover {
  color: var(--color-highlight-light);
}
.section--cart .cart-collaterals {
  width: 100%;
  padding: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  background-color: #F4F4F4;
  border-radius: 0.625rem;
}
.section--cart .cart-collaterals .cart-totals {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.section--cart .cart-collaterals .cart-totals h2 {
  display: none;
  font-size: clamp(1.25rem, 1.17rem + 0.35vw, 1.56rem);
  font-weight: 500;
}
.section--cart .cart-collaterals .cart-totals .order-total {
  display: flex;
  justify-content: space-between;
  font-size: clamp(1rem, 0.98rem + 0.07vw, 1.06rem);
}
.section--cart .cart-collaterals .cart-totals .order-total span {
  font-weight: 500;
}
.section--cart .cart-collaterals .cart-totals .order-total span.total-price {
  padding-right: 1.2rem;
}
.section--cart .cart-collaterals .wc-proceed-to-checkout {
  margin-left: auto;
  margin-right: auto;
}
.section--cart .woocommerce-Price-amount {
  width: min-content;
}
.section--cart .woocommerce-Price-amount bdi {
  white-space: nowrap;
}
.section--cart .custom-quantity-selector {
  display: flex;
}
.section--cart .custom-quantity-selector .quantity-minus,
.section--cart .custom-quantity-selector .quantity-plus {
  width: clamp(2.25rem, 2.12rem + 0.56vw, 2.75rem);
  height: clamp(2.25rem, 2.12rem + 0.56vw, 2.75rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  background-color: #F9F9F9;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
.section--cart .custom-quantity-selector .quantity-minus:active,
.section--cart .custom-quantity-selector .quantity-plus:active {
  background-color: var(--color-highlight-light);
}
.section--cart .custom-quantity-selector .quantity-number {
  width: clamp(2.88rem, 2.71rem + 0.7vw, 3.5rem);
  height: clamp(2.25rem, 2.12rem + 0.56vw, 2.75rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .section--cart .cart-items .cart-item .prod-mid-wrap {
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
    align-items: flex-start;
  }
  .section--cart .cart-items .cart-item .prod-mid-wrap .product-name {
    margin-right: auto;
  }
  .section--cart .cart-items .cart-item .product-remove {
    display: flex;
    align-items: center;
  }
  .section--cart .section__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    overflow: visible;
  }
  .section--cart .section__container form {
    grid-column: 1;
    width: 100%;
  }
  .section--cart .cart-collaterals {
    grid-column: 2;
    position: sticky;
    top: 2rem;
    align-self: start;
    height: fit-content;
    max-height: calc(100vh - 150px);
    overflow-y: auto;
  }
  .section--cart .cart-collaterals .cart-totals h2 {
    display: block;
  }
  .section--cart .cart-collaterals .wc-proceed-to-checkout {
    margin-right: initial;
  }
  .section--cart .cart-collaterals .cart-summary-items {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .section--cart .cart-collaterals .cart-summary-items .cart-summary-row {
    display: flex;
    background-color: #fff;
    gap: 1rem;
    align-items: center;
    padding: 0.625rem;
    padding-left: clamp(0.63rem, 0.46rem + 0.7vw, 1.25rem);
    padding-right: clamp(0.63rem, 0.46rem + 0.7vw, 1.25rem);
    border-radius: 0.3125rem;
  }
  .section--cart .cart-collaterals .cart-summary-items .cart-summary-row .product-name {
    max-width: 202px;
    text-wrap: balance;
  }
  .section--cart .cart-collaterals .cart-summary-items .cart-summary-row .product-name a {
    text-decoration: none;
    color: #000;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    /* Дополнительные настройки */
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  .section--cart .cart-collaterals .cart-summary-items .cart-summary-row .product-name a:visited {
    color: #000;
  }
  .section--cart .cart-collaterals .cart-summary-items .cart-summary-row .product-total,
  .section--cart .cart-collaterals .cart-summary-items .cart-summary-row .product-quantity-price {
    margin-left: auto;
  }
  .section--cart .cart-collaterals .cart-summary-items .cart-summary-row .summary-quantity {
    white-space: nowrap;
  }
  .section--cart .cart-collaterals .cart-summary-items .cart-summary-row .p-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .section--cart .section__container {
    grid-template-columns: 1fr minmax(375px, 577px);
  }
  .section--cart .cart-items .cart-item .prod-mid-wrap {
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 1440px) {
  .section--cart .cart-items .cart-item .prod-mid-wrap {
    gap: 2rem;
  }
}
@media (min-width: 1440px) {
  .section--cart .cart-items .cart-item .prod-mid-wrap {
    justify-content: space-between;
  }
  .section--cart .cart-items .cart-item .prod-mid-wrap .product-name {
    margin-right: initial;
    width: 30%;
  }
}

/* ОФОРМЛЕНИЕ ЗАКАЗА
_________________________*/
.section--checkout .policy-confirm-group {
  padding: 0;
}
.section--checkout .section__container .woocommerce-checkout {
  width: 100%;
}
.section--checkout .section__container .checkout-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-wrap: nowrap;
  gap: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
}
.section--checkout .section__container .checkout-content > form {
  flex-grow: 1;
  width: 100%;
}
.section--checkout .checkout-form-column {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
}
.section--checkout .checkout-section .section-title {
  display: block;
  padding-top: clamp(1rem, 0.87rem + 0.56vw, 1.5rem);
  padding-bottom: clamp(1rem, 0.87rem + 0.56vw, 1.5rem);
  padding-left: clamp(1.25rem, 0.69rem + 2.39vw, 3.38rem);
  padding-right: clamp(1.25rem, 0.69rem + 2.39vw, 3.38rem);
  background-color: #F9F9F9;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.section--checkout .checkout-section > .form-row {
  padding-left: clamp(1.25rem, 0.69rem + 2.39vw, 3.38rem);
  padding-right: clamp(1.25rem, 0.69rem + 2.39vw, 3.38rem);
  border-left: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 0.92rem + 1.4vw, 2.5rem);
}
.section--checkout .checkout-section > .form-row--adress {
  padding-top: clamp(1.25rem, 0.69rem + 2.39vw, 3.38rem);
}
.section--checkout .checkout-section > .form-row--contacts {
  padding-top: clamp(1.25rem, 0.69rem + 2.39vw, 3.38rem);
}
.section--checkout .checkout-section > .form-row--create-account {
  padding-top: clamp(1.25rem, 0.69rem + 2.39vw, 3.38rem);
}
.section--checkout .checkout-section .form-row:first-of-type {
  padding-top: clamp(1.25rem, 0.69rem + 2.39vw, 3.38rem);
}
.section--checkout .checkout-section .form-row:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom: 1px solid #E2E2E2;
  padding-bottom: clamp(2.19rem, 1.74rem + 1.89vw, 3.88rem);
}
.section--checkout .checkout-section .form-group {
  display: flex;
  flex-direction: column;
  gap: clamp(0.38rem, 0.34rem + 0.14vw, 0.5rem);
}
.section--checkout .checkout-section .form-group input[type=text],
.section--checkout .checkout-section .form-group input[type=tel],
.section--checkout .checkout-section .form-group input[type=email] {
  height: clamp(2.75rem, 2.59rem + 0.7vw, 3.38rem);
  padding-left: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
  padding-right: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
}
.section--checkout .checkout-section .form-group input[type=text]::placeholder,
.section--checkout .checkout-section .form-group input[type=tel]::placeholder,
.section--checkout .checkout-section .form-group input[type=email]::placeholder {
  font-size: clamp(0.69rem, 0.62rem + 0.28vw, 0.94rem);
  color: #ACACAC;
}
.section--checkout .checkout-section .form-group .required {
  color: var(--color-highlight);
}
.section--checkout .shipping-methods,
.section--checkout .payment-methods,
.section--checkout .create-account-field {
  padding: clamp(1.25rem, 0.69rem + 2.39vw, 3.38rem);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #E2E2E2;
  border-top: none;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.section--checkout .shipping-methods .radio-label,
.section--checkout .payment-methods .radio-label,
.section--checkout .create-account-field .radio-label {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 2px solid #F9F9F9;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  background-color: #F9F9F9;
}
.section--checkout .shipping-methods .shipping-method-option > input,
.section--checkout .shipping-methods .payment-method-option > input,
.section--checkout .shipping-methods .create-account-field > input,
.section--checkout .payment-methods .shipping-method-option > input,
.section--checkout .payment-methods .payment-method-option > input,
.section--checkout .payment-methods .create-account-field > input,
.section--checkout .create-account-field .shipping-method-option > input,
.section--checkout .create-account-field .payment-method-option > input,
.section--checkout .create-account-field .create-account-field > input {
  position: absolute;
  left: -100vw;
  opacity: 0;
}
.section--checkout .shipping-methods .custom-radio,
.section--checkout .payment-methods .custom-radio,
.section--checkout .create-account-field .custom-radio {
  position: relative;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 15px;
  margin-top: 2px;
}
.section--checkout .shipping-methods .custom-radio input,
.section--checkout .payment-methods .custom-radio input,
.section--checkout .create-account-field .custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.section--checkout .shipping-methods .checkmark,
.section--checkout .payment-methods .checkmark,
.section--checkout .create-account-field .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  transition: all 0.3s ease;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #E2E2E2;
}
.section--checkout .shipping-methods .checkmark svg,
.section--checkout .payment-methods .checkmark svg,
.section--checkout .create-account-field .checkmark svg {
  display: none;
  width: 12px;
  height: 12px;
}
.section--checkout .shipping-methods #createaccount:checked ~ .radio-label,
.section--checkout .payment-methods #createaccount:checked ~ .radio-label,
.section--checkout .create-account-field #createaccount:checked ~ .radio-label {
  border-color: var(--color-highlight);
  background-color: #fff;
}
.section--checkout .shipping-methods #createaccount:checked ~ .radio-label .checkmark,
.section--checkout .payment-methods #createaccount:checked ~ .radio-label .checkmark,
.section--checkout .create-account-field #createaccount:checked ~ .radio-label .checkmark {
  background: var(--color-highlight);
  border-color: var(--color-highlight);
}
.section--checkout .shipping-methods #createaccount:checked ~ .radio-label .checkmark svg,
.section--checkout .payment-methods #createaccount:checked ~ .radio-label .checkmark svg,
.section--checkout .create-account-field #createaccount:checked ~ .radio-label .checkmark svg {
  display: block;
}
.section--checkout .shipping-methods .shipping-method-input:checked + .radio-label,
.section--checkout .shipping-methods .payment-method-input:checked + .radio-label,
.section--checkout .payment-methods .shipping-method-input:checked + .radio-label,
.section--checkout .payment-methods .payment-method-input:checked + .radio-label,
.section--checkout .create-account-field .shipping-method-input:checked + .radio-label,
.section--checkout .create-account-field .payment-method-input:checked + .radio-label {
  border-color: var(--color-highlight);
  background-color: #fff;
}
.section--checkout .shipping-methods .shipping-method-input:checked + .radio-label .checkmark,
.section--checkout .shipping-methods .payment-method-input:checked + .radio-label .checkmark,
.section--checkout .payment-methods .shipping-method-input:checked + .radio-label .checkmark,
.section--checkout .payment-methods .payment-method-input:checked + .radio-label .checkmark,
.section--checkout .create-account-field .shipping-method-input:checked + .radio-label .checkmark,
.section--checkout .create-account-field .payment-method-input:checked + .radio-label .checkmark {
  background: var(--color-highlight);
  border-color: var(--color-highlight);
}
.section--checkout .shipping-methods .shipping-method-input:checked + .radio-label .checkmark svg,
.section--checkout .shipping-methods .payment-method-input:checked + .radio-label .checkmark svg,
.section--checkout .payment-methods .shipping-method-input:checked + .radio-label .checkmark svg,
.section--checkout .payment-methods .payment-method-input:checked + .radio-label .checkmark svg,
.section--checkout .create-account-field .shipping-method-input:checked + .radio-label .checkmark svg,
.section--checkout .create-account-field .payment-method-input:checked + .radio-label .checkmark svg {
  display: block;
}
.section--checkout .shipping-methods .payment-comment,
.section--checkout .payment-methods .payment-comment,
.section--checkout .create-account-field .payment-comment {
  display: block !important;
  font-size: clamp(0.75rem, 0.72rem + 0.14vw, 0.88rem);
  padding-left: 1em;
}
.section--checkout .shipping-methods .shipping-details,
.section--checkout .payment-methods .shipping-details,
.section--checkout .create-account-field .shipping-details {
  display: none;
}
.section--checkout .shipping-methods .shipping-details .sd-adres,
.section--checkout .payment-methods .shipping-details .sd-adres,
.section--checkout .create-account-field .shipping-details .sd-adres {
  font-weight: 500;
  padding-top: 1rem;
  color: #000;
  font-size: 1rem;
}
.section--checkout .shipping-methods .shipping-details .comment,
.section--checkout .payment-methods .shipping-details .comment,
.section--checkout .create-account-field .shipping-details .comment {
  font-size: 0.85rem;
  color: var(--color-highlight);
  font-weight: 400;
}
.section--checkout .shipping-methods .shipping-details .form-group,
.section--checkout .payment-methods .shipping-details .form-group,
.section--checkout .create-account-field .shipping-details .form-group {
  margin-top: clamp(0.63rem, 0.54rem + 0.35vw, 0.94rem);
}
.section--checkout .shipping-methods .shipping-method-input:checked ~ .shipping-details,
.section--checkout .payment-methods .shipping-method-input:checked ~ .shipping-details,
.section--checkout .create-account-field .shipping-method-input:checked ~ .shipping-details {
  display: block;
}
.section--checkout .create-account-fields input[type=password] {
  height: clamp(2.75rem, 2.59rem + 0.7vw, 3.38rem);
  padding-left: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
  padding-right: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
}
.section--checkout .create-account-fields input[type=password]::placeholder {
  font-size: clamp(0.69rem, 0.62rem + 0.28vw, 0.94rem);
  color: #ACACAC;
}
.section--checkout .create-account-fields .password-input-wrapper {
  position: relative;
}
.section--checkout .create-account-fields .password-input-wrapper input {
  width: 100%;
}
.section--checkout .create-account-fields .password-input-wrapper button.password-toggle {
  position: absolute;
  top: 50%;
  background: transparent;
}
.section--checkout .create-account-fields .password-input-wrapper button.password-toggle.active .password-toggle__icon--show {
  display: none;
}
.section--checkout .create-account-fields .password-input-wrapper button.password-toggle.active .password-toggle__icon--hide {
  display: block;
}
.section--checkout .create-account-field {
  padding: 0;
  border: initial;
}
.section--checkout .create-account-field input[type=checkbox] {
  position: absolute;
  left: -100vw;
  opacity: 0;
}
.section--checkout .payment-methods {
  padding: clamp(1.25rem, 0.69rem + 2.39vw, 3.38rem);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #E2E2E2;
  border-top: none;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.section--checkout .cart-collaterals {
  width: 100%;
  padding: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  background-color: #F4F4F4;
  border-radius: 0.625rem;
}
.section--checkout .cart-collaterals .cart-totals {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.section--checkout .cart-collaterals .cart-totals h2 {
  display: none;
  font-size: clamp(1.25rem, 1.17rem + 0.35vw, 1.56rem);
  font-weight: 500;
}
.section--checkout .cart-collaterals .cart-totals .order-total {
  display: flex;
  justify-content: space-between;
  font-size: clamp(1rem, 0.98rem + 0.07vw, 1.06rem);
}
.section--checkout .cart-collaterals .cart-totals .order-total span {
  font-weight: 500;
}
.section--checkout .cart-collaterals .cart-totals .order-total span.total-price {
  padding-right: 1.2rem;
}
.section--checkout .cart-collaterals .wc-confirm-order {
  display: flex;
  justify-content: center;
}
.section--checkout .cart-collaterals .terms-section label {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}
.section--checkout .cart-collaterals .terms-section svg {
  opacity: 0;
}
.section--checkout .cart-collaterals .terms-section .custom-checkbox {
  top: 0.2rem;
  margin-right: 0;
}
.section--checkout .cart-collaterals .terms-section input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.section--checkout .cart-collaterals .terms-section input[type=checkbox]:checked + .custom-checkbox {
  background-color: var(--color-highlight);
  border-color: var(--color-highlight);
}
.section--checkout .cart-collaterals .terms-section input[type=checkbox]:checked + .custom-checkbox svg {
  opacity: 1;
}
.section--checkout .woocommerce-Price-amount {
  width: min-content;
}
.section--checkout .woocommerce-Price-amount bdi {
  white-space: nowrap;
}
.section--checkout .cart-summary-items {
  display: none;
}
@media (min-width: 1024px) {
  .section--checkout .section__container .checkout-content {
    display: grid;
    grid-template-columns: auto minmax(375px, 577px);
    align-items: start;
    overflow: visible;
  }
  .section--checkout .section__container .checkout-content form {
    grid-column: 1;
    width: 100%;
  }
  .section--checkout .section__container .checkout-order-column {
    height: 100%;
  }
  .section--checkout .cart-collaterals {
    grid-column: 2;
    position: sticky;
    top: 2rem;
    align-self: start;
    height: fit-content;
    max-height: calc(100vh - 150px);
    overflow-y: auto;
  }
  .section--checkout .cart-collaterals .cart-totals h2 {
    display: block;
  }
  .section--checkout .cart-collaterals .wc-proceed-to-checkout {
    margin-right: initial;
  }
  .section--checkout .cart-collaterals .wc-confirm-order {
    justify-content: flex-end;
  }
  .section--checkout .cart-collaterals .cart-summary-items {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .section--checkout .cart-collaterals .cart-summary-items .cart-summary-row {
    display: flex;
    background-color: #fff;
    gap: 1rem;
    align-items: center;
    padding: 0.625rem;
    padding-left: clamp(0.63rem, 0.46rem + 0.7vw, 1.25rem);
    padding-right: clamp(0.63rem, 0.46rem + 0.7vw, 1.25rem);
    border-radius: 0.3125rem;
  }
  .section--checkout .cart-collaterals .cart-summary-items .cart-summary-row .product-name {
    max-width: 272px;
    text-wrap: balance;
  }
  .section--checkout .cart-collaterals .cart-summary-items .cart-summary-row .product-name a {
    text-decoration: none;
    color: #000;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  .section--checkout .cart-collaterals .cart-summary-items .cart-summary-row .product-name a:visited {
    color: #000;
  }
  .section--checkout .cart-collaterals .cart-summary-items .cart-summary-row .product-total,
  .section--checkout .cart-collaterals .cart-summary-items .cart-summary-row .product-quantity-price {
    margin-left: auto;
  }
  .section--checkout .cart-collaterals .cart-summary-items .cart-summary-row .summary-quantity {
    white-space: nowrap;
  }
  .section--checkout .cart-collaterals .cart-summary-items .cart-summary-row .p-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    gap: 1rem;
  }
}

/* АККАУНТ
_________________________*/
.woocommerce-account main#primary > .woocommerce {
  display: flex;
  flex-direction: column;
}

.woocommerce-account.logged-in main#primary > .woocommerce {
  display: grid;
  gap: clamp(1.88rem, 1.71rem + 0.7vw, 2.5rem);
  padding-bottom: clamp(3.5rem, 2.91rem + 2.53vw, 5.75rem);
}
.woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-info {
  padding: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  border-radius: 10px;
  background-color: #F9F9F9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-navigation {
  padding-top: clamp(0rem, -0.16rem + 0.7vw, 0.63rem);
  padding-bottom: clamp(0rem, -0.16rem + 0.7vw, 0.63rem);
  padding-left: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  padding-right: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  border: 1px solid #D9D9D9;
  border-radius: 0.625rem;
  height: min-content;
}
.woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-navigation li {
  padding-top: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
  padding-bottom: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
  border-bottom: 1px solid #EBEBEB;
}
.woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-navigation li:last-child {
  border-bottom: none;
}
.woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-navigation li.is-active {
  color: var(--color-highlight);
}
.woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-navigation li a {
  color: inherit;
  display: flex;
  gap: clamp(0.75rem, 0.62rem + 0.56vw, 1.25rem);
  align-items: center;
  transition: all 0.3s ease;
}
.woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-navigation li a:hover {
  color: var(--color-highlight);
}
.woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-navigation li a .nav-icon {
  width: clamp(1rem, 0.93rem + 0.28vw, 1.25rem);
  height: clamp(1rem, 0.93rem + 0.28vw, 1.25rem);
}
.woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-navigation li a .nav-arrow {
  margin-left: auto;
}
.woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-content {
  max-width: 800px;
  width: 100%;
}
.woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-content .dashboard_section h2 {
  font-size: clamp(1rem, 0.93rem + 0.28vw, 1.25rem);
  font-weight: 600;
  margin-bottom: 0.5em;
}
.woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-content .dashboard {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-content .dashboard .dashboard_section__content--orders {
  display: flex;
  flex-direction: column;
  gap: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
}
.woocommerce-account.logged-in main#primary > .woocommerce .dashboard_section__content .info-grid {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.93rem + 0.28vw, 1.25rem);
}
.woocommerce-account.logged-in main#primary > .woocommerce .dashboard_section__content .info-grid .info-item {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.47rem + 0.14vw, 0.63rem);
}
.woocommerce-account.logged-in main#primary > .woocommerce .dashboard_section__content .info-grid .info-item .info-label {
  font-weight: 500;
  color: #bbb;
}
@media (min-width: 1024px) {
  .woocommerce-account.logged-in main#primary > .woocommerce {
    grid-template-columns: 330px 1fr;
  }
  .woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-content .dashboard {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  }
  .woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-content .dashboard .recent-orders-section {
    margin-top: clamp(0.63rem, 0.53rem + 0.42vw, 1rem);
  }
  .woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-content .dashboard .recent-orders-section .section-title {
    margin-bottom: clamp(1.25rem, 1.12rem + 0.56vw, 1.75rem);
  }
  .woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-content .dashboard .recent-orders-section,
  .woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-content .dashboard .dashboard-actions {
    grid-column: span 2;
  }
}
@media (min-width: 1600px) {
  .woocommerce-account.logged-in main#primary > .woocommerce .woocommerce-MyAccount-content {
    position: relative;
    right: 165px;
    margin: 0 auto;
  }
}

#customer_login {
  max-width: 600px;
  margin: 0 auto;
}

/* LOGIN-PAGE AND POINTPAGES
_________________________*/
.section--login-reg-block .section__content {
  max-width: 550px;
  margin: 0 auto;
}
.section--login-reg-block .auth-form {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}

.email-match-message {
  display: flex;
  gap: 0.4375rem;
  align-items: flex-start;
}
.email-match-message .icon {
  margin-top: 0.17rem;
  background-color: var(--color-highlight);
  width: 1.0625rem;
  height: 1.0625rem;
  border-radius: 1.0652rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.email-match-message .icon span {
  color: #fff;
  font-size: 0.7em;
}
.email-match-message .icon svg {
  width: 0.4375rem;
  height: 0.3125rem;
}
.email-match-message span {
  text-wrap: balance;
  font-size: 15px;
  color: #666;
}
.email-match-message.accept .icon {
  background-color: var(--color-accept);
}

.woocommerce-ResetPassword {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  padding-bottom: clamp(3.5rem, 2.91rem + 2.53vw, 5.75rem);
}
.woocommerce-ResetPassword .woocommerce-form-row {
  display: flex;
  flex-direction: column;
  gap: clamp(0.63rem, 0.56rem + 0.28vw, 0.88rem);
}
.woocommerce-ResetPassword .woocommerce-form-row label {
  font-size: clamp(0.75rem, 0.72rem + 0.14vw, 0.88rem);
}
.woocommerce-ResetPassword .woocommerce-form-row input[type=text],
.woocommerce-ResetPassword .woocommerce-form-row input[type=tel],
.woocommerce-ResetPassword .woocommerce-form-row input[type=email] {
  border-radius: 0.625rem;
  padding-top: clamp(1rem, 0.97rem + 0.14vw, 1.13rem);
  padding-bottom: clamp(1rem, 0.97rem + 0.14vw, 1.13rem);
  padding-left: clamp(1.13rem, 0.99rem + 0.56vw, 1.63rem);
  padding-right: clamp(1.13rem, 0.99rem + 0.56vw, 1.63rem);
}

.woocommerce-form-row {
  display: flex;
  flex-direction: column;
  gap: clamp(0.63rem, 0.56rem + 0.28vw, 0.88rem);
}
.woocommerce-form-row label {
  font-size: clamp(0.75rem, 0.72rem + 0.14vw, 0.88rem);
}
.woocommerce-form-row input[type=text],
.woocommerce-form-row input[type=tel],
.woocommerce-form-row input[type=email] {
  border-radius: 0.625rem;
  padding-top: clamp(1rem, 0.97rem + 0.14vw, 1.13rem);
  padding-bottom: clamp(1rem, 0.97rem + 0.14vw, 1.13rem);
  padding-left: clamp(1.13rem, 0.99rem + 0.56vw, 1.63rem);
  padding-right: clamp(1.13rem, 0.99rem + 0.56vw, 1.63rem);
}

/* РЕДАКТИРОВАТЬ АККАУНТ
_________________________*/
.woocommerce-EditAccountForm .dashboard_section__content {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 0.99rem + 1.12vw, 2.25rem);
}
.woocommerce-EditAccountForm .dashboard_section__content .fio-wrapper,
.woocommerce-EditAccountForm .dashboard_section__content .mail-tel-wrapper {
  display: grid;
  gap: clamp(1.25rem, 0.99rem + 1.12vw, 2.25rem);
}
.woocommerce-EditAccountForm .dashboard_section__content {
  margin-top: clamp(0.63rem, 0.46rem + 0.7vw, 1.25rem);
}
.woocommerce-EditAccountForm .dashboard_section__content .woocommerce-form-row {
  display: flex;
  flex-direction: column;
  gap: clamp(0.63rem, 0.56rem + 0.28vw, 0.88rem);
}
.woocommerce-EditAccountForm .dashboard_section__content .woocommerce-form-row label {
  font-size: clamp(0.75rem, 0.72rem + 0.14vw, 0.88rem);
}
.woocommerce-EditAccountForm .dashboard_section__content .woocommerce-form-row input[type=text],
.woocommerce-EditAccountForm .dashboard_section__content .woocommerce-form-row input[type=tel],
.woocommerce-EditAccountForm .dashboard_section__content .woocommerce-form-row input[type=email] {
  border-radius: 0.625rem;
  padding-top: clamp(1rem, 0.97rem + 0.14vw, 1.13rem);
  padding-bottom: clamp(1rem, 0.97rem + 0.14vw, 1.13rem);
  padding-left: clamp(1.13rem, 0.99rem + 0.56vw, 1.63rem);
  padding-right: clamp(1.13rem, 0.99rem + 0.56vw, 1.63rem);
}
.woocommerce-EditAccountForm .dashboard_section__content--fio {
  margin-bottom: clamp(1.88rem, 1.63rem + 1.05vw, 2.81rem);
}
.woocommerce-EditAccountForm .dashboard_section__content--adress {
  margin-bottom: clamp(1.88rem, 1.63rem + 1.05vw, 2.81rem);
}
.woocommerce-EditAccountForm .dashboard_section__content--adress .form-row-wide {
  flex: 1 1 100%;
}
.woocommerce-EditAccountForm fieldset legend {
  font-size: clamp(1rem, 0.93rem + 0.28vw, 1.25rem);
  font-weight: 600;
  margin-bottom: 0.5em;
}
.woocommerce-EditAccountForm fieldset .form-row-wide {
  display: flex;
  flex-direction: column;
  gap: clamp(0.63rem, 0.56rem + 0.28vw, 0.88rem);
}
.woocommerce-EditAccountForm fieldset input[type=text],
.woocommerce-EditAccountForm fieldset input[type=tel],
.woocommerce-EditAccountForm fieldset input[type=email],
.woocommerce-EditAccountForm fieldset input[type=password] {
  width: 100%;
  border-radius: 0.625rem;
  padding-top: clamp(1rem, 0.97rem + 0.14vw, 1.13rem);
  padding-bottom: clamp(1rem, 0.97rem + 0.14vw, 1.13rem);
  padding-left: clamp(1.13rem, 0.99rem + 0.56vw, 1.63rem);
  padding-right: clamp(1.13rem, 0.99rem + 0.56vw, 1.63rem);
}
.woocommerce-EditAccountForm fieldset .password-wrapper {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 0.99rem + 1.12vw, 2.25rem);
}
.woocommerce-EditAccountForm fieldset .password-wrapper > * {
  flex: 1 1 100%;
}
.woocommerce-EditAccountForm .password-input {
  display: block;
  position: relative;
}
.woocommerce-EditAccountForm .password-input button {
  position: absolute;
  top: 0;
  right: 0;
}
.woocommerce-EditAccountForm .show-password-input {
  background: none !important;
  border: none !important;
}
.woocommerce-EditAccountForm .show-password-input::before {
  content: "" !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  cursor: pointer !important;
}
.woocommerce-EditAccountForm .show-password-input.display-password::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z'/%3E%3C/svg%3E") !important;
}
.woocommerce-EditAccountForm .wrapper-button {
  margin-top: clamp(1.25rem, 0.86rem + 1.68vw, 2.75rem);
}
.woocommerce-EditAccountForm .wrapper-button .button {
  width: 100%;
}
@media (min-width: 1024px) {
  .woocommerce-EditAccountForm .dashboard_section__content .fio-wrapper,
  .woocommerce-EditAccountForm .dashboard_section__content .mail-tel-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .woocommerce-EditAccountForm .wrapper-button .button {
    max-width: 240px;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .woocommerce-EditAccountForm .dashboard_section__content {
    gap: 2.125rem;
  }
  .woocommerce-EditAccountForm .dashboard_section__content .fio-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .woocommerce-EditAccountForm .dashboard_section__content--adress {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .woocommerce-EditAccountForm .dashboard_section__content--adress .form-row-wide {
    flex-basis: calc(50% - 2.125rem);
  }
  .woocommerce-EditAccountForm fieldset .password-wrapper {
    gap: 2.125rem;
    flex-direction: row;
  }
}

/* ИЗБРАННОЕ
_________________________*/
.section--wishlist-grid .section__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(0.94rem, 0.66rem + 1.19vw, 2rem);
}
@media (min-width: 1024px) {
  .section--wishlist-grid .section__content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1440px) {
  .section--wishlist-grid .section__content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 1800px) {
  .section--wishlist-grid .section__content {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

.woocommerce-MyAccount-content .section--wishlist-grid .section__container {
  width: 100%;
}
.woocommerce-MyAccount-content .section--wishlist-grid .section__container .section__content .item-card {
  max-width: 375px;
}

.woocommerce-wishlist.woocommerce-account main#primary > .woocommerce .woocommerce-MyAccount-content {
  max-width: 1200px;
}

@media (min-width: 765px) {
  .woocommerce-MyAccount-content .section--wishlist-grid .section__container .section__content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .woocommerce-MyAccount-content .section--wishlist-grid .section__container .section__content {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1440px) {
  .woocommerce-MyAccount-content .section--wishlist-grid .section__container .section__content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1600px) {
  .woocommerce-wishlist.woocommerce-account main#primary > .woocommerce .woocommerce-MyAccount-content {
    right: initial;
  }
}
/* ПОДТВЕРЖДЕНИЕ ЗАКАЗА
_________________________*/
.page-template-page-order-succes main > header {
  text-align: center;
}
.page-template-page-order-succes .success-subtitle {
  display: none;
  font-size: 1rem;
  color: #666;
  margin-top: 0.625rem;
}

.section--order-success .success-icon {
  margin-bottom: 30px;
}
.section--order-success .order-details-card {
  width: 100%;
  max-width: 700px;
  background: #f9f9f9;
  border-radius: 0.625rem;
  padding: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  margin-left: auto;
  margin-right: auto;
  margin-top: clamp(1.88rem, 1.71rem + 0.7vw, 2.5rem);
  margin-bottom: clamp(1.88rem, 1.71rem + 0.7vw, 2.5rem);
}
.section--order-success .order-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
}
.section--order-success .order-label {
  font-size: clamp(0.75rem, 0.72rem + 0.14vw, 0.88rem);
  color: #666;
}
.section--order-success .order-number {
  font-size: 24px;
  font-weight: bold;
  color: var(--color-highlight);
}
.section--order-success .order-status {
  background: var(--color-highlight);
  color: white;
  margin-top: 0.5em;
  border-radius: 1.25rem;
  font-size: clamp(0.75rem, 0.72rem + 0.14vw, 0.88rem);
  padding: 0.5em 0.875em;
  display: inline-block;
}
.section--order-success .order-details {
  display: flex;
  justify-content: space-between;
  gap: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
  margin-top: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
}
.section--order-success .order-date {
  font-size: 1rem;
}
.section--order-success .order-total {
  font-size: clamp(1.38rem, 1.34rem + 0.14vw, 1.5rem);
  font-weight: bold;
}
.section--order-success .order-products-section h3 {
  margin-top: 1em;
  font-size: clamp(1.13rem, 1.09rem + 0.14vw, 1.25rem);
}
.section--order-success .order-summary {
  padding-bottom: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  border-bottom: 1px solid #eee;
}
.section--order-success .order-product-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}
.section--order-success .product-info {
  flex: 1;
}
.section--order-success .product-name {
  font-weight: 500;
}
.section--order-success .product-quantity {
  font-size: 14px;
  color: #666;
  margin-top: 5px;
}
.section--order-success .product-price {
  font-weight: bold;
  min-width: 100px;
  text-align: right;
}
.section--order-success .order-methods {
  padding-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.section--order-success .order-methods h4 {
  margin-bottom: 10px;
  font-size: 16px;
  color: #666;
}
.section--order-success .order-methods div {
  color: var(--color-highlight);
}
.section--order-success .action-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}
.section--order-success .order-actions {
  margin: 0 auto;
}
.section--order-success .button {
  text-decoration: none;
}
.section--order-success .button-primary {
  background: var(--color-highlight);
  color: white;
}
.section--order-success .button-secondary {
  background: white;
  color: var(--color-highlight);
  border: 2px solid var(--color-highlight);
}
.section--order-success .button-secondary::after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.338 4.54405L1.88204 16L0 14.118L11.4546 2.66201H1.35896V0H16V14.641H13.338V4.54405Z" fill="%23E57C1F"/></svg>');
}

/* MY ORDERS
_________________________*/
.woocommerce-orders.woocommerce-account main#primary > .woocommerce .woocommerce-MyAccount-content {
  max-width: 1000px;
}
@media (min-width: 1600px) {
  .woocommerce-orders.woocommerce-account main#primary > .woocommerce .woocommerce-MyAccount-content {
    margin: initial;
    position: initial;
    right: initial;
  }
}
@media (min-width: 1800px) {
  .woocommerce-orders.woocommerce-account main#primary > .woocommerce .woocommerce-MyAccount-content {
    position: relative;
    right: 165px;
    margin: 0 auto;
  }
}
.woocommerce-orders.woocommerce-account main#primary > .woocommerce .woocommerce-MyAccount-content .woocommerce-Button {
  display: flex;
  width: min-content;
  white-space: nowrap;
}

.section--my-orders {
  display: block;
}

.woocommerce-info + .section--my-orders .buttons-wrapper,
.woocommerce-message + .section--my-orders .buttons-wrapper {
  margin-top: clamp(1.88rem, 1.38rem + 2.11vw, 3.75rem);
}

.woocommerce-info + .woocommerce-info,
.woocommerce-message + .woocommerce-info {
  margin-top: 1.5rem;
}

.buttons-wrapper {
  margin-bottom: clamp(1.88rem, 1.38rem + 2.11vw, 3.75rem);
  display: flex;
  gap: 1rem;
}
.buttons-wrapper .button {
  padding: 0.875rem;
  display: flex;
  justify-content: center;
  background-color: #F4F4F4;
  color: #000;
  border-color: #F4F4F4;
}
.buttons-wrapper .button.active {
  background-color: var(--color-highlight);
  color: #fff;
  border-color: var(--color-highlight);
}

.order-table {
  display: flex;
  flex-direction: column;
  gap: clamp(0.63rem, 0.46rem + 0.7vw, 1.25rem);
}

.item--order {
  display: flex;
  flex-direction: column;
  padding: clamp(1rem, 0.77rem + 0.98vw, 1.88rem);
  border-radius: 0.625rem;
  border: 1px solid #D9D9D9;
  color: #252525;
  font-size: 0.75rem;
}
.item--order .number-date-wrapper {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
  justify-content: space-between;
  align-items: center;
}
.item--order .order-number a {
  background-color: var(--color-highlight);
  color: white;
  display: flex;
  padding: 0.5em 0.8em;
  border-radius: 0.5rem;
  text-decoration: none;
  font-size: 0.75rem;
  justify-content: center;
  align-items: center;
}
.item--order .order-number a:visited {
  color: inherit;
}
.item--order .order-number span {
  background-color: var(--color-highlight);
  color: white;
  display: flex;
  padding: 0.5em 0.8em;
  border-radius: 0.5rem;
  text-decoration: none;
  font-size: 0.75rem;
  justify-content: center;
  align-items: center;
}
.item--order time {
  font-size: 0.75rem;
}
.item--order .order-products {
  margin-top: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
.item--order .order-product-item {
  display: flex;
  gap: 1.125rem;
}
.item--order .order-product-item .product-image {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.item--order .order-product-item .product-info {
  display: flex;
  flex-direction: column;
}
.item--order .order-product-item .product-name {
  font-size: clamp(0.75rem, 0.72rem + 0.14vw, 0.88rem);
  color: #252525;
  font-weight: 500;
}
.item--order .order-product-item .product-meta {
  display: flex;
  gap: 1.125rem;
  color: #676767;
  font-size: 0.75rem;
}
.item--order .order-shipping,
.item--order .order-total,
.item--order .order-status {
  line-height: 1.6em;
  margin-top: 0.3em;
}
.item--order .order-shipping {
  margin-top: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
}
.item--order .order-shipping .ardes-test {
  text-wrap: balance;
}

@media (min-width: 1240px) {
  .item--order {
    flex-direction: row;
    justify-content: space-between;
    gap: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  }
  .item--order .product-name a {
    text-decoration: none;
    color: #000;
    transition: color 0.3s ease;
  }
  .item--order .product-name a:visited {
    color: #000;
  }
  .item--order .product-name a:hover {
    color: var(--color-highlight);
  }
  .item--order .order-products {
    margin-top: 0;
  }
  .item--order .number-date-wrapper {
    flex-direction: column;
    justify-content: flex-start;
  }
  .item--order .order-shipping,
  .item--order .order-total,
  .item--order .order-status {
    margin-top: 0;
  }
  .item--order .order-shipping {
    max-width: 30%;
    display: flex;
    flex-direction: column;
    gap: 0.3em;
  }
  .item--order .order-shipping .mob-label {
    display: block;
  }
  .item--order .mob-label {
    display: none;
    color: #676767;
  }
}
/* BUNDLE
_________________________*/
.section--bundle .section__container {
  overflow: hidden;
  background: var(--color-block-bg);
  border-radius: 0.625rem;
  padding-top: clamp(1.06rem, 0.44rem + 2.67vw, 3.44rem);
  padding-bottom: clamp(0.94rem, 0.28rem + 2.81vw, 3.44rem);
  padding-left: clamp(0.75rem, 0.29rem + 1.96vw, 2.5rem);
  padding-right: clamp(0.75rem, 0.29rem + 1.96vw, 2.5rem);
}
.section--bundle .header-info-wrapper {
  display: flex;
  flex-direction: column;
  gap: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
}
.section--bundle header.section__header--arrows {
  justify-content: space-between;
  align-items: flex-end;
}
.section--bundle .nav-block {
  display: none;
}
.section--bundle .swiper {
  display: none;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.section--bundle .swiper.swiper-initialized {
  display: block;
  opacity: 1;
}
.section--bundle .swiper .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.section--bundle .swiper .swiper-slide .item-card {
  height: 100%;
  width: 100%;
}
.section--bundle .swiper .item-card {
  border-color: #fff;
}
.section--bundle h2.bottom_title {
  max-width: 600px;
  font-size: clamp(1.13rem, 1.03rem + 0.42vw, 1.5rem);
  font-weight: 600;
  line-height: 1.2em;
}
.section--bundle h2.bottom_title span {
  font-weight: inherit;
  color: var(--color-highlight);
}
.section--bundle .section__content {
  display: flex;
  flex-direction: column;
  gap: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
}
.section--bundle .section__content .tiles {
  display: flex;
  flex-direction: column;
  gap: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
}
.section--bundle .section__content .tiles .item {
  border-radius: 0.625rem;
  padding: clamp(0.94rem, 0.53rem + 1.75vw, 2.5rem);
  background-color: #fff;
  flex-grow: 1;
}
.section--bundle .section__content .tiles .item h3 {
  font-weight: 600;
  text-align: center;
  font-size: clamp(1rem, 0.93rem + 0.28vw, 1.25rem);
}
.section--bundle .section__content .tiles .item .i_desc {
  text-align: center;
  font-size: clamp(1rem, 0.97rem + 0.14vw, 1.13rem);
  margin-top: clamp(0.94rem, 0.82rem + 0.49vw, 1.38rem);
}
.section--bundle .section__content .details {
  width: 320px;
  flex-shrink: 0;
  padding: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(0.63rem, 0.54rem + 0.35vw, 0.94rem);
}
.section--bundle .section__content .details > h3 {
  font-weight: 500;
  font-size: clamp(1.13rem, 1.09rem + 0.14vw, 1.25rem);
}
.section--bundle .section__content .details .nds-price {
  display: flex;
  gap: 0.45rem;
  flex-direction: column;
}
.section--bundle .section__content .details .sale-price {
  font-size: clamp(0.81rem, 0.7rem + 0.49vw, 1.25rem);
  text-decoration: line-through;
  font-weight: 400;
  color: #A6A6A6;
  line-height: 1em;
}
.section--bundle .section__content .details .current-price {
  font-size: clamp(1.06rem, 0.85rem + 0.91vw, 1.88rem);
  color: var(--color-text-2);
  font-weight: 600;
  line-height: 1em;
}
.section--bundle .section__content .details .button {
  margin-top: 1em;
  width: 100%;
  justify-content: center;
}
@media (min-width: 1024px) {
  .section--bundle .nav-block {
    display: flex;
  }
  .section--bundle .section__content .tiles {
    flex-grow: 1;
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .section--bundle .section__content {
    flex-direction: row;
  }
}

/* BUNDLE
_________________________*/
.section--bundle_promo .b_status {
  border-radius: 0.375rem;
  color: #fff;
  background-color: #000;
  font-size: clamp(0.63rem, 0.56rem + 0.28vw, 0.98rem);
  padding: 0.446em 0.551em;
  line-height: 1em;
  width: max-content;
}
.section--bundle_promo .b_status.active {
  background-color: var(--color-accept);
}
.section--bundle_promo .b_status.inactive {
  background-color: #ff0000;
}
.section--bundle_promo .section__container {
  position: relative;
  overflow: hidden;
  background: var(--color-block-bg);
  border-radius: 0.625rem;
  padding-top: clamp(1.06rem, 0.44rem + 2.67vw, 2.44rem);
  padding-bottom: clamp(0.94rem, 0.28rem + 2.81vw, 2.44rem);
  padding-left: clamp(0.75rem, 0.29rem + 1.96vw, 2.5rem);
  padding-right: clamp(0.75rem, 0.29rem + 1.96vw, 2.5rem);
}
.section--bundle_promo .header-info-wrapper {
  display: flex;
  flex-direction: column;
  gap: clamp(0.94rem, 1.5rem + 0.35vw, 1.8rem);
}
.section--bundle_promo .header-info-wrapper h3 {
  font-size: clamp(1.13rem, 1.03rem + 0.42vw, 1.5rem);
  font-weight: 500;
}
.section--bundle_promo header.section__header--arrows {
  justify-content: space-between;
  align-items: flex-end;
}
.section--bundle_promo .nav-block {
  display: none;
}
.section--bundle_promo .swiper {
  display: none;
  overflow: visible;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.section--bundle_promo .swiper.swiper-initialized {
  display: block;
  opacity: 1;
}
.section--bundle_promo .swiper .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.section--bundle_promo .swiper .swiper-slide .item-card {
  height: 100%;
  width: 100%;
}
.section--bundle_promo .swiper .item-card {
  border-color: #fff;
}
.section--bundle_promo h2.bottom_title {
  max-width: 600px;
  font-size: clamp(1.13rem, 1.03rem + 0.42vw, 1.5rem);
  font-weight: 600;
  line-height: 1.2em;
}
.section--bundle_promo h2.bottom_title span {
  font-weight: inherit;
  color: var(--color-highlight);
}
.section--bundle_promo .section__content {
  display: flex;
  flex-direction: column;
  gap: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
}
.section--bundle_promo .section__content .tiles {
  display: flex;
  flex-direction: column;
  gap: clamp(0.94rem, 0.86rem + 0.35vw, 1.25rem);
}
.section--bundle_promo .section__content .tiles .item {
  border-radius: 0.625rem;
  padding: clamp(1.25rem, 0.76rem + 2.11vw, 3.13rem);
  background-color: #fff;
  flex-grow: 1;
}
.section--bundle_promo .section__content .tiles .item h3 {
  font-weight: 500;
  text-align: center;
  font-size: clamp(1rem, 0.93rem + 0.28vw, 1.25rem);
}
.section--bundle_promo .section__content .tiles .item .i_desc {
  text-align: center;
  font-size: clamp(1rem, 0.97rem + 0.14vw, 1.13rem);
  margin-top: clamp(0.94rem, 0.82rem + 0.49vw, 1.38rem);
}
.section--bundle_promo .section__content .details {
  width: 320px;
  flex-shrink: 0;
  padding: clamp(1.25rem, 1.09rem + 0.7vw, 1.88rem);
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  gap: clamp(0.63rem, 0.54rem + 0.35vw, 0.94rem);
}
.section--bundle_promo .section__content .details > h3 {
  font-weight: 500;
  font-size: clamp(1.13rem, 1.09rem + 0.14vw, 1.25rem);
}
.section--bundle_promo .section__content .details .nds-price {
  display: flex;
  gap: 0.45rem;
  flex-direction: column;
}
.section--bundle_promo .section__content .details .sale-price {
  font-size: clamp(0.81rem, 0.7rem + 0.49vw, 1.25rem);
  text-decoration: line-through;
  font-weight: 400;
  color: #A6A6A6;
  line-height: 1em;
}
.section--bundle_promo .section__content .details .current-price {
  font-size: clamp(1.06rem, 0.85rem + 0.91vw, 1.88rem);
  color: var(--color-text-2);
  font-weight: 600;
  line-height: 1em;
}
.section--bundle_promo .section__content .details .button {
  margin-top: 1em;
  width: 100%;
  justify-content: center;
}
@media (min-width: 576px) {
  .section--bundle_promo .section__container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  .section--bundle_promo .section__container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) {
  .section--bundle_promo .nav-block {
    display: flex;
  }
  .section--bundle_promo .section__content .tiles {
    flex-grow: 1;
    flex-direction: row;
  }
  .section--bundle_promo .b_status {
    right: 10px;
  }
}
@media (min-width: 1280px) {
  .section--bundle_promo .section__container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .section--bundle_promo .section__container .b_status {
    right: 20px;
  }
}
@media (min-width: 1440px) {
  .section--bundle_promo .section__content {
    flex-direction: row;
  }
}
@media (min-width: 1800px) {
  .section--bundle_promo .section__container {
    padding-left: 32px;
    padding-right: 32px;
  }
  .section--bundle_promo .section__container .b_status {
    right: 32px;
  }
}

/* F152
_________________________*/
.f152-banner .f152-banner__message a,
.f152-popup__content .f152-popup__intro a {
  color: var(--color-highlight);
}

.f152-banner .f152-btn--accept,
.f152-popup .f152-btn--accept,
.f152-banner .f152-btn--save,
.f152-popup .f152-btn--save {
  background-color: var(--color-highlight) !important;
}

.f152-banner .f152-btn--settings, .f152-popup .f152-btn--settings {
  color: var(--color-highlight) !important;
}