/* Jet Cache: catalog/view/theme/default/stylesheet/leaflet.css */
.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(https://wonderfull.coffee/catalog/view/theme/default/stylesheet/#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform 0.25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform 0.25s cubic-bezier(0,0,.25,1);transition:transform 0.25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078A8}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-container{font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:bold 18px 'Lucida Console',Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(https://unpkg.com/leaflet@1.9.4/dist/images/layers.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(https://unpkg.com/leaflet@1.9.4/dist/images/layers-2x.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,.8);text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:17px 0;margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* Jet Cache: catalog/view/theme/default/stylesheet/style.css */
/* @import url(https://unpkg.com/leaflet@1.9.4/dist/leaflet.css); */

@charset "UTF-8";












.catalog__filter.catalog-filter {
  z-index: 50;
}
.item-history__status::before,
.checkbox:has(.checkbox__input:checked)::before,
.btn-link::after,
[class*="_icon-"]:before {
  font-family: "icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*="_icon-"]:before {
  display: block;
}

._icon-clear:before {
  content: "\e913";
}

._icon-cross:before {
  content: "\e913";
}

._icon-play:before {
  content: "\e912";
}

._icon-arrow-right:before {
  content: "\e90e";
}

._icon-success:before {
  content: "\e90f";
}

._icon-truck:before {
  content: "\e910";
}

._icon-clock:before {
  content: "\e911";
}

._icon-arrow-up:before {
  content: "\e900";
}

._icon-cart:before {
  content: "\e901";
}

._icon-lines:before {
  content: "\e902";
}

._icon-map-marker:before {
  content: "\e903";
}

._icon-phone:before {
  content: "\e904";
}

._icon-refresh:before {
  content: "\e905";
}

._icon-search:before {
  content: "\e906";
}

._icon-s-facebook:before {
  content: "\e907";
}

._icon-share:before {
  content: "\e908";
}

._icon-s-inst:before {
  content: "\e909";
}

._icon-s-telegram:before {
  content: "\e90a";
}

._icon-s-tiktok:before {
  content: "\e90b";
}

._icon-s-twitter:before {
  content: "\e90c";
}

._icon-user:before {
  content: "\e90d";
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  min-width: 320px;
  background-color: #1b1a1a;
}

body {
  color: #fff;
  line-height: 0.9;
  font-family: "FixelDisplay";
  font-size: 1rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
textarea {
  width: 100%;
}

button,
input,
textarea {
  font-family: "FixelDisplay";
  font-size: inherit;
  line-height: inherit;
  background-color: transparent;
  outline: none;
}

input[type="submit"],
button {
  cursor: pointer;
  color: inherit;
  background-color: transparent;
}

a {
  color: inherit;
  text-decoration: none;
}

ul li {
  list-style: none;
}

svg,
img {
  max-width: 100%;
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

/* Chrome, Safari, Edge, Opera */

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

/* Firefox */

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

* {
  min-width: 0;
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*::before,
*::after {
  display: inline-block;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  color: #fff;
  line-height: 1;
  font-family: "FixelDisplay";
  font-size: 1rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: "FixelDisplay";
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: transparent;
}

input,
textarea {
  width: 100%;
}

button,
select,
option {
  cursor: pointer;
}

a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

.lock body {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

.wrapper {
  position: relative;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}

.wrapper > main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.wrapper > * {
  min-width: 0;
}

/*
(i) Стилі будуть застосовуватись до
всіх класів, що містять *__container
Наприклад header__container, main__container і т.п.
Сніппет (HTML): cnt
*/

.container {
  max-width: 81.875rem;
  margin: 0 auto;
  padding: 0 0.9375rem;
}

[class*="__container"] {
  max-width: 81.875rem;
  margin: 0 auto;
  padding: 0 0.9375rem;
}

[class*="__container"] {
  position: relative;
  z-index: 2;
}

.select {
  min-width: 0;
  position: relative;
  z-index: 10;
}

.select.select_field {
  min-width: 10rem;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.select.select_translate {
  -webkit-transform: translateX(-0.9375rem);
  -ms-transform: translateX(-0.9375rem);
  transform: translateX(-0.9375rem);
}

.select_product {
  -webkit-transform: translateX(-0.9375rem);
  -ms-transform: translateX(-0.9375rem);
  transform: translateX(-0.9375rem);
}

.select__body {
  position: relative;
}

.select__title {
  color: inherit;
  text-align: left;
  border-radius: 0.625rem 0.625rem 0 0;
  cursor: pointer;
  width: 100%;
}

.select_field .select__title {
  color: rgba(255, 255, 255, 0.3);
}

.select_field .select__title::after {
  content: "";
  position: absolute;
  height: 0.0625rem;
  width: calc(100% - 1.875rem);
  top: 100%;
  left: 0.9375rem;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

._select-active .select__title {
  color: #fff;
}

.select__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  font-size: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 1.875rem;
  padding: 0.9375rem;
  gap: 0.625rem;
}
.select_product-card .select__value {
  font-size: 0.625rem;
  padding: 0.625rem;
}
.select__value:has(.select__input) {
  padding-top: 0.7375rem;
  padding-bottom: 0.7375rem;
}

.select__value > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.select__value:after {
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 0;
  height: 0;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.25rem solid #fff;
}

._select-open .select__value:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.select__value._select-pseudo-label::before {
  content: attr(data-pseudo-label);
  opacity: 0.5;
}

.select__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.select__text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select__input {
  width: 100%;
  background-color: transparent;
  height: 100%;
  font-size: 1rem;
}

.select__options {
  color: #fff;
  position: absolute;
  top: calc(100% - 0.0625rem);
  border-radius: 0 0 0.625rem 0.625rem;
  min-width: 100%;
  left: 0;
  background-color: #121111;
  padding: 0.9375rem;
}
.select_product-card .select__options {
  padding: 0.625rem;
}
.selected_pomol{
  font-size: 12px;
    padding: 8px 20px;
}
.shop-card,
.shop-card .shop-card__btn {
  width: 100%;
}
/* Кастомізація скролбару для елемента .select__scroll */
.select__scroll::-webkit-scrollbar {
  width: 10px; /* ширина вертикального скролбару */
  height: 10px; /* висота горизонтального скролбару */
}

/* Кастомізація фону скролбару */
.select__scroll::-webkit-scrollbar-track {
  background: #f47953; /* колір фону треку */
  border-radius: 10px; /* радіус округлення треку */
}

/* Кастомізація скролбара (рукоятка) */
.select__scroll::-webkit-scrollbar-thumb {
  background-color: white; /* колір рукоятки */
  border-radius: 10px; /* радіус округлення рукоятки */
  border: 3px solid #f47953; /* колір і товщина рамки навколо рукоятки */
}

/* Кастомізація рукоятки на hover */
.select__scroll::-webkit-scrollbar-thumb:hover {
  background-color: white; /* колір рукоятки при наведенні */
}

.select__scroll {
  overflow-y: auto;
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  max-height: 100px !important;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.9375rem;
  max-height: 12.8rem;
}
.options_container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.select__option {
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: inherit;
  line-height: 1.357;
}
.select_product-card .select__option {
  font-size: 0.625rem;
}
.select_field .select__option {
  font-size: 1rem;
}

.select__option._select-selected {
  background-color: #eee;
}

.select__row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.select--show-top .select__title {
  border-radius: 0 0 0.625rem 0.625rem;
}

.select--show-top .select__options {
  top: auto;
  bottom: calc(100% - 0.0625rem);
  border-radius: 0.625rem 0.625rem 0 0;
}

.select._select-open .select__title {
  background-color: #121111;
}

._select-tag {
  cursor: pointer;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
  transform-style: flat;
}

/* Offset direction
 */

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */

.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  right: -17px;
  top: -6px;
  width: 1.25rem !important;
  height: 0.8125rem !important;
  background: #f47953 !important;
  border-radius: 1.875rem !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  cursor: -webkit-grab !important;
  cursor: grab !important;
}

.noUi-horizontal .noUi-handle::before,
.noUi-horizontal .noUi-handle::after {
  display: none !important;
}

.noUi-horizontal .noUi-handle.noUi-active {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}

.noUi-target {
  height: 0.0625rem !important;
  background: #fff !important;
  border-radius: 0 !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.noUi-connect {
  background: #f47953 !important;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3fb8af;
}

/* Handles and cursors;
 */

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  cursor: default;
}

/* Handle stripes;
 */

.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #e8e7e6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */

[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */

.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */

.noUi-marker {
  position: absolute;
  background: #ccc;
}

.noUi-marker-sub {
  background: #aaa;
}

.noUi-marker-large {
  background: #aaa;
}

/* Horizontal layout;
 *
 */

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  -ms-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

.tabs__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4.6875rem;
  gap: 2.5rem;
}

.tabs__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2.5rem;
  position: relative;
  z-index: 2;
  margin-bottom: 4.6875rem;
}

.tabs__title {
  padding: 0.4375rem 0;
  border-bottom: 0.0625rem solid transparent;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  color: rgba(255, 255, 255, 0.2);
  font-weight: 700;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0.875rem;
}

.tabs__title._tab-active {
  color: #fff;
  border-bottom-color: #fff;
}

.tabs__dropdown {
  border-bottom: 0.0625rem solid transparent;
  color: rgba(255, 255, 255, 0.2);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: -0.875rem;
}

[class*="-ibg"] {
  position: relative;
}

[class*="-ibg"] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

[class*="-ibg--contain"] img {
  -o-object-fit: contain;
  object-fit: contain;
}

.ibg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ibg--top {
  -o-object-position: top;
  object-position: top;
}

.ibg--bottom {
  -o-object-position: bottom;
  object-position: bottom;
}

.ibg--left {
  -o-object-position: left;
  object-position: left;
}

.ibg--right {
  -o-object-position: right;
  object-position: right;
}

.ibg--contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.ibg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ibg--top {
  -o-object-position: top;
  object-position: top;
}

.ibg--bottom {
  -o-object-position: bottom;
  object-position: bottom;
}

.ibg--left {
  -o-object-position: left;
  object-position: left;
}

.ibg--right {
  -o-object-position: right;
  object-position: right;
}

.ibg--contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.brand-barista__text::before,
.slider-about__button,
.item-locations__button,
.promocode__close,
.tabs-account__title span,
.gallery-swiper__pagination,
.gallery-swiper__button,
.content-article__deco-text::before,
.social-sticky__link,
.item-blog__image-link::before,
.cart-popup__title span,
.radiobox__marker,
.checkbox::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.popup__text > a {
  text-decoration: underline;
  text-decoration-color: inherit;
  -webkit-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.title-md,
.slider-block__title,
.product-block__title-lg,
.catalog-hero__title,
.product-slider__title,
.who__title {
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 4.0625rem;
  line-height: 0.9;
  text-transform: uppercase;
}

@media(max-width: 900px)
{
  .who__title{
    font-size: 50px;
  }
}

._text-link {
  overflow: hidden;
}

._text-link span {
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

._text-link span::before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  color: #f47953;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.title,
.catalog-filter__title,
.course-home-card__title {
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 0.9;
  text-transform: uppercase;
}

.text,
.contact-form__text,
.offline-card__address,
.course-home-card__text {
  font-size: 0.875rem;
  line-height: 130%;
}

.wrapper--bg {
  position: relative;
}

.wrapper--bg::after {
  height: 100%;
  width: 100%;
  max-width: 80vw;
  max-height: 39.75rem;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/bg/hero-decor.png") top left/contain no-repeat;
}

.wrapper--bg .header,
.wrapper--bg .page {
  z-index: 1;
}

.wrapper--bg .page {
  position: relative;
}

.wrapper--bg .page .container {
  position: relative;
  z-index: 1;
}

.wrapper--bg-pink {
  position: relative;
}

.wrapper--bg-pink::before {
  content: "";
  height: 100%;
  width: 100%;
  max-width: 80vw;
  max-height: 39.75rem;
  top: 0;
  right: 0;
  position: absolute;
  pointer-events: none;
  z-index: 2;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/pink-top-bg.png") top right/contain no-repeat;
}

.wrapper--contacts {
  position: relative;
}

.wrapper--contacts::after {
  content: "";
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/contacts/red-bg.png") no-repeat top right/contain;
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  aspect-ratio: 903/933;
  pointer-events: none;
}

.wrapper--shipping-info::before {
  content: "";
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/shipping-info/orange-bg.png") no-repeat top
    left/contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 65%;
  aspect-ratio: 966/661;
  pointer-events: none;
}

.wrapper--course::before {
  content: "";
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/course/orange-bg.png") no-repeat top left/contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 75%;
  aspect-ratio: 1072/603;
  pointer-events: none;
}

.text-vertical,
.product-slider__text-vertical {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 130%;
}

.section-margin,
.product-slider,
.shop {
  margin: 14.375rem 0;
  position: relative;
}

.section-margin-sm,
.product__contacts {
  margin: 6.25rem 0;
}

.swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.125rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.swiper-pagination .swiper-pagination-bullet {
  border-radius: 50%;
  width: 0.4375rem;
  height: 0.4375rem;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}

.shop .dropdown {
  position: relative;
  z-index: 2;
}

.shop .dropdown__title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  font-size: 0.875rem;
  border-radius: 0.625rem 0.625rem 0 0;
  border-bottom: 0.0625rem solid transparent;
  font-weight: 700;
  padding: 0.4375rem 2.5rem 0.4375rem 0.875rem;
}

.shop .dropdown__title::after {
  content: "";
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.25rem solid rgba(255, 255, 255, 0.2);
}

.shop .dropdown__title:hover {
  color: #f47953;
}

.shop .dropdown__title:hover::after {
  border-top-color: #f47953;
}

.shop .dropdown__menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  white-space: nowrap;
  display: none;
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: #121111;
  padding: 0.625rem 0.875rem 1.5rem;
}

.shop .dropdown__menu li {
  cursor: pointer;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.357;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.shop .dropdown__menu li:hover {
  color: #f47953;
}

.shop .dropdown__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.9375rem;
}

.shop .dropdown.show-menu .dropdown__title {
  background-color: #121111;
  color: #fff;
}

.shop .dropdown.show-menu .dropdown__title::after {
  border-top-color: #fff;
}

.shop .dropdown.show-menu .dropdown__menu {
  display: block;
}

.wrapper--order {
  position: relative;
}

.wrapper--order::before {
  pointer-events: none;
  content: "";
  position: absolute;
  width: 100%;
  aspect-ratio: 1366/442;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/bg/order-bg.png") no-repeat top left/contain;
  z-index: 2;
}

.wrapper--order-done {
  position: relative;
}

.wrapper--order-done::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  min-width: 43.75rem;
  aspect-ratio: 1223/680;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/bg/order-done-decor.png") no-repeat top left/contain;
  z-index: 2;
}

.wrapper--locations {
  position: relative;
}

.wrapper--locations::before {
  content: "";
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/location/red-bg.png") no-repeat top left/contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  aspect-ratio: 1202/616;
  pointer-events: none;
}

.wrapper--refund {
  position: relative;
}

.wrapper--refund::before {
  content: "";
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/location/red-bg.png") no-repeat top left/contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  aspect-ratio: 1202/616;
  pointer-events: none;
}

.wrapper--refund::after {
  content: "";
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/location/pink-bg.png") no-repeat top right/contain;
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  aspect-ratio: 903/933;
  pointer-events: none;
}

.wrapper--partners {
  position: relative;
}

.wrapper--partners::before {
  content: "";
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/location/red-bg.png") no-repeat top left/contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  aspect-ratio: 1202/616;
  pointer-events: none;
}

.wrapper__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  min-height: 42.4375rem;
  -o-object-position: center;
  object-position: center;
  aspect-ratio: 1366/725;
}

.counter {
  gap: 0.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (2.5rem) [3];
  grid-template-columns: repeat(3, 2.5rem);
}

.cart_counter {
  gap: 0.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (2.5rem) [3];
  grid-template-columns: repeat(3, 2.5rem);
}

.counter--cart {
  -ms-grid-columns: (2.1875rem) [3];
  grid-template-columns: repeat(3, 2.1875rem);
}

.counter--cart .counter__btn {
  width: 2.1875rem;
}

.counter__btn {
  width: 2.5rem;
  aspect-ratio: 1/1;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.counter__btn:hover {
  background-color: #f47953;
}

.counter input {
  text-align: center;
  font-weight: 500;
  line-height: 1.375;
  color: #fff;
}
.cart_counter input {
  text-align: center;
  font-weight: 500;
  line-height: 1.375;
  color: #fff;
}

.empty {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.block {
  background: rgba(243, 237, 228, 0.07);
  border-radius: 1.25rem;
  padding: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}

.block__col {
  gap: 10px;
  flex-direction: column;
  display: flex;
  /* width: -webkit-fit-content;
  width: -moz-fit-content; */
  width: 100%;
}

.block__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
}

.block__item {
  display: -ms-grid;
  display: grid;
  grid-template-columns: 30% 70%;
  gap: 0.9375rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.block__title {
  font-weight: 500;
  line-height: 1.375;
  color: rgba(255, 255, 255, 0.4);
}

.block__radio {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.357;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}

.block__radio span {
  height: 2rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.125rem 0.875rem;
  border-radius: 3.125rem;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  border: 0.0625rem solid rgba(255, 255, 255, 0.1);
}

.block__radio input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  left: 0;
  top: 0;
}

.block__radio input:checked + span {
  border-color: #f47953;
  background-color: #f47953;
}

.block__price {
  padding: 0.6875rem 0 0.3125rem;
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.08);
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.08);
}

.block__body {
  justify-content: space-between;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
  row-gap: 0.3125rem;
}

.block__price-item {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.357;
}

.block__price-item span {
  display: block;
  font-size: 0.75rem;
  line-height: 1.417;
  color: rgba(255, 255, 255, 0.4);
}

.block__sum {
  margin-bottom: -0.3125rem;
  font-weight: 700;
  font-size: 2.375rem;
  line-height: 1.368;
  white-space: nowrap;
}

.block__sum sup {
  font-size: 1.1875rem;
  color: rgba(255, 255, 255, 0.4);
  position: relative;
  display: none;
}

.block__sum sup::after {
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  content: "";
  position: absolute;
  width: 1.875rem;
  height: 0px;
  width: 2.125rem;
  height: 0.0625rem;
  background-color: #7f7f7e;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.block__sum.sale {
  color: #f47953;
}

.block__sum.sale sup {
  display: inline;
}
.block__sum.special .special_price::after {
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  content: "";
  position: absolute;
  width: 1.875rem;
  height: 0px;
  width: 2.125rem;
  height: 0.0625rem;
  background-color: #7f7f7e;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.block__sum.special span{
  position: relative;
  color: #FF4A39;
}
.block__sum.special .special_price{
  color: #7F7F7E;
  font-size: 19px;
}
.block__sum.special .special_price span{
  color: #7F7F7E;
  font-size: 19px;
}
.block__sum.special{
  gap: 14px;
  align-items: start;
  flex-direction: row;
  display: flex;
}
.block__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.block__bottom {
  justify-content: space-between;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.9375rem;
}

.label {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.417;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.label--new {
  width: 2.3125rem;
  height: 2.3125rem;
  background: #52c68f;
  border-radius: 0.625rem;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.label span {
  rotate: -45deg;
}

.label--sale {
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/icons/sale.svg") center/contain no-repeat;
  min-height: 1.75rem;
  min-width: 3.625rem;
}

.label-lg {
  padding: 0.3125rem;
  height: 2.5rem;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.353;
  z-index: 4;
  min-width: 5.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  position: relative;
  cursor: default;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/icons/sale.svg") center/contain no-repeat;
}

.word {
  white-space: nowrap;
}

.scroller {
  width: 100%;
  font-weight: 600;
  line-height: 100%;
  font-size: 3rem;
}

.scroller--back {
  font-size: 96px;
  color: rgba(255, 255, 255, 0.1);
}

.scroller__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem;
}

.scroller[data-animated="true"] {
  overflow: hidden;
}

.scroller[data-animated="true"] .scroller__inner {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  animation: scroll 60s reverse linear infinite;
}

.scroller--back .scroller[data-animated="true"] .scroller__inner {
  -webkit-animation-duration: 70s;
  animation-duration: 70s;
}

@-webkit-keyframes scroll {
  to {
    -webkit-transform: translate(calc(-50% - 0.5rem));
    transform: translate(calc(-50% - 0.5rem));
  }
}

@keyframes scroll {
  to {
    -webkit-transform: translate(calc(-50% - 0.5rem));
    transform: translate(calc(-50% - 0.5rem));
  }
}

.language-select {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.language-select__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
  padding: 0.625rem;
  border-radius: 0.625rem 0.625rem 0 0;
}

.language-select__item.open {
  background-color: #121111;
}

.language-select__item.open .language-select__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.language-select__trigger {
  font-size: 0.9375rem;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  gap: 0.5rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.language-select__trigger::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.25rem solid #d9d9d9;
  -webkit-transition: border-top-color 0.3s;
  transition: border-top-color 0.3s;
}

.language-select__trigger:hover {
  color: #f47953;
}

.language-select__trigger:hover::after {
  border-top-color: #f47953;
}

.language-select__options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  gap: 0.625rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 10;
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: #121111;
  padding: 0.625rem;
}

.language-select__option {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
}

.language-select__option:hover {
  color: #f47953;
}

.language-select__option.selected {
  display: none;
}

.btn {
  height: 2.5rem;
  background: #121111;
  border-radius: 3.125rem;
  min-width: 2.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.625rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.4375rem;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.4;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.btn .badge {
  color: #fff;
}

.btn svg {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.btn svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.btn--accent {
  background-color: #f47953;
  color: #fff;
}

.btn--dark {
  background-color: #000;
}

.btn-lg {
  height: 3.125rem;
  background: #121111;
  border-radius: 3.125rem;
  min-width: 3.125rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.625rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  gap: 0.4375rem;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.4;
}

.btn-lg--accent {
  background-color: #f47953;
  color: #fff;
}

.btn-lg--dark {
  background-color: #000;
  color: #fff;
}

.btn-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.1875rem;
  background-color: #f47953;
  border-radius: 3.125rem;
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 120%;
  text-transform: uppercase;
  padding: 0.75rem 0.9375rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-link::after {
  display: inline-block;
  content: "\e900";
  font-size: 0.8125rem;
}

.badge {
  border-radius: 50%;
  width: 1.25rem;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 0.8125rem;
  background-color: #121111;
  line-height: 1;
}

.link,
.link-lg {
  padding: 0.75rem;
  font-family: "Ermilov";
  background-color: #fff;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 120%;
  text-transform: uppercase;
  color: #201f1f;
  border-radius: 3.125rem;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  display: inline-block;
  border: 0.0625rem solid transparent;
}

.link--accent {
  color: #fff;
  background-color: #f47953;
}
.link--accent.green {
  color: #fff;
  width: 100%;
  background-color: #51653f;
}
.link--dark {
  background-color: #121111;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.1);
}

.link--border {
  border: 0.0625rem solid rgba(255, 255, 255, 0.17);
  background-color: transparent;
  color: #fff;
}

.link-lg {
  padding: 0.8125rem 2rem;
  height: 2.5rem;
}

.link-lg--accent {
  color: #fff;
  background-color: #f47953;
}

.remove-btn,
.tag {
  height: fit-content;
  min-height: 2.125rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0.0625rem solid rgba(255, 255, 255, 0.1);
  position: relative;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.tag {
  border-radius: 3.125rem;
  padding: 0.125rem 1.5rem 0;
  font-family: "Ermilov";
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.357;
}

.tag:not(:has(input:disabled)) {
  cursor: pointer;
}

.tag input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  left: 0;
  top: 0;
}

.tag.checked {
  background-color: #f47953;
  border-color: #f47953;
}

.tag--sm {
  font-size: 0.875rem;
  text-transform: none;
  font-weight: 400;
  min-height: 1.6875rem;
  font-family: "FixelDisplay";
  padding: 0.125rem 1.1875rem 0;
}

.tag--accent {
  background-color: #f47953;
  border-color: #f47953;
}

.tag--black {
  border-color: #1c1b1b;
  color: #fff;
  background-color: #1c1b1b;
}

.tag--pi-none {
  pointer-events: none;
  cursor: default;
}

.remove-btn {
  border-radius: 50%;
  aspect-ratio: 1/1;
}

.remove-btn.hidden {
  display: none;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.875rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.pagination a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 120%;
  text-transform: uppercase;
  border-radius: 50%;
  width: 1.75rem;
  aspect-ratio: 1/1;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.pagination a.active {
  background-color: #f47953;
}

.btn-next {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  background-color: #fff;
  height: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.9375rem;
  border-radius: 3.125rem;
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 120%;
  text-transform: uppercase;
  color: #111111;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  min-width: 6.4375rem;
}

.btn-next::after {
  content: "";
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  display: inline-block;
  width: 0;
  height: 0;
  rotate: -90deg;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.25rem solid #111111;
}

.shop-card {
  -webkit-perspective: 62.5rem;
  perspective: 62.5rem;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}

.shop-card__decors-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.9375rem;
}

.shop-card__info {
  line-height: 1.42;
  font-weight: 500;
  font-size: 0.75rem;
  margin-bottom: 2.3125rem;
}

.shop-card__info-title {
  margin-bottom: 0.5rem;
  color: rgba(255, 255, 255, 0.4);
}

.shop-card__items {
  display: -ms-grid;
  display: grid;
  gap: 0.5rem;
  margin-bottom: 2.3125rem;
}

.shop-card__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.42;
}

.shop-card__item-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
}

.shop-card__item-rating span {
  width: 0.4375rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

.shop-card__add {
  text-align: center;
  background-color: #fff;
  border-radius: 3.125rem;
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 120%;
  text-transform: uppercase;
  color: #111111;
  display: block;
  width: 100%;
  padding: 0.625rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.shop-card__decor-img {
  width: 3.75rem;
  border-radius: 50%;
  aspect-ratio: 1/1;
  background-color: #d9d9d9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}

.shop-card__decor-img picture,
.shop-card__decor-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.shop-card__decor-img:not(:first-child) {
  margin-left: -0.875rem;
}


.shop-card__front,
.shop-card__back {
  border-radius: 1.25rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 1.25rem;
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}

.shop-card__front {
  background: rgba(243, 237, 228, 0.07);
  height: 100%;
  /* aspect-ratio: 29/39; */
}

.shop-card__back {
  position: absolute;
  top: 0;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  background-color: #f47953;
}

.shop-card__img {
  margin-bottom: 1.875rem;
  aspect-ratio: 250/240;
  position: relative;
  width: 100%;
}

.shop-card__img .label,
.shop-card__img .label-lg {
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
}

.shop-card__img picture,
.shop-card__img img {
  width: 100%;
  height: 100%;
  border-radius: 0.625rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.shop-card__title {
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 0.625rem;
}

.shop-card__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.625rem;
  margin-top: auto;
  min-height: 1.75rem;
}

.shop-card__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* height: 1.75rem; */
  border: 0.0625rem solid rgba(255, 255, 255, 0.05);
  border-radius: 1.875rem;
}

.shop-card__price {
  font-weight: 700;
  font-size: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  color: #f47953;
}

.shop-card__price span {
  color: rgba(255, 255, 255, 0.4);
  position: relative;
  display: none;
}

.shop-card__price span::after {
  position: absolute;
  top: 40%;
  left: 40%;
  translate: -50% -50%;
  content: "";
  background-color: #7f7f7e;
  width: 1.75rem;
  height: 0.0625rem;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.shop-card__back .shop-card__price span::after {
  background-color: #fbc9ba;
}

.shop-card__price.sale span {
  display: block;
}

.shop-card__btn {
  position: relative;
  margin: -0.0625rem;
  font-weight: 700;
  text-wrap: nowrap;
  font-size: 12px;
  border-radius: 3.125rem;
  padding: 0.375rem 0.625rem;
  display: inline-block;
  text-align: center;
}

.shop-card__btn input:checked,
.shop-card__btn.active {
  background-color: #f47953;
}

.shop-card__btn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.shop-card__back .shop-card__btn:has(input:checked) {
  background-color: #fff;
  color: #121111;
}
.shop-card__back .shop-card__bottom {
  align-items: start;
  flex-direction: column;
  display: flex;
}
.shop-card__back .shop-card__bottom .select__value {
  font-size: 12px;
  font-weight: 600;
}
.shop-card__back .shop-card__price {
  color: #fff;
}

.shop-card__disable-text {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.357;
  color: rgba(255, 255, 255, 0.2);
}

.shop-card.disabled {
  /* pointer-events: none; */
}

.shop-card.disabled .shop-card__img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.course-home-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5625rem;
}

.course-home-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.9375rem;
}

.course-home-card__date {
  font-weight: 700;
  font-size: 0.875rem;
}

.course-home-card__btn {
  width: 9.6875rem;
  display: inline-block;
  text-align: center;
}

.offline-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.08);
  padding: 3.75rem;
  height: 100%;
  gap: 1.375rem;
}

.offline-card__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 6.75rem;
  max-width: 11.5rem;
}

.offline-card__icon {
  right: 1.1875rem;
  top: 1.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.offline-card__icon:hover {
  background-color: #f47953;
  border-color: #f47953;
}

.offline-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.3125rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.offline-card__title {
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
}

.offline-card__address {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.2);
}

.recipe-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5625rem;
}

.recipe-card__img {
  border-radius: 1.25rem;
  overflow: hidden;
  position: relative;
  aspect-ratio: 400/225;
}
.recipe-card__img::before {
  font-size: 1.0625rem;
  position: absolute;
  left: 0.625rem;
  bottom: 0.625rem;
  width: 3.125rem;
  height: 3.125rem;
  background-color: #f47953;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform ease 0.3s;
  transition: -webkit-transform ease 0.3s;
  transition: transform ease 0.3s;
  transition: transform ease 0.3s, -webkit-transform ease 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
}

.recipe-card__img img {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recipe-card__title {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 1.125rem;
  text-transform: uppercase;
}

.field {
  width: 100%;
  position: relative;
}

.field--phone input {
  padding-left: 2.8125rem;
}

.field--phone::before {
  content: "+380";
  position: absolute;
  font-size: 1rem;
  bottom: 0.8125rem;
  left: 0;
  color: rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}

.field--phone:has(input:not(:-moz-placeholder-shown))::before {
  opacity: 1;
  visibility: visible;
}

.field--phone:has(input:not(:-ms-input-placeholder))::before {
  opacity: 1;
  visibility: visible;
}

.field--phone:has(input:focus)::before,
.field--phone:has(input:not(:placeholder-shown))::before {
  opacity: 1;
  visibility: visible;
}

.field input {
  padding-top: 0.625rem;
  padding-bottom: 0.5625rem;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  font-size: 1rem;
}

.field input:disabled {
  color: rgba(255, 255, 255, 0.3);
}

.field input:focus + .field__label {
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  top: 0;
}

.field input:not(:-moz-placeholder-shown) + .field__label {
  transform-origin: top left;
  transform: scale(0.6);
  top: 0;
}

.field input:not(:-ms-input-placeholder) + .field__label {
  -ms-transform-origin: top left;
  transform-origin: top left;
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  top: 0;
}

.field input:focus + .field__label,
.field input:not(:placeholder-shown) + .field__label {
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  top: 0;
}

.field__label {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  pointer-events: none;
  font-size: 1rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: rgba(255, 255, 255, 0.3);
  text-wrap: nowrap;
}

.field__error {
  position: absolute;
  left: 0;
  top: calc(100% + 0.25rem);
  color: #ff6060;
  font-family: "FixelDisplay";
  font-size: 0.625rem;
  font-weight: 400;
  text-align: left;
}

.field:has(.field__error) input {
  border-bottom-color: #ff6060;
}

.field.field--fz14.field--phone input {
  padding-left: 2.5rem;
}

.field.field--fz14 input,
.field.field--fz14 .field__label,
.field.field--fz14::before {
  font-size: 0.875rem;
}

.field.field--fz24 input,
.field.field--fz24 .field__label,
.field.field--fz24::before {
  font-size: 1.5rem;
}

.field.field--fz24.field--phone input {
  padding-left: 4.0625rem;
}

.field.field--fz24.field--phone::before {
  bottom: 0.9375rem;
}

.field.field--fz24 input {
  padding-top: 1.125rem;
}

.contacts-block {
  margin: 0 auto;
  position: relative;
  max-width: 63.4375rem;
}

.filter-checkbox {
  position: relative;
  cursor: pointer;
}

.filter-checkbox input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  top: 0;
  left: 0;
}

.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  gap: 0.9375rem;
}

.checkbox:has(.checkbox__input:checked)::before {
  content: "\e90f";
  background-color: #f47953;
}

.checkbox::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0.625rem;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 0.3125rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.2);
}

.checkbox__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.radiobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  gap: 1rem;
}

.radiobox:has(.radiobox__input:checked) .radiobox__marker::before {
  opacity: 1;
}

.radiobox__marker {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0.625rem;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  border: 0.0625rem solid rgba(255, 255, 255, 0.2);
}

.radiobox__marker::before {
  content: "";
  background-color: #f47953;
  border-radius: 50%;
  width: 0.75rem;
  height: 0.75rem;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.radiobox__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
  position: relative;
  z-index: 3;
}

.breadcrumbs--about {
  position: static;
  padding-left: 2.0625rem;
  padding-right: 2.0625rem;
}

.breadcrumbs li {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.8);
  position: relative;
}

.breadcrumbs li:not(:last-child) {
  padding-right: 0.9375rem;
}

.breadcrumbs li:not(:last-child)::after {
  position: absolute;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  content: "";
  width: 0.1875rem;
  height: 0.25rem;
  border-style: solid;
  border-width: 2px 0 2px 3.5px;
  border-color: transparent transparent transparent #fff;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.breadcrumbs li:last-child {
  color: rgba(255, 255, 255, 0.3);
}

.contact-map__map {
  position: absolute;
  top: 0.3125rem;
  width: 100%;
  height: 100%;
  background-color: #1b1a1a;
}

.header {
  padding: 0.625rem 0;
  position: relative;
  width: 100%;
  top: 0;
  z-index: 50;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.header--absolute {
  position: absolute;
}

._video-play .header {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.header .container {
  max-width: 86.25rem;
}

.header__actions,
.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.25rem 1.375rem;
  z-index: 1;
}

.header__inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.25rem 2.0625rem;
  position: relative;
  border-radius: 1.25rem 1.25rem 0 0;
}

.header__inner::after {
  position: absolute;
  bottom: 0;
  width: calc(100% - 4.875rem);
  left: 50%;
  translate: -50% 0;
  height: 0.0625rem;
  background-color: rgba(255, 255, 255, 0.08);
  content: "";
  opacity: 0;
}

.header.show-menu .header__actions {
  opacity: 0;
}

.header.show-menu .header__inner {
  background-color: #121111;
}

.header.show-menu .header__inner::after {
  opacity: 1;
}

.header.show-menu .menu-more {
  color: #f47953;
}

.header.show-menu .menu-more::after {
  border-top-color: #f47953;
}

.header.show-menu .sub-menu {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  translate: 0 0;
  overflow: auto;
}

.header-search__item {
  position: fixed;
  z-index: 5;
  padding: 2.5rem 2.125rem 3.125rem;
  width: 100%;
  left: 50%;
  translate: -50% 0;
  max-width: 84.125rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #121111;
  border-radius: 1.25rem;
  gap: 1.25rem;
  top: -150%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.header-search.show .header-search__item {
  top: 0.625rem;
}

.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.4;
  gap: 2.5rem;
}

.menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu-more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.menu-more::after {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  content: "";
  display: inline-block;
}

.menu-more:hover {
  color: #f47953;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.menu-more:hover::after {
  border-top-color: #f47953;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.sub-menu {
  position: absolute;
  width: 100%;
  top: 100%;
  z-index: 5;
  left: 0;
  background-color: #121111;
  padding: 1.5625rem 2.0625rem 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  visibility: visible;
  pointer-events: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  translate: 0 -1.25rem;
}

.sub-menu__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.9375rem;
  margin-bottom: 2.5rem;
}

.sub-menu__optional {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5625rem;
}

.sub-menu__optional a {
  font-weight: 500;
  font-size: 1.25rem !important;
}

.sub-menu__list {
  gap: 1.25rem;
  display: -ms-grid;
  display: grid;
}

.icon-menu {
  display: none;
}

.hero {
  position: relative;
  /*max-width: 120rem;*/
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}

/* .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/hero-bg.png") center/contain no-repeat;
  width: 100%;
  aspect-ratio: 2732/1728;
  pointer-events: none;
  z-index: -1;
} */

.hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; /* можно заменить на height: 100% если нужно */
    z-index: -1; /* чтобы фон был позади контента */
    object-fit: contain; /* повторяет поведение background-size: contain */
    pointer-events: none; /* чтобы не мешало кликам */
}

.hero__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  gap: 1rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.hero__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.875rem;
  max-width: 20rem;
}

.hero__decor-text img {
  width: 100%;
}

.hero__text-top {
  position: absolute;
  top: 1.75rem;
  left: 0;
}

.hero__title {
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 0.9;
  text-transform: uppercase;
}

.hero__text {
  font-size: 0.875rem;
  line-height: 130%;
}

.hero__img {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 56.841282%;
  flex: 0 0 56.841282%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  aspect-ratio: 727/609;
  margin-right: 8%;
  pointer-events: none;
}

.hero__img .front {
  scale: 1.6;
  position: absolute;
  bottom: 0;
  left: 0;
  aspect-ratio: 446/465;
  z-index: 2;
  /* top: 5%; */
}

.hero__img .back {
  aspect-ratio: 515/542;
  position: absolute;
  right: 0;
  top: -14%;
  width: 70.839065%;
  /* 515/727 */
}

.shop .text-vertical,
.shop .product-slider__text-vertical {
  position: absolute;
  left: 0;
  top: 0;
}

.shop__head {
  text-align: center;
  position: relative;
  margin-bottom: 2.5rem;
  min-height: 4.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.25rem;
}

.swiper-pagination {
  pointer-events: none;
}

.swiper-pagination .swiper-pagination-bullet {
  pointer-events: all;
}

.shop-slider__swiper {
  padding-top: 3.125rem !important;
  padding-bottom: 5.5rem !important;
  margin: -3.125rem 0 !important;
}

.shop-slider__navs {
  margin-top: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.shop-slider__navs .swiper-pagination {
  right: 0;
  bottom: auto !important;
  left: auto !important;
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  top: 50%;
  translate: 0 -50%;
}

.shop-slider__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
}

.shop-slider__btns .swiper-button-prev,
.shop-slider__btns .swiper-button-next {
  margin-top: 0 !important;
  width: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: static !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  background-color: #fff;
  min-width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.9375rem;
  border-radius: 3.125rem;
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 120%;
  text-transform: uppercase;
  color: #111111;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.shop-slider__btns .swiper-button-prev::after,
.shop-slider__btns .swiper-button-next::after {
  content: "";
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  display: inline-block;
  width: 0;
  height: 0;
  rotate: -90deg;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.25rem solid #111111;
}

.shop-slider__btns .swiper-button-prev::after {
  rotate: 90deg;
}

.course-home__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1.25rem 3.25rem;
}

.course-home__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  gap: 2.375rem;
}

.who {
  position: relative;
  z-index: 4;
}

/* .who::before,
.who::after {
  position: absolute;
  content: "";
  width: 100%;
  aspect-ratio: 1/0.89;
  pointer-events: none;
}

.who::before {
  max-width: 80.1875rem;
  top: -30%;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/bg/section-bg.png") center/cover no-repeat;
}

.who::after {
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/bg/section-bg-light.png") center/cover no-repeat;
  bottom: 0;
  right: 0;
  max-width: 69.5625rem;
} */
 /* как ::before */
.who__bg {
    position: absolute;
    top: -30%;
    left: 32%;
    transform: translateX(-50%);
    max-width: 80.1875rem;
    width: 100%;
    height: auto;
    z-index: -1;
    object-fit: cover;
    pointer-events: none;
}

/* как ::after */
.who__bg-light {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 69.5625rem;
    width: 100%;
    height: auto;
    z-index: -1;
    object-fit: cover;
    pointer-events: none;
}

.who__inner {
  position: relative;
  z-index: 1;
}

.who__img-top {
  border-radius: 0.625rem;
  width: 13.75rem;
  overflow: hidden;
  margin: 0 auto 6.4375rem;
  translate: -50% 0;
}

.who__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem 3.25rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}

.who__title {
  z-index: 3;
}

.who__head-img {
  translate: 0 -4.375rem;
  width: 17.0625rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 17.0625rem;
  flex: 0 0 17.0625rem;
  height: 21.5rem;
  border-radius: 0.625rem;
  overflow: hidden;
}

.who__center {
  max-width: 60.25rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 7.5rem;
}

.who__bottom {
  max-width: 71.25rem;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  row-gap: 1.875rem;
}

.who__center-img {
  border-radius: 0.625rem;
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 22.125rem;
  flex: 0 0 22.125rem;
  width: 22.125rem;
}

.who__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.5rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.who__text {
  font-size: 1rem;
  line-height: 130%;
  color: #f3ede4;
}

.who__works-title {
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 120%;
  text-transform: uppercase;
  max-width: 30rem;
  margin-bottom: 6.25rem;
}

.who__bottom-item {
  padding-top: 1.875rem;
  padding-bottom: 0.4375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.who__bottom-item:nth-child(1) {
  padding-right: 4.375rem;
}

.who__bottom-item:nth-child(2) {
  padding-left: 5rem;
}

.who__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.5rem;
  overflow-x: auto;
}

.who__links li {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.who__links label {
  white-space: nowrap;
  position: relative;
  cursor: pointer;
}

.who__links label input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.who__links label input + span {
  display: inline-block;
  line-height: 1.375;
  font-weight: 700;
  padding: 0.375rem 0;
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.875rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-bottom: 0.0625rem solid transparent;
}

.who__links label input:checked + span {
  border-bottom-color: #fff;
  color: #fff;
}

.who__links label:hover span {
  color: #f47953;
}

.section {
  position: relative;
}

/* .section::before {
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/bg/section-bg.png") top left/contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 80%;
  height: 150%;
  pointer-events: none;
} */
 .section__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 150%;
    object-fit: contain; /* повторяет background-size: contain */
    pointer-events: none; /* чтобы фон не мешал кликам */
}

.section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5rem;
}

.section__course {
  position: relative;
  z-index: 1;
}

.school-home {
  position: relative;
}

.school-home__bg {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  max-width: 1920px;
  translate: -50% 0;
  z-index: -1;
}

.school-home__bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(27, 26, 26) 0%, transparent 20%),
    linear-gradient(to top, rgba(27, 26, 26) 0%, transparent 20%),
    linear-gradient(to left, rgba(27, 26, 26) 0%, transparent 20%),
    linear-gradient(to right, rgba(27, 26, 26) 0%, transparent 20%);
}

.school-home__bg picture,
.school-home__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.school-home__block {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.25rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.school-home__img {
  max-width: 34.375rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 1.25rem;
  overflow: hidden;
}

.school-home .text-vertical,
.school-home .product-slider__text-vertical {
  margin-right: 1rem;
}

.school-home__content {
  max-width: 38.3125rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -ms-grid;
  display: grid;
  gap: 2.5rem;
}

.school-home .btn-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.product-slider {
  position: relative;
  margin-top: 0 !important;
}

.product-slider::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}

.product-slider__wrapper {
  position: relative;
}

.product-slider__bg {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  aspect-ratio: 1/0.875;
  width: 100%;
  pointer-events: none;
  z-index: 1;
}

.product-slider__bg picture,
.product-slider__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-slider__bg::before,
.product-slider__bg::after {
  content: "";
  width: 100%;
  position: absolute;
  height: 19.1875rem;
  left: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(27, 26, 26, 0)),
    to(#1b1a1a)
  );
  background: linear-gradient(180deg, rgba(27, 26, 26, 0) 0%, #1b1a1a 100%);
  z-index: 2;
}

.product-slider__bg::before {
  top: -0.0625rem;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.product-slider__bg::after {
  bottom: -0.0625rem;
}

.product-slider .swiper-pagination {
  margin-top: 3rem;
  bottom: auto !important;
  z-index: 5;
  top: auto !important;
}

.product-slider__inner {
  position: relative;
  z-index: 3;
}

.product-slider__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3.3125rem;
  gap: 1.25rem;
}

.product-slider__title {
  overflow: hidden;
}

.product-slider__title > span {
  text-wrap: nowrap;
  display: block;
  position: relative;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.87, 0, 0.13, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.87, 0, 0.13, 1);
  transition: transform 0.8s cubic-bezier(0.87, 0, 0.13, 1);
  transition: transform 0.8s cubic-bezier(0.87, 0, 0.13, 1),
    -webkit-transform 0.8s cubic-bezier(0.87, 0, 0.13, 1);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.product-slider__title > span span {
  text-wrap: nowrap;
  display: block;
  position: absolute;
  left: 0;
  bottom: 100%;
}

.product-slider__title._active > span {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.product-slider .swiper-slide {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.product-slider .swiper-slide:not(.swiper-slide-active) {
  scale: 0.7;
}

.product-slider .swiper-slide:not(.swiper-slide-active) .product-slide__img {
  -webkit-filter: blur(0.3125rem) grayscale(1);
  filter: blur(0.3125rem) grayscale(1);
}

.product-slider .swiper-slide:not(.swiper-slide-active) .product-slide__text {
  display: none;
}

.product-slider__swiper {
  margin: 0 -0.9375rem;
}

.product-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  gap: 1.25rem;
}

.product-slide__img {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  height: 23.125rem;
}

.product-slide__img picture,
.product-slide__img img {
  max-height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.product-slide__title {
  font-family: "Ermilov";
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.product-slide__text {
  max-width: 12.5625rem;
  font-size: 0.875rem;
  line-height: 124%;
  color: rgba(255, 255, 255, 0.7);
}

.footer {
  position: relative;
}

.footer::after {
  position: absolute;
  top: -10.625rem;
  width: 100%;
  height: calc(100% + 10.625rem);
  content: "";
  z-index: 2;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/bg/footer-bg.png") top/cover no-repeat;
  pointer-events: none;
}
 /* .footer__bg {
    position: absolute;
    top: -10.625rem;
    left: 0;
    width: 100%;
    height: calc(100% + 10.625rem);
    object-fit: cover; 
    object-position: top center;
    pointer-events: none;
    z-index: 2;
} */

.footer__inner {
  position: relative;
  z-index: 3;
}

.footer__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.5rem;
}

.footer__text-decor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 3.125rem;
  text-align: center;
  position: relative;
  z-index: 3;
}

.footer__text-decor img {
  height: 100%;
  max-width: none;
}

.footer__top {
  margin-bottom: 4.5rem;
}

.footer__bottom {
  margin-bottom: 2.0625rem;
}

.footer-top {
  display: -ms-grid;
  display: grid;
  gap: 1rem;
  -ms-grid-columns: (1fr) [5];
  grid-template-columns: repeat(5, 1fr);
}

.footer-bottom__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.9375rem 2.5rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1.375;
  color: rgba(255, 255, 255, 0.4);
}

.footer-bottom a {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.footer-bottom a:hover {
  color: #fff;
}

.footer-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.625rem;
}

.footer-block__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
}

.footer-block__title {
  font-size: 1rem;
  line-height: 1.375;
  color: rgba(255, 255, 255, 0.3);
}

.footer-block__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.25rem;
}

.footer-block__social a {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.footer-block__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.25rem;
}

.footer-block__list a {
  line-height: 1.375;
}

.footer-block__text {
  max-width: 16.0625rem;
  font-size: 1rem;
  line-height: 1.375;
}

.footer-block__tel {
  font-weight: 300;
  line-height: 1.375;
}

.footer-block__call-back {
  display: inline-block;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.8125rem;
  padding: 0.375rem 0.9375rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.1);
  border-radius: 3.125rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.footer-block__call-back:hover {
  background-color: #f47953;
  border-color: #f47953;
}

.footer-block__mail {
  line-height: 1.375;
  margin-top: 1.25rem;
}

.contacts {
  position: relative;
}

/* .contacts:not(.contacts--bg-left)::after {
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/bg/contacts.png") top right/auto no-repeat;
  position: absolute;
  top: -50%;
  content: "";
  pointer-events: none;
  right: 0;
  z-index: 2;
  width: 81.5625rem;
  height: 71.125rem;
  translate: 0 20%;
} */

.contacts__bg-right {
    position: absolute;
    top: -50%;
    right: 0;
    width: 81.5625rem;
    height: 71.125rem;
    transform: translateY(20%); /* повторяет translate: 0 20% */
    object-fit: auto; /* аналог background-size: auto */
    pointer-events: none;
    z-index: 1;
}

.contacts__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 5.625rem;
  position: relative;
}

.contacts__head--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contacts__head--big-margin {
  margin-bottom: 7.875rem;
}

.contacts__items,
.contacts__head,
.contacts__social {
  position: relative;
  z-index: 3;
}

.contacts__images {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.contacts__form {
  position: relative;
  max-width: 34.0625rem;
  padding: 7.5rem 0;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.contacts__form .contact-form__item {
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.5rem;
}

.contacts__bottom {
  position: relative;
  translate: 0 -5.625rem;
}

.contacts__img {
  position: absolute;
  border-radius: 0.625rem;
  overflow: hidden;
}

.contacts__img picture,
.contacts__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.contacts__img:nth-child(1) {
  top: 0;
  left: 30%;
  translate: 0 -50%;
  width: 6.8125rem;
  height: 5.125rem;
}

.contacts__img:nth-child(2) {
  width: 8.5rem;
  height: 10.6875rem;
  right: 10%;
  top: 7.5rem;
}

.contacts__img:nth-child(3) {
  width: 10.375rem;
  height: 8.75rem;
  top: 50%;
  left: 10%;
}

.contacts__items {
  display: -ms-grid;
  display: grid;
  row-gap: 1.875rem;
}

.contacts__social {
  margin-bottom: 2.25rem;
}

.contacts__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.1875rem;
}

.contacts__social-list a {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contacts__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.9375rem;
}

.contacts__item-content {
  font-family: "Ermilov";
  font-weight: 700;
  line-height: 0.92;
  text-transform: uppercase;
  color: #fff;
}

.contacts__item-content a {
  display: block;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.contacts__wrapper {
  position: relative;
}

.contacts__map {
  translate: 0 -5.625rem;
  min-height: 39.625rem;
}

.contacts__map::after {
  width: 100%;
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  height: 28.25rem;
  rotate: 180deg;
  pointer-events: none;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(27, 26, 26, 0)),
    to(#1b1a1a)
  );
  background: linear-gradient(180deg, rgba(27, 26, 26, 0) 0%, #1b1a1a 100%);
  z-index: 400;
}

.contact-map {
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
  z-index: 1;
}

.contact-map__frame {
  position: absolute;
  inset: 0;
}

.contact-map__frame picture,
.contact-map__frame img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.contact-map__beacon {
  position: absolute;
  z-index: 1;
}

.contact-map__nav {
  position: absolute;
  right: 1.875rem;
  bottom: 1.875rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  gap: 0.625rem;
  z-index: 400;
}

.contact-map__btn {
  width: 3.125rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  color: #121111;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.contact-map__btn--accent {
  background-color: #f47953;
}

.contact-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.9375rem;
}

.contact-form__title {
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 120%;
  text-transform: uppercase;
}

.contact-form__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  gap: 0.9375rem;
}

.contact-form__item:not(:last-child) {
  margin-bottom: 2.5rem;
}

.contact-form__grid {
  width: 100%;
  display: -ms-grid;
  display: grid;
  gap: 0.9375rem 2.625rem;
}

.contact-form__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 9.6875rem;
}

.success-contact {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.875rem;
}

.success-contact::before {
  display: block;
  width: 2.6875rem;
  height: 2.6875rem;
  background-color: #f47953;
  border-radius: 50%;
  font-size: 1.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.success-contact__body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  gap: 1.25rem;
}

.success-contact__title {
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.success-contact__text {
  color: #f3ede4;
  font-weight: 400;
  line-height: 130%;
}

.contacts-block {
  position: relative;
  padding: 9.375rem 0 1.875rem;
  max-width: 63.4375rem;
}

.contacts-block__img {
  position: absolute;
  border-radius: 0.625rem;
  overflow: hidden;
}

.contacts-block__img picture,
.contacts-block__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.contacts-block__img:nth-child(1) {
  top: 0;
  left: 30%;
  width: 6.8125rem;
  height: 5.125rem;
}

.contacts-block__img:nth-child(2) {
  width: 8.5rem;
  height: 10.6875rem;
  right: 0;
  top: 7.5rem;
}

.contacts-block__img:nth-child(3) {
  width: 10.375rem;
  height: 8.75rem;
  bottom: 0;
  left: 0;
}

.contacts-block__items {
  display: -ms-grid;
  display: grid;
  row-gap: 1.875rem;
}

.contacts-block__social {
  margin-bottom: 2.25rem;
}

.contacts-block__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.1875rem;
}

.contacts-block__social-list a {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contacts-block__form {
  max-width: 34.0625rem;
  margin: 0 auto;
}

.contacts-block .contact-form__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.9375rem;
}

.contacts-block .contact-form__item-content {
  font-family: "Ermilov";
  font-weight: 700;
  line-height: 0.92;
  text-transform: uppercase;
  color: #fff;
}

.contacts-block .contact-form__item-content a {
  display: block;
}

.contacts-block .contact-form__btn {
  margin: 0 auto;
}

body::before {
  content: "";
  background-color: rgba(18, 17, 17, 0.4);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease 0s;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

.popup-show body::before {
  opacity: 1;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 1.875rem 0.625rem;
  -webkit-transition: visibility 0.8s ease 0s;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}

.popup--course {
  padding-top: 0.6875rem;
}

.popup--cart {
  padding: 0.625rem;
  overflow: hidden;
}

.popup_show {
  z-index: 999;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

.popup_show .popup__content {
  visibility: visible;
  opacity: 1;
}

.popup__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
}

.popup__wrapper--course {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.popup__wrapper--cart {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}

.popup__content {
  position: relative;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-color: #121111;
  padding: 1.3125rem;
  padding-top: 4.75rem;
  padding-bottom: 3.125rem;
  width: 100%;
  max-width: 38.75rem;
  border-radius: 1.25rem;
}

.popup__content--f-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.popup__content--course {
  max-width: 84.125rem;
}

.popup__content--bg {
  background: #121111 url("https://wonderfull.coffee/catalog/view/theme/image/popup-decor.png") no-repeat left
    bottom/contain;
}

.lock .popup__content {
  visibility: visible;
}

.popup__content--cart {
  padding: 1.5rem 2.0625rem 1.8125rem 1.9375rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 35.8125rem;
}

.popup--video .popup__content {
  position: relative;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  background-color: #000;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 66.25rem;
  border-radius: 1.25rem;
  max-height: 100%;
  aspect-ratio: 1060/596;
}

.popup__close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 2.1875rem;
  height: 2.1875rem;
  font-size: 0.875rem;
  border-radius: 50%;
  background-color: #000000;
  -webkit-transition: all 0.3s, visibility 0s;
  transition: all 0.3s, visibility 0s;
  visibility: hidden;
}

.popup_show .popup__close {
  visibility: visible;
}

.popup--video .popup__close {
  top: 1.875rem;
  right: 2.6875rem;
}

.popup__title {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}

.popup__title:not(:last-child) {
  margin-bottom: 2.5rem;
}

.popup__title--course {
  text-align: left;
  max-width: 37rem;
}

.popup__title--course:not(:last-child) {
  margin-bottom: 1.25rem;
}

.popup__title--left {
  text-align: left;
}

.popup__title--big:not(:last-child) {
  margin-bottom: 1.5625rem;
}

.popup__form {
  width: 100%;
}

.popup__image {
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40.861813%;
  flex: 0 0 40.861813%;
}

.popup__image img {
  aspect-ratio: 550/511;
  border-radius: 1.25rem;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.popup__body--center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 2.5rem;
}

.popup__text {
  color: rgba(255, 255, 255, 0.3);
  font-family: "FixelDisplay", sans-serif;
  font-size: 0.75rem;
  line-height: 1.3;
  text-align: center;
}

.popup__text:not(:last-child) {
  margin-bottom: 1.375rem;
}

.popup__text--code {
  color: #fff;
  font-size: 0.875rem;
  max-width: 24.875rem;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

.popup__text--code:not(:last-child) {
  margin-bottom: 1.875rem;
}

.popup__text--big {
  color: #fff;
  font-size: 1rem;
  max-width: 24.0625rem;
  text-align: center;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.popup__text--big:not(:last-child) {
  margin-bottom: 2.5rem;
}

.popup__text--left {
  text-align: left;
  position: static;
  top: 0;
  left: 0;
  max-width: 37rem;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.popup__block {
  border-top: rgba(255, 255, 255, 0.08) solid 0.0625rem;
  padding-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.25rem;
}

.popup__button {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.popup__button--left {
  position: static;
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.popup__link-button {
  min-width: 12.3125rem;
  text-align: center;
}

.popup__cart {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

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

.popup__video iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.popup__title--small {
  font-size: 1.125rem;
}

.popup__title--small:not(:last-child) {
  margin-bottom: 0;
}

.form-popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.875rem;
}

.form-popup__col {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.form-popup__field {
  max-width: 17.5rem;
  min-width: 8.75rem;
}

.form-popup__button {
  min-width: 6rem;
}

.form-popup--course {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  row-gap: 1.875rem;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.code-popup {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.875rem;
  padding-bottom: 1.125rem;
}

.code-popup__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.code-popup__button {
  min-width: 7.0625rem;
}

.code-popup__text-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: left;
  gap: 0.8125rem;
  color: #fff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.code-popup__error {
  color: #ff6060;
  font-size: 1rem;
}

.code-popup__text {
  color: #fff;
  font-size: 0.875rem;
  max-width: 15.625rem;
  line-height: 1.3;
  text-align: center;
}

.code-digit {
  font-size: 2.875rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 3.125rem;
  text-align: center;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2);
}

.code-digit::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.code-digit::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.code-digit:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.code-digit::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.code-digit::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.cart-popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cart-popup__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.9375rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cart-popup__title {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5625rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  text-transform: uppercase;
}

.cart-popup__title span {
  pointer-events: none;
  min-width: 1.25rem;
  min-height: 1.25rem;
  border-radius: 50%;
  background-color: #f47953;
  color: #121111;
  font-size: 0.8125rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0.125rem;
  aspect-ratio: 1/1;
}

.cart-popup__title--empty {
  text-align: center;
}

.cart-popup__close {
  width: 2.1875rem;
  height: 2.1875rem;
  font-size: 0.875rem;
  border-radius: 50%;
  background-color: #000000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cart-popup__body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.cart-popup__body:not(:last-child) {
  margin-bottom: 2.6875rem;
}

.cart-popup__body--empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cart-popup__items {
  overflow: auto;
}

.cart-popup__items:not(:last-child) {
  margin-bottom: 1.25rem;
}

.cart-popup__product:not(:last-child) {
  margin-bottom: 1.875rem;
}

.cart-popup__summary {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: right;
  font-weight: 500;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
}

.cart-popup__summary span {
  font-size: 1.25rem;
  font-weight: 700;
  color: #f47953;
}

.cart-popup__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.625rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cart-popup__link {
  text-align: center;
  padding: 0.8125rem 2rem;
}

.cart-popup__empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cart-popup__image-empty {
  max-width: 7.5625rem;
  aspect-ratio: 121/88;
}

.product-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.125rem;
  padding-bottom: 1.3125rem;
  border-bottom: 0.0625rem rgba(255, 255, 255, 0.08) solid;
  width: 100%;
}

.product-cart__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.625rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.product-cart__image-link {
  border-radius: 0.625rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.05);
  overflow: hidden;
  width: 4.375rem;
  height: 4.1875rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.product-cart__link {
  color: #fff;
  font-family: Ermilov;
  font-size: 1rem;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.product-cart__button {
  min-width: 6.9375rem;
  font-size: 0.75rem;
  padding: 0.625rem 1.5rem;
}

.product-cart__label {
  display: flex;
  flex-direction: row;
  gap: 15px;

  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.4);
}

.product-cart__info {
  gap: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-cart__quantity {
  font-weight: 500;
}

.product-cart__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  flex-grow: 1;
}

.product-cart__result {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  gap: 0.9375rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-cart__summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
}

.product-cart__discount {
  color: rgba(255, 255, 255, 0.4);
  position: relative;
}

.product-cart__discount::before {
  content: "";
  position: absolute;
  background-color: #7f7f7e;
  height: 0.0625rem;
  width: 1.75rem;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.product-cart__discount + .product-cart__price {
  color: #ff4a39;
}

.product-cart__price {
  font-weight: 700;
  color: #f47953;
}

.catalog {
  padding-top: 2.5rem;
  position: relative;
}

.catalog__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1367/708;
  min-height: 44.25rem;
}

.catalog__background img {
  -o-object-position: top center;
  object-position: top center;
}

.catalog__background::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(27, 26, 26, 0)),
    to(#1b1a1a)
  );
  background: linear-gradient(180deg, rgba(27, 26, 26, 0) 0%, #1b1a1a 100%);
}

.catalog .container {
  position: relative;
}

.catalog__section {
  display: -ms-grid;
  display: grid;
  gap: 2.625rem;
  margin-bottom: 6.25rem;
}

.catalog__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  margin-bottom: 5rem;
}

.catalog__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.625rem;
  padding: 3.75rem 0;
}

.catalog__navigation,
.navigation-account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.625rem;
}

.catalog__contacts {
  margin: 6.25rem 0;
}

.catalog-hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.catalog-hero__title span {
  color: #fff;
  display: block;
}

.text-section {
  color: rgba(255, 255, 255, 0.2);
  line-height: 1.1875;
}

.text-section__title {
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 0.9;
  text-transform: uppercase;
  margin-bottom: 2.1875rem;
}
.catalog-sort__tags button{
  margin-bottom: 0px;
  transition: all 0.3s;
  padding: 10px;
  border-radius: 20px;
  min-width: fit-content;
  border: 1px solid #FFFFFF1A;
}


  .catalog-sort__tags {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5625rem;
  overflow-x: auto;
  white-space: nowrap;
}

.catalog-sort__tags .tag {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.catalog-sort__select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.1875rem;
}

.catalog-sort__select-label {
  font-weight: 700;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.4);
}

.catalog-sort__select .dropdown {
  font-size: 0.875rem;
  line-height: 1.357;
  position: relative;
}

.catalog-sort__select .dropdown__menu {
  position: absolute;
  top: 100%;
}

.catalog-sort__select .dropdown__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.9375rem;
}

.catalog-sort__select .dropdown__list li {
  cursor: pointer;
}

.catalog-filter {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.8125rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.catalog-filter__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.625rem;
}

.catalog-filter__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.1875rem;
}
#cancelFilters_mobile{
  transition: all 0.3s;
}

.shop-card__front{
  width: 100%;
}
#cancelFilters_mobile:hover{
  color: white;
}
.catalog-filter__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.625rem;
}

.catalog-filter__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  background: #000000;
  border-radius: 50%;
}

.catalog-filter.show-filter {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  translate: 0 0;
}

.filter-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.9375rem;
}

.filter-block__title {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.357;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.filter-block__title span {
  font-weight: 400;
}

.filter-block__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.filter-block__range {
  padding: 0 1.25rem 0 0.625rem;
}

.product__img {
  position: relative;
}

.product__img .label-lg {
  position: absolute;
  top: -0.9375rem;
  left: -1.3125rem;
}

.product__grid {
  padding-top: 2.5rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 31.875rem 1fr;
  grid-template-columns: 31.875rem 1fr;
  gap: 2.5rem;
}

.product__grid-3 {
  display: -ms-grid;
  display: grid;
  gap: 1.875rem;
}

.product__slider {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
}

.product__slider .label-lg {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
}

.product__similar {
  margin: 14.375rem 0 6.25rem;
}

.product__seo {
  margin: 6.25rem 0;
}

.product-info__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.5rem;
}

.product-info__title {
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 0.9;
  text-transform: uppercase;
  margin-bottom: 0.9375rem;
}

.product-info__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-info__tags--coffee:not(:last-child) {
  margin-bottom: 14.5rem;
}

.product-info__text {
  font-size: 1rem;
  line-height: 1.375;
}

.product-info__description dl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  font-size: 0.875rem;
  line-height: 1.375;
  font-weight: 500;
  gap: 0.75rem;
}

.product-info__description dt {
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 0.1875rem;
}

.product-info__description--2 dl {
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
}

.product-info__body {
  position: relative;
}

.product-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(243, 237, 228, 0.07);
  border-radius: 1.25rem;
  padding: 1.5rem 1rem 1.5rem 1.5rem;
  gap: 0.9375rem;
}

.product-price__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.9375rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: auto;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.product-price__sum {
  font-weight: 700;
  font-size: 2.375rem;
  line-height: 1.368;
  white-space: nowrap;
}

.product-price__sum sup {
  font-size: 1.1875rem;
  color: rgba(255, 255, 255, 0.4);
  position: relative;
  display: none;
}

.product-price__sum sup::after {
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  content: "";
  position: absolute;
  width: 1.875rem;
  height: 0px;
  width: 2.125rem;
  height: 0.0625rem;
  background-color: #7f7f7e;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.product-price__sum.sale {
  color: #f47953;
}

.product-price__sum.sale sup {
  display: inline;
}

.product-block {
  margin: 7.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.125rem;
  position: relative;
}

.product-block--coffee {
  margin: 0;
}

.product-block--coffee:not(:last-child) {
  margin-bottom: 7.5rem;
}

.product-block:not(.product-block--bg) {
  z-index: 2;
}

.product-block--bg-m > * {
  position: relative;
  z-index: 2;
}

.product-block__title-lg {
  text-align: center;
  margin-bottom: 2.5rem;
}

.product-block__title {
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 0.9;
  text-transform: uppercase;
}

.product-block__grid,
.product-block__list {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.product-block__grid dt,
.product-block__list dt {
  color: rgba(255, 255, 255, 0.4);
}

.product-block__list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.25rem;
  line-height: 1.375;
  font-weight: 500;
  font-size: 1rem;
}

.product-block__list dl > div {
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  display: -ms-grid;
  display: grid;
  gap: 3.125rem;
}

.product-block__grid dl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem 3.6875rem;
  line-height: 1.357;
  font-size: 0.875rem;
  font-weight: 500;
}

.product-block__grid dt {
  margin-bottom: 0.1875rem;
}

.product-block__text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1em;
}

.product-block__slider-nav {
  margin-top: 4.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-block__slider-nav .swiper-pagination {
  position: static;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.product-block__slider-nav-center {
  margin-top: 4.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
  position: relative;
}

.product-block__slider-nav-center .swiper-pagination {
  left: auto !important;
  right: 0 !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.product-block__slider-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.product-block__slider-btns .swiper-button-prev,
.product-block__slider-btns .swiper-button-next {
  margin-top: 0 !important;
  width: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: static !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  background-color: #fff;
  min-width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.9375rem;
  border-radius: 3.125rem;
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 120%;
  text-transform: uppercase;
  color: #111111;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.product-block__slider-btns .swiper-button-prev::after,
.product-block__slider-btns .swiper-button-next::after {
  content: "";
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  display: inline-block;
  width: 0;
  height: 0;
  rotate: -90deg;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.25rem solid #111111;
}

.product-block__slider-btns .swiper-button-prev::after {
  rotate: 90deg;
}

.product-swiper {
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
  aspect-ratio: 1/1.08;
}

.product-swiper__swiper .swiper-slide picture,
.product-swiper__swiper .swiper-slide img {
  aspect-ratio: 1/1.08;
  width: 100%;
}

.product-swiper__thumbs {
  position: absolute;
  left: 1.25rem;
  bottom: 1.25rem;
}

.product-swiper__thumbs .swiper-slide {
  width: 3.125rem;
  height: 2.875rem;
  overflow: hidden;
  border-radius: 0.625rem;
  border: 0.1875rem solid transparent;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}

.product-swiper__thumbs .swiper-slide:hover,
.product-swiper__thumbs .swiper-slide.swiper-slide-thumb-active {
  border-color: #f47953;
}

.slider-block__title {
  text-align: center;
  margin-bottom: 5.625rem;
}

.slider-block__swiper {
  padding: 2.5rem 0 !important;
}

.slider-block__swiper .swiper-wrapper {
  padding-bottom: 3.4375rem;
}

.slider-block__navs {
  margin-top: 1.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.slider-block__navs .swiper-pagination {
  position: absolute !important;
  right: 0;
  bottom: auto !important;
  left: auto !important;
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  top: 50%;
  translate: 0 -50%;
}

.slider-block__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
}

.slider-block__btns .swiper-button-prev,
.slider-block__btns .swiper-button-next {
  margin-top: 0 !important;
  width: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: static !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  background-color: #fff;
  min-width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.9375rem;
  border-radius: 3.125rem;
  font-family: "Ermilov";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 120%;
  text-transform: uppercase;
  color: #111111;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.slider-block__btns .swiper-button-prev::after,
.slider-block__btns .swiper-button-next::after {
  content: "";
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  display: inline-block;
  width: 0;
  height: 0;
  rotate: -90deg;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.25rem solid #111111;
}

.slider-block__btns .swiper-button-prev::after {
  rotate: 90deg;
}

.coffee-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  z-index: 2;
}

.coffee-description:not(:last-child) {
  margin-bottom: 9.25rem;
}

.coffee-description__top-title {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.357;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 0.5625rem;
}

.coffee-description__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.9375rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.coffee-description__items:not(:last-child) {
  margin-bottom: 6.875rem;
}

.coffee-description__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}

.coffee-description__line,
.coffee-description__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.coffee-description__images {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.coffee-description__line {
  gap: 1rem;
  padding-bottom: 0.875rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.coffee-description__text {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.357;
}

.coffee-description__img {
  width: 3.75rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 3.75rem;
  flex: 0 0 3.75rem;
  border-radius: 50%;
  overflow: hidden;
}

.coffee-description__img:not(:first-child) {
  margin-left: -0.8125rem;
}

.coffee-description__item-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5625rem;
}

.coffee-description__item-rating span {
  display: inline-block;
  border-radius: 50%;
  width: 0.5rem;
  aspect-ratio: 1/1;
}

.coffee-description__block {
  position: relative;
  z-index: 2;
  margin-top: auto;
}

.product-coffee {
  padding-top: 2rem;
}

.product-coffee__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.25rem;
}

.product-coffee__info:not(:last-child) {
  margin-bottom: 9.25rem;
}

.product-coffee__info .product-info__title {
  margin-bottom: 0;
}

.product-coffee__info .product-info__description {
  margin-top: auto;
}

.product-coffee__hero {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  /* gap: 2.25rem; */
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  position: relative;
}

.hero-blog {
  position: relative;
  z-index: 2;
  padding-top: 6.125rem;
}

.hero-blog__title {
  color: #fff;
  text-align: center;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.blog {
  position: relative;
  z-index: 2;
}

.blog__container {
  position: relative;
  z-index: 3;
}

.blog__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5625rem;
  overflow-x: auto;
}

.blog__tags .tag {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.blog__items {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(21.875rem, 1fr));
}

.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 44.1875rem;
}

.background img {
  mix-blend-mode: color-dodge;
}

.background--blog::before {
  content: "";
  position: absolute;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  pointer-events: none;
  bottom: 0;
  right: 0;
  width: 90%;
  aspect-ratio: 1326/1310;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/blog/light-bg.webp") no-repeat center right/contain;
  z-index: 2;
}

.item-blog__image {
  border-radius: 1.25rem;
  overflow: hidden;
  aspect-ratio: 400/226;
}

.item-blog__image-link {
  display: block;
  border-radius: 1.25rem;
  overflow: hidden;
  aspect-ratio: 400/226;
  position: relative;
}

.item-blog__image-link img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.item-blog__image-link::before {
  font-size: 1.25rem;
  position: absolute;
  left: 0.625rem;
  bottom: 0.625rem;
  width: 3.75rem;
  height: 3.75rem;
  background-color: #f47953;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform ease 0.3s;
  transition: -webkit-transform ease 0.3s;
  transition: transform ease 0.3s;
  transition: transform ease 0.3s, -webkit-transform ease 0.3s;
  z-index: 2;
}

.item-blog__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.875rem;
}

.item-blog__title {
  font-family: "Ermilov", sans-serif;
  font-size: 1.625rem;
  font-weight: 700;
  text-transform: uppercase;
}

.item-blog__link {
  -webkit-transition: color ease 0.3s;
  transition: color ease 0.3s;
}

.item-blog__text {
  font-size: 0.875rem;
  line-height: 1.3;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.item-blog__text p:not(:last-child) {
  margin-bottom: 0.625rem;
}

.item-blog__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.item-blog__footer .tag--black {
  background-color: #121111;
  border-color: #121111;
}

.item-blog__tags {
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
  align-items: center;
}

.item-blog__tags--article {
  position: static;
  top: 0;
  left: 0;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
}

.item-blog__date {
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.3;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: right;
}

.article {
  padding-top: 2.125rem;
}

.social-sticky {
  background-color: #121111;
  border-radius: 3.125rem;
  padding: 0.125rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.social-sticky__link {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1rem;
}

.social-sticky__link::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f47953;
  z-index: 1;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.social-sticky__link::before {
  position: relative;
  z-index: 2;
}

.content-article__social {
  position: sticky;
  top: 3.125rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.content-article__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 0.625rem;
}

.content-article__wrapper {
  max-width: 57.5625rem;
  width: 100%;
  margin: 0 auto;
}

.content-article__wrapper > img {
  border-radius: 1.25rem;
  aspect-ratio: 921/500;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.content-article__block {
  line-height: 1.2;
}

.content-article__block:not(:last-child) {
  margin-bottom: 2.5rem;
}

.content-article__block > h2,
.content-article__block > h3,
.content-article__block > h4,
.content-article__block > h5,
.content-article__block > h6 {
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.content-article__block > h2:not(:last-child),
.content-article__block > h3:not(:last-child),
.content-article__block > h4:not(:last-child) {
  margin-bottom: 1.875rem;
}

.content-article__block > ul,
.content-article__block > ol {
  padding-left: 1.625rem;
}

.content-article__block > ul li,
.content-article__block > ol li {
  list-style: disc;
}

.content-article__block > ul li:not(:last-child),
.content-article__block > ol li:not(:last-child) {
  margin-bottom: 0.3125rem;
}

.content-article__block > ol li {
  list-style: decimal;
}

.content-article__deco-text {
  font-size: 1.75rem;
  line-height: 1.3;
  position: relative;
}

.content-article__deco-text::before {
  font-size: 0.5625rem;
  aspect-ratio: 1/1;
  background-color: #f47953;
  border-radius: 50%;
  position: absolute;
  top: 0.375rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  left: 0;
}

.gallery-swiper {
  position: relative;
}

.gallery-swiper__footer {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-top: 0rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  z-index: 2;
}

.gallery-swiper__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.gallery-swiper__pagination,
.gallery-swiper__button {
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #fff;
}

.gallery-swiper__button {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.gallery-swiper__button::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.gallery-swiper__button:disabled {
  opacity: 0.5;
}

.gallery-swiper__button--next {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.gallery-swiper__pagination {
  color: rgba(27, 26, 26, 0.5);
}

.gallery-swiper__pagination span.swiper-pagination-current {
  color: #121111;
}

.gallery-swiper .swiper-slide {
  overflow: hidden;
  border-radius: 1.25rem;
  aspect-ratio: 921/500;
}

.account {
  padding-top: 3.4375rem;
}

.account__header:not(:last-child) {
  margin-bottom: 2.8125rem;
}

.account__container {
  position: relative;
}

.account__title {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.account__link {
  display: block;
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.tabs-account__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  padding-bottom: 0.625rem;
}

.tabs-account__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  gap: 0.3125rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.875rem;
  font-weight: 700;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding-bottom: 0.375rem;
}

.tabs-account__title._tab-active {
  color: #fff;
  border-bottom: #fff 0.0625rem solid;
}

.tabs-account__title span {
  pointer-events: none;
  min-width: 1.25rem;
  min-height: 1.25rem;
  border-radius: 50%;
  background-color: #f47953;
  color: #fff;
  font-size: 0.8125rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0.125rem;
  aspect-ratio: 1/1;
}

.tabs-account__content {
  border-top: rgba(255, 255, 255, 0.08) 0.0625rem solid;
}

.page__account {
  position: relative;
  z-index: 2;
}

.history-account__container {
  max-width: calc(52.5rem + 1.875rem);
}

.history-account__item {
  margin-bottom: 6.875rem;
}

.history-account__empty {
  max-width: 28.9375rem;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.item-history__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.25rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 0.6875rem;
  border-bottom: 0.0625rem rgba(255, 255, 255, 0.08) solid;
}

.item-history__header:not(:last-child) {
  margin-bottom: 1.3125rem;
}

.item-history__id {
  color: #f47953;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.item-history__status {
  padding: 0.625rem 1.5rem;
  border-radius: 3.125rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.1);
  font-family: "Ermilov", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
}

.item-history__status::before {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.item-history__status--in-progress {
  color: #fff27b;
}

.item-history__status--in-progress::before {
  content: "\e911";
}

.item-history__status--delivered {
  color: #52c68f;
}

.item-history__status--delivered::before {
  content: "\e90f";
}

.item-history__status--new {
  color: #fff;
}

.item-history__status--new::before {
  content: "\e90e";
}

.item-history__status--shipping {
  color: #7be7ff;
}

.item-history__status--shipping::before {
  content: "\e910";
}

.item-history__date {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
}

.item-history__date span {
  color: #fff;
}

.item-history__product {
  margin-bottom: 1.25rem;
}

.item-history__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.item-history__spoiler-btn {
  padding: 0.625rem 1.5rem;
  border-radius: 3.125rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.1);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  font-family: "Ermilov", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
}

.item-history__spoiler-btn._spoller-active::after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.item-history__spoiler-btn::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.25rem solid #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.item-history__summary {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: right;
  font-weight: 500;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
}

.item-history__summary span {
  font-size: 1.25rem;
  font-weight: 700;
  color: #f47953;
}

.item-history__wrapper {
  padding-top: 2.1875rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 1.25rem;
}

.item-history__block {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 33.333%;
  flex: 1 1 33.333%;
}

.item-history__label {
  font-size: 1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.4);
}

.item-history__label:not(:last-child) {
  margin-bottom: 0.625rem;
}

.item-history__label--white {
  color: #fff;
}

.item-history__button {
  font-size: 0.75rem;
  padding: 0.625rem 1.5rem;
}

.product-history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.125rem;
  padding-bottom: 1.3125rem;
  border-bottom: 0.0625rem rgba(255, 255, 255, 0.08) solid;
  width: 100%;
}

.product-history__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.125rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.product-history__image-link {
  border-radius: 0.625rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.05);
  overflow: hidden;
  width: 4.375rem;
  height: 4.1875rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.product-history__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.625rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.product-history__link {
  color: #fff;
  font-family: Ermilov;
  font-size: 1rem;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.product-history__button {
  min-width: 6.9375rem;
  font-size: 0.75rem;
  padding: 0.625rem 1.5rem;
}

.product-history__label {
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.4);
}

.product-history__info {
  gap: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-history__quantity {
  font-weight: 500;
}

.product-history__price {
  font-weight: 700;
  color: #f47953;
}

.empty-history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.empty-history__title {
  color: #fff;
  text-align: center;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.empty-history__title:not(:last-child) {
  margin-bottom: 2.75rem;
}

.empty-history__image {
  aspect-ratio: 121/87;
  max-width: 7.5625rem;
}

.empty-history__image:not(:last-child) {
  margin-bottom: 1.625rem;
}

.empty-history__text {
  text-align: center;
}

.empty-history__text p:not(:last-child) {
  margin-bottom: 0.625rem;
}

.empty-history__text:not(:last-child) {
  margin-bottom: 1.125rem;
}

.empty-history__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.empty-history__link {
  padding: 0.8125rem 1.4375rem;
  font-size: 0.75rem;
}

.notif-account__container {
  max-width: calc(43.75rem + 1.875rem);
}

.notif-account__item:not(:last-child) {
  margin-bottom: 1.875rem;
}

.item-notif {
  padding: 2.125rem 2.5rem;
  border-radius: 1.25rem;
  background: rgba(243, 237, 228, 0.07);
  position: relative;
}

.item-notif--new::before {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "new";
  border-radius: 3.125rem;
  background: #fff;
  padding: 0.5rem 1.0625rem;
  color: #1b1a1a;
  font-family: "Ermilov", sans-serif;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.item-notif__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
}

.item-notif__title {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
}

.item-notif__date {
  color: rgba(255, 255, 255, 0.4);
}

.item-notif__text {
  color: #f3ede4;
  line-height: 1.3;
}

.item-notif__text p:not(:last-child) {
  margin-bottom: 0.3125rem;
}

.form-account__container {
  max-width: calc(38.75rem + 1.875rem);
}

.form-account__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 1.25rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.form-account__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.form-account__button {
  padding: 0.8125rem 2rem;
}

.form-account__col {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  min-width: 15.625rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
}

.page__order-done {
  position: relative;
  z-index: 3;
}

.order {
  padding-top: 3.4375rem;
}

.order__title,
.form-order__subtitle,
.form-order__title {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.order__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.order__form {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 57.120501%;
  flex: 0 0 57.120501%;
}

.form-order {
  padding: 2.375rem 3.125rem 3.125rem 3.125rem;
  border-radius: 1.25rem;
  background: rgba(243, 237, 228, 0.07);
  counter-reset: item-counter;
}

.form-order__item {
  counter-increment: item-counter;
  position: relative;
}

.form-order__item:not(:last-child) {
  margin-bottom: 3.1875rem;
}

.form-order__item::before {
  content: counter(item-counter, decimal-leading-zero);
  position: absolute;
  display: block;
  top: 0;
  right: calc(100% + 0.9375rem);
  margin-top: 0.1875rem;
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
}

.form-order__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 0.9375rem;
}

.form-order__header:not(:last-child) {
  margin-bottom: 1.875rem;
}

.form-order__title:not(:last-child) {
  margin-bottom: 0rem;
}

.form-order__button {
  padding: 0.625rem 1.5rem;
  font-size: 0.75rem;
}

.form-order__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 1.875rem;
  margin-left: -2.125rem;
  margin-right: -2.125rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.form-order__block--one-col {
  row-gap: 0.9375rem;
}

.form-order__block--one-col .form-order__col {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.form-order__col {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  padding-left: 2.125rem;
  padding-right: 2.125rem;
  min-width: 14.375rem;
}

.form-order__subitem:not(:last-child) {
  margin-bottom: 2.5rem;
}

.form-order__subtitle {
  font-size: 1.125rem;
}

.form-order__subtitle:not(:last-child) {
  margin-bottom: 1.5625rem;
}

.products-order__title {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.products-order__title:not(:last-child) {
  margin-bottom: 3.0625rem;
}

.products-order__items:not(:last-child) {
  margin-bottom: 1.5rem;
}

.products-order__product {
  padding-bottom: 1.0625rem;
}

.products-order__product:not(:last-child) {
  margin-bottom: 1.375rem;
}

.products-order__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
}

.products-order__footer:not(:last-child) {
  margin-bottom: 1.875rem;
}

.products-order__promocode {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.products-order__summary {
  min-width: 11.25rem;
  max-width: 17.5rem;
}

.products-order__summary-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
  color: rgba(255, 255, 255, 0.4);
}

.products-order__summary-item span {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: right;
  color: #f47953;
  font-size: 1rem;
  font-weight: 700;
}

.products-order__summary-item:last-child span {
  font-size: 1.25rem;
}

.products-order__summary-item:not(:last-child) {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 0.0625rem rgba(255, 255, 255, 0.08) solid;
}

.promocode__field {
  margin-top: -0.625rem;
  max-width: 9.5rem;
}

.promocode--active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  margin-top: -0.375rem;
}

.promocode__button {
  font-size: 0.75rem;
  padding: 0.625rem 1.5rem;
}

.promocode__close {
  width: 2.1875rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 2.1875rem;
  font-size: 0.875rem;
  border-radius: 50%;
  background-color: #000000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}

.promocode__title {
  color: #fff;
  font-weight: 500;
  font-size: 0.875rem;
}

.promocode__title:not(:last-child) {
  margin-bottom: 0.3125rem;
}

.promocode__label {
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.4);
}

.promocode__label:not(:last-child) {
  margin-bottom: 0.3125rem;
}

.order-done {
  padding-top: 3.4375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.order-done__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.order-done__title {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.order-done__title:not(:last-child) {
  margin-bottom: 0.8333333333em;
}

.order-done__body {
  padding: 2.25rem 2.8125rem;
  border-radius: 1.25rem;
  background: rgba(243, 237, 228, 0.07);
  max-width: 25rem;
}

.order-done__body:not(:last-child) {
  margin-bottom: 1.875rem;
}

.order-done__label {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.order-done__label:not(:last-child) {
  margin-bottom: 0.9375rem;
}

.order-done__label--accent {
  color: #f47953;
}

.order-done__text {
  text-align: center;
  font-size: 1rem;
}

.order-done__text:not(:last-child) {
  margin-bottom: 1.875rem;
}

.order-done__link {
  padding: 0.8125rem 2rem;
}

.page__locations {
  position: relative;
  z-index: 2;
}
.page__partners,
.page__school {
  position: relative;
  z-index: 1;
}
.locations {
  padding-top: 6rem;
  position: relative;
}

.locations::after {
  content: "";
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/location/pink-bg.png") no-repeat top right/contain;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  -webkit-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  transform: translateY(-10%);
  aspect-ratio: 903/933;
  pointer-events: none;
}

.locations__title {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.locations__list {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 31.25%;
  flex: 0 0 31.25%;
}

.locations__map {
  width: 100%;
  aspect-ratio: 830/718;
}

.list-locations__select {
  padding-right: 1.25rem;
}

.list-locations__select .select__value {
  color: #fff;
}

.list-locations__select:not(:last-child) {
  margin-bottom: 1.9375rem;
}

.list-locations__items {
  max-height: 40.0625rem;
  padding-right: 1.25rem;
  position: relative;
}

.list-locations__items::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3.625rem;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#1b1a1a),
    to(rgba(27, 26, 26, 0))
  );
  background: linear-gradient(0deg, #1b1a1a 0%, rgba(27, 26, 26, 0) 100%);
  z-index: 2;
  pointer-events: none;
}

.list-locations__item:not(:last-child) {
  margin-bottom: 2.5rem;
}

.simplebar-track.simplebar-vertical {
  width: 0.0625rem !important;
  background-color: rgba(255, 255, 255, 0.07);
}

.simplebar-scrollbar {
  background-color: #fff;
}

.item-locations__title {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.item-locations__title:not(:last-child) {
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.07);
}

.item-locations__location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.9375rem;
}

.item-locations__location:not(:last-child) {
  padding-bottom: 0.625rem;
  margin-bottom: 1.25rem;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.07);
}

.item-locations__body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.item-locations__name,
.item-locations__address {
  font-size: 1rem;
  font-weight: 500;
}

.item-locations__name:not(:last-child),
.item-locations__address:not(:last-child) {
  margin-bottom: 0.3125rem;
}

.item-locations__address {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 1.2;
}

.item-locations__address:not(:last-child) {
  margin-bottom: 0.3125rem;
}

.item-locations__button {
  width: 3.125rem;
  height: 3.125rem;
  font-size: 1.25rem;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 0.0625rem solid rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.item-locations__button:focus {
  background-color: #f47953;
  border-color: #f47953;
}

.page__shipping-info {
  position: relative;
}

.page__shipping-info::before {
  content: "";
  position: absolute;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/shipping-info/red-bg.png") no-repeat bottom
    right/contain;
  right: 0;
  bottom: -3%;
  width: 50%;
  aspect-ratio: 824/1092;
  pointer-events: none;
}

.shipping-info__title {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.shipping-info__title span {
  display: block;
  text-align: right;
}

.shipping-info__title:not(:last-child) {
  margin-bottom: 2.5076923077em;
}

.shipping-info__subtitle {
  color: #fff;
  text-align: center;
  max-width: 39.875rem;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.shipping-info__subtitle:not(:last-child) {
  margin-bottom: 2.0588235294em;
}

.shipping-info__items--payment {
  counter-reset: payment-items;
}

.shipping-info__items--payment .shipping-info__item {
  counter-increment: payment-items;
  padding: 2.5625rem 2.625rem 2.125rem;
}

.shipping-info__items--payment .shipping-info__item::before {
  content: counter(payment-items, decimal-leading-zero);
  color: #f47953;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1.1666666667em;
}

.shipping-info__item {
  padding: 1.875rem 1.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.shipping-info__image {
  width: 3.4375rem;
  height: 3.4375rem;
}

.shipping-info__image:not(:last-child) {
  margin-bottom: 3.125rem;
}

.shipping-info__title-item {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-size: 1.625rem;
  font-weight: 700;
  text-transform: uppercase;
}

.shipping-info__title-item:not(:last-child) {
  margin-bottom: 1.25rem;
}

.shipping-info__text {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.875rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.shipping-info__text:not(:last-child) {
  margin-bottom: 1.25rem;
}

.shipping-info__text p:not(:last-child) {
  margin-bottom: 0.75rem;
}

.shipping-info__text--accent {
  padding: 1.25rem;
  background-color: #f47953;
  color: #fff;
  line-height: 1.2;
  border-radius: 1.25rem;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.shipping-info {
  padding-top: 7.3125rem;
}

.shipping-info__items {
  display: -ms-grid;
  display: grid;
  gap: 0;
}

.shipping-info__items--three {
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
}

.shipping-info__items--four {
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
}

.shipping-info__item {
  border: 0.0625rem solid rgba(255, 255, 255, 0.08);
}

.page__refund {
  position: relative;
}

.page__refund::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10%;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/refund-bg.png") no-repeat left bottom/contain;
  width: 65%;
  aspect-ratio: 815/1092;
  pointer-events: none;
}

.refund {
  padding-top: 7.3125rem;
}

.refund__title {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.refund__title span {
  display: block;
  text-align: right;
}

.refund__title:not(:last-child) {
  margin-bottom: 2.6923076923em;
}

.refund__content {
  position: relative;
}

.public-offer {
  padding-top: 7.3125rem;
}

.public-offer__title {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.public-offer__title span {
  display: block;
  text-align: right;
}

.public-offer__title:not(:last-child) {
  margin-bottom: 2.8461538462em;
}

.page__error {
  min-height: 35.5625rem;
}

.error {
  padding-top: 5.1875rem;
}

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

.error__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}

.error__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.error__label {
  color: #f3ede4;
}

.error__label:not(:last-child) {
  margin-bottom: 1.25rem;
}

.error__title {
  color: #fff;
  text-align: center;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.error__title:not(:last-child) {
  margin-bottom: 0.5882352941em;
}

.error__text {
  color: #f3ede4;
}

.error__text:not(:last-child) {
  margin-bottom: 1.875rem;
}

.error__link {
  min-width: 15.5625rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.hero-partners__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hero-partners__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.hero-partners__title {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.hero-partners__title:not(:last-child) {
  margin-bottom: 1.875rem;
}

.hero-partners__link {
  min-width: 15.5625rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.hero-partners__link:not(:last-child) {
  margin-bottom: 2.4375rem;
}

.hero-partners__list {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.hero-partners__list:not(:last-child) {
  margin-bottom: 1.875rem;
}

.hero-partners__item {
  max-width: 8.75rem;
  color: #f3ede4;
  font-size: 1rem;
  line-height: 1.3;
}

.hero-partners__item::before {
  content: "";
  background-color: #f47953;
  border-radius: 50%;
  display: block;
}

.hero-partners__image {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 48.4375%;
  flex: 0 1 48.4375%;
  max-width: 38.75rem;
  border-radius: 1.25rem;
  overflow: hidden;
  aspect-ratio: 620/543;
}

.decision-parthers {
  position: relative;
}

.decision-parthers::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 62.5rem;
  aspect-ratio: 936/1262;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/partners/orange-bg.png") no-repeat left
    bottom/contain;
  z-index: -1;
  width: 70%;
  -webkit-transform: translateY(40%);
  -ms-transform: translateY(40%);
  transform: translateY(40%);
  pointer-events: none;
}

.decision-parthers__image {
  aspect-ratio: 620/655;
  max-width: 38.75rem;
  border-radius: 1.25rem;
  overflow: hidden;
}

.decision-parthers__title {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.decision-parthers__items {
  counter-reset: item-counter;
}

.decision-parthers__item {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
  -webkit-transition: padding-left 0.5s;
  transition: padding-left 0.5s;
  counter-increment: item-counter;
}

.decision-parthers__item::after {
  position: absolute;
  content: "";
  height: 0.0625rem;
  width: 0rem;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.decision-parthers__item:has(._spoller-active) .item-decision__title {
  color: #fff;
}

.decision-parthers__item:has(._spoller-active)::before {
  color: #f47953;
}

.decision-parthers__item:has(._spoller-active)::after {
  content: "";
}

.decision-parthers__item::before {
  content: counter(item-counter, decimal-leading-zero);
  position: absolute;
  left: 0;
  display: block;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: rgba(255, 255, 255, 0.2);
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.item-decision__title {
  color: rgba(255, 255, 255, 0.2);
  font-family: "Ermilov", sans-serif;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 700;
  text-transform: uppercase;
}

.item-decision__text {
  color: #f3ede4;
  line-height: 130%;
  padding-top: 0.8125rem;
  max-width: 26.625rem;
}

.benefits-partners {
  position: relative;
}

.benefits-partners::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 62.5rem;
  aspect-ratio: 936/1262;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/partners/pink-bg.png") no-repeat left bottom/contain;
  z-index: -1;
  width: 70%;
  -webkit-transform: translateY(40%);
  -ms-transform: translateY(40%);
  transform: translateY(40%);
  pointer-events: none;
}

.benefits-partners__title {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
}

.benefits-partners__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  counter-reset: benefits-counter;
  row-gap: 2.5rem;
}

.benefits-partners__item {
  counter-increment: benefits-counter;
}

.item-benefits-p__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8125rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.item-benefits-p__title {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  gap: 1.25rem;
}

.item-benefits-p__title::after {
  content: counter(benefits-counter, decimal-leading-zero);
  color: #f47953;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.item-benefits-p__image {
  border-radius: 1.25rem;
  aspect-ratio: 1/1;
  overflow: hidden;
}

.page__school::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  max-width: 62.5rem;
  aspect-ratio: 1115/1262;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/school/red-bg.png") no-repeat right top/contain;
  z-index: 1;
  width: 100%;
  pointer-events: none;
}

.school {
  padding-top: 8rem;
}

.school__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1367/700;
  min-height: 43.75rem;
  pointer-events: none;
}

.school__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.school__title {
  position: relative;
  z-index: 2;
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.school__title span {
  display: block;
  text-align: right;
}

.school__title:not(:last-child) {
  margin-bottom: 1.8064516129em;
}

.school__list {
  margin-bottom: 5.625rem;
}

.about-school {
  position: relative;
  z-index: 2;
}

.about-school__image {
  position: absolute;
  border-radius: 0.625rem;
  overflow: hidden;
  z-index: 1;
}

.about-school__image:nth-of-type(1) {
  aspect-ratio: 220/164;
  top: 0;
  left: 16.4594%;
  /* 225/1367 */
}

.about-school__image:nth-of-type(2) {
  aspect-ratio: 273/344;
  top: 7.125rem;
  right: -0.25rem;
}

.about-school__image:nth-of-type(3) {
  aspect-ratio: 354/298;
  left: 0;
  bottom: 1.25rem;
}

@media(max-width: 1466px)
{
  .about-school__image:nth-of-type(2) {
    top: 60%;
  }
}

.about-school__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 2;
}

.about-school__title {
  color: #fff;
  text-align: center;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}

.about-school__body {
  max-width: 27.125rem;
  text-align: center;
}

.about-school__text {
  color: #f3ede4;
  line-height: 1.3;
  text-align: center;
}

.about-school__text:not(:last-child) {
  margin-bottom: 2.5rem;
}

.consulting {
  position: relative;
}

.consulting::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateY(-15%);
  -ms-transform: translateY(-15%);
  transform: translateY(-15%);
  aspect-ratio: 1108/1110;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/school/pink-bg.png") no-repeat left top/contain;
  z-index: -1;
  width: 70%;
  pointer-events: none;
}

.consulting::before {
  content: "";
}

.consulting__wrapper {
  border-radius: 1.25rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.08);
}

.consulting__body {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 47.447183%;
  flex: 1 0 47.447183%;
}

.consulting__title {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.consulting__text {
  color: #f3ede4;
  line-height: 1.3;
}

.consulting__text:not(:last-child) {
  margin-bottom: 1.875rem;
}

.consulting__text p:not(:last-child) {
  margin-bottom: 0.625rem;
}

.list-school__title,
.cool-about__title,
.form-school__title {
  text-align: center;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.list-school__item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.course-item__image {
  border-radius: 1.25rem;
  aspect-ratio: 620/656;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48.4375%;
  flex: 0 0 48.4375%;
  max-width: 38.75rem;
}

.course-item__body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.course-item__time {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 120%;
  display: inline-block;
  text-transform: uppercase;
  padding: 0.4375rem 1.25rem;
  background-color: #f47953;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  border-radius: 3.125rem;
}

.course-item__time:not(:last-child) {
  margin-bottom: 1.25rem;
}

.course-item__text-link {
  color: #fff;
  font-family: "Ermilov", sans-serif;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.course-item__text-link:not(:last-child) {
  margin-bottom: 1.25rem;
}

.course-item__text {
  color: #f3ede4;
  line-height: 1.3;
  max-width: 34.3125rem;
}

.course-item__text:not(:last-child) {
  margin-bottom: 2.25rem;
}

.course-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.course-item__label {
  color: rgba(243, 237, 228, 0.4);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
}

.course-item__label:not(:last-child) {
  margin-bottom: 0.4375rem;
}

.course-item__label--white {
  color: #f3ede4;
}

.course-item__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 1.25rem;
}

.course-item__link-button {
  text-align: center;
}

.course-item__link-button.link--border {
  padding: 0.8125rem 2rem;
}

.school__form {
  position: relative;
}

.school__form::before {
  content: "";
  position: absolute;
  top: -100%;
  right: 0;
  aspect-ratio: 668/1489;
  width: 50%;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/school/orange-bg.png") no-repeat top right/contain;
  min-width: 18.75rem;
}

.form-school {
  position: relative;
}

.form-school__image {
  position: absolute;
  border-radius: 0.625rem;
  overflow: hidden;
  z-index: 1;
}

.form-school__image:nth-of-type(1) {
  aspect-ratio: 220/164;
  top: 0;
}

.form-school__image:nth-of-type(2) {
  aspect-ratio: 354/298;
  left: 0;
  -webkit-transform: translateX(5.932203%);
  -ms-transform: translateX(5.932203%);
  transform: translateX(5.932203%);
}

.form-school__image:nth-of-type(3) {
  aspect-ratio: 273/344;
  bottom: 0;
}

.form-school__container {
  position: relative;
  z-index: 2;
}

.form-school__title {
  text-align: center;
}

.form-school__text {
  color: #f3ede4;
  text-align: center;
  line-height: 1.3;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}

.form-school__text p:not(:last-child) {
  margin-bottom: 0.625rem;
}

.form-school__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.5rem;
}

.form-school__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 1.6875rem;
  margin-left: -1.3125rem;
  margin-right: -1.3125rem;
}

.form-school__col {
  padding-left: 1.3125rem;
  padding-right: 1.3125rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.form-school__col .select__value::after {
  border-top-color: #6a6969;
}

.form-school__col .select__value {
  font-size: 0.875rem;
}

.form-school__col .select__option {
  font-size: 0.875rem;
}

.course {
  padding-top: 10rem;
  position: relative;
}

.course::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  aspect-ratio: 904/1087;
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
  width: 50%;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/course/pink-bg.png") no-repeat top right/contain;
  min-width: 18.75rem;
  pointer-events: none;
  z-index: 1;
}

.course__hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.course__title {
  text-align: center;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.course__text {
  color: #f3ede4;
  line-height: 1.3;
  text-align: center;
  max-width: 34.4375rem;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.course__text p:not(:last-child) {
  margin-bottom: 1.25rem;
}

.course__about {
  position: relative;
}

.course__about::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  aspect-ratio: 688/1489;
  width: 40%;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/course/bottom-orange-bg.png") no-repeat top
    right/contain;
  min-width: 18.75rem;
  pointer-events: none;
  z-index: -1;
  -webkit-transform: translateY(30%);
  -ms-transform: translateY(30%);
  transform: translateY(30%);
}

.about-course__aside {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 22.578125%;
  flex: 0 0 22.578125%;
}

.about-course__items {
  position: relative;
}

.about-course__items::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  aspect-ratio: 1043/1036;
  width: 100%;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/course/red-bg.png") no-repeat top right/contain;
  min-width: 54.25rem;
  pointer-events: none;
  z-index: -1;
}

.about-course__item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.aside-course {
  padding: 1.875rem 1.25rem;
  border-radius: 1.25rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.08);
}

.aside-course__title {
  font-family: "Ermilov", sans-serif;
  font-size: 1.625rem;
  font-weight: 700;
  text-transform: uppercase;
}

.aside-course__title:not(:last-child) {
  margin-bottom: 3.125rem;
}

.aside-course__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 1.25rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.aside-course__item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.aside-course__label {
  color: rgba(243, 237, 228, 0.4);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
}

.aside-course__label:not(:last-child) {
  margin-bottom: 0.4375rem;
}

.aside-course__label--white {
  color: #f3ede4;
}

.aside-course__link {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  gap: 0.625rem;
}

.item-about-course__image {
  aspect-ratio: 440/462;
  max-width: 27.5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 44.265594%;
  flex: 0 0 44.265594%;
  /* 440/994 */
  border-radius: 1.25rem;
  overflow: hidden;
}

.item-about-course__body {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.item-about-course__title,
.plan-course__title,
.item-about-course__subtitle {
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.item-about-course__text {
  color: #f3ede4;
  line-height: 1.3;
}

.item-about-course__text p:not(:last-child) {
  margin-bottom: 1.25rem;
}

.plan-course {
  padding: 3.125rem 4.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 1.25rem;
  background-color: rgba(243, 237, 228, 0.07);
}

.plan-course__list {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 3.125rem;
  -moz-column-gap: 3.125rem;
  column-gap: 3.125rem;
  margin-bottom: -2.5rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  counter-reset: plan-item;
}

.plan-course__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: flex;
  color: #f3ede4;
  line-height: 1.3;
  margin-bottom: 2.5rem;
  counter-increment: plan-item;
}

.plan-course__item::before {
  content: counter(plan-item, decimal-leading-zero);
  color: #f47953;
  font-family: "Ermilov", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3;
}

.video-box {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100svh;
}

.video-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(27, 26, 26, 0.6)),
    to(#1b1a1a)
  );
  background: linear-gradient(180deg, rgba(27, 26, 26, 0.6) 0%, #1b1a1a 100%);
  z-index: 2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

._video-play .video-box::before {
  opacity: 0;
}

.video-box__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}

._video-play .video-box__video {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.video-box__play {
  position: absolute;
  top: 50%;
  aspect-ratio: 1/1;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
}

.video-box__play span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f47953;
  border-radius: 50%;
  color: #1b1a1a;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.video-box__play span::before {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

._video-play .video-box__play span {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.video-box__play::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/about/play-decor.svg") no-repeat center/contain;
  -webkit-animation: rotate 30s infinite linear;
  animation: rotate 30s infinite linear;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

._video-play .video-box__play::before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

._video-play .video-box__play {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 0;
}

.page--video {
  padding-top: 100svh;
}

@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.about__info {
  position: relative;
  z-index: 4;
}

.about__info::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  min-width: 31.25rem;
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  aspect-ratio: 1116/1262;
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/about/red-bg.png") no-repeat top left/contain;
  pointer-events: none;
}

._video-play .about__info::before {
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
}

.about__slider {
  position: relative;
}

.info-about__container {
  position: relative;
  z-index: 5;
}

.info-about__title {
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

._video-play .info-about__title {
  margin-top: 0.0625rem;
}

.info-about__items {
  counter-reset: item-about;
}

.info-about__item {
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 47.125rem;
  counter-increment: item-about;
  color: rgba(255, 255, 255, 0.2);
}

.info-about__item:nth-child(even) {
  margin-left: auto;
}
/*
.info-about__item::before {
   content: counter(item-about, decimal-leading-zero); 
}
*/
.cool-about {
  position: relative;
}

.cool-about__image {
  position: absolute;
  border-radius: 0.625rem;
  overflow: hidden;
  z-index: 1;
}

.cool-about__image:nth-of-type(1) {
  aspect-ratio: 226/168;
  top: 0;
}

.cool-about__image:nth-of-type(2) {
  aspect-ratio: 276/249;
}

.cool-about__image:nth-of-type(3) {
  aspect-ratio: 178/150;
}

.cool-about__container {
  position: relative;
  z-index: 2;
}

.cool-about__title {
  max-width: 43.625rem;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

.cool-about__text {
  color: #f3ede4;
  text-align: center;
  line-height: 1.3;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}

.cool-about__text p:not(:last-child) {
  margin-bottom: 0.625rem;
}

.slider-about .swiper-slide {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scale(0.64);
  -ms-transform: scale(0.64);
  transform: scale(0.64);
}

.slider-about .swiper-slide.swiper-slide-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.slider-about .swiper-pagination {
  gap: 1.125rem;
}

.slider-about .swiper-pagination .swiper-pagination-bullet {
  margin: 0 !important;
}

.slider-about__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 64.5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 60%;
  z-index: 3;
}

.slider-about__button {
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #fff;
}

.slider-about__button {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.slider-about__button::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.slider-about__button:disabled {
  opacity: 0.5;
}

.slider-about__button--next {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.about-slide__img {
  border-radius: 1.25rem;
  overflow: hidden;
  aspect-ratio: 700/452;
  opacity: 0.4;
  -webkit-filter: grayscale(1) blur(0.625rem);
  filter: grayscale(1) blur(0.625rem);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.swiper-slide-active .about-slide__img {
  opacity: 1;
  -webkit-filter: none;
  filter: none;
}

.about-slide__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.swiper-slide-active .about-slide__body {
  opacity: 1;
  visibility: visible;
}

.about-slide__title {
  font-family: "Ermilov";
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  max-width: 29.8125rem;
}

.about-slide__text {
  text-align: center;
  color: rgba(243, 237, 228, 0.7);
  max-width: 29.8125rem;
  line-height: 1.3;
}

.about-slide__text p:not(:last-child) {
  margin-bottom: 1.25rem;
}

.slider-about-pagination {
  position: static !important;
}

.facts-about {
  position: relative;
}

.facts-about__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1370/915;
  z-index: -2;
  pointer-events: none;
}

.facts-about::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 75%;
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/about/pink-bg.png") no-repeat top right/contain;
  aspect-ratio: 1108/1110;
  z-index: -1;
}

.facts-about::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50.366032%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  background: url("https://wonderfull.coffee/catalog/view/theme/default/image/about/orange-bg.png") no-repeat top right/contain;
  aspect-ratio: 686/1451;
  z-index: -1;
}

.facts-about__title {
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.facts-about__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
}

.facts-about__item {
  border: 0.0625rem solid rgba(255, 255, 255, 0.08);
}

.facts-about__item--big {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.item-facts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2.625rem 1.25rem 2.125rem;
}

.item-facts__title {
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.item-facts__title--orange {
  color: #f47953;
}

.item-facts__title--orange span {
  vertical-align: top;
}

.item-facts__label {
  color: rgba(255, 255, 255, 0.4);
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.item-facts__label span {
  text-decoration: line-through;
}

.brand-barista {
  position: relative;
  max-width: 131.25rem;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}

.brand-barista__header:not(:last-child) {
  margin-bottom: 2.6875rem;
}

.brand-barista__title {
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.brand-barista__content {
  position: relative;
}

.brand-barista__image {
  position: relative;
  pointer-events: none;
  transform: translateX(-20%);
}
.brand-barista__image--mobile {
  transform: none;
}
.brand-barista__name {
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  bottom: 48%;
  left: 21%;
}

.brand-barista__wrapper {
  max-width: 81.875rem;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin: 0 auto;
}

.brand-barista__text {
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.25rem;
}

.brand-barista__text::before {
  background-color: #f47953;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.brand-barista__list {
  max-width: 34.375rem;
  counter-reset: barista-item;
}

.brand-barista__item {
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6875rem;
  counter-increment: barista-item;
}

.brand-barista__item:not(:last-child) {
  margin-bottom: 1.25rem;
}

.brand-barista__item::before {
  content: counter(barista-item, decimal-leading-zero);
  color: #f47953;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.contacts-about {
  position: relative;
}

.contacts-about__image {
  position: absolute;
  border-radius: 0.625rem;
  overflow: hidden;
  z-index: 1;
}

.contacts-about__image:nth-of-type(1) {
  aspect-ratio: 220/164;
  top: 0;
  left: 16.4594%;
  /* 225/1367 */
}

.contacts-about__image:nth-of-type(2) {
  aspect-ratio: 273/344;
  top: 7.125rem;
  right: -0.25rem;
}

.contacts-about__image:nth-of-type(3) {
  aspect-ratio: 354/298;
  left: 0;
  bottom: 1.25rem;
}

.contacts-about__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 2;
}

.contacts-about__title {
  text-align: center;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  max-width: 38.75rem;
}

.contacts-about__text {
  color: #f3ede4;
  text-align: center;
  line-height: 1.3;
  max-width: 27.125rem;
}

.contacts-about__link {
  color: #f47953;
  text-align: center;
  font-family: "Ermilov", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
  transform-style: flat;
}

/* Offset direction
 */

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */

.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */

.noUi-target {
  background: #fafafa;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  -webkit-box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3fb8af;
}

/* Handles and cursors;
 */

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  cursor: default;
  -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb,
    0 3px 6px -3px #bbb;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}

.noUi-active {
  -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd,
    0 3px 6px -3px #bbb;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}

/* Handle stripes;
 */

.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #e8e7e6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */

[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */

.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */

.noUi-marker {
  position: absolute;
  background: #ccc;
}

.noUi-marker-sub {
  background: #aaa;
}

.noUi-marker-large {
  background: #aaa;
}

/* Horizontal layout;
 *
 */

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  -ms-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

/**
 * Swiper 7.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 27, 2021
 */



/* :root {
  --swiper-theme-color: #007aff;
} */

:root {
  --swiper-theme-color: #f47953;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999;
}

.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
}

.swiper-horizontal
  > .swiper-pagination-bullets:not(.gallery-swiper__pagination),
.swiper-pagination-bullets.swiper-pagination-horizontal:not(
    .gallery-swiper__pagination
  ),
.swiper-pagination-custom:not(.gallery-swiper__pagination),
.swiper-pagination-fraction:not(.gallery-swiper__pagination) {
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

[data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
  -ms-flex-positive: inherit;
  flex-grow: inherit;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0.5s linear;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */

[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

@media (min-width: 35.99875em) {
  .logo {
    max-width: 14.875rem;
  }
}

@media (min-width: 37.49875em) {
  .product-cart__info {
    min-width: 9rem;
  }

  .product-cart__quantity {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .product-cart__summary {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }

  .item-history__date {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
  }

  .product-history__info {
    min-width: 9rem;
  }

  .product-history__quantity {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .promocode__field {
    max-width: 11.25rem;
  }

  .promocode__field:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 47.99875em) {
  .tabs__wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .wrapper--bg .page::after {
    position: absolute;
    right: 0;
    top: 37.5rem;
    width: 80vw;
    height: 100%;
    max-height: 68.75rem;
    background: url("https://wonderfull.coffee/catalog/view/theme/default/image/bg/section-bg-light.png") right top/contain
      no-repeat;
    content: "";
  }

  .wrapper--bg .page::before {
    position: absolute;
    left: 0;
    top: 85.25rem;
    width: 50vw;
    height: 100%;
    max-height: 93.0625rem;
    background: url("https://wonderfull.coffee/catalog/view/theme/default/image/bg/section-bg-vertical.png") left top/contain
      no-repeat;
    content: "";
  }

  .wrapper--coffee {
    background: url("https://wonderfull.coffee/catalog/view/theme/default/image/bg/product-coffee-bg.png") top/cover no-repeat;
  }

  .footer {
    padding-bottom: 6.625rem;
  }

  .footer__text-decor {
    position: absolute;
    height: 6.625rem;
    left: 0;
    bottom: 0;
  }

  .contacts--padding {
    padding-top: 3.4375rem;
  }

  .contacts--bg-left::before {
    content: "";
    background: url("https://wonderfull.coffee/catalog/view/theme/default/image/contacts/pink-bg.png") no-repeat center/cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
    pointer-events: none;
    aspect-ratio: 904/1077;
    z-index: 2;
  }

  .contact-form__item {
    max-width: 26.25rem;
  }

  .catalog::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
    aspect-ratio: 574/1418;
    width: 45%;
    left: 0;
    pointer-events: none;
    z-index: 1;
    background: url("https://wonderfull.coffee/catalog/view/theme/default/image/catalog-red-bg.png") no-repeat top left/contain;
  }

  .text-section__grid {
    /* -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; */
    display: flex;
  }

  .product__img--coffee {
    position: sticky;
    top: 3.125rem;
    width: 100%;
  }

  .product-block__slider-nav-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .product-block__slider-btns {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .slider-block__navs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .product-coffee__hero {
    padding-top: 2.5rem;
  }

  .item-blog--main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .item-blog--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .item-blog--main .item-blog__image {
    margin-bottom: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65.67631%;
    flex: 0 0 65.67631%;
  }

  .item-blog--main .item-blog__image-link {
    margin-bottom: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65.67631%;
    flex: 0 0 65.67631%;
  }

  .item-blog--main .item-blog__text {
    font-size: 1rem;
  }

  .content-article__deco-text {
    padding-left: 3.5rem;
  }

  .account__title {
    display: inline-block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-right: 18.75rem;
  }

  .account__link {
    position: absolute;
    top: 0.6875rem;
    right: 0.9375rem;
  }

  .tabs-account__navigation {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .hero-partners__body {
    padding-bottom: 1.75rem;
  }

  .decision-parthers__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }

  .decision-parthers__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48.4375%;
    flex: 0 0 48.4375%;
  }

  .decision-parthers__body {
    padding-left: 2.4375rem;
  }

  .consulting__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .course-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .course-item__body {
    padding-left: 2.5625rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }

  .course-item:nth-child(even) .course-item__body {
    padding-right: 2.5625rem;
    padding-left: 0;
  }

  .form-school__text {
    max-width: 30rem;
  }

  .form-school__fields {
    max-width: 30rem;
  }

  .form-school__col--small {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .about-course__item:nth-child(even) .item-about-course__body {
    padding-left: 0;
    padding-right: 4.3125rem;
  }

  .item-about-course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .item-about-course__body {
    padding-left: 4.3125rem;
  }

  .cool-about__text {
    max-width: 38.75rem;
  }

  .brand-barista__image {
    width: 110%;
    max-width: 93.75rem;
  }

  .brand-barista__image--mobile {
    display: none;
  }

  .brand-barista__wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.8fr 1fr;
    grid-template-columns: 0.8fr 1fr;
  }

  .brand-barista__wrapper::before {
    content: "";
  }

  .brand-barista__body {
    padding-top: 3.9375rem;
  }
}

@media (min-width: 61.99875em) {
  .title-md--big {
    font-size: 5.3125rem;
  }

  .popup__content--course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .popup__body {
    padding-left: 4.375rem;
    padding-top: 2.6875rem;
  }

  .order__products {
    padding-left: 2.5rem;
  }

  .locations__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .locations__map {
    margin-left: 1.3125rem;
  }

  .shipping-info__items--three .shipping-info__item:nth-child(3n + 1) {
    border-left: none;
  }

  .shipping-info__items--three .shipping-info__item:nth-child(3n) {
    border-right: none;
  }

  .shipping-info__items--three .shipping-info__item:nth-child(n + 4) {
    border-top: none;
  }

  .shipping-info__items--three .shipping-info__item:not(:nth-child(3n)) {
    border-right: none;
  }

  .shipping-info__items--three .shipping-info__item:last-child {
    border-right: 0.0625rem solid rgba(255, 255, 255, 0.08);
  }

  .shipping-info__items--four .shipping-info__item:nth-child(4n + 1) {
    border-left: none;
  }

  .shipping-info__items--four .shipping-info__item:nth-child(4n) {
    border-right: none;
  }

  .shipping-info__items--four .shipping-info__item:nth-child(n + 5) {
    border-top: none;
  }

  .shipping-info__items--four .shipping-info__item:not(:nth-child(4n)) {
    border-right: none;
  }

  .shipping-info__items--four
    .shipping-info__item:last-child:not(:nth-child(4n)) {
    border-right: 0.0625rem solid rgba(255, 255, 255, 0.08);
  }

  .benefits-partners__item {
    padding-right: 2.5rem;
    border-right: 0.0625rem solid rgba(255, 255, 255, 0.08);
  }

  .item-benefits-p__wrapper:nth-child(odd) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 2.625rem;
  }

  .item-benefits-p__title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: -1.875rem;
    min-height: 8.375rem;
  }

  .item-benefits-p:nth-child(even) .item-benefits-p__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .about-course__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }

  .about-course__aside {
    position: sticky;
    left: 0;
    top: 3.125rem;
  }

  .about-course__body {
    padding-left: 2.5625rem;
  }

  .facts-about__item:nth-child(3n + 1) {
    border-left: none;
  }

  .facts-about__item:nth-child(3n) {
    border-right: none;
  }

  .facts-about__item:nth-child(n + 4) {
    border-top: none;
  }

  .facts-about__item:not(:nth-child(3n)) {
    border-right: none;
  }
}

@media (min-width: 62.49875em) {
  .tabs-account__body--bg {
    position: relative;
  }

  .tabs-account__body--bg::after {
    width: 43.75rem;
    aspect-ratio: 546/1401;
    content: "";
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    pointer-events: none;
    background: url("https://wonderfull.coffee/catalog/view/image/history-account-bg.png") top left/contain
      no-repeat;
  }
}


@media (min-width: 63.9375em) {
  .product__grid-3 {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 81.875em) {
  .who__head:not(:last-child) {
    margin-bottom: 3.4375rem;
  }

  .product-slider__title {
    font-size: 4.0625rem;
  }
  .brand-barista__name {
    font-size: 2.25rem;
  }
  .success-contact__title {
    font-size: 1.625rem;
  }

  .popup__title {
    font-size: 2.125rem;
  }

  .popup__title--course {
    font-size: 1.875rem;
  }

  .popup__title--big {
    font-size: 4.0625rem;
  }

  .popup__form:not(:last-child) {
    margin-bottom: 3.125rem;
  }

  .popup__text--left:not(:last-child) {
    margin-bottom: 3.75rem;
  }

  .form-popup--course:not(:last-child) {
    margin-bottom: 3.75rem;
  }

  .cart-popup__header:not(:last-child) {
    margin-bottom: 2rem;
  }

  .cart-popup__title--empty {
    font-size: 2.125rem;
  }

  .cart-popup__title--empty:not(:last-child) {
    margin-bottom: 2.75rem;
  }

  .product__img--coffee {
    /* max-width: 24.125rem; */
  }

  .hero-blog__breadcrumbs:not(:last-child) {
    margin-bottom: 6.1875rem;
  }

  .hero-blog__title {
    font-size: 5.3125rem;
  }

  .blog__tags:not(:last-child) {
    margin-bottom: 4.375rem;
  }

  .blog__items {
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .blog__items {
    row-gap: 3.125rem;
  }

  .blog__items:not(:last-child) {
    margin-bottom: 3.9375rem;
  }

  .item-blog--main:not(:last-child) {
    margin-bottom: 5.625rem;
  }

  .item-blog__image:not(:last-child) {
    margin-bottom: 1.5625rem;
  }

  .item-blog__image-link:not(:last-child) {
    margin-bottom: 1.5625rem;
  }

  .item-blog__body:not(:last-child) {
    margin-bottom: 1.5625rem;
  }

  .item-blog--main .item-blog__body {
    padding-left: 2.5rem;
  }

  .item-blog--reverse .item-blog__body {
    padding-right: 2.5rem;
  }

  .item-blog--main .item-blog__title {
    font-size: 2.5rem;
  }

  .article__container:not(:last-child) {
    margin-bottom: 12.5625rem;
  }

  .article__breadcrumps:not(:last-child) {
    margin-bottom: 2.125rem;
  }

  .content-article__wrapper > img:not(:last-child) {
    margin-bottom: 3.75rem;
  }

  .content-article__block {
    padding-left: 3.5rem;
  }

  .content-article__block {
    padding-right: 3.5rem;
  }

  .content-article__block > p {
    font-size: 1.125rem;
  }

  .content-article__block > p:not(:last-child) {
    margin-bottom: 1.1875rem;
  }

  .content-article__block > h2 {
    font-size: 2.375rem;
  }

  .content-article__block > h3 {
    font-size: 2.125rem;
  }

  .content-article__block > h4 {
    font-size: 1.875rem;
  }

  .content-article__block > h5 {
    font-size: 1.625rem;
  }

  .content-article__block > h5:not(:last-child) {
    margin-bottom: 1.5625rem;
  }

  .content-article__block > h6 {
    font-size: 1.25rem;
  }

  .content-article__block > h6:not(:last-child) {
    margin-bottom: 1.5625rem;
  }

  .content-article__block > ul li,
  .content-article__block > ol li {
    font-size: 1.125rem;
  }

  .content-article__deco-text {
    font-size: 1.75rem;
  }

  .content-article__deco-text:not(:last-child) {
    margin-bottom: 3.75rem;
  }

  .content-article__deco-text p:not(:last-child) {
    margin-bottom: 1.1875rem;
  }

  .content-article__deco-text {
    padding-right: 3.5rem;
  }

  .content-article__deco-text::before {
    width: 2.25rem;
  }

  .gallery-swiper--margin:not(:last-child) {
    margin-bottom: 3.75rem;
  }

  .gallery-swiper__footer {
    padding: 1.25rem;
  }

  .gallery-swiper__pagination,
  .gallery-swiper__button {
    height: 3.125rem;
  }

  .gallery-swiper__pagination,
  .gallery-swiper__button {
    width: 3.125rem;
  }

  .gallery-swiper__pagination {
    font-size: 1rem;
  }

  .page__account {
    margin-bottom: 11.3125rem;
  }

  .account__title {
    font-size: 3.75rem;
  }

  .tabs-account__navigation {
    gap: 2.5rem;
  }

  .tabs-account__navigation {
    margin-bottom: 4rem;
  }

  .tabs-account__content {
    padding-top: 4.375rem;
  }

  .navigation-account--margin:not(:last-child) {
    margin-bottom: 5.0625rem;
  }

  .history-account__items:not(:last-child) {
    margin-bottom: 5.0625rem;
  }

  .item-history__id {
    font-size: 1.125rem;
  }

  .empty-history__title {
    font-size: 2.125rem;
  }

  .notif-account__items:not(:last-child) {
    margin-bottom: 5.0625rem;
  }

  .item-notif {
    padding-left: 2.5rem;
  }

  .item-notif {
    padding-right: 2.5rem;
  }

  .item-notif--new::before {
    left: 2.5rem;
  }

  .item-notif__header:not(:last-child) {
    margin-bottom: 2rem;
  }

  .item-notif__text:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .form-account__block:not(:last-child) {
    margin-bottom: 3.125rem;
  }

  .form-account__actions:not(:last-child) {
    margin-bottom: 3.125rem;
  }

  .page__order {
    margin-bottom: 10.625rem;
  }

  .page__order-done {
    margin-bottom: 10.625rem;
  }

  .order__title,
  .form-order__subtitle,
  .form-order__title {
    font-size: 3.75rem;
  }

  .order__title:not(:last-child),
  .form-order__subtitle:not(:last-child),
  .form-order__title:not(:last-child) {
    margin-bottom: 4rem;
  }

  .form-order__title {
    font-size: 1.875rem;
  }

  .products-order__title {
    font-size: 1.875rem;
  }

  .order-done {
    min-height: 34.5625rem;
  }

  .order-done__title {
    font-size: 3.75rem;
  }

  .page__locations {
    margin-bottom: 13.625rem;
  }

  .locations__title {
    font-size: 5.3125rem;
  }

  .locations__title:not(:last-child) {
    margin-bottom: 6rem;
  }

  .item-locations__title {
    font-size: 1.625rem;
  }

  .page__shipping-info {
    margin-bottom: 16.0625rem;
  }

  .shipping-info__title {
    font-size: 4.0625rem;
  }

  .shipping-info__title {
    max-width: 39.5625rem;
  }

  .shipping-info__subtitle {
    font-size: 2.125rem;
  }

  .shipping-info__items:not(:last-child) {
    margin-bottom: 8.75rem;
  }

  .shipping-info__items--payment .shipping-info__item::before {
    font-size: 4.125rem;
  }

  .shipping-info__title-item {
    font-size: 1.625rem;
  }

  .page__refund {
    margin-bottom: 18.3125rem;
  }

  .refund__title {
    font-size: 4.0625rem;
  }

  .refund__title {
    max-width: 39.5625rem;
  }

  .page__public-offer {
    margin-bottom: 15.6875rem;
  }

  .public-offer__title {
    font-size: 4.0625rem;
  }

  .public-offer__title {
    max-width: 39.5625rem;
  }

  .error__title {
    font-size: 5.3125rem;
  }

  .partners__hero {
    margin-bottom: 13.25rem;
  }

  .partners__decision {
    margin-bottom: 15.5625rem;
  }

  .partners__benefits {
    margin-bottom: 14.125rem;
  }

  .hero-partners__body {
    padding-right: 5rem;
  }

  .hero-partners__body {
    padding-top: 7.0625rem;
  }

  .hero-partners__title {
    font-size: 5.3125rem;
  }

  .hero-partners__list {
    gap: 3.125rem;
  }

  .hero-partners__item::before {
    width: 3.125rem;
  }

  .hero-partners__item::before {
    height: 3.125rem;
  }

  .hero-partners__item::before {
    margin-bottom: 1.375rem;
  }

  .decision-parthers__title {
    font-size: 4.0625rem;
  }

  .decision-parthers__title:not(:last-child) {
    margin-bottom: 6.375rem;
  }

  .decision-parthers__item {
    padding-left: 3.125rem;
  }

  .decision-parthers__item::after {
    left: 2.375rem;
  }

  .decision-parthers__item::after {
    top: 1rem;
  }

  .decision-parthers__item:has(._spoller-active) {
    padding-left: 5.25rem;
  }

  .decision-parthers__item:has(._spoller-active)::after {
    width: 2.1875rem;
  }

  .decision-parthers__item:not(:last-child) {
    margin-bottom: 2.1875rem;
  }

  .decision-parthers__item::before {
    top: 0.3125rem;
  }

  .decision-parthers__item::before {
    font-size: 1.25rem;
  }

  .item-decision__title {
    font-size: 2.5rem;
  }

  .who__bottom--partners {
    margin-bottom: 13.75rem;
  }

  .benefits-partners__title {
    font-size: 4.0625rem;
  }

  .benefits-partners__title:not(:last-child) {
    margin-bottom: 6.3125rem;
  }

  .benefits-partners__items {
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
  }

  .item-benefits-p__title {
    font-size: 1.5rem;
  }

  .item-benefits-p__title::after {
    font-size: 1.25rem;
  }

  .page__school::before {
    top: 12.5rem;
  }

  .school__title {
    font-size: 5.3125rem;
  }

  .school__title {
    max-width: 32.8125rem;
  }

  .school__about {
    margin-bottom: 13.75rem;
  }

  .school__consulting {
    margin-bottom: 13.75rem;
  }

  .about-school {
    padding-top: 13.875rem;
  }

  .about-school__image:nth-of-type(1) {
    width: 13.75rem;
  }

  .about-school__image:nth-of-type(2) {
    width: 17.0625rem;
  }

  .about-school__image:nth-of-type(3) {
    width: 22.125rem;
  }

  .about-school__title {
    font-size: 4.0625rem;
  }

  .about-school__title:not(:last-child) {
    margin-bottom: 6.25rem;
  }

  .consulting__wrapper {
    padding-top: 2.5rem;
  }

  .consulting__wrapper {
    padding-left: 4.375rem;
  }

  .consulting__wrapper {
    padding-bottom: 2.5rem;
  }

  .consulting__wrapper {
    padding-right: 4.375rem;
  }

  .consulting__title {
    font-size: 2.5rem;
  }

  .consulting__title:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .consulting__text {
    padding-left: 7.5625rem;
  }

  .list-school__title,
  .cool-about__title,
  .form-school__title {
    font-size: 4.0625rem;
  }

  .list-school__title:not(:last-child),
  .cool-about__title:not(:last-child),
  .form-school__title:not(:last-child) {
    margin-bottom: 6.25rem;
  }

  .course-item__text-link {
    font-size: 2.375rem;
  }

  .course-item__info {
    gap: 3.125rem;
  }

  .course-item__info:not(:last-child) {
    margin-bottom: 3.5rem;
  }

  .school__form {
    margin-bottom: 8.875rem;
  }

  .form-school {
    padding-top: 15.125rem;
  }

  .form-school {
    padding-bottom: 7.5625rem;
  }

  .form-school__image:nth-of-type(1) {
    width: 13.75rem;
  }

  .form-school__image:nth-of-type(1) {
    right: 25.0625rem;
  }

  .form-school__image:nth-of-type(2) {
    width: 22.125rem;
  }

  .form-school__image:nth-of-type(2) {
    bottom: 11.8125rem;
  }

  .form-school__image:nth-of-type(3) {
    width: 17.0625rem;
  }

  .form-school__image:nth-of-type(3) {
    right: 5.375rem;
  }

  .form-school__title:not(:last-child) {
    margin-bottom: 3.75rem;
  }

  .form-school__text:not(:last-child) {
    margin-bottom: 4.5rem;
  }

  .course__hero:not(:last-child) {
    margin-bottom: 13rem;
  }

  .course__title {
    font-size: 5.3125rem;
  }

  .course__title:not(:last-child) {
    margin-bottom: 2rem;
  }

  .course__text:not(:last-child) {
    margin-bottom: 2rem;
  }

  .course__about {
    margin-bottom: 13.75rem;
  }

  .course__other {
    margin-bottom: 12.5625rem;
  }

  .about-course__items:not(:last-child) {
    margin-bottom: 6.25rem;
  }

  .about-course__item:not(:last-child) {
    margin-bottom: 3.125rem;
  }

  .about-course__plan:not(:last-child) {
    margin-bottom: 3.125rem;
  }

  .aside-course__info:not(:last-child) {
    margin-bottom: 3.125rem;
  }

  .item-about-course__title,
  .plan-course__title,
  .item-about-course__subtitle {
    font-size: 2.375rem;
  }

  .item-about-course__title:not(:last-child),
  .plan-course__title:not(:last-child),
  .item-about-course__subtitle:not(:last-child) {
    margin-bottom: 3.125rem;
  }

  .item-about-course__subtitle {
    font-size: 1.625rem;
  }

  .item-about-course__subtitle:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .item-about-course__text:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .plan-course__title {
    font-size: 2.375rem;
  }

  .plan-course__title:not(:last-child) {
    margin-bottom: 3rem;
  }

  .plan-course__item {
    gap: 2.1875rem;
  }

  .video-box__play {
    width: 9.125rem;
  }

  .video-box__play {
    height: 9.125rem;
  }

  .video-box__play {
    padding: 1.4375rem;
  }

  .video-box__play span {
    font-size: 2rem;
  }

  .about__info {
    margin-bottom: 8.4375rem;
  }

  .about__cool {
    margin-bottom: 6.25rem;
  }

  .about__facts {
    margin-bottom: 13.75rem;
  }

  .about__contacts {
    margin-top: -21.875rem;
  }

  .about__contacts {
    margin-bottom: 9.25rem;
  }

  .about__slider {
    margin-bottom: 13.75rem;
  }

  .info-about__title {
    font-size: 4.0625rem;
  }

  .info-about__title {
    max-width: 56.25rem;
  }

  .info-about__title:not(:last-child) {
    margin-bottom: 10.875rem;
  }

  .info-about__title {
    margin-top: -12.5rem;
  }

  .info-about__item {
    font-size: 2.5rem;
  }

  .info-about__item {
    gap: 3.375rem;
  }

  .info-about__item::before {
    font-size: 5.9375rem;
  }

  .info-about__item:not(:last-child) {
    margin-bottom: 8.1875rem;
  }

  .cool-about {
    padding-top: 14rem;
  }

  .cool-about {
    padding-bottom: 0.0000000625rem;
  }

  .cool-about__image:nth-of-type(1) {
    width: 14.125rem;
  }

  .cool-about__image:nth-of-type(1) {
    left: 16.8125rem;
  }

  .cool-about__image:nth-of-type(2) {
    width: 17.25rem;
  }

  .cool-about__image:nth-of-type(2) {
    bottom: 4.9375rem;
  }

  .cool-about__image:nth-of-type(2) {
    right: -0.875rem;
  }

  .cool-about__image:nth-of-type(3) {
    width: 11.125rem;
  }

  .cool-about__image:nth-of-type(3) {
    left: 5.3125rem;
  }

  .cool-about__image:nth-of-type(3) {
    bottom: 1.3125rem;
  }

  .cool-about__title:not(:last-child) {
    margin-bottom: 3.75rem;
  }

  .cool-about__text:not(:last-child) {
    margin-bottom: 4.5rem;
  }

  .slider-about__swiper:not(:last-child) {
    margin-bottom: 3.1875rem;
  }

  .slider-about__button {
    height: 3.125rem;
  }

  .slider-about__button {
    width: 3.125rem;
  }

  .about-slide__img {
    margin-bottom: 3.125rem;
  }

  .about-slide__title {
    font-size: 1.625rem;
  }

  .facts-about__background {
    min-height: 57.1875rem;
  }

  .facts-about__title {
    font-size: 4.0625rem;
  }

  .facts-about__title:not(:last-child) {
    margin-bottom: 6.25rem;
  }

  .item-facts {
    min-height: 19.75rem;
  }

  .item-facts__title {
    font-size: 2.8125rem;
  }

  .item-facts__title--orange {
    font-size: 5.375rem;
  }

  .item-facts__title--orange span {
    font-size: 2.6875rem;
  }

  .item-facts__label {
    font-size: 1.25rem;
  }

  .brand-barista__title {
    font-size: 4.0625rem;
  }

  .brand-barista__text {
    font-size: 2.5rem;
  }

  .brand-barista__text:not(:last-child) {
    margin-bottom: 9.1875rem;
  }

  .brand-barista__text::before {
    width: 3.125rem;
  }

  .brand-barista__text::before {
    height: 3.125rem;
  }

  .brand-barista__text::before {
    font-size: 0.8125rem;
  }

  .brand-barista__list {
    padding-left: 6.875rem;
  }

  .brand-barista__item {
    font-size: 1.25rem;
  }

  .brand-barista__item::before {
    font-size: 1.25rem;
  }

  .contacts-about {
    padding-top: 16.0625rem;
  }

  .contacts-about {
    padding-bottom: 11rem;
  }

  .contacts-about__image:nth-of-type(1) {
    width: 13.75rem;
  }

  .contacts-about__image:nth-of-type(2) {
    width: 17.0625rem;
  }

  .contacts-about__image:nth-of-type(3) {
    width: 22.125rem;
  }

  .contacts-about__title {
    font-size: 2.5rem;
  }

  .contacts-about__title:not(:last-child) {
    margin-bottom: 2.1875rem;
  }

  .contacts-about__text:not(:last-child) {
    margin-bottom: 3.75rem;
  }

  .contacts-about__link {
    font-size: 2.5rem;
  }

  .contacts-about__link:not(:last-child) {
    margin-bottom: 2.1875rem;
  }

  .page__hero {
    margin-bottom: 9.8125rem;
  }

  .page__hero-blog {
    margin-bottom: 9.8125rem;
  }

  .page__blog {
    margin-bottom: 9.8125rem;
  }

  .page__article {
    margin-bottom: 11.9375rem;
  }

  .page__contacts-block {
    margin-bottom: 9.8125rem;
  }
}

@media (min-width: 98.125em) {
  .who__title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
  }
}

@media (min-width: 48em) {
  .text-vertical,
  .product-slider__text-vertical {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    rotate: -180deg;
  }

  .mobile {
    display: none;
  }

  .shop-card:not(.disabled):hover .shop-card__front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    visibility: hidden;
    opacity: 0;
  }

  .shop-card:not(.disabled):hover .shop-card__back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  .shop-card.disabled a {
    pointer-events: none;
  }

  .shop-card__add {
    margin-top: 0.9375rem;
  }

  .shop-card__bottom .shop-card__add,
  .shop-card__bottom .shop-card__info-text {
    display: none;
  }

  .shop-card--slider {
    min-height: 28.125rem;
  }

  .offline-slider .swiper-slide-next,
  .offline-slider .swiper-slide-active {
    border-right: 0.0625rem solid rgba(255, 255, 255, 0.08);
  }

  .menu-more::after {
    width: 0;
    height: 0;
    border-left: 0.25rem solid transparent;
    border-right: 0.25rem solid transparent;
    border-top: 0.25rem solid #fff;
  }

  .sub-menu {
    border-radius: 0 0 1.25rem 1.25rem;
  }

  .sub-menu__list {
    width: 75%;
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }

  .hero__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20rem;
    flex: 0 0 20rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.875rem 0;
  }

  .who__center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .who__bottom {
    border-top: 0.0625rem solid rgba(255, 255, 255, 0.08);
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .who__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 27.125rem;
    flex: 0 0 27.125rem;
  }

  .who__bottom-item:nth-child(1) {
    border-right: 0.0625rem solid rgba(255, 255, 255, 0.08);
  }

  .section__course {
    padding-top: 1.875rem;
    border-top: 0.0625rem solid rgba(255, 255, 255, 0.08);
  }

  .product-slider {
    min-height: 49.8125rem;
  }

  .product-slider.top {
    min-height: fit-content;
    margin: 1rem 0;
  }

  .product-slider__head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .product-slide__title {
    font-size: 1.625rem;
  }

  .footer__col:last-child {
    margin-left: auto;
  }

  .footer-bottom__items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer-block__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contacts__items {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .contacts__item {
    gap: 1.5625rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .contacts__item-content {
    text-align: center;
    font-size: 1.625rem;
  }

  .contact-form__grid {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .contacts-block__items {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .contacts-block .contact-form__item {
    gap: 2.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .contacts-block .contact-form__item-content {
    text-align: center;
    font-size: 1.625rem;
  }

  .catalog__section {
    -ms-grid-columns: 18.0625rem 1fr;
    grid-template-columns: 18.0625rem 1fr;
  }

  .catalog-hero__title span {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    translate: 40% 0;
  }

  .catalog-sort__filter-btn {
    display: none;
  }

  .catalog-filter__footer {
    display: none;
  }

  .catalog-filter__close {
    display: none;
  }

  .product-info__price {
    margin-top: 3.125rem;
  }
}

@media (min-width: 64em) {
  .who__bottom-item:nth-child(1) {
    padding-right: 1.875rem;
  }
}
@media(max-width: 910px){
  .contacts__inner .contacts__items .contacts__item-content{
    font-size: 1.2rem;
  }
}
@media (max-width: 64em) {
  .menu__list {
    gap: 1.875rem;
  }

  .course-home__cards {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .who__bottom-item:nth-child(2) {
    padding-left: 1.875rem;
  }

  .footer-top {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }

  .contacts__form {
    padding-bottom: 13.125rem;
    margin-bottom: 2.5rem;
    padding: 100px 20px;
  }

  .contacts__img:nth-child(2) {
    width: 5.3125rem;
    height: 6.6875rem;
    right: -1.5625rem;
    top: 70%;
  }

  .contacts__img:nth-child(3) {
    /* bottom: 0;
    left: 0;
    top: auto; */
    bottom: -60px;
    left: -30px;
    top: auto;
  }

  .contacts-block__img:nth-child(2) {
    width: 5.3125rem;
    height: 6.6875rem;
    right: -1.5625rem;
    top: 70%;
  }
}

@media (max-width: 25em) {
  .product-price__col {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .item-history__block {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }

  .course::before {
    -webkit-transform: translateY(35%);
    -ms-transform: translateY(35%);
    transform: translateY(35%);
  }
}

@media (max-width: 90em) {
  .header__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0;
  }

  /* header{
    position: sticky !important;
    backdrop-filter: blur(5px);
  }

  .dropdown__menu.sub-menu{
    height: 100vh;
  } */

}

@media (max-width: 74.99875em) {
  .catalog__section {
    gap: 1.25rem;
  }

  .catalog__cards {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }

  .product__grid {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 68.75em) {
  .aside-course__link {
    font-size: 0.6875rem;
  }
}

@media (max-width: 63.99875em) {
  .product__img {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}

@media (max-width: 63.9375em) {
  .product__grid-3:not(:last-child) {
    gap: 1.875rem;
    margin-bottom: 4.375rem;
  }

  .product-info__tags:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .product-block--coffee:not(:last-child) {
    margin-bottom: 3.125rem;
  }

  .coffee-description:not(:last-child) {
    margin-bottom: 3.125rem;
  }

  .coffee-description__block:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .product-coffee__info {
    gap: 0;
  }

  .product-coffee__info .product-info__title:not(:last-child) {
    margin-bottom: 0.9375rem;
  }

  .product-coffee__hero {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 63.9375rem) {
  .product-coffee__info:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 61.99875em) {
  .popup__content--course {
    padding-top: 4.75rem;
    padding-bottom: 4.75rem;
  }

  .popup__image {
    max-width: 18.75rem;
  }

  .popup__image:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .order__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 5.1875rem;
  }

  .locations__list:not(:last-child) {
    margin-bottom: 3.75rem;
  }

  .locations__map:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .page__shipping-info::before {
    width: 100%;
    bottom: 10%;
  }

  .shipping-info__items--three {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .shipping-info__items--four {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }

  .benefits-partners__items {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }

  .course-item__info {
    gap: 1.25rem;
  }

  .course-item__info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .course-item__info-col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(50% - 1.25rem);
    flex-basis: calc(50% - 1.25rem);
  }

  .about-course__aside:not(:last-child) {
    margin-bottom: 5rem;
  }

  .aside-course {
    padding: 1.25rem;
  }

  .aside-course__title {
    display: none;
  }

  .aside-course__item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .facts-about__items {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .facts-about__item:nth-child(2n + 1) {
    border-left: none;
  }

  .facts-about__item:nth-child(even) {
    border-right: none;
  }

  .facts-about__item:nth-child(n + 3) {
    border-top: none;
  }

  .facts-about__item:not(:nth-child(2n)) {
    border-right: none;
  }
}
@media (max-width: 1024px) {
  .who__links {
    display: flex;
    flex-direction: column;
  }
}


@media (max-width: 1080px) {
  .hero__img .front {
        left: 10%;
  }
}


@media (max-width: 47.99875em) {
  .select__title {
    font-size: 0.875rem;
  }

  .select__value {
    font-size: 0.875rem;
  }


  .select__input {
    font-size: 0.875rem;
  }

  .select_field .select__option {
    font-size: 0.875rem;
  }

  .tabs__wrapper {
    margin-bottom: 1.875rem;
    gap: 1.5625rem;
  }

  .tabs__navigation {
    margin-bottom: 1.875rem;
    gap: 1.5625rem;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding-bottom: 0.625rem;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }

  .tabs__title {
    font-size: 0.75rem;
  }

  .title-md,
  .slider-block__title,
  .product-block__title-lg,
  .catalog-hero__title,
  .product-slider__title,
  .who__title {
    font-size: 1.875rem;
  }

  .title,
  .catalog-filter__title,
  .course-home-card__title {
    font-size: 1rem;
  }
  ._mainContainer_1r08z_2._bottom-right_1r08z_6 {
    bottom: 75px !important;
  }
  .text,
  .contact-form__text,
  .offline-card__address,
  .course-home-card__text {
    font-size: 0.75rem;
  }

  .wrapper--coffee::after {
    height: 100%;
    width: 100%;
    max-width: 80vw;
    max-height: 39.75rem;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    background: url("https://wonderfull.coffee/catalog/view/theme/default/image/bg/hero-decor.png") top left/contain no-repeat;
  }

  .wrapper--contacts::after {
    width: 100%;
  }

  .wrapper--shipping-info::before {
    width: 100%;
  }

  .wrapper--course::before {
    width: 100%;
  }
  .brand-barista__name {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .text-vertical,
  .product-slider__text-vertical {
    font-size: 0.75rem;
  }

  .section-margin,
  .product-slider,
  .shop {
    margin: 7.5rem 0;
  }

  .section-margin-sm,
  .product__contacts {
    margin: 7.5rem 0;
  }

  .shop .dropdown__title {
    font-size: 0.75rem;
    padding: 0.4375rem 0.875rem;
  }

  .shop .dropdown__menu {
    padding-right: 0.875rem;
  }

  .shop .dropdown__menu li {
    font-size: 0.75rem;
  }

  .desktop {
    display: none;
  }

  .wrapper--locations::before {
    width: 100%;
  }

  .wrapper--refund::before {
    width: 100%;
  }

  .wrapper--refund::after {
    width: 100%;
  }

  .wrapper--partners::before {
    width: 100%;
  }

  .label--new {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 0.5rem;
  }

  .label {
    font-size: 0.5625rem;
    padding-top: 0.1875rem;
  }

  .label--sale {
    min-width: 2.375rem;
    min-height: 1.125rem;
  }

  .label-lg {
    font-size: 0.75rem;
    height: 1.75rem;
    min-width: 3.625rem;
    padding: 0;
  }

  .language-select__trigger {
    font-size: 0.75rem;
  }

  .btn {
    height: 1.875rem;
    min-width: 1.875rem;
  }

  .btn-lg {
    min-width: 2.5rem;
    height: 2.5rem;
  }

  .shop-card__info-text {
    font-size: 0.5625rem;
    text-align: center;
    line-height: 1.2;
  }

  .shop-card__add {
    border-radius: 1.875rem;
    background-color: #f47953;
    font-size: 0.625rem;
    color: #fff;
  }

  .shop-card__front,
  .shop-card__back {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.625rem;
    border-radius: 0.625rem;
  }

  .shop-card__back {
    display: none;
  }

  .shop-card__img {
    margin-bottom: 0.625rem;
  }

  .shop-card__title {
    font-size: 0.75rem;
    text-align: center;
  }

  .shop-card__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .shop-card__btns {
    width: 100%;
  }

  .shop-card__btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .shop-card__disable-text {
    font-size: 0.625rem;
  }

  .course-home-card {
    gap: 0.75rem;
    padding: 1.25rem 0;
    border-top: 0.0625rem solid rgba(255, 255, 255, 0.08);
  }

  .course-home-card__date {
    font-size: 0.625rem;
  }

  .offline-card {
    padding: 1.875rem;
  }

  .offline-card__title {
    font-size: 0.625rem;
  }

  .field--phone input {
    padding-left: 2.5rem;
  }

  .field--phone::before {
    font-size: 0.875rem;
  }

  .field input {
    font-size: 0.875rem;
  }

  .field__label {
    font-size: 0.875rem;
  }

  .field.field--fz24 input,
  .field.field--fz24 .field__label,
  .field.field--fz24::before {
    font-size: 1.125rem;
  }

  .field.field--fz24.field--phone input {
    padding-left: 3.125rem;
  }

  .field.field--fz24.field--phone::before {
    bottom: 0.875rem;
  }

  .breadcrumbs {
    display: none;
  }

  .header__login {
    margin-left: auto;
    font-size: 0.6875rem;
    height: 1.875rem;
    width: 1.875rem;
  }

  .header__login span {
    display: none;
  }

  .header .btn svg {
    width: 0.6875rem;
  }

  .header-basket {
    font-size: 0.75rem;
    padding: 0.375rem;
  }

  .header-basket svg {
    width: 0.875rem;
  }

  .header-search__item {
    padding: 1.25rem;
    gap: 0.9375rem;
  }

  .menu {
    width: 100%;
  }

  .menu__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .menu__list li > a {
    font-size: 0.75rem;
  }

  .menu-more {
    position: relative;
    padding-right: 1.25rem;
    line-height: 1;
  }

  .menu-more::after {
    width: 0.75rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0.75rem;
    flex: 0 0 0.75rem;
    position: absolute;
    top: 50%;
    margin-top: -0.0625rem;
    right: 0;
    translate: 0 -50%;
    height: 100%;
    background: url("https://wonderfull.coffee/catalog/view/theme/default/image/icons/mobile-menu.svg") center/contain no-repeat;
  }
.sub-menu__optional li:last-child{
  display: none;
}
  .sub-menu {
    
    position: fixed;
    inset: 0;
    padding: 1.25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .sub-menu__list {
    margin-top: auto;
  }

  .sub-menu__list a {
    font-size: 1rem !important;
  }

  .icon-menu {
    display: block;
    position: relative;
    width: 1.875rem;
    height: 1.125rem;
    z-index: 5;
  }

  .icon-menu span,
  .icon-menu::before,
  .icon-menu::after {
    content: "";
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: 0.125rem;
    background-color: #000;
  }

  .icon-menu::before {
    top: 0;
  }

  .icon-menu::after {
    bottom: 0;
  }

  .icon-menu span {
    top: calc(50% - 0.0625rem);
  }

  .menu-open .icon-menu span {
    width: 0;
  }

  .menu-open .icon-menu::before {
    top: calc(50% - 0.0625rem);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .menu-open .icon-menu::after {
    bottom: calc(50% - 0.0625rem);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .hero__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .hero__content {
    grid-gap: 1.25rem;
    margin-top: 100px;
  }

  .hero__decor-text {
    text-align: center;
  }

  .hero__text-top {
    display: none;
  }

  .hero__title {
    font-size: 1.25rem;
  }

  .hero__text {
    font-size: 0.75rem;
    max-width: 82%;
  }

  .shop__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.875rem;
    min-height: auto;
  }

  .shop__head .text-vertical,
  .shop__head .product-slider__text-vertical {
    position: static;
  }

  .shop .tabs__title {
    font-size: 0.75rem;
  }

  .shop-slider__navs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }

  .course-home__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .course-home__cards {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }

  .who::before {
    top: 0;
    min-height: 32.4375rem;
  }

  .who::after {
    translate: 0 -50%;
    min-width: 36.5rem;
    aspect-ratio: 2226/2068;
  }

  .who__img-top {
    width: 7.8125rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 7.8125rem;
    flex: 0 0 7.8125rem;
    height: 5.875rem;
    translate: 0 0;
    overflow: visible;
  }

  .who__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2.0625rem;
  }

  .who__head-img {
    position: absolute;
    width: 7.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 7.5rem;
    flex: 0 0 7.5rem;
    height: 9.5rem;
    top: 50%;
    right: 0;
    translate: 50% 0;
    z-index: -1;
  }

  .who__center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .who__center-img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 12.6875rem;
    translate: -1.875rem 0;
  }

  .who__text {
    font-size: 0.75rem;
  }

  .who__works-title {
    font-size: 1.5rem;
    margin-bottom: 1.875rem;
  }

  .who__bottom-item {
    padding-top: 0;
    padding-bottom: 0;
  }

  .who__bottom-item:nth-child(1) {
    padding-right: 0;
  }

  .who__bottom-item:nth-child(2) {
    padding-left: 0;
  }

  .who__links {
    gap: 1.8125rem;
    overflow-x: auto;
    max-width: calc(100vw - 1.875rem);
    padding-bottom: 0.625rem;
  }

  .who__links label {
    font-size: 0.75rem;
  }

  .section::before {
    height: 37.5rem;
    width: auto;
    aspect-ratio: 1/1;
    top: auto;
    bottom: 0px;
    translate: -20% 50%;
    rotate: 15deg;
  }

  .school-home__bg {
    height: 35.375rem;
    top: -9.125rem;
  }

  .school-home__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
  }

  .school-home__block .btn-link {
    display: none;
  }

  .school-home__img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .product-slider__bg {
    width: 62.5rem;
    translate: -50% -40%;
  }

  .product-slider__bg img {
    -o-object-position: top;
    object-position: top;
  }

  .product-slider .swiper-pagination {
    margin-top: 1.875rem;
  }

  .product-slider__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .product-slide__img {
    height: 13.75rem;
  }

  .product-slide__title {
    margin-bottom: 0.625rem;
  }

  .product-slide__text {
    font-size: 0.75rem;
  }

  .footer {
    font-size: 0.875rem;
  }

  .footer::after {
    max-height: 25rem;
    top: auto;
    bottom: 0;
    background-position: bottom center;
  }

  .footer__text-decor {
    padding: 0.625rem 0;
  }

  .footer__top {
    margin-bottom: 2.5rem;
  }

  .footer__bottom {
    margin-bottom: 2.5rem;
  }

  .footer-top {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-top .footer__col:last-child {
    -ms-grid-column-span: 2;
    grid-column: 2 span;
  }

  .footer-block__line {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer-block__title {
    font-size: 0.875rem;
  }

  .footer-block__list {
    gap: 0.9375rem;
  }

  .contacts__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1.25rem;
    margin-bottom: 2.5rem;
  }

  .contacts__bottom {
    translate: 0 -2.1875rem;
  }

  .contacts__img:nth-child(1) {
    left: 3.125rem;
    translate: 0 -0.9375rem;
  }

  .contacts__social {
    margin-bottom: 1.875rem;
  }

  .contacts__social-list a {
    width: 2.0625rem;
  }

  .contacts__item-text {
    font-size: 0.75rem;
  }
  @media (max-width: 25em) {
    .tabs__wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 0.625rem;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: start;
    }
  }
  .contacts__item-content {
    line-height: 1.9;
  }

  .contacts__item-content br {
    display: none !important;
  }

  .contacts__map {
    min-height: 28.125rem;
    translate: 0 -1.875rem;
  }

  .contact-map__beacon {
    width: 2.5rem;
  }

  .contact-map__btn {
    width: 2.1875rem;
  }

  .contact-form {
    padding-top: 70px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .contact-form__title {
    font-size: 1.5rem;
  }

  .contact-form__btn {
    min-width: 8.375rem;
    margin-top: 1.5625rem;
  }

  .success-contact__text {
    font-size: 0.875rem;
  }

  .contacts-block {
    padding-bottom: 12.5rem;
  }

  .contacts-block__img:nth-child(1) {
    left: 3.125rem;
    translate: 0 -0.9375rem;
  }

  .contacts-block__social {
    margin-bottom: 1.875rem;
  }

  .contacts-block__social-list a {
    width: 2.0625rem;
  }

  .contacts-block .contact-form__item-text {
    font-size: 0.75rem;
  }

  .contacts-block .contact-form__item-content {
    line-height: 1.9;
  }

  .popup--video .popup__content {
    aspect-ratio: 517/996;
    max-height: 31.25rem;
  }

  .popup__title--big:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .popup__title--small {
    font-size: 1rem;
  }

  .form-popup__col {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }

  .code-popup__text-button {
    font-size: 0.875rem;
  }

  .product-cart__link {
    font-size: 0.875rem;
  }

  .catalog__filter {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1.25rem;
    background-color: #121111;
    z-index: 5;
  }

  .catalog__sort {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 3rem 0;
  }

  .catalog-hero__title span {
    text-align: center;
  }

  .text-section__block {
    font-size: 0.875rem;
  }

  .catalog-sort__tags {
    padding-bottom: 0.3125rem;
    width: 100%;
  }

  .catalog-sort__select-label {
    display: none;
  }

  .catalog-filter {
    translate: 0 -10%;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
  }

  .catalog-filter__items {
    overflow-y: auto;
    overflow-x: hidden;
  }

  .catalog-filter__footer {
    margin-top: auto;
  }

  .product__img {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .product__img .label-lg {
    top: 0.9375rem;
    left: 0.9375rem;
  }

  .product__grid {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }

  .product__similar {
    margin: 6.25rem 0;
  }

  .product-info__head {
    gap: 1.875rem;
  }

  .product-info__head:not(:last-child) {
    margin-bottom: 6.25rem;
  }

  .product-info__head .product-info__text {
    display: none;
  }

  .product-info__title {
    font-size: 1.875rem;
  }

  .product-info__tags .tag {
    font-size: 0.5rem;
    padding-inline: 1rem;
    height: 1.625rem;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.1);
  }

  .product-info__description {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    position: relative;
  }

  .product-info__description::before {
    content: "";
    position: absolute;
    right: -0.9375rem;
    bottom: 0;
    width: 100vw;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    aspect-ratio: 2226/2068;
    background: url("https://wonderfull.coffee/catalog/view/theme/default/image/bg/section-bg-light.png") right top/contain
      no-repeat;
    z-index: -1;
  }

  .product-info__price:not(:last-child) {
    margin-bottom: 0.625rem;
  }

  .product-price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .product-price__col {
    margin-left: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }

  .product-price__sum {
    width: 100%;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.08);
  }

  .product-block--bg-m::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -1.25rem;
    width: 70%;
    -webkit-transform: translateY(60%);
    -ms-transform: translateY(60%);
    transform: translateY(60%);
    min-width: 25rem;
    aspect-ratio: 1376/2978;
    background: url("https://wonderfull.coffee/catalog/view/theme/default/image/bg/section-bg-vertical.png") no-repeat left
      bottom/cover;
    z-index: -1;
    pointer-events: none;
  }

  .product-block {
    margin-top: 0;
    gap: 1.875rem;
  }

  .product-block:not(:last-child) {
    margin-bottom: 6.25rem;
  }

  .product-block__title-lg {
    text-align: left;
  }

  .product-block__title {
    font-size: 1.5rem;
  }

  .product-block__grid dl,
  .product-block__list dl {
    font-size: 0.875rem;
  }

  .product-block__text {
    font-size: 0.875rem;
  }

  .product-block__slider-nav {
    margin-top: 2.5rem;
  }

  .product-block__slider-nav-center .swiper-pagination {
    position: static;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }

  .slider-block__title {
    text-align: left;
    margin-bottom: 2.5rem;
    font-size: 1.5rem;
  }

  .slider-block__navs .swiper-pagination {
    position: static;
  }

  .coffee-description {
    background: rgba(243, 237, 228, 0.07);
    border-radius: 1.25rem;
    padding: 0.9375rem;
  }

  .coffee-description__img {
    width: 3.125rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3.125rem;
    flex: 0 0 3.125rem;
  }

  .product-coffee {
    padding-top: 3.125rem;
  }

  .product-coffee__info .product-info__description--bg-m {
    position: relative;
  }

  .product-coffee__info .product-info__description--bg-m::before {
    content: "";
    position: absolute;
    right: -0.9375rem;
    bottom: 0;
    width: 100vw;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    aspect-ratio: 2226/2068;
    background: url("https://wonderfull.coffee/catalog/view/theme/default/image/bg/section-bg-light.png") right top/contain
      no-repeat;
    z-index: 1;
  }

  .product-coffee__info .product-info__description--bg-m > * {
    position: relative;
    z-index: 2;
  }

  .product-coffee__hero {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .product-coffee__hero:not(:last-child) {
    margin-bottom: 6.25rem;
  }

  .product-coffee__hero::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -1.25rem;
    width: 70%;
    -webkit-transform: translateY(60%);
    -ms-transform: translateY(60%);
    transform: translateY(60%);
    min-width: 25rem;
    aspect-ratio: 1376/2978;
    background: url("https://wonderfull.coffee/catalog/view/theme/default/image/bg/section-bg-vertical.png") no-repeat left
      bottom/cover;
    z-index: -1;
    pointer-events: none;
  }

  .blog__tags {
    width: 100%;
  }

  .blog__items {
    grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr));
  }

  .item-blog--main:not(:last-child) {
    margin-bottom: 1.5625rem;
  }

  .item-blog--main .item-blog__image:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .item-blog--main .item-blog__title {
    font-size: 1.875rem;
  }

  .content-article__social {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .content-article__deco-text::before {
    margin-bottom: 0.625rem;
    position: static;
  }

  .gallery-swiper__footer {
    position: static;
  }

  .gallery-swiper .swiper-wrapper {
    margin-bottom: 0.625rem;
  }

  .account__header:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .account__link:not(:last-child) {
    margin-bottom: 0.625rem;
  }

  .tabs-account__title {
    font-size: 0.75rem;
  }

  .history-account__item {
    margin-bottom: 6.8125rem;
  }

  .item-history__summary {
    font-size: 0.75rem;
  }

  .item-history__summary span {
    font-size: 1.125rem;
  }

  .item-history__block {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }

  .item-history__button--pc {
    display: none;
  }

  .product-history__link {
    font-size: 0.875rem;
  }

  .product-history__info:not(:last-child) {
    margin-bottom: 0.625rem;
  }

  .product-history__quantity {
    font-size: 0.875rem;
  }

  .product-history__price {
    font-size: 0.875rem;
  }

  .empty-history__text {
    font-size: 0.875rem;
  }

  .empty-history__link {
    padding: 0.6875rem 0.875rem;
    font-size: 0.6875rem;
  }

  .item-notif {
    padding: 1.875rem 1.25rem 1.5rem 1.25rem;
  }

  .item-notif__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .item-notif__title {
    font-size: 1rem;
  }

  .item-notif__date {
    font-size: 0.875rem;
  }

  .item-notif__text {
    font-size: 0.875rem;
  }

  .form-order {
    padding-left: 2.1875rem;
    padding-right: 2.1875rem;
  }

  .form-order__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }

  .locations::after {
    width: 80%;
    -webkit-transform: translateY(35%);
    -ms-transform: translateY(35%);
    transform: translateY(35%);
  }

  .item-locations__name,
  .item-locations__address {
    font-size: 0.875rem;
  }

  .item-locations__address {
    font-size: 0.75rem;
  }

  .item-locations__button {
    width: 1.875rem;
    height: 1.875rem;
    font-size: 0.75rem;
  }

  .page__shipping-info::before {
    display: none;
  }

  .shipping-info__items--three {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .shipping-info__items--four {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .shipping-info__items--three .shipping-info__item {
    border-left: none;
    border-right: none;
  }

  .shipping-info__items--three .shipping-info__item:not(:last-child) {
    border-bottom: none;
  }

  .page__refund::before {
    width: 100%;
    bottom: 0;
  }

  .hero-partners__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 2.5rem;
  }

  .hero-partners__item {
    font-size: 0.75rem;
  }

  .decision-parthers::before {
    width: 100%;
    -webkit-transform: translateY(70%);
    -ms-transform: translateY(70%);
    transform: translateY(70%);
  }

  .decision-parthers__image:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .benefits-partners::before {
    display: none;
  }

  .item-benefits-p__title {
    gap: 0.625rem;
  }

  .school__list {
    margin-bottom: 7.1875rem;
  }

  .about-school {
    padding-bottom: 13.3125rem;
  }

  .about-school__image:nth-of-type(1) {
    width: 8.375rem;
  }

  .about-school__image:nth-of-type(2) {
    width: 8.8125rem;
  }

  .about-school__image:nth-of-type(2) {
    top: auto;
    bottom: 3.75rem;
  }

  .about-school__image:nth-of-type(3) {
    width: 9.25rem;
  }

  .about-school__container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }

  .about-school__title {
    text-align: left;
  }

  .about-school__body {
    text-align: left;
  }

  .about-school__text {
    font-size: 0.875rem;
    text-align: left;
  }

  .consulting__text {
    font-size: 0.875rem;
  }

  .list-school__title,
  .cool-about__title,
  .form-school__title {
    text-align: left;
  }

  .list-school__item:not(:last-child) {
    margin-bottom: 5rem;
  }

  .course-item__image:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .course-item__time {
    font-size: 0.6875rem;
  }

  .course-item__time:not(:last-child) {
    margin-bottom: 0.875rem;
  }

  .course-item__text-link:not(:last-child) {
    margin-bottom: 0.875rem;
  }

  .course-item__text {
    font-size: 0.875rem;
  }

  .course-item__text:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .course-item__label {
    font-size: 0.6875rem;
  }

  .course-item__actions {
    gap: 1rem;
  }

  .course-item__link-button.link--border {
    padding: 0.8125rem 1.0625rem;
  }

  .course-item__link-button {
    font-size: 0.6875rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .school__form::before {
    top: -25%;
    width: 40%;
  }

  .form-school__image:nth-of-type(2) {
    width: 10.375rem;
  }

  .form-school__image:nth-of-type(3) {
    width: 6.875rem;
  }

  .form-school__image:nth-of-type(3) {
    right: 0.0000000625rem;
  }

  .form-school__image:nth-of-type(3) {
    -webkit-transform: translateX(0.3125rem);
    -ms-transform: translateX(0.3125rem);
    transform: translateX(0.3125rem);
  }

  .form-school__text {
    font-size: 0.875rem;
  }

  .course::before {
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    width: 100%;
  }

  .course__text {
    font-size: 0.875rem;
  }

  .course__about::before {
    -webkit-transform: translateY(60%);
    -ms-transform: translateY(60%);
    transform: translateY(60%);
  }

  .about-course__items::before {
    -webkit-transform: translate(-30%, -40%);
    -ms-transform: translate(-30%, -40%);
    transform: translate(-30%, -40%);
  }

  .aside-course__label {
    font-size: 0.75rem;
  }

  .item-about-course__image:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .item-about-course__text {
    font-size: 0.875rem;
  }

  .plan-course {
    padding: 1.875rem 1.25rem;
  }

  .plan-course__list {
    margin-bottom: -1.25rem;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .plan-course__item {
    font-size: 0.875rem;
  }

  .plan-course__item::before {
    font-size: 0.875rem;
  }

  .about__info::before {
    width: 100%;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
  }

  .about__barista:not(:last-child) {
    margin-bottom: 6.25rem;
  }

  .info-about__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cool-about {
    padding-bottom: 18.25rem;
  }

  .cool-about__text {
    font-size: 0.875rem;
  }

  .slider-about__buttons {
    display: none;
  }

  .about-slide__text {
    font-size: 0.875rem;
  }

  .facts-about::before {
    width: 100%;
  }

  .facts-about::after {
    width: 80%;
    -webkit-transform: translateY(60%);
    -ms-transform: translateY(60%);
    transform: translateY(60%);
  }

  .item-facts {
    padding: 1.25rem 0.5rem;
  }

  .brand-barista__image {
    display: none;
  }

  .brand-barista__image--mobile {
    display: block;
  }

  .contacts-about__image:nth-of-type(2) {
    top: auto;
    bottom: 3.75rem;
  }

  .contacts-about__text {
    font-size: 0.875rem;
  }
}

@media (max-width: 47.99875em) and (any-hover: none) {
  .icon-menu {
    cursor: default;
  }
}

@media (max-width: 47.99875em) and (max-width: 22.5em) {
  .brand-barista__body {
    margin-top: -9.375rem;
  }
}

@media (max-width: 37.49875em) {
  .counter--cart .counter__btn {
    width: 1.5625rem;
  }

  .counter--cart .counter__btn svg {
    width: 0.8125rem;
    height: 0.8125rem;
  }

  .counter--cart {
    -ms-grid-columns: (1.5625rem) [3];
    grid-template-columns: repeat(3, 1.5625rem);
  }

  .counter--cart input {
    font-size: 0.75rem;
  }

  .popup__content--cart {
    padding: 1.875rem 1.25rem;
  }

  .cart-popup__link {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .product-cart__col:not(:last-child) {
    margin-bottom: 0.625rem;
  }

  .product-cart__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .product-cart__result {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .product-history {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .form-order {
    padding: 0.9375rem 1.25rem 1.875rem 1.25rem;
  }

  .form-order__item::before {
    position: static;
    margin-bottom: 0.5625rem;
  }

  .products-order__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .products-order__promocode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding-bottom: 1.25rem;
    border-bottom: 0.0625rem rgba(255, 255, 255, 0.08) solid;
  }

  .products-order__summary {
    max-width: 9.5rem;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .products-order__summary--auto {
    min-width: 0;
  }

  .promocode--active {
    margin-top: 0;
  }
}

@media (max-width: 37.5em) {
  .benefits-partners__items {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 35.99875em) {
  .logo {
    width: 100%;
  }

  .logo img {
    width: 100%;
  }

  .header__actions {
    gap: 0.9375rem;
    width: 100%;
  }

  .menu__list {
    gap: 0.9375rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .footer-bottom__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .coffee-description__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.08);
  }
}

@media (max-width: 33.125em) {
  .mobile .footer__text-decor img {
    width: 100%;
  }
}

@media (max-width: 31.249375em) {
  .product-slider__wrapper {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

@media (max-width: 31.25em) {
  .product-info__description dl {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .item-blog__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }

  .locations__map {
    aspect-ratio: 700/900;
  }

  .shipping-info__items--four {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .shipping-info__items--four .shipping-info__item {
    border-left: none;
    border-right: none;
  }

  .shipping-info__items--four .shipping-info__item:not(:last-child) {
    border-bottom: none;
  }
}

@media (max-width: 22.5em) {
  .who__head:not(:last-child) {
    margin-bottom: 2.0625rem;
  }
  .brand-barista__name {
    font-size: 1.125rem;
  }
  .product-slider__title {
    font-size: 1.875rem;
  }

  .success-contact__title {
    font-size: 1rem;
  }

  .popup__title {
    font-size: 1.25rem;
  }

  .popup__title--course {
    font-size: 1.25rem;
  }

  .popup__title--big {
    font-size: 1.875rem;
  }

  .popup__form:not(:last-child) {
    margin-bottom: 2.1875rem;
  }

  .popup__text--left:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .form-popup--course:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .cart-popup__header:not(:last-child) {
    margin-bottom: 1rem;
  }

  .cart-popup__title--empty {
    font-size: 1.25rem;
  }

  .cart-popup__title--empty:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .product__img--coffee {
    max-width: 12.625rem;
  }

  .hero-blog__breadcrumbs:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .hero-blog__title {
    font-size: 1.875rem;
  }

  .blog__tags:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .blog__items {
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .blog__items {
    row-gap: 1.5625rem;
  }

  .blog__items:not(:last-child) {
    margin-bottom: 1.5625rem;
  }

  .item-blog__image:not(:last-child) {
    margin-bottom: 0.8125rem;
  }

  .item-blog__image-link:not(:last-child) {
    margin-bottom: 0.8125rem;
  }

  .item-blog__body:not(:last-child) {
    margin-bottom: 0.8125rem;
  }

  .article__container:not(:last-child) {
    margin-bottom: 5rem;
  }

  .article__breadcrumps:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .content-article__wrapper > img:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .content-article__block > p {
    font-size: 0.875rem;
  }

  .content-article__block > p:not(:last-child) {
    margin-bottom: 1rem;
  }

  .content-article__block > h2 {
    font-size: 1.625rem;
  }

  .content-article__block > h3 {
    font-size: 1.375rem;
  }

  .content-article__block > h4 {
    font-size: 1.25rem;
  }

  .content-article__block > h5 {
    font-size: 1.0625rem;
  }

  .content-article__block > h5:not(:last-child) {
    margin-bottom: 1.125rem;
  }

  .content-article__block > h6 {
    font-size: 0.9375rem;
  }

  .content-article__block > h6:not(:last-child) {
    margin-bottom: 0.625rem;
  }

  .content-article__block > ul li,
  .content-article__block > ol li {
    font-size: 0.875rem;
  }

  .content-article__deco-text {
    font-size: 1.25rem;
  }

  .content-article__deco-text:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .content-article__deco-text p:not(:last-child) {
    margin-bottom: 0.625rem;
  }

  .content-article__deco-text::before {
    width: 1.5rem;
  }

  .gallery-swiper--margin:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .gallery-swiper__footer {
    padding: 0.625rem;
  }

  .gallery-swiper__pagination,
  .gallery-swiper__button {
    height: 2.1875rem;
  }

  .gallery-swiper__pagination,
  .gallery-swiper__button {
    width: 2.1875rem;
  }

  .gallery-swiper__pagination {
    font-size: 0.75rem;
  }

  .page__account {
    margin-bottom: 6.25rem;
  }

  .account__title {
    font-size: 1.875rem;
  }

  .tabs-account__navigation {
    gap: 1.875rem;
  }

  .tabs-account__navigation {
    margin-bottom: 2.375rem;
  }

  .tabs-account__content {
    padding-top: 1.25rem;
  }

  .navigation-account--margin:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .history-account__items:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .item-history__id {
    font-size: 1rem;
  }

  .empty-history__title {
    font-size: 1.25rem;
  }

  .notif-account__items:not(:last-child) {
    margin-bottom: 3.9375rem;
  }

  .item-notif {
    padding-left: 1.25rem;
  }

  .item-notif {
    padding-right: 1.25rem;
  }

  .item-notif--new::before {
    left: 1.25rem;
  }

  .item-notif__header:not(:last-child) {
    margin-bottom: 1rem;
  }

  .item-notif__text:not(:last-child) {
    margin-bottom: 0.9375rem;
  }

  .form-account__block:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .form-account__actions:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .page__order {
    margin-bottom: 5.3125rem;
  }

  .page__order-done {
    margin-bottom: 5.3125rem;
  }

  .order__title,
  .form-order__subtitle,
  .form-order__title {
    font-size: 1.875rem;
  }

  .order__title:not(:last-child),
  .form-order__subtitle:not(:last-child),
  .form-order__title:not(:last-child) {
    margin-bottom: 2.8125rem;
  }

  .form-order__title {
    font-size: 1.25rem;
  }

  .products-order__title {
    font-size: 1.25rem;
  }

  .order-done {
    min-height: 0.0000000625rem;
  }

  .order-done__title {
    font-size: 1.875rem;
  }

  .page__locations {
    margin-bottom: 6.25rem;
  }

  .locations__title {
    font-size: 1.875rem;
  }

  .locations__title:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .item-locations__title {
    font-size: 1.125rem;
  }

  .page__shipping-info {
    margin-bottom: 7.75rem;
  }

  .shipping-info__title {
    font-size: 1.6875rem;
  }

  .shipping-info__title {
    max-width: 16.25rem;
  }

  .shipping-info__subtitle {
    font-size: 1.125rem;
  }

  .shipping-info__items:not(:last-child) {
    margin-bottom: 4.375rem;
  }

  .shipping-info__items--payment .shipping-info__item::before {
    font-size: 2.0625rem;
  }

  .shipping-info__title-item {
    font-size: 1rem;
  }

  .page__refund {
    margin-bottom: 5.8125rem;
  }

  .refund__title {
    font-size: 1.6875rem;
  }

  .refund__title {
    max-width: 16.25rem;
  }

  .page__public-offer {
    margin-bottom: 5.625rem;
  }

  .public-offer__title {
    font-size: 2rem;
  }

  .public-offer__title {
    max-width: 19.75rem;
  }

  .error__title {
    font-size: 2.6875rem;
  }

  .partners__hero {
    margin-bottom: 7.5rem;
  }

  .partners__decision {
    margin-bottom: 9.4375rem;
  }

  .partners__benefits {
    margin-bottom: 7.5rem;
  }

  .hero-partners__title {
    font-size: 1.875rem;
  }

  .hero-partners__list {
    gap: 1.25rem;
  }

  .hero-partners__item::before {
    width: 2.1875rem;
  }

  .hero-partners__item::before {
    height: 2.1875rem;
  }

  .hero-partners__item::before {
    margin-bottom: 0.875rem;
  }

  .decision-parthers__title {
    font-size: 1.875rem;
  }

  .decision-parthers__title:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .decision-parthers__item {
    padding-left: 1.875rem;
  }

  .decision-parthers__item::after {
    left: 1.875rem;
  }

  .decision-parthers__item::after {
    top: 0.5625rem;
  }

  .decision-parthers__item:has(._spoller-active) {
    padding-left: 3.125rem;
  }

  .decision-parthers__item:has(._spoller-active)::after {
    width: 0.625rem;
  }

  .decision-parthers__item:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .decision-parthers__item::before {
    top: 0.125rem;
  }

  .decision-parthers__item::before {
    font-size: 0.875rem;
  }

  .item-decision__title {
    font-size: 1.5rem;
  }

  .who__bottom--partners {
    margin-bottom: 7.5rem;
  }

  .benefits-partners__title {
    font-size: 1.875rem;
  }

  .benefits-partners__title:not(:last-child) {
    margin-bottom: 2.375rem;
  }

  .benefits-partners__items {
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }

  .item-benefits-p__title {
    font-size: 0.875rem;
  }

  .item-benefits-p__title::after {
    font-size: 0.75rem;
  }

  .page__school::before {
    top: 9.375rem;
  }

  .school__title {
    font-size: 1.875rem;
  }

  .school__title {
    max-width: 11.75rem;
  }

  .school__about {
    margin-bottom: 9.375rem;
  }

  .school__consulting {
    margin-bottom: 7.5rem;
  }

  .about-school {
    padding-top: 8.8125rem;
  }

  .about-school__title {
    font-size: 1.875rem;
  }

  .about-school__title:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .consulting__wrapper {
    padding-top: 1.875rem;
  }

  .consulting__wrapper {
    padding-left: 1.25rem;
  }

  .consulting__wrapper {
    padding-bottom: 1.875rem;
  }

  .consulting__wrapper {
    padding-right: 1.25rem;
  }

  .consulting__title {
    font-size: 1.5rem;
  }

  .consulting__title:not(:last-child) {
    margin-bottom: 0.875rem;
  }

  .list-school__title,
  .cool-about__title,
  .form-school__title {
    font-size: 1.875rem;
  }

  .list-school__title:not(:last-child),
  .cool-about__title:not(:last-child),
  .form-school__title:not(:last-child) {
    margin-bottom: 3.75rem;
  }

  .course-item__text-link {
    font-size: 1.5rem;
  }

  .course-item__info:not(:last-child) {
    margin-bottom: 2.125rem;
  }

  .course-item__link-button {
    width: 100%;
  }

  .school__form {
    margin-bottom: 5.375rem;
  }

  .form-school {
    padding-top: 8.5625rem;
  }

  .form-school {
    padding-bottom: 16.125rem;
  }

  .form-school__image:nth-of-type(1) {
    width: 6.6875rem;
  }

  .form-school__image:nth-of-type(1) {
    right: 3.5rem;
  }

  .form-school__image:nth-of-type(2) {
    bottom: 3.625rem;
  }

  .form-school__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .form-school__text:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .course__hero:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .course__title {
    font-size: 1.875rem;
  }

  .course__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .course__text:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .course__about {
    margin-bottom: 7.5rem;
  }

  .course__other {
    margin-bottom: 6.25rem;
  }

  .about-course__items:not(:last-child) {
    margin-bottom: 5rem;
  }

  .about-course__item:not(:last-child) {
    margin-bottom: 5rem;
  }

  .about-course__plan:not(:last-child) {
    margin-bottom: 5rem;
  }

  .aside-course__info:not(:last-child) {
    margin-bottom: 1.5rem;
  }

  .item-about-course__title,
  .plan-course__title,
  .item-about-course__subtitle {
    font-size: 1.5rem;
  }

  .item-about-course__title:not(:last-child),
  .plan-course__title:not(:last-child),
  .item-about-course__subtitle:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .item-about-course__subtitle {
    font-size: 1rem;
  }

  .item-about-course__subtitle:not(:last-child) {
    margin-bottom: 0.875rem;
  }

  .item-about-course__text:not(:last-child) {
    margin-bottom: 0.875rem;
  }

  .plan-course__title {
    font-size: 1.5rem;
  }

  .plan-course__title:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .plan-course__item {
    gap: 0.8125rem;
  }

  .video-box__play {
    width: 5rem;
  }

  .video-box__play {
    height: 5rem;
  }

  .video-box__play {
    padding: 0.8125rem;
  }

  .video-box__play span {
    font-size: 1rem;
  }

  .about__info {
    margin-bottom: 4.375rem;
  }

  .about__cool {
    margin-bottom: 4.375rem;
  }

  .about__facts {
    margin-bottom: 7.5rem;
  }

  .about__contacts {
    margin-bottom: 5.375rem;
  }

  .about__slider {
    margin-bottom: 7.5rem;
  }

  .info-about__title {
    font-size: 1.875rem;
  }

  .info-about__title {
    max-width: 25rem;
  }

  .info-about__title:not(:last-child) {
    margin-bottom: 6.25rem;
  }

  .info-about__title {
    margin-top: -7.5rem;
  }

  .info-about__item {
    font-size: 1.5rem;
  }

  .info-about__item {
    gap: 1.875rem;
  }

  .info-about__item::before {
    font-size: 3.125rem;
  }

  .info-about__item:not(:last-child) {
    margin-bottom: 3.75rem;
  }

  .cool-about {
    padding-top: 8.0625rem;
  }

  .cool-about__image:nth-of-type(1) {
    width: 8.25rem;
  }

  .cool-about__image:nth-of-type(1) {
    left: 5.5625rem;
  }

  .cool-about__image:nth-of-type(2) {
    width: 11.5rem;
  }

  .cool-about__image:nth-of-type(2) {
    bottom: 0.0000000625rem;
  }

  .cool-about__image:nth-of-type(2) {
    right: -1.5625rem;
  }

  .cool-about__image:nth-of-type(3) {
    width: 8.25rem;
  }

  .cool-about__image:nth-of-type(3) {
    left: -1rem;
  }

  .cool-about__image:nth-of-type(3) {
    bottom: 5.8125rem;
  }

  .cool-about__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .cool-about__text:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .slider-about__swiper:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .slider-about__button {
    height: 1.875rem;
  }

  .slider-about__button {
    width: 1.875rem;
  }

  .about-slide__img {
    margin-bottom: 1.875rem;
  }

  .about-slide__title {
    font-size: 1.125rem;
  }

  .facts-about__background {
    min-height: 36.375rem;
  }

  .facts-about__title {
    font-size: 1.875rem;
  }

  .facts-about__title:not(:last-child) {
    margin-bottom: 3rem;
  }

  .item-facts {
    min-height: 10.625rem;
  }

  .item-facts__title {
    font-size: 1rem;
  }

  .item-facts__title--orange {
    font-size: 1.9375rem;
  }

  .item-facts__title--orange span {
    font-size: 0.9375rem;
  }

  .item-facts__label {
    font-size: 0.75rem;
  }

  .brand-barista__title {
    font-size: 1.875rem;
  }

  .brand-barista__text {
    font-size: 1.5rem;
  }

  .brand-barista__text:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .brand-barista__text::before {
    width: 1.5rem;
  }

  .brand-barista__text::before {
    height: 1.5rem;
  }

  .brand-barista__text::before {
    font-size: 0.375rem;
  }

  .brand-barista__item {
    font-size: 1rem;
  }

  .brand-barista__item::before {
    font-size: 1rem;
  }

  .contacts-about {
    padding-top: 9.3125rem;
  }

  .contacts-about {
    padding-bottom: 16rem;
  }

  .contacts-about__image:nth-of-type(1) {
    width: 6.8125rem;
  }

  .contacts-about__image:nth-of-type(2) {
    width: 5.3125rem;
  }

  .contacts-about__image:nth-of-type(3) {
    width: 10.375rem;
  }

  .contacts-about__title {
    font-size: 1.5rem;
  }

  .contacts-about__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .contacts-about__text:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .contacts-about__link {
    font-size: 1.25rem;
  }

  .contacts-about__link:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .page__hero {
    margin-bottom: 3.125rem;
  }

  .page__hero-blog {
    margin-bottom: 3.125rem;
  }

  .page__blog {
    margin-bottom: 3.125rem;
  }

  .page__article {
    margin-bottom: 3.75rem;
  }

  .page__contacts-block {
    margin-bottom: 3.125rem;
  }
}

@media (min-width: 22.5em) and (max-width: 81.875em) {
  @supports (
    margin-bottom: clamp(2.0625rem, 1.5414473684rem + 2.3157894737vw, 3.4375rem)
  ) {
    .who__head:not(:last-child) {
      margin-bottom: clamp(
        2.0625rem,
        1.5414473684rem + 2.3157894737vw,
        3.4375rem
      );
    }
  }
  @supports (
    font-size: clamp(1.125rem, 0.6986842105rem + 1.8947368421vw, 2.25rem)
  ) {
    .brand-barista__name {
      font-size: clamp(1.125rem, 0.6986842105rem + 1.8947368421vw, 2.25rem);
    }
  }
  @supports not (
    font-size: clamp(1.125rem, 0.6986842105rem + 1.8947368421vw, 2.25rem)
  ) {
    .brand-barista__name {
      font-size: calc(1.125rem + 1.125 * (100vw - 22.5rem) / 59.375);
    }
  }
  @supports not (
    margin-bottom: clamp(2.0625rem, 1.5414473684rem + 2.3157894737vw, 3.4375rem)
  ) {
    .who__head:not(:last-child) {
      margin-bottom: calc(2.0625rem + 1.375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .product-slider__title {
      font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .product-slider__title {
      font-size: calc(1.875rem + 2.1875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1rem, 0.7631578947rem + 1.0526315789vw, 1.625rem)
  ) {
    .success-contact__title {
      font-size: clamp(1rem, 0.7631578947rem + 1.0526315789vw, 1.625rem);
    }
  }

  @supports not (
    font-size: clamp(1rem, 0.7631578947rem + 1.0526315789vw, 1.625rem)
  ) {
    .success-contact__title {
      font-size: calc(1rem + 0.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.25rem, 0.9184210526rem + 1.4736842105vw, 2.125rem)
  ) {
    .popup__title {
      font-size: clamp(1.25rem, 0.9184210526rem + 1.4736842105vw, 2.125rem);
    }
  }

  @supports not (
    font-size: clamp(1.25rem, 0.9184210526rem + 1.4736842105vw, 2.125rem)
  ) {
    .popup__title {
      font-size: calc(1.25rem + 0.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.25rem, 1.0131578947rem + 1.0526315789vw, 1.875rem)
  ) {
    .popup__title--course {
      font-size: clamp(1.25rem, 1.0131578947rem + 1.0526315789vw, 1.875rem);
    }
  }

  @supports not (
    font-size: clamp(1.25rem, 1.0131578947rem + 1.0526315789vw, 1.875rem)
  ) {
    .popup__title--course {
      font-size: calc(1.25rem + 0.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .popup__title--big {
      font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .popup__title--big {
      font-size: calc(1.875rem + 2.1875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(2.1875rem, 1.8322368421rem + 1.5789473684vw, 3.125rem)
  ) {
    .popup__form:not(:last-child) {
      margin-bottom: clamp(
        2.1875rem,
        1.8322368421rem + 1.5789473684vw,
        3.125rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(2.1875rem, 1.8322368421rem + 1.5789473684vw, 3.125rem)
  ) {
    .popup__form:not(:last-child) {
      margin-bottom: calc(2.1875rem + 0.9375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.25rem, 0.3026315789rem + 4.2105263158vw, 3.75rem)
  ) {
    .popup__text--left:not(:last-child) {
      margin-bottom: clamp(1.25rem, 0.3026315789rem + 4.2105263158vw, 3.75rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1.25rem, 0.3026315789rem + 4.2105263158vw, 3.75rem)
  ) {
    .popup__text--left:not(:last-child) {
      margin-bottom: calc(1.25rem + 2.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.25rem, 0.3026315789rem + 4.2105263158vw, 3.75rem)
  ) {
    .form-popup--course:not(:last-child) {
      margin-bottom: clamp(1.25rem, 0.3026315789rem + 4.2105263158vw, 3.75rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1.25rem, 0.3026315789rem + 4.2105263158vw, 3.75rem)
  ) {
    .form-popup--course:not(:last-child) {
      margin-bottom: calc(1.25rem + 2.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1rem, 0.6210526316rem + 1.6842105263vw, 2rem)
  ) {
    .cart-popup__header:not(:last-child) {
      margin-bottom: clamp(1rem, 0.6210526316rem + 1.6842105263vw, 2rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1rem, 0.6210526316rem + 1.6842105263vw, 2rem)
  ) {
    .cart-popup__header:not(:last-child) {
      margin-bottom: calc(1rem + 1 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.25rem, 0.9184210526rem + 1.4736842105vw, 2.125rem)
  ) {
    .cart-popup__title--empty {
      font-size: clamp(1.25rem, 0.9184210526rem + 1.4736842105vw, 2.125rem);
    }
  }

  @supports not (
    font-size: clamp(1.25rem, 0.9184210526rem + 1.4736842105vw, 2.125rem)
  ) {
    .cart-popup__title--empty {
      font-size: calc(1.25rem + 0.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.875rem, 1.5434210526rem + 1.4736842105vw, 2.75rem)
  ) {
    .cart-popup__title--empty:not(:last-child) {
      margin-bottom: clamp(1.875rem, 1.5434210526rem + 1.4736842105vw, 2.75rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1.875rem, 1.5434210526rem + 1.4736842105vw, 2.75rem)
  ) {
    .cart-popup__title--empty:not(:last-child) {
      margin-bottom: calc(1.875rem + 0.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    max-width: clamp(12.625rem, 8.2671052632rem + 19.3684210526vw, 24.125rem)
  ) {
    .product__img--coffee {
      /* max-width: clamp(12.625rem, 8.2671052632rem + 19.3684210526vw, 24.125rem); */
    }
  }

  @supports not (
    max-width: clamp(12.625rem, 8.2671052632rem + 19.3684210526vw, 24.125rem)
  ) {
    .product__img--coffee {
      max-width: calc(12.625rem + 11.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.875rem, 0.2407894737rem + 7.2631578947vw, 6.1875rem)
  ) {
    .hero-blog__breadcrumbs:not(:last-child) {
      margin-bottom: clamp(
        1.875rem,
        0.2407894737rem + 7.2631578947vw,
        6.1875rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(1.875rem, 0.2407894737rem + 7.2631578947vw, 6.1875rem)
  ) {
    .hero-blog__breadcrumbs:not(:last-child) {
      margin-bottom: calc(1.875rem + 4.3125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 0.5723684211rem + 5.7894736842vw, 5.3125rem)
  ) {
    .hero-blog__title {
      font-size: clamp(1.875rem, 0.5723684211rem + 5.7894736842vw, 5.3125rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 0.5723684211rem + 5.7894736842vw, 5.3125rem)
  ) {
    .hero-blog__title {
      font-size: calc(1.875rem + 3.4375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.25rem, 0.0657894737rem + 5.2631578947vw, 4.375rem)
  ) {
    .blog__tags:not(:last-child) {
      margin-bottom: clamp(1.25rem, 0.0657894737rem + 5.2631578947vw, 4.375rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1.25rem, 0.0657894737rem + 5.2631578947vw, 4.375rem)
  ) {
    .blog__tags:not(:last-child) {
      margin-bottom: calc(1.25rem + 3.125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    (-moz-column-gap: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem))
      or (column-gap: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem))
  ) {
    .blog__items {
      -webkit-column-gap: clamp(
        1.25rem,
        0.7763157895rem + 2.1052631579vw,
        2.5rem
      );
      -moz-column-gap: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem);
      column-gap: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem);
    }
  }

  @supports not (
    (-moz-column-gap: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem))
      or (column-gap: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem))
  ) {
    .blog__items {
      -webkit-column-gap: calc(1.25rem + 1.25 * (100vw - 22.5rem) / 59.375);
      -moz-column-gap: calc(1.25rem + 1.25 * (100vw - 22.5rem) / 59.375);
      column-gap: calc(1.25rem + 1.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    row-gap: clamp(1.5625rem, 0.9703947368rem + 2.6315789474vw, 3.125rem)
  ) {
    .blog__items {
      row-gap: clamp(1.5625rem, 0.9703947368rem + 2.6315789474vw, 3.125rem);
    }
  }

  @supports not (
    row-gap: clamp(1.5625rem, 0.9703947368rem + 2.6315789474vw, 3.125rem)
  ) {
    .blog__items {
      row-gap: calc(1.5625rem + 1.5625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (margin-bottom: clamp(1.5625rem, 0.6625rem + 4vw, 3.9375rem)) {
    .blog__items:not(:last-child) {
      margin-bottom: clamp(1.5625rem, 0.6625rem + 4vw, 3.9375rem);
    }
  }

  @supports not (margin-bottom: clamp(1.5625rem, 0.6625rem + 4vw, 3.9375rem)) {
    .blog__items:not(:last-child) {
      margin-bottom: calc(1.5625rem + 2.375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(0.8125rem, 0.5282894737rem + 1.2631578947vw, 1.5625rem)
  ) {
    .item-blog__image:not(:last-child) {
      margin-bottom: clamp(
        0.8125rem,
        0.5282894737rem + 1.2631578947vw,
        1.5625rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(0.8125rem, 0.5282894737rem + 1.2631578947vw, 1.5625rem)
  ) {
    .item-blog__image:not(:last-child) {
      margin-bottom: calc(0.8125rem + 0.75 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(0.8125rem, 0.5282894737rem + 1.2631578947vw, 1.5625rem)
  ) {
    .item-blog__image-link:not(:last-child) {
      margin-bottom: clamp(
        0.8125rem,
        0.5282894737rem + 1.2631578947vw,
        1.5625rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(0.8125rem, 0.5282894737rem + 1.2631578947vw, 1.5625rem)
  ) {
    .item-blog__image-link:not(:last-child) {
      margin-bottom: calc(0.8125rem + 0.75 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(0.8125rem, 0.5282894737rem + 1.2631578947vw, 1.5625rem)
  ) {
    .item-blog__body:not(:last-child) {
      margin-bottom: clamp(
        0.8125rem,
        0.5282894737rem + 1.2631578947vw,
        1.5625rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(0.8125rem, 0.5282894737rem + 1.2631578947vw, 1.5625rem)
  ) {
    .item-blog__body:not(:last-child) {
      margin-bottom: calc(0.8125rem + 0.75 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(5rem, 2.1342105263rem + 12.7368421053vw, 12.5625rem)
  ) {
    .article__container:not(:last-child) {
      margin-bottom: clamp(5rem, 2.1342105263rem + 12.7368421053vw, 12.5625rem);
    }
  }

  @supports not (
    margin-bottom: clamp(5rem, 2.1342105263rem + 12.7368421053vw, 12.5625rem)
  ) {
    .article__container:not(:last-child) {
      margin-bottom: calc(5rem + 7.5625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.25rem, 0.9184210526rem + 1.4736842105vw, 2.125rem)
  ) {
    .article__breadcrumps:not(:last-child) {
      margin-bottom: clamp(1.25rem, 0.9184210526rem + 1.4736842105vw, 2.125rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1.25rem, 0.9184210526rem + 1.4736842105vw, 2.125rem)
  ) {
    .article__breadcrumps:not(:last-child) {
      margin-bottom: calc(1.25rem + 0.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem)
  ) {
    .content-article__wrapper > img:not(:last-child) {
      margin-bottom: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem)
  ) {
    .content-article__wrapper > img:not(:last-child) {
      margin-bottom: calc(1.875rem + 1.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(0.875rem, 0.7802631579rem + 0.4210526316vw, 1.125rem)
  ) {
    .content-article__block > p {
      font-size: clamp(0.875rem, 0.7802631579rem + 0.4210526316vw, 1.125rem);
    }
  }

  @supports not (
    font-size: clamp(0.875rem, 0.7802631579rem + 0.4210526316vw, 1.125rem)
  ) {
    .content-article__block > p {
      font-size: calc(0.875rem + 0.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1rem, 0.9289473684rem + 0.3157894737vw, 1.1875rem)
  ) {
    .content-article__block > p:not(:last-child) {
      margin-bottom: clamp(1rem, 0.9289473684rem + 0.3157894737vw, 1.1875rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1rem, 0.9289473684rem + 0.3157894737vw, 1.1875rem)
  ) {
    .content-article__block > p:not(:last-child) {
      margin-bottom: calc(1rem + 0.1875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.625rem, 1.3407894737rem + 1.2631578947vw, 2.375rem)
  ) {
    .content-article__block > h2 {
      font-size: clamp(1.625rem, 1.3407894737rem + 1.2631578947vw, 2.375rem);
    }
  }

  @supports not (
    font-size: clamp(1.625rem, 1.3407894737rem + 1.2631578947vw, 2.375rem)
  ) {
    .content-article__block > h2 {
      font-size: calc(1.625rem + 0.75 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.375rem, 1.0907894737rem + 1.2631578947vw, 2.125rem)
  ) {
    .content-article__block > h3 {
      font-size: clamp(1.375rem, 1.0907894737rem + 1.2631578947vw, 2.125rem);
    }
  }

  @supports not (
    font-size: clamp(1.375rem, 1.0907894737rem + 1.2631578947vw, 2.125rem)
  ) {
    .content-article__block > h3 {
      font-size: calc(1.375rem + 0.75 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.25rem, 1.0131578947rem + 1.0526315789vw, 1.875rem)
  ) {
    .content-article__block > h4 {
      font-size: clamp(1.25rem, 1.0131578947rem + 1.0526315789vw, 1.875rem);
    }
  }

  @supports not (
    font-size: clamp(1.25rem, 1.0131578947rem + 1.0526315789vw, 1.875rem)
  ) {
    .content-article__block > h4 {
      font-size: calc(1.25rem + 0.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.0625rem, 0.8493421053rem + 0.9473684211vw, 1.625rem)
  ) {
    .content-article__block > h5 {
      font-size: clamp(1.0625rem, 0.8493421053rem + 0.9473684211vw, 1.625rem);
    }
  }

  @supports not (
    font-size: clamp(1.0625rem, 0.8493421053rem + 0.9473684211vw, 1.625rem)
  ) {
    .content-article__block > h5 {
      font-size: calc(1.0625rem + 0.5625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.125rem, 0.9592105263rem + 0.7368421053vw, 1.5625rem)
  ) {
    .content-article__block > h5:not(:last-child) {
      margin-bottom: clamp(
        1.125rem,
        0.9592105263rem + 0.7368421053vw,
        1.5625rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(1.125rem, 0.9592105263rem + 0.7368421053vw, 1.5625rem)
  ) {
    .content-article__block > h5:not(:last-child) {
      margin-bottom: calc(1.125rem + 0.4375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(0.9375rem, 0.8190789474rem + 0.5263157895vw, 1.25rem)
  ) {
    .content-article__block > h6 {
      font-size: clamp(0.9375rem, 0.8190789474rem + 0.5263157895vw, 1.25rem);
    }
  }

  @supports not (
    font-size: clamp(0.9375rem, 0.8190789474rem + 0.5263157895vw, 1.25rem)
  ) {
    .content-article__block > h6 {
      font-size: calc(0.9375rem + 0.3125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(0.625rem, 0.2697368421rem + 1.5789473684vw, 1.5625rem)
  ) {
    .content-article__block > h6:not(:last-child) {
      margin-bottom: clamp(
        0.625rem,
        0.2697368421rem + 1.5789473684vw,
        1.5625rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(0.625rem, 0.2697368421rem + 1.5789473684vw, 1.5625rem)
  ) {
    .content-article__block > h6:not(:last-child) {
      margin-bottom: calc(0.625rem + 0.9375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(0.875rem, 0.7802631579rem + 0.4210526316vw, 1.125rem)
  ) {
    .content-article__block > ul li,
    .content-article__block > ol li {
      font-size: clamp(0.875rem, 0.7802631579rem + 0.4210526316vw, 1.125rem);
    }
  }

  @supports not (
    font-size: clamp(0.875rem, 0.7802631579rem + 0.4210526316vw, 1.125rem)
  ) {
    .content-article__block > ul li,
    .content-article__block > ol li {
      font-size: calc(0.875rem + 0.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.25rem, 1.0605263158rem + 0.8421052632vw, 1.75rem)
  ) {
    .content-article__deco-text {
      font-size: clamp(1.25rem, 1.0605263158rem + 0.8421052632vw, 1.75rem);
    }
  }

  @supports not (
    font-size: clamp(1.25rem, 1.0605263158rem + 0.8421052632vw, 1.75rem)
  ) {
    .content-article__deco-text {
      font-size: calc(1.25rem + 0.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem)
  ) {
    .content-article__deco-text:not(:last-child) {
      margin-bottom: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem)
  ) {
    .content-article__deco-text:not(:last-child) {
      margin-bottom: calc(1.875rem + 1.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(0.625rem, 0.4118421053rem + 0.9473684211vw, 1.1875rem)
  ) {
    .content-article__deco-text p:not(:last-child) {
      margin-bottom: clamp(
        0.625rem,
        0.4118421053rem + 0.9473684211vw,
        1.1875rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(0.625rem, 0.4118421053rem + 0.9473684211vw, 1.1875rem)
  ) {
    .content-article__deco-text p:not(:last-child) {
      margin-bottom: calc(0.625rem + 0.5625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (width: clamp(1.5rem, 1.2157894737rem + 1.2631578947vw, 2.25rem)) {
    .content-article__deco-text::before {
      width: clamp(1.5rem, 1.2157894737rem + 1.2631578947vw, 2.25rem);
    }
  }

  @supports not (
    width: clamp(1.5rem, 1.2157894737rem + 1.2631578947vw, 2.25rem)
  ) {
    .content-article__deco-text::before {
      width: calc(1.5rem + 0.75 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem)
  ) {
    .gallery-swiper--margin:not(:last-child) {
      margin-bottom: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem)
  ) {
    .gallery-swiper--margin:not(:last-child) {
      margin-bottom: calc(1.875rem + 1.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    padding: clamp(0.625rem, 0.3881578947rem + 1.0526315789vw, 1.25rem)
  ) {
    .gallery-swiper__footer {
      padding: clamp(0.625rem, 0.3881578947rem + 1.0526315789vw, 1.25rem);
    }
  }

  @supports not (
    padding: clamp(0.625rem, 0.3881578947rem + 1.0526315789vw, 1.25rem)
  ) {
    .gallery-swiper__footer {
      padding: calc(0.625rem + 0.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    height: clamp(2.1875rem, 1.8322368421rem + 1.5789473684vw, 3.125rem)
  ) {
    .gallery-swiper__pagination,
    .gallery-swiper__button {
      height: clamp(2.1875rem, 1.8322368421rem + 1.5789473684vw, 3.125rem);
    }
  }

  @supports not (
    height: clamp(2.1875rem, 1.8322368421rem + 1.5789473684vw, 3.125rem)
  ) {
    .gallery-swiper__pagination,
    .gallery-swiper__button {
      height: calc(2.1875rem + 0.9375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    width: clamp(2.1875rem, 1.8322368421rem + 1.5789473684vw, 3.125rem)
  ) {
    .gallery-swiper__pagination,
    .gallery-swiper__button {
      width: clamp(2.1875rem, 1.8322368421rem + 1.5789473684vw, 3.125rem);
    }
  }

  @supports not (
    width: clamp(2.1875rem, 1.8322368421rem + 1.5789473684vw, 3.125rem)
  ) {
    .gallery-swiper__pagination,
    .gallery-swiper__button {
      width: calc(2.1875rem + 0.9375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(0.75rem, 0.6552631579rem + 0.4210526316vw, 1rem)
  ) {
    .gallery-swiper__pagination {
      font-size: clamp(0.75rem, 0.6552631579rem + 0.4210526316vw, 1rem);
    }
  }

  @supports not (
    font-size: clamp(0.75rem, 0.6552631579rem + 0.4210526316vw, 1rem)
  ) {
    .gallery-swiper__pagination {
      font-size: calc(0.75rem + 0.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(6.25rem, 4.3315789474rem + 8.5263157895vw, 11.3125rem)
  ) {
    .page__account {
      margin-bottom: clamp(
        6.25rem,
        4.3315789474rem + 8.5263157895vw,
        11.3125rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(6.25rem, 4.3315789474rem + 8.5263157895vw, 11.3125rem)
  ) {
    .page__account {
      margin-bottom: calc(6.25rem + 5.0625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem)
  ) {
    .account__title {
      font-size: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem)
  ) {
    .account__title {
      font-size: calc(1.875rem + 1.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (gap: clamp(1.875rem, 1.6381578947rem + 1.0526315789vw, 2.5rem)) {
    .tabs-account__navigation {
      gap: clamp(1.875rem, 1.6381578947rem + 1.0526315789vw, 2.5rem);
    }
  }

  @supports not (
    gap: clamp(1.875rem, 1.6381578947rem + 1.0526315789vw, 2.5rem)
  ) {
    .tabs-account__navigation {
      gap: calc(1.875rem + 0.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(2.375rem, 1.7592105263rem + 2.7368421053vw, 4rem)
  ) {
    .tabs-account__navigation {
      margin-bottom: clamp(2.375rem, 1.7592105263rem + 2.7368421053vw, 4rem);
    }
  }

  @supports not (
    margin-bottom: clamp(2.375rem, 1.7592105263rem + 2.7368421053vw, 4rem)
  ) {
    .tabs-account__navigation {
      margin-bottom: calc(2.375rem + 1.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    padding-top: clamp(1.25rem, 0.0657894737rem + 5.2631578947vw, 4.375rem)
  ) {
    .tabs-account__content {
      padding-top: clamp(1.25rem, 0.0657894737rem + 5.2631578947vw, 4.375rem);
    }
  }

  @supports not (
    padding-top: clamp(1.25rem, 0.0657894737rem + 5.2631578947vw, 4.375rem)
  ) {
    .tabs-account__content {
      padding-top: calc(1.25rem + 3.125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(2.5rem, 1.5289473684rem + 4.3157894737vw, 5.0625rem)
  ) {
    .navigation-account--margin:not(:last-child) {
      margin-bottom: clamp(2.5rem, 1.5289473684rem + 4.3157894737vw, 5.0625rem);
    }
  }

  @supports not (
    margin-bottom: clamp(2.5rem, 1.5289473684rem + 4.3157894737vw, 5.0625rem)
  ) {
    .navigation-account--margin:not(:last-child) {
      margin-bottom: calc(2.5rem + 2.5625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(2.5rem, 1.5289473684rem + 4.3157894737vw, 5.0625rem)
  ) {
    .history-account__items:not(:last-child) {
      margin-bottom: clamp(2.5rem, 1.5289473684rem + 4.3157894737vw, 5.0625rem);
    }
  }

  @supports not (
    margin-bottom: clamp(2.5rem, 1.5289473684rem + 4.3157894737vw, 5.0625rem)
  ) {
    .history-account__items:not(:last-child) {
      margin-bottom: calc(2.5rem + 2.5625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1rem, 0.9526315789rem + 0.2105263158vw, 1.125rem)
  ) {
    .item-history__id {
      font-size: clamp(1rem, 0.9526315789rem + 0.2105263158vw, 1.125rem);
    }
  }

  @supports not (
    font-size: clamp(1rem, 0.9526315789rem + 0.2105263158vw, 1.125rem)
  ) {
    .item-history__id {
      font-size: calc(1rem + 0.125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.25rem, 0.9184210526rem + 1.4736842105vw, 2.125rem)
  ) {
    .empty-history__title {
      font-size: clamp(1.25rem, 0.9184210526rem + 1.4736842105vw, 2.125rem);
    }
  }

  @supports not (
    font-size: clamp(1.25rem, 0.9184210526rem + 1.4736842105vw, 2.125rem)
  ) {
    .empty-history__title {
      font-size: calc(1.25rem + 0.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(3.9375rem, 3.5111842105rem + 1.8947368421vw, 5.0625rem)
  ) {
    .notif-account__items:not(:last-child) {
      margin-bottom: clamp(
        3.9375rem,
        3.5111842105rem + 1.8947368421vw,
        5.0625rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(3.9375rem, 3.5111842105rem + 1.8947368421vw, 5.0625rem)
  ) {
    .notif-account__items:not(:last-child) {
      margin-bottom: calc(3.9375rem + 1.125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    padding-left: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem)
  ) {
    .item-notif {
      padding-left: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem);
    }
  }

  @supports not (
    padding-left: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem)
  ) {
    .item-notif {
      padding-left: calc(1.25rem + 1.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    padding-right: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem)
  ) {
    .item-notif {
      padding-right: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem);
    }
  }

  @supports not (
    padding-right: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem)
  ) {
    .item-notif {
      padding-right: calc(1.25rem + 1.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (left: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem)) {
    .item-notif--new::before {
      left: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem);
    }
  }

  @supports not (
    left: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem)
  ) {
    .item-notif--new::before {
      left: calc(1.25rem + 1.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1rem, 0.6210526316rem + 1.6842105263vw, 2rem)
  ) {
    .item-notif__header:not(:last-child) {
      margin-bottom: clamp(1rem, 0.6210526316rem + 1.6842105263vw, 2rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1rem, 0.6210526316rem + 1.6842105263vw, 2rem)
  ) {
    .item-notif__header:not(:last-child) {
      margin-bottom: calc(1rem + 1 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(0.9375rem, 0.5822368421rem + 1.5789473684vw, 1.875rem)
  ) {
    .item-notif__text:not(:last-child) {
      margin-bottom: clamp(
        0.9375rem,
        0.5822368421rem + 1.5789473684vw,
        1.875rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(0.9375rem, 0.5822368421rem + 1.5789473684vw, 1.875rem)
  ) {
    .item-notif__text:not(:last-child) {
      margin-bottom: calc(0.9375rem + 0.9375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(2.5rem, 2.2631578947rem + 1.0526315789vw, 3.125rem)
  ) {
    .form-account__block:not(:last-child) {
      margin-bottom: clamp(2.5rem, 2.2631578947rem + 1.0526315789vw, 3.125rem);
    }
  }

  @supports not (
    margin-bottom: clamp(2.5rem, 2.2631578947rem + 1.0526315789vw, 3.125rem)
  ) {
    .form-account__block:not(:last-child) {
      margin-bottom: calc(2.5rem + 0.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(2.5rem, 2.2631578947rem + 1.0526315789vw, 3.125rem)
  ) {
    .form-account__actions:not(:last-child) {
      margin-bottom: clamp(2.5rem, 2.2631578947rem + 1.0526315789vw, 3.125rem);
    }
  }

  @supports not (
    margin-bottom: clamp(2.5rem, 2.2631578947rem + 1.0526315789vw, 3.125rem)
  ) {
    .form-account__actions:not(:last-child) {
      margin-bottom: calc(2.5rem + 0.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(5.3125rem, 3.2993421053rem + 8.9473684211vw, 10.625rem)
  ) {
    .page__order {
      margin-bottom: clamp(
        5.3125rem,
        3.2993421053rem + 8.9473684211vw,
        10.625rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(5.3125rem, 3.2993421053rem + 8.9473684211vw, 10.625rem)
  ) {
    .page__order {
      margin-bottom: calc(5.3125rem + 5.3125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(5.3125rem, 3.2993421053rem + 8.9473684211vw, 10.625rem)
  ) {
    .page__order-done {
      margin-bottom: clamp(
        5.3125rem,
        3.2993421053rem + 8.9473684211vw,
        10.625rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(5.3125rem, 3.2993421053rem + 8.9473684211vw, 10.625rem)
  ) {
    .page__order-done {
      margin-bottom: calc(5.3125rem + 5.3125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem)
  ) {
    .order__title,
    .form-order__subtitle,
    .form-order__title {
      font-size: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem)
  ) {
    .order__title,
    .form-order__subtitle,
    .form-order__title {
      font-size: calc(1.875rem + 1.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(2.8125rem, 1.7467105263rem + 4.7368421053vw, 5.625rem)
  ) {
    .order__title:not(:last-child),
    .form-order__subtitle:not(:last-child),
    .form-order__title:not(:last-child) {
      margin-bottom: clamp(
        2.8125rem,
        1.7467105263rem + 4.7368421053vw,
        5.625rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(2.8125rem, 1.7467105263rem + 4.7368421053vw, 5.625rem)
  ) {
    .order__title:not(:last-child),
    .form-order__subtitle:not(:last-child),
    .form-order__title:not(:last-child) {
      margin-bottom: calc(2.8125rem + 2.8125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.25rem, 1.0131578947rem + 1.0526315789vw, 1.875rem)
  ) {
    .form-order__title {
      font-size: clamp(1.25rem, 1.0131578947rem + 1.0526315789vw, 1.875rem);
    }
  }

  @supports not (
    font-size: clamp(1.25rem, 1.0131578947rem + 1.0526315789vw, 1.875rem)
  ) {
    .form-order__title {
      font-size: calc(1.25rem + 0.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.25rem, 1.0131578947rem + 1.0526315789vw, 1.875rem)
  ) {
    .products-order__title {
      font-size: clamp(1.25rem, 1.0131578947rem + 1.0526315789vw, 1.875rem);
    }
  }

  @supports not (
    font-size: clamp(1.25rem, 1.0131578947rem + 1.0526315789vw, 1.875rem)
  ) {
    .products-order__title {
      font-size: calc(1.25rem + 0.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    min-height:
      clamp(0.0000000625rem, -13.0973683349rem + 58.2105262105vw, 34.5625rem)
  ) {
    .order-done {
      min-height: clamp(
        0.0000000625rem,
        -13.0973683349rem + 58.2105262105vw,
        34.5625rem
      );
    }
  }

  @supports not (
    min-height:
      clamp(0.0000000625rem, -13.0973683349rem + 58.2105262105vw, 34.5625rem)
  ) {
    .order-done {
      min-height: calc(
        0.0000000625rem + 34.5624999375 * (100vw - 22.5rem) / 59.375
      );
    }
  }

  @supports (
    font-size: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem)
  ) {
    .order-done__title {
      font-size: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 1.1644736842rem + 3.1578947368vw, 3.75rem)
  ) {
    .order-done__title {
      font-size: calc(1.875rem + 1.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(6.25rem, 3.4552631579rem + 12.4210526316vw, 13.625rem)
  ) {
    .page__locations {
      margin-bottom: clamp(
        6.25rem,
        3.4552631579rem + 12.4210526316vw,
        13.625rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(6.25rem, 3.4552631579rem + 12.4210526316vw, 13.625rem)
  ) {
    .page__locations {
      margin-bottom: calc(6.25rem + 7.375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 0.5723684211rem + 5.7894736842vw, 5.3125rem)
  ) {
    .locations__title {
      font-size: clamp(1.875rem, 0.5723684211rem + 5.7894736842vw, 5.3125rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 0.5723684211rem + 5.7894736842vw, 5.3125rem)
  ) {
    .locations__title {
      font-size: calc(1.875rem + 3.4375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(2.5rem, 1.1736842105rem + 5.8947368421vw, 6rem)
  ) {
    .locations__title:not(:last-child) {
      margin-bottom: clamp(2.5rem, 1.1736842105rem + 5.8947368421vw, 6rem);
    }
  }

  @supports not (
    margin-bottom: clamp(2.5rem, 1.1736842105rem + 5.8947368421vw, 6rem)
  ) {
    .locations__title:not(:last-child) {
      margin-bottom: calc(2.5rem + 3.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.125rem, 0.9355263158rem + 0.8421052632vw, 1.625rem)
  ) {
    .item-locations__title {
      font-size: clamp(1.125rem, 0.9355263158rem + 0.8421052632vw, 1.625rem);
    }
  }

  @supports not (
    font-size: clamp(1.125rem, 0.9355263158rem + 0.8421052632vw, 1.625rem)
  ) {
    .item-locations__title {
      font-size: calc(1.125rem + 0.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (margin-bottom: clamp(7.75rem, 4.6rem + 14vw, 16.0625rem)) {
    .page__shipping-info {
      margin-bottom: clamp(7.75rem, 4.6rem + 14vw, 16.0625rem);
    }
  }

  @supports not (margin-bottom: clamp(7.75rem, 4.6rem + 14vw, 16.0625rem)) {
    .page__shipping-info {
      margin-bottom: calc(7.75rem + 8.3125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (font-size: clamp(1.6875rem, 0.7875rem + 4vw, 4.0625rem)) {
    .shipping-info__title {
      font-size: clamp(1.6875rem, 0.7875rem + 4vw, 4.0625rem);
    }
  }

  @supports not (font-size: clamp(1.6875rem, 0.7875rem + 4vw, 4.0625rem)) {
    .shipping-info__title {
      font-size: calc(1.6875rem + 2.375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    max-width: clamp(16.25rem, 7.4157894737rem + 39.2631578947vw, 39.5625rem)
  ) {
    .shipping-info__title {
      max-width: clamp(16.25rem, 7.4157894737rem + 39.2631578947vw, 39.5625rem);
    }
  }

  @supports not (
    max-width: clamp(16.25rem, 7.4157894737rem + 39.2631578947vw, 39.5625rem)
  ) {
    .shipping-info__title {
      max-width: calc(16.25rem + 23.3125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.125rem, 0.7460526316rem + 1.6842105263vw, 2.125rem)
  ) {
    .shipping-info__subtitle {
      font-size: clamp(1.125rem, 0.7460526316rem + 1.6842105263vw, 2.125rem);
    }
  }

  @supports not (
    font-size: clamp(1.125rem, 0.7460526316rem + 1.6842105263vw, 2.125rem)
  ) {
    .shipping-info__subtitle {
      font-size: calc(1.125rem + 1 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(4.375rem, 2.7171052632rem + 7.3684210526vw, 8.75rem)
  ) {
    .shipping-info__items:not(:last-child) {
      margin-bottom: clamp(4.375rem, 2.7171052632rem + 7.3684210526vw, 8.75rem);
    }
  }

  @supports not (
    margin-bottom: clamp(4.375rem, 2.7171052632rem + 7.3684210526vw, 8.75rem)
  ) {
    .shipping-info__items:not(:last-child) {
      margin-bottom: calc(4.375rem + 4.375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(2.0625rem, 1.2809210526rem + 3.4736842105vw, 4.125rem)
  ) {
    .shipping-info__items--payment .shipping-info__item::before {
      font-size: clamp(2.0625rem, 1.2809210526rem + 3.4736842105vw, 4.125rem);
    }
  }

  @supports not (
    font-size: clamp(2.0625rem, 1.2809210526rem + 3.4736842105vw, 4.125rem)
  ) {
    .shipping-info__items--payment .shipping-info__item::before {
      font-size: calc(2.0625rem + 2.0625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1rem, 0.7631578947rem + 1.0526315789vw, 1.625rem)
  ) {
    .shipping-info__title-item {
      font-size: clamp(1rem, 0.7631578947rem + 1.0526315789vw, 1.625rem);
    }
  }

  @supports not (
    font-size: clamp(1rem, 0.7631578947rem + 1.0526315789vw, 1.625rem)
  ) {
    .shipping-info__title-item {
      font-size: calc(1rem + 0.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom:
      clamp(5.8125rem, 1.0756578947rem + 21.0526315789vw, 18.3125rem)
  ) {
    .page__refund {
      margin-bottom: clamp(
        5.8125rem,
        1.0756578947rem + 21.0526315789vw,
        18.3125rem
      );
    }
  }

  @supports not (
    margin-bottom:
      clamp(5.8125rem, 1.0756578947rem + 21.0526315789vw, 18.3125rem)
  ) {
    .page__refund {
      margin-bottom: calc(5.8125rem + 12.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (font-size: clamp(1.6875rem, 0.7875rem + 4vw, 4.0625rem)) {
    .refund__title {
      font-size: clamp(1.6875rem, 0.7875rem + 4vw, 4.0625rem);
    }
  }

  @supports not (font-size: clamp(1.6875rem, 0.7875rem + 4vw, 4.0625rem)) {
    .refund__title {
      font-size: calc(1.6875rem + 2.375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    max-width: clamp(16.25rem, 7.4157894737rem + 39.2631578947vw, 39.5625rem)
  ) {
    .refund__title {
      max-width: clamp(16.25rem, 7.4157894737rem + 39.2631578947vw, 39.5625rem);
    }
  }

  @supports not (
    max-width: clamp(16.25rem, 7.4157894737rem + 39.2631578947vw, 39.5625rem)
  ) {
    .refund__title {
      max-width: calc(16.25rem + 23.3125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom:
      clamp(5.625rem, 1.8118421053rem + 16.9473684211vw, 15.6875rem)
  ) {
    .page__public-offer {
      margin-bottom: clamp(
        5.625rem,
        1.8118421053rem + 16.9473684211vw,
        15.6875rem
      );
    }
  }

  @supports not (
    margin-bottom:
      clamp(5.625rem, 1.8118421053rem + 16.9473684211vw, 15.6875rem)
  ) {
    .page__public-offer {
      margin-bottom: calc(5.625rem + 10.0625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(2rem, 1.2184210526rem + 3.4736842105vw, 4.0625rem)
  ) {
    .public-offer__title {
      font-size: clamp(2rem, 1.2184210526rem + 3.4736842105vw, 4.0625rem);
    }
  }

  @supports not (
    font-size: clamp(2rem, 1.2184210526rem + 3.4736842105vw, 4.0625rem)
  ) {
    .public-offer__title {
      font-size: calc(2rem + 2.0625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    max-width: clamp(19.75rem, 12.2421052632rem + 33.3684210526vw, 39.5625rem)
  ) {
    .public-offer__title {
      max-width: clamp(
        19.75rem,
        12.2421052632rem + 33.3684210526vw,
        39.5625rem
      );
    }
  }

  @supports not (
    max-width: clamp(19.75rem, 12.2421052632rem + 33.3684210526vw, 39.5625rem)
  ) {
    .public-offer__title {
      max-width: calc(19.75rem + 19.8125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(2.6875rem, 1.6927631579rem + 4.4210526316vw, 5.3125rem)
  ) {
    .error__title {
      font-size: clamp(2.6875rem, 1.6927631579rem + 4.4210526316vw, 5.3125rem);
    }
  }

  @supports not (
    font-size: clamp(2.6875rem, 1.6927631579rem + 4.4210526316vw, 5.3125rem)
  ) {
    .error__title {
      font-size: calc(2.6875rem + 2.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(7.5rem, 5.3210526316rem + 9.6842105263vw, 13.25rem)
  ) {
    .partners__hero {
      margin-bottom: clamp(7.5rem, 5.3210526316rem + 9.6842105263vw, 13.25rem);
    }
  }

  @supports not (
    margin-bottom: clamp(7.5rem, 5.3210526316rem + 9.6842105263vw, 13.25rem)
  ) {
    .partners__hero {
      margin-bottom: calc(7.5rem + 5.75 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom:
      clamp(9.4375rem, 7.1164473684rem + 10.3157894737vw, 15.5625rem)
  ) {
    .partners__decision {
      margin-bottom: clamp(
        9.4375rem,
        7.1164473684rem + 10.3157894737vw,
        15.5625rem
      );
    }
  }

  @supports not (
    margin-bottom:
      clamp(9.4375rem, 7.1164473684rem + 10.3157894737vw, 15.5625rem)
  ) {
    .partners__decision {
      margin-bottom: calc(9.4375rem + 6.125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(7.5rem, 4.9894736842rem + 11.1578947368vw, 14.125rem)
  ) {
    .partners__benefits {
      margin-bottom: clamp(
        7.5rem,
        4.9894736842rem + 11.1578947368vw,
        14.125rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(7.5rem, 4.9894736842rem + 11.1578947368vw, 14.125rem)
  ) {
    .partners__benefits {
      margin-bottom: calc(7.5rem + 6.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 0.5723684211rem + 5.7894736842vw, 5.3125rem)
  ) {
    .hero-partners__title {
      font-size: clamp(1.875rem, 0.5723684211rem + 5.7894736842vw, 5.3125rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 0.5723684211rem + 5.7894736842vw, 5.3125rem)
  ) {
    .hero-partners__title {
      font-size: calc(1.875rem + 3.4375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (gap: clamp(1.25rem, 0.5394736842rem + 3.1578947368vw, 3.125rem)) {
    .hero-partners__list {
      gap: clamp(1.25rem, 0.5394736842rem + 3.1578947368vw, 3.125rem);
    }
  }

  @supports not (
    gap: clamp(1.25rem, 0.5394736842rem + 3.1578947368vw, 3.125rem)
  ) {
    .hero-partners__list {
      gap: calc(1.25rem + 1.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    width: clamp(2.1875rem, 1.8322368421rem + 1.5789473684vw, 3.125rem)
  ) {
    .hero-partners__item::before {
      width: clamp(2.1875rem, 1.8322368421rem + 1.5789473684vw, 3.125rem);
    }
  }

  @supports not (
    width: clamp(2.1875rem, 1.8322368421rem + 1.5789473684vw, 3.125rem)
  ) {
    .hero-partners__item::before {
      width: calc(2.1875rem + 0.9375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    height: clamp(2.1875rem, 1.8322368421rem + 1.5789473684vw, 3.125rem)
  ) {
    .hero-partners__item::before {
      height: clamp(2.1875rem, 1.8322368421rem + 1.5789473684vw, 3.125rem);
    }
  }

  @supports not (
    height: clamp(2.1875rem, 1.8322368421rem + 1.5789473684vw, 3.125rem)
  ) {
    .hero-partners__item::before {
      height: calc(2.1875rem + 0.9375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(0.875rem, 0.6855263158rem + 0.8421052632vw, 1.375rem)
  ) {
    .hero-partners__item::before {
      margin-bottom: clamp(
        0.875rem,
        0.6855263158rem + 0.8421052632vw,
        1.375rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(0.875rem, 0.6855263158rem + 0.8421052632vw, 1.375rem)
  ) {
    .hero-partners__item::before {
      margin-bottom: calc(0.875rem + 0.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .decision-parthers__title {
      font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .decision-parthers__title {
      font-size: calc(1.875rem + 2.1875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.875rem, 0.1697368421rem + 7.5789473684vw, 6.375rem)
  ) {
    .decision-parthers__title:not(:last-child) {
      margin-bottom: clamp(
        1.875rem,
        0.1697368421rem + 7.5789473684vw,
        6.375rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(1.875rem, 0.1697368421rem + 7.5789473684vw, 6.375rem)
  ) {
    .decision-parthers__title:not(:last-child) {
      margin-bottom: calc(1.875rem + 4.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    padding-left: clamp(1.875rem, 1.4013157895rem + 2.1052631579vw, 3.125rem)
  ) {
    .decision-parthers__item {
      padding-left: clamp(1.875rem, 1.4013157895rem + 2.1052631579vw, 3.125rem);
    }
  }

  @supports not (
    padding-left: clamp(1.875rem, 1.4013157895rem + 2.1052631579vw, 3.125rem)
  ) {
    .decision-parthers__item {
      padding-left: calc(1.875rem + 1.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    left: clamp(1.875rem, 1.6855263158rem + 0.8421052632vw, 2.375rem)
  ) {
    .decision-parthers__item::after {
      left: clamp(1.875rem, 1.6855263158rem + 0.8421052632vw, 2.375rem);
    }
  }

  @supports not (
    left: clamp(1.875rem, 1.6855263158rem + 0.8421052632vw, 2.375rem)
  ) {
    .decision-parthers__item::after {
      left: calc(1.875rem + 0.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (top: clamp(0.5625rem, 0.3967105263rem + 0.7368421053vw, 1rem)) {
    .decision-parthers__item::after {
      top: clamp(0.5625rem, 0.3967105263rem + 0.7368421053vw, 1rem);
    }
  }

  @supports not (
    top: clamp(0.5625rem, 0.3967105263rem + 0.7368421053vw, 1rem)
  ) {
    .decision-parthers__item::after {
      top: calc(0.5625rem + 0.4375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    padding-left: clamp(3.125rem, 2.3197368421rem + 3.5789473684vw, 5.25rem)
  ) {
    .decision-parthers__item:has(._spoller-active) {
      padding-left: clamp(3.125rem, 2.3197368421rem + 3.5789473684vw, 5.25rem);
    }
  }

  @supports not (
    padding-left: clamp(3.125rem, 2.3197368421rem + 3.5789473684vw, 5.25rem)
  ) {
    .decision-parthers__item:has(._spoller-active) {
      padding-left: calc(3.125rem + 2.125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    width: clamp(0.625rem, 0.0328947368rem + 2.6315789474vw, 2.1875rem)
  ) {
    .decision-parthers__item:has(._spoller-active)::after {
      width: clamp(0.625rem, 0.0328947368rem + 2.6315789474vw, 2.1875rem);
    }
  }

  @supports not (
    width: clamp(0.625rem, 0.0328947368rem + 2.6315789474vw, 2.1875rem)
  ) {
    .decision-parthers__item:has(._spoller-active)::after {
      width: calc(0.625rem + 1.5625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.25rem, 0.8947368421rem + 1.5789473684vw, 2.1875rem)
  ) {
    .decision-parthers__item:not(:last-child) {
      margin-bottom: clamp(
        1.25rem,
        0.8947368421rem + 1.5789473684vw,
        2.1875rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(1.25rem, 0.8947368421rem + 1.5789473684vw, 2.1875rem)
  ) {
    .decision-parthers__item:not(:last-child) {
      margin-bottom: calc(1.25rem + 0.9375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    top: clamp(0.125rem, 0.0539473684rem + 0.3157894737vw, 0.3125rem)
  ) {
    .decision-parthers__item::before {
      top: clamp(0.125rem, 0.0539473684rem + 0.3157894737vw, 0.3125rem);
    }
  }

  @supports not (
    top: clamp(0.125rem, 0.0539473684rem + 0.3157894737vw, 0.3125rem)
  ) {
    .decision-parthers__item::before {
      top: calc(0.125rem + 0.1875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(0.875rem, 0.7328947368rem + 0.6315789474vw, 1.25rem)
  ) {
    .decision-parthers__item::before {
      font-size: clamp(0.875rem, 0.7328947368rem + 0.6315789474vw, 1.25rem);
    }
  }

  @supports not (
    font-size: clamp(0.875rem, 0.7328947368rem + 0.6315789474vw, 1.25rem)
  ) {
    .decision-parthers__item::before {
      font-size: calc(0.875rem + 0.375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.5rem, 1.1210526316rem + 1.6842105263vw, 2.5rem)
  ) {
    .item-decision__title {
      font-size: clamp(1.5rem, 1.1210526316rem + 1.6842105263vw, 2.5rem);
    }
  }

  @supports not (
    font-size: clamp(1.5rem, 1.1210526316rem + 1.6842105263vw, 2.5rem)
  ) {
    .item-decision__title {
      font-size: calc(1.5rem + 1 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(7.5rem, 5.1315789474rem + 10.5263157895vw, 13.75rem)
  ) {
    .who__bottom--partners {
      margin-bottom: clamp(7.5rem, 5.1315789474rem + 10.5263157895vw, 13.75rem);
    }
  }

  @supports not (
    margin-bottom: clamp(7.5rem, 5.1315789474rem + 10.5263157895vw, 13.75rem)
  ) {
    .who__bottom--partners {
      margin-bottom: calc(7.5rem + 6.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .benefits-partners__title {
      font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .benefits-partners__title {
      font-size: calc(1.875rem + 2.1875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(2.375rem, 0.8828947368rem + 6.6315789474vw, 6.3125rem)
  ) {
    .benefits-partners__title:not(:last-child) {
      margin-bottom: clamp(
        2.375rem,
        0.8828947368rem + 6.6315789474vw,
        6.3125rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(2.375rem, 0.8828947368rem + 6.6315789474vw, 6.3125rem)
  ) {
    .benefits-partners__title:not(:last-child) {
      margin-bottom: calc(2.375rem + 3.9375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    (-moz-column-gap: clamp(1rem, 0.6684210526rem + 1.4736842105vw, 1.875rem))
      or (column-gap: clamp(1rem, 0.6684210526rem + 1.4736842105vw, 1.875rem))
  ) {
    .benefits-partners__items {
      -webkit-column-gap: clamp(
        1rem,
        0.6684210526rem + 1.4736842105vw,
        1.875rem
      );
      -moz-column-gap: clamp(1rem, 0.6684210526rem + 1.4736842105vw, 1.875rem);
      column-gap: clamp(1rem, 0.6684210526rem + 1.4736842105vw, 1.875rem);
    }
  }

  @supports not (
    (-moz-column-gap: clamp(1rem, 0.6684210526rem + 1.4736842105vw, 1.875rem))
      or (column-gap: clamp(1rem, 0.6684210526rem + 1.4736842105vw, 1.875rem))
  ) {
    .benefits-partners__items {
      -webkit-column-gap: calc(1rem + 0.875 * (100vw - 22.5rem) / 59.375);
      -moz-column-gap: calc(1rem + 0.875 * (100vw - 22.5rem) / 59.375);
      column-gap: calc(1rem + 0.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(0.875rem, 0.6381578947rem + 1.0526315789vw, 1.5rem)
  ) {
    .item-benefits-p__title {
      font-size: clamp(0.875rem, 0.6381578947rem + 1.0526315789vw, 1.5rem);
    }
  }

  @supports not (
    font-size: clamp(0.875rem, 0.6381578947rem + 1.0526315789vw, 1.5rem)
  ) {
    .item-benefits-p__title {
      font-size: calc(0.875rem + 0.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(0.75rem, 0.5605263158rem + 0.8421052632vw, 1.25rem)
  ) {
    .item-benefits-p__title::after {
      font-size: clamp(0.75rem, 0.5605263158rem + 0.8421052632vw, 1.25rem);
    }
  }

  @supports not (
    font-size: clamp(0.75rem, 0.5605263158rem + 0.8421052632vw, 1.25rem)
  ) {
    .item-benefits-p__title::after {
      font-size: calc(0.75rem + 0.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (top: clamp(9.375rem, 8.1907894737rem + 5.2631578947vw, 12.5rem)) {
    .page__school::before {
      top: clamp(9.375rem, 8.1907894737rem + 5.2631578947vw, 12.5rem);
    }
  }

  @supports not (
    top: clamp(9.375rem, 8.1907894737rem + 5.2631578947vw, 12.5rem)
  ) {
    .page__school::before {
      top: calc(9.375rem + 3.125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 0.5723684211rem + 5.7894736842vw, 5.3125rem)
  ) {
    .school__title {
      font-size: clamp(1.875rem, 0.5723684211rem + 5.7894736842vw, 5.3125rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 0.5723684211rem + 5.7894736842vw, 5.3125rem)
  ) {
    .school__title {
      font-size: calc(1.875rem + 3.4375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    max-width: clamp(11.75rem, 3.7684210526rem + 35.4736842105vw, 32.8125rem)
  ) {
    .school__title {
      max-width: clamp(11.75rem, 3.7684210526rem + 35.4736842105vw, 32.8125rem);
    }
  }

  @supports not (
    max-width: clamp(11.75rem, 3.7684210526rem + 35.4736842105vw, 32.8125rem)
  ) {
    .school__title {
      max-width: calc(11.75rem + 21.0625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(9.375rem, 7.7171052632rem + 7.3684210526vw, 13.75rem)
  ) {
    .school__about {
      margin-bottom: clamp(
        9.375rem,
        7.7171052632rem + 7.3684210526vw,
        13.75rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(9.375rem, 7.7171052632rem + 7.3684210526vw, 13.75rem)
  ) {
    .school__about {
      margin-bottom: calc(9.375rem + 4.375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(7.5rem, 5.1315789474rem + 10.5263157895vw, 13.75rem)
  ) {
    .school__consulting {
      margin-bottom: clamp(7.5rem, 5.1315789474rem + 10.5263157895vw, 13.75rem);
    }
  }

  @supports not (
    margin-bottom: clamp(7.5rem, 5.1315789474rem + 10.5263157895vw, 13.75rem)
  ) {
    .school__consulting {
      margin-bottom: calc(7.5rem + 6.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    padding-top: clamp(8.8125rem, 6.8940789474rem + 8.5263157895vw, 13.875rem)
  ) {
    .about-school {
      padding-top: clamp(
        8.8125rem,
        6.8940789474rem + 8.5263157895vw,
        13.875rem
      );
    }
  }

  @supports not (
    padding-top: clamp(8.8125rem, 6.8940789474rem + 8.5263157895vw, 13.875rem)
  ) {
    .about-school {
      padding-top: calc(8.8125rem + 5.0625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .about-school__title {
      font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .about-school__title {
      font-size: calc(1.875rem + 2.1875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.875rem, 0.2171052632rem + 7.3684210526vw, 6.25rem)
  ) {
    .about-school__title:not(:last-child) {
      margin-bottom: clamp(1.875rem, 0.2171052632rem + 7.3684210526vw, 6.25rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1.875rem, 0.2171052632rem + 7.3684210526vw, 6.25rem)
  ) {
    .about-school__title:not(:last-child) {
      margin-bottom: calc(1.875rem + 4.375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    padding-top: clamp(1.875rem, 1.6381578947rem + 1.0526315789vw, 2.5rem)
  ) {
    .consulting__wrapper {
      padding-top: clamp(1.875rem, 1.6381578947rem + 1.0526315789vw, 2.5rem);
    }
  }

  @supports not (
    padding-top: clamp(1.875rem, 1.6381578947rem + 1.0526315789vw, 2.5rem)
  ) {
    .consulting__wrapper {
      padding-top: calc(1.875rem + 0.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    padding-left: clamp(1.25rem, 0.0657894737rem + 5.2631578947vw, 4.375rem)
  ) {
    .consulting__wrapper {
      padding-left: clamp(1.25rem, 0.0657894737rem + 5.2631578947vw, 4.375rem);
    }
  }

  @supports not (
    padding-left: clamp(1.25rem, 0.0657894737rem + 5.2631578947vw, 4.375rem)
  ) {
    .consulting__wrapper {
      padding-left: calc(1.25rem + 3.125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    padding-bottom: clamp(1.875rem, 1.6381578947rem + 1.0526315789vw, 2.5rem)
  ) {
    .consulting__wrapper {
      padding-bottom: clamp(1.875rem, 1.6381578947rem + 1.0526315789vw, 2.5rem);
    }
  }

  @supports not (
    padding-bottom: clamp(1.875rem, 1.6381578947rem + 1.0526315789vw, 2.5rem)
  ) {
    .consulting__wrapper {
      padding-bottom: calc(1.875rem + 0.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    padding-right: clamp(1.25rem, 0.0657894737rem + 5.2631578947vw, 4.375rem)
  ) {
    .consulting__wrapper {
      padding-right: clamp(1.25rem, 0.0657894737rem + 5.2631578947vw, 4.375rem);
    }
  }

  @supports not (
    padding-right: clamp(1.25rem, 0.0657894737rem + 5.2631578947vw, 4.375rem)
  ) {
    .consulting__wrapper {
      padding-right: calc(1.25rem + 3.125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.5rem, 1.1210526316rem + 1.6842105263vw, 2.5rem)
  ) {
    .consulting__title {
      font-size: clamp(1.5rem, 1.1210526316rem + 1.6842105263vw, 2.5rem);
    }
  }

  @supports not (
    font-size: clamp(1.5rem, 1.1210526316rem + 1.6842105263vw, 2.5rem)
  ) {
    .consulting__title {
      font-size: calc(1.5rem + 1 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(0.875rem, 0.4960526316rem + 1.6842105263vw, 1.875rem)
  ) {
    .consulting__title:not(:last-child) {
      margin-bottom: clamp(
        0.875rem,
        0.4960526316rem + 1.6842105263vw,
        1.875rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(0.875rem, 0.4960526316rem + 1.6842105263vw, 1.875rem)
  ) {
    .consulting__title:not(:last-child) {
      margin-bottom: calc(0.875rem + 1 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .list-school__title,
    .cool-about__title,
    .form-school__title {
      font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .list-school__title,
    .cool-about__title,
    .form-school__title {
      font-size: calc(1.875rem + 2.1875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(3.75rem, 2.8026315789rem + 4.2105263158vw, 6.25rem)
  ) {
    .list-school__title:not(:last-child),
    .cool-about__title:not(:last-child),
    .form-school__title:not(:last-child) {
      margin-bottom: clamp(3.75rem, 2.8026315789rem + 4.2105263158vw, 6.25rem);
    }
  }

  @supports not (
    margin-bottom: clamp(3.75rem, 2.8026315789rem + 4.2105263158vw, 6.25rem)
  ) {
    .list-school__title:not(:last-child),
    .cool-about__title:not(:last-child),
    .form-school__title:not(:last-child) {
      margin-bottom: calc(3.75rem + 2.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.5rem, 1.1684210526rem + 1.4736842105vw, 2.375rem)
  ) {
    .course-item__text-link {
      font-size: clamp(1.5rem, 1.1684210526rem + 1.4736842105vw, 2.375rem);
    }
  }

  @supports not (
    font-size: clamp(1.5rem, 1.1684210526rem + 1.4736842105vw, 2.375rem)
  ) {
    .course-item__text-link {
      font-size: calc(1.5rem + 0.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(2.125rem, 1.6039473684rem + 2.3157894737vw, 3.5rem)
  ) {
    .course-item__info:not(:last-child) {
      margin-bottom: clamp(2.125rem, 1.6039473684rem + 2.3157894737vw, 3.5rem);
    }
  }

  @supports not (
    margin-bottom: clamp(2.125rem, 1.6039473684rem + 2.3157894737vw, 3.5rem)
  ) {
    .course-item__info:not(:last-child) {
      margin-bottom: calc(2.125rem + 1.375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(5.375rem, 4.0486842105rem + 5.8947368421vw, 8.875rem)
  ) {
    .school__form {
      margin-bottom: clamp(
        5.375rem,
        4.0486842105rem + 5.8947368421vw,
        8.875rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(5.375rem, 4.0486842105rem + 5.8947368421vw, 8.875rem)
  ) {
    .school__form {
      margin-bottom: calc(5.375rem + 3.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    padding-top: clamp(8.5625rem, 6.0756578947rem + 11.0526315789vw, 15.125rem)
  ) {
    .form-school {
      padding-top: clamp(
        8.5625rem,
        6.0756578947rem + 11.0526315789vw,
        15.125rem
      );
    }
  }

  @supports not (
    padding-top: clamp(8.5625rem, 6.0756578947rem + 11.0526315789vw, 15.125rem)
  ) {
    .form-school {
      padding-top: calc(8.5625rem + 6.5625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    padding-bottom:
      clamp(7.5625rem, 19.3697368421rem + -14.4210526316vw, 16.125rem)
  ) {
    .form-school {
      padding-bottom: clamp(
        7.5625rem,
        19.3697368421rem + -14.4210526316vw,
        16.125rem
      );
    }
  }

  @supports not (
    padding-bottom:
      clamp(7.5625rem, 19.3697368421rem + -14.4210526316vw, 16.125rem)
  ) {
    .form-school {
      padding-bottom: calc(16.125rem + -8.5625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    width: clamp(6.6875rem, 4.0111842105rem + 11.8947368421vw, 13.75rem)
  ) {
    .form-school__image:nth-of-type(1) {
      width: clamp(6.6875rem, 4.0111842105rem + 11.8947368421vw, 13.75rem);
    }
  }

  @supports not (
    width: clamp(6.6875rem, 4.0111842105rem + 11.8947368421vw, 13.75rem)
  ) {
    .form-school__image:nth-of-type(1) {
      width: calc(6.6875rem + 7.0625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    right: clamp(3.5rem, -4.6710526316rem + 36.3157894737vw, 25.0625rem)
  ) {
    .form-school__image:nth-of-type(1) {
      right: clamp(3.5rem, -4.6710526316rem + 36.3157894737vw, 25.0625rem);
    }
  }

  @supports not (
    right: clamp(3.5rem, -4.6710526316rem + 36.3157894737vw, 25.0625rem)
  ) {
    .form-school__image:nth-of-type(1) {
      right: calc(3.5rem + 21.5625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    bottom: clamp(3.625rem, 0.5223684211rem + 13.7894736842vw, 11.8125rem)
  ) {
    .form-school__image:nth-of-type(2) {
      bottom: clamp(3.625rem, 0.5223684211rem + 13.7894736842vw, 11.8125rem);
    }
  }

  @supports not (
    bottom: clamp(3.625rem, 0.5223684211rem + 13.7894736842vw, 11.8125rem)
  ) {
    .form-school__image:nth-of-type(2) {
      bottom: calc(3.625rem + 8.1875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.25rem, 0.3026315789rem + 4.2105263158vw, 3.75rem)
  ) {
    .form-school__title:not(:last-child) {
      margin-bottom: clamp(1.25rem, 0.3026315789rem + 4.2105263158vw, 3.75rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1.25rem, 0.3026315789rem + 4.2105263158vw, 3.75rem)
  ) {
    .form-school__title:not(:last-child) {
      margin-bottom: calc(1.25rem + 2.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(2.5rem, 1.7421052632rem + 3.3684210526vw, 4.5rem)
  ) {
    .form-school__text:not(:last-child) {
      margin-bottom: clamp(2.5rem, 1.7421052632rem + 3.3684210526vw, 4.5rem);
    }
  }

  @supports not (
    margin-bottom: clamp(2.5rem, 1.7421052632rem + 3.3684210526vw, 4.5rem)
  ) {
    .form-school__text:not(:last-child) {
      margin-bottom: calc(2.5rem + 2 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(2.5rem, -1.4789473684rem + 17.6842105263vw, 13rem)
  ) {
    .course__hero:not(:last-child) {
      margin-bottom: clamp(2.5rem, -1.4789473684rem + 17.6842105263vw, 13rem);
    }
  }

  @supports not (
    margin-bottom: clamp(2.5rem, -1.4789473684rem + 17.6842105263vw, 13rem)
  ) {
    .course__hero:not(:last-child) {
      margin-bottom: calc(2.5rem + 10.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 0.5723684211rem + 5.7894736842vw, 5.3125rem)
  ) {
    .course__title {
      font-size: clamp(1.875rem, 0.5723684211rem + 5.7894736842vw, 5.3125rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 0.5723684211rem + 5.7894736842vw, 5.3125rem)
  ) {
    .course__title {
      font-size: calc(1.875rem + 3.4375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.25rem, 0.9657894737rem + 1.2631578947vw, 2rem)
  ) {
    .course__title:not(:last-child) {
      margin-bottom: clamp(1.25rem, 0.9657894737rem + 1.2631578947vw, 2rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1.25rem, 0.9657894737rem + 1.2631578947vw, 2rem)
  ) {
    .course__title:not(:last-child) {
      margin-bottom: calc(1.25rem + 0.75 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.25rem, 0.9657894737rem + 1.2631578947vw, 2rem)
  ) {
    .course__text:not(:last-child) {
      margin-bottom: clamp(1.25rem, 0.9657894737rem + 1.2631578947vw, 2rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1.25rem, 0.9657894737rem + 1.2631578947vw, 2rem)
  ) {
    .course__text:not(:last-child) {
      margin-bottom: calc(1.25rem + 0.75 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(7.5rem, 5.1315789474rem + 10.5263157895vw, 13.75rem)
  ) {
    .course__about {
      margin-bottom: clamp(7.5rem, 5.1315789474rem + 10.5263157895vw, 13.75rem);
    }
  }

  @supports not (
    margin-bottom: clamp(7.5rem, 5.1315789474rem + 10.5263157895vw, 13.75rem)
  ) {
    .course__about {
      margin-bottom: calc(7.5rem + 6.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(6.25rem, 3.8578947368rem + 10.6315789474vw, 12.5625rem)
  ) {
    .course__other {
      margin-bottom: clamp(
        6.25rem,
        3.8578947368rem + 10.6315789474vw,
        12.5625rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(6.25rem, 3.8578947368rem + 10.6315789474vw, 12.5625rem)
  ) {
    .course__other {
      margin-bottom: calc(6.25rem + 6.3125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(5rem, 4.5263157895rem + 2.1052631579vw, 6.25rem)
  ) {
    .about-course__items:not(:last-child) {
      margin-bottom: clamp(5rem, 4.5263157895rem + 2.1052631579vw, 6.25rem);
    }
  }

  @supports not (
    margin-bottom: clamp(5rem, 4.5263157895rem + 2.1052631579vw, 6.25rem)
  ) {
    .about-course__items:not(:last-child) {
      margin-bottom: calc(5rem + 1.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(3.125rem, 5.7105263158rem + -3.1578947368vw, 5rem)
  ) {
    .about-course__item:not(:last-child) {
      margin-bottom: clamp(3.125rem, 5.7105263158rem + -3.1578947368vw, 5rem);
    }
  }

  @supports not (
    margin-bottom: clamp(3.125rem, 5.7105263158rem + -3.1578947368vw, 5rem)
  ) {
    .about-course__item:not(:last-child) {
      margin-bottom: calc(5rem + -1.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(3.125rem, 5.7105263158rem + -3.1578947368vw, 5rem)
  ) {
    .about-course__plan:not(:last-child) {
      margin-bottom: clamp(3.125rem, 5.7105263158rem + -3.1578947368vw, 5rem);
    }
  }

  @supports not (
    margin-bottom: clamp(3.125rem, 5.7105263158rem + -3.1578947368vw, 5rem)
  ) {
    .about-course__plan:not(:last-child) {
      margin-bottom: calc(5rem + -1.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.5rem, 0.8842105263rem + 2.7368421053vw, 3.125rem)
  ) {
    .aside-course__info:not(:last-child) {
      margin-bottom: clamp(1.5rem, 0.8842105263rem + 2.7368421053vw, 3.125rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1.5rem, 0.8842105263rem + 2.7368421053vw, 3.125rem)
  ) {
    .aside-course__info:not(:last-child) {
      margin-bottom: calc(1.5rem + 1.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.5rem, 1.1684210526rem + 1.4736842105vw, 2.375rem)
  ) {
    .item-about-course__title,
    .plan-course__title,
    .item-about-course__subtitle {
      font-size: clamp(1.5rem, 1.1684210526rem + 1.4736842105vw, 2.375rem);
    }
  }

  @supports not (
    font-size: clamp(1.5rem, 1.1684210526rem + 1.4736842105vw, 2.375rem)
  ) {
    .item-about-course__title,
    .plan-course__title,
    .item-about-course__subtitle {
      font-size: calc(1.5rem + 0.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.875rem, 1.4013157895rem + 2.1052631579vw, 3.125rem)
  ) {
    .item-about-course__title:not(:last-child),
    .plan-course__title:not(:last-child),
    .item-about-course__subtitle:not(:last-child) {
      margin-bottom: clamp(
        1.875rem,
        1.4013157895rem + 2.1052631579vw,
        3.125rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(1.875rem, 1.4013157895rem + 2.1052631579vw, 3.125rem)
  ) {
    .item-about-course__title:not(:last-child),
    .plan-course__title:not(:last-child),
    .item-about-course__subtitle:not(:last-child) {
      margin-bottom: calc(1.875rem + 1.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1rem, 0.7631578947rem + 1.0526315789vw, 1.625rem)
  ) {
    .item-about-course__subtitle {
      font-size: clamp(1rem, 0.7631578947rem + 1.0526315789vw, 1.625rem);
    }
  }

  @supports not (
    font-size: clamp(1rem, 0.7631578947rem + 1.0526315789vw, 1.625rem)
  ) {
    .item-about-course__subtitle {
      font-size: calc(1rem + 0.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(0.875rem, 0.7328947368rem + 0.6315789474vw, 1.25rem)
  ) {
    .item-about-course__subtitle:not(:last-child) {
      margin-bottom: clamp(0.875rem, 0.7328947368rem + 0.6315789474vw, 1.25rem);
    }
  }

  @supports not (
    margin-bottom: clamp(0.875rem, 0.7328947368rem + 0.6315789474vw, 1.25rem)
  ) {
    .item-about-course__subtitle:not(:last-child) {
      margin-bottom: calc(0.875rem + 0.375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(0.875rem, 0.7328947368rem + 0.6315789474vw, 1.25rem)
  ) {
    .item-about-course__text:not(:last-child) {
      margin-bottom: clamp(0.875rem, 0.7328947368rem + 0.6315789474vw, 1.25rem);
    }
  }

  @supports not (
    margin-bottom: clamp(0.875rem, 0.7328947368rem + 0.6315789474vw, 1.25rem)
  ) {
    .item-about-course__text:not(:last-child) {
      margin-bottom: calc(0.875rem + 0.375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.5rem, 1.1684210526rem + 1.4736842105vw, 2.375rem)
  ) {
    .plan-course__title {
      font-size: clamp(1.5rem, 1.1684210526rem + 1.4736842105vw, 2.375rem);
    }
  }

  @supports not (
    font-size: clamp(1.5rem, 1.1684210526rem + 1.4736842105vw, 2.375rem)
  ) {
    .plan-course__title {
      font-size: calc(1.5rem + 0.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.875rem, 1.4486842105rem + 1.8947368421vw, 3rem)
  ) {
    .plan-course__title:not(:last-child) {
      margin-bottom: clamp(1.875rem, 1.4486842105rem + 1.8947368421vw, 3rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1.875rem, 1.4486842105rem + 1.8947368421vw, 3rem)
  ) {
    .plan-course__title:not(:last-child) {
      margin-bottom: calc(1.875rem + 1.125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    gap: clamp(0.8125rem, 0.2914473684rem + 2.3157894737vw, 2.1875rem)
  ) {
    .plan-course__item {
      gap: clamp(0.8125rem, 0.2914473684rem + 2.3157894737vw, 2.1875rem);
    }
  }

  @supports not (
    gap: clamp(0.8125rem, 0.2914473684rem + 2.3157894737vw, 2.1875rem)
  ) {
    .plan-course__item {
      gap: calc(0.8125rem + 1.375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (width: clamp(5rem, 3.4368421053rem + 6.9473684211vw, 9.125rem)) {
    .video-box__play {
      width: clamp(5rem, 3.4368421053rem + 6.9473684211vw, 9.125rem);
    }
  }

  @supports not (
    width: clamp(5rem, 3.4368421053rem + 6.9473684211vw, 9.125rem)
  ) {
    .video-box__play {
      width: calc(5rem + 4.125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (height: clamp(5rem, 3.4368421053rem + 6.9473684211vw, 9.125rem)) {
    .video-box__play {
      height: clamp(5rem, 3.4368421053rem + 6.9473684211vw, 9.125rem);
    }
  }

  @supports not (
    height: clamp(5rem, 3.4368421053rem + 6.9473684211vw, 9.125rem)
  ) {
    .video-box__play {
      height: calc(5rem + 4.125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    padding: clamp(0.8125rem, 0.5756578947rem + 1.0526315789vw, 1.4375rem)
  ) {
    .video-box__play {
      padding: clamp(0.8125rem, 0.5756578947rem + 1.0526315789vw, 1.4375rem);
    }
  }

  @supports not (
    padding: clamp(0.8125rem, 0.5756578947rem + 1.0526315789vw, 1.4375rem)
  ) {
    .video-box__play {
      padding: calc(0.8125rem + 0.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (font-size: clamp(1rem, 0.6210526316rem + 1.6842105263vw, 2rem)) {
    .video-box__play span {
      font-size: clamp(1rem, 0.6210526316rem + 1.6842105263vw, 2rem);
    }
  }

  @supports not (
    font-size: clamp(1rem, 0.6210526316rem + 1.6842105263vw, 2rem)
  ) {
    .video-box__play span {
      font-size: calc(1rem + 1 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(4.375rem, 2.8355263158rem + 6.8421052632vw, 8.4375rem)
  ) {
    .about__info {
      margin-bottom: clamp(
        4.375rem,
        2.8355263158rem + 6.8421052632vw,
        8.4375rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(4.375rem, 2.8355263158rem + 6.8421052632vw, 8.4375rem)
  ) {
    .about__info {
      margin-bottom: calc(4.375rem + 4.0625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(4.375rem, 3.6644736842rem + 3.1578947368vw, 6.25rem)
  ) {
    .about__cool {
      margin-bottom: clamp(4.375rem, 3.6644736842rem + 3.1578947368vw, 6.25rem);
    }
  }

  @supports not (
    margin-bottom: clamp(4.375rem, 3.6644736842rem + 3.1578947368vw, 6.25rem)
  ) {
    .about__cool {
      margin-bottom: calc(4.375rem + 1.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(7.5rem, 5.1315789474rem + 10.5263157895vw, 13.75rem)
  ) {
    .about__facts {
      margin-bottom: clamp(7.5rem, 5.1315789474rem + 10.5263157895vw, 13.75rem);
    }
  }

  @supports not (
    margin-bottom: clamp(7.5rem, 5.1315789474rem + 10.5263157895vw, 13.75rem)
  ) {
    .about__facts {
      margin-bottom: calc(7.5rem + 6.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(5.375rem, 3.9065789474rem + 6.5263157895vw, 9.25rem)
  ) {
    .about__contacts {
      margin-bottom: clamp(5.375rem, 3.9065789474rem + 6.5263157895vw, 9.25rem);
    }
  }

  @supports not (
    margin-bottom: clamp(5.375rem, 3.9065789474rem + 6.5263157895vw, 9.25rem)
  ) {
    .about__contacts {
      margin-bottom: calc(5.375rem + 3.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(7.5rem, 5.1315789474rem + 10.5263157895vw, 13.75rem)
  ) {
    .about__slider {
      margin-bottom: clamp(7.5rem, 5.1315789474rem + 10.5263157895vw, 13.75rem);
    }
  }

  @supports not (
    margin-bottom: clamp(7.5rem, 5.1315789474rem + 10.5263157895vw, 13.75rem)
  ) {
    .about__slider {
      margin-bottom: calc(7.5rem + 6.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .info-about__title {
      font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .info-about__title {
      font-size: calc(1.875rem + 2.1875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    max-width: clamp(25rem, 13.1578947368rem + 52.6315789474vw, 56.25rem)
  ) {
    .info-about__title {
      max-width: clamp(25rem, 13.1578947368rem + 52.6315789474vw, 56.25rem);
    }
  }

  @supports not (
    max-width: clamp(25rem, 13.1578947368rem + 52.6315789474vw, 56.25rem)
  ) {
    .info-about__title {
      max-width: calc(25rem + 31.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(6.25rem, 4.4973684211rem + 7.7894736842vw, 10.875rem)
  ) {
    .info-about__title:not(:last-child) {
      margin-bottom: clamp(
        6.25rem,
        4.4973684211rem + 7.7894736842vw,
        10.875rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(6.25rem, 4.4973684211rem + 7.7894736842vw, 10.875rem)
  ) {
    .info-about__title:not(:last-child) {
      margin-bottom: calc(6.25rem + 4.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-top: clamp(-12.5rem, -5.6052631579rem + -8.4210526316vw, -7.5rem)
  ) {
    .info-about__title {
      margin-top: clamp(-12.5rem, -5.6052631579rem + -8.4210526316vw, -7.5rem);
    }
  }

  @supports not (
    margin-top: clamp(-12.5rem, -5.6052631579rem + -8.4210526316vw, -7.5rem)
  ) {
    .info-about__title {
      margin-top: calc(-7.5rem + -5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.5rem, 1.1210526316rem + 1.6842105263vw, 2.5rem)
  ) {
    .info-about__item {
      font-size: clamp(1.5rem, 1.1210526316rem + 1.6842105263vw, 2.5rem);
    }
  }

  @supports not (
    font-size: clamp(1.5rem, 1.1210526316rem + 1.6842105263vw, 2.5rem)
  ) {
    .info-about__item {
      font-size: calc(1.5rem + 1 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (gap: clamp(1.875rem, 1.3065789474rem + 2.5263157895vw, 3.375rem)) {
    .info-about__item {
      gap: clamp(1.875rem, 1.3065789474rem + 2.5263157895vw, 3.375rem);
    }
  }

  @supports not (
    gap: clamp(1.875rem, 1.3065789474rem + 2.5263157895vw, 3.375rem)
  ) {
    .info-about__item {
      gap: calc(1.875rem + 1.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(3.125rem, 2.0592105263rem + 4.7368421053vw, 5.9375rem)
  ) {
    .info-about__item::before {
      font-size: clamp(3.125rem, 2.0592105263rem + 4.7368421053vw, 5.9375rem);
    }
  }

  @supports not (
    font-size: clamp(3.125rem, 2.0592105263rem + 4.7368421053vw, 5.9375rem)
  ) {
    .info-about__item::before {
      font-size: calc(3.125rem + 2.8125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(3.75rem, 2.0684210526rem + 7.4736842105vw, 8.1875rem)
  ) {
    .info-about__item:not(:last-child) {
      margin-bottom: clamp(
        3.75rem,
        2.0684210526rem + 7.4736842105vw,
        8.1875rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(3.75rem, 2.0684210526rem + 7.4736842105vw, 8.1875rem)
  ) {
    .info-about__item:not(:last-child) {
      margin-bottom: calc(3.75rem + 4.4375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (padding-top: clamp(8.0625rem, 5.8125rem + 10vw, 14rem)) {
    .cool-about {
      padding-top: clamp(8.0625rem, 5.8125rem + 10vw, 14rem);
    }
  }

  @supports not (padding-top: clamp(8.0625rem, 5.8125rem + 10vw, 14rem)) {
    .cool-about {
      padding-top: calc(8.0625rem + 5.9375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    width: clamp(8.25rem, 6.0236842105rem + 9.8947368421vw, 14.125rem)
  ) {
    .cool-about__image:nth-of-type(1) {
      width: clamp(8.25rem, 6.0236842105rem + 9.8947368421vw, 14.125rem);
    }
  }

  @supports not (
    width: clamp(8.25rem, 6.0236842105rem + 9.8947368421vw, 14.125rem)
  ) {
    .cool-about__image:nth-of-type(1) {
      width: calc(8.25rem + 5.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    left: clamp(5.5625rem, 1.2993421053rem + 18.9473684211vw, 16.8125rem)
  ) {
    .cool-about__image:nth-of-type(1) {
      left: clamp(5.5625rem, 1.2993421053rem + 18.9473684211vw, 16.8125rem);
    }
  }

  @supports not (
    left: clamp(5.5625rem, 1.2993421053rem + 18.9473684211vw, 16.8125rem)
  ) {
    .cool-about__image:nth-of-type(1) {
      left: calc(5.5625rem + 11.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    width: clamp(11.5rem, 9.3210526316rem + 9.6842105263vw, 17.25rem)
  ) {
    .cool-about__image:nth-of-type(2) {
      width: clamp(11.5rem, 9.3210526316rem + 9.6842105263vw, 17.25rem);
    }
  }

  @supports not (
    width: clamp(11.5rem, 9.3210526316rem + 9.6842105263vw, 17.25rem)
  ) {
    .cool-about__image:nth-of-type(2) {
      width: calc(11.5rem + 5.75 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    bottom: clamp(0.0000000625rem, -1.8710525454rem + 8.3157893684vw, 4.9375rem)
  ) {
    .cool-about__image:nth-of-type(2) {
      bottom: clamp(
        0.0000000625rem,
        -1.8710525454rem + 8.3157893684vw,
        4.9375rem
      );
    }
  }

  @supports not (
    bottom: clamp(0.0000000625rem, -1.8710525454rem + 8.3157893684vw, 4.9375rem)
  ) {
    .cool-about__image:nth-of-type(2) {
      bottom: calc(0.0000000625rem + 4.9374999375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    right: clamp(-1.5625rem, -1.8230263158rem + 1.1578947368vw, -0.875rem)
  ) {
    .cool-about__image:nth-of-type(2) {
      right: clamp(-1.5625rem, -1.8230263158rem + 1.1578947368vw, -0.875rem);
    }
  }

  @supports not (
    right: clamp(-1.5625rem, -1.8230263158rem + 1.1578947368vw, -0.875rem)
  ) {
    .cool-about__image:nth-of-type(2) {
      right: calc(-1.5625rem + 0.6875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    width: clamp(8.25rem, 7.1605263158rem + 4.8421052632vw, 11.125rem)
  ) {
    .cool-about__image:nth-of-type(3) {
      width: clamp(8.25rem, 7.1605263158rem + 4.8421052632vw, 11.125rem);
    }
  }

  @supports not (
    width: clamp(8.25rem, 7.1605263158rem + 4.8421052632vw, 11.125rem)
  ) {
    .cool-about__image:nth-of-type(3) {
      width: calc(8.25rem + 2.875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    left: clamp(-1rem, -3.3921052632rem + 10.6315789474vw, 5.3125rem)
  ) {
    .cool-about__image:nth-of-type(3) {
      left: clamp(-1rem, -3.3921052632rem + 10.6315789474vw, 5.3125rem);
    }
  }

  @supports not (
    left: clamp(-1rem, -3.3921052632rem + 10.6315789474vw, 5.3125rem)
  ) {
    .cool-about__image:nth-of-type(3) {
      left: calc(-1rem + 6.3125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    bottom: clamp(1.3125rem, 7.5177631579rem + -7.5789473684vw, 5.8125rem)
  ) {
    .cool-about__image:nth-of-type(3) {
      bottom: clamp(1.3125rem, 7.5177631579rem + -7.5789473684vw, 5.8125rem);
    }
  }

  @supports not (
    bottom: clamp(1.3125rem, 7.5177631579rem + -7.5789473684vw, 5.8125rem)
  ) {
    .cool-about__image:nth-of-type(3) {
      bottom: calc(5.8125rem + -4.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.25rem, 0.3026315789rem + 4.2105263158vw, 3.75rem)
  ) {
    .cool-about__title:not(:last-child) {
      margin-bottom: clamp(1.25rem, 0.3026315789rem + 4.2105263158vw, 3.75rem);
    }
  }

  @supports not (
    margin-bottom: clamp(1.25rem, 0.3026315789rem + 4.2105263158vw, 3.75rem)
  ) {
    .cool-about__title:not(:last-child) {
      margin-bottom: calc(1.25rem + 2.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(2.5rem, 1.7421052632rem + 3.3684210526vw, 4.5rem)
  ) {
    .cool-about__text:not(:last-child) {
      margin-bottom: clamp(2.5rem, 1.7421052632rem + 3.3684210526vw, 4.5rem);
    }
  }

  @supports not (
    margin-bottom: clamp(2.5rem, 1.7421052632rem + 3.3684210526vw, 4.5rem)
  ) {
    .cool-about__text:not(:last-child) {
      margin-bottom: calc(2.5rem + 2 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(2.5rem, 2.2394736842rem + 1.1578947368vw, 3.1875rem)
  ) {
    .slider-about__swiper:not(:last-child) {
      margin-bottom: clamp(2.5rem, 2.2394736842rem + 1.1578947368vw, 3.1875rem);
    }
  }

  @supports not (
    margin-bottom: clamp(2.5rem, 2.2394736842rem + 1.1578947368vw, 3.1875rem)
  ) {
    .slider-about__swiper:not(:last-child) {
      margin-bottom: calc(2.5rem + 0.6875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    height: clamp(1.875rem, 1.4013157895rem + 2.1052631579vw, 3.125rem)
  ) {
    .slider-about__button {
      height: clamp(1.875rem, 1.4013157895rem + 2.1052631579vw, 3.125rem);
    }
  }

  @supports not (
    height: clamp(1.875rem, 1.4013157895rem + 2.1052631579vw, 3.125rem)
  ) {
    .slider-about__button {
      height: calc(1.875rem + 1.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    width: clamp(1.875rem, 1.4013157895rem + 2.1052631579vw, 3.125rem)
  ) {
    .slider-about__button {
      width: clamp(1.875rem, 1.4013157895rem + 2.1052631579vw, 3.125rem);
    }
  }

  @supports not (
    width: clamp(1.875rem, 1.4013157895rem + 2.1052631579vw, 3.125rem)
  ) {
    .slider-about__button {
      width: calc(1.875rem + 1.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.875rem, 1.4013157895rem + 2.1052631579vw, 3.125rem)
  ) {
    .about-slide__img {
      margin-bottom: clamp(
        1.875rem,
        1.4013157895rem + 2.1052631579vw,
        3.125rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(1.875rem, 1.4013157895rem + 2.1052631579vw, 3.125rem)
  ) {
    .about-slide__img {
      margin-bottom: calc(1.875rem + 1.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.125rem, 0.9355263158rem + 0.8421052632vw, 1.625rem)
  ) {
    .about-slide__title {
      font-size: clamp(1.125rem, 0.9355263158rem + 0.8421052632vw, 1.625rem);
    }
  }

  @supports not (
    font-size: clamp(1.125rem, 0.9355263158rem + 0.8421052632vw, 1.625rem)
  ) {
    .about-slide__title {
      font-size: calc(1.125rem + 0.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    min-height: clamp(36.375rem, 28.4881578947rem + 35.0526315789vw, 57.1875rem)
  ) {
    .facts-about__background {
      min-height: clamp(
        36.375rem,
        28.4881578947rem + 35.0526315789vw,
        57.1875rem
      );
    }
  }

  @supports not (
    min-height: clamp(36.375rem, 28.4881578947rem + 35.0526315789vw, 57.1875rem)
  ) {
    .facts-about__background {
      min-height: calc(36.375rem + 20.8125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .facts-about__title {
      font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .facts-about__title {
      font-size: calc(1.875rem + 2.1875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(3rem, 1.7684210526rem + 5.4736842105vw, 6.25rem)
  ) {
    .facts-about__title:not(:last-child) {
      margin-bottom: clamp(3rem, 1.7684210526rem + 5.4736842105vw, 6.25rem);
    }
  }

  @supports not (
    margin-bottom: clamp(3rem, 1.7684210526rem + 5.4736842105vw, 6.25rem)
  ) {
    .facts-about__title:not(:last-child) {
      margin-bottom: calc(3rem + 3.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    min-height: clamp(10.625rem, 7.1671052632rem + 15.3684210526vw, 19.75rem)
  ) {
    .item-facts {
      min-height: clamp(10.625rem, 7.1671052632rem + 15.3684210526vw, 19.75rem);
    }
  }

  @supports not (
    min-height: clamp(10.625rem, 7.1671052632rem + 15.3684210526vw, 19.75rem)
  ) {
    .item-facts {
      min-height: calc(10.625rem + 9.125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1rem, 0.3131578947rem + 3.0526315789vw, 2.8125rem)
  ) {
    .item-facts__title {
      font-size: clamp(1rem, 0.3131578947rem + 3.0526315789vw, 2.8125rem);
    }
  }

  @supports not (
    font-size: clamp(1rem, 0.3131578947rem + 3.0526315789vw, 2.8125rem)
  ) {
    .item-facts__title {
      font-size: calc(1rem + 1.8125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.9375rem, 0.6348684211rem + 5.7894736842vw, 5.375rem)
  ) {
    .item-facts__title--orange {
      font-size: clamp(1.9375rem, 0.6348684211rem + 5.7894736842vw, 5.375rem);
    }
  }

  @supports not (
    font-size: clamp(1.9375rem, 0.6348684211rem + 5.7894736842vw, 5.375rem)
  ) {
    .item-facts__title--orange {
      font-size: calc(1.9375rem + 3.4375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(0.9375rem, 0.2743421053rem + 2.9473684211vw, 2.6875rem)
  ) {
    .item-facts__title--orange span {
      font-size: clamp(0.9375rem, 0.2743421053rem + 2.9473684211vw, 2.6875rem);
    }
  }

  @supports not (
    font-size: clamp(0.9375rem, 0.2743421053rem + 2.9473684211vw, 2.6875rem)
  ) {
    .item-facts__title--orange span {
      font-size: calc(0.9375rem + 1.75 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(0.75rem, 0.5605263158rem + 0.8421052632vw, 1.25rem)
  ) {
    .item-facts__label {
      font-size: clamp(0.75rem, 0.5605263158rem + 0.8421052632vw, 1.25rem);
    }
  }

  @supports not (
    font-size: clamp(0.75rem, 0.5605263158rem + 0.8421052632vw, 1.25rem)
  ) {
    .item-facts__label {
      font-size: calc(0.75rem + 0.5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .brand-barista__title {
      font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 1.0460526316rem + 3.6842105263vw, 4.0625rem)
  ) {
    .brand-barista__title {
      font-size: calc(1.875rem + 2.1875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.5rem, 1.1210526316rem + 1.6842105263vw, 2.5rem)
  ) {
    .brand-barista__text {
      font-size: clamp(1.5rem, 1.1210526316rem + 1.6842105263vw, 2.5rem);
    }
  }

  @supports not (
    font-size: clamp(1.5rem, 1.1210526316rem + 1.6842105263vw, 2.5rem)
  ) {
    .brand-barista__text {
      font-size: calc(1.5rem + 1 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom:
      clamp(1.875rem, -0.8960526316rem + 12.3157894737vw, 9.1875rem)
  ) {
    .brand-barista__text:not(:last-child) {
      margin-bottom: clamp(
        1.875rem,
        -0.8960526316rem + 12.3157894737vw,
        9.1875rem
      );
    }
  }

  @supports not (
    margin-bottom:
      clamp(1.875rem, -0.8960526316rem + 12.3157894737vw, 9.1875rem)
  ) {
    .brand-barista__text:not(:last-child) {
      margin-bottom: calc(1.875rem + 7.3125 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (width: clamp(1.5rem, 0.8842105263rem + 2.7368421053vw, 3.125rem)) {
    .brand-barista__text::before {
      width: clamp(1.5rem, 0.8842105263rem + 2.7368421053vw, 3.125rem);
    }
  }

  @supports not (
    width: clamp(1.5rem, 0.8842105263rem + 2.7368421053vw, 3.125rem)
  ) {
    .brand-barista__text::before {
      width: calc(1.5rem + 1.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    height: clamp(1.5rem, 0.8842105263rem + 2.7368421053vw, 3.125rem)
  ) {
    .brand-barista__text::before {
      height: clamp(1.5rem, 0.8842105263rem + 2.7368421053vw, 3.125rem);
    }
  }

  @supports not (
    height: clamp(1.5rem, 0.8842105263rem + 2.7368421053vw, 3.125rem)
  ) {
    .brand-barista__text::before {
      height: calc(1.5rem + 1.625 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(0.375rem, 0.2092105263rem + 0.7368421053vw, 0.8125rem)
  ) {
    .brand-barista__text::before {
      font-size: clamp(0.375rem, 0.2092105263rem + 0.7368421053vw, 0.8125rem);
    }
  }

  @supports not (
    font-size: clamp(0.375rem, 0.2092105263rem + 0.7368421053vw, 0.8125rem)
  ) {
    .brand-barista__text::before {
      font-size: calc(0.375rem + 0.4375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1rem, 0.9052631579rem + 0.4210526316vw, 1.25rem)
  ) {
    .brand-barista__item {
      font-size: clamp(1rem, 0.9052631579rem + 0.4210526316vw, 1.25rem);
    }
  }

  @supports not (
    font-size: clamp(1rem, 0.9052631579rem + 0.4210526316vw, 1.25rem)
  ) {
    .brand-barista__item {
      font-size: calc(1rem + 0.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1rem, 0.9052631579rem + 0.4210526316vw, 1.25rem)
  ) {
    .brand-barista__item::before {
      font-size: clamp(1rem, 0.9052631579rem + 0.4210526316vw, 1.25rem);
    }
  }

  @supports not (
    font-size: clamp(1rem, 0.9052631579rem + 0.4210526316vw, 1.25rem)
  ) {
    .brand-barista__item::before {
      font-size: calc(1rem + 0.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    padding-top: clamp(9.3125rem, 6.7546052632rem + 11.3684210526vw, 16.0625rem)
  ) {
    .contacts-about {
      padding-top: clamp(
        9.3125rem,
        6.7546052632rem + 11.3684210526vw,
        16.0625rem
      );
    }
  }

  @supports not (
    padding-top: clamp(9.3125rem, 6.7546052632rem + 11.3684210526vw, 16.0625rem)
  ) {
    .contacts-about {
      padding-top: calc(9.3125rem + 6.75 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    padding-bottom: clamp(11rem, 17.8947368421rem + -8.4210526316vw, 16rem)
  ) {
    .contacts-about {
      padding-bottom: clamp(11rem, 17.8947368421rem + -8.4210526316vw, 16rem);
    }
  }

  @supports not (
    padding-bottom: clamp(11rem, 17.8947368421rem + -8.4210526316vw, 16rem)
  ) {
    .contacts-about {
      padding-bottom: calc(16rem + -5 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    width: clamp(6.8125rem, 4.1835526316rem + 11.6842105263vw, 13.75rem)
  ) {
    .contacts-about__image:nth-of-type(1) {
      width: clamp(6.8125rem, 4.1835526316rem + 11.6842105263vw, 13.75rem);
    }
  }

  @supports not (
    width: clamp(6.8125rem, 4.1835526316rem + 11.6842105263vw, 13.75rem)
  ) {
    .contacts-about__image:nth-of-type(1) {
      width: calc(6.8125rem + 6.9375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    width: clamp(5.3125rem, 0.8598684211rem + 19.7894736842vw, 17.0625rem)
  ) {
    .contacts-about__image:nth-of-type(2) {
      width: clamp(5.3125rem, 0.8598684211rem + 19.7894736842vw, 17.0625rem);
    }
  }

  @supports not (
    width: clamp(5.3125rem, 0.8598684211rem + 19.7894736842vw, 17.0625rem)
  ) {
    .contacts-about__image:nth-of-type(2) {
      width: calc(5.3125rem + 11.75 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    width: clamp(10.375rem, 5.9223684211rem + 19.7894736842vw, 22.125rem)
  ) {
    .contacts-about__image:nth-of-type(3) {
      width: clamp(10.375rem, 5.9223684211rem + 19.7894736842vw, 22.125rem);
    }
  }

  @supports not (
    width: clamp(10.375rem, 5.9223684211rem + 19.7894736842vw, 22.125rem)
  ) {
    .contacts-about__image:nth-of-type(3) {
      width: calc(10.375rem + 11.75 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.5rem, 1.1210526316rem + 1.6842105263vw, 2.5rem)
  ) {
    .contacts-about__title {
      font-size: clamp(1.5rem, 1.1210526316rem + 1.6842105263vw, 2.5rem);
    }
  }

  @supports not (
    font-size: clamp(1.5rem, 1.1210526316rem + 1.6842105263vw, 2.5rem)
  ) {
    .contacts-about__title {
      font-size: calc(1.5rem + 1 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.25rem, 0.8947368421rem + 1.5789473684vw, 2.1875rem)
  ) {
    .contacts-about__title:not(:last-child) {
      margin-bottom: clamp(
        1.25rem,
        0.8947368421rem + 1.5789473684vw,
        2.1875rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(1.25rem, 0.8947368421rem + 1.5789473684vw, 2.1875rem)
  ) {
    .contacts-about__title:not(:last-child) {
      margin-bottom: calc(1.25rem + 0.9375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(2.5rem, 2.0263157895rem + 2.1052631579vw, 3.75rem)
  ) {
    .contacts-about__text:not(:last-child) {
      margin-bottom: clamp(2.5rem, 2.0263157895rem + 2.1052631579vw, 3.75rem);
    }
  }

  @supports not (
    margin-bottom: clamp(2.5rem, 2.0263157895rem + 2.1052631579vw, 3.75rem)
  ) {
    .contacts-about__text:not(:last-child) {
      margin-bottom: calc(2.5rem + 1.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    font-size: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem)
  ) {
    .contacts-about__link {
      font-size: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem);
    }
  }

  @supports not (
    font-size: clamp(1.25rem, 0.7763157895rem + 2.1052631579vw, 2.5rem)
  ) {
    .contacts-about__link {
      font-size: calc(1.25rem + 1.25 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(1.25rem, 0.8947368421rem + 1.5789473684vw, 2.1875rem)
  ) {
    .contacts-about__link:not(:last-child) {
      margin-bottom: clamp(
        1.25rem,
        0.8947368421rem + 1.5789473684vw,
        2.1875rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(1.25rem, 0.8947368421rem + 1.5789473684vw, 2.1875rem)
  ) {
    .contacts-about__link:not(:last-child) {
      margin-bottom: calc(1.25rem + 0.9375 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(3.125rem, 0.5907894737rem + 11.2631578947vw, 9.8125rem)
  ) {
    .page__hero {
      margin-bottom: clamp(
        3.125rem,
        0.5907894737rem + 11.2631578947vw,
        9.8125rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(3.125rem, 0.5907894737rem + 11.2631578947vw, 9.8125rem)
  ) {
    .page__hero {
      margin-bottom: calc(3.125rem + 6.6875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(3.125rem, 0.5907894737rem + 11.2631578947vw, 9.8125rem)
  ) {
    .page__hero-blog {
      margin-bottom: clamp(
        3.125rem,
        0.5907894737rem + 11.2631578947vw,
        9.8125rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(3.125rem, 0.5907894737rem + 11.2631578947vw, 9.8125rem)
  ) {
    .page__hero-blog {
      margin-bottom: calc(3.125rem + 6.6875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(3.125rem, 0.5907894737rem + 11.2631578947vw, 9.8125rem)
  ) {
    .page__blog {
      margin-bottom: clamp(
        3.125rem,
        0.5907894737rem + 11.2631578947vw,
        9.8125rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(3.125rem, 0.5907894737rem + 11.2631578947vw, 9.8125rem)
  ) {
    .page__blog {
      margin-bottom: calc(3.125rem + 6.6875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(3.75rem, 0.6473684211rem + 13.7894736842vw, 11.9375rem)
  ) {
    .page__article {
      margin-bottom: clamp(
        3.75rem,
        0.6473684211rem + 13.7894736842vw,
        11.9375rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(3.75rem, 0.6473684211rem + 13.7894736842vw, 11.9375rem)
  ) {
    .page__article {
      margin-bottom: calc(3.75rem + 8.1875 * (100vw - 22.5rem) / 59.375);
    }
  }

  @supports (
    margin-bottom: clamp(3.125rem, 0.5907894737rem + 11.2631578947vw, 9.8125rem)
  ) {
    .page__contacts-block {
      margin-bottom: clamp(
        3.125rem,
        0.5907894737rem + 11.2631578947vw,
        9.8125rem
      );
    }
  }

  @supports not (
    margin-bottom: clamp(3.125rem, 0.5907894737rem + 11.2631578947vw, 9.8125rem)
  ) {
    .page__contacts-block {
      margin-bottom: calc(3.125rem + 6.6875 * (100vw - 22.5rem) / 59.375);
    }
  }
}

@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .contacts--bg-left::before {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    width: 80%;
  }
}

@media (max-width: 47.99875em) and (min-width: 47.99875em) {
  .product-block__slider-nav-center .swiper-pagination {
    margin-bottom: 0.625rem;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
  }
}

@media (min-width: 47.99875em) and (max-width: 81.875em) {
  @supports (
    margin-bottom:
      clamp(1.5625rem, -4.1935952548rem + 11.9921774104vw, 5.625rem)
  ) {
    .item-blog--main:not(:last-child) {
      margin-bottom: clamp(
        1.5625rem,
        -4.1935952548rem + 11.9921774104vw,
        5.625rem
      );
    }
  }

  @supports not (
    margin-bottom:
      clamp(1.5625rem, -4.1935952548rem + 11.9921774104vw, 5.625rem)
  ) {
    .item-blog--main:not(:last-child) {
      margin-bottom: calc(
        1.5625rem + 4.0625 * (100vw - 47.99875rem) / 33.87625
      );
    }
  }

  @supports (
    padding-left: clamp(1.25rem, -0.5211062322rem + 3.6899007417vw, 2.5rem)
  ) {
    .item-blog--main .item-blog__body {
      padding-left: clamp(1.25rem, -0.5211062322rem + 3.6899007417vw, 2.5rem);
    }
  }

  @supports not (
    padding-left: clamp(1.25rem, -0.5211062322rem + 3.6899007417vw, 2.5rem)
  ) {
    .item-blog--main .item-blog__body {
      padding-left: calc(1.25rem + 1.25 * (100vw - 47.99875rem) / 33.87625);
    }
  }

  @supports (
    padding-right: clamp(1.25rem, -0.5211062322rem + 3.6899007417vw, 2.5rem)
  ) {
    .item-blog--reverse .item-blog__body {
      padding-right: clamp(1.25rem, -0.5211062322rem + 3.6899007417vw, 2.5rem);
    }
  }

  @supports not (
    padding-right: clamp(1.25rem, -0.5211062322rem + 3.6899007417vw, 2.5rem)
  ) {
    .item-blog--reverse .item-blog__body {
      padding-right: calc(1.25rem + 1.25 * (100vw - 47.99875rem) / 33.87625);
    }
  }

  @supports (
    font-size: clamp(1.875rem, 0.9894468839rem + 1.8449503708vw, 2.5rem)
  ) {
    .item-blog--main .item-blog__title {
      font-size: clamp(1.875rem, 0.9894468839rem + 1.8449503708vw, 2.5rem);
    }
  }

  @supports not (
    font-size: clamp(1.875rem, 0.9894468839rem + 1.8449503708vw, 2.5rem)
  ) {
    .item-blog--main .item-blog__title {
      font-size: calc(1.875rem + 0.625 * (100vw - 47.99875rem) / 33.87625);
    }
  }

  @supports (
    padding-left: clamp(1.875rem, -0.4274381019rem + 4.7968709642vw, 3.5rem)
  ) {
    .content-article__block {
      padding-left: clamp(1.875rem, -0.4274381019rem + 4.7968709642vw, 3.5rem);
    }
  }

  @supports not (
    padding-left: clamp(1.875rem, -0.4274381019rem + 4.7968709642vw, 3.5rem)
  ) {
    .content-article__block {
      padding-left: calc(1.875rem + 1.625 * (100vw - 47.99875rem) / 33.87625);
    }
  }

  @supports (
    padding-right: clamp(1.875rem, -0.4274381019rem + 4.7968709642vw, 3.5rem)
  ) {
    .content-article__block {
      padding-right: clamp(1.875rem, -0.4274381019rem + 4.7968709642vw, 3.5rem);
    }
  }

  @supports not (
    padding-right: clamp(1.875rem, -0.4274381019rem + 4.7968709642vw, 3.5rem)
  ) {
    .content-article__block {
      padding-right: calc(1.875rem + 1.625 * (100vw - 47.99875rem) / 33.87625);
    }
  }

  @supports (
    padding-right: clamp(1.875rem, -0.4274381019rem + 4.7968709642vw, 3.5rem)
  ) {
    .content-article__deco-text {
      padding-right: clamp(1.875rem, -0.4274381019rem + 4.7968709642vw, 3.5rem);
    }
  }

  @supports not (
    padding-right: clamp(1.875rem, -0.4274381019rem + 4.7968709642vw, 3.5rem)
  ) {
    .content-article__deco-text {
      padding-right: calc(1.875rem + 1.625 * (100vw - 47.99875rem) / 33.87625);
    }
  }

  @supports (
    padding-right: clamp(2.5rem, -1.0422124645rem + 7.3798014833vw, 5rem)
  ) {
    .hero-partners__body {
      padding-right: clamp(2.5rem, -1.0422124645rem + 7.3798014833vw, 5rem);
    }
  }

  @supports not (
    padding-right: clamp(2.5rem, -1.0422124645rem + 7.3798014833vw, 5rem)
  ) {
    .hero-partners__body {
      padding-right: calc(2.5rem + 2.5 * (100vw - 47.99875rem) / 33.87625);
    }
  }

  @supports (
    padding-top: clamp(3.125rem, -2.4539846316rem + 11.6231873363vw, 7.0625rem)
  ) {
    .hero-partners__body {
      padding-top: clamp(
        3.125rem,
        -2.4539846316rem + 11.6231873363vw,
        7.0625rem
      );
    }
  }

  @supports not (
    padding-top: clamp(3.125rem, -2.4539846316rem + 11.6231873363vw, 7.0625rem)
  ) {
    .hero-partners__body {
      padding-top: calc(3.125rem + 3.9375 * (100vw - 47.99875rem) / 33.87625);
    }
  }

  @supports (
    width: clamp(8.375rem, 0.7592432014rem + 15.8665731892vw, 13.75rem)
  ) {
    .about-school__image:nth-of-type(1) {
      width: clamp(8.375rem, 0.7592432014rem + 15.8665731892vw, 13.75rem);
    }
  }

  @supports not (
    width: clamp(8.375rem, 0.7592432014rem + 15.8665731892vw, 13.75rem)
  ) {
    .about-school__image:nth-of-type(1) {
      width: calc(8.375rem + 5.375 * (100vw - 47.99875rem) / 33.87625);
    }
  }

  @supports (
    width: clamp(8.8125rem, -2.8768011328rem + 24.353344895vw, 17.0625rem)
  ) {
    .about-school__image:nth-of-type(2) {
      width: clamp(8.8125rem, -2.8768011328rem + 24.353344895vw, 17.0625rem);
    }
  }

  @supports not (
    width: clamp(8.8125rem, -2.8768011328rem + 24.353344895vw, 17.0625rem)
  ) {
    .about-school__image:nth-of-type(2) {
      width: calc(8.8125rem + 8.25 * (100vw - 47.99875rem) / 33.87625);
    }
  }

  @supports (
    width: clamp(9.25rem, -8.9923941921rem + 38.0059776392vw, 22.125rem)
  ) {
    .about-school__image:nth-of-type(3) {
      width: clamp(9.25rem, -8.9923941921rem + 38.0059776392vw, 22.125rem);
    }
  }

  @supports not (
    width: clamp(9.25rem, -8.9923941921rem + 38.0059776392vw, 22.125rem)
  ) {
    .about-school__image:nth-of-type(3) {
      width: calc(9.25rem + 12.875 * (100vw - 47.99875rem) / 33.87625);
    }
  }

  @supports (
    padding-left: clamp(3.125rem, -3.1624271245rem + 13.0991476329vw, 7.5625rem)
  ) {
    .consulting__text {
      padding-left: clamp(
        3.125rem,
        -3.1624271245rem + 13.0991476329vw,
        7.5625rem
      );
    }
  }

  @supports not (
    padding-left: clamp(3.125rem, -3.1624271245rem + 13.0991476329vw, 7.5625rem)
  ) {
    .consulting__text {
      padding-left: calc(3.125rem + 4.4375 * (100vw - 47.99875rem) / 33.87625);
    }
  }

  @supports (
    width: clamp(10.375rem, -6.2733985831rem + 34.6850669717vw, 22.125rem)
  ) {
    .form-school__image:nth-of-type(2) {
      width: clamp(10.375rem, -6.2733985831rem + 34.6850669717vw, 22.125rem);
    }
  }

  @supports not (
    width: clamp(10.375rem, -6.2733985831rem + 34.6850669717vw, 22.125rem)
  ) {
    .form-school__image:nth-of-type(2) {
      width: calc(10.375rem + 11.75 * (100vw - 47.99875rem) / 33.87625);
    }
  }

  @supports (
    width: clamp(6.875rem, -7.5595157928rem + 30.0726910446vw, 17.0625rem)
  ) {
    .form-school__image:nth-of-type(3) {
      width: clamp(6.875rem, -7.5595157928rem + 30.0726910446vw, 17.0625rem);
    }
  }

  @supports not (
    width: clamp(6.875rem, -7.5595157928rem + 30.0726910446vw, 17.0625rem)
  ) {
    .form-school__image:nth-of-type(3) {
      width: calc(6.875rem + 10.1875 * (100vw - 47.99875rem) / 33.87625);
    }
  }

  @supports (
    right: clamp(0.0000000625rem, -7.6157566476rem + 15.8665730047vw, 5.375rem)
  ) {
    .form-school__image:nth-of-type(3) {
      right: clamp(
        0.0000000625rem,
        -7.6157566476rem + 15.8665730047vw,
        5.375rem
      );
    }
  }

  @supports not (
    right: clamp(0.0000000625rem, -7.6157566476rem + 15.8665730047vw, 5.375rem)
  ) {
    .form-school__image:nth-of-type(3) {
      right: calc(
        0.0000000625rem + 5.3749999375 * (100vw - 47.99875rem) / 33.87625
      );
    }
  }

  @supports (
    margin-top: clamp(-21.875rem, 8.3360623224rem + -36.8990074167vw, -9.375rem)
  ) {
    .about__contacts {
      margin-top: clamp(
        -21.875rem,
        8.3360623224rem + -36.8990074167vw,
        -9.375rem
      );
    }
  }

  @supports not (
    margin-top: clamp(-21.875rem, 8.3360623224rem + -36.8990074167vw, -9.375rem)
  ) {
    .about__contacts {
      margin-top: calc(-9.375rem + -12.5 * (100vw - 47.99875rem) / 33.87625);
    }
  }

  @supports (
    padding-bottom:
      clamp(0.0000000625rem, 44.1081509022rem + -53.8725506439vw, 18.25rem)
  ) {
    .cool-about {
      padding-bottom: clamp(
        0.0000000625rem,
        44.1081509022rem + -53.8725506439vw,
        18.25rem
      );
    }
  }

  @supports not (
    padding-bottom:
      clamp(0.0000000625rem, 44.1081509022rem + -53.8725506439vw, 18.25rem)
  ) {
    .cool-about {
      padding-bottom: calc(
        18.25rem + -18.2499999375 * (100vw - 47.99875rem) / 33.87625
      );
    }
  }

  @supports (
    padding-left: clamp(2.5rem, -3.6988718128rem + 12.9146525958vw, 6.875rem)
  ) {
    .brand-barista__list {
      padding-left: clamp(2.5rem, -3.6988718128rem + 12.9146525958vw, 6.875rem);
    }
  }

  @supports not (
    padding-left: clamp(2.5rem, -3.6988718128rem + 12.9146525958vw, 6.875rem)
  ) {
    .brand-barista__list {
      padding-left: calc(2.5rem + 4.375 * (100vw - 47.99875rem) / 33.87625);
    }
  }
}

@media (max-width: 61.99875em) and (min-width: 47.99875em) {
  .shipping-info__items--three .shipping-info__item:nth-child(2n + 1) {
    border-left: none;
  }

  .shipping-info__items--three .shipping-info__item:nth-child(even) {
    border-right: none;
  }

  .shipping-info__items--three .shipping-info__item:nth-child(n + 3) {
    border-top: none;
  }

  .shipping-info__items--three .shipping-info__item:not(:nth-child(2n)) {
    border-right: none;
  }

  .shipping-info__items--three .shipping-info__item:last-child {
    border-right: 0.0625rem rgba(255, 255, 255, 0.08) solid;
  }

  .shipping-info__items--four .shipping-info__item:nth-child(3n + 1) {
    border-left: none;
  }

  .shipping-info__items--four .shipping-info__item:nth-child(3n) {
    border-right: none;
  }

  .shipping-info__items--four .shipping-info__item:nth-child(n + 4) {
    border-top: none;
  }

  .shipping-info__items--four .shipping-info__item:not(:nth-child(3n)) {
    border-right: none;
  }

  .shipping-info__items--four .shipping-info__item:last-child {
    border-right: 0.0625rem solid rgba(255, 255, 255, 0.08);
  }
}

@media (max-width: 47.99875em) and (min-width: 31.25em) {
  .shipping-info__items--four .shipping-info__item:nth-child(2n+1) {
    border-left: none;
  }

  .shipping-info__items--four .shipping-info__item:nth-child(even) {
    border-right: none;
  }

  .shipping-info__items--four .shipping-info__item:nth-child(n+3) {
    border-top: none;
  }

  .shipping-info__items--four .shipping-info__item:not(:nth-child(2n)) {
    border-right: none;
  }

  .shipping-info__items--four .shipping-info__item:last-child {
    border-right: 0.0625rem solid rgba(255, 255, 255, 0.08);
  }
}

@media (min-width: 61.99875em) and (max-width: 81.875em) {
@supports (gap: clamp( 1.25rem , -4.5985708446rem  +  9.4333689705vw , 3.125rem )) {
    .course-item__info {
      gap: clamp( 1.25rem , -4.5985708446rem  +  9.4333689705vw , 3.125rem );
    }
}

@supports not (gap: clamp( 1.25rem , -4.5985708446rem  +  9.4333689705vw , 3.125rem )) {
    .course-item__info {
      gap: calc(1.25rem + 1.875 * (100vw - 61.99875rem) / 19.87625);
    }
}
}

@media (max-width: 47.99875em) and (min-width: 81.875em) {
  .brand-barista__body {
    margin-top: -25rem;
  }
}

@media (max-width: 47.99875em) and (min-width: 22.5em) and (max-width: 81.875em) {
@supports (margin-top: clamp( -25rem , -3.4539473684rem  +  -26.3157894737vw , -9.375rem )) {
    .brand-barista__body {
      margin-top: clamp( -25rem , -3.4539473684rem  +  -26.3157894737vw , -9.375rem );
    }
}

@supports not (margin-top: clamp( -25rem , -3.4539473684rem  +  -26.3157894737vw , -9.375rem )) {
    .brand-barista__body {
      margin-top: calc(-9.375rem + -15.625 * (100vw - 22.5rem) / 59.375);
    }
}
}

@media (any-hover: hover) {
  .select_field .select__title:hover::after {
    background-color: #f47953;
  }

  .select__value:hover::after {
    border-top-color: #f47953;
  }

  .select__value:hover .select__content {
    color: #f47953;
  }

  .select_field .select__value:hover .select__content {
    color: inherit;
  }

  .select__option:hover {
    color: #f47953;
  }

  .tabs__title:hover {
    color: #f47953;
  }

  .popup__text > a:hover {
    text-decoration-color: transparent;
  }

  ._text-link:hover span {
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
  }

  .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
    background-color: #f47953;
    -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 1;
  }

  .block__radio:hover span {
    border-color: #f47953;
    background-color: #f47953;
  }

  .btn:hover {
    background-color: #f47953;
  }

  .btn--accent:hover {
    color: #121111;
    background-color: #fff;
  }

  .btn--accent:hover svg path {
    fill: #121111;
  }

  .btn-lg--accent:hover {
    background-color: #fff;
    color: #121111;
  }

  .btn-lg--dark:hover {
    background-color: #f47953;
  }

  .btn-link:hover {
    background-color: #fff;
    color: #000;
  }

  .link:hover,
  .link-lg:hover {
    color: #fff;
    background-color: #f47953;
  }

  .link--accent:hover {
    color: #121111;
    background-color: #fff;
  }

  .link--border:hover {
    background-color: transparent;
    color: #f47953;
  }

  .link-lg--accent:hover {
    color: #121111;
    background-color: #fff;
  }

  .tag:not(.tag--accent):not(:has(input:disabled)):not(.checked):hover {
    color: #f47953;
  }

  .remove-btn:hover {
    background-color: #f47953;
    border-color: #f47953;
  }

  .pagination a:not(.active):hover {
    background-color: rgba(243, 237, 228, 0.0705882353);
  }

  .btn-next:hover {
    background-color: #f47953;
    color: #fff;
  }

  .btn-next:hover::after {
    border-top-color: #fff;
  }

  .shop-card__add:hover {
    color: #f47953;
  }

  .shop-card__back .shop-card__btn:hover {
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
  }

  .recipe-card:hover .recipe-card__img img {
    scale: 1.05;
  }

  .recipe-card:hover .recipe-card__img::before {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }

  .recipe-card:hover .recipe-card__title {
    color: #f47953;
  }

  .field input:not(:focus):not(:disabled):hover {
    border-bottom-color: #f47953;
  }

  .field:has(.field__error) input:hover {
    border-bottom-color: #ff6060;
  }

  .checkbox:not(:disabled):hover::before {
    border-color: #f47953;
  }

  .radiobox:not(:disabled):hover::before {
    border-color: #f47953;
  }

  .radiobox:not(:has(.radiobox__input:checked)):hover .radiobox__marker {
    border-color: #f47953;
  }

  .shop-slider__btns .swiper-button-prev:hover,
  .shop-slider__btns .swiper-button-next:hover {
    background-color: #f47953;
    color: #fff;
  }

  .shop-slider__btns .swiper-button-prev:hover::after,
  .shop-slider__btns .swiper-button-next:hover::after {
    border-top-color: #fff;
  }

  .product-slide__title:hover {
    color: #f47953;
  }

  .footer-block__social a:hover {
    color: #f47953;
  }

  .contacts__social-list a:hover {
    color: #f47953;
  }

  .contacts__item-content a:hover {
    color: #f47953;
  }

  .contact-map__btn:hover {
    background-color: #f47953;
  }

  .contact-map__btn:hover svg path {
    fill: #fff;
  }

  .contact-map__btn--accent:hover {
    background-color: #fff;
  }

  .contact-map__btn--accent:hover svg path {
    fill: unset;
    stroke: #121111;
  }

  .contacts-block__social-list a:hover {
    color: #f47953;
  }

  .popup__close:hover {
    background-color: #f47953;
    color: #fff;
  }

  .code-popup__text-button:hover {
    color: #f47953;
  }

  .cart-popup__close:hover {
    background-color: #f47953;
    color: #fff;
  }

  .product-cart__link:hover {
    color: #f47953;
  }

  .product-block__slider-btns .swiper-button-prev:hover,
  .product-block__slider-btns .swiper-button-next:hover {
    background-color: #f47953;
    color: #fff;
  }

  .product-block__slider-btns .swiper-button-prev:hover::after,
  .product-block__slider-btns .swiper-button-next:hover::after {
    border-top-color: #fff;
  }

  .slider-block__btns .swiper-button-prev:hover,
  .slider-block__btns .swiper-button-next:hover {
    background-color: #f47953;
    color: #fff;
  }

  .slider-block__btns .swiper-button-prev:hover::after,
  .slider-block__btns .swiper-button-next:hover::after {
    border-top-color: #fff;
  }

  .item-blog__image-link:hover::before {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }

  .item-blog__image-link:hover img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }

  .item-blog__link:hover {
    color: #f47953;
  }

  .social-sticky__link:hover::after {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }

  .gallery-swiper__button:not(:disabled):hover {
    background-color: #f47953;
  }

  .gallery-swiper__button:not(:disabled):hover::before {
    border-right-color: #fff;
  }

  .account__link:hover {
    color: #f47953;
  }

  .tabs-account__title:hover {
    color: #f47953;
  }

  .item-history__spoiler-btn:hover {
    color: #f47953;
  }

  .item-history__spoiler-btn:hover::after {
    border-top-color: #f47953;
  }

  .product-history__link:hover {
    color: #f47953;
  }

  .promocode__close:hover {
    background-color: #f47953;
    color: #fff;
  }

  .item-locations__button:hover {
    background-color: #f47953;
    border-color: #f47953;
  }

  .decision-parthers__item:hover .item-decision__title {
    color: #fff;
  }

  .decision-parthers__item:hover::before {
    color: #f47953;
  }

  .course-item__text-link:hover {
    color: #f47953;
  }

  .video-box__play:hover span::before {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .video-box__play:hover + .video-box__video {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }

  .slider-about__button:not(:disabled):hover {
    background-color: #f47953;
  }

  .slider-about__button:not(:disabled):hover::before {
    border-right-color: #fff;
  }

  .contacts-about__link:hover {
    color: #fff;
  }
}
/* Jet Cache: catalog/view/theme/default/stylesheet/jet.css */
body {
    opacity: 1;
    visibility: visible;
}
/* Jet Cache: catalog/view/theme/default/stylesheet/ocfilter/ocf.cache.1.5200382600.css */
.ocf-noUi-target,.ocf-noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.ocf-noUi-base,.ocf-noUi-connects{width:100%;height:18px;position:relative;z-index:1}.ocf-noUi-connect,.ocf-noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0;-webkit-transform-origin:0;-webkit-transform-style:preserve-3d;transform-origin:0;transform-style:flat}.ocf-noUi-connect{height:100%;width:100%}.ocf-noUi-origin{height:10%;width:10%}.ocf-noUi-txt-dir-rtl .ocf-noUi-origin{left:0;right:auto}.ocf-noUi-origin{height:0}.ocf-noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.ocf-noUi-touch-area{height:100%;width:100%}.ocf-noUi-state-tap .ocf-noUi-connect,.ocf-noUi-state-tap .ocf-noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.ocf-noUi-state-drag *{cursor:inherit!important}.ocf-noUi-handle{width:24px;height:15px;right:-13px;top:1px}.ocf-noUi-txt-dir-rtl .ocf-noUi-handle{left:-13px;right:auto}.ocf-noUi-touch-area{cursor:pointer}.ocf-value-list .ocf-slider-input-group input{border:.0625rem solid rgba(255,255,255,.1);border-radius:1rem!important}.ocf-module-page{display:none!important}.ocf-noUi-base:before,.ocf-noUi-connect:before{content:"";border-radius:20px;width:100%;height:4px;position:absolute;top:50%;margin-top:-2px}.ocf-noUi-base:before{background-color:#eceef2}.ocf-noUi-connect:before,.ocf-noUi-handle{background-color:#f47953}@media (max-width:47.99875em){.ocf-popover{display:none!important}}.ocf-noUi-connects:before,.ocf-noUi-connects:before{left:0;margin-left:-5px}.ocf-noUi-connects:after{right:0;margin-right:-5px}.ocf-noUi-draggable{cursor:ew-resize}.ocf-noUi-handle{border-radius:30px;cursor:default}.ocf-loading .ocf-noUi-handle{background-image:linear-gradient(45deg,rgba(255,255,255,.40) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.40) 50%,rgba(255,255,255,.40) 75%,transparent 75%,transparent);background-size:1rem 1rem;-webkit-animation:progresss 600ms linear infinite;animation:ocf-progress 600ms linear infinite}.ocf-noUi-active{box-shadow:0 0 0 6px #3366d540}[disabled].ocf-noUi-handle,[disabled] .ocf-noUi-handle,[disabled] .ocf-noUi-connect:before,.ocf-loading .ocf-noUi-connect:before{background-color:#AEB5BD}[disabled].ocf-noUi-target,[disabled].ocf-noUi-handle,[disabled] .ocf-noUi-handle{cursor:not-allowed}.ocf-noUi-pips,.ocf-noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.ocf-noUi-pips{position:relative;color:#999;padding:10px 0 0;height:45px}.ocf-noUi-value{position:absolute;margin-top:15px;top:0;white-space:nowrap;text-align:center;font-size:11px;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ocf-noUi-marker:first-child + .ocf-noUi-value,.ocf-noUi-value:last-child{color:#555}.ocf-noUi-rtl .ocf-noUi-value{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ocf-noUi-value-sub{color:#ccc;font-size:10px}.ocf-noUi-marker{position:absolute;background:#CCC;margin-left:-1px;width:2px;margin-top:6px;height:3px}.ocf-noUi-marker:first-child,.ocf-noUi-marker[style*="100%"]{height:10px;margin-top:0}@keyframes ocf-progress{from{background-position:0 0}to{background-position:1rem 0}}.ocf-text-right{text-align:right!important}.ocf-text-center{text-align:center!important}.ocf-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;background-color:#ECEEF2;border:0;border-radius:4px}[role=button]{cursor:pointer}.ocf-btn:focus,.ocf-btn:active:focus{outline:0}.ocf-btn:hover,.ocf-btn:focus{color:#333;text-decoration:none}.ocf-btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 6px rgba(0,0,0,.2);box-shadow:inset 0 3px 6px rgba(0,0,0,.2)}.ocf-btn.ocf-disabled,.ocf-btn[disabled]{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.ocf-btn.ocf-disabled{pointer-events:none}.ocf-btn-link{font-weight:normal;color:#337ab7;border-radius:0}.ocf-btn-link,.ocf-btn-link:active,.ocf-btn-link[disabled]{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.ocf-btn-link:hover,.ocf-btn-link:focus{color:#23527c;text-decoration:underline;background-color:transparent}.ocf-btn-link[disabled],.ocf-btn-link[disabled]:hover,.ocf-btn-link[disabled]:focus{color:#777;text-decoration:none}.ocf-btn-block{display:block;width:100%}.ocf-collapse{display:none}.ocf-collapse.ocf-in{display:block}.ocf-collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.ocf-input-group{position:relative;display:table;border-collapse:separate;width:100%}.ocf-input-group .ocf-form-control{font-size:14px;position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.ocf-input-group .ocf-form-control:focus{z-index:3}.ocf-input-group-addon,.ocf-input-group-btn,.ocf-input-group .ocf-form-control{display:table-cell}.ocf-input-group-addon:not(:first-child):not(:last-child),.ocf-input-group-btn:not(:first-child):not(:last-child),.ocf-input-group .ocf-form-control:not(:first-child):not(:last-child){border-radius:0}.ocf-input-group-addon,.ocf-input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.ocf-input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#ECEEF2;border-radius:4px}.ocf-input-group .ocf-form-control:first-child,.ocf-input-group-addon:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.ocf-input-group-addon:first-child{border-right:0}.ocf-input-group .ocf-form-control:last-child,.ocf-input-group-addon:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.ocf-input-group-addon:last-child{border-left:0}.ocf-form-control,input.ocf-form-control,textarea.ocf-form-control{display:block;width:100%;height:34px;padding:6px 12px;margin:0;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #eee;border-radius:4px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border-color ease-in-out .15s,background-color ease-in-out .2s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,background-color ease-in-out .2s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,background-color ease-in-out .2s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,background-color ease-in-out .2s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,background-color ease-in-out .2s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,background-color ease-in-out .2s,-webkit-box-shadow ease-in-out .15s}.ocf-form-control:focus,input.ocf-form-control:focus,textarea.ocf-form-control:focus{border-color:#5AA3C6!important;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.ocf-form-control::-moz-placeholder{color:#999;opacity:1}.ocf-form-control:-ms-input-placeholder{color:#999}.ocf-form-control::-webkit-input-placeholder{color:#999}.ocf-form-control::-ms-expand{background-color:transparent;border:0}.ocf-form-control[disabled],.ocf-form-control[readonly]{background-color:#eee;opacity:1}.ocf-form-control[disabled]{cursor:not-allowed}.ocf-invisible{visibility:hidden}.ocf-hidden{display:none!important}.ocf-overflow-hidden{overflow:hidden!important}.ocf-clearfix::before,.ocf-clearfix::after{display:table;content:"";clear:both;width:100%}@-ms-viewport{width:device-width}.ocf-form-control[type=number]::-webkit-outer-spin-button,.ocf-form-control[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ocf-form-control[type=number]{-moz-appearance:textfield}.ocf-icon{background-repeat:no-repeat;background-position:center;background-size:contain;min-width:12px;min-height:12px;display:inline-block;vertical-align:middle}.ocf-icon-16{min-width:16px;min-height:16px}.ocf-sliders{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M11.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM9.05 3a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0V3h9.05zM4.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM2.05 8a2.5 2.5 0 0 1 4.9 0H16v1H6.95a2.5 2.5 0 0 1-4.9 0H0V8h2.05zm9.45 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-2.45 1a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0v-1h9.05z'/%3e%3c/svg%3e")}.ocf-angle{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='12' height='12' viewBox='0 0 16 16'%3e%3cpath d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3e%3c/svg%3e")}.ocf-angle-right{transform:rotate(90deg)}.ocf-angle-down{transform:rotate(180deg)}.ocf-angle-left{transform:rotate(-90deg)}.ocf-arrow-long{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z'/%3e%3c/svg%3e")}.ocf-arrow-right{transform:rotate(90deg)}.ocf-arrow-down{transform:rotate(180deg)}.ocf-arrow-left{transform:rotate(-90deg)}.ocf-times-circle{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%236B7275' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/%3e%3c/svg%3e")}.ocf-times{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%236B7275' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M1.293 1.293a1 1 0 0 1 1.414 0L8 6.586l5.293-5.293a1 1 0 1 1 1.414 1.414L9.414 8l5.293 5.293a1 1 0 0 1-1.414 1.414L8 9.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L6.586 8 1.293 2.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")}.ocf-help-circle{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z'/%3e%3c/svg%3e")}.ocf-minus-circle{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7z'/%3e%3c/svg%3e")}.ocf-between{display:flex!important;justify-content:space-between;flex-wrap:nowrap;align-items:center}.ocf-collapse,.ocf-collapsing{width:100%}[aria-expanded=false]>.ocf-hide-expand-0{display:none}[aria-expanded=true]>.ocf-hide-expand-1{display:none}.ocf-hide-expand-1,.ocf-hide-expand-0{color:#f47953}.ocf-scroll-y{background:transparent!important}.ocf-collapse-value .ocf-value-list{border:0!important}.ocf-is-mobile{display:none;height:0;overflow:hidden}.ocf-mobile{display:none}.ocf-container,.ocf-filter-list{overflow-anchor:auto}.ocf-header{font-size:20px;line-height:1.2;display:flex;align-items:center}.ocf-header .ocf-brand{margin-right:10px}.ocf-hidden-filters-divider{margin-bottom:45px;position:relative;top:15px;text-align:center;height:1px}.ocf-hidden-filters-divider>span{cursor:pointer;padding:1px 10px;border-radius:15px;vertical-align:top;margin-top:-10px;display:inline-block}.ocf-filter-header{display:flex;align-items:center;font-style:normal;line-height:1.5;cursor:default}.ocf-more-selected{background-color:rgba(0 0 0 / 12%);padding:1px 5px;border-radius:2px;font-size:12px;color:#444}.ocf-filter-name,.ocf-active-label{font-size:inherit;font-weight:inherit;line-height:inherit}.ocf-filter-header-append{margin-left:auto;display:flex;align-items:center;order:9}.ocf-filter-header-append>*{min-width:16px}.ocf-filter-discard{display:none;cursor:pointer}.ocf-collapse-value .ocf-value-list{border-top:1px solid #e0e1e5;margin-top:10px}.ocf-collapse-value .ocf-value-list-body{padding-top:10px}.ocf-value,.ocf-value:active,.ocf-value:focus,.ocf-value:visited,.ocf-value:hover{cursor:pointer}.ocf-value:last-child{margin-bottom:0}.ocf-value.ocf-disabled,.ocf-value[disabled],.ocf-value:disabled{color:#AEB5BD;cursor:not-allowed}.ocf-value-image,.ocf-value-color{position:relative;width:22px;height:22px;flex:0 0 22px;margin-right:10px;overflow:hidden;border:1px solid transparent;border-radius:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 200ms}.ocf-selected .ocf-value-image,.ocf-selected .ocf-value-color{box-shadow:inset 0 0 0 2px #fff;border-color:#65A2C7}.ocf-disabled .ocf-value-image,.ocf-disabled .ocf-value-color{opacity:.25;filter:saturate(0.5)}.ocf-value-image + .ocf-value-name,.ocf-value-color + .ocf-value-name{align-self:center}.ocf-value-input{position:relative;width:16px;height:16px;flex:0 0 16px;margin-right:10px;margin-top:2px}.ocf-value-input::before{pointer-events:none;background-color:#fff;border:#adb5bd solid 1px;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.ocf-value-input::before{transition:none}}.ocf-value:active .ocf-value-input::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.ocf-value:focus:not(:active) .ocf-value-input::before{border-color:#328ca7}.ocf-value:not(.ocf-disabled):active .ocf-value-input::before{color:#fff;background-color:#4fa6d966;border-color:transparent}.ocf-value.ocf-disabled .ocf-value-input::before,.ocf-value[disabled] .ocf-value-input::before,.ocf-value:disabled .ocf-value-input::before{background-color:#eceef2}.ocf-selected .ocf-value-input::before{color:#fff;border-color:#3366D5;background-color:#3366D5}.ocf-value-input-checkbox::before{border-radius:2px}.ocf-value:active .ocf-value-input-checkbox::before{border-color:#328ca7;background-color:#219ac7}.ocf-value.ocf-selected.ocf-disabled .ocf-value-input-checkbox::before,.ocf-value.ocf-disabled:active .ocf-value-input-checkbox::before{background-color:rgb(33 154 200 / 50%)}.ocf-selected .ocf-value-input-checkbox::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.ocf-value.ocf-selected:active .ocf-value-input-checkbox::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.ocf-value-input-radio::before{border-radius:50%}.ocf-value.ocf-selected.ocf-disabled .ocf-value-input-radio::before{background-color:rgba(0,123,255,.5)}.ocf-value.ocf-selected .ocf-value-input-radio::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.ocf-value.ocf-selected:active .ocf-value-input-radio::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.ocf-value-name{margin-right:5px;word-break:break-word;text-align:left;font-size:inherit}.ocf-auto-column .ocf-value-name{white-space:nowrap}.ocf-value-append{margin-left:auto;min-width:50px;text-align:right}.ocf-auto-column .ocf-value-append{min-width:auto}.ocf-value-count{padding:2px 6px;font-size:11px;font-weight:400}.ocf-value-count .ocf-num-abbr{font-weight:600;color:#DB5C68}.ocf-selected .ocf-value-count,.ocf-value-count:empty{display:none}.ocf-disabled .ocf-value-count{color:#b5b9c1}.ocf-search-btn-static,.ocf-search-btn-popover{padding-top:9px;padding-bottom:9px}.ocf-page-list-top,.ocf-page-list-bottom{position:relative;z-index:3}.ocf-page-list-top{margin-bottom:5px}.ocf-page-list-bottom{margin-top:25px}.ocf-page-group{margin-bottom:10px;display:flex;align-items:start}.ocf-page-group-name{font-weight:bold;font-size:14px;margin-top:3px;margin-right:15px;width:150px;flex:0 0 150px}.ocf-category-page-list{max-height:135px;list-style-type:none;padding:0;display:flex;flex-wrap:wrap;margin:0 -5px;overflow-y:scroll;overflow-x:hidden}.ocf-category-page-list::-webkit-scrollbar{width:8px}.ocf-category-page-list::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}.ocf-category-page-list::-webkit-scrollbar-thumb{background-color:#DFE3ED;border-radius:10px}.ocf-category-page-list:hover::-webkit-scrollbar-thumb{background-color:#9096A4}.ocf-category-page-list::-webkit-scrollbar-corner{display:none}.ocf-category-page-list::-webkit-resizer{display:none}.ocf-category-page-list li{margin-bottom:10px}.ocf-category-page-list li.ocf-page-selected{}.ocf-category-page-list a{background-color:#eceef2;padding:3px 7px;border-radius:7px;color:#3a3c40;display:block;font-size:13px;align-items:center;font-weight:normal;margin:0 5px;min-height:100%;text-decoration:none}.ocf-category-page-list .ocf-page-selected a{background-color:#656565;color:#fff}.ocf-category-page-list .ocf-page-selected a:after{content:"";width:12px;height:12px;display:inline-block;color:#656565;vertical-align:top;margin-left:5px;margin-top:4px;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23fff' fill-opacity='0.8' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/%3e%3c/svg%3e")}.ocf-theme-light .ocf-text-danger{color:#D1524C}.ocf-theme-light .ocf-hidden-filters-divider{background-color:#ebebeb}.ocf-theme-light .ocf-hidden-filters-divider>span{background-color:#eceef2;color:#a0a4a6;box-shadow:0 0 0 10px #fff;font-size:13px}.ocf-theme-light .ocf-hidden-filters-divider>span:hover{background-color:#cbced4;color:#575c5f}.ocf-theme-light .ocf-hidden-filters-divider>span .ocf-icon{filter:brightness(1.3)}.ocf-theme-light .ocf-hidden-filters-divider>span:hover .ocf-icon{filter:brightness(0.7)}.ocf-theme-light .ocf-filter-header{color:#444}.ocf-theme-light .ocf-value-count{background-color:#eceef2;border-radius:50px;color:#46494e}.ocf-theme-light .ocf-footer{background-color:#fff;box-shadow:-10px -10px 10px 0 #fff}.ocf-theme-light .ocf-search-btn-static:hover,.ocf-theme-light .ocf-search-btn-popover:hover{background-color:#596063}.ocf-theme-light .ocf-search-btn-static:focus,.ocf-theme-light .ocf-search-btn-static:active,.ocf-theme-light .ocf-search-btn-popover:focus,.ocf-theme-light .ocf-search-btn-popover:active{background-color:#596063}.ocf-theme-light .ocf-search-btn-static,.ocf-theme-light .ocf-search-btn-popover,.ocf-theme-light .ocf-search-btn-static.ocf-disabled,.ocf-theme-light .ocf-search-btn-popover.ocf-disabled{background-color:#6a7275;color:#fff}.ocf-theme-light-block .ocf-noUi-connects:before,}.ocf-theme-light-block .ocf-text-danger{color:#D1524C}.ocf-theme-light-block .ocf-footer{background-color:#fff;box-shadow:0 -10px 10px 0 #fff}.ocf-theme-light-block .ocf-hidden-filters-divider{background-color:#ebebeb}.ocf-theme-light-block .ocf-hidden-filters-divider>span{background-color:#eceef2;color:#a0a4a6;box-shadow:0 0 0 10px #fff}.ocf-theme-light-block .ocf-hidden-filters-divider>span:hover{background-color:#cbced4;color:#575c5f}.ocf-theme-light-block .ocf-hidden-filters-divider>span .ocf-icon{filter:brightness(1.3)}.ocf-theme-light-block .ocf-hidden-filters-divider>span:hover .ocf-icon{filter:brightness(0.7)}.ocf-theme-light-block .ocf-input-group-addon{background-color:#DEE2E6}.ocf-theme-light-block .ocf-form-control{border-color:#DEE2E6;border-width:2px}.ocf-theme-light-block .ocf-search-btn-static:hover,.ocf-theme-light-block .ocf-search-btn-popover:hover{background-color:#596063}.ocf-theme-light-block .ocf-search-btn-static:focus,.ocf-theme-light-block .ocf-search-btn-static:active,.ocf-theme-light-block .ocf-search-btn-popover:focus,.ocf-theme-light-block .ocf-search-btn-popover:active{background-color:#596063}.ocf-theme-light-block .ocf-search-btn-static,.ocf-theme-light-block .ocf-search-btn-popover,.ocf-theme-light-block .ocf-search-btn-static.ocf-disabled,.ocf-theme-light-block .ocf-search-btn-popover.ocf-disabled{background-color:#6a7275;color:#fff}
@media (max-width: 1px) {
html{height:100%!important;min-height:100vh;width:100%!important}body{min-height:100%!important}.ocf-mobile,.ocf-is-mobile{display:block}.ocf-desktop{display:none}#column-left-grid,#column-right-grid,#column-left,#column-right{position:absolute!important;top:-100%!important;left:-100%!important;right:100%!important;bottom:auto!important;display:block!important;visibility:visible!important;overflow:visible!important;z-index:2147483648!important;-webkit-backface-visibility:hidden;backface-visibility:hidden;text-indent:0!important;opacity:1!important}.extended-container{z-index:100!important}.ocf-overflow-hidden .extended-container{z-index:99999!important}#column-left-grid.active,#column-right-grid.active,#column-left.active,#column-right.active{top:auto!important;left:-72%!important;right:auto!important;bottom:auto!important;z-index:1!important}.ocf-noUi-handle{border-width:4px;width:28px;height:28px;right:-14px;top:-5px}.ocf-noUi-txt-dir-rtl .ocf-noUi-handle{left:-14px;right:auto}.ocf-noUi-base:before,.ocf-noUi-connect:before{height:6px;margin-top:-3px}.ocf-noUi-active{box-shadow:0 0 0 10px #3366d540}.ocf-noUi-pips{padding-top:20px}.ocf-container{display:none}.ocf-container.ocf-mobile-1{display:block!important;will-change:transform,box-shadow}#column-left-grid>.ocf-container.ocf-mobile-1,#column-right-grid>.ocf-container.ocf-mobile-1,#column-left>.ocf-container.ocf-mobile-1,#column-right>.ocf-container.ocf-mobile-1{display:block!important}.ocf-container{position:fixed;left:0;top:0;height:100%;transform:translateX(-100%) translate3d(0,0,0);transition:transform 300ms ease-in-out,box-shadow 150ms linear;z-index:2147483648!important;width:330px}.ocf-container.ocf-mobile-open{transition:none}.ocf-container.ocf-mobile-right{left:auto;right:0;transform:translateX(100%)}.ocf-container.ocf-mobile-active{box-shadow:0 0 0 99999px rgb(0 0 0 / 60%);transform:translateX(0)}@media (max-width:360px){.ocf-container{width:100%;width:100vw;transition:transform 300ms ease-in-out}.ocf-container.ocf-mobile-active{box-shadow:none}}.ocf-content{background-color:#fff;margin:0;padding:0;position:relative;top:0;left:0;height:100%;width:100%;z-index:2}.ocf-header{padding:15px 20px;line-height:1.5;position:relative;z-index:1}.ocf-header .ocf-close-mobile{margin-left:auto;padding:0;line-height:1}.ocf-body{position:absolute;top:60px;width:100%;bottom:52px;z-index:3}.ocf-body>.ocf-filter-list{overflow-x:hidden;overflow-y:scroll;height:100%;padding-bottom:20px}.ocf-btn-show-filters{margin-top:15px;width:calc(100% - 40px);margin-right:20px;margin-left:20px}.ocf-filter{margin:0 20px}.ocf-filter.ocf-active{margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}.ocf-filter-header,.ocf-module-page-header{flex-wrap:wrap;padding:10px 0;font-size:16px}.ocf-open .ocf-filter-header{flex-wrap:nowrap;position:absolute;bottom:100%;left:0;padding:18px 20px;background-color:#fff;width:100%;height:60px}.ocf-filter-name,.ocf-active-label{font-weight:normal}.ocf-active-label{display:none;font-size:80%}.ocf-active .ocf-active-label{display:block;flex-basis:100%;margin-top:5px;order:10}.ocf-open .ocf-active-label{display:none}.ocf-open:not(.ocf-has-input).ocf-slider .ocf-active-label{display:block;flex-basis:auto;order:2;white-space:nowrap;margin-left:10px;margin-right:5px;margin-top:0;font-size:inherit}.ocf-filter-name{flex-basis:90%}.ocf-open .ocf-filter-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-basis:auto}.ocf-active .ocf-filter-discard{display:block}.ocf-active .ocf-filter-header .ocf-angle-right{display:none}.ocf-open .ocf-filter-discard{width:22px;height:22px}.ocf-filter-header .ocf-arrow-left{display:none;order:-2;margin-right:5px;width:22px;height:22px;flex:0 0 22px}.ocf-open .ocf-filter-header .ocf-arrow-left{display:block}.ocf-open .ocf-filter-header .ocf-angle-right{display:none}.ocf-filter-body>.ocf-value-list{display:block!important;position:absolute!important;top:0;left:0!important;right:auto!important;height:100%;width:100%;min-width:160px!important;box-shadow:none!important;padding:20px!important;margin:0!important;overflow:auto!important;transform:translateX(-100%) translate3d(0,0,0);transition:transform 300ms ease-in-out;z-index:2!important;background-color:#fff!important;will-change:transform;overscroll-behavior:contain}.ocf-mobile-right .ocf-filter-body>.ocf-value-list{left:auto!important;right:0!important;transform:translateX(100%)}.ocf-open .ocf-filter-body>.ocf-value-list{transform:translateX(0)!important}.ocf-collapse-value .ocf-value-list{margin-top:12px}.ocf-slider-input-group{margin-bottom:30px}.ocf-value-slider{padding:0 20px}.ocf-btn-search-slider{padding-top:25px}.ocf-btn-show-values{margin-top:20px;font-size:16px;padding:0}.ocf-value,.ocf-value:active,.ocf-value:focus,.ocf-value:visited,.ocf-value:hover{font-size:16px;margin-bottom:12px}.ocf-value-image,.ocf-value-color{width:24px;height:24px;flex:0 0 24px}.ocf-value-input{width:22px;height:22px;flex:0 0 22px;margin-top:1px}.ocf-value .ocf-value-input::after{background-size:12px;background-position:center}.ocf-value-count{font-size:12px}.ocf-footer{position:absolute;padding:10px 20px 510px 8px;margin:0 0 -500px;z-index:5;width:100%;bottom:0}.ocf-btn-mobile-fixed{position:absolute;left:100%;top:50%;transform:rotate(-90deg) translate(-40%,50%);transform-origin:left center;transition:transform 200ms ease-in-out 400ms;z-index:1}.ocf-mobile-right .ocf-btn-mobile-fixed{left:0;transform:rotate(-90deg) translate(-40%,-50%);transform-origin:left center}.ocf-mobile-active .ocf-btn-mobile-fixed{transform:rotate(-90deg) translate(-40%,-50%);z-index:0}.ocf-mobile-active.ocf-mobile-right .ocf-btn-mobile-fixed{transform:rotate(-90deg) translate(-40%,50%)}.ocf-btn-mobile-static{display:block!important;text-align:right;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:15px}.ocf-btn-mobile-fixed .ocf-btn{background-color:#c31929d9;color:#fff;display:flex;align-items:center}.ocf-mobile-left .ocf-btn-mobile-fixed .ocf-btn{border-top-left-radius:0;border-top-right-radius:0}.ocf-mobile-right .ocf-btn-mobile-fixed .ocf-btn{border-bottom-left-radius:0;border-bottom-right-radius:0}.ocf-btn-mobile-fixed .ocf-btn-name{order:1}.ocf-btn-mobile-fixed .ocf-icon{margin-right:5px;filter:brightness(3)}.ocf-btn-mobile-fixed .ocf-btn-name:empty + .ocf-icon{margin-right:0}.ocf-page-group{flex-wrap:wrap}.ocf-page-group-name{width:100%;flex:0 0 100%;padding-left:0;margin-bottom:8px}.ocf-category-page-list{max-height:120px}.ocf-category-page-list li{margin-bottom:5px}.ocf-module-page-list{list-style-type:none;margin:0 -20px 0 0;padding:0 20px 0 0;max-height:140px;overflow-y:scroll;overflow-x:hidden}.ocf-module-page-header{margin-bottom:10px}.ocf-module-page-list li + li{margin-top:6px}.ocf-module-page-list a{display:block;line-height:1.3;font-size:14px}.ocf-module-page-list a:hover{color:#353A40;text-decoration:underline}.ocf-module-page-list a.ocf-page-selected{font-weight:bold;color:#000}.ocf-theme-light .ocf-module-page{padding:10px 20px 20px;margin:0 0 10px;background-color:#f1f2f5}.ocf-theme-light .ocf-module-page-list a{color:#4A5057}.ocf-theme-light .ocf-filter + .ocf-filter{border-top:1px solid #ebebeb}.ocf-theme-light .ocf-filter.ocf-active{background-color:#fff0e2;border-top-color:transparent}.ocf-theme-light .ocf-filter.ocf-active + .ocf-filter{border-top-color:transparent}.ocf-theme-light .ocf-filter.ocf-active + .ocf-filter.ocf-active{border-top-color:#f3e2cd}.ocf-theme-light .ocf-dropdown.ocf-open .ocf-filter-header,.ocf-theme-light .ocf-open .ocf-filter-header{background-color:#eceef2;color:#000}.ocf-theme-light .ocf-footer{box-shadow:-10px -10px 10px 0 #fff}.ocf-theme-light.ocf-mobile-right .ocf-footer{box-shadow:10px -10px 10px 0 #fff}.ocf-theme-light-block .ocf-filter{background-color:#f0f2f5;padding:0 10px;margin:0 20px 10px;border-radius:10px}.ocf-theme-light-block .ocf-module-page{padding:0 20px 20px;margin:0 0 20px;background-image:linear-gradient(0deg,#f0f2f5,#fff)}.ocf-theme-light-block .ocf-module-page-list a{color:#102D67}.ocf-theme-light-block .ocf-active{background-color:#fff0e2}.ocf-theme-light-block .ocf-active .ocf-filter-header{color:#613101}.ocf-theme-light-block .ocf-open .ocf-filter-header{background-color:#eceef2;color:#000}.ocf-btn-show-filters{border-radius:10px}.ocf-theme-light-block .ocf-value-count{background-color:#eceef2;border-radius:3px}.ocf-theme-light-block .ocf-footer{box-shadow:-10px -10px 10px 0 #fff}.ocf-theme-light-block.ocf-mobile-right .ocf-footer{box-shadow:10px -10px 10px 0 #fff}
}
@media (min-width: 2px) {
#column-left-grid,#column-right-grid,#column-left,#column-right{position:relative;z-index:2}.ocf-popover{position:absolute;max-width:240px;opacity:0;top:0;left:0;z-index:1075;display:none;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:normal;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:14px;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:6px;box-shadow:0 6px 30px rgb(0 0 0 / 25%);-webkit-transition:transform 300ms ease-in-out,opacity 200ms linear;-moz-transition:transform 300ms ease-in-out,opacity 200ms linear;-ms-transition:transform 300ms ease-in-out,opacity 200ms linear;-o-transition:transform 300ms ease-in-out,opacity 200ms linear;transition:transform 300ms ease-in-out,opacity 200ms linear;will-change:transform,opacity}.ocf-popover.ocf-in{opacity:1}.ocf-popover.ocf-in.ocf-top{transform:translateY(-3px)}.ocf-popover.ocf-in.ocf-right{transform:translateX(3px)}.ocf-popover.ocf-in.ocf-bottom{transform:translateY(3px)}.ocf-popover.ocf-in.ocf-left{transform:translateX(-3px)}.ocf-popover.ocf-top{margin-top:-15px}.ocf-popover.ocf-right{margin-left:15px}.ocf-popover.ocf-bottom{margin-top:15px}.ocf-popover.ocf-left{margin-left:-15px}.ocf-popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.ocf-popover-content{color:#333;padding:12px}.ocf-popover>.ocf-arrow{position:absolute;display:block;background-color:#fff;transform:rotate(45deg);border-radius:3px;width:16px;height:16px;z-index:-1}.ocf-popover.ocf-top>.ocf-arrow{left:50%;margin-left:-8px;bottom:-5px}.ocf-popover.ocf-bottom>.ocf-arrow{left:50%;margin-left:-8px;top:-5px}.ocf-popover.ocf-right>.ocf-arrow{top:50%;margin-top:-8px;left:-5px}.ocf-popover.ocf-left>.ocf-arrow{top:50%;margin-top:-8px;right:-5px}.ocf-value-list-body button{color:white;height:fit-content;min-height:2.125rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:.0625rem solid rgba(255,255,255,.1);position:relative;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;border-radius:3.125rem;padding:.125rem 1.5rem 0;font-family:Ermilov;text-transform:uppercase;font-weight:700;font-size:.75rem;line-height:1.357}.ocf-scroll-y{max-height:10000px;margin-right:-12px!important;padding-right:10px!important;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;background-image:linear-gradient(white 30%,transparent),linear-gradient(transparent,white 70%),radial-gradient(farthest-side at 50% 0,rgb(0 0 0 / 10%),transparent),radial-gradient(farthest-side at 50% 100%,rgb(0 0 0 / 10%),transparent);background-position-x:0;background-position-y:0,100%,0,100%;background-repeat:no-repeat;background-color:#fff;background-size:100% 65px,100% 65px,100% 12px,100% 12px;background-attachment:local,local,scroll,scroll}.ocf-scroll-y:hover{padding-right:2px!important}.ocf-scroll-y::-webkit-scrollbar{width:2px;margin-right:-5px}.ocf-scroll-y:hover::-webkit-scrollbar{width:10px}.ocf-scroll-y::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}.ocf-scroll-y:hover::-webkit-scrollbar-track{background-color:transparent}.ocf-scroll-y::-webkit-scrollbar-thumb{background-color:#F47953;border-radius:10px}.ocf-scroll-y::-webkit-scrollbar-corner{display:none}.ocf-scroll-y::-webkit-resizer{display:none}.ocf-content{margin-bottom:25px}.ocf-header{display:none}.ocf-header .ocf-header-btn{margin-left:auto}.ocf-selected-card{padding:15px;margin-bottom:20px}.ocf-selected-header{font-size:16px;margin-bottom:10px}.ocf-selected-filter{font-size:13px;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:10px;padding:4px 10px}.ocf-selected-filter-name{font-size:inherit;margin-right:5px;margin-left:7px}.ocf-selected-discard{padding:0 2px 0 6px;max-width:100%;display:flex;align-items:center;flex-wrap:nowrap}.ocf-selected-value-name{font-size:inherit;overflow:hidden;margin-right:5px;text-overflow:ellipsis}.ocf-selected-discard .ocf-icon{border-radius:14px;width:14px;height:14px;flex:0 0 14px;margin-left:auto}.ocf-filter-list{}.ocf-horizontal .ocf-filter-list{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;margin-right:-5px;margin-left:-5px}.ocf-horizontal .ocf-collapse-filter .ocf-filter-list{margin-left:0;margin-right:0}.ocf-horizontal .ocf-btn-show-filters{margin-bottom:10px;margin-top:0;margin-right:5px;margin-left:5px}.ocf-filter{margin-bottom:15px}.ocf-horizontal .ocf-filter{padding-left:5px;padding-right:5px;min-width:200px;flex:auto}.ocf-filter-body{position:relative}.ocf-filter-header,.ocf-module-page-header{font-weight:bold;font-size:14px;margin-bottom:10px}.ocf-dropdown .ocf-filter-header{cursor:pointer;margin-bottom:0;position:relative;z-index:1}.ocf-dropdown.ocf-open .ocf-filter-header{z-index:21}.ocf-active-label{margin-right:5px}.ocf-slider .ocf-active-label{white-space:nowrap}.ocf-dropdown .ocf-active-label,.ocf-slider .ocf-active-label,.ocf-horizontal .ocf-slider.ocf-has-input .ocf-active-label,.ocf-slider.ocf-open .ocf-active-label{display:block}.ocf-active-label,.ocf-open .ocf-active-label,.ocf-slider.ocf-has-input .ocf-active-label,.ocf-slider.ocf-has-input.ocf-open .ocf-active-label{display:none}.ocf-filter-name{margin-right:5px;order:-1}.ocf-horizontal .ocf-filter-name,.ocf-slider .ocf-filter-name,.ocf-horizontal .ocf-active-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ocf-dropdown .ocf-active-label + .ocf-filter-name{display:none}.ocf-dropdown.ocf-slider .ocf-active-label + .ocf-filter-name{display:block}.ocf-active-label:empty + .ocf-filter-name,.ocf-open .ocf-active-label + .ocf-filter-name{display:block}.ocf-open .ocf-active-label + .ocf-filter-name:hover{white-space:nowrap;text-overflow:initial;overflow:visible;background-color:#fff}.ocf-has-input .ocf-slider-value{display:none}.ocf-horizontal .ocf-has-input .ocf-slider-value{display:block}.ocf-filter-description~*{margin-left:5px}.ocf-filter-description .ocf-icon{display:block;filter:invert(37%) sepia(24%) saturate(2825%) hue-rotate(199deg) brightness(96%) contrast(94%)}.ocf-active .ocf-filter-header .ocf-angle-down{display:none}.ocf-dropdown.ocf-active .ocf-filter-discard,.ocf-horizontal .ocf-active .ocf-filter-discard,.ocf-slider.ocf-active .ocf-filter-discard{display:block}.ocf-dropdown .ocf-filter-body>.ocf-value-list{background-color:#fff;padding:55px 15px 15px;margin:-10px 0 0;position:absolute;top:0;left:-3px;right:-3px;z-index:20;display:none;min-width:100%}.ocf-horizontal .ocf-dropdown .ocf-filter-body>.ocf-value-list{min-width:260px}.ocf-dropdown.ocf-open .ocf-filter-body>.ocf-value-list{display:block}.ocf-auto-column{display:grid;gap:6px 15px;justify-items:stretch}.ocf-column-1{grid-template-columns:repeat(1,1fr)}.ocf-column-2{grid-template-columns:repeat(2,1fr)}.ocf-column-3{grid-template-columns:repeat(3,1fr)}.ocf-column-4{grid-template-columns:repeat(4,1fr)}.ocf-column-5{grid-template-columns:repeat(5,1fr)}.ocf-column-6{grid-template-columns:repeat(6,1fr)}.ocf-slider-input-group{margin-bottom:10px}.ocf-value-slider{padding:10px 10px 0}.ocf-btn-show-values{margin-top:10px;padding:0}.ocf-auto-column .ocf-value{margin-bottom:0;width:auto!important}.ocf-value-image~.ocf-value-append,.ocf-value-color~.ocf-value-append{margin-top:2px}.ocf-footer{background-color:#fff;position:sticky;bottom:0;z-index:3;margin:15px -10px 0;padding:10px}.ocf-footer{display:none}.ocf-disabled:hover{background-color:rgb(54,54,54);color:red!important}.ocf-search-btn-popover{min-width:190px}.ocf-module-page{background-color:#fff!important;box-shadow:0 3px 15px rgb(0 0 0 / 12%);margin-bottom:15px}.ocf-module-page-header{margin-bottom:15px}.ocf-module-page-list{list-style-type:none;margin:0;padding:0;max-height:200px}.ocf-module-page-list li + li{margin-top:3px}.ocf-module-page-list a{display:block;line-height:1.5;color:#4A5057;font-size:13px}.ocf-module-page-list a:hover{color:#353A40;text-decoration:underline}.ocf-module-page-list a.ocf-page-selected{font-weight:bold;color:#000}.ocf-theme-light .ocf-module-page{padding:12px;border-radius:4px;box-shadow:none;border:4px solid #fff8e1}.ocf-theme-light .ocf-module-page-header{}.ocf-theme-light .ocf-module-page-list{margin:0}.ocf-theme-light .ocf-module-page-list a{color:#2e3135}.ocf-theme-light .ocf-selected-card{display:none}.ocf-theme-light .ocf-selected-header{font-weight:bold}.ocf-theme-light .ocf-selected-filter{background-color:#F5F7F9;border-radius:15px}.ocf-theme-light .ocf-selected-filter-name{color:#8596a4}.ocf-theme-light .ocf-selected-discard{border:1px solid transparent;border-radius:20px;background-color:transparent}.ocf-theme-light .ocf-selected-discard:hover{border-color:#d9534f}.ocf-theme-light .ocf-selected-value-name{color:#222}.ocf-theme-light .ocf-filter{margin-bottom:25px}.ocf-theme-light.ocf-horizontal .ocf-filter{margin-bottom:10px}.ocf-theme-light .ocf-filter-header,.ocf-theme-light .ocf-module-page-header{color:#212529;text-transform:uppercase;font-weight:bold;font-size:13px;margin-bottom:15px}.ocf-theme-light .ocf-filter-header .ocf-active-label{font-weight:normal}.ocf-theme-light.ocf-horizontal .ocf-filter-header{font-weight:normal;margin-bottom:0}.ocf-theme-light .ocf-dropdown .ocf-filter-header{border:0;font-weight:bold;padding:8px 12px;background-color:#eceef2;border-radius:3px}.ocf-theme-light .ocf-dropdown .ocf-filter-header:hover{background-color:#F4F5F8}.ocf-theme-light.ocf-horizontal .ocf-dropdown .ocf-filter-header{font-weight:normal}.ocf-theme-light .ocf-active.ocf-dropdown .ocf-filter-header{background-color:#ffeedf}.ocf-theme-light .ocf-filter-header .ocf-filter-discard:hover{filter:invert(38%) sepia(18%) saturate(5963%) hue-rotate(328deg) brightness(81%) contrast(105%)}.ocf-theme-light .ocf-more-selected{background-color:rgba(0 0 0 / 12%);padding:1px 5px;border-radius:2px;color:#444;font-weight:bold}.ocf-theme-light .ocf-dropdown.ocf-open .ocf-filter-header{background-color:#fff}.ocf-theme-light .ocf-dropdown .ocf-filter-body>.ocf-value-list{background-color:#fff;box-shadow:0 0 15px rgba(0 0 0 / 15%);border-radius:5px}.ocf-theme-light .ocf-footer:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:10px -10px 10px 0 #fff;z-index:-1}.ocf-theme-light-block .ocf-selected-card{box-shadow:0 0 16px rgb(0 0 0 / 15%);border-radius:5px}.ocf-theme-light-block .ocf-selected-header{font-size:16px;font-weight:bold}.ocf-theme-light-block .ocf-selected-filter{background-color:#F5F7F9;border-radius:15px}.ocf-theme-light-block .ocf-selected-filter-name{color:#8596a4;font-size:13px}.ocf-theme-light-block .ocf-selected-discard{border:1px solid transparent;border-radius:20px;background-color:transparent}.ocf-theme-light-block .ocf-selected-discard:hover{border-color:#d9534f}.ocf-theme-light-block .ocf-selected-value-name{font-size:13px;color:#222}.ocf-theme-light-block.ocf-vertical .ocf-filter,.ocf-theme-light-block.ocf-vertical .ocf-module-page{margin-bottom:15px;padding:15px 20px;border-radius:5px}.ocf-theme-light-block.ocf-vertical .ocf-filter{background-color:#f0f2f5}.ocf-theme-light-block.ocf-horizontal .ocf-filter{margin-bottom:10px}.ocf-theme-light-block.ocf-vertical .ocf-active{background-color:#ffeedf}.ocf-theme-light-block.ocf-horizontal .ocf-filter-header{background-color:#f0f2f5;padding:10px 15px;border-radius:5px}.ocf-theme-light-block.ocf-horizontal .ocf-dropdown.ocf-open .ocf-filter-header{background-color:#fff}.ocf-theme-light-block .ocf-filter-header .ocf-filter-name,.ocf-theme-light-block .ocf-filter-header .ocf-active-label,.ocf-theme-light-block .ocf-module-page-header{color:#444}.ocf-theme-light-block .ocf-filter-header .ocf-active-label{font-weight:normal}.ocf-theme-light-block.ocf-horizontal .ocf-filter-header .ocf-filter-name,.ocf-theme-light-block.ocf-horizontal .ocf-filter-header .ocf-active-label{font-weight:normal}.ocf-theme-light-block.ocf-horizontal .ocf-active.ocf-dropdown .ocf-filter-header{background-color:#FDEEDE}.ocf-theme-light-block .ocf-filter-header .ocf-filter-discard:hover{filter:invert(1) saturate(20)}.ocf-theme-light-block .ocf-more-selected{background-color:rgba(0 0 0 / 12%);padding:1px 5px;border-radius:2px;font-size:12px;color:#444;font-weight:bold}.ocf-theme-light-block .ocf-dropdown .ocf-open .ocf-filter-header,.ocf-theme-light-block.ocf-horizontal .ocf-open.ocf-active.ocf-dropdown .ocf-filter-header{background-color:#fff}.ocf-theme-light-block .ocf-dropdown .ocf-filter-body>.ocf-value-list{background-color:#fff;box-shadow:0 5px 17px rgb(0 0 0 / 15%);border-radius:5px;padding:55px 20px 15px;margin:-15px -17px 0}.ocf-theme-light-block.ocf-horizontal .ocf-dropdown .ocf-filter-body>.ocf-value-list{padding:60px 17px 15px;margin:-8px 0 0}.ocf-theme-light-block .ocf-scroll-y{background-color:transparent;background-image:linear-gradient(#F0F2F5 30%,transparent),linear-gradient(transparent,#F0F2F5 70%),radial-gradient(farthest-side at 50% 0,rgb(0 0 0 / 10%),transparent),radial-gradient(farthest-side at 50% 100%,rgb(0 0 0 / 10%),transparent)}.ocf-theme-light-block .ocf-active .ocf-scroll-y{background-image:linear-gradient(#FDEEDE 30%,transparent),linear-gradient(transparent,#FDEEDE 70%),radial-gradient(farthest-side at 50% 0,rgb(0 0 0 / 10%),transparent),radial-gradient(farthest-side at 50% 100%,rgb(0 0 0 / 10%),transparent)}.ocf-theme-light-block .ocf-dropdown .ocf-scroll-y,.ocf-theme-light-block .ocf-module-page-list.ocf-scroll-y{background-image:linear-gradient(white 30%,transparent),linear-gradient(transparent,white 70%),radial-gradient(farthest-side at 50% 0,rgb(0 0 0 / 10%),transparent),radial-gradient(farthest-side at 50% 100%,rgb(0 0 0 / 10%),transparent)}.ocf-value-input{display:none}.ocf-input-group input,.ocf-input-group span{background:transparent;color:white;border:0}.ocf-filter-name{color:white;text-transform:initial;font-weight:100}.ocf-value:hover{color:#f47953}.ocf-value.ocf-selected{color:white;background-color:#f47953}.ocf-value{margin-bottom:10px}.ocf-value-name{text-transform:initial;font-family:FixelDisplay;font-weight:100!important}.ocf-theme-light-block .ocf-value-count{font-size:11px;background-color:rgb(79 83 88 / 10%);border-radius:50px;font-weight:400;color:#46494e}
}