@import '/fonts/font-awesome/6.6.0/css/all.min.css';
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-Italic.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-Medium.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-MediumItalic.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-LightItalic.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-ExtraLight.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-Black.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-ExtraLightItalic.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-ExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-Bold.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-Thin.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-ThinItalic.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-ExtraBoldItalic.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-ExtraBoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-BlackItalic.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-ExtraBold.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-Light.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-Regular.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-BoldItalic.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-SemiBoldItalic.woff2') format('woff2'), url('/fonts/montserrat/Montserrat-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
:root {
  --faze-color-primary: #2563eb;
  --faze-color-primary-dark: #1d53c7;
  --faze-color-success: #4bb543;
  --faze-color-error: #e94151;
  --faze-color-white: #ffffff;
  --faze-color-black: #000000;
  --faze-color-text: #424242;
  --faze-color-hover: #e7e7e7;
  --faze-color-base: #f4f4f4;
  --faze-color-border: #bdbdbd;
  --faze-color-overlay: rgba(33, 33, 33, 0.5);
  --faze-color-background: #ffffff;
  --faze-color-background-hover: #2563eb1a;
  --faze-color-background-active: #2563eb33;
  --faze-shadow-light: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.12), 0 0.1rem 0.2rem rgba(0, 0, 0, 0.24);
  --faze-shadow-medium: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16), 0 0.3rem 0.6rem rgba(0, 0, 0, 0.23);
  --faze-shadow-heavy: 0 1rem 2rem rgba(0, 0, 0, 0.19), 0 0.6rem 0.6rem rgba(0, 0, 0, 0.23);
  --faze-border-radius: 0.5rem;
  --faze-font-fontawesome: 'Font Awesome 6 Pro';
  --faze-line-height: 1.2;
  --faze-size-xs: 1.2rem;
  --faze-size-sm: 1.4rem;
  --faze-size-md: 1.6rem;
  --faze-size-lg: 1.8rem;
  --faze-size-xl: 2rem;
  --faze-margin-xs: 0.4rem;
  --faze-margin-sm: 0.8rem;
  --faze-margin-md: 1.2rem;
  --faze-margin-lg: 1.6rem;
  --faze-margin-xl: 2rem;
  --faze-padding-xs: 0.4rem;
  --faze-padding-sm: 0.8rem;
  --faze-padding-md: 1.2rem;
  --faze-padding-lg: 1.6rem;
  --faze-padding-xl: 2rem;
  --faze-gap-xs: 0.4rem;
  --faze-gap-sm: 0.8rem;
  --faze-gap-md: 1.2rem;
  --faze-gap-lg: 1.6rem;
  --faze-gap-xl: 2rem;
  --faze-breakpoint-xs: 480px;
  --faze-breakpoint-sm: 768px;
  --faze-breakpoint-md: 1024px;
  --faze-breakpoint-lg: 1280px;
  --faze-breakpoint-xl: 1440px;
}
* {
  outline: none;
  box-sizing: border-box;
}
html {
  font-size: 10px;
}
.faze-hide {
  display: none !important;
}
.faze-hidden {
  visibility: hidden !important;
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.faze-modal-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 5;
}
.faze-modal-wrapper .faze-modal {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 40rem;
  max-width: 80vw;
  max-height: 80vh;
  padding: 1rem;
  background-color: #fff;
}
.faze-modal-wrapper .faze-modal > header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 1.4rem;
}
.faze-modal-wrapper .faze-modal > header > .faze-close {
  position: relative;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  min-height: 2rem;
}
.faze-modal-wrapper .faze-modal > header > .faze-close:before,
.faze-modal-wrapper .faze-modal > header > .faze-close:after {
  content: "";
  display: block;
  width: 2rem;
  height: 0.1rem;
  position: absolute;
  top: 50%;
  left: -50%;
  transform: translate(-50%);
  background-color: #000;
}
.faze-modal-wrapper .faze-modal > header > .faze-close:before {
  transform: translate(50%, 50%) rotateZ(45deg);
}
.faze-modal-wrapper .faze-modal > header > .faze-close:after {
  transform: translate(50%) rotateZ(135deg);
}
.faze-modal-wrapper .faze-modal > header > .faze-close:hover {
  cursor: pointer;
}
.faze-modal-wrapper .faze-modal > main {
  width: 100%;
  height: 100%;
  margin-top: 1rem;
  overflow: auto;
}
.faze-modal-wrapper .faze-modal > footer {
  margin-top: 1rem;
}
.faze-modal-wrapper .faze-modal.faze-modal-draggable {
  position: absolute;
}
.faze-modal-wrapper .faze-modal.faze-modal-draggable > header {
  cursor: move;
}
.faze-modal-wrapper .faze-modal.faze-modal-resizable .faze-modal-resize-border {
  position: absolute;
  user-select: none;
}
.faze-modal-wrapper .faze-modal.faze-modal-resizable .faze-modal-resize-border.faze-modal-resize-border-top,
.faze-modal-wrapper .faze-modal.faze-modal-resizable .faze-modal-resize-border.faze-modal-resize-border-bottom {
  width: 100%;
  height: 0.8rem;
  left: 0;
}
.faze-modal-wrapper .faze-modal.faze-modal-resizable .faze-modal-resize-border.faze-modal-resize-border-top:hover,
.faze-modal-wrapper .faze-modal.faze-modal-resizable .faze-modal-resize-border.faze-modal-resize-border-bottom:hover {
  cursor: s-resize;
}
.faze-modal-wrapper .faze-modal.faze-modal-resizable .faze-modal-resize-border.faze-modal-resize-border-right,
.faze-modal-wrapper .faze-modal.faze-modal-resizable .faze-modal-resize-border.faze-modal-resize-border-left {
  width: 0.8rem;
  height: 100%;
  top: 0;
}
.faze-modal-wrapper .faze-modal.faze-modal-resizable .faze-modal-resize-border.faze-modal-resize-border-right:hover,
.faze-modal-wrapper .faze-modal.faze-modal-resizable .faze-modal-resize-border.faze-modal-resize-border-left:hover {
  cursor: e-resize;
}
.faze-modal-wrapper .faze-modal.faze-modal-resizable .faze-modal-resize-border.faze-modal-resize-border-top {
  top: -0.4rem;
}
.faze-modal-wrapper .faze-modal.faze-modal-resizable .faze-modal-resize-border.faze-modal-resize-border-bottom {
  bottom: -0.4rem;
}
.faze-modal-wrapper .faze-modal.faze-modal-resizable .faze-modal-resize-border.faze-modal-resize-border-right {
  right: -0.4rem;
}
.faze-modal-wrapper .faze-modal.faze-modal-resizable .faze-modal-resize-border.faze-modal-resize-border-left {
  left: -0.4rem;
}
.faze-modal-wrapper.faze-modal-wrapper-hide {
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0);
}
.faze-modal-wrapper.faze-modal-wrapper-hide .faze-modal {
  pointer-events: all;
}
@keyframes faze-notification-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.faze-notification-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  z-index: 5;
}
.faze-notification-wrapper .faze-notification {
  display: block;
  width: 100%;
  padding: 1rem;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  animation-name: faze-notification-appear;
  animation-duration: 1s;
}
@keyframes faze-copy-notification-disappear {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.faze-copy-text {
  position: relative;
}
.faze-copy-text .faze-notification {
  position: absolute;
  left: 0;
  bottom: -1rem;
  font-size: 1rem;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  opacity: 0;
  animation-name: faze-copy-notification-disappear;
  animation-duration: 2s;
}
.faze-copy-text:hover {
  cursor: pointer;
}
.faze-drag-active {
  cursor: move;
}
.faze-file-input .faze-file-input-file {
  position: absolute;
  left: -9999px;
  visibility: hidden;
}
.faze-placeholder.faze-placeholder-loading {
  height: 10rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="32px" height="32px" viewBox="0 0 128 128" xml:space="preserve"><rect x="0" y="0" width="100%" height="100%" fill="%23FFFFFF" /><g><path d="M26.43 44.95a45.68 45.68 0 0 0 18.6 36.82h-.3a36.83 36.83 0 1 1 0-73.65h.3a45.68 45.68 0 0 0-18.6 36.83zm44-22.55a45.68 45.68 0 0 0-29.28 29.07l-.1-.28a36.83 36.83 0 0 1 70.05-22.8l.1.3a45.68 45.68 0 0 0-40.77-6.32zm35.27 34.9A45.68 45.68 0 0 0 69 38.45c.1-.06.17-.13.25-.2a36.83 36.83 0 1 1 43.3 59.6c-.08.07-.17.12-.25.18a45.68 45.68 0 0 0-6.6-40.73zm-22.57 44.3a45.68 45.68 0 0 0 6.6-40.72c.08.05.16.1.24.17a36.83 36.83 0 0 1-43.3 59.6l-.24-.2a45.68 45.68 0 0 0 36.7-18.85zm-48.8-7.86a45.68 45.68 0 0 0 40.77-6.3l-.1.28A36.83 36.83 0 1 1 4.96 64.95l.1-.28a45.68 45.68 0 0 0 29.28 29.07z" fill="%23000000"/><animateTransform attributeName="transform" type="rotate" from="72 64 64" to="0 64 64" dur="1080ms" repeatCount="indefinite"></animateTransform></g></svg>') center center no-repeat;
}
.faze-tooltip {
  position: absolute;
  padding: 1rem;
  color: var(--faze-color-text);
  font-size: var(--faze-size-sm);
  line-height: var(--faze-line-height);
  background: var(--faze-color-white);
  border-radius: var(--faze-border-radius);
  box-shadow: var(--faze-shadow-light);
  animation: fadeInUp 0.2s ease-out;
  z-index: 30;
}
[data-faze~=tooltip][data-faze-tooltip-event=click]:hover {
  cursor: pointer;
}
.faze-tour-overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.faze-tour-hint-wrapper {
  position: absolute;
  display: block;
  transition: all 0.2s;
  box-shadow: var(--faze-color-overlay) 0px 0px 0px 5000px;
  border: 1px solid var(--faze-color-primary);
  border-radius: var(--faze-border-radius);
}
.faze-tour-hint-wrapper .faze-tour-hint {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 250px;
  min-height: 150px;
  border-radius: var(--faze-border-radius);
  background-color: #fff;
  box-shadow: 0 3px 30px rgba(33, 33, 33, 0.3);
}
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-btn-close {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  color: var(--faze-color-text);
  font-size: 28px;
  line-height: 1;
  border: none;
  background: none;
  border-radius: 0;
}
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-btn-close:before {
  content: "×";
}
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-btn-close:hover {
  cursor: pointer;
}
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-header {
  font-weight: bold;
  line-height: 1;
}
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-header:not(:empty) {
  padding: 16px 20px 0;
}
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-main {
  padding: 20px 20px 20px;
}
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-footer {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding: 10px;
  border-top: 1px solid var(--faze-color-border);
}
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-footer .faze-tour-hint-btn-next,
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-footer .faze-tour-hint-btn-prev {
  padding: 10px;
  color: var(--faze-color-text);
  font-size: 14px;
  line-height: 1;
  background: var(--faze-color-base);
  border: 0.1rem solid var(--faze-color-border);
  border-radius: 5px;
  transition: background 0.2s ease;
}
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-footer .faze-tour-hint-btn-next:hover,
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-footer .faze-tour-hint-btn-prev:hover {
  cursor: pointer;
  background: var(--faze-color-hover);
}
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-footer .faze-tour-hint-btn-next {
  color: var(--faze-color-white);
  background: var(--faze-color-primary);
  border-color: var(--faze-color-primary-dark);
}
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-footer .faze-tour-hint-btn-next:hover {
  cursor: pointer;
  background: var(--faze-color-primary-dark);
}
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-footer .faze-tour-pages {
  position: absolute;
  left: 50%;
  bottom: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
}
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-footer .faze-tour-pages .faze-tour-page {
  display: block;
  width: 5px;
  height: 5px;
  background-color: var(--faze-color-hover);
  border-radius: 3px;
  transition: width 0.2s ease;
}
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-footer .faze-tour-pages .faze-tour-page.faze-active {
  width: 15px;
  background-color: var(--faze-color-border);
}
.faze-tour-hint-wrapper .faze-tour-hint .faze-tour-hint-footer .faze-tour-pages .faze-tour-page:not(:last-child) {
  margin-right: 4px;
}
.faze-tour-hint-wrapper .faze-tour-hint:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.faze-tour-hint-wrapper .faze-tour-hint.faze-tour-hint-side-left {
  top: 0;
  right: calc(100% + 10px);
}
.faze-tour-hint-wrapper .faze-tour-hint.faze-tour-hint-side-left:before {
  top: 10px;
  right: -5px;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid var(--faze-color-white);
  border-bottom: 5px solid rgba(0, 0, 0, 0);
}
.faze-tour-hint-wrapper .faze-tour-hint.faze-tour-hint-side-right {
  top: 0;
  left: calc(100% + 10px);
}
.faze-tour-hint-wrapper .faze-tour-hint.faze-tour-hint-side-right:before {
  top: 10px;
  left: -5px;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid var(--faze-color-white);
  border-bottom: 5px solid rgba(0, 0, 0, 0);
}
.faze-tour-hint-wrapper .faze-tour-hint.faze-tour-hint-side-top {
  left: 0;
  bottom: calc(100% + 10px);
}
.faze-tour-hint-wrapper .faze-tour-hint.faze-tour-hint-side-top:before {
  left: 10px;
  bottom: -5px;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-top: 5px solid var(--faze-color-white);
}
.faze-tour-hint-wrapper .faze-tour-hint.faze-tour-hint-side-bottom {
  left: 0;
  top: calc(100% + 10px);
}
.faze-tour-hint-wrapper .faze-tour-hint.faze-tour-hint-side-bottom:before {
  left: 10px;
  top: -5px;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid var(--faze-color-white);
}
.faze-tour-hint-wrapper.faze-tour-hint-wrapper-float {
  border: none;
}
.faze-tabs .faze-tab-body,
.faze-tabs [data-faze-tab=body],
.faze-tabs [data-faze-tab-body]:not([data-faze-tab=header]):not(.faze-tab-header),
.faze-tab .faze-tab-body,
.faze-tab [data-faze-tab=body],
.faze-tab [data-faze-tab-body]:not([data-faze-tab=header]):not(.faze-tab-header),
[data-faze~=tab] .faze-tab-body,
[data-faze~=tab] [data-faze-tab=body],
[data-faze~=tab] [data-faze-tab-body]:not([data-faze-tab=header]):not(.faze-tab-header) {
  display: none;
}
.faze-tabs .faze-tab-body:first-of-type,
.faze-tabs [data-faze-tab=body]:first-of-type,
.faze-tabs [data-faze-tab-body]:not([data-faze-tab=header]):not(.faze-tab-header):first-of-type,
.faze-tab .faze-tab-body:first-of-type,
.faze-tab [data-faze-tab=body]:first-of-type,
.faze-tab [data-faze-tab-body]:not([data-faze-tab=header]):not(.faze-tab-header):first-of-type,
[data-faze~=tab] .faze-tab-body:first-of-type,
[data-faze~=tab] [data-faze-tab=body]:first-of-type,
[data-faze~=tab] [data-faze-tab-body]:not([data-faze-tab=header]):not(.faze-tab-header):first-of-type {
  display: block;
}
.faze-tabs[data-faze-styles=true] .faze-tabs-headers,
.faze-tab[data-faze-styles=true] .faze-tabs-headers,
[data-faze~=tab][data-faze-styles=true] .faze-tabs-headers {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 0.1rem solid var(--faze-color-border);
}
.faze-tabs[data-faze-styles=true] .faze-tab-header,
.faze-tabs[data-faze-styles=true] [data-faze-tab=header],
.faze-tabs[data-faze-styles=true] [data-faze-tab-head],
.faze-tab[data-faze-styles=true] .faze-tab-header,
.faze-tab[data-faze-styles=true] [data-faze-tab=header],
.faze-tab[data-faze-styles=true] [data-faze-tab-head],
[data-faze~=tab][data-faze-styles=true] .faze-tab-header,
[data-faze~=tab][data-faze-styles=true] [data-faze-tab=header],
[data-faze~=tab][data-faze-styles=true] [data-faze-tab-head] {
  padding: 1rem;
  color: var(--faze-color-text);
  font-size: var(--faze-size-sm);
  line-height: 1;
  border: 0.1rem solid var(--faze-color-border);
  border-bottom: none;
  user-select: none;
}
.faze-tabs[data-faze-styles=true] .faze-tab-header:not(:first-child),
.faze-tabs[data-faze-styles=true] [data-faze-tab=header]:not(:first-child),
.faze-tabs[data-faze-styles=true] [data-faze-tab-head]:not(:first-child),
.faze-tab[data-faze-styles=true] .faze-tab-header:not(:first-child),
.faze-tab[data-faze-styles=true] [data-faze-tab=header]:not(:first-child),
.faze-tab[data-faze-styles=true] [data-faze-tab-head]:not(:first-child),
[data-faze~=tab][data-faze-styles=true] .faze-tab-header:not(:first-child),
[data-faze~=tab][data-faze-styles=true] [data-faze-tab=header]:not(:first-child),
[data-faze~=tab][data-faze-styles=true] [data-faze-tab-head]:not(:first-child) {
  border-left: none;
}
.faze-tabs[data-faze-styles=true] .faze-tab-header:hover,
.faze-tabs[data-faze-styles=true] [data-faze-tab=header]:hover,
.faze-tabs[data-faze-styles=true] [data-faze-tab-head]:hover,
.faze-tab[data-faze-styles=true] .faze-tab-header:hover,
.faze-tab[data-faze-styles=true] [data-faze-tab=header]:hover,
.faze-tab[data-faze-styles=true] [data-faze-tab-head]:hover,
[data-faze~=tab][data-faze-styles=true] .faze-tab-header:hover,
[data-faze~=tab][data-faze-styles=true] [data-faze-tab=header]:hover,
[data-faze~=tab][data-faze-styles=true] [data-faze-tab-head]:hover {
  background-color: var(--faze-color-background-hover);
  cursor: pointer;
}
.faze-tabs[data-faze-styles=true] .faze-tab-header.faze-active,
.faze-tabs[data-faze-styles=true] [data-faze-tab=header].faze-active,
.faze-tabs[data-faze-styles=true] [data-faze-tab-head].faze-active,
.faze-tab[data-faze-styles=true] .faze-tab-header.faze-active,
.faze-tab[data-faze-styles=true] [data-faze-tab=header].faze-active,
.faze-tab[data-faze-styles=true] [data-faze-tab-head].faze-active,
[data-faze~=tab][data-faze-styles=true] .faze-tab-header.faze-active,
[data-faze~=tab][data-faze-styles=true] [data-faze-tab=header].faze-active,
[data-faze~=tab][data-faze-styles=true] [data-faze-tab-head].faze-active {
  background-color: var(--faze-color-background-active);
}
.faze-tabs[data-faze-styles=true] .faze-tab-body,
.faze-tabs[data-faze-styles=true] [data-faze-tab=body],
.faze-tabs[data-faze-styles=true] [data-faze-tab-body],
.faze-tab[data-faze-styles=true] .faze-tab-body,
.faze-tab[data-faze-styles=true] [data-faze-tab=body],
.faze-tab[data-faze-styles=true] [data-faze-tab-body],
[data-faze~=tab][data-faze-styles=true] .faze-tab-body,
[data-faze~=tab][data-faze-styles=true] [data-faze-tab=body],
[data-faze~=tab][data-faze-styles=true] [data-faze-tab-body] {
  padding-top: 1rem;
}
.faze-drag,
[data-faze~=drag] {
  position: relative;
}
.faze-drag .faze-drag-item,
.faze-drag [data-faze-drag=item],
[data-faze~=drag] .faze-drag-item,
[data-faze~=drag] [data-faze-drag=item] {
  position: relative;
}
.faze-drag .faze-drag-item.faze-drag-item-moving,
.faze-drag [data-faze-drag=item].faze-drag-item-moving,
[data-faze~=drag] .faze-drag-item.faze-drag-item-moving,
[data-faze~=drag] [data-faze-drag=item].faze-drag-item-moving {
  z-index: 999999;
}
.faze-drag .faze-drag-item .faze-drag-handle:hover,
.faze-drag .faze-drag-item [data-faze-drag=handle]:hover,
.faze-drag [data-faze-drag=item] .faze-drag-handle:hover,
.faze-drag [data-faze-drag=item] [data-faze-drag=handle]:hover,
[data-faze~=drag] .faze-drag-item .faze-drag-handle:hover,
[data-faze~=drag] .faze-drag-item [data-faze-drag=handle]:hover,
[data-faze~=drag] [data-faze-drag=item] .faze-drag-handle:hover,
[data-faze~=drag] [data-faze-drag=item] [data-faze-drag=handle]:hover {
  cursor: move;
}
.faze-drag .faze-drag-item-phantom,
[data-faze~=drag] .faze-drag-item-phantom {
  width: var(--faze-width);
  height: var(--faze-height);
  transition: var(--faze-animation);
}
.faze-drag .faze-drag-item-phantom2,
[data-faze~=drag] .faze-drag-item-phantom2 {
  width: var(--faze-width);
  height: var(--faze-height);
  transition: var(--faze-animation);
}
.faze-drag[data-faze-styles=true] .faze-drag-item .faze-drag-handle,
.faze-drag[data-faze-styles=true] .faze-drag-item [data-faze-drag=handle],
.faze-drag[data-faze-styles=true] [data-faze-drag=item] .faze-drag-handle,
.faze-drag[data-faze-styles=true] [data-faze-drag=item] [data-faze-drag=handle] {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"276\" height=\"276\" viewBox=\"0 0 276 276\"><g fill=\"%23808080\"><path d=\"M33.144,2.471C15.336,2.471,0.85,16.958,0.85,34.765s14.48,32.293,32.294,32.293s32.294-14.486,32.294-32.293 S50.951,2.471,33.144,2.471z\"/><path d=\"M137.663,2.471c-17.807,0-32.294,14.487-32.294,32.294s14.487,32.293,32.294,32.293c17.808,0,32.297-14.486,32.297-32.293S155.477,2.471,137.663,2.471z\"/><path d=\"M243.873,67.059c17.804,0,32.294-14.486,32.294-32.293S261.689,2.471,243.873,2.471s-32.294,14.487-32.294,32.294 S226.068,67.059,243.873,67.059z\"/> <path d=\"M32.3,170.539c17.807,0,32.297-14.483,32.297-32.293c0-17.811-14.49-32.297-32.297-32.297S0,120.436,0,138.246 C0,156.056,14.493,170.539,32.3,170.539z\"/> <path d=\"M136.819,170.539c17.804,0,32.294-14.483,32.294-32.293c0-17.811-14.478-32.297-32.294-32.297 c-17.813,0-32.294,14.486-32.294,32.297C104.525,156.056,119.012,170.539,136.819,170.539z\"/> <path d=\"M243.038,170.539c17.811,0,32.294-14.483,32.294-32.293c0-17.811-14.483-32.297-32.294-32.297 s-32.306,14.486-32.306,32.297C210.732,156.056,225.222,170.539,243.038,170.539z\"/> <path d=\"M33.039,209.108c-17.807,0-32.3,14.483-32.3,32.294c0,17.804,14.493,32.293,32.3,32.293s32.293-14.482,32.293-32.293 S50.846,209.108,33.039,209.108z\"/> <path d=\"M137.564,209.108c-17.808,0-32.3,14.483-32.3,32.294c0,17.804,14.487,32.293,32.3,32.293 c17.804,0,32.293-14.482,32.293-32.293S155.368,209.108,137.564,209.108z\"/> <path d=\"M243.771,209.108c-17.804,0-32.294,14.483-32.294,32.294c0,17.804,14.49,32.293,32.294,32.293 c17.811,0,32.294-14.482,32.294-32.293S261.575,209.108,243.771,209.108z\"/> </g></svg>") center center no-repeat;
  background-size: cover;
  user-select: none;
}
.faze-drag[data-faze-styles=true] .faze-drag-item .faze-drag-handle:hover,
.faze-drag[data-faze-styles=true] .faze-drag-item [data-faze-drag=handle]:hover,
.faze-drag[data-faze-styles=true] [data-faze-drag=item] .faze-drag-handle:hover,
.faze-drag[data-faze-styles=true] [data-faze-drag=item] [data-faze-drag=handle]:hover {
  cursor: move;
}
.faze-dropdown,
[data-faze=dropdown] {
  position: relative;
}
.faze-dropdown .faze-title,
.faze-dropdown [data-faze-dropdown=title],
[data-faze=dropdown] .faze-title,
[data-faze=dropdown] [data-faze-dropdown=title] {
  display: inline-flex;
  padding: var(--faze-padding-sm) var(--faze-padding-md);
  border: 0.1rem solid var(--faze-color-border);
  border-radius: var(--faze-border-radius);
  line-height: var(--faze-line-height);
  user-select: none;
  z-index: 5;
}
.faze-dropdown .faze-title:hover,
.faze-dropdown [data-faze-dropdown=title]:hover,
[data-faze=dropdown] .faze-title:hover,
[data-faze=dropdown] [data-faze-dropdown=title]:hover {
  cursor: pointer;
}
.faze-dropdown .faze-body,
.faze-dropdown [data-faze-dropdown=body],
[data-faze=dropdown] .faze-body,
[data-faze=dropdown] [data-faze-dropdown=body] {
  position: absolute;
  display: none;
  margin-top: var(--faze-margin-md);
  padding: var(--faze-padding-md);
  background: var(--faze-color-background);
  border: 0.1rem solid var(--faze-color-border);
  border-radius: var(--faze-border-radius);
  box-shadow: var(--faze-shadow-light);
  animation: fadeInUp 0.2s ease-out;
  z-index: 6;
}
.faze-dropdown.faze-active .faze-body,
.faze-dropdown.faze-active [data-faze-dropdown=body],
[data-faze=dropdown].faze-active .faze-body,
[data-faze=dropdown].faze-active [data-faze-dropdown=body] {
  display: block;
}
.faze-form input.faze-form-input-invalid {
  border-color: var(--faze-color-error);
}
.faze-form-hint {
  position: absolute;
  display: none;
  flex-direction: column;
  gap: 0.4rem;
  padding: 1rem;
  border: 0.1rem solid var(--faze-color-primary);
  border-radius: var(--faze-border-radius);
  background-color: var(--faze-color-white);
  z-index: 10;
}
.faze-form-hint .faze-form-rule {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1;
}
.faze-form-hint .faze-form-rule::before {
  content: "";
  margin-right: 0.8rem;
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  font-style: normal;
}
.faze-form-hint .faze-form-rule.faze-form-rule-valid::before {
  content: "";
  color: var(--faze-color-success);
}
.faze-form-hint .faze-form-rule.faze-form-rule-invalid::before {
  content: "";
  color: var(--faze-color-error);
}
.faze-form-hint.active {
  display: flex;
}
.faze-select {
  position: relative;
}
.faze-select > .faze-title,
.faze-select > .title {
  display: inline-flex;
  padding: var(--faze-padding-sm) var(--faze-padding-md);
  line-height: var(--faze-line-height);
  border: 0.1rem solid var(--faze-color-border);
  border-radius: var(--faze-border-radius);
  user-select: none;
  z-index: 5;
}
.faze-select > .faze-title:hover,
.faze-select > .title:hover {
  cursor: pointer;
}
.faze-select > .faze-body,
.faze-select > .body {
  position: absolute;
  display: none;
  margin-top: var(--faze-margin-md);
  padding: var(--faze-padding-md);
  background: var(--faze-color-background);
  border: 0.1rem solid var(--faze-color-border);
  border-radius: var(--faze-border-radius);
  box-shadow: var(--faze-shadow-light);
  animation: fadeInUp 0.2s ease-out;
  z-index: 6;
}
.faze-select > .faze-body > .faze-option:hover,
.faze-select > .body > .faze-option:hover {
  cursor: pointer;
}
.faze-select.faze-active > .faze-body,
.faze-select.faze-active > .body {
  display: block;
}
.faze-smartsearch-items {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  max-height: 33rem;
  margin-top: var(--faze-margin-md);
  border: 1px solid var(--faze-color-border);
  border-radius: var(--faze-border-radius);
  background: var(--faze-color-background);
  box-shadow: var(--faze-shadow-light);
  overflow: auto;
  animation: fadeInUp 0.2s ease-out;
  z-index: 5;
}
.faze-smartsearch-items .faze-smartsearch-item {
  padding: var(--faze-padding-sm) var(--faze-padding-md);
  color: var(--faze-color-text);
  font-size: var(--faze-size-sm);
  line-height: var(--faze-line-height);
  user-select: none;
}
.faze-smartsearch-items .faze-smartsearch-item.faze-active,
.faze-smartsearch-items .faze-smartsearch-item:hover {
  cursor: pointer;
  background: var(--faze-color-background-hover);
}
.faze-smartsearch-items.faze-active {
  display: block;
}
.faze-carousel {
  position: relative;
}
.faze-carousel .faze-carousel-holder {
  position: relative;
  display: flex;
}
.faze-carousel .faze-carousel-holder > .faze-item > img {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.faze-carousel.faze-animation-fade .faze-carousel-holder > .faze-item {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition-property: opacity;
  z-index: 1;
}
.faze-carousel.faze-animation-fade .faze-carousel-holder > .faze-item.faze-active {
  position: relative;
  opacity: 1;
  z-index: 2;
}
.faze-carousel.faze-animation-fade .faze-carousel-holder > .faze-item:not(.faze-active) {
  opacity: 0;
}
.faze-carousel.faze-animation-slide {
  position: relative;
  overflow: hidden;
}
.faze-carousel.faze-animation-slide.faze-direction-horizontal > .faze-carousel-holder {
  left: 0;
  width: 5000%;
  transition-property: left;
}
.faze-carousel.faze-animation-slide.faze-direction-horizontal > .faze-carousel-holder > .faze-item {
  width: 2%;
}
.faze-carousel.faze-animation-slide.faze-direction-vertical > .faze-carousel-holder {
  flex-direction: column;
  top: 0;
  height: 5000%;
  transition-property: top;
}
.faze-carousel.faze-animation-slide.faze-direction-vertical .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow {
  width: 100%;
  height: 10rem;
}
.faze-carousel.faze-animation-slide.faze-direction-vertical .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-carousel-arrow-prev {
  top: 0;
  left: initial;
  right: initial;
  bottom: initial;
}
.faze-carousel.faze-animation-slide.faze-direction-vertical .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-carousel-arrow-prev:after {
  transform: translate(-50%, -50%) rotateZ(45deg);
}
.faze-carousel.faze-animation-slide.faze-direction-vertical .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-carousel-arrow-next {
  bottom: 0;
  left: initial;
  right: initial;
  top: initial;
}
.faze-carousel.faze-animation-slide.faze-direction-vertical .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-carousel-arrow-next:after {
  transform: translate(-50%, -50%) rotateZ(135deg);
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-pages {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  left: 50%;
  bottom: 2rem;
  transform: translateX(-50%);
  user-select: none;
  z-index: 4;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-pages > .faze-page {
  width: 1.2rem;
  height: 1.2rem;
  background-color: #fff;
  border-radius: 50%;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-pages > .faze-page + .faze-page {
  margin-left: 0.5rem;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-pages > .faze-page.faze-active {
  background-color: #000;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-pages > .faze-page:hover {
  cursor: pointer;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow {
  position: absolute;
  top: 0;
  width: 10rem;
  height: 100%;
  pointer-events: all;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow:after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  border-top: 0.3rem solid #000;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-carousel-arrow-prev {
  left: 0;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-carousel-arrow-prev:after {
  border-left: 0.3rem solid #000;
  transform: translate(-50%, -50%) rotateZ(-45deg);
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-carousel-arrow-next {
  right: 0;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-carousel-arrow-next:after {
  border-right: 0.3rem solid #000;
  transform: translate(-50%, -50%) rotateZ(45deg);
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-disabled {
  opacity: 0.5;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-disabled:hover {
  cursor: default;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow:hover:not(.faze-disabled) {
  cursor: pointer;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow:hover:not(.faze-disabled):after {
  border-color: #666;
}
.faze-carousel > .faze-carousel-controls .faze-carousel-counter {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 5;
}
.faze-carousel.faze-carousel-grouped .faze-carousel-holder > .faze-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.faze-carousel {
  position: relative;
}
.faze-carousel .faze-carousel-holder {
  position: relative;
  display: flex;
}
.faze-carousel .faze-carousel-holder > .faze-item {
  will-change: transform;
}
.faze-carousel .faze-carousel-holder > .faze-item > img {
  display: flex;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.faze-carousel.faze-animation-fade .faze-carousel-holder > .faze-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  transition: opacity 1s;
}
.faze-carousel.faze-animation-fade .faze-carousel-holder > .faze-item.faze-active {
  position: relative;
  opacity: 1;
  z-index: 3;
}
.faze-carousel.faze-animation-slide {
  position: relative;
  overflow: hidden;
}
.faze-carousel.faze-animation-slide.faze-direction-horizontal > .faze-carousel-holder {
  width: 5000%;
}
.faze-carousel.faze-animation-slide.faze-direction-horizontal > .faze-carousel-holder > .faze-item {
  width: 2%;
}
.faze-carousel.faze-animation-slide.faze-direction-vertical > .faze-carousel-holder {
  flex-direction: column;
  height: 5000%;
}
.faze-carousel.faze-animation-slide.faze-direction-vertical .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow {
  width: 100%;
  height: 10rem;
}
.faze-carousel.faze-animation-slide.faze-direction-vertical .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-carousel-arrow-prev {
  top: 0;
  left: initial;
  right: initial;
  bottom: initial;
}
.faze-carousel.faze-animation-slide.faze-direction-vertical .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-carousel-arrow-prev:after {
  transform: translate(-50%, -50%) rotateZ(45deg);
}
.faze-carousel.faze-animation-slide.faze-direction-vertical .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-carousel-arrow-next {
  bottom: 0;
  left: initial;
  right: initial;
  top: initial;
}
.faze-carousel.faze-animation-slide.faze-direction-vertical .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-carousel-arrow-next:after {
  transform: translate(-50%, -50%) rotateZ(135deg);
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-pages {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  left: 50%;
  bottom: 2rem;
  transform: translateX(-50%);
  user-select: none;
  z-index: 4;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-pages > .faze-page {
  width: 1.2rem;
  height: 1.2rem;
  background-color: #fff;
  border-radius: 50%;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-pages > .faze-page + .faze-page {
  margin-left: 0.5rem;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-pages > .faze-page.faze-active {
  background-color: #000;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-pages > .faze-page:hover {
  cursor: pointer;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow {
  position: absolute;
  top: 0;
  width: 10rem;
  height: 100%;
  pointer-events: all;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow:after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  border-top: 0.3rem solid #000;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-carousel-arrow-prev {
  left: 0;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-carousel-arrow-prev:after {
  border-left: 0.3rem solid #000;
  transform: translate(-50%, -50%) rotateZ(-45deg);
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-carousel-arrow-next {
  right: 0;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-carousel-arrow-next:after {
  border-right: 0.3rem solid #000;
  transform: translate(-50%, -50%) rotateZ(45deg);
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-disabled {
  opacity: 0.5;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow.faze-disabled:hover {
  cursor: default;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow:hover:not(.faze-disabled) {
  cursor: pointer;
}
.faze-carousel > .faze-carousel-controls > .faze-carousel-arrows > .faze-carousel-arrow:hover:not(.faze-disabled):after {
  border-color: #666;
}
.faze-carousel > .faze-carousel-controls .faze-carousel-counter {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  line-height: 1;
  user-select: none;
  z-index: 5;
}
.faze-carousel.faze-carousel-grouped .faze-carousel-holder > .faze-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.carousel-new-test body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: #1a1a2e;
}
.carousel-new-test .carousel-container {
  position: relative;
  width: 500px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.carousel-new-test .carousel-track {
  display: flex;
  transition: transform 0.5s ease;
  cursor: grab;
}
.carousel-new-test .carousel-track.dragging {
  cursor: grabbing;
}
.carousel-new-test .carousel-slide {
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
  flex-shrink: 0;
  user-select: none;
  border-radius: 8px;
}
.carousel-new-test img {
  width: 100%;
  height: auto;
}
.carousel-new-test .carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: hsla(0, 0%, 100%, 0.3);
  border: none;
  color: #fff;
  font-size: 2rem;
  padding: 1rem 1.2rem;
  cursor: pointer;
  border-radius: 50%;
  transition: background 0.3s;
  z-index: 10;
}
.carousel-new-test .carousel-btn:hover {
  background: hsla(0, 0%, 100%, 0.5);
}
.carousel-new-test .carousel-btn.prev {
  left: 10px;
}
.carousel-new-test .carousel-btn.next {
  right: 10px;
}
.carousel-new-test .carousel-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
}
.carousel-new-test .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: hsla(0, 0%, 100%, 0.5);
  cursor: pointer;
  transition: background 0.3s;
}
.carousel-new-test .dot.active {
  background: #fff;
}
.faze-thumbgallery {
  position: relative;
}
.faze-thumbgallery .faze-thumbgallery-holder {
  display: flex;
  overflow: hidden;
  overflow-x: scroll;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}
.faze-thumbgallery .faze-thumbgallery-holder img {
  position: relative;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  overflow: hidden;
}
.faze-thumbgallery .faze-thumbgallery-gallery {
  position: absolute;
  left: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0.4rem;
  width: 100%;
  height: 0.2rem;
  margin: 0 auto;
  visibility: hidden;
  z-index: 2;
}
.faze-thumbgallery .faze-thumbgallery-gallery .faze-thumbgallery-gallery-element {
  height: 100%;
  background-color: #bebebe;
}
.faze-thumbgallery .faze-thumbgallery-gallery .faze-thumbgallery-gallery-element.active {
  background-color: #2b2b2b;
}
.faze-thumbgallery .faze-thumbgallery-gallery[data-faze-thumbgallery-total="0"],
.faze-thumbgallery .faze-thumbgallery-gallery[data-faze-thumbgallery-total="1"] {
  display: none;
}
.faze-thumbgallery .faze-thumbgallery-gallery[data-faze-thumbgallery-total="2"] {
  grid-template-columns: repeat(2, 1fr);
}
.faze-thumbgallery .faze-thumbgallery-gallery[data-faze-thumbgallery-total="3"] {
  grid-template-columns: repeat(3, 1fr);
}
.faze-thumbgallery .faze-thumbgallery-gallery[data-faze-thumbgallery-total="4"] {
  grid-template-columns: repeat(4, 1fr);
}
.faze-thumbgallery .faze-thumbgallery-gallery[data-faze-thumbgallery-total="5"] {
  grid-template-columns: repeat(5, 1fr);
}
.faze-thumbgallery .faze-thumbgallery-gallery[data-faze-thumbgallery-total="6"] {
  grid-template-columns: repeat(5, 1fr);
}
.faze-thumbgallery:hover .faze-thumbgallery-gallery {
  visibility: visible;
}
@media (max-width: 768px) {
  .faze-thumbgallery .faze-thumbgallery-gallery {
    visibility: visible;
  }
}
.faze-finder .faze-finder-input-holder {
  position: relative;
}
.faze-finder .faze-finder-input-holder input {
  width: 100%;
  padding-right: 3rem;
}
.faze-finder .faze-finder-input-holder .faze-finder-clear-button {
  position: absolute;
  top: 50%;
  right: 0.6rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  transform: translateY(-50%);
}
.faze-finder .faze-finder-input-holder .faze-finder-clear-button:before {
  content: "";
  color: var(--faze-color-text);
  font-family: var(--faze-font-fontawesome);
  font-size: 1.6rem;
}
.faze-finder .faze-finder-input-holder .faze-finder-clear-button:hover {
  cursor: pointer;
}
.faze-tablesorter .faze-tablesorter-header,
[data-faze=tablesorter] .faze-tablesorter-header {
  user-select: none;
}
.faze-tablesorter .faze-tablesorter-header:hover,
[data-faze=tablesorter] .faze-tablesorter-header:hover {
  cursor: pointer;
}
[data-faze-sorter-head] {
  user-select: none;
}
[data-faze-sorter-head]:hover {
  cursor: pointer;
}
@keyframes appearing {
  from {
    display: none;
    opacity: 0;
  }
  to {
    display: flex;
    opacity: 1;
  }
}
@keyframes disappearing {
  from {
    display: flex;
    opacity: 1;
  }
  to {
    display: none;
    opacity: 0;
  }
}
.faze-scroller .faze-scroller-btn {
  position: fixed;
  bottom: 2rem;
  z-index: 9999;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  border: none;
  border-radius: 50%;
  background: var(--faze-color-primary);
  transition: background 0.2s ease;
  animation: disappearing 0.5s ease forwards;
}
.faze-scroller .faze-scroller-btn:after {
  content: "";
  display: block;
  margin-top: 0.4rem;
  border: solid var(--faze-color-white);
  border-width: 0 0.3rem 0.3rem 0;
  width: 1.2rem;
  height: 1.2rem;
  transform: rotate(-135deg);
}
.faze-scroller .faze-scroller-btn:hover {
  cursor: pointer;
  background: var(--faze-color-primary-dark);
}
.faze-scroller .faze-scroller-btn.faze-active {
  animation: appearing 0.5s ease forwards;
}
.faze-scroller.faze-scroller-right .faze-scroller-btn {
  right: 2rem;
}
.faze-scroller.faze-scroller-left .faze-scroller-btn {
  left: 2rem;
}
.faze-zoom {
  position: relative;
}
.faze-zoom .faze-zoom-initial-image:hover,
.faze-zoom .faze-zoom-pointer:hover {
  cursor: crosshair;
}
.faze-zoom .faze-zoom-pointer {
  position: absolute;
  display: none;
  border: 0.1rem solid #000;
}
.faze-zoom .faze-zoom-image-wrapper {
  position: absolute;
  display: none;
  overflow: hidden;
  z-index: 5;
}
.faze-zoom .faze-zoom-image-wrapper .faze-zoom-big-image {
  position: absolute;
  top: 0;
  left: 0;
}
@keyframes faze-zoombox-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
[data-faze-zoombox-image]:hover {
  cursor: zoom-in;
}
.faze-zoombox-wrapper {
  position: absolute;
  padding: 5px;
  border: 1px solid var(--faze-color-text);
  border-radius: var(--faze-border-radius);
  background-color: var(--faze-color-white);
}
.faze-zoombox-wrapper .faze-zoombox-image {
  display: flex;
  width: 100%;
  height: 100%;
}
.faze-zoombox-wrapper .faze-zoombox-image:hover {
  cursor: zoom-out;
}
.faze-zoombox-wrapper .faze-zoombox-caption:not(:empty) {
  margin-top: 5px;
}
.faze-zoombox-wrapper .faze-zoombox-arrow {
  position: absolute;
  top: 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--faze-color-white);
  user-select: none;
  animation-name: faze-zoombox-appear;
  animation-duration: 1s;
  transform: translateY(-50%);
}
.faze-zoombox-wrapper .faze-zoombox-arrow:after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--faze-color-text);
  border-top: 2px solid var(--faze-color-text);
}
.faze-zoombox-wrapper .faze-zoombox-arrow.faze-zoombox-arrow-next {
  right: 15px;
}
.faze-zoombox-wrapper .faze-zoombox-arrow.faze-zoombox-arrow-next:after {
  transform: translateX(-20%) rotateZ(45deg);
}
.faze-zoombox-wrapper .faze-zoombox-arrow.faze-zoombox-arrow-prev {
  left: 15px;
}
.faze-zoombox-wrapper .faze-zoombox-arrow.faze-zoombox-arrow-prev:after {
  transform: translateX(20%) rotateZ(225deg);
}
.faze-zoombox-wrapper .faze-zoombox-arrow:hover {
  cursor: pointer;
}
.faze-zoombox-wrapper .faze-zoombox-close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--faze-color-white);
  animation-name: faze-zoombox-appear;
  animation-duration: 1s;
}
.faze-zoombox-wrapper .faze-zoombox-close:before,
.faze-zoombox-wrapper .faze-zoombox-close:after {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background-color: var(--faze-color-text);
}
.faze-zoombox-wrapper .faze-zoombox-close:before {
  transform: rotateZ(45deg);
}
.faze-zoombox-wrapper .faze-zoombox-close:after {
  transform: rotateZ(-45deg);
}
.faze-zoombox-wrapper .faze-zoombox-close:hover {
  cursor: pointer;
}
.faze-zoombox-wrapper.faze-drag-active:hover {
  cursor: move;
}
.faze-zoombox-wrapper.faze-drag-active .faze-zoombox-image:hover {
  cursor: move;
}
@keyframes faze-look-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.faze-look-image {
  position: absolute;
  animation-name: faze-notification-appear;
  animation-duration: 0.25s;
  object-fit: cover;
}
[data-faze=colorchanger] {
  position: relative;
}
[data-faze=colorchanger] .faze-colorchanger-colors {
  position: absolute;
  display: flex;
  gap: 0.4rem;
}
[data-faze=colorchanger] .faze-colorchanger-colors .faze-colorchanger-row {
  display: flex;
  gap: 0.4rem;
}
[data-faze=colorchanger] .faze-colorchanger-colors .faze-colorchanger-row .faze-colorchanger-color,
[data-faze=colorchanger] .faze-colorchanger-colors .faze-colorchanger-row .faze-colorchanger-more {
  width: 3.2rem;
  height: 3.2rem;
  padding: 0.4rem;
  background-color: var(--faze-color-white);
  border: 0.1rem solid var(--faze-color-border);
  border-radius: var(--faze-border-radius);
}
[data-faze=colorchanger] .faze-colorchanger-colors .faze-colorchanger-row .faze-colorchanger-color:hover,
[data-faze=colorchanger] .faze-colorchanger-colors .faze-colorchanger-row .faze-colorchanger-more:hover {
  cursor: pointer;
}
[data-faze=colorchanger] .faze-colorchanger-colors .faze-colorchanger-row .faze-colorchanger-more {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
[data-faze=colorchanger] .faze-colorchanger-colors .faze-colorchanger-row:not(:first-child) {
  display: none;
}
[data-faze=colorchanger] .faze-colorchanger-colors.faze-colorchanger-colors-more .faze-colorchanger-row:first-child .faze-colorchanger-color:last-of-type {
  display: none;
}
[data-faze=colorchanger] .faze-colorchanger-colors:hover .faze-colorchanger-row .faze-colorchanger-more {
  display: none;
}
[data-faze=colorchanger] .faze-colorchanger-colors:hover .faze-colorchanger-row:not(:first-child) {
  display: flex;
}
[data-faze=colorchanger] .faze-colorchanger-colors:hover .faze-colorchanger-row:first-child .faze-colorchanger-color:last-of-type {
  display: block;
}
[data-faze=colorchanger].faze-colorchanger-vertical .faze-colorchanger-colors {
  top: 0;
  right: 0;
  flex-direction: row-reverse;
}
[data-faze=colorchanger].faze-colorchanger-vertical .faze-colorchanger-colors .faze-colorchanger-row {
  flex-direction: column;
}
[data-faze=colorchanger].faze-colorchanger-horizontal .faze-colorchanger-colors {
  top: 0;
  left: 0;
  flex-direction: column-reverse;
}
[data-faze=colorchanger].faze-colorchanger-horizontal .faze-colorchanger-colors .faze-colorchanger-row {
  flex-direction: row;
}
.faze-spoiler > .faze-title,
.faze-spoiler > [data-faze-spoiler=title],
[data-faze=spoiler] > .faze-title,
[data-faze=spoiler] > [data-faze-spoiler=title] {
  user-select: none;
}
.faze-spoiler > .faze-title:hover,
.faze-spoiler > [data-faze-spoiler=title]:hover,
[data-faze=spoiler] > .faze-title:hover,
[data-faze=spoiler] > [data-faze-spoiler=title]:hover {
  cursor: pointer;
}
.faze-spoiler > .faze-body,
.faze-spoiler > [data-faze-spoiler=body],
[data-faze=spoiler] > .faze-body,
[data-faze=spoiler] > [data-faze-spoiler=body] {
  display: none;
}
.faze-spoiler.faze-active > .faze-body,
.faze-spoiler.faze-active > [data-faze-spoiler=body],
[data-faze=spoiler].faze-active > .faze-body,
[data-faze=spoiler].faze-active > [data-faze-spoiler=body] {
  display: block;
}
.faze-gallery-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 5;
}
.faze-gallery-wrapper > .faze-gallery-arrow {
  position: relative;
  width: 10rem;
  height: 100%;
}
.faze-gallery-wrapper > .faze-gallery-arrow:after {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  border-top: 0.3rem solid #000;
}
.faze-gallery-wrapper > .faze-gallery-arrow.faze-gallery-arrow-prev {
  left: 0;
}
.faze-gallery-wrapper > .faze-gallery-arrow.faze-gallery-arrow-prev:after {
  border-left: 0.3rem solid #000;
  transform: translate(-50%, -50%) rotateZ(-45deg);
}
.faze-gallery-wrapper > .faze-gallery-arrow.faze-gallery-arrow-next {
  right: 0;
}
.faze-gallery-wrapper > .faze-gallery-arrow.faze-gallery-arrow-next:after {
  border-right: 0.3rem solid #000;
  transform: translate(-50%, -50%) rotateZ(45deg);
}
.faze-gallery-wrapper > .faze-gallery-arrow:hover {
  cursor: pointer;
  background-color: hsla(0, 0%, 100%, 0.1);
}
.faze-gallery-wrapper > .faze-gallery-close {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  width: 10rem;
  height: 10rem;
  z-index: 6;
}
.faze-gallery-wrapper > .faze-gallery-close:before,
.faze-gallery-wrapper > .faze-gallery-close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 4rem;
  height: 0.3rem;
  background-color: #000;
}
.faze-gallery-wrapper > .faze-gallery-close:before {
  transform: translate(-50%, -50%) rotateZ(45deg);
}
.faze-gallery-wrapper > .faze-gallery-close:after {
  transform: translate(-50%, -50%) rotateZ(-45deg);
}
.faze-gallery-wrapper > .faze-gallery-close:hover {
  cursor: pointer;
  background-color: hsla(0, 0%, 100%, 0.1);
}
.faze-gallery-wrapper > .faze-gallery-wrapper-image {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: calc(100% - 20rem);
}
.faze-gallery-wrapper > .faze-gallery-wrapper-image > .faze-gallery-image {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100vh;
}
.faze-gallery-wrapper .faze-gallery-thumbnails {
  position: absolute;
  display: flex;
}
.faze-gallery-wrapper .faze-gallery-thumbnails .faze-gallery-thumbnail {
  width: 4.8rem;
  height: 4.8rem;
  border: 0.1rem solid rgba(0, 0, 0, 0);
}
.faze-gallery-wrapper .faze-gallery-thumbnails .faze-gallery-thumbnail.faze-active {
  border-color: #000;
}
.faze-gallery-wrapper .faze-gallery-thumbnails .faze-gallery-thumbnail:hover {
  cursor: pointer;
}
.faze-gallery-wrapper .faze-gallery-counter {
  position: absolute;
  left: 50%;
  bottom: 5rem;
  color: #fff;
  transform: translateX(-50%);
}
.faze-gallery-wrapper.faze-gallery-wrapper-thumbnails-top .faze-gallery-thumbnails,
.faze-gallery-wrapper.faze-gallery-wrapper-thumbnails-bottom .faze-gallery-thumbnails {
  left: 50%;
  flex-direction: row;
  transform: translateX(-50%);
}
.faze-gallery-wrapper.faze-gallery-wrapper-thumbnails-top .faze-gallery-thumbnails .faze-gallery-thumbnail:not(:last-child),
.faze-gallery-wrapper.faze-gallery-wrapper-thumbnails-bottom .faze-gallery-thumbnails .faze-gallery-thumbnail:not(:last-child) {
  margin-right: 1rem;
}
.faze-gallery-wrapper.faze-gallery-wrapper-thumbnails-top .faze-gallery-thumbnails {
  top: 1rem;
}
.faze-gallery-wrapper.faze-gallery-wrapper-thumbnails-bottom .faze-gallery-thumbnails {
  bottom: 1rem;
}
.faze-gallery-wrapper.faze-gallery-wrapper-thumbnails-left .faze-gallery-thumbnails,
.faze-gallery-wrapper.faze-gallery-wrapper-thumbnails-right .faze-gallery-thumbnails {
  top: 50%;
  flex-direction: column;
  transform: translateY(-50%);
}
.faze-gallery-wrapper.faze-gallery-wrapper-thumbnails-left .faze-gallery-thumbnails .faze-gallery-thumbnail:not(:last-child),
.faze-gallery-wrapper.faze-gallery-wrapper-thumbnails-right .faze-gallery-thumbnails .faze-gallery-thumbnail:not(:last-child) {
  margin-bottom: 1rem;
}
.faze-gallery-wrapper.faze-gallery-wrapper-thumbnails-left {
  padding-left: 6.8rem;
}
.faze-gallery-wrapper.faze-gallery-wrapper-thumbnails-left .faze-gallery-thumbnails {
  left: 1rem;
}
.faze-gallery-wrapper.faze-gallery-wrapper-thumbnails-right {
  padding-right: 6.8rem;
}
.faze-gallery-wrapper.faze-gallery-wrapper-thumbnails-right .faze-gallery-thumbnails {
  right: 1rem;
}
.faze-gallery-wrapper.faze-gallery-wrapper-thumbnails-right > .faze-gallery-close {
  right: 6.8rem;
}
.faze-gallery-wrapper.faze-gallery-wrapper-zoomable .faze-gallery-image:hover {
  cursor: zoom-in;
}
.faze-gallery-wrapper.faze-gallery-wrapper-zoomable.faze-gallery-wrapper-zoomable-active .faze-gallery-image {
  position: absolute;
  width: initial;
  max-width: initial;
  height: initial;
  max-height: initial;
}
.faze-gallery-wrapper.faze-gallery-wrapper-zoomable.faze-gallery-wrapper-zoomable-active .faze-gallery-image:hover {
  cursor: zoom-out;
}
.faze-gallery-wrapper.faze-gallery-wrapper-zoomable.faze-gallery-wrapper-zoomable-active .faze-gallery-image.faze-drag-active {
  cursor: move;
}
.faze-gallery-caller:hover {
  cursor: pointer;
}
.faze-slider {
  position: relative;
  width: 100%;
  height: 0.3rem;
  background-color: #eee;
}
.faze-slider .faze-pointer {
  position: absolute;
  top: 50%;
  width: 1rem;
  height: 1rem;
  background-color: #000;
  border-radius: 50%;
  transform: translateY(-50%);
  user-select: none;
}
.faze-slider .faze-pointer:hover {
  cursor: pointer;
}
.faze-slider .faze-connect {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #000;
}
.faze-steps .faze-steps-headers {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 0.1rem solid #000;
}
.faze-steps .faze-steps-headers .faze-steps-header {
  padding: 1rem;
  border: 0.1rem solid #000;
  border-bottom: none;
  user-select: none;
}
.faze-steps .faze-steps-headers .faze-steps-header.faze-active {
  background-color: #efefef;
}
.faze-steps .faze-steps-bodies .faze-steps-body {
  display: none;
  padding-top: 1rem;
}
.faze-steps .faze-steps-bodies .faze-steps-body .faze-steps-path {
  display: none;
}
.faze-steps .faze-steps-bodies .faze-steps-body .faze-steps-path.faze-steps-path-selected {
  display: block;
}
.faze-steps .faze-steps-bodies .faze-steps-body.faze-active {
  display: block;
}
@keyframes lazyloadPlaceholder {
  0% {
    transform: translate3d(-30%, 0, 0);
  }
  100% {
    transform: translate3d(30%, 0, 0);
  }
}
.faze-lazyload:not([data-faze-lazyload-loaded=true]) {
  position: relative;
  overflow: hidden;
}
.faze-lazyload:not([data-faze-lazyload-loaded=true]) .faze-lazyload-placeholder {
  width: 100%;
  height: 16px;
  border-radius: 8px;
  background-color: #ced4da;
}
.faze-lazyload:not([data-faze-lazyload-loaded=true]) .faze-lazyload-placeholder.faze-lazyload-placeholder-big {
  height: 32px;
}
.faze-lazyload:not([data-faze-lazyload-loaded=true]) .faze-lazyload-placeholder.faze-lazyload-placeholder-picture {
  height: 160px;
}
.faze-lazyload:not([data-faze-lazyload-loaded=true]) .faze-lazyload-placeholder.faze-lazyload-placeholder-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.faze-lazyload:not([data-faze-lazyload-loaded=true]) .faze-lazyload-placeholder + .faze-lazyload-placeholder {
  margin-top: 16px;
}
.faze-lazyload:not([data-faze-lazyload-loaded=true]):before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  width: 500%;
  margin-left: -250%;
  pointer-events: none;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
  animation: lazyloadPlaceholder 0.8s linear infinite;
  z-index: 1;
}
@keyframes lazy_image-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.faze-lazy_image {
  max-width: 100%;
  max-height: 100%;
  background-color: #ccc;
}
.faze-lazy_image:not(.faze-lazy_image-initialized) {
  object-fit: contain;
}
/*
 * Переменные. ad-buro.config.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
/*
 * Миксины. ad-buro.config.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
.mixin-container-centered {
  max-width: clamp(920px, calc(920px + (1400 - 920) * ((100vw - 1440px) / (1920 - 1440))), 1400px);
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .mixin-container-centered {
    max-width: clamp(680px, calc(680px + (920 - 680) * ((100vw - 768px) / (1440 - 768))), 920px);
  }
}
@media (max-width: 768px) {
  .mixin-container-centered {
    max-width: 100%;
    padding: 0 4rem;
  }
}
@media (max-width: 560px) {
  .mixin-container-centered {
    padding: 0 1.5rem;
  }
}
.mixin-btn-outline-arrow {
  width: clamp(25px, calc(25px + (40 - 25) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  height: clamp(25px, calc(25px + (40 - 25) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  background: url('/i/img/svg/btn-outline-arrow_40x40.svg') no-repeat center / cover;
  background-size: cover;
}
/*
 * Типографика. ad-buro.config.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 700;
  color: #333333;
}
h1,
.h1 {
  font-size: 6rem;
}
h2,
.h2 {
  margin-top: unset;
  margin-bottom: clamp(30px, calc(30px + (40 - 30) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  font-size: clamp(32px, calc(32px + (48 - 32) * ((100vw - 1440px) / (1920 - 1440))), 48px);
}
@media (max-width: 768px) {
  h2,
  .h2 {
    margin-bottom: clamp(20px, calc(20px + (30 - 20) * ((100vw - 560px) / (768 - 560))), 30px);
    font-size: clamp(20px, calc(20px + (32 - 20) * ((100vw - 560px) / (768 - 560))), 32px);
  }
}
h3,
.h3 {
  font-size: 3.2rem;
}
h4,
.h4 {
  font-size: 2rem;
}
h5,
.h5 {
  font-size: 1.6rem;
}
a {
  color: #333333;
}
a:hover {
  color: #666666;
}
a:active {
  color: #613085;
}
p {
  color: #222222;
}
.section-title {
  margin-top: 0;
  margin-bottom: clamp(30px, calc(30px + (40 - 30) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  line-height: 1.5;
}
.user-content h1,
.user-content h2,
.user-content h3,
.user-content h4,
.user-content h5,
.user-content h6 {
  color: #333333;
}
.user-content h1,
.user-content h2,
.user-content h3 {
  margin: 1.5em 0 0.5em;
  line-height: 1.2;
}
.user-content h1:first-child,
.user-content h2:first-child,
.user-content h3:first-child {
  margin: 0 0 0.5em;
}
.user-content h4,
.user-content h5,
.user-content h6 {
  margin: 1em 0 0.5em;
  line-height: 1.4;
}
.user-content h4:first-child,
.user-content h5:first-child,
.user-content h6:first-child {
  margin: 1em 0 0.5em;
}
.user-content h2 {
  font-size: clamp(27px, calc(27px + (38 - 27) * ((100vw - 560px) / (1920 - 560))), 38px);
}
.user-content h3 {
  font-size: clamp(21px, calc(21px + (30 - 21) * ((100vw - 560px) / (1920 - 560))), 30px);
}
.user-content h4 {
  font-size: clamp(16px, calc(16px + (24 - 16) * ((100vw - 560px) / (1920 - 560))), 24px);
}
.user-content h5 {
  font-size: clamp(16px, calc(16px + (19 - 16) * ((100vw - 560px) / (1920 - 560))), 19px);
}
.user-content h6 {
  font-size: clamp(16px, calc(16px + (15 - 16) * ((100vw - 560px) / (1920 - 560))), 15px);
}
.user-content p {
  margin: 0 0 1em;
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 768px) / (1920 - 768))), 16px);
  line-height: 1.5;
}
.user-content ul,
.user-content ol,
.user-content dl {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 1em;
  padding-left: 1.5em;
}
.user-content ul li,
.user-content ol li,
.user-content dl li {
  margin-bottom: 0.5em;
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 768px) / (1920 - 768))), 16px);
  color: #333333;
}
.user-content ul {
  margin: 1.5em 0 2em;
  padding-left: 6.4rem;
  list-style-type: none;
}
.user-content ul li {
  position: relative;
  padding-bottom: 1rem;
  border-bottom: 0.1rem dotted #A2A9AD;
}
.user-content ul li::before {
  content: '';
  position: absolute;
  top: 0.4rem;
  left: -3.2rem;
  width: 1.7rem;
  height: 1.6rem;
  background: url('/i/img/svg/custom-list-point.png') no-repeat center / contain;
}
.user-content blockquote {
  margin: clamp(10px, calc(10px + (30 - 10) * ((100vw - 560px) / (1920 - 560))), 30px) 0 clamp(24px, calc(24px + (50 - 24) * ((100vw - 560px) / (1920 - 560))), 50px) 0;
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #613085;
  color: #ffffff;
  font-style: italic;
}
@media (max-width: 560px) {
  .user-content blockquote {
    border-radius: 0.7rem;
  }
}
.user-content blockquote p {
  color: #ffffff;
}
.user-content img {
  max-width: 100%;
}
@media (max-width: 768px) {
  .user-content h1,
  .user-content h2,
  .user-content h3 {
    margin: 1.05em 0 0.35em;
  }
  .user-content h4,
  .user-content h5,
  .user-content h6 {
    margin: 0.7em 0 0.35em;
    line-height: 1.25;
  }
  .user-content p {
    margin: 0 0 0.7em;
    line-height: 1.6;
  }
  .user-content ul,
  .user-content ol,
  .user-content dl {
    line-height: 1.4;
    margin: 0 0 0.7em;
    padding-left: 1.05em;
  }
  .user-content ul li,
  .user-content ol li,
  .user-content dl li {
    margin-bottom: 0.35em;
  }
  .user-content ul {
    margin: 1em 0 1.5em;
    padding-left: 3.2rem;
  }
}
/*
 * UI. ad-buro.config.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: clamp(34px, calc(34px + (54 - 34) * ((100vw - 1440px) / (1920 - 1440))), 54px);
  padding: 0 clamp(21px, calc(21px + (32 - 21) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  font-size: clamp(12px, calc(12px + (20 - 12) * ((100vw - 1440px) / (1920 - 1440))), 20px);
  line-height: 1;
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
  background-color: #613085;
  border-radius: 10rem;
  border: none;
  outline: none;
  cursor: pointer;
}
.btn.btn-large {
  min-height: 7.5rem;
  font-size: 2.4rem;
}
.btn.btn-callback {
  column-gap: 0.8rem;
  white-space: nowrap;
}
.btn.btn-callback::before {
  content: '\f095';
  font-family: "Font Awesome 6 Pro";
  font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  font-weight: 900;
  transform: rotate(1.5deg) translateY(clamp(0px, calc(0px + (-10 - 0) * ((100vw - 1440px) / (1920 - 1440))), -10px));
}
.btn.btn-outline {
  color: #333333;
  background-color: transparent;
  border: 0.3rem solid #613085;
}
.btn.btn-outline.btn-outline-arrow {
  height: clamp(42px, calc(42px + (72 - 42) * ((100vw - 1440px) / (1920 - 1440))), 72px);
  padding: 0 clamp(18px, calc(18px + (24 - 18) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  column-gap: 1rem;
}
.btn.btn-outline.btn-outline-arrow::after,
.btn.btn-outline.btn-outline-arrow::before {
  content: '';
}
.btn.btn-outline.btn-outline-arrow.arrow-right::after {
  width: clamp(25px, calc(25px + (40 - 25) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  height: clamp(25px, calc(25px + (40 - 25) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  background: url('/i/img/svg/btn-outline-arrow_40x40.svg') no-repeat center / cover;
  background-size: cover;
}
.btn.btn-outline.btn-outline-arrow.arrow-left::before {
  width: clamp(25px, calc(25px + (40 - 25) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  height: clamp(25px, calc(25px + (40 - 25) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  background: url('/i/img/svg/btn-outline-arrow_40x40.svg') no-repeat center / cover;
  background-size: cover;
}
.btn.btn-outline.btn-outline-arrow:hover::after,
.btn.btn-outline.btn-outline-arrow:hover::before {
  opacity: 0.8;
}
.btn.btn-outline.btn-file {
  gap: 0.5rem;
}
.btn.btn-outline.btn-file::before {
  content: '\f0c6';
  font-family: "Font Awesome 6 Pro";
  font-size: 1.6rem;
  color: #613085;
}
.btn.btn-outline:hover {
  color: #808080;
  border-color: #8a45bc;
}
.btn.btn-outline:active {
  color: #333333;
  border-color: #381c4d;
}
.btn.btn-arrow-angle {
  width: clamp(40px, calc(40px + (60 - 40) * ((100vw - 1440px) / (1920 - 1440))), 60px);
  height: clamp(40px, calc(40px + (60 - 40) * ((100vw - 1440px) / (1920 - 1440))), 60px);
  padding: 0;
  border-radius: 50%;
  background: #613085 url('/i/img/svg/arrow-angle-white.svg') no-repeat;
  background-size: 60%;
  background-position: 70% 35%;
}
.btn.btn-color-magenta {
  background-color: #D50156;
}
.btn .disabled,
.btn[disabled] {
  opacity: 0.7;
  pointer-events: none;
}
.btn:not( .btn-outline ):hover {
  color: #ffffff;
  background-color: #6f3798;
  border-color: #6f3798;
}
.btn:not( .btn-outline ):active {
  background-color: #532972;
}
.btn-close {
  width: 3rem;
  height: 3rem;
  background: url('/i/img/svg/icon-close_30x30.svg') no-repeat center / cover;
  cursor: pointer;
}
.btn-close:hover {
  opacity: 0.8;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  display: inline-flex;
  padding: 0 2rem;
  min-height: clamp(34px, calc(34px + (45 - 34) * ((100vw - 560px) / (1920 - 560))), 45px);
  border-radius: 5rem;
  font-family: "Montserrat", serif;
  color: #333333;
  font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 560px) / (1920 - 560))), 20px);
  border: none;
  outline: none;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="range"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="week"]::placeholder,
input[type="time"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="color"]::placeholder,
textarea::placeholder {
  font-family: "Montserrat", serif;
  font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 560px) / (1920 - 560))), 20px);
  color: rgba(51, 51, 51, 0.4);
}
textarea {
  padding: 2rem;
  min-height: 18.7rem;
  border-radius: 2rem;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity-input {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}
.quantity-input .btn-quantity {
  font-size: 2rem;
  cursor: pointer;
  user-select: none;
}
.quantity-input input {
  max-width: 100%;
  width: 100%;
  min-height: unset;
  padding: 0;
  text-align: center;
  background-color: transparent;
  border-radius: unset;
}
.checkbox:has(input[type="checkbox"][disabled]) {
  opacity: 0.4;
}
.checkbox input[type="checkbox"] {
  display: none;
}
.checkbox input[type="checkbox"]:checked ~ label::before {
  background-color: #613085;
}
.checkbox label {
  position: relative;
  display: flex;
  padding-left: 3rem;
  font-weight: 500;
  cursor: pointer;
}
.checkbox label::before {
  content: '';
  position: absolute;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.2rem;
  border: 0.1rem solid #613085;
}
.checkbox:hover label {
  color: #666666;
}
.switch {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.switch input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  left: -99999rem;
}
.switch input[type="checkbox"]:checked ~ label {
  color: #333333;
}
.switch input[type="checkbox"]:checked ~ label:before {
  background-color: #613085;
}
.switch input[type="checkbox"]:checked ~ label:after {
  right: 0.2rem;
  background-color: #ffffff;
}
.switch label {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  user-select: none;
}
.switch label span {
  order: 1;
}
.switch label:before {
  content: '';
  order: 2;
  display: block;
  width: 4.5rem;
  height: 2.4rem;
  margin-left: 1.5rem;
  background-color: #ffffff;
  border-radius: 1.15rem;
  transition: all 0.07s ease-in-out;
}
.switch label:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 2.3rem;
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #613085;
  transform: translateY(-50%);
  transition: all 0.1s ease-in-out;
}
.switch label:hover {
  cursor: pointer;
}
.pagination {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  padding: clamp(20px, calc(20px + (40 - 20) * ((100vw - 1440px) / (1920 - 1440))), 40px) 0;
}
.pagination .arrow {
  width: 3.9rem;
  height: 3.9rem;
  cursor: pointer;
}
.pagination .arrow[href="#"] {
  display: none;
}
.pagination .arrow:hover {
  opacity: 0.8;
}
.pagination .arrow.arrow-prev {
  background: url('/i/img/svg/carousel-arrow-left_60x60.svg') no-repeat center / contain;
}
.pagination .arrow.arrow-next {
  background: url('/i/img/svg/carousel-arrow-right_60x60.svg') no-repeat center / contain;
}
.pagination .pages {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.pagination .pages a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.9rem;
  height: 3.9rem;
  color: #613085;
  font-weight: 500;
  text-decoration: none;
  border-radius: 1rem;
}
.pagination .pages a.active {
  color: #ffffff;
  background-color: #613085;
}
.pagination .divider {
  display: none;
}
.pagination .divider.divider-start,
.pagination .divider.divider-end {
  position: relative;
  display: block;
  font-size: 0;
}
.pagination .divider.divider-start::after,
.pagination .divider.divider-end::after {
  content: '...';
  font-size: 1.6rem;
  color: #613085;
}
@media (max-width: 560px) {
  .pagination {
    justify-content: space-between;
  }
  .pagination .arrow[href="#"] {
    display: block;
  }
  .pagination .pages a {
    width: 3rem;
    height: 3rem;
  }
  .pagination .pages a.active {
    color: #ffffff;
    background-color: #613085;
  }
}
.carousel-arrow {
  position: absolute;
  top: 50%;
  width: clamp(40px, calc(40px + (60 - 40) * ((100vw - 1440px) / (1920 - 1440))), 60px);
  height: clamp(40px, calc(40px + (60 - 40) * ((100vw - 1440px) / (1920 - 1440))), 60px);
  transform: translateY(-50%);
  cursor: pointer;
}
.carousel-arrow.arrow-prev {
  left: clamp(-60px, calc(-60px + (-90 - -60) * ((100vw - 1440px) / (1920 - 1440))), -90px);
  background: url('/i/img/svg/arrow-left_60x60.svg') no-repeat center / contain;
}
.carousel-arrow.arrow-next {
  right: clamp(-60px, calc(-60px + (-90 - -60) * ((100vw - 1440px) / (1920 - 1440))), -90px);
  background: url('/i/img/svg/arrow-right_60x60.svg') no-repeat center / contain;
}
.carousel-arrow:hover {
  opacity: 0.8;
}
.file-upload input[type="file"] {
  display: none;
}
.breadcrumbs {
  margin-bottom: 1.6rem;
}
.breadcrumbs a {
  font-weight: 500;
  text-decoration: none;
}
.tippy-box[data-theme~='custom-light'] {
  background-color: #ffffff;
  box-shadow: 0 0 1rem 0 rgba(34, 60, 80, 0.2);
}
.tippy-box[data-theme~='custom-light'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #ffffff;
}
.tippy-box[data-theme~='custom-light'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #ffffff;
}
.tippy-box[data-theme~='custom-light'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #ffffff;
}
.tippy-box[data-theme~='custom-light'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #ffffff;
}
.cart-state-container .cart-icon {
  position: relative;
  background: url('/i/img/svg/icon-cart_48x48.svg') no-repeat center / cover;
}
.cart-state-container .cart-icon::after {
  content: attr(data-products-count);
  position: absolute;
  inset: auto -0.5rem -0.5rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  height: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  font-size: clamp(14px, calc(14px + (18 - 14) * ((100vw - 1440px) / (1920 - 1440))), 18px);
  color: #ffffff;
  background-color: #ED721D;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .cart-state-container .cart-icon::after {
    width: clamp(10px, calc(10px + (20 - 10) * ((100vw - 560px) / (768 - 560))), 20px);
    height: clamp(10px, calc(10px + (20 - 10) * ((100vw - 560px) / (768 - 560))), 20px);
    font-size: clamp(8px, calc(8px + (14 - 8) * ((100vw - 560px) / (768 - 560))), 14px);
  }
}
.form-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: fit-content;
}
.form-group span {
  width: 18rem;
  min-width: 18rem;
  margin-right: 1rem;
}
.form-group.form-group-column {
  flex-direction: column;
  align-items: unset;
  gap: 0.5rem;
  padding: 1rem 0;
}
.form-group.form-group-file {
  cursor: pointer;
}
.form-group.form-group-file span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  padding: 1.6rem;
  color: #333333;
  line-height: 1;
  border: 0.1rem dashed #333333;
  border-radius: 1rem;
  background-color: transparent;
  transition: background-color 0.2s ease;
}
.form-group.form-group-file span:before {
  content: '\f055';
  margin-right: 1rem;
  font-family: 'Font Awesome 6 Pro';
}
.form-group.form-group-file input[type='file'] {
  position: absolute;
  left: -9999px;
  visibility: hidden;
}
.form-group.form-group-file:hover span {
  border-color: #613085;
}
.form-group.form-group-float-button {
  position: relative;
}
.form-group.form-group-float-button input {
  max-width: initial;
}
.form-group.form-group-float-button button {
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  box-shadow: none;
}
.form-group.form-group-full {
  grid-column: span 2;
}
.quill-editor {
  height: 30rem;
  background-color: #ffffff;
}
.quill-editor .ql-container {
  height: calc(30rem - 4.2rem);
}
.quill-editor .ql-editor {
  font-family: "Montserrat", serif;
  font-size: 1.4rem;
}
.quill-editor textarea {
  display: none;
}
img[data-lightbox-index] {
  cursor: pointer;
}
/*
 * Общие стили. ad-buro.config.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
* {
  box-sizing: border-box;
}
html {
  font-size: 10px;
  scroll-behavior: smooth;
}
body {
  font-family: "Montserrat", serif;
  font-size: 1.6rem;
}
.container-centered {
  max-width: clamp(920px, calc(920px + (1400 - 920) * ((100vw - 1440px) / (1920 - 1440))), 1400px);
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .container-centered {
    max-width: clamp(680px, calc(680px + (920 - 680) * ((100vw - 768px) / (1440 - 768))), 920px);
  }
}
@media (max-width: 768px) {
  .container-centered {
    max-width: 100%;
    padding: 0 4rem;
  }
}
@media (max-width: 560px) {
  .container-centered {
    padding: 0 1.5rem;
  }
}
.hide {
  display: none !important;
}
.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.img-responsive {
  display: block;
  max-width: 100%;
}
.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-spacing {
  padding: clamp(30px, calc(30px + (40 - 30) * ((100vw - 1440px) / (1920 - 1440))), 40px) 0;
  margin-bottom: clamp(30px, calc(30px + (40 - 30) * ((100vw - 1440px) / (1920 - 1440))), 40px);
}
@media (max-width: 1440px) {
  .section-spacing {
    padding: clamp(20px, calc(20px + (30 - 20) * ((100vw - 768px) / (1440 - 768))), 30px) 0;
    margin-bottom: clamp(20px, calc(20px + (30 - 20) * ((100vw - 768px) / (1440 - 768))), 30px);
  }
}
.fixed-utility-icons a,
.utility-icons a {
  display: block;
}
.fixed-utility-icons .social-telegram,
.utility-icons .social-telegram,
.fixed-utility-icons .contact-phone,
.utility-icons .contact-phone,
.fixed-utility-icons .contact-mail,
.utility-icons .contact-mail,
.fixed-utility-icons .cart-icon,
.utility-icons .cart-icon,
.fixed-utility-icons .btn-top,
.utility-icons .btn-top {
  width: clamp(34px, calc(34px + (54 - 34) * ((100vw - 1440px) / (1920 - 1440))), 54px);
  height: clamp(34px, calc(34px + (54 - 34) * ((100vw - 1440px) / (1920 - 1440))), 54px);
}
.fixed-utility-icons .social-telegram:hover,
.utility-icons .social-telegram:hover,
.fixed-utility-icons .contact-phone:hover,
.utility-icons .contact-phone:hover,
.fixed-utility-icons .contact-mail:hover,
.utility-icons .contact-mail:hover,
.fixed-utility-icons .cart-icon:hover,
.utility-icons .cart-icon:hover,
.fixed-utility-icons .btn-top:hover,
.utility-icons .btn-top:hover {
  opacity: 0.8;
}
.fixed-utility-icons .social-icons .social-telegram,
.utility-icons .social-icons .social-telegram {
  background: url('/i/img/svg/socials-telegram.svg') no-repeat center / cover;
}
.fixed-utility-icons .contact-icons .contact-phone,
.utility-icons .contact-icons .contact-phone {
  background: url('/i/img/svg/contact-phone.svg') no-repeat center / cover;
}
.fixed-utility-icons .contact-icons .contact-mail,
.utility-icons .contact-icons .contact-mail {
  background: url('/i/img/svg/contact-envelope_34x34.svg') no-repeat center / cover;
}
.fixed-utility-icons .cart-state-container,
.utility-icons .cart-state-container {
  position: relative;
}
.fixed-utility-icons .cart-state-container .cart-icon,
.utility-icons .cart-state-container .cart-icon {
  background: url('/i/img/svg/cart-icon.svg') no-repeat center / cover;
}
.fixed-utility-icons .cart-state-container .products-count,
.utility-icons .cart-state-container .products-count {
  position: absolute;
  right: -0.5rem;
  bottom: -0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(19px, calc(19px + (30 - 19) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  height: clamp(19px, calc(19px + (30 - 19) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  font-weight: 500;
  font-size: clamp(14px, calc(14px + (18 - 14) * ((100vw - 1440px) / (1920 - 1440))), 18px);
  color: #ffffff;
  border-radius: 0.8rem;
  background-color: #ED721D;
  pointer-events: none;
}
.fixed-utility-icons .btn-top,
.utility-icons .btn-top {
  background: url('/i/img/svg/arrow-top_60x60.svg') no-repeat center / cover;
  cursor: pointer;
}
.feedback-form {
  display: grid;
  grid-template-columns: clamp(309px, calc(309px + (447 - 309) * ((100vw - 1440px) / (1920 - 1440))), 447px) 1fr;
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.feedback-form form {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFE9A8;
  background: url('/i/img/common/feedback-form-bg.jpg') no-repeat center / cover;
}
@media (max-width: 560px) {
  .feedback-form form {
    border-radius: 0.7rem;
  }
}
.feedback-form form .form-title {
  margin-bottom: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  font-size: clamp(21px, calc(21px + (32 - 21) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  font-weight: 600;
  text-align: center;
}
.feedback-form form .form-excerpt {
  margin-bottom: clamp(16px, calc(16px + (22 - 16) * ((100vw - 1440px) / (1920 - 1440))), 22px);
  font-size: clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  font-weight: 500;
  text-align: center;
}
.feedback-form form input {
  margin-bottom: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  width: 100%;
}
.feedback-form form button {
  max-width: 100%;
  width: 100%;
}
.feedback-form form.faze-restapi-form-success {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  font-weight: 500;
}
.feedback-form .suggestions {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFE9A8;
  display: grid;
  grid-template-columns: repeat(2, clamp(185px, calc(185px + (230 - 185) * ((100vw - 1440px) / (1920 - 1440))), 230px));
  grid-template-rows: repeat(2, clamp(124px, calc(124px + (190 - 124) * ((100vw - 1440px) / (1920 - 1440))), 190px));
  grid-row-gap: clamp(40px, calc(40px + (60 - 40) * ((100vw - 1440px) / (1920 - 1440))), 60px);
  background: url('/i/img/common/feedback-suggestions-bg.jpg') no-repeat center / cover;
}
@media (max-width: 560px) {
  .feedback-form .suggestions {
    border-radius: 0.7rem;
  }
}
.feedback-form .suggestions .suggestion-item {
  display: flex;
  flex-direction: column;
  row-gap: clamp(10px, calc(10px + (14 - 10) * ((100vw - 1440px) / (1920 - 1440))), 14px);
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.feedback-form .suggestions .suggestion-item img {
  max-width: clamp(108px, calc(108px + (166 - 108) * ((100vw - 1440px) / (1920 - 1440))), 166px);
}
.feedback-form .suggestions .suggestion-name {
  text-align: center;
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
}
@media (max-width: 1440px) {
  .feedback-form {
    grid-template-columns: clamp(229px, calc(229px + (309 - 229) * ((100vw - 768px) / (1440 - 768))), 309px) 1fr;
  }
  .feedback-form form .form-title {
    margin-bottom: clamp(8px, calc(8px + (10 - 8) * ((100vw - 768px) / (1440 - 768))), 10px);
    font-size: clamp(16px, calc(16px + (21 - 16) * ((100vw - 768px) / (1440 - 768))), 21px);
  }
  .feedback-form form .form-excerpt {
    margin-bottom: clamp(9px, calc(9px + (16 - 9) * ((100vw - 768px) / (1440 - 768))), 16px);
    font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 768px) / (1440 - 768))), 16px);
  }
  .feedback-form form input {
    margin-bottom: clamp(7px, calc(7px + (20 - 7) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
  .feedback-form .suggestions {
    grid-template-columns: repeat(2, clamp(140px, calc(140px + (185 - 140) * ((100vw - 768px) / (1440 - 768))), 185px));
    grid-template-rows: repeat(2, clamp(124px, calc(124px + (124 - 124) * ((100vw - 768px) / (1440 - 768))), 124px));
    grid-row-gap: clamp(20px, calc(20px + (40 - 20) * ((100vw - 768px) / (1440 - 768))), 40px);
  }
  .feedback-form .suggestions .suggestion-item {
    row-gap: clamp(8px, calc(8px + (10 - 8) * ((100vw - 768px) / (1440 - 768))), 10px);
  }
  .feedback-form .suggestions .suggestion-item img {
    max-width: clamp(80px, calc(80px + (108 - 80) * ((100vw - 768px) / (1440 - 768))), 108px);
  }
}
@media (max-width: calc(768px - 1rem)) {
  .feedback-form {
    grid-template-columns: 1fr;
    grid-row-gap: 2rem;
  }
  .feedback-form form {
    max-width: 23rem;
    justify-self: center;
  }
  .feedback-form .suggestions {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: unset;
    grid-row-gap: 1rem;
    background: url('/i/img/common/feedback-suggestions-bg-mobile.jpg') no-repeat center / cover;
  }
  .feedback-form .suggestions .suggestion-item {
    width: 8.8rem;
  }
  .feedback-form .suggestions .suggestion-item img {
    max-width: clamp(52px, calc(52px + (80 - 52) * ((100vw - 560px) / (768 - 560))), 80px);
  }
  .feedback-form .suggestions .suggestion-item:nth-of-type(even) {
    justify-self: end;
  }
  .feedback-form .suggestions .suggestion-item:nth-of-type(odd) {
    justify-self: start;
  }
}
.cases a {
  text-decoration: none;
}
.cases img {
  max-width: 100%;
}
.cases .case-text-oval {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 10rem;
}
.cases .case-text-oval.oval-bg-yellow {
  color: #613085;
  background-color: #FFF5D8;
}
.cases .case-text-oval.oval-bg-black {
  color: #ffffff;
  background-color: #4D4E51;
}
.cases .case-item {
  position: relative;
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  overflow: hidden;
}
.cases .case-item.case-item-1,
.cases .case-item.case-item-2,
.cases .case-item.case-item-3,
.cases .case-item.case-item-4 {
  height: clamp(150px, calc(150px + (210 - 150) * ((100vw - 1440px) / (1920 - 1440))), 210px);
}
.cases .case-item.case-item-6 {
  height: clamp(125px, calc(125px + (185 - 125) * ((100vw - 1440px) / (1920 - 1440))), 185px);
}
.cases .case-item.case-item-7 {
  height: clamp(165px, calc(165px + (250 - 165) * ((100vw - 1440px) / (1920 - 1440))), 250px);
}
.cases .case-item.case-item-5,
.cases .case-item.case-item-8,
.cases .case-item.case-item-9 {
  height: clamp(310px, calc(310px + (465 - 310) * ((100vw - 1440px) / (1920 - 1440))), 465px);
}
.cases .case-item:has(a):hover {
  box-shadow: 0 0.4rem 5rem 1.3rem rgba(51, 51, 51, 0.8);
}
.cases .case-title {
  position: relative;
  z-index: 2;
  margin-bottom: clamp(15px, calc(15px + (16 - 15) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  font-size: clamp(21px, calc(21px + (32 - 21) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  font-weight: 600;
  line-height: 1.1;
}
.cases .case-text {
  position: relative;
  z-index: 2;
  font-size: clamp(12px, calc(12px + (14 - 12) * ((100vw - 1440px) / (1920 - 1440))), 14px);
  font-weight: 500;
  line-height: 1.1;
}
.cases .grid-container {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-template-rows: auto auto auto;
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.cases .grid-container .case-item-1 {
  grid-row: 1/2;
  grid-column: span 7;
  color: #ffffff;
  background: #613085;
}
.cases .grid-container .case-item-1 .case-title span {
  color: #24B8CA;
}
.cases .grid-container .case-item-2 {
  grid-row: 1/2;
  grid-column: span 4;
}
.cases .grid-container .case-item-2 .case-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cases .grid-container .case-item-3 {
  grid-row: 1/2;
  grid-column: span 7;
  color: #613085;
  background-color: #FFE9A8;
}
.cases .grid-container .case-item-3 .case-header {
  display: flex;
  align-items: center;
  column-gap: clamp(10px, calc(10px + (25 - 10) * ((100vw - 1440px) / (1920 - 1440))), 25px);
  margin-bottom: clamp(15px, calc(15px + (34 - 15) * ((100vw - 1440px) / (1920 - 1440))), 34px);
}
.cases .grid-container .case-item-3 .case-header .case-text {
  font-weight: 600;
}
.cases .grid-container .case-item-3 .case-header .link-portfolio {
  width: clamp(40px, calc(40px + (50 - 40) * ((100vw - 1440px) / (1920 - 1440))), 50px);
  height: clamp(40px, calc(40px + (50 - 40) * ((100vw - 1440px) / (1920 - 1440))), 50px);
  background: url('/i/img/svg/arrow-left-white_60x60.svg') no-repeat center / contain;
}
.cases .grid-container .case-item-4 {
  grid-row: 1/2;
  grid-column: span 6;
  display: flex;
  align-items: flex-end;
  border: 0.3rem solid #613085;
}
.cases .grid-container .case-item-4 .case-photo {
  position: absolute;
  inset: 0 0 auto auto;
}
.cases .grid-container .case-item-5 {
  grid-row: 2/4;
  grid-column: span 6;
  background-color: #FFE9A8;
}
.cases .grid-container .case-item-5 .case-photo {
  display: block;
  width: 100%;
  height: clamp(202px, calc(202px + (329 - 202) * ((100vw - 1440px) / (1920 - 1440))), 329px);
  margin-bottom: clamp(10px, calc(10px + (20 - 10) * ((100vw - 1440px) / (1920 - 1440))), 20px);
  object-fit: cover;
  border-radius: 1rem;
}
.cases .grid-container .case-item-6 {
  grid-row: 2/3;
  grid-column: span 5;
  color: #ffffff;
  background-color: #24B8CA;
}
.cases .grid-container .case-item-6::before {
  content: '';
  position: absolute;
  left: clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  bottom: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  width: clamp(35px, calc(35px + (53 - 35) * ((100vw - 1440px) / (1920 - 1440))), 53px);
  height: clamp(35px, calc(35px + (53 - 35) * ((100vw - 1440px) / (1920 - 1440))), 53px);
  background: url('/i/img/svg/lamp-icon.svg') no-repeat center / cover;
}
.cases .grid-container .case-item-6::after {
  content: '';
  position: absolute;
  right: clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  bottom: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  width: clamp(83px, calc(83px + (125 - 83) * ((100vw - 1440px) / (1920 - 1440))), 125px);
  height: clamp(27px, calc(27px + (40 - 27) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  background: url('/i/img/common/decoration.png') no-repeat center / cover;
}
.cases .grid-container .case-item-7 {
  grid-row: 3/4;
  grid-column: span 5;
  padding: 1.6rem 1.4rem;
  border: 0.3rem solid #613085;
}
.cases .grid-container .case-item-7 .case-photo {
  position: absolute;
  inset: auto auto -3rem 0;
}
.cases .grid-container .case-item-8 {
  grid-row: 2/4;
  grid-column: span 5;
}
.cases .grid-container .case-item-8 .case-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cases .grid-container .case-item-8::before {
  content: '';
  position: absolute;
  z-index: 2;
  inset: auto auto 1.6rem 2.4rem;
  width: 12.5rem;
  height: 4.4rem;
  background: url('/i/img/pages/home/case-rating.png') no-repeat center / contain;
}
.cases .grid-container .case-item-9 {
  grid-row: 2/4;
  grid-column: span 8;
  display: flex;
  align-items: flex-end;
}
.cases .grid-container .case-item-9 .case-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .cases .grid-container {
    grid-template-columns: repeat(16, 1fr);
    grid-gap: clamp(7px, calc(7px + (20 - 7) * ((100vw - 560px) / (768 - 560))), 20px);
  }
  .cases .grid-container .case-item-1 {
    grid-column: 1/7;
    grid-row: 1/2;
  }
  .cases .grid-container .case-item-2 {
    grid-column: 7/11;
    grid-row: 1/2;
  }
  .cases .grid-container .case-item-3 {
    grid-column: 11/17;
    grid-row: 1/2;
  }
  .cases .grid-container .case-item-5 {
    grid-column: 1/6;
    grid-row: 2/3;
  }
  .cases .grid-container .case-item-8 {
    grid-column: 6/11;
    grid-row: 2/3;
  }
  .cases .grid-container .case-item-9 {
    grid-column: 11/17;
    grid-row: 2/3;
  }
  .cases .grid-container .case-item-4 {
    grid-column: 1/6;
    grid-row: 3/4;
    height: auto;
  }
  .cases .grid-container .case-item-6 {
    grid-column: 6/11;
    grid-row: 3/4;
    height: auto;
  }
  .cases .grid-container .case-item-7 {
    grid-column: 11/17;
    grid-row: 3/4;
  }
}
@media (max-width: 560px) {
  .cases .grid-container {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(11, 7rem);
  }
  .cases .grid-container .case-item {
    height: auto !important;
    border-radius: 0.5rem;
  }
  .cases .grid-container .case-item-1 {
    grid-column: 1/4;
    grid-row: 1/3;
    padding: 0.4rem 0.8rem;
  }
  .cases .grid-container .case-item-1 .case-title {
    font-size: 1.6rem;
  }
  .cases .grid-container .case-item-2 {
    grid-column: 4/6;
    grid-row: 1/3;
  }
  .cases .grid-container .case-item-5 {
    display: flex;
    flex-direction: column;
    grid-column: 1/3;
    grid-row: 3/6;
    padding: 0;
  }
  .cases .grid-container .case-item-5 a {
    display: block;
    padding: 0.6rem;
    flex-grow: 1;
  }
  .cases .grid-container .case-item-5 a .case-photo {
    height: auto;
    max-height: 15rem;
  }
  .cases .grid-container .case-item-5 .case-text {
    padding: 0.3rem 1rem;
    font-size: 1rem;
    border-radius: 1rem 1rem 0 0;
  }
  .cases .grid-container .case-item-3 {
    grid-column: 3/6;
    grid-row: 3/5;
    padding: 0;
  }
  .cases .grid-container .case-item-3 .case-header {
    padding: 0.4rem 0.6rem;
    font-size: 1rem;
  }
  .cases .grid-container .case-item-3 .case-header .link-portfolio {
    min-width: 2.8rem;
    min-height: 2.8rem;
  }
  .cases .grid-container .case-item-3 .case-header .case-text {
    font-size: 1rem;
  }
  .cases .grid-container .case-item-3 .case-text {
    border-radius: 1rem 1rem 0 0;
    font-size: 1.2rem;
  }
  .cases .grid-container .case-item-6 {
    grid-column: 1/3;
    grid-row: 6/7;
    padding: 0.8rem 0.4rem;
  }
  .cases .grid-container .case-item-6 .case-title {
    margin: 0;
    font-size: 1.2rem;
  }
  .cases .grid-container .case-item-6::before {
    left: 0.7rem;
    bottom: 0.6rem;
    width: 1.9rem;
    height: 1.9rem;
  }
  .cases .grid-container .case-item-6::after {
    right: 2.5rem;
    bottom: 0.6rem;
    width: 4.5rem;
    height: 1.5rem;
  }
  .cases .grid-container .case-item-7 {
    grid-column: 3/6;
    grid-row: 5/7;
    padding: 0;
  }
  .cases .grid-container .case-item-7 .case-text {
    padding: 0.4rem;
    border-radius: 0 0 1rem 1rem;
    font-size: 1.2rem;
  }
  .cases .grid-container .case-item-8 {
    grid-column: 1/3;
    grid-row: 7/11;
    padding: 0.5rem 0.8rem;
  }
  .cases .grid-container .case-item-8 .case-text {
    padding: 0.4rem 0.8rem;
    font-size: 1rem;
  }
  .cases .grid-container .case-item-8::before {
    left: 0.5rem;
    bottom: 0.9rem;
    width: 3.8rem;
    height: 0.7rem;
    background: url('/i/img/common/stars_38x6.svg') no-repeat center / cover;
  }
  .cases .grid-container .case-item-4 {
    grid-column: 1/3;
    grid-row: 11/12;
    padding: 0.4rem 0.6rem;
  }
  .cases .grid-container .case-item-4 .case-photo {
    inset: -2rem -2rem auto auto;
  }
  .cases .grid-container .case-item-4 .case-text {
    font-size: 0.8rem;
  }
  .cases .grid-container .case-item-9 {
    grid-column: 3/6;
    grid-row: 7/12;
    padding: 0;
  }
  .cases .grid-container .case-item-9 .case-text {
    padding: 0.6rem;
    border-radius: 1rem 1rem 0 0;
    font-size: 1.4rem;
  }
  .cases .grid-container .case-item-9 .case-text br {
    display: none;
  }
}
.presentations .carousel-container {
  position: relative;
}
.presentations .carousel-container .carousel-arrow {
  display: none;
}
.presentations .carousel-container .carousel-arrow.arrow-prev {
  left: calc(-60px + (-90 - -60) * ((100vw - 1440px) / (1920 - 1440)));
}
.presentations .carousel-container .carousel-arrow.arrow-next {
  right: calc(-60px + (-90 - -60) * ((100vw - 1440px) / (1920 - 1440)));
}
.presentations .carousel-container:has(.carousel.faze-carousel-initialized) .carousel-arrow {
  display: block;
}
.presentations .carousel:not(.faze-carousel-initialized) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.presentations .carousel.faze-carousel-initialized .presentation {
  margin-right: clamp(18px, calc(18px + (30 - 18) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.presentations .presentation {
  position: relative;
  width: 100%;
  height: clamp(183px, calc(183px + (282 - 183) * ((100vw - 1440px) / (1920 - 1440))), 282px);
  padding: 1.6rem 2.4rem;
}
.presentations .presentation:nth-of-type(even) {
  max-width: clamp(292px, calc(292px + (446 - 292) * ((100vw - 1440px) / (1920 - 1440))), 446px);
  background: url('/i/img/common/presentation-bg-cyan.png') no-repeat center / cover;
}
.presentations .presentation:nth-of-type(odd) {
  max-width: clamp(295px, calc(295px + (448 - 295) * ((100vw - 1440px) / (1920 - 1440))), 448px);
  background: url('/i/img/common/presentation-bg-green.png') no-repeat center / cover;
}
.presentations .presentation .presentation-name {
  font-size: clamp(21px, calc(21px + (32 - 21) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  font-weight: 500;
}
.presentations .presentation .presentation-excerpt {
  margin-top: clamp(28px, calc(28px + (40 - 28) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  font-size: clamp(21px, calc(21px + (32 - 21) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  font-weight: 500;
  text-align: center;
}
.presentations .presentation .btn-more {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1440px) {
  .presentations .carousel-container .carousel-arrow.arrow-prev {
    left: -6rem;
  }
  .presentations .carousel-container .carousel-arrow.arrow-next {
    right: -6rem;
  }
  .presentations .presentation {
    height: clamp(134px, calc(134px + (183 - 134) * ((100vw - 768px) / (1440 - 768))), 183px);
    padding: clamp(8px, calc(8px + (16 - 8) * ((100vw - 768px) / (1440 - 768))), 16px) clamp(10px, calc(10px + (24 - 10) * ((100vw - 768px) / (1440 - 768))), 24px);
  }
  .presentations .presentation:nth-of-type(even) {
    max-width: clamp(214px, calc(214px + (292 - 214) * ((100vw - 768px) / (1440 - 768))), 292px);
  }
  .presentations .presentation:nth-of-type(odd) {
    max-width: clamp(214px, calc(214px + (295 - 214) * ((100vw - 768px) / (1440 - 768))), 295px);
  }
  .presentations .presentation .presentation-name {
    font-size: clamp(18px, calc(18px + (21 - 18) * ((100vw - 768px) / (1440 - 768))), 21px);
  }
  .presentations .presentation .presentation-excerpt {
    margin-top: clamp(20px, calc(20px + (28 - 20) * ((100vw - 768px) / (1440 - 768))), 28px);
    font-size: clamp(18px, calc(18px + (21 - 18) * ((100vw - 768px) / (1440 - 768))), 21px);
  }
}
@media (max-width: 900px) {
  .presentations .carousel-container:has(.carousel.faze-carousel-initialized) .carousel-arrow {
    display: none;
  }
}
@media (max-width: 768px) {
  .presentations .carousel.faze-carousel-initialized .presentation {
    margin-right: clamp(22px, calc(22px + (22 - 22) * ((100vw - 560px) / (768 - 560))), 22px);
  }
  .presentations .presentation {
    height: clamp(145px, calc(145px + (206 - 145) * ((100vw - 560px) / (768 - 560))), 206px);
    padding: clamp(8px, calc(8px + (16 - 8) * ((100vw - 560px) / (768 - 560))), 16px) clamp(10px, calc(10px + (24 - 10) * ((100vw - 560px) / (768 - 560))), 24px);
  }
  .presentations .presentation:nth-of-type(even) {
    max-width: clamp(229px, calc(229px + (331 - 229) * ((100vw - 560px) / (768 - 560))), 331px);
  }
  .presentations .presentation:nth-of-type(odd) {
    max-width: clamp(229px, calc(229px + (328 - 229) * ((100vw - 560px) / (768 - 560))), 328px);
  }
  .presentations .presentation .presentation-name {
    font-size: clamp(18px, calc(18px + (21 - 18) * ((100vw - 560px) / (768 - 560))), 21px);
  }
  .presentations .presentation .presentation-excerpt {
    margin-top: clamp(20px, calc(20px + (28 - 20) * ((100vw - 560px) / (768 - 560))), 28px);
    font-size: clamp(18px, calc(18px + (21 - 18) * ((100vw - 560px) / (768 - 560))), 21px);
  }
}
@media (max-width: 560px) {
  .presentations .carousel.faze-carousel-initialized .presentation {
    margin-right: 1rem;
  }
  .presentations .presentation {
    height: clamp(181px, calc(181px + (333 - 181) * ((100vw - 320px) / (560 - 320))), 333px);
    padding: clamp(10px, calc(10px + (30 - 10) * ((100vw - 320px) / (560 - 320))), 30px) clamp(12px, calc(12px + (30 - 12) * ((100vw - 320px) / (560 - 320))), 30px);
  }
  .presentations .presentation:nth-of-type(odd),
  .presentations .presentation:nth-of-type(even) {
    max-width: 100%;
  }
  .presentations .presentation .presentation-name {
    font-size: 2.1rem;
  }
  .presentations .presentation .presentation-excerpt {
    margin-top: clamp(25px, calc(25px + (80 - 25) * ((100vw - 320px) / (560 - 320))), 80px);
    font-size: 2.1rem;
  }
}
.notification-template .page-title {
  margin-bottom: clamp(30px, calc(30px + (40 - 30) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  font-size: clamp(32px, calc(32px + (48 - 32) * ((100vw - 1440px) / (1920 - 1440))), 48px);
}
.notification-template .container {
  display: grid;
  grid-template-columns: 1fr clamp(270px, calc(270px + (525 - 270) * ((100vw - 1440px) / (1920 - 1440))), 525px);
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.notification-template .notification-text {
  font-size: clamp(24px, calc(24px + (32 - 24) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  font-weight: 500;
}
.notification-template .notification-actions {
  display: flex;
  align-items: center;
  column-gap: clamp(30px, calc(30px + (50 - 30) * ((100vw - 1440px) / (1920 - 1440))), 50px);
  margin-top: 3rem;
}
.notification-template img {
  max-width: 100%;
  display: block;
  margin-left: 3.7rem;
}
@media (max-width: 1440px) {
  .notification-template .page-title {
    margin-bottom: clamp(20px, calc(20px + (30 - 20) * ((100vw - 768px) / (1440 - 768))), 30px);
    font-size: clamp(20px, calc(20px + (32 - 20) * ((100vw - 768px) / (1440 - 768))), 32px);
  }
  .notification-template .notification-text {
    font-size: clamp(16px, calc(16px + (24 - 16) * ((100vw - 768px) / (1440 - 768))), 24px);
  }
  .notification-template .notification-actions {
    margin-top: clamp(20px, calc(20px + (30 - 20) * ((100vw - 768px) / (1440 - 768))), 30px);
  }
}
@media (max-width: 768px) {
  .notification-template .notification-actions {
    align-items: unset;
    flex-direction: column;
    row-gap: 1rem;
  }
  .notification-template .notification-actions .btn {
    max-width: fit-content;
  }
  .notification-template img {
    margin-left: unset;
  }
}
@media (max-width: 560px) {
  .notification-template .container {
    grid-template-columns: 1fr;
  }
}
.promo-carousel {
  position: relative;
  padding: clamp(30px, calc(30px + (20 - 30) * ((100vw - 1440px) / (1920 - 1440))), 20px) 0;
  margin-bottom: clamp(30px, calc(30px + (60 - 30) * ((100vw - 1440px) / (1920 - 1440))), 60px);
}
.promo-carousel .carousel-arrow {
  z-index: 2;
  display: none;
}
.promo-carousel .carousel-arrow.arrow-prev {
  left: calc(-60px + (-90 - -60) * ((100vw - 1440px) / (1920 - 1440)));
}
.promo-carousel .carousel-arrow.arrow-next {
  right: calc(-60px + (-90 - -60) * ((100vw - 1440px) / (1920 - 1440)));
}
.promo-carousel:has(.carousel.faze-carousel-initialized) .carousel-arrow {
  display: block;
}
.promo-carousel .carousel:not(.faze-carousel-initialized) .carousel-slide {
  display: none;
}
.promo-carousel .carousel:not(.faze-carousel-initialized) .carousel-slide:nth-of-type(1) {
  display: block;
}
.promo-carousel .carousel .faze-carousel-holder > .faze-item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2rem;
}
.promo-carousel .carousel-slide {
  display: block;
  height: clamp(169px, calc(169px + (257 - 169) * ((100vw - 1440px) / (1920 - 1440))), 257px);
}
@media (max-width: 900px) {
  .promo-carousel:has(.carousel.faze-carousel-initialized) .carousel-arrow {
    display: none;
  }
}
.overlay {
  position: fixed;
  inset: 0;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.35);
  animation: showOverlay 500ms ease forwards;
}
.overlay.is-remove {
  animation: hideOverlay 500ms ease forwards;
}
.grid-photo-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, clamp(200px, calc(200px + (300 - 200) * ((100vw - 1440px) / (1920 - 1440))), 300px));
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  padding: 4rem 0;
}
.grid-photo-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2rem;
}
.grid-photo-container .carousel-container {
  position: relative;
  grid-area: span 2 / span 2;
}
.grid-photo-container .carousel-container .carousel-arrow {
  z-index: 2;
  display: none;
  width: clamp(25px, calc(25px + (40 - 25) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  height: clamp(25px, calc(25px + (40 - 25) * ((100vw - 1440px) / (1920 - 1440))), 40px);
}
.grid-photo-container .carousel-container .carousel-arrow.arrow-prev {
  left: clamp(25px, calc(25px + (40 - 25) * ((100vw - 1440px) / (1920 - 1440))), 40px);
}
.grid-photo-container .carousel-container .carousel-arrow.arrow-next {
  right: clamp(25px, calc(25px + (40 - 25) * ((100vw - 1440px) / (1920 - 1440))), 40px);
}
.grid-photo-container .carousel-container img {
  display: none;
  max-width: 68.5rem;
  height: clamp(412px, calc(412px + (628 - 412) * ((100vw - 1440px) / (1920 - 1440))), 628px);
}
.grid-photo-container .carousel-container img:first-child {
  display: block;
}
.grid-photo-container .carousel-container:has(.faze-carousel-initialized) .carousel-arrow,
.grid-photo-container .carousel-container:has(.faze-carousel-initialized) img {
  display: block;
}
.grid-photo-container .carousel-container:has(.faze-carousel-initialized) img {
  display: block;
  margin-right: 1rem;
}
.grid-photo-container .photo-item:nth-of-type(5) {
  display: none;
}
@media (max-width: 1440px) {
  .grid-photo-container {
    grid-template-rows: repeat(2, clamp(150px, calc(150px + (200 - 150) * ((100vw - 768px) / (1440 - 768))), 200px));
  }
  .grid-photo-container img {
    border-radius: clamp(13px, calc(13px + (20 - 13) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
  .grid-photo-container .carousel-container img {
    height: clamp(320px, calc(320px + (412 - 320) * ((100vw - 768px) / (1440 - 768))), 412px);
  }
}
@media (max-width: 768px) {
  .grid-photo-container {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, clamp(145px, calc(145px + (200 - 145) * ((100vw - 560px) / (768 - 560))), 200px));
    grid-gap: clamp(10px, calc(10px + (20 - 10) * ((100vw - 560px) / (768 - 560))), 20px);
  }
  .grid-photo-container img {
    border-radius: clamp(7px, calc(7px + (13 - 7) * ((100vw - 560px) / (768 - 560))), 13px);
  }
  .grid-photo-container .carousel-container .carousel-arrow {
    width: clamp(16px, calc(16px + (25 - 16) * ((100vw - 560px) / (768 - 560))), 25px);
    height: clamp(16px, calc(16px + (25 - 16) * ((100vw - 560px) / (768 - 560))), 25px);
  }
  .grid-photo-container .carousel-container .carousel-arrow.arrow-prev {
    left: clamp(15px, calc(15px + (25 - 15) * ((100vw - 1440px) / (1920 - 1440))), 25px);
  }
  .grid-photo-container .carousel-container .carousel-arrow.arrow-next {
    right: clamp(15px, calc(15px + (25 - 15) * ((100vw - 1440px) / (1920 - 1440))), 25px);
  }
  .grid-photo-container .carousel-container img {
    height: clamp(300px, calc(300px + (420 - 300) * ((100vw - 560px) / (768 - 560))), 420px);
  }
  .grid-photo-container .photo-item:nth-of-type(5) {
    display: block;
  }
}
@media (max-width: 560px) {
  .grid-photo-container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: unset;
  }
  .grid-photo-container .carousel-container img {
    max-width: 100%;
    width: 100%;
    height: clamp(264px, calc(264px + (472 - 264) * ((100vw - 320px) / (560 - 320))), 472px);
  }
  .grid-photo-container .photo-item {
    width: 100%;
    height: clamp(125px, calc(125px + (270 - 125) * ((100vw - 320px) / (560 - 320))), 270px);
  }
  .grid-photo-container .photo-item:nth-of-type(5) {
    display: none;
  }
}
.cooperate .grid-container {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.cooperate .grid-item {
  width: 100%;
  height: clamp(100px, calc(100px + (150 - 100) * ((100vw - 1440px) / (1920 - 1440))), 150px);
  object-fit: cover;
  border-radius: 1rem;
}
.cooperate .item-1 {
  grid-column: span 6;
}
.cooperate .item-2 {
  grid-column: span 6;
}
.cooperate .item-3 {
  grid-column: span 6;
}
.cooperate .item-4 {
  grid-column: span 3;
}
.cooperate .item-5 {
  grid-column: span 3;
  grid-row: span 2;
  height: clamp(220px, calc(220px + (330 - 220) * ((100vw - 1440px) / (1920 - 1440))), 330px);
}
.cooperate .item-6 {
  grid-column: span 3;
}
.cooperate .item-7 {
  grid-column: span 3;
}
.cooperate .item-8 {
  grid-column: span 3;
  grid-row: span 2;
  height: clamp(220px, calc(220px + (330 - 220) * ((100vw - 1440px) / (1920 - 1440))), 330px);
}
.cooperate .item-9 {
  grid-column: span 6;
}
.cooperate .item-10 {
  grid-column: span 3;
}
.cooperate .item-11 {
  grid-column: span 3;
}
.cooperate .item-12 {
  grid-column: span 6;
}
.cooperate .item-13 {
  grid-column: span 6;
  grid-row: span 2;
  height: clamp(220px, calc(220px + (330 - 220) * ((100vw - 1440px) / (1920 - 1440))), 330px);
}
.cooperate .item-14 {
  grid-column: span 3;
}
.cooperate .item-15 {
  grid-column: span 6;
}
.cooperate .item-16 {
  grid-column: span 3;
}
.cooperate .item-17 {
  grid-column: span 6;
}
.cooperate .item-18 {
  grid-column: span 6;
}
.cooperate .item-19 {
  grid-column: span 3;
}
@media (max-width: 1440px) {
  .cooperate .grid-container {
    grid-gap: clamp(10px, calc(10px + (20 - 10) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
  .cooperate .grid-item {
    height: clamp(80px, calc(80px + (100 - 80) * ((100vw - 768px) / (1440 - 768))), 100px);
  }
  .cooperate .item-5,
  .cooperate .item-8,
  .cooperate .item-13 {
    height: clamp(170px, calc(170px + (220 - 170) * ((100vw - 768px) / (1440 - 768))), 220px);
  }
}
@media (max-width: 560px) {
  .cooperate .grid-container {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(5, clamp(43px, calc(43px + (80 - 43) * ((100vw - 320px) / (560 - 320))), 80px));
    grid-template-areas: 'worldClass worldClass zavidovo zavidovo zhukovsky1 zhukovsky1' 'mezzatore oak nashDom souzMultfilm souzMultfilm optikaFavorit' 'zhukovski2 zhukovski2 nashDom souzMultfilm souzMultfilm optikaFavorit' 'ritter gelly gelly rgc kotofei kotofei' 'archiwood guslickie honka honka albione tupolev';
    grid-gap: clamp(3px, calc(3px + (10 - 3) * ((100vw - 320px) / (560 - 320))), 10px);
  }
  .cooperate .grid-item {
    height: clamp(43px, calc(43px + (80 - 43) * ((100vw - 320px) / (560 - 320))), 80px);
    border-radius: 0.5rem;
  }
  .cooperate .item-1 {
    grid-area: worldClass;
    grid-column: 1/3;
  }
  .cooperate .item-2 {
    grid-area: zavidovo;
    grid-column: 3/5;
  }
  .cooperate .item-3 {
    grid-area: zhukovsky1;
    grid-column: 5/7;
  }
  .cooperate .item-4 {
    grid-area: rgc;
    grid-column: 4/5;
    grid-row: 4/5;
  }
  .cooperate .item-5 {
    grid-area: optikaFavorit;
    grid-column: 6/7;
    grid-row: 2/4;
    height: clamp(91px, calc(91px + (170 - 91) * ((100vw - 320px) / (560 - 320))), 170px);
  }
  .cooperate .item-6 {
    grid-area: mezzatore;
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .cooperate .item-7 {
    grid-area: oak;
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .cooperate .item-8 {
    grid-area: nashDom;
    grid-column: 3/4;
    grid-row: 2/3;
    height: clamp(91px, calc(91px + (170 - 91) * ((100vw - 320px) / (560 - 320))), 170px);
  }
  .cooperate .item-9 {
    display: none;
    grid-column: unset;
  }
  .cooperate .item-10 {
    grid-area: guslickie;
    grid-column: 2/3;
    grid-row: 5/6;
  }
  .cooperate .item-11 {
    grid-area: tupolev;
    grid-column: 6/7;
    grid-row: 5/6;
  }
  .cooperate .item-12 {
    grid-area: zhukovski2;
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .cooperate .item-13 {
    grid-area: souzMultfilm;
    grid-column: 4/6;
    grid-row: 2/3;
    height: clamp(91px, calc(91px + (170 - 91) * ((100vw - 320px) / (560 - 320))), 170px);
  }
  .cooperate .item-14 {
    grid-area: albione;
    grid-column: 5/6;
    grid-row: 5/6;
  }
  .cooperate .item-15 {
    grid-area: honka;
    grid-column: 3/5;
    grid-row: 5/6;
  }
  .cooperate .item-16 {
    grid-area: ritter;
    grid-column: 1/2;
    grid-row: 4/5;
  }
  .cooperate .item-17 {
    grid-area: geely;
    grid-column: 2/4;
    grid-row: 4/5;
  }
  .cooperate .item-18 {
    grid-area: kotofei;
    grid-column: 5/7;
    grid-row: 4/5;
  }
  .cooperate .item-19 {
    grid-area: archiwood;
    grid-column: 1/2;
    grid-row: 5/6;
  }
}
.about .grid-container {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.about .about-stat {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: clamp(13px, calc(13px + (20 - 13) * ((100vw - 1440px) / (1920 - 1440))), 20px);
}
.about .about-stat p {
  margin: 0;
  font-size: clamp(21px, calc(21px + (32 - 21) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  font-weight: 500;
}
.about .about-stat p:has(strong) {
  margin-bottom: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.about .about-stat.about-stat-expirience,
.about .about-stat.about-stat-cyan,
.about .about-stat.about-stat-pink {
  min-height: clamp(99px, calc(99px + (150 - 99) * ((100vw - 1440px) / (1920 - 1440))), 150px);
}
.about .about-stat.about-stat-photo,
.about .about-stat.about-stat-violet,
.about .about-stat.about-photo,
.about .about-stat.about-stat-yellow {
  min-height: clamp(219px, calc(219px + (334 - 219) * ((100vw - 1440px) / (1920 - 1440))), 334px);
}
.about .about-stat.about-stat-expirience {
  grid-column: span 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
}
.about .about-stat.about-stat-expirience p {
  font-weight: 400;
}
.about .about-stat.about-stat-expirience .btn {
  padding: 0 0.2rem;
}
.about .about-stat.about-stat-expirience .btn::after {
  width: clamp(30px, calc(30px + (40 - 30) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  height: clamp(30px, calc(30px + (40 - 30) * ((100vw - 1440px) / (1920 - 1440))), 40px);
}
.about .about-stat.about-stat-cyan {
  grid-column: span 7;
  background: #24B8CA url('/i/img/svg/about-item-bg_desktop.svg') no-repeat right bottom;
}
.about .about-stat.about-stat-cyan p {
  color: #ffffff;
}
@media (max-width: 1440px) {
  .about .about-stat.about-stat-cyan {
    background: #24B8CA url('/i/img/svg/about-item-bg_laptop.svg') no-repeat right bottom;
  }
}
.about .about-stat.about-stat-pink {
  grid-column: span 7;
  background-color: #E0C9F0;
}
.about .about-stat.about-stat-pink p {
  color: #ffffff;
}
.about .about-stat.about-stat-violet {
  position: relative;
  grid-column: span 10;
  background-color: #613085;
}
.about .about-stat.about-stat-violet p {
  color: #ffffff;
}
.about .about-stat.about-stat-violet::after {
  content: '';
  position: absolute;
  top: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  right: clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  width: clamp(86px, calc(86px + (131 - 86) * ((100vw - 1440px) / (1920 - 1440))), 131px);
  height: clamp(24px, calc(24px + (36 - 24) * ((100vw - 1440px) / (1920 - 1440))), 36px);
  background: url('/i/img/svg/about-decor.svg') no-repeat center / cover;
}
.about .about-stat.about-stat-photo {
  grid-column: span 4;
  padding: 0;
}
.about .about-stat.about-stat-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about .about-stat.about-stat-yellow {
  position: relative;
  grid-column: span 10;
  background: url('/i/img/pages/home/stat-item-bg.png') no-repeat center / cover;
}
.about .about-stat.about-stat-yellow .btn-catalog {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: calc(1440px - 1px)) {
  .about {
    display: none;
  }
}
.feedbacks {
  position: relative;
}
.feedbacks .feedbacks-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.feedbacks .feedback {
  padding: clamp(16px, calc(16px + (38 - 16) * ((100vw - 1440px) / (1920 - 1440))), 38px) clamp(16px, calc(16px + (26 - 16) * ((100vw - 1440px) / (1920 - 1440))), 26px);
  border-radius: 3rem;
  min-height: clamp(266px, calc(266px + (400 - 266) * ((100vw - 1440px) / (1920 - 1440))), 400px);
}
.feedbacks .feedback:nth-of-type(even) {
  background-color: #E0C9F0;
  box-shadow: 0 clamp(10px, calc(10px + (15 - 10) * ((100vw - 1440px) / (1920 - 1440))), 15px) 0 0 #FFE9A8;
}
.feedbacks .feedback:nth-of-type(odd) {
  background-color: #FFE9A8;
  box-shadow: 0 clamp(-10px, calc(-10px + (-15 - -10) * ((100vw - 1440px) / (1920 - 1440))), -15px) 0 0 #E0C9F0;
}
.feedbacks .feedback .feedback-date {
  display: block;
  margin-bottom: clamp(10px, calc(10px + (30 - 10) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  font-weight: 500;
  color: rgba(51, 51, 51, 0.4);
}
.feedbacks .feedback .feedback-stars {
  display: flex;
  gap: 0.6rem;
  margin-bottom: clamp(10px, calc(10px + (30 - 10) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.feedbacks .feedback .feedback-stars i {
  color: #4D4E51;
  font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 1440px) / (1920 - 1440))), 20px);
}
.feedbacks .feedback .feedback-stars[data-value="5"] i,
.feedbacks .feedback .feedback-stars[data-value="4"] i:nth-of-type(-n+4),
.feedbacks .feedback .feedback-stars[data-value="3"] i:nth-of-type(-n+3),
.feedbacks .feedback .feedback-stars[data-value="2"] i:nth-of-type(-n+2),
.feedbacks .feedback .feedback-stars[data-value="1"] i:nth-of-type(1) {
  color: #EBB000;
}
.feedbacks .feedback .feedback-text {
  font-weight: 500;
  line-height: 1.1;
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
}
.feedbacks .btn-more {
  display: flex;
  max-width: fit-content;
  margin-top: clamp(15px, calc(15px + (35 - 15) * ((100vw - 560px) / (1920 - 560))), 35px);
  margin-left: auto;
}
.feedbacks .circle {
  position: absolute;
  border-radius: 50%;
}
.feedbacks .circle.circle-1 {
  bottom: clamp(97px, calc(97px + (190 - 97) * ((100vw - 1440px) / (1920 - 1440))), 190px);
  left: clamp(128px, calc(128px + (63 - 128) * ((100vw - 1440px) / (1920 - 1440))), 63px);
  width: clamp(25px, calc(25px + (38 - 25) * ((100vw - 1440px) / (1920 - 1440))), 38px);
  height: clamp(25px, calc(25px + (38 - 25) * ((100vw - 1440px) / (1920 - 1440))), 38px);
  background-color: #D50156;
}
.feedbacks .circle.circle-2 {
  bottom: clamp(116px, calc(116px + (125 - 116) * ((100vw - 1440px) / (1920 - 1440))), 125px);
  left: clamp(303px, calc(303px + (463 - 303) * ((100vw - 1440px) / (1920 - 1440))), 463px);
  width: clamp(25px, calc(25px + (38 - 25) * ((100vw - 1440px) / (1920 - 1440))), 38px);
  height: clamp(25px, calc(25px + (38 - 25) * ((100vw - 1440px) / (1920 - 1440))), 38px);
  background-color: #D50156;
}
.feedbacks .circle.circle-3 {
  bottom: clamp(64px, calc(64px + (46 - 64) * ((100vw - 1440px) / (1920 - 1440))), 46px);
  left: clamp(362px, calc(362px + (553 - 362) * ((100vw - 1440px) / (1920 - 1440))), 553px);
  width: clamp(34px, calc(34px + (51 - 34) * ((100vw - 1440px) / (1920 - 1440))), 51px);
  height: clamp(34px, calc(34px + (51 - 34) * ((100vw - 1440px) / (1920 - 1440))), 51px);
  background-color: #99C318;
}
.feedbacks .circle.circle-4 {
  bottom: clamp(107px, calc(107px + (110 - 107) * ((100vw - 1440px) / (1920 - 1440))), 110px);
  left: clamp(425px, calc(425px + (649 - 425) * ((100vw - 1440px) / (1920 - 1440))), 649px);
  width: clamp(34px, calc(34px + (51 - 34) * ((100vw - 1440px) / (1920 - 1440))), 51px);
  height: clamp(34px, calc(34px + (51 - 34) * ((100vw - 1440px) / (1920 - 1440))), 51px);
  background-color: #24B8CA;
}
.feedbacks .circle.circle-5 {
  bottom: clamp(70px, calc(70px + (54 - 70) * ((100vw - 1440px) / (1920 - 1440))), 54px);
  right: clamp(420px, calc(420px + (639 - 420) * ((100vw - 1440px) / (1920 - 1440))), 639px);
  width: clamp(19px, calc(19px + (30 - 19) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  height: clamp(19px, calc(19px + (30 - 19) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  background-color: #E8DA15;
}
.feedbacks .circle.circle-6 {
  bottom: clamp(138px, calc(138px + (158 - 138) * ((100vw - 1440px) / (1920 - 1440))), 158px);
  right: clamp(380px, calc(380px + (578 - 380) * ((100vw - 1440px) / (1920 - 1440))), 578px);
  width: clamp(34px, calc(34px + (51 - 34) * ((100vw - 1440px) / (1920 - 1440))), 51px);
  height: clamp(34px, calc(34px + (51 - 34) * ((100vw - 1440px) / (1920 - 1440))), 51px);
  background-color: #99C318;
}
.feedbacks .circle.circle-7 {
  top: clamp(82px, calc(82px + (76 - 82) * ((100vw - 1440px) / (1920 - 1440))), 76px);
  right: clamp(253px, calc(253px + (384 - 253) * ((100vw - 1440px) / (1920 - 1440))), 384px);
  width: clamp(19px, calc(19px + (30 - 19) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  height: clamp(19px, calc(19px + (30 - 19) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  background-color: #E8DA15;
}
.feedbacks .circle.circle-8 {
  top: clamp(56px, calc(56px + (37 - 56) * ((100vw - 1440px) / (1920 - 1440))), 37px);
  right: clamp(116px, calc(116px + (177 - 116) * ((100vw - 1440px) / (1920 - 1440))), 177px);
  width: clamp(34px, calc(34px + (51 - 34) * ((100vw - 1440px) / (1920 - 1440))), 51px);
  height: clamp(34px, calc(34px + (51 - 34) * ((100vw - 1440px) / (1920 - 1440))), 51px);
  background-color: #99C318;
}
@media (max-width: 1440px) {
  .feedbacks .circle {
    position: absolute;
    border-radius: 50%;
  }
  .feedbacks .circle.circle-1 {
    bottom: clamp(69px, calc(69px + (97 - 69) * ((100vw - 768px) / (1440 - 768))), 97px);
  }
  .feedbacks .circle.circle-2 {
    bottom: clamp(88px, calc(88px + (116 - 88) * ((100vw - 768px) / (1440 - 768))), 116px);
  }
  .feedbacks .circle.circle-3 {
    bottom: clamp(36px, calc(36px + (64 - 36) * ((100vw - 768px) / (1440 - 768))), 64px);
  }
  .feedbacks .circle.circle-4 {
    bottom: clamp(79px, calc(79px + (107 - 79) * ((100vw - 768px) / (1440 - 768))), 107px);
  }
  .feedbacks .circle.circle-5 {
    bottom: clamp(42px, calc(42px + (70 - 42) * ((100vw - 768px) / (1440 - 768))), 70px);
    right: clamp(185px, calc(185px + (420 - 185) * ((100vw - 768px) / (1440 - 768))), 420px);
  }
  .feedbacks .circle.circle-6 {
    bottom: clamp(110px, calc(110px + (138 - 110) * ((100vw - 768px) / (1440 - 768))), 138px);
    right: clamp(145px, calc(145px + (380 - 145) * ((100vw - 768px) / (1440 - 768))), 380px);
  }
  .feedbacks .circle.circle-7 {
    top: clamp(66px, calc(66px + (82 - 66) * ((100vw - 768px) / (1440 - 768))), 82px);
    right: clamp(20px, calc(20px + (253 - 20) * ((100vw - 768px) / (1440 - 768))), 253px);
  }
  .feedbacks .circle.circle-8 {
    display: none;
  }
}
@media (max-width: 900px) {
  .feedbacks .feedbacks-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .feedbacks .feedback:nth-of-type(4) {
    display: none;
  }
}
@media (max-width: 560px) {
  .feedbacks .feedbacks-list {
    grid-template-columns: repeat(4, 22rem);
    overflow-x: auto;
    padding: 1rem 0;
    scrollbar-width: 0;
    scrollbar-color: transparent;
  }
  .feedbacks .feedbacks-list::-webkit-scrollbar,
  .feedbacks .feedbacks-list::-webkit-scrollbar-track,
  .feedbacks .feedbacks-list::-webkit-scrollbar-thumb {
    display: none;
  }
  .feedbacks .feedback:nth-of-type(4) {
    display: block;
  }
  .feedbacks .circle {
    display: none;
  }
}
.faze-notification-wrapper {
  inset: 10rem -100% auto auto;
  z-index: 5;
  display: block;
  max-width: fit-content;
  animation-name: faze-notification-custom;
  animation-duration: 5s;
}
.faze-notification-wrapper .faze-notification {
  display: block;
  width: 100%;
  padding: 1.6rem 2.4rem;
  color: #ffffff;
  text-align: initial;
  animation-name: unset;
  border-radius: 2rem;
}
.sidebar-content {
  display: grid;
  grid-template-columns: 25.5rem 1fr;
  grid-gap: 3rem;
  align-items: start;
}
.sidebar-content .sidebar {
  padding: 2rem;
  border-radius: 2rem;
}
.sidebar-content .sidebar {
  width: 100%;
  background-color: #FFF5D8;
}
.sidebar-content .sidebar .menu .title {
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.2;
}
.sidebar-content .sidebar .menu nav {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sidebar-content .sidebar .menu .menu-item.is-active {
  color: #613085;
}
.circle {
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
  pointer-events: none;
}
.circle[data-color="yellow"] {
  background-color: #E8DA15;
}
.circle[data-color="green"] {
  background-color: #99C318;
}
.circle[data-color="magenta"] {
  background-color: #D50156;
}
.circle[data-color="cyan"] {
  background-color: #24B8CA;
}
.circle[data-color="pink"] {
  background-color: #DFCAEF;
}
.circle[data-color="abstract"] {
  background: url('/i/img/pages/contacts/circle_35x35.png') no-repeat center / cover;
}
/*
 * Стилизация всплывающих окон. ad-buro.modal.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
.faze-modal-wrapper {
  background-color: rgba(0, 0, 0, 0.35);
}
.faze-modal-wrapper .faze-modal {
  position: relative;
  padding: 1.6rem 2.4rem;
  line-height: 1.4;
  border-radius: 2rem;
  background-color: #E0C9F0;
}
.faze-modal-wrapper .faze-modal header {
  margin-bottom: 3rem;
  background-color: transparent;
}
.faze-modal-wrapper .faze-modal header span {
  display: block;
  padding-right: 3.5rem;
  font-size: 2.4rem;
  font-weight: 700;
}
.faze-modal-wrapper .faze-modal header .faze-close {
  min-width: 3rem;
  min-height: 3rem;
  background: url('/i/img/svg/round-xmark.svg') no-repeat center / cover;
}
.faze-modal-wrapper .faze-modal header .faze-close::after,
.faze-modal-wrapper .faze-modal header .faze-close::before {
  display: none;
}
.faze-modal-wrapper .faze-modal main {
  margin: 0;
  padding: 0;
}
.faze-modal-wrapper .faze-modal main::-webkit-scrollbar {
  width: 0.6rem;
}
.faze-modal-wrapper .faze-modal main::-webkit-scrollbar-track {
  background: #C4A6DA;
  border-radius: 0.3rem;
}
.faze-modal-wrapper .faze-modal main::-webkit-scrollbar-thumb {
  background: #7A469D;
  border-radius: 0.3rem;
}
.faze-modal-wrapper .faze-modal main::-webkit-scrollbar-thumb:hover {
  background: #6A3D8B;
}
.faze-modal-wrapper .faze-modal input,
.faze-modal-wrapper .faze-modal textarea {
  width: 100%;
  margin: 1.5rem 0;
}
.faze-modal-wrapper .faze-modal button[type="submit"] {
  margin-top: 3rem;
}
.faze-modal-wrapper .faze-modal .order-form {
  position: relative;
  z-index: 2;
}
.faze-modal-wrapper .faze-modal p {
  position: relative;
  z-index: 2;
  margin: 0;
}
.faze-modal-wrapper .faze-modal .circle {
  position: absolute;
  border-radius: 50%;
  z-index: 1;
}
.faze-modal-wrapper .faze-modal .circle[data-color="cyan"] {
  background-color: #24B8CA;
}
.faze-modal-wrapper .faze-modal .circle[data-color="green"] {
  background-color: #99C318;
}
.faze-modal-wrapper .faze-modal .circle[data-color="magenta"] {
  background-color: #D50156;
}
.faze-modal-wrapper .faze-modal .circle.circle-1 {
  right: 0.7rem;
  bottom: 8.3rem;
  width: 3.8rem;
  height: 3.8rem;
}
.faze-modal-wrapper .faze-modal .circle.circle-2 {
  right: 3.5rem;
  bottom: 2.2rem;
  width: 3.8rem;
  height: 3.8rem;
}
.faze-modal-wrapper .faze-modal .circle.circle-3 {
  right: 13.4rem;
  bottom: 1.8rem;
  width: 2.9rem;
  height: 2.9rem;
}
.faze-modal-wrapper .faze-modal::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: auto 0 -2.5rem 0;
  height: 3.8rem;
  background: url('/i/img/common/modal-decor-wave_400x38.png') no-repeat center / cover;
}
.faze-modal-wrapper .modal-request {
  position: relative;
  border-radius: 2rem 2rem 0 0;
}
.faze-modal-wrapper .modal-request::after {
  content: '';
  position: absolute;
  inset: auto 0 -3.8rem 0;
  height: 3.8rem;
  background: url('/i/img/common/modal-decor-wave_400x38.png') no-repeat center / cover;
}
.faze-modal-wrapper .modal-request .circle {
  position: absolute;
  border-radius: 50%;
}
.faze-modal-wrapper .modal-request .circle[data-color="cyan"] {
  background-color: #24B8CA;
}
.faze-modal-wrapper .modal-request .circle[data-color="green"] {
  background-color: #99C318;
}
.faze-modal-wrapper .modal-request .circle[data-color="magenta"] {
  background-color: #D50156;
}
.faze-modal-wrapper .modal-request .circle.circle-1 {
  right: 0.7rem;
  bottom: 8.3rem;
  width: 3.8rem;
  height: 3.8rem;
}
.faze-modal-wrapper .modal-request .circle.circle-2 {
  right: 3.5rem;
  bottom: 2.2rem;
  width: 3.8rem;
  height: 3.8rem;
}
.faze-modal-wrapper .modal-request .circle.circle-3 {
  right: 13.4rem;
  bottom: 2.8rem;
  width: 2.9rem;
  height: 2.9rem;
}
.faze-modal-wrapper .modal-quick-buy {
  max-width: clamp(420px, calc(420px + (640 - 420) * ((100vw - 1440px) / (1920 - 1440))), 640px);
  width: 100%;
  padding: 1.6rem 1.2rem;
}
.faze-modal-wrapper .modal-quick-buy header {
  padding: 0;
  margin-bottom: 0.5rem;
}
.faze-modal-wrapper .modal-quick-buy header .faze-close {
  min-width: clamp(14px, calc(14px + (30 - 14) * ((100vw - 560px) / (1920 - 560))), 30px);
  min-height: clamp(14px, calc(14px + (30 - 14) * ((100vw - 560px) / (1920 - 560))), 30px);
}
.faze-modal-wrapper .modal-quick-buy main {
  padding: 0 1.2rem;
}
.faze-modal-wrapper .modal-quick-buy .header {
  display: grid;
  grid-template-columns: 20rem 1fr;
  margin-bottom: 3rem;
}
.faze-modal-wrapper .modal-quick-buy .product-image {
  width: 17rem;
  height: 17rem;
  padding: 1.5rem;
  background-color: #FFE9A8;
  border-radius: 2rem;
}
.faze-modal-wrapper .modal-quick-buy .product-image img {
  max-width: 100%;
  border-radius: 1rem;
}
.faze-modal-wrapper .modal-quick-buy .product-info {
  padding: 2.4rem;
  background-color: #FFF5D8;
  border-radius: 2rem;
}
.faze-modal-wrapper .modal-quick-buy .product-info .product-name {
  display: block;
  margin-bottom: 1.2rem;
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  font-weight: 700;
  text-decoration: none;
  line-height: 1.2;
}
.faze-modal-wrapper .modal-quick-buy .product-info .product-param {
  display: none;
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  font-weight: 500;
  line-height: 1.4;
}
.faze-modal-wrapper .modal-quick-buy .product-info .product-param[data-show] {
  display: block;
}
.faze-modal-wrapper .modal-quick-buy .product-purchase {
  background-color: #ffffff;
  border-radius: 1rem;
  overflow: hidden;
}
.faze-modal-wrapper .modal-quick-buy .product-price {
  display: flex;
  align-items: center;
  min-height: clamp(60px, calc(60px + (90 - 60) * ((100vw - 1440px) / (1920 - 1440))), 90px);
  padding: 0 clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  margin-bottom: clamp(15px, calc(15px + (30 - 15) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  background-color: rgba(51, 51, 51, 0.05);
}
.faze-modal-wrapper .modal-quick-buy .product-price .price {
  display: flex;
  flex-direction: column;
  font-size: clamp(24px, calc(24px + (32 - 24) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  font-weight: 700;
  color: #613085;
}
.faze-modal-wrapper .modal-quick-buy .product-price .price::before {
  content: 'Цена';
  font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  font-weight: 500;
}
.faze-modal-wrapper .modal-quick-buy .product-sizes {
  padding: 0 clamp(4px, calc(4px + (24 - 4) * ((100vw - 1440px) / (1920 - 1440))), 24px);
}
.faze-modal-wrapper .modal-quick-buy .product-sizes .size-item.size-item-head {
  margin-bottom: clamp(10px, calc(10px + (20 - 10) * ((100vw - 1440px) / (1920 - 1440))), 20px);
}
.faze-modal-wrapper .modal-quick-buy .product-sizes .size-item.size-item-head .caption {
  font-weight: 700;
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
}
.faze-modal-wrapper .modal-quick-buy .product-sizes .size-item:not(.size-item-head) {
  margin-bottom: clamp(5px, calc(5px + (15 - 5) * ((100vw - 1440px) / (1920 - 1440))), 15px);
}
.faze-modal-wrapper .modal-quick-buy .product-sizes .size-item {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  align-items: center;
}
.faze-modal-wrapper .modal-quick-buy .product-sizes .size-item .caption {
  justify-self: center;
  text-align: center;
  font-size: clamp(13px, calc(13px + (16 - 13) * ((100vw - 1440px) / (1920 - 1440))), 16px);
}
.faze-modal-wrapper .modal-quick-buy .product-sizes .sizes.is-single .size-item {
  grid-template-columns: repeat(5, 1fr);
}
.faze-modal-wrapper .modal-quick-buy .total-price {
  display: flex;
  flex-direction: column;
  margin: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px) 0;
  padding: 0 clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  font-size: clamp(24px, calc(24px + (32 - 24) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  font-weight: 700;
  color: #613085;
}
.faze-modal-wrapper .modal-quick-buy .total-price::before {
  content: 'Сумма';
  font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  font-weight: 500;
}
.faze-modal-wrapper .modal-quick-buy .actions {
  padding: 0 clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
}
.faze-modal-wrapper .modal-quick-buy .actions .btn-cart {
  background-color: #D50156;
}
@media (max-width: 1440px) {
  .faze-modal-wrapper .modal-quick-buy .header {
    grid-template-columns: 14rem 1fr;
    grid-column-gap: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    background-color: #FFF5D8;
    border-radius: 2rem;
  }
  .faze-modal-wrapper .modal-quick-buy .product-image {
    width: 14rem;
    height: 14rem;
    padding: unset;
    background-color: transparent;
    border-radius: unset;
  }
  .faze-modal-wrapper .modal-quick-buy .product-info {
    padding: unset;
    background-color: transparent;
    border-radius: unset;
  }
}
@media (max-width: 560px) {
  .faze-modal-wrapper .modal-quick-buy {
    max-width: 29rem;
    padding: 0.8rem 0.4rem;
  }
  .faze-modal-wrapper .modal-quick-buy main {
    padding: 0 0.4rem;
  }
  .faze-modal-wrapper .modal-quick-buy .header {
    grid-template-columns: 11rem 1fr;
    grid-column-gap: 1rem;
    padding: 1rem;
    border-radius: 1rem;
  }
  .faze-modal-wrapper .modal-quick-buy .product-image {
    width: 11rem;
    height: 11rem;
  }
  .faze-modal-wrapper .modal-quick-buy .product-info .product-name,
  .faze-modal-wrapper .modal-quick-buy .product-info .product-param {
    font-size: 1.2rem;
  }
  .faze-modal-wrapper .modal-quick-buy .product-price .price {
    font-size: 2rem;
  }
  .faze-modal-wrapper .modal-quick-buy .product-sizes .size-item.size-item-head {
    margin-bottom: 0.5rem;
  }
  .faze-modal-wrapper .modal-quick-buy .product-sizes .size-item.size-item-head .caption {
    font-weight: 500;
    font-size: 1rem;
  }
  .faze-modal-wrapper .modal-quick-buy .product-sizes .size-item .caption {
    font-size: 1.2rem;
  }
  .faze-modal-wrapper .modal-quick-buy .total-price {
    font-size: 2rem;
  }
}
.faze-modal-wrapper .modal-order {
  max-width: calc(clamp(270px, calc(270px + (600 - 270) * ((100vw - 320px) / (900 - 320))), 600px) + 2.4rem * 2);
  width: 100%;
}
.faze-modal-wrapper .modal-order .caption {
  font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 320px) / (900 - 320))), 20px);
}
.faze-modal-wrapper .modal-order .caption.bold {
  margin: 2rem 0;
  font-weight: 700;
}
.faze-modal-wrapper .modal-order .caption.bold:first-child {
  margin-top: unset;
}
.faze-modal-wrapper .modal-order .caption.bold:last-child {
  margin-bottom: unset;
}
.faze-modal-wrapper .modal-order header {
  margin-bottom: clamp(10px, calc(10px + (20 - 10) * ((100vw - 320px) / (900 - 320))), 20px);
}
.faze-modal-wrapper .modal-order header span {
  font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 320px) / (900 - 320))), 20px);
}
.faze-modal-wrapper .modal-order .order-form input,
.faze-modal-wrapper .modal-order .order-form textarea {
  margin-top: unset;
}
.faze-modal-wrapper .modal-order .actions {
  display: flex;
  align-items: center;
  column-gap: 3rem;
}
.faze-modal-wrapper .modal-order .actions .btn {
  width: 100%;
}
.faze-modal-wrapper .modal-order .actions button[type="submit"] {
  width: 100%;
  flex-basis: 50%;
  margin: 0;
}
.faze-modal-wrapper .modal-order .actions .file-upload {
  width: 100%;
  flex-basis: 50%;
}
.faze-modal-wrapper .modal-order .actions .file-upload label {
  white-space: nowrap;
}
@media (max-width: 560px) {
  .faze-modal-wrapper .modal-order .order-form input[type="email"],
  .faze-modal-wrapper .modal-order .order-form input[type="tel"],
  .faze-modal-wrapper .modal-order .order-form input[type="text"] {
    min-height: 4rem;
  }
  .faze-modal-wrapper .modal-order .actions {
    flex-direction: column;
    align-items: unset;
    row-gap: 1.2rem;
  }
}
.faze-modal-wrapper .modal-auth {
  position: relative;
  max-width: 64rem;
  width: 100%;
  padding: 2rem 0;
  border-radius: 2rem 2rem 0 0;
}
.faze-modal-wrapper .modal-auth header {
  margin: 0;
  padding: 0 2rem;
  height: 0;
}
.faze-modal-wrapper .modal-auth main {
  padding: 0 9rem;
}
.faze-modal-wrapper .modal-auth .faze-tabs:has([data-faze-tab-head="1"].faze-active) .modal-title::before {
  content: attr(data-title-reg);
}
.faze-modal-wrapper .modal-auth .faze-tabs:has([data-faze-tab-head="2"].faze-active) .modal-title::before {
  content: attr(data-title-log);
}
.faze-modal-wrapper .modal-auth .modal-title {
  margin-bottom: 4.2rem;
  font-size: 4.8rem;
  font-weight: 700;
  text-align: center;
}
.faze-modal-wrapper .modal-auth .faze-tabs-headers {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 3rem;
  margin-bottom: 4rem;
}
.faze-modal-wrapper .modal-auth .faze-tab-header {
  border-color: #D50156;
}
.faze-modal-wrapper .modal-auth .faze-tab-header.faze-active {
  color: #ffffff;
  background-color: #D50156;
}
.faze-modal-wrapper .modal-auth .form-register {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.faze-modal-wrapper .modal-auth .form-register input {
  margin: 0;
  min-height: 5.4rem;
}
.faze-modal-wrapper .modal-auth .form-register .btn-submit {
  max-width: fit-content;
  margin: 0;
  color: #ffffff;
  background-color: #D50156;
}
.faze-modal-wrapper .modal-auth .form-login {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.faze-modal-wrapper .modal-auth .form-login input {
  margin: 0;
  min-height: 5.4rem;
}
.faze-modal-wrapper .modal-auth .form-login .actions {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.faze-modal-wrapper .modal-auth .form-login .btn-submit {
  max-width: fit-content;
  margin: 0;
  color: #ffffff;
  background-color: #D50156;
}
.faze-modal-wrapper .modal-auth .form-login .forgot-password {
  font-weight: 500;
  text-decoration: none;
}
.faze-modal-wrapper .modal-auth::after {
  content: '';
  position: absolute;
  inset: auto 0 -5.7rem 0;
  height: 5.7rem;
  background: url('/i/img/common/modal-decor-wave_604x57.png') no-repeat center / cover;
}
.faze-modal-wrapper .modal-auth .circle {
  position: absolute;
  border-radius: 50%;
}
.faze-modal-wrapper .modal-auth .circle[data-color="cyan"] {
  background-color: #24B8CA;
}
.faze-modal-wrapper .modal-auth .circle[data-color="green"] {
  background-color: #99C318;
}
.faze-modal-wrapper .modal-auth .circle[data-color="magenta"] {
  background-color: #D50156;
}
.faze-modal-wrapper .modal-auth .circle.circle-1 {
  right: 0.7rem;
  bottom: 13.3rem;
  width: 3.8rem;
  height: 3.8rem;
}
.faze-modal-wrapper .modal-auth .circle.circle-2 {
  right: 3.5rem;
  bottom: 5.2rem;
  width: 3.8rem;
  height: 3.8rem;
}
.faze-modal-wrapper .modal-auth .circle.circle-3 {
  right: 13.4rem;
  bottom: 5.8rem;
  width: 2.9rem;
  height: 2.9rem;
}
.faze-modal-wrapper .modal-offer-edit .form-group-logo {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem;
}
.faze-modal-wrapper .modal-offer-edit .form-group-logo span {
  margin-right: 0;
}
.faze-modal-wrapper .modal-offer-edit .form-group-logo img {
  width: 100%;
  max-width: 16rem;
  height: auto;
}
.faze-modal-wrapper .modal-offer-edit .form-group-logo .btn-remove {
  display: none;
}
.faze-modal-wrapper .modal-offer-edit .form-group-logo .image[data-value] {
  position: relative;
}
.faze-modal-wrapper .modal-offer-edit .form-group-logo .image[data-value] .btn-remove {
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
}
.faze-modal-wrapper .modal-offer-edit .form-group-logo .image[data-value] .btn-remove:before {
  content: 'Удалить логотип';
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  white-space: nowrap;
}
.faze-modal-wrapper .modal-offer-edit .form-group-logo .image[data-value] .btn-remove:hover {
  cursor: pointer;
}
.faze-modal-wrapper .modal-edit-offer-item {
  max-width: 80rem;
  width: 100%;
  height: 90vh;
}
.faze-modal-wrapper .modal-offer-item {
  max-width: 80rem;
  width: 100%;
}
.faze-modal-wrapper .modal-offer-item main {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.faze-modal-wrapper .modal-offer-item .search-container {
  position: relative;
}
.faze-modal-wrapper .modal-offer-item .search-container .faze-smartsearch-items {
  width: 100%;
  inset: 100% 0 auto 0;
  padding: 1rem;
  border-radius: 2rem;
}
.faze-modal-wrapper .modal-offer-item .search-container .faze-smartsearch-item {
  display: flex;
  align-items: center;
  padding: 1rem;
  gap: 1rem;
}
.faze-modal-wrapper .modal-offer-item .search-container .faze-smartsearch-item:hover div {
  color: rgba(51, 51, 51, 0.8);
}
/*
 * Анимации. ad-buro.animations.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
@keyframes showOverlay {
  0% {
    opacity: 0;
    pointer-events: none;
  }
  100% {
    opacity: 1;
    pointer-events: all;
  }
}
@keyframes hideOverlay {
  0% {
    opacity: 1;
    pointer-events: all;
  }
  100% {
    opacity: 0;
    pointer-events: none;
  }
}
@keyframes faze-notification-custom {
  0% {
    inset: 5rem -100% auto auto;
  }
  10% {
    inset: 5rem 2rem auto auto;
  }
  70% {
    inset: 5rem 2rem auto auto;
  }
  100% {
    inset: 5rem -100% auto auto;
  }
}
@keyframes levitate {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-1.5rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes swingSmooth {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(6deg);
  }
  40% {
    transform: rotate(-6deg);
  }
  60% {
    transform: rotate(4deg);
  }
  80% {
    transform: rotate(-4deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes alarmShake {
  0% {
    transform: rotate(0deg) translateX(0);
  }
  10% {
    transform: rotate(2deg) translateX(0.2rem);
  }
  20% {
    transform: rotate(-2deg) translateX(-0.2rem);
  }
  30% {
    transform: rotate(3deg) translateX(0.3rem);
  }
  40% {
    transform: rotate(-3deg) translateX(-0.3rem);
  }
  50% {
    transform: rotate(4deg) translateX(0.4rem);
  }
  60% {
    transform: rotate(-4deg) translateX(-0.4rem);
  }
  70% {
    transform: rotate(2deg) translateX(0.2rem);
  }
  80% {
    transform: rotate(-2deg) translateX(-0.2rem);
  }
  90% {
    transform: rotate(1deg) translateX(0.1rem);
  }
  100% {
    transform: rotate(0deg) translateX(0);
  }
}
@keyframes cloudFloat1 {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-15px, -15px);
  }
  100% {
    transform: translate(0 0);
  }
}
@keyframes cloudFloat2 {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(15px, -15px);
  }
  100% {
    transform: translate(0 0);
  }
}
/*
 * Шапка. ad-buro.config.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
header.prototype {
  position: relative;
  z-index: 4;
  background-color: #ffffff;
}
header.prototype .container-centered {
  display: grid;
  grid-template-columns: clamp(233px, calc(233px + (353 - 233) * ((100vw - 1440px) / (1920 - 1440))), 353px) 1fr clamp(130px, calc(130px + (301 - 130) * ((100vw - 1440px) / (1920 - 1440))), 301px) clamp(178px, calc(178px + (270 - 178) * ((100vw - 1440px) / (1920 - 1440))), 270px);
  grid-template-areas: 'logo menu contacts callback' 'toolbar toolbar toolbar utility';
  grid-template-rows: repeat(2, clamp(50px, calc(50px + (86 - 50) * ((100vw - 1440px) / (1920 - 1440))), 86px));
  row-gap: 0.8rem;
  align-items: center;
}
header.prototype .container-centered a:not(.btn) {
  font-weight: 500;
  text-decoration: none;
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
}
header.prototype .btn-burger {
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  width: 1.9rem;
  height: 1.2rem;
  cursor: pointer;
}
header.prototype .btn-burger span {
  width: 100%;
  height: 0.2rem;
  background-color: #333333;
}
header.prototype .btn-burger span:first-child {
  position: absolute;
  top: 0;
}
header.prototype .btn-burger span:last-child {
  position: absolute;
  bottom: 0;
}
header.prototype .logo {
  grid-area: logo;
}
header.prototype .logo img {
  max-width: clamp(189px, calc(189px + (353 - 189) * ((100vw - 560px) / (1920 - 560))), 353px);
  width: 100%;
}
header.prototype .header-menu {
  grid-area: menu;
  display: flex;
  justify-content: center;
  width: 100%;
  column-gap: clamp(10px, calc(10px + (15 - 10) * ((100vw - 1440px) / (1920 - 1440))), 15px);
}
header.prototype .header-contacts {
  grid-area: contacts;
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.3rem;
  row-gap: 0.5rem;
  font-weight: 500;
}
header.prototype .header-contacts a {
  white-space: nowrap;
}
header.prototype .catalog-toolbar {
  position: relative;
  grid-area: toolbar;
  display: flex;
  width: 100%;
}
header.prototype .btn-catalog {
  position: relative;
  z-index: 2;
  width: clamp(125px, calc(125px + (190 - 125) * ((100vw - 1440px) / (1920 - 1440))), 190px);
  padding: 0 1rem;
  column-gap: 0.5rem;
  text-transform: uppercase;
  border: 0.2rem solid #613085;
}
header.prototype .btn-catalog::before {
  content: '';
  background: url('/i/img/svg/burger-icon_19x12.svg') no-repeat center / contain;
  width: 2rem;
  height: 1.2rem;
}
header.prototype .btn-catalog.is-open::before {
  width: 2rem;
  height: 2rem;
  background: url('/i/img/svg/icon-close-w_30x30.svg') no-repeat center / contain;
}
header.prototype .search {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-grow: 1;
  margin-left: -3rem;
  padding-left: 4rem;
  border: 0.2rem solid #613085;
  border-left: none;
  border-radius: 0 5rem 5rem 0;
}
header.prototype .search .btn-search {
  all: unset;
  width: clamp(15px, calc(15px + (21 - 15) * ((100vw - 1440px) / (1920 - 1440))), 21px);
  height: clamp(15px, calc(15px + (21 - 15) * ((100vw - 1440px) / (1920 - 1440))), 21px);
  background: url('/i/img/svg/search-icon.svg') no-repeat center / contain;
  cursor: pointer;
}
header.prototype .search input[type="text"] {
  padding-left: 0.5rem;
  flex-grow: 1;
}
header.prototype .search .btn-global-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(33px, calc(33px + (53 - 33) * ((100vw - 1440px) / (1920 - 1440))), 53px);
  height: 100%;
  border-left: 0.2rem solid #613085;
  cursor: pointer;
}
header.prototype .search .btn-global-filter::after {
  content: '';
  width: clamp(13px, calc(13px + (21 - 13) * ((100vw - 1440px) / (1920 - 1440))), 21px);
  height: clamp(15px, calc(15px + (24 - 15) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  background: url('/i/img/svg/global-filter-icon.svg') no-repeat center / cover;
}
header.prototype .search .btn-global-filter:hover::after {
  opacity: 0.8;
}
header.prototype .utility-icons {
  grid-area: utility;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: clamp(20px, calc(20px + (32 - 20) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  max-width: 17.2rem;
  width: 100%;
  justify-self: end;
}
header.prototype .utility-icons .cart-icon {
  width: clamp(19px, calc(19px + (54 - 19) * ((100vw - 560px) / (1920 - 560))), 54px);
  height: clamp(19px, calc(19px + (54 - 19) * ((100vw - 560px) / (1920 - 560))), 54px);
}
header.prototype .utility-icons .cart-icon:hover {
  opacity: 0.8;
}
header.prototype .utility-icons .cart-state-container {
  position: relative;
}
header.prototype .utility-icons .cart-state-container .cart-icon {
  background: url('/i/img/svg/cart-icon.svg') no-repeat center / cover;
}
header.prototype .utility-icons .cart-state-container .products-count {
  width: clamp(10px, calc(10px + (30 - 10) * ((100vw - 560px) / (1920 - 560))), 30px);
  height: clamp(10px, calc(10px + (30 - 10) * ((100vw - 560px) / (1920 - 560))), 30px);
  font-size: clamp(8px, calc(8px + (18 - 8) * ((100vw - 1440px) / (1920 - 1440))), 18px);
}
header.prototype .catalog-menu {
  position: absolute;
  top: calc(100% + 3rem);
  left: 0;
  z-index: 5;
  display: none;
  grid-template-columns: repeat(2, 1fr);
  width: clamp(650px, calc(650px + (780 - 650) * ((100vw - 1440px) / (1920 - 1440))), 780px);
  border-radius: 2rem;
  background-color: #E0C9F0;
}
header.prototype .catalog-menu a {
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  font-weight: 500;
  text-decoration: none;
}
header.prototype .catalog-menu .categories {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  padding: 3rem;
  width: clamp(324px, calc(324px + (390 - 324) * ((100vw - 1440px) / (1920 - 1440))), 390px);
  height: calc(100vh - var(--header-height) - 4rem);
  background-color: #FFF5D8;
  border-radius: 2rem;
  overflow-y: auto;
}
header.prototype .catalog-menu .categories a {
  display: block;
  max-width: fit-content;
}
header.prototype .catalog-menu .categories a.is-active {
  color: #613085;
}
header.prototype .catalog-menu .subcategories-groups {
  width: 100%;
  padding: 3rem;
  height: calc(100vh - var(--header-height) - 4rem);
  overflow-y: auto;
}
header.prototype .catalog-menu .subcategories-group {
  display: none;
}
header.prototype .catalog-menu .subcategories-group.is-open {
  display: block;
}
header.prototype .catalog-menu .subcategories {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
header.prototype .catalog-menu.is-open {
  display: grid;
}
header.prototype .global-filter {
  position: absolute;
  top: calc(100% + 3rem);
  right: 0;
  display: block;
  max-width: 30rem;
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFE9A8;
  opacity: 0;
  transform: translateY(1.5rem);
  visibility: hidden;
  transition: 300ms ease;
}
@media (max-width: 560px) {
  header.prototype .global-filter {
    border-radius: 0.7rem;
  }
}
header.prototype .global-filter form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
header.prototype .global-filter form input[name="gteproduct_int_balance"] {
  grid-column: 1/-1;
}
header.prototype .global-filter input {
  max-width: 100%;
  width: 100%;
  font-size: 1.6rem;
}
header.prototype .global-filter input::placeholder {
  font-size: 1.6rem;
}
header.prototype .global-filter button {
  display: block;
  margin-top: 1rem;
  grid-column: 1/-1;
}
header.prototype .global-filter.is-open {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
@media (max-width: calc(1440px - 140px)) {
  header.prototype .container-centered {
    grid-template-columns: 31px 233px 1fr 187px;
    grid-template-areas: 'burger logo contacts callback' 'toolbar toolbar toolbar utility';
    grid-template-rows: repeat(2, 50px);
    row-gap: 5px;
  }
  header.prototype .btn-burger {
    display: flex;
    justify-self: start;
  }
  header.prototype .header-menu {
    display: none;
  }
  header.prototype .header-contacts {
    padding-right: 2rem;
    justify-self: end;
  }
  header.prototype .header-contacts .email {
    display: none;
  }
}
@media (max-width: 768px) {
  header.prototype .container-centered {
    grid-template-columns: 31px 233px 1fr 187px;
    grid-template-areas: 'burger logo contacts callback' 'toolbar toolbar toolbar utility';
    grid-template-rows: repeat(2, 50px);
    row-gap: 5px;
  }
  header.prototype .header-contacts a {
    display: none;
  }
}
@media (max-width: calc(768px - 128px)) {
  header.prototype .container-centered {
    grid-template-columns: 44px 1fr 20px;
    grid-template-areas: 'burger logo utility';
    grid-template-rows: 54px;
    row-gap: unset;
  }
  header.prototype .container-centered .logo {
    width: 189px;
    height: 15px;
  }
  header.prototype .container-centered .btn-catalog,
  header.prototype .container-centered .search,
  header.prototype .container-centered .social-icons,
  header.prototype .container-centered .contact-icons,
  header.prototype .container-centered .btn-callback,
  header.prototype .container-centered .catalog-toolbar,
  header.prototype .container-centered .header-contacts {
    display: none;
  }
}
.mobile-menu {
  position: fixed;
  inset: 0 auto 0 -100%;
  z-index: 5;
  display: flex;
  flex-direction: column;
  width: 35.5rem;
  padding: 2rem;
  background-color: #ffffff;
  border-radius: 0 2rem 2rem 0;
  transition: 500ms ease;
}
.mobile-menu:has(.catalog-menu-mobile.is-open) .back-to-menu {
  display: flex;
}
.mobile-menu:has(.catalog-menu-mobile.is-open) .mobile-page-menu,
.mobile-menu:has(.catalog-menu-mobile.is-open) .catalog-toolbar {
  display: none;
}
.mobile-menu:has(.catalog-menu-mobile.is-open) .menu-contacts {
  flex-grow: 1;
  justify-content: flex-end;
}
.mobile-menu a {
  font-weight: 500;
  text-decoration: none;
}
.mobile-menu .back-to-menu {
  display: none;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
.mobile-menu .back-to-menu::before {
  content: '\f0a8';
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}
.mobile-menu .menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.6rem;
}
.mobile-menu .catalog-menu-mobile {
  display: none;
  flex-direction: column;
  row-gap: 1rem;
  height: 55vh;
  overflow-y: auto;
}
.mobile-menu .catalog-menu-mobile a {
  font-size: clamp(12px, calc(12px + (14 - 12) * ((100vw - 560px) / (768 - 560))), 14px);
}
.mobile-menu .catalog-menu-mobile.is-open {
  display: flex;
}
.mobile-menu .logo {
  max-width: 23.3rem;
  width: 100%;
}
.mobile-menu .btn-close {
  width: 2rem;
  height: 2rem;
}
.mobile-menu .cart-icon {
  width: 3.2rem;
  height: 3.2rem;
}
.mobile-menu .catalog-toolbar {
  position: relative;
  display: none;
  width: 100%;
  margin-bottom: 4.3rem;
  transition: 300ms ease;
}
.mobile-menu .catalog-toolbar:has(+ .global-filter-mobile.is-open) {
  margin-bottom: 1rem;
}
.mobile-menu .global-filter-mobile {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFE9A8;
  padding: 0;
  height: 0;
  overflow: hidden;
  transition: 300ms ease;
}
@media (max-width: 560px) {
  .mobile-menu .global-filter-mobile {
    border-radius: 0.7rem;
  }
}
.mobile-menu .global-filter-mobile form {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.mobile-menu .global-filter-mobile input {
  max-width: 100%;
}
.mobile-menu .global-filter-mobile button {
  display: block;
  margin-top: 1rem;
}
.mobile-menu .global-filter-mobile.is-open {
  height: 16.2rem;
  padding: 1.5rem;
  margin-bottom: 2rem;
}
.mobile-menu .btn-catalog {
  position: relative;
  z-index: 2;
  width: clamp(125px, calc(125px + (190 - 125) * ((100vw - 1440px) / (1920 - 1440))), 190px);
  padding: 0 1rem;
  column-gap: 0.5rem;
  text-transform: uppercase;
  border: 0.2rem solid #613085;
}
.mobile-menu .btn-catalog::before {
  content: '';
  background: url('/i/img/svg/burger-icon_19x12.svg') no-repeat center / contain;
  width: 2rem;
  height: 1.2rem;
}
.mobile-menu .btn-catalog.is-open::before {
  width: 2rem;
  height: 2rem;
  background: url('/i/img/svg/icon-close-w_30x30.svg') no-repeat center / contain;
}
.mobile-menu .utility-icons {
  grid-area: utility;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: clamp(20px, calc(20px + (32 - 20) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  max-width: 17.2rem;
  width: 100%;
  justify-self: end;
}
.mobile-menu .utility-icons .cart-icon {
  width: clamp(19px, calc(19px + (54 - 19) * ((100vw - 560px) / (1920 - 560))), 54px);
  height: clamp(19px, calc(19px + (54 - 19) * ((100vw - 560px) / (1920 - 560))), 54px);
}
.mobile-menu .utility-icons .cart-icon:hover {
  opacity: 0.8;
}
.mobile-menu .utility-icons .cart-state-container {
  position: relative;
}
.mobile-menu .utility-icons .cart-state-container .cart-icon {
  background: url('/i/img/svg/cart-icon.svg') no-repeat center / cover;
}
.mobile-menu .utility-icons .cart-state-container .products-count {
  width: clamp(10px, calc(10px + (30 - 10) * ((100vw - 560px) / (1920 - 560))), 30px);
  height: clamp(10px, calc(10px + (30 - 10) * ((100vw - 560px) / (1920 - 560))), 30px);
  font-size: clamp(8px, calc(8px + (18 - 8) * ((100vw - 1440px) / (1920 - 1440))), 18px);
}
.mobile-menu .search {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  margin-left: -2.1rem;
  padding-left: 3rem;
  border: 0.2rem solid #613085;
  border-left: none;
  border-radius: 0 5rem 5rem 0;
}
.mobile-menu .search .btn-search {
  all: unset;
  width: clamp(15px, calc(15px + (21 - 15) * ((100vw - 1440px) / (1920 - 1440))), 21px);
  height: clamp(15px, calc(15px + (21 - 15) * ((100vw - 1440px) / (1920 - 1440))), 21px);
  background: url('/i/img/svg/search-icon.svg') no-repeat center / contain;
  cursor: pointer;
}
.mobile-menu .search input[type="text"] {
  width: calc(167px - 30px);
  padding: unset;
  font-size: 1.2rem;
}
.mobile-menu .search input[type="text"]::placeholder {
  font-size: 1.2rem;
}
.mobile-menu .search .btn-global-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.3rem;
  height: 100%;
  border-left: 0.2rem solid #613085;
  cursor: pointer;
}
.mobile-menu .search .btn-global-filter::after {
  content: '';
  width: 1.3rem;
  height: 1.5rem;
  background: url('/i/img/svg/global-filter-icon.svg') no-repeat center / cover;
}
.mobile-menu .search .btn-global-filter:hover::after {
  opacity: 0.8;
}
.mobile-menu .mobile-page-menu {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
  flex-grow: 1;
}
.mobile-menu .menu-contacts {
  display: flex;
  flex-direction: column;
  row-gap: 2.6rem;
  margin-bottom: 2.6rem;
}
.mobile-menu .menu-actions {
  display: flex;
  justify-content: space-between;
}
.mobile-menu.is-open {
  inset: 0 auto 0 0;
}
@media (max-width: 768px) {
  .mobile-menu {
    width: clamp(272px, calc(272px + (355 - 272) * ((100vw - 560px) / (768 - 560))), 355px);
    padding: clamp(10px, calc(10px + (20 - 10) * ((100vw - 560px) / (768 - 560))), 20px);
    background-color: #ffffff;
    border-top-right-radius: clamp(10px, calc(10px + (20 - 10) * ((100vw - 560px) / (768 - 560))), 20px);
    border-bottom-right-radius: clamp(10px, calc(10px + (20 - 10) * ((100vw - 560px) / (768 - 560))), 20px);
  }
  .mobile-menu .menu-header {
    margin-bottom: clamp(30px, calc(30px + (36 - 30) * ((100vw - 560px) / (768 - 560))), 36px);
  }
  .mobile-menu .logo {
    max-width: clamp(189px, calc(189px + (233 - 189) * ((100vw - 560px) / (768 - 560))), 233px);
  }
  .mobile-menu .btn-close {
    width: clamp(15px, calc(15px + (20 - 15) * ((100vw - 560px) / (768 - 560))), 20px);
    height: clamp(15px, calc(15px + (20 - 15) * ((100vw - 560px) / (768 - 560))), 20px);
  }
  .mobile-menu .cart-icon {
    width: clamp(25px, calc(25px + (32 - 25) * ((100vw - 560px) / (768 - 560))), 32px);
    height: clamp(25px, calc(25px + (32 - 25) * ((100vw - 560px) / (768 - 560))), 32px);
  }
  .mobile-menu .search {
    margin-left: -20px;
    padding-left: 22px;
  }
  .mobile-menu .search input[type="text"] {
    width: clamp(80px, calc(80px + (110 - 80) * ((100vw - 560px) / (768 - 560))), 110px);
    padding: 0;
    font-size: 0.8rem;
  }
  .mobile-menu .search input[type="text"]::placeholder {
    font-size: 0.8rem;
  }
  .mobile-menu .search .btn-search {
    width: 1rem;
    height: 1rem;
  }
  .mobile-menu .menu-contacts {
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
    margin-bottom: 2rem;
  }
  .mobile-menu .menu-actions {
    flex-direction: column;
    justify-content: unset;
    row-gap: 2rem;
  }
  .mobile-menu .menu-actions .btn-callback {
    max-width: 18.7rem;
  }
  .mobile-menu .menu-actions .utility-icons {
    align-items: unset;
    justify-content: unset;
  }
}
@media (max-width: calc(768px - 128px)) {
  .mobile-menu .catalog-toolbar {
    display: flex;
  }
}
/*
 * Основной каркас прототипа. ad-buro.config.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body > main {
  flex-grow: 1;
  grid-area: main;
  padding: clamp(10px, calc(10px + (40 - 10) * ((100vw - 560px) / (1440 - 560))), 40px) 0;
}
body .fixed-utility-icons {
  position: fixed;
  z-index: 4;
  top: 50%;
  right: 3.3rem;
  display: flex;
  flex-direction: column;
  row-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  transform: translateY(-50%);
}
body:has(.mobile-menu.is-open),
body:has(.catalog-menu.is-open) {
  overflow: hidden;
  padding-right: var(--scrollbar-width);
}
body:has(.global-filter.is-open) header,
body:has(.catalog-menu.is-open) header {
  z-index: 5;
}
body:has(.global-filter.is-open) .overlay,
body:has(.catalog-menu.is-open) .overlay {
  top: var(--header-height);
}
@media (max-width: 768px) {
  body .fixed-utility-icons {
    display: none;
  }
}
/*
 * Подвал. ad-buro.config.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
footer .background.new {
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-top: clamp(100px, calc(100px + (200 - 100) * ((100vw - 1440px) / (1920 - 1440))), 200px);
  height: clamp(500px, calc(500px + (780 - 500) * ((100vw - 1440px) / (1920 - 1440))), 780px);
  background-image: none;
  background-color: #FFF5D8;
}
footer .background.new::before {
  content: '';
  position: absolute;
  inset: auto 0 99% 0;
  height: clamp(80px, calc(80px + (200 - 80) * ((100vw - 768px) / (1920 - 768))), 200px);
  background: url('/i/img/prototype/footer/footer-bg-top_1920x200.svg') no-repeat center / contain;
  pointer-events: none;
}
footer .background.new .container-centered {
  position: relative;
  z-index: 2;
}
footer .background.new .color {
  z-index: 1;
}
footer .background.new .circle-1 {
  left: clamp(295px, calc(295px + (492 - 295) * ((100vw - 1440px) / (1920 - 1440))), 492px);
  bottom: clamp(14px, calc(14px + (20 - 14) * ((100vw - 1440px) / (1920 - 1440))), 20px);
  width: clamp(16px, calc(16px + (26 - 16) * ((100vw - 1440px) / (1920 - 1440))), 26px);
  height: clamp(16px, calc(16px + (26 - 16) * ((100vw - 1440px) / (1920 - 1440))), 26px);
}
footer .background.new .circle-2 {
  left: clamp(454px, calc(454px + (606 - 454) * ((100vw - 1440px) / (1920 - 1440))), 606px);
  bottom: clamp(149px, calc(149px + (200 - 149) * ((100vw - 1440px) / (1920 - 1440))), 200px);
  width: clamp(30px, calc(30px + (41 - 30) * ((100vw - 1440px) / (1920 - 1440))), 41px);
  height: clamp(30px, calc(30px + (41 - 30) * ((100vw - 1440px) / (1920 - 1440))), 41px);
}
footer .background.new .circle-3 {
  left: clamp(529px, calc(529px + (706 - 529) * ((100vw - 1440px) / (1920 - 1440))), 706px);
  bottom: clamp(67px, calc(67px + (93 - 67) * ((100vw - 1440px) / (1920 - 1440))), 93px);
  width: clamp(24px, calc(24px + (33 - 24) * ((100vw - 1440px) / (1920 - 1440))), 33px);
  height: clamp(24px, calc(24px + (33 - 24) * ((100vw - 1440px) / (1920 - 1440))), 33px);
}
footer .background.new .circle-4 {
  left: clamp(561px, calc(561px + (748 - 561) * ((100vw - 1440px) / (1920 - 1440))), 748px);
  bottom: clamp(173px, calc(173px + (234 - 173) * ((100vw - 1440px) / (1920 - 1440))), 234px);
  width: clamp(20px, calc(20px + (26 - 20) * ((100vw - 1440px) / (1920 - 1440))), 26px);
  height: clamp(20px, calc(20px + (26 - 20) * ((100vw - 1440px) / (1920 - 1440))), 26px);
}
footer .background.new .circle-5 {
  left: clamp(627px, calc(627px + (836 - 627) * ((100vw - 1440px) / (1920 - 1440))), 836px);
  bottom: clamp(119px, calc(119px + (163 - 119) * ((100vw - 1440px) / (1920 - 1440))), 163px);
  width: clamp(43px, calc(43px + (57 - 43) * ((100vw - 1440px) / (1920 - 1440))), 57px);
  height: clamp(43px, calc(43px + (57 - 43) * ((100vw - 1440px) / (1920 - 1440))), 57px);
}
footer .background.new .circle-6 {
  left: clamp(641px, calc(641px + (880 - 641) * ((100vw - 1440px) / (1920 - 1440))), 880px);
  bottom: clamp(231px, calc(231px + (296 - 231) * ((100vw - 1440px) / (1920 - 1440))), 296px);
  width: clamp(19px, calc(19px + (26 - 19) * ((100vw - 1440px) / (1920 - 1440))), 26px);
  height: clamp(19px, calc(19px + (26 - 19) * ((100vw - 1440px) / (1920 - 1440))), 26px);
}
footer .background.new .circle-7 {
  right: clamp(429px, calc(429px + (535 - 429) * ((100vw - 1440px) / (1920 - 1440))), 535px);
  bottom: clamp(384px, calc(384px + (578 - 384) * ((100vw - 1440px) / (1920 - 1440))), 578px);
  width: clamp(20px, calc(20px + (26 - 20) * ((100vw - 1440px) / (1920 - 1440))), 26px);
  height: clamp(20px, calc(20px + (26 - 20) * ((100vw - 1440px) / (1920 - 1440))), 26px);
}
footer .background.new .circle-8 {
  right: clamp(215px, calc(215px + (286 - 215) * ((100vw - 1440px) / (1920 - 1440))), 286px);
  bottom: clamp(299px, calc(299px + (485 - 299) * ((100vw - 1440px) / (1920 - 1440))), 485px);
  width: clamp(22px, calc(22px + (30 - 22) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  height: clamp(22px, calc(22px + (30 - 22) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
footer .background.new .circle-9 {
  right: clamp(164px, calc(164px + (208 - 164) * ((100vw - 1440px) / (1920 - 1440))), 208px);
  bottom: clamp(68px, calc(68px + (99 - 68) * ((100vw - 1440px) / (1920 - 1440))), 99px);
  width: clamp(28px, calc(28px + (38 - 28) * ((100vw - 1440px) / (1920 - 1440))), 38px);
  height: clamp(28px, calc(28px + (38 - 28) * ((100vw - 1440px) / (1920 - 1440))), 38px);
}
footer .background.new .circle-10 {
  right: clamp(66px, calc(66px + (78 - 66) * ((100vw - 1440px) / (1920 - 1440))), 78px);
  bottom: clamp(61px, calc(61px + (90 - 61) * ((100vw - 1440px) / (1920 - 1440))), 90px);
  width: clamp(38px, calc(38px + (51 - 38) * ((100vw - 1440px) / (1920 - 1440))), 51px);
  height: clamp(38px, calc(38px + (51 - 38) * ((100vw - 1440px) / (1920 - 1440))), 51px);
}
footer .background.new .circle-11 {
  right: clamp(37px, calc(37px + (40 - 37) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  bottom: clamp(143px, calc(143px + (198 - 143) * ((100vw - 1440px) / (1920 - 1440))), 198px);
  width: clamp(38px, calc(38px + (51 - 38) * ((100vw - 1440px) / (1920 - 1440))), 51px);
  height: clamp(38px, calc(38px + (51 - 38) * ((100vw - 1440px) / (1920 - 1440))), 51px);
}
footer .top-line {
  display: grid;
  grid-template-columns: clamp(265px, calc(265px + (355 - 265) * ((100vw - 1440px) / (1920 - 1440))), 355px) 1fr;
  grid-column-gap: clamp(250px, calc(250px + (280 - 250) * ((100vw - 1440px) / (1920 - 1440))), 280px);
  padding-bottom: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  border-bottom: 0.1rem solid rgba(97, 48, 133, 0.3);
}
footer .top-line .logo {
  max-width: clamp(150px, calc(150px + (230 - 150) * ((100vw - 1440px) / (1920 - 1440))), 230px);
  margin-bottom: clamp(30px, calc(30px + (80 - 30) * ((100vw - 1440px) / (1920 - 1440))), 80px);
}
footer .top-line .contacts {
  display: flex;
  flex-direction: column;
  gap: clamp(8px, calc(8px + (20 - 8) * ((100vw - 1440px) / (1920 - 1440))), 20px);
  margin-bottom: 3rem;
}
footer .top-line .contacts a {
  display: inline-flex;
  align-items: center;
  column-gap: clamp(15px, calc(15px + (20 - 15) * ((100vw - 1440px) / (1920 - 1440))), 20px);
  text-decoration: none;
  font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  color: #000000;
}
footer .top-line .contacts a::before {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: clamp(18px, calc(18px + (25 - 18) * ((100vw - 1440px) / (1920 - 1440))), 25px);
  min-height: clamp(18px, calc(18px + (25 - 18) * ((100vw - 1440px) / (1920 - 1440))), 25px);
  font-family: "Font Awesome 6 Pro";
  font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 1440px) / (1920 - 1440))), 20px);
  color: #613085;
  font-weight: 400;
}
footer .top-line .contacts a.phone::before {
  content: '\f095';
}
footer .top-line .contacts a.email::before {
  content: '\f0e0';
}
footer .top-line .contacts a.address::before {
  content: '\f3c5';
}
footer .top-line .contacts a.presentation::before {
  content: '\f1c1';
}
footer .top-line .contacts a.telegram::before {
  content: '';
  background: url('/i/img/svg/socials-telegram.svg') no-repeat center center;
  background-size: cover;
}
footer .top-line .contacts a.delivery::before {
  content: '\f0d1';
}
footer .top-line .company-ratings {
  display: flex;
  align-items: center;
  column-gap: clamp(25px, calc(25px + (35 - 25) * ((100vw - 1440px) / (1920 - 1440))), 35px);
}
footer .top-line .company-ratings iframe {
  width: 15rem;
  height: 5.4rem;
}
footer .top-line .company-ratings img {
  max-width: 100%;
}
footer .top-line .column:nth-of-type(2) {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: 'company catalog category1' 'sets catalog category2' 'sets catalog category3';
  justify-content: space-between;
  grid-column-gap: clamp(15px, calc(15px + (50 - 15) * ((100vw - 1440px) / (1920 - 1440))), 50px);
}
footer .top-line .column:nth-of-type(2) .btn-callback {
  position: absolute;
  inset: auto auto 0 0;
}
footer .top-line .footer-menu {
  margin-bottom: clamp(15px, calc(15px + (30 - 15) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
footer .top-line .footer-menu.footer-menu-company {
  grid-area: company;
}
footer .top-line .footer-menu.footer-menu-sets {
  grid-area: sets;
}
footer .top-line .footer-menu.footer-menu-catalog {
  grid-area: catalog;
}
footer .top-line .footer-menu.footer-menu-category-1 {
  grid-area: category1;
}
footer .top-line .footer-menu.footer-menu-category-2 {
  grid-area: category2;
}
footer .top-line .footer-menu.footer-menu-category-3 {
  grid-area: category3;
}
footer .top-line .footer-menu a {
  text-decoration: none;
  white-space: nowrap;
}
footer .top-line .footer-menu .menu-title {
  margin-bottom: 1.5rem;
  font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  color: rgba(0, 0, 0, 0.6);
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}
footer .top-line .footer-menu .menu-items {
  display: flex;
  flex-direction: column;
}
footer .top-line .footer-menu .menu-item {
  font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  color: #000000;
}
footer .bottom-line .footer-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  row-gap: 1rem;
  padding: clamp(10px, calc(10px + (20 - 10) * ((100vw - 1440px) / (1920 - 1440))), 20px) 0;
}
footer .bottom-line .footer-menu a {
  font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  text-decoration: none;
  color: #000000;
}
@media (max-width: 1440px) {
  footer .background.new {
    height: 500px;
  }
  footer .background.new .circle-1 {
    left: 295px;
    bottom: 14px;
    width: 16px;
    height: 16px;
  }
  footer .background.new .circle-2 {
    left: 454px;
    bottom: 149px;
    width: 30px;
    height: 30px;
  }
  footer .background.new .circle-3 {
    left: 529px;
    bottom: 67px;
    width: 24px;
    height: 24px;
  }
  footer .background.new .circle-4 {
    left: 561px;
    bottom: 173px;
    width: 20px;
    height: 20px;
  }
  footer .background.new .circle-5 {
    left: 627px;
    bottom: 119px;
    width: 43px;
    height: 43px;
  }
  footer .background.new .circle-6 {
    left: 641px;
    bottom: 231px;
    width: 19px;
    height: 19px;
  }
  footer .background.new .circle-7 {
    right: 429px;
    bottom: 384px;
    width: 20px;
    height: 20px;
  }
  footer .background.new .circle-8 {
    right: 215px;
    bottom: 299px;
    width: 22px;
    height: 22px;
  }
  footer .background.new .circle-9 {
    right: 164px;
    bottom: 68px;
    width: 28px;
    height: 28px;
  }
  footer .background.new .circle-10 {
    right: 66px;
    bottom: 61px;
    width: 38px;
    height: 38px;
  }
  footer .background.new .circle-11 {
    right: 37px;
    bottom: 143px;
    width: 38px;
    height: 38px;
  }
  footer .top-line {
    grid-column-gap: clamp(40px, calc(40px + (250 - 40) * ((100vw - 1024px) / (1440 - 1024))), 250px);
  }
  footer .top-line .column:nth-of-type(1) {
    display: flex;
    flex-direction: column;
  }
  footer .top-line .logo {
    flex-grow: 1;
  }
  footer .top-line .logo img {
    max-width: clamp(130px, calc(130px + (150 - 130) * ((100vw - 768px) / (1440 - 768))), 150px);
  }
  footer .top-line .contacts {
    gap: 8px;
  }
  footer .top-line .contacts a {
    font-size: 1.2rem;
  }
  footer .top-line .column:nth-of-type(2) {
    position: relative;
  }
  footer .top-line .btn-callback {
    display: none;
  }
  footer .top-line .footer-menu a {
    font-size: 1.2rem;
  }
  footer .bottom-line .footer-menu a {
    font-size: 1.4rem;
  }
}
@media (max-width: 1024px) {
  footer .background.new {
    padding-top: 30px;
    height: auto;
  }
  footer .background.new .circle-1 {
    left: 118px;
    bottom: 76px;
  }
  footer .background.new .circle-2 {
    left: clamp(262px, calc(262px + (370 - 262) * ((100vw - 768px) / (1024 - 768))), 370px);
    bottom: 121px;
    width: 22px;
    height: 22px;
  }
  footer .background.new .circle-3 {
    left: clamp(316px, calc(316px + (410 - 316) * ((100vw - 768px) / (1024 - 768))), 410px);
    bottom: 63px;
    width: 18px;
    height: 18px;
  }
  footer .background.new .circle-4 {
    left: clamp(338px, calc(338px + (470 - 338) * ((100vw - 768px) / (1024 - 768))), 470px);
    bottom: 137px;
    width: 15px;
    height: 15px;
  }
  footer .background.new .circle-5 {
    left: clamp(300px, calc(300px + (420 - 300) * ((100vw - 768px) / (1024 - 768))), 420px);
    bottom: 384px;
    width: 32px;
    height: 32px;
  }
  footer .background.new .circle-6 {
    left: clamp(310px, calc(310px + (450 - 310) * ((100vw - 768px) / (1024 - 768))), 450px);
    bottom: 467px;
    width: 14px;
    height: 14px;
  }
  footer .background.new .circle-7 {
    left: clamp(228px, calc(228px + (350 - 228) * ((100vw - 768px) / (1024 - 768))), 350px);
    bottom: 345px;
    width: 17px;
    height: 17px;
  }
  footer .background.new .circle-8 {
    right: 13px;
    bottom: 413px;
    width: 16px;
    height: 16px;
  }
  footer .background.new .circle-9 {
    right: clamp(504px, calc(504px + (620 - 504) * ((100vw - 768px) / (1024 - 768))), 620px);
    bottom: 423px;
    width: 14px;
    height: 14px;
  }
  footer .background.new .circle-10 {
    right: clamp(574px, calc(574px + (700 - 574) * ((100vw - 768px) / (1024 - 768))), 700px);
    bottom: 406px;
    width: 23px;
    height: 23px;
  }
  footer .background.new .circle-11 {
    right: clamp(235px, calc(235px + (305 - 235) * ((100vw - 768px) / (1024 - 768))), 305px);
    bottom: 423px;
    width: 13px;
    height: 13px;
    background-color: #D50156;
  }
  footer .top-line {
    grid-column-gap: clamp(60px, calc(60px + (180 - 60) * ((100vw - 768px) / (1024 - 768))), 180px);
  }
  footer .top-line .column:nth-of-type(1) {
    padding-bottom: 50px;
  }
  footer .top-line .column:nth-of-type(2) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: 'company category1' 'company category2' 'catalog category3' 'catalog sets';
  }
}
@media (max-width: 768px) {
  footer .background.new::before {
    height: clamp(58px, calc(58px + (80 - 58) * ((100vw - 560px) / (768 - 560))), 80px);
  }
  footer .top-line {
    grid-template-columns: clamp(160px, calc(160px + (265 - 160) * ((100vw - 560px) / (768 - 560))), 265px) 1fr;
    grid-column-gap: clamp(0px, calc(0px + (60 - 0) * ((100vw - 560px) / (768 - 560))), 60px);
  }
  footer .top-line .column:nth-of-type(2) {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: 'company category1' 'company category2' 'catalog category3' 'catalog sets';
  }
}
@media (max-width: 560px) {
  footer .background {
    padding-top: 1.5rem;
    background-color: #FFF5D7;
    background-image: unset;
    height: auto;
  }
  footer .background.new {
    height: auto;
  }
  footer .background.new::before {
    display: none;
  }
  footer .background.new .circle-1 {
    left: auto;
    bottom: auto;
    top: 25px;
    right: 26px;
    width: 9px;
    height: 9px;
  }
  footer .background.new .circle-2 {
    left: auto;
    bottom: auto;
    top: 57px;
    right: 110px;
    width: 14px;
    height: 14px;
  }
  footer .background.new .circle-3 {
    left: auto;
    bottom: auto;
    top: 54px;
    right: 64px;
    width: 8px;
    height: 8px;
  }
  footer .background.new .circle-4 {
    left: auto;
    bottom: auto;
    top: 99px;
    right: 75px;
    width: 12px;
    height: 12px;
  }
  footer .background.new .circle-5 {
    left: auto;
    bottom: 250px;
    right: 178px;
    width: 10px;
    height: 10px;
    background-color: #99C318;
  }
  footer .background.new .circle-6 {
    left: auto;
    bottom: auto;
    top: 66px;
    right: 21px;
    width: 20px;
    height: 20px;
    background-color: #24B8CA;
  }
  footer .background.new .circle-7 {
    bottom: auto;
    top: 300px;
    right: 64px;
    width: 16px;
    height: 16px;
    background-color: #99C318;
  }
  footer .background.new .circle-8 {
    bottom: auto;
    top: 290px;
    right: 18px;
    width: 10px;
    height: 10px;
    background-color: #D50156;
  }
  footer .background.new .circle-9 {
    bottom: auto;
    top: 340px;
    right: 30px;
    width: 12px;
    height: 12px;
  }
  footer .background.new .circle-10 {
    right: 170px;
    bottom: 270px;
    width: 10px;
    height: 10px;
    background-color: #24B8CA;
  }
  footer .background.new .circle-11 {
    right: 205px;
    bottom: 252px;
    width: 10px;
    height: 10px;
    background-color: #D50156;
  }
  footer .background.new .circle-12 {
    right: 185px;
    bottom: 493px;
    width: 16px;
    height: 16px;
  }
  footer .top-line {
    grid-template-columns: 1fr;
    grid-row-gap: 4.6rem;
  }
  footer .top-line .column:nth-of-type(1) {
    position: relative;
  }
  footer .top-line .column:nth-of-type(1) .company-ratings {
    position: absolute;
    top: 11.5rem;
    right: 0;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 0.8rem;
  }
  footer .top-line .column:nth-of-type(1) .company-ratings img {
    max-width: 4.1rem;
  }
  footer .top-line .logo {
    margin-bottom: 3rem;
  }
  footer .top-line .logo img {
    max-width: 11rem;
  }
  footer .top-line .contacts {
    display: flex;
    flex-direction: column;
    row-gap: clamp(17px, calc(17px + (20 - 17) * ((100vw - 1440px) / (1920 - 1440))), 20px);
    margin-bottom: unset;
  }
  footer .top-line .contacts a.address {
    padding-right: 8rem;
  }
}
/*
 * Прототип для авторизованных пользователей. ad-buro.authorized.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
main.authorized .auth-content {
  display: grid;
  grid-template-columns: 25.5rem 1fr;
  align-items: start;
  grid-gap: 3rem;
}
main.authorized .auth-content .breadcrumbs {
  grid-column: 1/-1;
}
main.authorized .aside {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFF5D8;
}
@media (max-width: 560px) {
  main.authorized .aside {
    border-radius: 0.7rem;
  }
}
main.authorized .content {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #DFCAEF;
}
@media (max-width: 560px) {
  main.authorized .content {
    border-radius: 0.7rem;
  }
}
/*
 * Стилизация главной страницы. ad-buro.home.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13 
 */
.page-home main {
  padding-top: 1.5rem;
}
.hero {
  position: relative;
  height: clamp(400px, calc(400px + (443 - 400) * ((100vw - 1440px) / (1920 - 1440))), 443px);
  padding-top: clamp(30px, calc(30px + (0 - 30) * ((100vw - 1440px) / (1920 - 1440))), 0px);
}
.hero .title-container {
  position: relative;
  z-index: 2;
}
.hero .title {
  margin: 0;
  font-size: clamp(38px, calc(38px + (57 - 38) * ((100vw - 1440px) / (1920 - 1440))), 57px);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}
.hero .title span {
  display: block;
  font-size: clamp(76px, calc(76px + (114 - 76) * ((100vw - 1440px) / (1920 - 1440))), 114px);
  color: #FFA100;
  line-height: 0.85;
}
.hero .title-caption {
  max-width: clamp(300px, calc(300px + (400 - 300) * ((100vw - 1440px) / (1920 - 1440))), 400px);
  margin-top: clamp(0px, calc(0px + (15 - 0) * ((100vw - 1440px) / (1920 - 1440))), 15px);
  font-weight: 700;
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  line-height: 1;
  text-transform: uppercase;
}
.hero .subtitle {
  position: absolute;
  right: clamp(24px, calc(24px + (54 - 24) * ((100vw - 1440px) / (1920 - 1440))), 54px);
  bottom: 0;
  z-index: 2;
  font-size: clamp(30px, calc(30px + (45 - 30) * ((100vw - 1440px) / (1920 - 1440))), 45px);
  font-weight: 800;
  text-transform: uppercase;
  color: #333333;
}
.hero .gifts-box {
  position: absolute;
  z-index: 1;
  top: clamp(70px, calc(70px + (90 - 70) * ((100vw - 1440px) / (1920 - 1440))), 90px);
  left: clamp(315px, calc(315px + (466 - 315) * ((100vw - 1440px) / (1920 - 1440))), 466px);
  width: clamp(300px, calc(300px + (406 - 300) * ((100vw - 1440px) / (1920 - 1440))), 406px);
  height: clamp(273px, calc(273px + (369 - 273) * ((100vw - 1440px) / (1920 - 1440))), 369px);
}
.hero .gifts-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero .gifts-box::after,
.hero .gifts-box::before {
  content: '';
  position: absolute;
  background: no-repeat center / cover;
}
.hero .gifts-box::after {
  top: 5px;
  left: clamp(15px, calc(15px + (30 - 15) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  width: clamp(70px, calc(70px + (97 - 70) * ((100vw - 1440px) / (1920 - 1440))), 97px);
  height: clamp(50px, calc(50px + (73 - 50) * ((100vw - 1440px) / (1920 - 1440))), 73px);
  background-image: url('/i/img/pages/home/cloud_97x73.png');
  animation: cloudFloat1 3s ease-in-out infinite;
}
.hero .gifts-box::before {
  top: clamp(15px, calc(15px + (60 - 15) * ((100vw - 1440px) / (1920 - 1440))), 60px);
  right: 0;
  width: clamp(45px, calc(45px + (58 - 45) * ((100vw - 1440px) / (1920 - 1440))), 58px);
  height: clamp(40px, calc(40px + (52 - 40) * ((100vw - 1440px) / (1920 - 1440))), 52px);
  background-image: url('/i/img/pages/home/cloud_58x52.png');
  animation: cloudFloat2 3s ease-in-out infinite;
}
.hero img.shopper {
  position: absolute;
  top: clamp(178px, calc(178px + (160 - 178) * ((100vw - 1440px) / (1920 - 1440))), 160px);
  right: clamp(5px, calc(5px + (26 - 5) * ((100vw - 1440px) / (1920 - 1440))), 26px);
  z-index: 2;
  width: clamp(63px, calc(63px + (93 - 63) * ((100vw - 1440px) / (1920 - 1440))), 93px);
  height: clamp(100px, calc(100px + (147 - 100) * ((100vw - 1440px) / (1920 - 1440))), 147px);
  transform-origin: top center;
  animation: swingSmooth 3s ease-in-out infinite;
}
.hero .btn-request {
  position: absolute;
  z-index: 2;
  top: clamp(126px, calc(126px + (160 - 126) * ((100vw - 1440px) / (1920 - 1440))), 160px);
  right: clamp(108px, calc(108px + (221 - 108) * ((100vw - 1440px) / (1920 - 1440))), 221px);
  width: clamp(157px, calc(157px + (195 - 157) * ((100vw - 1440px) / (1920 - 1440))), 195px);
  font-size: clamp(13px, calc(13px + (16 - 13) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  padding: 0 1rem;
}
.hero .order-performance {
  position: absolute;
  left: clamp(0px, calc(0px + (26 - 0) * ((100vw - 1440px) / (1920 - 1440))), 26px);
  bottom: clamp(50px, calc(50px + (45 - 50) * ((100vw - 1440px) / (1920 - 1440))), 45px);
  z-index: 2;
  display: flex;
  align-items: center;
  gap: clamp(10px, calc(10px + (25 - 10) * ((100vw - 768px) / (1920 - 768))), 25px);
}
.hero .order-performance img {
  width: clamp(82px, calc(82px + (90 - 82) * ((100vw - 1440px) / (1920 - 1440))), 90px);
  height: auto;
  transform: rotate(-10deg) translateY(-1.5rem);
  animation: alarmShake 0.6s ease-in-out infinite;
  animation-delay: 1s;
}
.hero .order-performance .text {
  font-size: clamp(14px, calc(14px + (18 - 14) * ((100vw - 1440px) / (1920 - 1440))), 18px);
  font-weight: 800;
  text-transform: uppercase;
}
.hero .circle.circle-1 {
  left: clamp(191px, calc(191px + (290 - 191) * ((100vw - 1440px) / (1920 - 1440))), 290px);
  bottom: clamp(152px, calc(152px + (134 - 152) * ((100vw - 1440px) / (1920 - 1440))), 134px);
  width: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  height: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.hero .circle.circle-2 {
  left: clamp(240px, calc(240px + (362 - 240) * ((100vw - 1440px) / (1920 - 1440))), 362px);
  bottom: clamp(98px, calc(98px + (55 - 98) * ((100vw - 1440px) / (1920 - 1440))), 55px);
  width: clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  height: clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
}
.hero .circle.circle-3 {
  left: clamp(260px, calc(260px + (392 - 260) * ((100vw - 1440px) / (1920 - 1440))), 392px);
  bottom: clamp(167px, calc(167px + (157 - 167) * ((100vw - 1440px) / (1920 - 1440))), 157px);
  width: clamp(13px, calc(13px + (19 - 13) * ((100vw - 1440px) / (1920 - 1440))), 19px);
  height: clamp(13px, calc(13px + (19 - 13) * ((100vw - 1440px) / (1920 - 1440))), 19px);
}
.hero .circle.circle-4 {
  top: clamp(44px, calc(44px + (22 - 44) * ((100vw - 1440px) / (1920 - 1440))), 22px);
  right: clamp(260px, calc(260px + (406 - 260) * ((100vw - 1440px) / (1920 - 1440))), 406px);
  width: clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  height: clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
}
.hero .circle.circle-5 {
  top: clamp(81px, calc(81px + (76 - 81) * ((100vw - 1440px) / (1920 - 1440))), 76px);
  right: clamp(210px, calc(210px + (333 - 210) * ((100vw - 1440px) / (1920 - 1440))), 333px);
  width: clamp(29px, calc(29px + (42 - 29) * ((100vw - 1440px) / (1920 - 1440))), 42px);
  height: clamp(29px, calc(29px + (42 - 29) * ((100vw - 1440px) / (1920 - 1440))), 42px);
}
.hero .circle.circle-6 {
  top: clamp(60px, calc(60px + (45 - 60) * ((100vw - 1440px) / (1920 - 1440))), 45px);
  right: clamp(181px, calc(181px + (291 - 181) * ((100vw - 1440px) / (1920 - 1440))), 291px);
  width: clamp(13px, calc(13px + (20 - 13) * ((100vw - 1440px) / (1920 - 1440))), 20px);
  height: clamp(13px, calc(13px + (20 - 13) * ((100vw - 1440px) / (1920 - 1440))), 20px);
}
.hero .circle.circle-7 {
  top: clamp(188px, calc(188px + (176 - 188) * ((100vw - 1440px) / (1920 - 1440))), 176px);
  right: clamp(30px, calc(30px + (64 - 30) * ((100vw - 1440px) / (1920 - 1440))), 64px);
  width: clamp(14px, calc(14px + (20 - 14) * ((100vw - 1440px) / (1920 - 1440))), 20px);
  height: clamp(14px, calc(14px + (20 - 14) * ((100vw - 1440px) / (1920 - 1440))), 20px);
}
@media (max-width: 1440px) {
  .hero {
    height: clamp(358px, calc(358px + (369 - 358) * ((100vw - 768px) / (1440 - 768))), 369px);
  }
  .hero .subtitle {
    right: clamp(0px, calc(0px + (24 - 0) * ((100vw - 768px) / (1440 - 768))), 24px);
  }
  .hero .gifts-box {
    left: clamp(190px, calc(190px + (315 - 190) * ((100vw - 768px) / (1440 - 768))), 315px);
    width: 300px;
    height: 273px;
  }
  .hero .btn-request {
    top: clamp(88px, calc(88px + (126 - 88) * ((100vw - 768px) / (1440 - 768))), 126px);
    right: clamp(0px, calc(0px + (108 - 0) * ((100vw - 768px) / (1440 - 768))), 108px);
  }
}
@media (max-width: 768px) {
  .hero {
    height: clamp(430px, calc(430px + (480 - 430) * ((100vw - 560px) / (768 - 560))), 480px);
  }
  .hero .title {
    font-size: clamp(20px, calc(20px + (38 - 20) * ((100vw - 560px) / (768 - 560))), 38px);
  }
  .hero .title span {
    font-size: clamp(56px, calc(56px + (76 - 56) * ((100vw - 560px) / (768 - 560))), 76px);
  }
  .hero .subtitle {
    font-size: clamp(20px, calc(20px + (30 - 20) * ((100vw - 560px) / (768 - 560))), 30px);
  }
  .hero .gifts-box {
    top: 130px;
    left: clamp(100px, calc(100px + (190 - 100) * ((100vw - 560px) / (768 - 560))), 190px);
    width: clamp(250px, calc(250px + (300 - 250) * ((100vw - 560px) / (768 - 560))), 300px);
    height: clamp(228px, calc(228px + (273 - 228) * ((100vw - 560px) / (768 - 560))), 273px);
  }
  .hero .btn-request {
    top: clamp(40px, calc(40px + (88 - 40) * ((100vw - 560px) / (768 - 560))), 88px);
  }
  .hero .order-performance {
    bottom: clamp(0px, calc(0px + (50 - 0) * ((100vw - 560px) / (768 - 560))), 50px);
  }
  .hero .order-performance img {
    width: clamp(60px, calc(60px + (90 - 60) * ((100vw - 560px) / (768 - 560))), 90px);
    height: clamp(80px, calc(80px + (120 - 80) * ((100vw - 560px) / (768 - 560))), 120px);
    transform: rotate(-10deg) translateY(-1.5rem);
  }
}
@media (max-width: 560px) {
  .hero {
    display: grid;
    grid-template-columns: 80% 20%;
    grid-template-areas: 'title title' 'box box' 'subtitle subtitle' 'btnRequest btnRequest' 'alarmClock shopper';
    height: auto;
    padding-top: unset;
  }
  .hero .title-container {
    grid-area: title;
  }
  .hero .subtitle {
    position: static;
    grid-area: subtitle;
    justify-self: end;
    margin-bottom: 2rem;
    font-size: clamp(20px, calc(20px + (30 - 20) * ((100vw - 560px) / (768 - 560))), 30px);
  }
  .hero .gifts-box {
    position: relative;
    inset: auto;
    grid-area: box;
    justify-self: center;
    width: clamp(280px, calc(280px + (320 - 280) * ((100vw - 320px) / (560 - 320))), 320px);
    height: clamp(250px, calc(250px + (289 - 250) * ((100vw - 320px) / (560 - 320))), 289px);
    margin: 2rem 0;
  }
  .hero img.shopper {
    position: static;
    grid-area: shopper;
    justify-self: end;
  }
  .hero .btn-request {
    position: static;
    grid-area: btnRequest;
    justify-self: center;
    margin-bottom: 1rem;
  }
  .hero .order-performance {
    position: static;
    grid-area: alarmClock;
  }
  .hero .order-performance img {
    transform: rotate(-10deg) translateY(0);
  }
  .hero .circle.circle-1 {
    left: 0;
    bottom: 212px;
  }
  .hero .circle.circle-2 {
    left: 30px;
    bottom: 170px;
  }
  .hero .circle.circle-3 {
    left: 55px;
    bottom: 224px;
  }
  .hero .circle.circle-4 {
    top: 54px;
    right: 62px;
  }
  .hero .circle.circle-5 {
    top: 83px;
    right: 23px;
  }
  .hero .circle.circle-6 {
    top: 66px;
    right: 0;
  }
  .hero .circle.circle-7 {
    top: unset;
    bottom: 78px;
    right: 25px;
  }
}
.services .services-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  grid-gap: clamp(15px, calc(15px + (30 - 15) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.services .service {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.services .service .inner-container {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  border-radius: clamp(13px, calc(13px + (20 - 13) * ((100vw - 1440px) / (1920 - 1440))), 20px);
}
.services .service .service-title {
  font-weight: 700;
  font-size: clamp(21px, calc(21px + (32 - 21) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  color: #ffffff;
  line-height: 1.1;
}
.services .service .service-title span {
  font-weight: 500;
}
.services .service .service-excerpt {
  font-weight: 400;
  font-size: clamp(21px, calc(21px + (32 - 21) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  color: #ffffff;
  line-height: 1.1;
}
.services .service img {
  max-width: 100%;
  border-radius: 1rem;
}
.services .service:nth-of-type(1) .inner-container {
  background-color: #E0C9F0;
}
.services .service:nth-of-type(2) .inner-container {
  background-color: rgba(213, 27, 91, 0.8);
}
.services .service:nth-of-type(2) .service-title {
  font-weight: 700;
}
.services .service:nth-of-type(2) .service-photo-caption {
  position: absolute;
  left: clamp(20px, calc(20px + (36 - 20) * ((100vw - 1440px) / (1920 - 1440))), 36px);
  bottom: clamp(109px, calc(109px + (191 - 109) * ((100vw - 1440px) / (1920 - 1440))), 191px);
  font-weight: 700;
  font-size: clamp(21px, calc(21px + (32 - 21) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  color: #ffffff;
}
.services .service:nth-of-type(3) .inner-container {
  background-color: #D51B5B;
}
.services .service:nth-of-type(3) .circle.circle-1 {
  top: clamp(85px, calc(85px + (175 - 85) * ((100vw - 1440px) / (1920 - 1440))), 175px);
  left: clamp(16px, calc(16px + (35 - 16) * ((100vw - 1440px) / (1920 - 1440))), 35px);
  width: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  height: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.services .service:nth-of-type(3) .circle.circle-2 {
  right: clamp(10px, calc(10px + (48 - 10) * ((100vw - 1440px) / (1920 - 1440))), 48px);
  bottom: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  width: clamp(24px, calc(24px + (32 - 24) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  height: clamp(24px, calc(24px + (32 - 24) * ((100vw - 1440px) / (1920 - 1440))), 32px);
}
.services .service:nth-of-type(4) .inner-container {
  position: relative;
  padding: 0 0 clamp(25px, calc(25px + (47 - 25) * ((100vw - 1440px) / (1920 - 1440))), 47px) 0;
  row-gap: 0;
}
.services .service:nth-of-type(4) .inner-container .service-text {
  position: relative;
  z-index: 2;
  min-height: clamp(236px, calc(236px + (354 - 236) * ((100vw - 1440px) / (1920 - 1440))), 354px);
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  background-color: #24B8CA;
  border-radius: 2rem;
}
.services .service:nth-of-type(4) .inner-container .service-text .service-title,
.services .service:nth-of-type(4) .inner-container .service-text .service-excerpt {
  margin-bottom: 1.6rem;
}
.services .service:nth-of-type(4) .inner-container img {
  max-width: clamp(81px, calc(81px + (123 - 81) * ((100vw - 1440px) / (1920 - 1440))), 123px);
}
.services .service:nth-of-type(4) .inner-container::after {
  content: '';
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: clamp(80px, calc(80px + (120 - 80) * ((100vw - 1440px) / (1920 - 1440))), 120px);
  background: url('/i/img/pages/home/service-4.jpg') no-repeat center / cover;
  border-radius: 2rem;
}
.services .service a.btn {
  max-width: fit-content;
}
@media (max-width: 900px) {
  .services .services-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .services .service:nth-of-type(4) {
    display: none;
  }
}
@media (max-width: 560px) {
  .services .services-list {
    display: block;
  }
  .services .faze-carousel-holder {
    align-items: center;
  }
  .services .service {
    max-width: 22rem;
    margin-right: 1.6rem;
  }
  .services .service:nth-of-type(4) {
    display: block;
  }
}
.gift-ideas {
  position: relative;
}
.gift-ideas .categories-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.gift-ideas .category {
  position: relative;
  display: block;
  height: clamp(229px, calc(229px + (348 - 229) * ((100vw - 1440px) / (1920 - 1440))), 348px);
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) 2.4rem;
  text-decoration: none;
  border-radius: 2rem;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .gift-ideas .category {
    border-radius: clamp(13px, calc(13px + (20 - 13) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
}
@media (max-width: 768px) {
  .gift-ideas .category {
    border-radius: clamp(7px, calc(7px + (13 - 7) * ((100vw - 560px) / (768 - 560))), 13px);
  }
}
.gift-ideas .category .category-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
  transition: 500ms ease;
}
.gift-ideas .category:first-child {
  grid-column: span 2;
}
.gift-ideas .category:last-child {
  grid-column: span 2;
}
.gift-ideas .category .category-name {
  position: relative;
  z-index: 2;
  display: block;
  font-size: clamp(21px, calc(21px + (32 - 21) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  font-weight: 700;
  color: #ffffff;
  text-align: right;
  text-decoration: none;
  transition: 500ms ease;
}
.gift-ideas .category:hover .category-name {
  transform: translateY(0.5rem);
}
.gift-ideas .category:hover .category-bg {
  transform: scale(1.025);
}
.gift-ideas .btn-catalog {
  position: absolute;
  right: 0;
  bottom: clamp(30px, calc(30px + (40 - 30) * ((100vw - 1440px) / (1920 - 1440))), 40px);
}
.gift-ideas .circle.circle-1 {
  top: 3.3rem;
  left: clamp(385px, calc(385px + (585 - 385) * ((100vw - 1440px) / (1920 - 1440))), 585px);
  width: clamp(30px, calc(30px + (35 - 30) * ((100vw - 1440px) / (1920 - 1440))), 35px);
  height: clamp(30px, calc(30px + (35 - 30) * ((100vw - 1440px) / (1920 - 1440))), 35px);
}
.gift-ideas .circle.circle-2 {
  top: 4.8rem;
  left: clamp(465px, calc(465px + (662 - 465) * ((100vw - 1440px) / (1920 - 1440))), 662px);
  width: clamp(30px, calc(30px + (35 - 30) * ((100vw - 1440px) / (1920 - 1440))), 35px);
  height: clamp(30px, calc(30px + (35 - 30) * ((100vw - 1440px) / (1920 - 1440))), 35px);
}
.gift-ideas .circle.circle-3 {
  top: 3rem;
  left: clamp(570px, calc(570px + (765 - 570) * ((100vw - 1440px) / (1920 - 1440))), 765px);
  width: 2.6rem;
  height: 2.6rem;
}
@media (max-width: 900px) {
  .gift-ideas .categories-list {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 23rem);
    grid-gap: clamp(10px, calc(10px + (20 - 10) * ((100vw - 560px) / (900 - 560))), 20px);
  }
  .gift-ideas .category {
    height: auto;
  }
  .gift-ideas .category .category-name {
    font-size: clamp(16px, calc(16px + (21 - 16) * ((100vw - 560px) / (900 - 560))), 21px);
  }
  .gift-ideas .category:first-child {
    grid-column: unset;
  }
  .gift-ideas .category:last-child {
    grid-column: unset;
  }
  .gift-ideas .btn-catalog {
    bottom: 2rem;
  }
  .gift-ideas .category.category-1 {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .gift-ideas .category.category-2 {
    grid-column: 3/4;
    grid-row: 1/3;
  }
  .gift-ideas .category.category-3 {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .gift-ideas .category.category-4 {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .gift-ideas .category.category-5 {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .gift-ideas .category.category-6 {
    grid-column: 2/4;
    grid-row: 3/4;
  }
  .gift-ideas .circle {
    display: none;
  }
}
@media (max-width: 560px) {
  .gift-ideas .categories-list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 15rem);
  }
  .gift-ideas .category.category-1 {
    grid-column: 1/4;
    grid-row: 1/2;
  }
  .gift-ideas .category.category-2 {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .gift-ideas .category.category-3 {
    grid-column: 2/4;
    grid-row: 2/3;
  }
  .gift-ideas .category.category-4 {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .gift-ideas .category.category-5 {
    grid-column: 2/4;
    grid-row: 3/4;
  }
  .gift-ideas .category.category-6 {
    grid-column: 1/4;
    grid-row: 4/5;
  }
  .gift-ideas .btn-catalog {
    right: 0;
    bottom: 2rem;
    min-height: 2.5rem;
  }
  .gift-ideas .btn-catalog span {
    display: none;
  }
}
.applications {
  position: relative;
}
.applications .carousel-container {
  position: relative;
}
.applications .carousel-container .carousel-arrow {
  display: none;
}
.applications .carousel-container .carousel-arrow.arrow-prev {
  left: calc(-60px + (-90 - -60) * ((100vw - 1440px) / (1920 - 1440)));
}
.applications .carousel-container .carousel-arrow.arrow-next {
  right: calc(-60px + (-90 - -60) * ((100vw - 1440px) / (1920 - 1440)));
}
.applications .carousel-container:has(.carousel.faze-carousel-initialized) .carousel-arrow {
  display: block;
}
.applications .carousel:not(.faze-carousel-initialized) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.applications .carousel.faze-carousel-initialized .application {
  margin-right: clamp(45px, calc(45px + (90 - 45) * ((100vw - 1440px) / (1920 - 1440))), 90px);
}
.applications .carousel.faze-carousel .faze-carousel-holder > .faze-item > img {
  height: 100%;
}
.applications .application {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  max-width: clamp(148px, calc(148px + (208 - 148) * ((100vw - 1440px) / (1920 - 1440))), 208px);
}
.applications .application .application-icon {
  max-width: 100%;
  height: 100%;
  transition: 300ms ease;
}
.applications .application .application-name {
  max-width: 100%;
  width: 100%;
  font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 1440px) / (1920 - 1440))), 20px);
}
.applications .application:hover .application-icon {
  transform: translateY(-0.5rem);
}
.applications .circle.circle-1 {
  top: clamp(79px, calc(79px + (137 - 79) * ((100vw - 1440px) / (1920 - 1440))), 137px);
  left: 172px;
  width: clamp(26px, calc(26px + (35 - 26) * ((100vw - 1440px) / (1920 - 1440))), 35px);
  height: clamp(26px, calc(26px + (35 - 26) * ((100vw - 1440px) / (1920 - 1440))), 35px);
}
.applications .circle.circle-2 {
  top: clamp(115px, calc(115px + (110 - 115) * ((100vw - 1440px) / (1920 - 1440))), 110px);
  left: clamp(231px, calc(231px + (245 - 231) * ((100vw - 1440px) / (1920 - 1440))), 245px);
  width: clamp(26px, calc(26px + (35 - 26) * ((100vw - 1440px) / (1920 - 1440))), 35px);
  height: clamp(26px, calc(26px + (35 - 26) * ((100vw - 1440px) / (1920 - 1440))), 35px);
}
.applications .circle.circle-3 {
  top: clamp(70px, calc(70px + (178 - 70) * ((100vw - 1440px) / (1920 - 1440))), 178px);
  left: 303px;
  width: 26px;
  height: 26px;
}
.applications .circle.circle-4 {
  top: 49px;
  right: 312px;
  width: 29px;
  height: 29px;
}
.applications .circle.circle-5 {
  top: clamp(30px, calc(30px + (115 - 30) * ((100vw - 1440px) / (1920 - 1440))), 115px);
  right: clamp(226px, calc(226px + (250 - 226) * ((100vw - 1440px) / (1920 - 1440))), 250px);
  width: clamp(30px, calc(30px + (38 - 30) * ((100vw - 1440px) / (1920 - 1440))), 38px);
  height: clamp(30px, calc(30px + (38 - 30) * ((100vw - 1440px) / (1920 - 1440))), 38px);
}
.applications .circle.circle-6 {
  top: clamp(70px, calc(70px + (88 - 70) * ((100vw - 1440px) / (1920 - 1440))), 88px);
  right: clamp(145px, calc(145px + (168 - 145) * ((100vw - 1440px) / (1920 - 1440))), 168px);
  width: clamp(30px, calc(30px + (39 - 30) * ((100vw - 1440px) / (1920 - 1440))), 39px);
  height: clamp(30px, calc(30px + (39 - 30) * ((100vw - 1440px) / (1920 - 1440))), 39px);
}
@media (max-width: 1440px) {
  .applications .carousel.faze-carousel-initialized .application {
    margin-right: clamp(20px, calc(20px + (45 - 20) * ((100vw - 768px) / (1440 - 768))), 45px);
  }
  .applications .application {
    max-width: calc(120px + (148 - 120) * ((100vw - 768px) / (1440 - 768)));
  }
  .applications .application .application-name {
    font-size: clamp(12px, calc(12px + (14 - 12) * ((100vw - 768px) / (1440 - 768))), 14px);
  }
}
@media (max-width: 900px) {
  .applications .carousel-container:has(.carousel.faze-carousel-initialized) .carousel-arrow {
    display: none;
  }
  .applications .circle {
    display: none;
  }
}
@media (max-width: 768px) {
  .applications .carousel.faze-carousel-initialized .application {
    margin-right: 20px;
  }
  .applications .application {
    max-width: clamp(105px, calc(105px + (157 - 105) * ((100vw - 560px) / (768 - 560))), 157px);
  }
}
@media (max-width: 560px) {
  .applications .carousel.faze-carousel-initialized .application {
    margin-right: clamp(20px, calc(20px + (60 - 20) * ((100vw - 320px) / (560 - 320))), 60px);
  }
  .applications .application {
    max-width: clamp(135px, calc(135px + (235 - 135) * ((100vw - 320px) / (560 - 320))), 235px);
  }
}
.product-sets .sets-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.product-sets .set-item {
  position: relative;
  display: block;
  max-width: clamp(215px, calc(215px + (382 - 215) * ((100vw - 1440px) / (1920 - 1440))), 382px);
  width: 100%;
  height: clamp(276px, calc(276px + (419 - 276) * ((100vw - 1440px) / (1920 - 1440))), 419px);
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: clamp(13px, calc(13px + (30 - 13) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  overflow: hidden;
  text-decoration: none;
}
.product-sets .set-item .set-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
  pointer-events: none;
  transition: 500ms ease;
}
.product-sets .set-item .set-name {
  position: relative;
  z-index: 2;
  display: block;
  font-size: clamp(21px, calc(21px + (32 - 21) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  font-weight: 600;
  color: #ffffff;
  text-align: right;
  text-decoration: none;
  transition: 500ms ease;
}
.product-sets .set-item .btn-more {
  position: absolute;
  right: 0;
  bottom: 0;
}
.product-sets .set-item:hover .set-name {
  transform: translateY(0.5rem);
}
.product-sets .set-item:hover .set-bg {
  transform: scale(1.025);
}
@media (max-width: 900px) {
  .product-sets .sets-list {
    display: block;
  }
  .product-sets .sets-list.faze-carousel-initialized .set-item {
    margin-right: 2rem;
  }
  .product-sets .set-item {
    max-width: 215px;
    height: 276px;
  }
}
.contact-us {
  height: clamp(258px, calc(258px + (380 - 258) * ((100vw - 1440px) / (1920 - 1440))), 380px);
  padding: clamp(30px, calc(30px + (40 - 30) * ((100vw - 1440px) / (1920 - 1440))), 40px) 0;
}
.contact-us .inner-container {
  display: flex;
  align-items: center;
  padding: clamp(70px, calc(70px + (108 - 70) * ((100vw - 1440px) / (1920 - 1440))), 108px) clamp(105px, calc(105px + (160 - 105) * ((100vw - 1440px) / (1920 - 1440))), 160px);
  margin: 0 calc(-105px + (-160 - -105) * ((100vw - 1440px) / (1920 - 1440)));
}
.contact-us .text-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.contact-us .text-container p:has(strong) {
  margin-bottom: 2.4rem;
}
.contact-us .text-container p strong {
  font-size: clamp(21px, calc(21px + (32 - 21) * ((100vw - 1440px) / (1920 - 1440))), 32px);
}
.contact-us .text-container p {
  margin: 0;
  font-size: clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  line-height: 1.1;
}
.contact-us .icon {
  display: block;
  min-width: clamp(29px, calc(29px + (80 - 29) * ((100vw - 320px) / (1920 - 320))), 80px);
  min-height: clamp(29px, calc(29px + (80 - 29) * ((100vw - 320px) / (1920 - 320))), 80px);
}
.contact-us.contact-us-telegram {
  position: relative;
}
.contact-us.contact-us-telegram .inner-container {
  background: url('/i/img/common/line-bg-right.png') no-repeat center / contain;
}
.contact-us.contact-us-telegram .icon {
  position: relative;
  background: url('/i/img/svg/icon-tg_80x80.svg') no-repeat center / contain;
}
.contact-us.contact-us-telegram .icon::after {
  content: '';
  position: absolute;
  right: calc(4px + (0 - 4) * ((100vw - 320px) / (1920 - 320)));
  bottom: calc(1px + (-15 - 1) * ((100vw - 320px) / (1920 - 320)));
  width: clamp(6px, calc(6px + (20 - 6) * ((100vw - 320px) / (1920 - 320))), 20px);
  height: clamp(12px, calc(12px + (34 - 12) * ((100vw - 320px) / (1920 - 320))), 34px);
  background: url('/i/img/svg/cursor_20x34.svg') no-repeat center / cover;
}
.contact-us.contact-us-telegram .circle-1 {
  bottom: clamp(70px, calc(70px + (73 - 70) * ((100vw - 1440px) / (1920 - 1440))), 73px);
  right: clamp(228px, calc(228px + (346 - 228) * ((100vw - 1440px) / (1920 - 1440))), 346px);
  width: clamp(25px, calc(25px + (38 - 25) * ((100vw - 1440px) / (1920 - 1440))), 38px);
  height: clamp(25px, calc(25px + (38 - 25) * ((100vw - 1440px) / (1920 - 1440))), 38px);
}
.contact-us.contact-us-telegram .circle-2 {
  bottom: calc(10px + (-30 - 10) * ((100vw - 1440px) / (1920 - 1440)));
  right: clamp(174px, calc(174px + (264 - 174) * ((100vw - 1440px) / (1920 - 1440))), 264px);
  width: clamp(34px, calc(34px + (51 - 34) * ((100vw - 1440px) / (1920 - 1440))), 51px);
  height: clamp(34px, calc(34px + (51 - 34) * ((100vw - 1440px) / (1920 - 1440))), 51px);
}
.contact-us.contact-us-telegram .circle-3 {
  bottom: calc(25px + (5 - 25) * ((100vw - 1440px) / (1920 - 1440)));
  right: clamp(102px, calc(102px + (154 - 102) * ((100vw - 1440px) / (1920 - 1440))), 154px);
  width: clamp(34px, calc(34px + (51 - 34) * ((100vw - 1440px) / (1920 - 1440))), 51px);
  height: clamp(34px, calc(34px + (51 - 34) * ((100vw - 1440px) / (1920 - 1440))), 51px);
}
.contact-us.contact-us-subscribe {
  margin-bottom: unset;
}
.contact-us.contact-us-subscribe .inner-container {
  background: url('/i/img/common/line-bg-left.png') no-repeat center / contain;
}
.contact-us.contact-us-subscribe .inner-container .text-container {
  order: 2;
  text-align: right;
}
.contact-us.contact-us-subscribe .inner-container .icon {
  order: 1;
  background: url('/i/img/svg/icon-envelope-violet_80x80.svg') no-repeat center / cover;
}
@media (max-width: 1440px) {
  .contact-us {
    height: clamp(143px, calc(143px + (258 - 143) * ((100vw - 768px) / (1440 - 768))), 258px);
    padding: clamp(8px, calc(8px + (30 - 8) * ((100vw - 768px) / (1440 - 768))), 30px) 0;
  }
  .contact-us .inner-container {
    padding: clamp(36px, calc(36px + (70 - 36) * ((100vw - 768px) / (1440 - 768))), 70px) clamp(20px, calc(20px + (105 - 20) * ((100vw - 768px) / (1440 - 768))), 105px);
    margin: 0 calc(0px + (-105 - 0) * ((100vw - 768px) / (1440 - 768)));
  }
  .contact-us .text-container p:has(strong) {
    margin-bottom: 1.4rem;
  }
  .contact-us .text-container p strong {
    font-size: clamp(16px, calc(16px + (21 - 16) * ((100vw - 768px) / (1440 - 768))), 21px);
  }
  .contact-us .text-container p {
    font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 768px) / (1440 - 768))), 16px);
  }
  .contact-us .icon {
    min-width: clamp(35px, calc(35px + (54 - 35) * ((100vw - 768px) / (1440 - 768))), 54px);
    min-height: clamp(35px, calc(35px + (54 - 35) * ((100vw - 768px) / (1440 - 768))), 54px);
  }
  .contact-us.contact-us-telegram {
    position: relative;
  }
  .contact-us.contact-us-telegram .inner-container .icon {
    min-width: clamp(35px, calc(35px + (54 - 35) * ((100vw - 768px) / (1440 - 768))), 54px);
    min-height: clamp(45px, calc(45px + (69 - 45) * ((100vw - 768px) / (1440 - 768))), 69px);
  }
  .contact-us.contact-us-telegram .circle-1 {
    bottom: clamp(30px, calc(30px + (70 - 30) * ((100vw - 768px) / (1440 - 768))), 70px);
    right: clamp(190px, calc(190px + (228 - 190) * ((100vw - 768px) / (1440 - 768))), 228px);
    width: clamp(16px, calc(16px + (25 - 16) * ((100vw - 768px) / (1440 - 768))), 25px);
    height: clamp(16px, calc(16px + (25 - 16) * ((100vw - 768px) / (1440 - 768))), 25px);
  }
  .contact-us.contact-us-telegram .circle-2 {
    bottom: clamp(-60px, calc(-60px + (10 - -60) * ((100vw - 768px) / (1440 - 768))), 10px);
    right: clamp(159px, calc(159px + (174 - 159) * ((100vw - 768px) / (1440 - 768))), 174px);
    width: clamp(21px, calc(21px + (34 - 21) * ((100vw - 768px) / (1440 - 768))), 34px);
    height: clamp(21px, calc(21px + (34 - 21) * ((100vw - 768px) / (1440 - 768))), 34px);
  }
  .contact-us.contact-us-telegram .circle-3 {
    bottom: clamp(14px, calc(14px + (25 - 14) * ((100vw - 768px) / (1440 - 768))), 25px);
    right: 102px;
    width: clamp(21px, calc(21px + (34 - 21) * ((100vw - 768px) / (1440 - 768))), 34px);
    height: clamp(21px, calc(21px + (34 - 21) * ((100vw - 768px) / (1440 - 768))), 34px);
  }
}
@media (max-width: 768px) {
  .contact-us {
    height: 160px;
    margin: 0 -2rem;
  }
  .contact-us .inner-container {
    padding: clamp(26px, calc(26px + (46 - 26) * ((100vw - 320px) / (768 - 320))), 46px) clamp(15px, calc(15px + (20 - 15) * ((100vw - 320px) / (768 - 320))), 20px);
    margin: 0;
  }
  .contact-us .text-container p:has(strong) {
    margin-bottom: 0.8rem;
  }
  .contact-us .text-container p strong {
    font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 560px) / (768 - 560))), 16px);
  }
  .contact-us .text-container p {
    font-size: clamp(12px, calc(12px + (14 - 12) * ((100vw - 560px) / (768 - 560))), 14px);
  }
  .contact-us.contact-us-telegram .circle-1 {
    bottom: 30px;
    right: 190px;
    width: 16px;
    height: 16px;
  }
  .contact-us.contact-us-telegram .circle-2 {
    bottom: -60px;
    right: 159px;
    width: 21px;
    height: 21px;
  }
  .contact-us.contact-us-telegram .circle-3 {
    bottom: 14px;
    right: 102px;
    width: 21px;
    height: 21px;
  }
  .contact-us.contact-us-subscribe .inner-container {
    padding: clamp(36px, calc(36px + (46 - 36) * ((100vw - 320px) / (768 - 320))), 46px) clamp(15px, calc(15px + (20 - 15) * ((100vw - 320px) / (768 - 320))), 20px);
    margin: 0;
  }
}
@media (max-width: 560px) {
  .contact-us {
    margin: 0 -1.5rem;
  }
  .contact-us.contact-us-telegram .circle-1 {
    bottom: auto;
    right: auto;
    top: 13px;
    left: 21px;
    width: 7px;
    height: 7px;
  }
  .contact-us.contact-us-telegram .circle-2 {
    bottom: auto;
    right: auto;
    top: 23px;
    left: 35px;
    width: 9px;
    height: 9px;
  }
  .contact-us.contact-us-telegram .circle-3 {
    bottom: auto;
    right: auto;
    top: 15px;
    left: 54px;
    width: 9px;
    height: 9px;
  }
  .contact-us .text-container p:has(strong) {
    margin-bottom: 0;
  }
}
@media (max-width: 400px) {
  .contact-us.contact-us-telegram .inner-container {
    background: url('/i/img/common/line-bg-right-mobile_318x97.png') no-repeat center / contain;
  }
  .contact-us.contact-us-subscribe .inner-container {
    background: url('/i/img/common/line-bg-left-mobile.svg') no-repeat center / contain;
  }
}
/*
 * Стилизация каталога. ad-buro.catalog.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
.page-catalog .promo-carousel {
  margin-bottom: clamp(20px, calc(20px + (60 - 20) * ((100vw - 1440px) / (1920 - 1440))), 60px);
}
.catalog {
  padding-top: clamp(30px, calc(30px + (40 - 30) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  padding-bottom: clamp(30px, calc(30px + (80 - 30) * ((100vw - 1440px) / (1920 - 1440))), 80px);
}
.catalog .categories-items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.catalog .category,
.catalog .subcategories {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
}
.catalog .category {
  position: relative;
  min-height: clamp(169px, calc(169px + (256 - 169) * ((100vw - 1440px) / (1920 - 1440))), 256px);
  background-color: #FFF5D8;
}
.catalog .category .category-name {
  display: block;
  margin-bottom: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 1440px) / (1920 - 1440))), 20px);
  font-weight: 600;
  text-decoration: none;
}
.catalog .category .category-icon {
  display: flex;
  justify-content: center;
}
.catalog .category .category-icon img {
  width: clamp(100px, calc(100px + (150 - 100) * ((100vw - 1440px) / (1920 - 1440))), 150px);
  height: clamp(100px, calc(100px + (150 - 100) * ((100vw - 1440px) / (1920 - 1440))), 150px);
}
.catalog .category:has(.subcategories-items):hover {
  z-index: 2;
}
.catalog .category:has(.subcategories-items):hover .subcategories {
  display: block;
}
.catalog .subcategories {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: inherit;
  display: none;
  color: #ffffff;
  background-color: #613085;
}
.catalog .subcategories .category-name {
  font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  color: #ffffff;
}
.catalog .subcategories .subcategories-items {
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
  color: #ffffff;
}
.catalog .subcategories .subcategory {
  font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  color: #ffffff;
  text-decoration: none;
}
.catalog .subcategories::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.6rem;
  z-index: -1;
  width: 100%;
  height: 12rem;
  border-radius: 2rem;
  background: url('/i/img/pages/catalog/subcategory-decor.jpg') no-repeat center / cover;
}
.catalog .btn-catalog {
  position: relative;
  display: block;
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  min-height: clamp(169px, calc(169px + (256 - 169) * ((100vw - 1440px) / (1920 - 1440))), 256px);
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
  background-color: #24B8CA;
  border-radius: 2rem;
}
.catalog .btn-catalog::before,
.catalog .btn-catalog::after {
  content: '';
  position: absolute;
  bottom: clamp(10px, calc(10px + (12 - 10) * ((100vw - 1440px) / (1920 - 1440))), 12px);
}
.catalog .btn-catalog::before {
  left: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  width: clamp(40px, calc(40px + (60 - 40) * ((100vw - 1440px) / (1920 - 1440))), 60px);
  height: clamp(25px, calc(25px + (40 - 25) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  background: url('/i/img/svg/eye-icon.svg') no-repeat center / cover;
}
.catalog .btn-catalog::after {
  right: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  width: clamp(82px, calc(82px + (125 - 82) * ((100vw - 1440px) / (1920 - 1440))), 125px);
  height: clamp(27px, calc(27px + (40 - 27) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  background: url('/i/img/common/decoration.png') no-repeat center / cover;
}
@media (max-width: 900px) {
  .catalog .categories-items {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: clamp(15px, calc(15px + (20 - 15) * ((100vw - 560px) / (900 - 560))), 20px);
  }
  .catalog .category {
    position: relative;
    min-height: clamp(157px, calc(157px + (169 - 157) * ((100vw - 560px) / (900 - 560))), 169px);
  }
  .catalog .category .category-icon {
    display: flex;
    justify-content: center;
  }
  .catalog .category .category-icon img {
    width: clamp(70px, calc(70px + (100 - 70) * ((100vw - 560px) / (900 - 560))), 100px);
    height: clamp(70px, calc(70px + (100 - 70) * ((100vw - 560px) / (900 - 560))), 100px);
  }
  .catalog .btn-catalog {
    min-height: clamp(157px, calc(157px + (169 - 157) * ((100vw - 560px) / (900 - 560))), 169px);
  }
}
@media (max-width: 560px) {
  .catalog .categories-items {
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog .category {
    padding: 1rem;
    min-height: clamp(120px, calc(120px + (220 - 120) * ((100vw - 320px) / (560 - 320))), 220px);
  }
  .catalog .category .category-icon img {
    width: clamp(70px, calc(70px + (140 - 70) * ((100vw - 320px) / (560 - 320))), 140px);
    height: clamp(70px, calc(70px + (140 - 70) * ((100vw - 320px) / (560 - 320))), 140px);
  }
  .catalog .btn-catalog {
    min-height: clamp(120px, calc(120px + (220 - 120) * ((100vw - 320px) / (560 - 320))), 220px);
  }
}
.viewed-products.section-spacing {
  margin: 0;
}
.viewed-products .carousel-container {
  position: relative;
}
.viewed-products .carousel-container .carousel-arrow {
  display: none;
}
.viewed-products .carousel-container:has(.carousel.faze-carousel-initialized) .carousel-arrow {
  display: block;
}
.viewed-products .carousel {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.viewed-products .carousel:not(.faze-carousel-initialized) {
  display: grid;
  grid-template-columns: repeat(5, clamp(168px, calc(168px + (256 - 168) * ((100vw - 1440px) / (1920 - 1440))), 256px));
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.viewed-products .carousel.faze-carousel-initialized .product-item {
  max-width: clamp(168px, calc(168px + (256 - 168) * ((100vw - 1440px) / (1920 - 1440))), 256px);
  margin-right: clamp(19px, calc(19px + (29 - 19) * ((100vw - 1440px) / (1920 - 1440))), 29px);
}
.viewed-products .carousel .product-item .inner-container {
  padding: clamp(0px, calc(0px + (20 - 0) * ((100vw - 1440px) / (1920 - 1440))), 20px);
}
.viewed-products .carousel .product-item .inner-container:hover {
  border-color: #c6c6c6;
  box-shadow: unset;
}
.viewed-products .carousel .product-item .product-stats {
  font-weight: 500;
}
.viewed-products .carousel .product-item .product-stats .stat:not([data-show]) {
  display: none;
}
.viewed-products .carousel .product-item .product-stats .stat.article {
  margin-top: 1rem;
}
.viewed-products .carousel .product-item .product-stats .stat.article,
.viewed-products .carousel .product-item .product-stats .stat.brand {
  display: block;
}
.viewed-products .carousel .product-item .product-colors {
  display: none;
}
.viewed-products .carousel .product-item:hover {
  z-index: 2;
}
.viewed-products .carousel .product-item:hover .inner-container {
  position: absolute;
  height: auto;
  box-shadow: 0 0.4rem 5rem 1.3rem rgba(51, 51, 51, 0.8);
}
.viewed-products .carousel .product-item:hover .product-stats .stat.article[data-show],
.viewed-products .carousel .product-item:hover .product-stats .stat.brand[data-show] {
  display: block;
}
.viewed-products .carousel .product-item:hover .product-name {
  display: initial;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: unset;
  text-overflow: unset;
  word-break: unset;
}
@media (max-width: 1440px) {
  .viewed-products .carousel:not(.faze-carousel-initialized) {
    grid-template-columns: repeat(5, calc(230px + (168 - 230) * ((100vw - 768px) / (1440 - 768))));
    grid-gap: clamp(10px, calc(10px + (20 - 10) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
  .viewed-products .carousel.faze-carousel-initialized .product-item {
    max-width: calc(230px + (168 - 230) * ((100vw - 768px) / (1440 - 768)));
  }
}
@media (max-width: 768px) {
  .viewed-products .carousel-container:has(.carousel.faze-carousel-initialized) .carousel-arrow {
    display: none;
  }
  .viewed-products .carousel:not(.faze-carousel-initialized) {
    grid-template-columns: repeat(5, clamp(215px, calc(215px + (230 - 215) * ((100vw - 560px) / (768 - 560))), 230px));
  }
  .viewed-products .carousel.faze-carousel-initialized .product-item {
    max-width: clamp(215px, calc(215px + (230 - 215) * ((100vw - 560px) / (768 - 560))), 230px);
  }
}
/*
 * Стилизация листинга товаров. ad-buro.products.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
.products .container {
  display: grid;
  grid-template-columns: 25.5rem 1fr;
  grid-template-areas: 'header header' 'sidebar products';
  grid-column-gap: clamp(0px, calc(0px + (30 - 0) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  grid-row-gap: clamp(20px, calc(20px + (50 - 20) * ((100vw - 1440px) / (1920 - 1440))), 50px);
  align-items: start;
  margin-bottom: clamp(20px, calc(20px + (40 - 20) * ((100vw - 1440px) / (1920 - 1440))), 40px);
}
.products .products-header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: 'title title' 'breadcrumbs sorting';
  grid-row-gap: 2rem;
  grid-area: header;
}
.products .products-header .page-title {
  grid-area: title;
}
.products .products-header .breadcrumbs {
  grid-area: breadcrumbs;
}
.products .products-header .mobile-navigation {
  grid-area: mobileNav;
  display: none;
  flex-direction: column;
  row-gap: 1rem;
}
.products .products-header .mobile-navigation .btn-nav {
  padding: 1rem;
  font-weight: 700;
  background-color: #FFE9A8;
  border-radius: 0.7rem;
}
.products .products-header .mobile-navigation .btn-nav span {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}
.products .products-header .mobile-navigation .btn-nav span::after {
  content: '\f2ec';
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  color: #613085;
  font-size: 1rem;
  font-weight: 600;
  transform: rotate(180deg);
}
.products .products-header .sorting {
  grid-area: sorting;
}
.products .page-title {
  margin: 0;
}
.products .sorting {
  display: flex;
  align-items: center;
  column-gap: 2.4rem;
  font-weight: 500;
}
.products .sorting .block-caption {
  font-weight: 500;
}
.products .sorting .sorting-items .sorting-items-inner {
  display: flex;
  align-items: center;
  column-gap: 2.4rem;
}
.products .sorting .sort-item {
  display: flex;
  align-items: center;
}
.products .sorting .sort-item .caption {
  margin-right: 0.8rem;
}
.products .sorting .triangle {
  padding: 0 0.2rem;
  cursor: pointer;
}
.products .sorting .triangle.triangle-down {
  transform: translateY(-0.2rem);
}
.products .sorting .triangle.triangle-down::after {
  content: '\f2ec';
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  color: #613085;
  font-size: 1rem;
  font-weight: 600;
  transform: rotate(180deg);
}
.products .sorting .triangle.triangle-up {
  transform: translateY(0);
}
.products .sorting .triangle.triangle-up::after {
  content: '\f2ec';
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  color: #613085;
  font-size: 1rem;
  font-weight: 600;
  transform: rotate(0);
}
.products .sidebar {
  grid-area: sidebar;
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.products .sidebar .subcategories-menu {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFE9A8;
}
@media (max-width: 560px) {
  .products .sidebar .subcategories-menu {
    border-radius: 0.7rem;
  }
}
.products .sidebar .subcategories-menu .category-name {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
  margin: 0;
  font-size: 1.6rem;
}
.products .sidebar .subcategories-menu .category-name::after {
  content: '\f2ec';
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  color: #613085;
  font-size: 1.2rem;
  font-weight: 600;
  transform: rotate(180deg);
}
.products .sidebar .subcategories-menu.faze-active .subcategories {
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
  padding: 1.6rem 0;
}
.products .sidebar .subcategories-menu.faze-active .category-name::after {
  transform: rotate(0);
}
.products .sidebar .subcategories-menu .subcategory {
  font-weight: 500;
  text-decoration: none;
}
.products .sidebar .filter {
  position: relative;
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFE9A8;
  padding-bottom: 3rem;
}
@media (max-width: 560px) {
  .products .sidebar .filter {
    border-radius: 0.7rem;
  }
}
.products .sidebar .filter .filter-item {
  padding: 1.6rem 0;
}
.products .sidebar .filter .filter-item:not(:first-child) {
  border-top: 0.1rem solid rgba(51, 51, 51, 0.2);
}
.products .sidebar .filter .filter-item:not(:last-child) {
  border-bottom: 0.1rem solid rgba(51, 51, 51, 0.2);
}
.products .sidebar .filter .filter-item.faze-spoiler-initialized .filter-title {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
}
.products .sidebar .filter .filter-item.faze-spoiler-initialized .filter-title::after {
  content: '\f2ec';
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  color: #613085;
  font-size: 1rem;
  font-weight: 600;
  transform: rotate(180deg);
}
.products .sidebar .filter .filter-item.faze-active .filter-title::after {
  transform: rotate(0);
}
.products .sidebar .filter .filter-item.faze-active .filter-body {
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
  padding: 1.6rem 0;
}
.products .sidebar .filter .filter-item.filter-item-new {
  border: none;
}
.products .sidebar .filter .filter-item.filter-item-price {
  border: none;
}
.products .sidebar .filter .filter-item.filter-item-price .slider {
  background-color: #cfcfcf;
}
.products .sidebar .filter .filter-item.filter-item-price .faze-connect,
.products .sidebar .filter .filter-item.filter-item-price .faze-pointer {
  background-color: #613085;
}
.products .sidebar .filter .filter-item.filter-item-price .filter-title {
  margin-bottom: 0.8rem;
}
.products .sidebar .filter .filter-item.filter-item-price .inputs {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.products .sidebar .filter .filter-item.filter-item-price input {
  width: fit-content;
  padding: unset;
  min-height: unset;
  width: 50%;
  height: 3rem;
  font-size: 1.6rem;
  font-weight: 500;
  background-color: transparent;
  border-radius: unset;
}
.products .sidebar .filter .filter-item.filter-item-price input:first-child {
  text-align: left;
}
.products .sidebar .filter .filter-item.filter-item-price input:last-child {
  text-align: right;
}
.products .sidebar .filter .filter-item.filter-item-price input::placeholder {
  font-size: 1.6rem;
}
.products .sidebar .filter .filter-item.filter-item-balance .filter-title {
  margin-bottom: 0.8rem;
}
.products .sidebar .filter .filter-item.filter-item-balance label {
  position: relative;
  display: inline-flex;
  column-gap: 0.5rem;
  width: 100%;
}
.products .sidebar .filter .filter-item.filter-item-balance label::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.1rem;
  width: 8rem;
  background-color: #613085;
}
.products .sidebar .filter .filter-item.filter-item-balance input {
  width: 100%;
  padding: unset;
  min-height: unset;
  height: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  background-color: transparent;
  border-radius: unset;
}
.products .sidebar .filter .filter-item.filter-item-balance input::placeholder {
  font-size: 1.6rem;
}
.products .sidebar .filter .filter-item.filter-item-availability .filter-body {
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
  padding: 1.6rem 0;
}
.products .sidebar .filter .filter-title {
  position: relative;
  font-weight: 500;
}
.products .sidebar .filter .btn-clear-filter {
  display: flex;
  max-width: 17rem;
  width: 100%;
  margin: 3rem auto 0 auto;
}
.products .sidebar .filter .circle.circle-1 {
  top: 4rem;
  right: 6rem;
  width: 2rem;
  height: 2rem;
}
.products .sidebar .filter .circle.circle-2 {
  top: 6rem;
  right: 2.2rem;
  width: 2rem;
  height: 2rem;
}
.products .sidebar .filter .circle.circle-3 {
  top: 2.4rem;
  right: 1rem;
  width: 1.4rem;
  height: 1.4rem;
}
.products .sidebar .btn-mobile-close {
  position: absolute;
  top: 2rem;
  right: 1.5rem;
  display: none;
  width: 2rem;
  height: 2rem;
}
.products .products-items {
  grid-area: products;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(0px, calc(0px + (30 - 0) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.products .products-items .pagination {
  grid-column: 1/-1;
}
.products .pagination {
  margin-top: clamp(0px, calc(0px + (80 - 0) * ((100vw - 1440px) / (1920 - 1440))), 80px);
}
@media (max-width: 1440px) {
  .products .products-header {
    grid-template-columns: 1fr;
    grid-template-areas: 'title' 'breadcrumbs' 'sorting';
  }
  .products .products-header .sorting {
    padding-left: 27rem;
    justify-self: end;
  }
  .products .sidebar {
    transform: translateY(-4.8rem);
  }
  .products .products-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  .products .container {
    grid-template-columns: 1fr;
    grid-template-areas: 'header' 'products';
    grid-column-gap: unset;
    align-items: start;
  }
  .products .products-header {
    grid-template-columns: 1fr;
    grid-template-areas: 'title' 'breadcrumbs' 'mobileNav' 'sorting';
  }
  .products .products-header .mobile-navigation {
    display: flex;
    flex-direction: row;
    column-gap: 2rem;
  }
  .products .products-header .mobile-navigation .btn-nav {
    max-width: 23rem;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 1.6rem 2.4rem;
    border-radius: 2rem;
  }
  .products .products-header .sorting {
    padding-left: unset;
  }
  .products .sidebar {
    position: fixed;
    inset: 0 auto 0 -100%;
    z-index: 5;
    width: 34rem;
    padding: 2rem;
    transform: unset;
    border-radius: 0 2rem 2rem 0;
    background-color: #FFE9A8;
    overflow-y: auto;
    transition: 300ms ease;
  }
  .products .sidebar.is-subcategories-open {
    inset: 0 auto 0 0;
  }
  .products .sidebar.is-subcategories-open .filter {
    display: none;
  }
  .products .sidebar.is-filters-open {
    inset: 0 auto 0 0;
  }
  .products .sidebar.is-filters-open .subcategories-menu {
    display: none;
  }
  .products .sidebar .subcategories-menu {
    padding: unset;
    background-color: transparent;
    border-radius: unset;
  }
  .products .sidebar .subcategories-menu .category-name {
    justify-content: center;
    margin-bottom: 2.5rem;
    font-weight: 700;
    pointer-events: none;
  }
  .products .sidebar .subcategories-menu .category-name::after {
    display: none;
  }
  .products .sidebar .subcategories-menu.faze-active .subcategories {
    display: flex;
    flex-direction: column;
    row-gap: 0.8rem;
    padding: 1.6rem 0;
  }
  .products .sidebar .subcategories-menu.faze-active .category-name::after {
    transform: rotate(0);
  }
  .products .sidebar .subcategories-menu .subcategory {
    font-weight: 500;
    text-decoration: none;
  }
  .products .sidebar .filter {
    max-width: 23rem;
    padding: unset;
    background-color: transparent;
    border-radius: unset;
  }
  .products .sidebar .filter .btn-clear-filter {
    max-width: 14rem;
    margin: 3rem 0 0 0;
  }
  .products .sidebar .btn-mobile-close {
    display: block;
  }
  .products .products-items {
    grid-gap: 2rem;
  }
  .products .products-items .product-item {
    min-height: 46.5rem;
  }
  .products .products-items .product-item .inner-container {
    padding: 1.6rem;
    border: 0.1rem solid #613085;
  }
  .products .products-items .product-item .product-name {
    font-size: 1.4rem;
  }
  .products .products-items .product-item .product-stats .stat:not([data-show]) {
    display: none;
  }
  .products .products-items .product-item .product-stats .stat.article,
  .products .products-items .product-item .product-stats .stat.brand {
    display: block;
  }
}
@media (max-width: 560px) {
  .products .products-header .mobile-navigation {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
  }
  .products .products-header .mobile-navigation .btn-nav {
    max-width: 100%;
    justify-content: unset;
    padding: 1rem;
    border-radius: 0.7rem;
  }
  .products .products-header .sorting {
    padding-left: unset;
  }
  .products .sorting .block-caption {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
  }
  .products .sorting .block-caption::after {
    content: '\f2ec';
    display: inline-block;
    font-family: "Font Awesome 6 Pro";
    color: #613085;
    font-size: 1rem;
    font-weight: 600;
    transform: rotate(180deg);
  }
  .products .sorting:not(.faze-dropdown-initialized) .sorting-items {
    display: none;
  }
  .products .sorting .sorting-items .sorting-items-inner {
    flex-direction: column;
    align-items: flex-end;
    row-gap: 0.8rem;
    min-width: 21rem;
    padding: 1.5rem;
    text-align: right;
    background-color: #FFE9A8;
    border-radius: 2rem;
  }
  .products .sorting.faze-active .sorting-items {
    right: 0;
  }
  .products .sorting .sort-item .caption {
    white-space: nowrap;
  }
  .products .sidebar {
    width: 27.5rem;
  }
  .products .products-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) and (max-width: 1440px) {
  .products .sorting .sorting-items .sorting-items-inner {
    border-radius: clamp(13px, calc(13px + (20 - 13) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
}
@media (max-width: 560px) and (max-width: 768px) {
  .products .sorting .sorting-items .sorting-items-inner {
    border-radius: clamp(7px, calc(7px + (13 - 7) * ((100vw - 560px) / (768 - 560))), 13px);
  }
}
@media (max-width: calc(560px - 160px)) {
  .products .products-items {
    grid-template-columns: 1fr;
  }
  .products .products-items .pagination {
    grid-column: unset;
  }
}
.product-item {
  position: relative;
  z-index: 1;
  max-width: 100%;
  width: 100%;
  min-height: clamp(456px, calc(456px + (495 - 456) * ((100vw - 1440px) / (1920 - 1440))), 495px);
  border-radius: 2rem;
}
.product-item .inner-container {
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
  width: 100%;
  padding: 2rem;
  border-radius: 2rem;
  background-color: #ffffff;
}
.product-item .product-photo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 2rem;
}
.product-item .product-photo img {
  max-width: 100%;
}
.product-item .product-colors {
  position: relative;
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.product-item .product-colors .color {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(35px, calc(35px + (42 - 35) * ((100vw - 1440px) / (1920 - 1440))), 42px);
  height: clamp(35px, calc(35px + (42 - 35) * ((100vw - 1440px) / (1920 - 1440))), 42px);
  border-radius: 1rem;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}
.product-item .product-colors img {
  max-width: 100%;
}
.product-item .product-colors::after {
  content: attr(data-more-colors);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.product-item .product-name {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  font-weight: 500;
  text-decoration: none;
}
.product-item .product-stats {
  font-weight: 500;
}
.product-item .product-stats .stat {
  font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 1440px) / (1920 - 1440))), 16px);
}
.product-item .product-stats .stat:not([data-show]) {
  display: none;
}
.product-item .product-stats .stat.article {
  margin-top: 1rem;
}
.product-item .product-stats .stat.article,
.product-item .product-stats .stat.brand {
  display: none;
}
.product-item .product-buy {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-item .product-buy .price {
  font-weight: 600;
}
.product-item .product-buy .btn-cart {
  width: 2.2rem;
  height: 2.2rem;
  background: url('/i/img/svg/cart-icon.svg') no-repeat center / cover;
  cursor: pointer;
}
@media (min-width: 900px) {
  .product-item:hover {
    z-index: 2;
  }
  .product-item:hover .inner-container {
    position: absolute;
    height: auto;
    box-shadow: 0 0.4rem 5rem 1.3rem rgba(51, 51, 51, 0.8);
  }
  .product-item:hover .product-stats .stat.article[data-show],
  .product-item:hover .product-stats .stat.brand[data-show] {
    display: block;
  }
  .product-item:hover .product-name {
    display: initial;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: unset;
    text-overflow: unset;
    word-break: unset;
  }
}
/*
 * Стилизация карточки товара. ad-buro.product.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
.notif {
  display: none;
}
.notif.is-dev-mode {
  display: block;
}
.product {
  padding: 4rem 0;
  margin-bottom: 4rem;
}
.product .block-title {
  margin-top: 0;
  margin-bottom: clamp(10px, calc(10px + (30 - 10) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  font-size: clamp(24px, calc(24px + (32 - 24) * ((100vw - 1440px) / (1920 - 1440))), 32px);
}
.product .breadcrumbs {
  margin-bottom: clamp(10px, calc(10px + (20 - 10) * ((100vw - 1440px) / (1920 - 1440))), 20px);
}
.product .product-header {
  display: flex;
  column-gap: 0.8rem;
  margin-bottom: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.product .badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.product .badges .badge {
  display: none;
  align-self: flex-start;
  max-width: ft-content;
  padding: 0.5rem 1.3rem;
  font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 1rem;
  transform: translateY(1.2rem);
}
.product .badges .badge[data-show="YES"] {
  display: inline-block;
}
.product .badges .badge.is-hit {
  background-color: #D50156;
}
.product .product-name {
  margin: 0;
  font-size: clamp(24px, calc(24px + (48 - 24) * ((100vw - 1440px) / (1920 - 1440))), 48px);
}
.product .container {
  display: grid;
  grid-template-columns: clamp(480px, calc(480px + (730 - 480) * ((100vw - 1440px) / (1920 - 1440))), 730px) 1fr;
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  grid-template-areas: 'photo variants' 'photo printings' 'photo params' 'photo description' 'photo files' 'photo table';
}
.product .product-photo {
  grid-area: photo;
}
.product .product-photo .sticky-container {
  position: sticky;
  top: 1.5rem;
  padding: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  background-color: #FFE9A8;
  border-radius: 2rem;
}
.product .product-photo .main-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
  cursor: pointer;
}
.product .product-photo .additional-photos {
  position: relative;
  margin-top: 3rem;
  padding: 0 clamp(20px, calc(20px + (32 - 20) * ((100vw - 1440px) / (1920 - 1440))), 32px);
}
.product .product-photo .additional-photos:has(.faze-carousel-initialized) .arrow {
  display: block;
}
.product .product-photo .additional-photos .arrow {
  position: absolute;
  top: 50%;
  display: none;
  width: 2rem;
  height: 100%;
  transform: translateY(-50%);
  cursor: pointer;
}
.product .product-photo .additional-photos .arrow.arrow-prev {
  left: 0;
  background: url('/i/img/svg/additional-photos-arrow-prev_21x20.svg') no-repeat center / contain;
}
.product .product-photo .additional-photos .arrow.arrow-next {
  right: 0;
  background: url('/i/img/svg/additional-photos-arrow-next_21x20.svg') no-repeat center / contain;
}
.product .product-photo .additional-photos .carousel:not(.faze-carousel-initialized) {
  display: flex;
  gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.product .product-photo .additional-photos .carousel:not(.faze-carousel-initialized) .additional-photo {
  display: none;
}
.product .product-photo .additional-photos .carousel:not(.faze-carousel-initialized) .additional-photo:nth-of-type(-n+4) {
  display: block;
}
.product .product-photo .additional-photos .carousel.faze-carousel-initialized .additional-photo {
  margin-right: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.product .product-photo .additional-photos .additional-photo {
  max-width: clamp(85px, calc(85px + (130 - 85) * ((100vw - 1440px) / (1920 - 1440))), 130px);
  height: clamp(85px, calc(85px + (130 - 85) * ((100vw - 1440px) / (1920 - 1440))), 130px);
  object-fit: cover;
  border-radius: 1rem;
  cursor: pointer;
}
.product .product-variants {
  grid-area: variants;
  padding: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  background-color: #24B8CA;
  border-radius: 2rem;
}
@media (max-width: 1440px) {
  .product .product-variants {
    border-radius: clamp(13px, calc(13px + (20 - 13) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
}
@media (max-width: 768px) {
  .product .product-variants {
    border-radius: clamp(7px, calc(7px + (13 - 7) * ((100vw - 560px) / (768 - 560))), 13px);
  }
}
.product .product-variants .color-caption {
  font-weight: 500;
}
.product .product-variants .color-caption span {
  font-weight: 400;
}
.product .product-variants .colors {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  margin: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px) 0;
}
.product .product-variants .color-item {
  display: block;
  width: clamp(30px, calc(30px + (46 - 30) * ((100vw - 1440px) / (1920 - 1440))), 46px);
  height: clamp(30px, calc(30px + (46 - 30) * ((100vw - 1440px) / (1920 - 1440))), 46px);
  border-radius: clamp(7px, calc(7px + (10 - 7) * ((100vw - 1440px) / (1920 - 1440))), 10px);
  overflow: hidden;
}
.product .product-variants .color-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product .product-variants .product-price {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  color: #613085;
  background-color: #F2F2F2;
  border-radius: 1rem 1rem 0 0;
}
.product .product-variants .product-price .value {
  font-size: clamp(24px, calc(24px + (32 - 24) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  font-weight: 600;
  line-height: 1;
}
.product .product-variants .product-price .value::before {
  content: 'Цена';
  display: block;
  font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  font-weight: 500;
}
.product .product-variants .sizes {
  display: flex;
  flex-direction: column;
  row-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  padding: clamp(15px, calc(15px + (30 - 15) * ((100vw - 1440px) / (1920 - 1440))), 30px) clamp(5px, calc(5px + (23 - 5) * ((100vw - 1440px) / (1920 - 1440))), 23px);
  background-color: #ffffff;
  border-radius: 0 0 1rem 1rem;
}
.product .product-variants .sizes.is-single .size-item {
  grid-template-columns: repeat(5, 1fr);
}
.product .product-variants .size-item.size-item-head {
  font-weight: 600;
}
.product .product-variants .size-item.size-item-head .caption {
  text-align: center;
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  font-weight: 700;
  line-height: 1.1;
}
.product .product-variants .size-item {
  display: grid;
  grid-template-columns: 1fr clamp(74px, calc(74px + (85 - 74) * ((100vw - 1440px) / (1920 - 1440))), 85px) clamp(47px, calc(47px + (54 - 47) * ((100vw - 1440px) / (1920 - 1440))), 54px) clamp(56px, calc(56px + (63 - 56) * ((100vw - 1440px) / (1920 - 1440))), 63px) clamp(51px, calc(51px + (58 - 51) * ((100vw - 1440px) / (1920 - 1440))), 58px) clamp(50px, calc(50px + (57 - 50) * ((100vw - 1440px) / (1920 - 1440))), 57px);
  grid-gap: clamp(5px, calc(5px + (30 - 5) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  align-items: center;
}
.product .product-variants .size-item:not(.size-item-head) .caption:nth-of-type(1) {
  font-size: 1.5rem;
  font-weight: 600;
}
.product .product-variants .size-item .caption {
  justify-self: center;
  font-size: clamp(13px, calc(13px + (20 - 13) * ((100vw - 1440px) / (1920 - 1440))), 20px);
  font-weight: 500;
}
.product .product-variants .size-item .caption.is-different-price {
  position: relative;
}
.product .product-variants .size-item .caption.is-different-price i {
  position: absolute;
  top: 50%;
  right: -4.8rem;
  color: #613085;
  transform: translateY(-50%);
}
.product .product-variants .size-item .quantity-input input {
  font-size: clamp(13px, calc(13px + (20 - 13) * ((100vw - 1440px) / (1920 - 1440))), 20px);
}
.product .product-variants .size-item .quantity-input input::placeholder {
  font-size: clamp(13px, calc(13px + (20 - 13) * ((100vw - 1440px) / (1920 - 1440))), 20px);
}
.product .product-variants .size-item .quantity-input .btn-quantity {
  color: rgba(51, 51, 51, 0.4);
}
.product .product-variants .actions {
  align-items: flex-end;
  justify-content: space-between;
  gap: 3rem;
  margin-top: 1.2rem;
}
.product .product-variants .actions.desktop {
  display: flex;
}
.product .product-variants .actions.mobile {
  display: none;
}
.product .product-variants .actions button {
  white-space: nowrap;
}
.product .product-variants .actions .btn-outline {
  max-width: 23rem;
  border-color: #D50156;
}
.product .product-variants .actions .btn-outline:hover {
  border-color: #ee0160;
}
.product .product-variants .actions .btn-cart {
  max-width: fit-content;
  background-color: #D50156;
}
.product .product-variants .actions .btn-cart:hover {
  background-color: #ee0160;
  border-color: #ee0160;
}
.product .product-variants .actions .total-price {
  display: flex;
  flex-direction: column;
  font-size: clamp(24px, calc(24px + (32 - 24) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  font-weight: 700;
  color: #613085;
}
.product .product-variants .actions .total-price::before {
  content: 'Сумма';
  font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  font-weight: 500;
}
.product .product-printings {
  grid-area: printings;
  display: none;
}
.product .product-printings .inner-container {
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
  padding: clamp(16px, calc(16px + (30 - 16) * ((100vw - 1440px) / (1920 - 1440))), 30px) clamp(42px, calc(42px + (30 - 42) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  background: #FFE9A8 url('/i/img/pages/catalog/printings-bg.jpg') no-repeat center / cover;
  border-radius: 2rem;
}
@media (max-width: 1440px) {
  .product .product-printings .inner-container {
    border-radius: clamp(13px, calc(13px + (20 - 13) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
}
@media (max-width: 768px) {
  .product .product-printings .inner-container {
    border-radius: clamp(7px, calc(7px + (13 - 7) * ((100vw - 560px) / (768 - 560))), 13px);
  }
}
.product .product-printings .printing {
  display: inline-flex;
  align-items: center;
  max-width: fit-content;
  height: clamp(34px, calc(34px + (45 - 34) * ((100vw - 1440px) / (1920 - 1440))), 45px);
  padding: 0 1.6rem;
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  font-weight: 500;
  background-color: #ffffff;
  border-radius: 10rem;
}
.product .product-printings .printing:nth-of-type(odd) {
  box-shadow: -1.2rem 0 0 0 #DFCAEF;
}
.product .product-printings .printing:nth-of-type(even) {
  box-shadow: -1.2rem 0 0 0 #FFA100;
}
.product .product-printings[datas-show] {
  display: block;
}
.product .product-params {
  grid-area: params;
}
.product .product-params .inner-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.product .product-params .column {
  display: flex;
  flex-direction: column;
  row-gap: clamp(10px, calc(10px + (20 - 10) * ((100vw - 1440px) / (1920 - 1440))), 20px);
}
.product .product-params .column:first-child {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFE9A8;
}
@media (max-width: 560px) {
  .product .product-params .column:first-child {
    border-radius: 0.7rem;
  }
}
.product .product-params .column:last-child {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #DFCAEF;
}
@media (max-width: 560px) {
  .product .product-params .column:last-child {
    border-radius: 0.7rem;
  }
}
.product .product-params .param {
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
}
.product .product-params .param:not([data-show]) {
  display: none;
}
.product .product-params .param .caption {
  color: rgba(51, 51, 51, 0.6);
}
.product .product-description {
  grid-area: description;
}
.product .product-description .inner-container {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFE9A8;
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  font-weight: 500;
}
@media (max-width: 560px) {
  .product .product-description .inner-container {
    border-radius: 0.7rem;
  }
}
.product .product-files {
  grid-area: files;
}
.product .product-files .inner-container {
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #DFCAEF;
}
@media (max-width: 560px) {
  .product .product-files .inner-container {
    border-radius: 0.7rem;
  }
}
.product .product-table {
  display: none;
  grid-area: table;
}
@media (max-width: 1440px) {
  .product .container {
    grid-template-columns: clamp(317px, calc(317px + (480 - 317) * ((100vw - 768px) / (1440 - 768))), 480px) 1fr;
  }
  .product .product-photo .sticky-container {
    border-radius: clamp(13px, calc(13px + (20 - 13) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
  .product .product-photo .main-photo {
    border-radius: clamp(7px, calc(7px + (10 - 7) * ((100vw - 768px) / (1440 - 768))), 10px);
  }
  .product .product-photo .additional-photos {
    margin-top: clamp(20px, calc(20px + (30 - 20) * ((100vw - 768px) / (1440 - 768))), 30px);
  }
  .product .product-photo .additional-photos .carousel:not(.faze-carousel-initialized) {
    gap: clamp(10px, calc(10px + (20 - 10) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
  .product .product-photo .additional-photos .carousel.faze-carousel-initialized .additional-photo {
    margin-right: clamp(10px, calc(10px + (20 - 10) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
  .product .product-photo .additional-photos .additional-photo {
    max-width: clamp(56px, calc(56px + (85 - 56) * ((100vw - 768px) / (1440 - 768))), 85px);
    height: clamp(56px, calc(56px + (85 - 56) * ((100vw - 768px) / (1440 - 768))), 85px);
    border-radius: clamp(7px, calc(7px + (10 - 7) * ((100vw - 768px) / (1440 - 768))), 10px);
  }
  .product .product-variants {
    padding: 2.4rem clamp(10px, calc(10px + (20 - 10) * ((100vw - 768px) / (1440 - 768))), 20px);
    background-color: #24B8CA;
    border-radius: 2rem;
  }
  .product .product-variants .color-item {
    width: clamp(25px, calc(25px + (30 - 25) * ((100vw - 768px) / (1440 - 768))), 30px);
    height: clamp(25px, calc(25px + (30 - 25) * ((100vw - 768px) / (1440 - 768))), 30px);
  }
  .product .product-variants .product-price {
    padding: 1rem clamp(10px, calc(10px + (16 - 10) * ((100vw - 768px) / (1440 - 768))), 16px);
  }
  .product .product-variants .sizes {
    display: flex;
    flex-direction: column;
    row-gap: clamp(5px, calc(5px + (20 - 5) * ((100vw - 768px) / (1440 - 768))), 20px);
    padding: clamp(5px, calc(5px + (15 - 5) * ((100vw - 1440px) / (1920 - 1440))), 15px) 0.5rem;
  }
  .product .product-variants .size-item.size-item-head .caption {
    font-size: clamp(12px, calc(12px + (14 - 12) * ((100vw - 768px) / (1440 - 768))), 14px);
  }
  .product .product-variants .size-item {
    grid-template-columns: clamp(48px, calc(48px + (57 - 48) * ((100vw - 768px) / (1440 - 768))), 57px) clamp(61px, calc(61px + (74 - 61) * ((100vw - 768px) / (1440 - 768))), 74px) clamp(39px, calc(39px + (47 - 39) * ((100vw - 768px) / (1440 - 768))), 47px) clamp(47px, calc(47px + (56 - 47) * ((100vw - 768px) / (1440 - 768))), 56px) clamp(42px, calc(42px + (51 - 42) * ((100vw - 768px) / (1440 - 768))), 51px) clamp(41px, calc(41px + (50 - 41) * ((100vw - 768px) / (1440 - 768))), 50px);
  }
  .product .product-variants .size-item .caption {
    font-size: clamp(12px, calc(12px + (13 - 12) * ((100vw - 768px) / (1440 - 768))), 13px);
  }
  .product .product-variants .actions {
    display: flex;
    gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 768px) / (1440 - 768))), 30px);
  }
  .product .product-printings .inner-container {
    padding: 1.6rem clamp(28px, calc(28px + (42 - 28) * ((100vw - 768px) / (1440 - 768))), 42px);
  }
  .product .product-printings .inner-container {
    row-gap: clamp(8px, calc(8px + (16 - 8) * ((100vw - 768px) / (1440 - 768))), 16px);
  }
  .product .product-printings .printing {
    font-size: clamp(12px, calc(12px + (14 - 12) * ((100vw - 768px) / (1440 - 768))), 14px);
  }
  .product .product-description .inner-container {
    font-size: clamp(12px, calc(12px + (14 - 12) * ((100vw - 768px) / (1440 - 768))), 14px);
  }
}
@media (max-width: 1440px) and (max-width: 1440px) {
  .product .product-variants {
    border-radius: clamp(13px, calc(13px + (20 - 13) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
}
@media (max-width: 1440px) and (max-width: 768px) {
  .product .product-variants {
    border-radius: clamp(7px, calc(7px + (13 - 7) * ((100vw - 560px) / (768 - 560))), 13px);
  }
}
@media (max-width: 768px) {
  .product .container {
    grid-template-columns: 1fr;
    grid-row-gap: 2rem;
    grid-template-areas: 'photo' 'variants' 'printings' 'params' 'description' 'files' 'table';
  }
  .product .product-photo .additional-photos .additional-photo {
    max-width: clamp(50px, calc(50px + (150 - 50) * ((100vw - 320px) / (768 - 320))), 150px);
    height: clamp(50px, calc(50px + (150 - 50) * ((100vw - 320px) / (768 - 320))), 150px);
  }
  .product .product-variants .colors {
    gap: clamp(10px, calc(10px + (20 - 10) * ((100vw - 560px) / (768 - 560))), 20px);
  }
  .product .product-variants .color-item {
    width: clamp(20px, calc(20px + (25 - 20) * ((100vw - 320px) / (768 - 320))), 25px);
    height: clamp(20px, calc(20px + (25 - 20) * ((100vw - 320px) / (768 - 320))), 25px);
  }
  .product .product-variants .product-price .value {
    font-size: clamp(20px, calc(20px + (24 - 20) * ((100vw - 320px) / (768 - 320))), 24px);
  }
  .product .product-variants .size-item.size-item-head .caption {
    font-size: clamp(10px, calc(10px + (14 - 10) * ((100vw - 560px) / (768 - 560))), 14px);
  }
  .product .product-variants .size-item {
    grid-template-columns: repeat(6, 1fr);
  }
  .product .product-variants .size-item .caption {
    font-size: clamp(12px, calc(12px + (13 - 12) * ((100vw - 320px) / (768 - 320))), 13px);
  }
  .product .product-variants .actions {
    gap: clamp(10px, calc(10px + (20 - 10) * ((100vw - 320px) / (768 - 320))), 20px);
  }
  .product .product-variants .actions.desktop {
    display: none;
  }
  .product .product-variants .actions.mobile {
    margin-top: 0.75rem;
    display: flex;
  }
  .product .product-params .inner-container {
    grid-gap: clamp(10px, calc(10px + (20 - 10) * ((100vw - 320px) / (768 - 320))), 20px);
  }
  .product .product-params .param {
    font-size: clamp(12px, calc(12px + (14 - 12) * ((100vw - 320px) / (768 - 320))), 14px);
  }
}
/*
 * Стилизация корзины. ad-buro.cart.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
.cart .page-title {
  margin-top: 0;
  margin-bottom: 3rem;
}
.cart .container {
  display: grid;
  grid-template-columns: 1fr clamp(241px, calc(241px + (525 - 241) * ((100vw - 1440px) / (1920 - 1440))), 525px);
  grid-template-areas: 'cartItems orderInfo';
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.cart .cart-items-container {
  grid-area: cartItems;
  display: flex;
  flex-direction: column;
  row-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.cart .cart-item {
  position: relative;
  display: grid;
  grid-template-columns: clamp(190px, calc(190px + (200 - 190) * ((100vw - 1440px) / (1920 - 1440))), 200px) clamp(200px, calc(200px + (250 - 200) * ((100vw - 1440px) / (1920 - 1440))), 250px) 1fr clamp(130px, calc(130px + (160 - 130) * ((100vw - 1440px) / (1920 - 1440))), 160px) clamp(36px, calc(36px + (54 - 36) * ((100vw - 1440px) / (1920 - 1440))), 54px);
  align-items: center;
}
.cart .cart-item .product-photo {
  width: 170px;
  height: 100%;
  padding: 15px;
  border-radius: 20px;
  background-color: #FFE9A8;
}
.cart .cart-item .product-photo img {
  width: 14rem;
  height: 14rem;
  object-fit: cover;
}
.cart .cart-item .product-details {
  padding: clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px) 0 clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
}
.cart .cart-item .product-name {
  display: block;
  margin-bottom: 1.2rem;
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  font-weight: 700;
  text-decoration: none;
  line-height: 1.2;
}
.cart .cart-item .product-param {
  display: none;
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  font-weight: 500;
  line-height: 1.4;
}
.cart .cart-item .product-param[data-show] {
  display: block;
}
.cart .cart-item .product-price {
  justify-self: end;
  padding-right: 3rem;
  font-size: clamp(16px, calc(16px + (20 - 16) * ((100vw - 1440px) / (1920 - 1440))), 20px);
  font-weight: 500;
  white-space: nowrap;
}
.cart .cart-item .product-quantity {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  padding-right: 3rem;
}
.cart .cart-item .product-quantity .quantity-input {
  display: flex;
  justify-content: center;
}
.cart .cart-item .product-quantity input {
  max-width: 6rem;
}
.cart .cart-item .product-quantity .quantity-available {
  font-size: 1.2rem;
  color: rgba(51, 51, 51, 0.4);
  text-align: center;
}
.cart .cart-item .btn-close {
  justify-self: start;
  width: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  height: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.cart .cart-item::after {
  content: '';
  position: absolute;
  inset: 0 0 0 auto;
  z-index: -1;
  width: calc(100% - clamp(190px, calc(190px + (200 - 190) * ((100vw - 1440px) / (1920 - 1440))), 200px));
  height: 100%;
  background-color: #FFF5D8;
  border-radius: 20px;
}
.cart .order-info {
  grid-area: orderInfo;
  display: flex;
  flex-direction: column;
  row-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.cart .order-info .order-cell {
  text-align: right;
}
.cart .order-info .order-cell p a {
  white-space: nowrap;
}
.cart .order-info .order-cell:first-child {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #E0C9F0;
}
@media (max-width: 560px) {
  .cart .order-info .order-cell:first-child {
    border-radius: 0.7rem;
  }
}
.cart .order-info .order-cell:last-child {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFE9A8;
  min-height: 16.8rem;
  background: url('/i/img/pages/cart/cart-column-bg.jpg') no-repeat center / cover;
}
@media (max-width: 560px) {
  .cart .order-info .order-cell:last-child {
    border-radius: 0.7rem;
  }
}
.cart .order-info .order-cell:last-child p {
  font-weight: 500;
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
}
.cart .order-info .total-names,
.cart .order-info .total-pieces {
  font-weight: 600;
  line-height: 1.8;
  font-size: clamp(14px, calc(14px + (18 - 14) * ((100vw - 1440px) / (1920 - 1440))), 18px);
}
.cart .order-info .total-price {
  margin-top: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  font-size: clamp(16px, calc(16px + (32 - 16) * ((100vw - 768px) / (1920 - 768))), 32px);
  line-height: 1.1;
  font-weight: 600;
}
.cart .order-info .order-actions {
  display: flex;
  column-gap: 3rem;
  justify-content: flex-end;
  margin-top: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
@media (max-width: 1440px) {
  .cart .order-actions {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: unset;
  }
  .cart .order-actions .btn-create-offer {
    order: 2;
  }
  .cart .order-actions .btn-order {
    order: 1;
  }
}
@media (max-width: calc(1440px - 140px)) {
  .cart .container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: 'cartItems' 'orderInfo';
  }
  .cart .order-info {
    display: grid;
    grid-template-columns: 24rem 1fr;
    grid-gap: 2rem;
  }
}
@media (max-width: 680px) {
  .cart .cart-item {
    grid-template-columns: 7rem 1fr;
    grid-template-areas: 'photo details' 'price quantity';
    grid-column-gap: 1rem;
    grid-row-gap: 1.5rem;
    align-items: unset;
    padding: 1rem;
    background-color: #FFF5D8;
    border-radius: 2rem;
  }
  .cart .cart-item .product-photo {
    grid-area: photo;
    width: 7rem;
    height: 7rem;
    padding: unset;
    border-radius: unset;
    background-color: transparent;
  }
  .cart .cart-item .product-photo img {
    width: 7rem;
    height: 7rem;
    border-radius: 1rem;
  }
  .cart .cart-item .product-details {
    grid-area: details;
    padding: unset;
  }
  .cart .cart-item .product-price {
    grid-area: price;
    justify-self: start;
    align-self: end;
    padding-right: unset;
  }
  .cart .cart-item .product-quantity {
    grid-area: quantity;
    justify-self: end;
    align-self: end;
    padding-right: 3rem;
  }
  .cart .cart-item .btn-close {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
  }
  .cart .cart-item::after {
    display: none;
  }
}
@media (max-width: 680px) and (max-width: 1440px) {
  .cart .cart-item {
    border-radius: clamp(13px, calc(13px + (20 - 13) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
}
@media (max-width: 680px) and (max-width: 768px) {
  .cart .cart-item {
    border-radius: clamp(7px, calc(7px + (13 - 7) * ((100vw - 560px) / (768 - 560))), 13px);
  }
}
@media (max-width: 560px) {
  .cart .order-info {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
  }
  .cart .order-info .order-cell:last-child {
    min-height: 23rem;
  }
}
/*
 * Стилизация страницы контакты. ad-buro.contacts.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
.contacts .grid-container {
  display: grid;
  grid-template-columns: clamp(630px, calc(630px + (930 - 630) * ((100vw - 1440px) / (1920 - 1440))), 930px) 1fr;
  grid-template-areas: 'address contacts' 'map reviews';
  grid-column-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  grid-row-gap: clamp(20px, calc(20px + (120 - 20) * ((100vw - 1440px) / (1920 - 1440))), 120px);
}
.contacts .grid-cell {
  padding: 2rem;
  border-radius: 2rem;
}
.contacts .grid-cell.grid-cell-address {
  position: relative;
  grid-area: address;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  min-height: 32rem;
  background-color: #24B8CA;
}
.contacts .grid-cell.grid-cell-address a {
  text-decoration: none;
}
.contacts .grid-cell.grid-cell-address img {
  max-width: 49rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2rem;
}
.contacts .grid-cell.grid-cell-address address {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #613085;
  font-style: normal;
}
.contacts .grid-cell.grid-cell-address address::before {
  content: '';
  width: 2.8rem;
  height: 4.5rem;
  background: url('/i/img/pages/contacts/point_28x45.svg') no-repeat center / cover;
}
.contacts .grid-cell.grid-cell-address .circle.circle-1 {
  top: 2rem;
  right: 30rem;
  width: 4.2rem;
  height: 4.2rem;
}
.contacts .grid-cell.grid-cell-address .circle.circle-2 {
  top: 9.4rem;
  right: 26rem;
  width: 3.3rem;
  height: 3.3rem;
}
.contacts .grid-cell.grid-cell-address .circle.circle-3 {
  top: 4rem;
  right: 18rem;
  width: 3.5rem;
  height: 3.5rem;
}
.contacts .grid-cell.grid-cell-address .circle.circle-4 {
  top: 10rem;
  right: 13rem;
  width: 2.6rem;
  height: 2.6rem;
}
.contacts .grid-cell.grid-cell-address .circle.circle-5 {
  top: 0.5rem;
  right: 10rem;
  width: 3rem;
  height: 3rem;
}
.contacts .grid-cell.grid-cell-contacts {
  grid-area: contacts;
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
  min-height: 32rem;
  padding-left: calc(2rem + 1.2rem);
  background: #FFF5D8 url('/i/img/pages/contacts/contacts-item-bg.jpg') no-repeat center / cover;
}
.contacts .grid-cell.grid-cell-contacts a {
  display: inline-flex;
  align-items: center;
  max-width: fit-content;
  min-height: 4.5rem;
  padding: 0 1.6rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 10rem;
  box-shadow: -1.2rem 0 0 0 #FFD861;
  background-color: #ffffff;
}
.contacts .grid-cell.grid-cell-contacts a:nth-of-type(1) {
  box-shadow: -1.2rem 0 0 0 #E0C9F0;
}
.contacts .grid-cell.grid-cell-map {
  grid-area: map;
  min-height: 54.2rem;
  background-color: #24B8CA;
}
.contacts .grid-cell.grid-cell-map #map {
  width: 100%;
  height: 100%;
}
.contacts .grid-cell.grid-cell-reviews {
  grid-area: reviews;
  min-height: 54.2rem;
  background-color: #E0C9F0;
}
.contacts .grid-cell.grid-cell-reviews .yandex-reviews-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.contacts .grid-cell.grid-cell-reviews .yandex-reviews-container iframe {
  width: 100%;
  height: 100%;
  border: 0.1rem solid #e6e6e6;
  border-radius: 0.8rem;
}
@media (max-width: 1440px) {
  .contacts .grid-container {
    display: grid;
    grid-template-columns: clamp(300px, calc(300px + (500 - 300) * ((100vw - 900px) / (1440 - 900))), 500px) 1fr;
    grid-template-areas: 'address address' 'contacts reviews';
  }
  .contacts .grid-cell {
    padding: 2rem;
    border-radius: 2rem;
  }
  .contacts .grid-cell.grid-cell-address {
    min-height: clamp(228px, calc(228px + (320 - 228) * ((100vw - 768px) / (1440 - 768))), 320px);
  }
  .contacts .grid-cell.grid-cell-address img {
    max-width: clamp(355px, calc(355px + (490 - 355) * ((100vw - 768px) / (1440 - 768))), 490px);
    border-radius: clamp(13px, calc(13px + (20 - 13) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
  .contacts .grid-cell.grid-cell-address address {
    font-size: clamp(16px, calc(16px + (24 - 16) * ((100vw - 768px) / (1440 - 768))), 24px);
  }
  .contacts .grid-cell.grid-cell-address .circle.circle-1 {
    top: clamp(15px, calc(15px + (20 - 15) * ((100vw - 768px) / (1440 - 768))), 20px);
    right: clamp(225px, calc(225px + (300 - 225) * ((100vw - 768px) / (1440 - 768))), 300px);
  }
  .contacts .grid-cell.grid-cell-address .circle.circle-2 {
    top: clamp(70px, calc(70px + (94 - 70) * ((100vw - 768px) / (1440 - 768))), 94px);
    right: clamp(190px, calc(190px + (260 - 190) * ((100vw - 768px) / (1440 - 768))), 260px);
  }
  .contacts .grid-cell.grid-cell-address .circle.circle-3 {
    top: 4rem;
    right: clamp(130px, calc(130px + (180 - 130) * ((100vw - 768px) / (1440 - 768))), 180px);
  }
  .contacts .grid-cell.grid-cell-address .circle.circle-4 {
    top: clamp(70px, calc(70px + (100 - 70) * ((100vw - 768px) / (1440 - 768))), 100px);
    right: clamp(90px, calc(90px + (130 - 90) * ((100vw - 768px) / (1440 - 768))), 130px);
  }
  .contacts .grid-cell.grid-cell-address .circle.circle-5 {
    top: 0.5rem;
    right: clamp(75px, calc(75px + (100 - 75) * ((100vw - 768px) / (1440 - 768))), 100px);
  }
  .contacts .grid-cell.grid-cell-map {
    display: none;
  }
}
@media (max-width: 900px) {
  .contacts .grid-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: 'address' 'contacts' 'reviews';
  }
}
@media (max-width: 768px) {
  .contacts .grid-cell.grid-cell-address {
    flex-direction: column;
    justify-content: unset;
  }
  .contacts .grid-cell.grid-cell-address img {
    max-width: 100%;
    border-radius: clamp(7px, calc(7px + (13 - 7) * ((100vw - 560px) / (768 - 560))), 13px);
  }
  .contacts .grid-cell.grid-cell-address .circle.circle-3,
  .contacts .grid-cell.grid-cell-address .circle.circle-5 {
    display: none;
  }
  .contacts .grid-cell.grid-cell-address .circle.circle-1 {
    top: auto;
    left: 1rem;
    bottom: 7rem;
    width: 2rem;
    height: 2rem;
  }
  .contacts .grid-cell.grid-cell-address .circle.circle-2 {
    top: auto;
    left: 3.7rem;
    bottom: 4rem;
    width: 1.6rem;
    height: 1.6rem;
  }
  .contacts .grid-cell.grid-cell-address .circle.circle-4 {
    top: auto;
    left: 5.8rem;
    bottom: 7rem;
    width: 1.2rem;
    height: 1.2rem;
  }
  .contacts .grid-cell.grid-cell-contacts {
    row-gap: clamp(10px, calc(10px + (16 - 10) * ((100vw - 560px) / (768 - 560))), 16px);
    min-height: clamp(265px, calc(265px + (320 - 265) * ((100vw - 560px) / (768 - 560))), 320px);
    padding-left: 2rem;
  }
  .contacts .grid-cell.grid-cell-contacts a {
    min-height: 4rem;
    font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 560px) / (768 - 560))), 16px);
  }
}
@media (max-width: 560px) {
  .contacts .grid-cell.grid-cell-address {
    flex-direction: column;
    justify-content: unset;
  }
  .contacts .grid-cell.grid-cell-address img {
    max-width: 100%;
  }
}
@media (max-width: 900px) {
  .page-contacts .cases {
    display: none;
  }
}
/*
 * Стилизация блога. ad-buro.cart.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-03-17
 */
.blog.listing .articles-list {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.blog.listing .article {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3rem;
}
.blog.listing .article-thumb {
  width: 100%;
  height: 100%;
  max-height: clamp(286px, calc(286px + (434 - 286) * ((100vw - 1440px) / (1920 - 1440))), 434px);
  border-radius: 2rem;
  overflow: hidden;
  max-height: 43.4rem;
}
.blog.listing .article-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2rem;
}
.blog.listing .text-container {
  display: flex;
  flex-direction: column;
  font-size: clamp(16px, calc(16px + (20 - 16) * ((100vw - 1440px) / (1920 - 1440))), 20px);
  font-weight: 500;
  line-height: 1.3;
  color: #333333;
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFF5D8;
  background-image: url('/i/img/pages/blog/article-bg.svg');
  background-repeat: no-repeat;
  background-position: 90% 90%;
}
@media (max-width: 560px) {
  .blog.listing .text-container {
    border-radius: 0.7rem;
  }
}
.blog.listing .text-container .article-date-published {
  margin-bottom: 0.8rem;
}
.blog.listing .text-container .article-name {
  display: block;
  margin-bottom: 1.2rem;
  font-size: clamp(24px, calc(24px + (36 - 24) * ((100vw - 1440px) / (1920 - 1440))), 36px);
  font-weight: 700;
  color: #613085;
  text-decoration: none;
}
.blog.listing .text-container .article-excerpt {
  flex-grow: 1;
  margin-bottom: 1.2rem;
}
.blog.listing .text-container .btn-more {
  max-width: fit-content;
}
@media (max-width: 1440px) {
  .blog.listing .articles-list {
    row-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 768px) / (1440 - 768))), 30px);
  }
  .blog.listing .article {
    grid-template-columns: clamp(261px, calc(261px + (445 - 261) * ((100vw - 768px) / (1440 - 768))), 445px) 1fr;
    grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 768px) / (1440 - 768))), 30px);
  }
  .blog.listing .article-thumb {
    min-height: clamp(216px, calc(216px + (286 - 216) * ((100vw - 768px) / (1440 - 768))), 286px);
  }
  .blog.listing .text-container {
    font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 768px) / (1440 - 768))), 16px);
  }
  .blog.listing .text-container .article-name {
    font-size: clamp(16px, calc(16px + (24 - 16) * ((100vw - 768px) / (1440 - 768))), 24px);
  }
}
@media (max-width: 560px) {
  .blog.listing .article {
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
  .blog.listing .article-thumb {
    border-radius: 0.7rem;
  }
  .blog.listing .article-thumb img {
    border-radius: 0.7rem;
  }
}
.blog.page .article-content {
  position: relative;
  max-width: 98.5rem;
  padding-bottom: clamp(20px, calc(20px + (40 - 20) * ((100vw - 560px) / (1920 - 560))), 40px);
}
.blog.page .back-link {
  top: 6.5rem;
  left: -4.9rem;
  width: 3.9rem;
  height: 3.9rem;
}
.blog.page .article-meta {
  margin-bottom: 1.8rem;
  color: #9CA3AF;
}
.blog.page .article-name {
  margin-top: 0;
  margin-bottom: 4rem;
  line-height: 1.2;
}
.blog.page .article-main-photo {
  max-width: 44.7rem;
  width: 100%;
  height: clamp(154px, calc(154px + (255 - 154) * ((100vw - 560px) / (1920 - 560))), 255px);
  margin: 2rem 0;
  border-radius: clamp(7px, calc(7px + (20 - 7) * ((100vw - 560px) / (1920 - 560))), 20px);
  overflow: hidden;
}
.blog.page .article-main-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(7px, calc(7px + (20 - 7) * ((100vw - 560px) / (1920 - 560))), 20px);
}
.blog.page .article-photos {
  display: grid;
  grid-template-columns: repeat(3, clamp(216px, calc(216px + (315 - 216) * ((100vw - 768px) / (1920 - 768))), 315px));
  grid-gap: 2rem;
  margin: clamp(50px, calc(50px + (64 - 50) * ((100vw - 1440px) / (1920 - 1440))), 64px) 0;
}
.blog.page .article-photos img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(7px, calc(7px + (20 - 7) * ((100vw - 560px) / (1920 - 560))), 20px);
  cursor: pointer;
}
.blog.page .user-content:has(.article-photos) + .share-link {
  margin-top: unset;
}
.blog.page .tooltip-socials {
  display: flex;
  gap: 0.5rem;
}
.blog.page .tooltip-socials .social {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  text-decoration: none;
}
.blog.page .tooltip-socials .social::after {
  font-family: "Font Awesome 6 Brands";
  font-size: 3rem;
  color: #613085;
}
.blog.page .tooltip-socials .social[data-icon="vkontakte"]::after {
  content: '\f189';
}
.blog.page .tooltip-socials .social[data-icon="whatsapp"]::after {
  content: '\f40c';
}
.blog.page .tooltip-socials .social[data-icon="telegram"]::after {
  content: '\f2c6';
}
.blog.page .share-link {
  margin-top: clamp(30px, calc(30px + (64 - 30) * ((100vw - 560px) / (1920 - 560))), 64px);
}
.blog.page .article-date-published-bottom {
  position: absolute;
  right: 0;
  bottom: clamp(25px, calc(25px + (45 - 25) * ((100vw - 560px) / (1920 - 560))), 45px);
  color: #9CA3AF;
}
.blog.page .viewed-articles {
  max-width: 88rem;
  padding-top: 2.8rem;
  border-top: 0.2rem solid #E5E7EB;
}
.blog.page .viewed-articles .block-title {
  margin-top: 0;
  margin-bottom: 3rem;
}
.blog.page .viewed-articles .carousel-container {
  position: relative;
}
.blog.page .viewed-articles .carousel-container .carousel-arrow {
  display: none;
}
.blog.page .viewed-articles .carousel-container .carousel {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
}
.blog.page .viewed-articles .carousel-container:has(.faze-carousel-initialized) .carousel-arrow {
  display: block;
}
.blog.page .viewed-articles .carousel-container:has(.faze-carousel-initialized) .article-preview {
  margin-right: 2rem;
}
.blog.page .viewed-articles .article-preview {
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
  max-width: clamp(215px, calc(215px + (205 - 215) * ((100vw - 560px) / (1920 - 560))), 205px);
}
.blog.page .viewed-articles .article-preview a {
  font-weight: 500;
  text-decoration: none;
}
.blog.page .viewed-articles .article-thumb {
  width: 100%;
  height: clamp(215px, calc(215px + (205 - 215) * ((100vw - 560px) / (1920 - 560))), 205px);
}
.blog.page .viewed-articles .article-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2rem;
}
.blog.page .user-content p {
  position: relative;
  z-index: 2;
  padding: 1em;
  border-radius: clamp(7px, calc(7px + (20 - 7) * ((100vw - 560px) / (1920 - 560))), 20px);
}
.blog.page .user-content p:hover {
  box-shadow: 0 0 1rem 0 rgba(34, 60, 80, 0.2);
}
@media (max-width: 768px) {
  .blog.page .back-link {
    display: none;
  }
  .blog.page .article-photos {
    grid-template-columns: 1fr;
  }
  .blog.page .user-content p {
    padding: 0;
  }
  .blog.page .user-content p:hover {
    box-shadow: none;
  }
  .blog.page .viewed-articles .carousel-container:has(.faze-carousel-initialized) .carousel-arrow {
    display: none;
  }
}
/*
 * Стилизация страницы портфолио (Кейсы). ad-buro.portfolio.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
.portfolio.listing .cases-list {
  display: flex;
  flex-direction: column;
  row-gap: 4rem;
}
.portfolio.listing .case-item {
  position: relative;
  display: grid;
  grid-column-gap: clamp(24px, calc(24px + (30 - 24) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  min-height: clamp(640px, calc(640px + (816 - 640) * ((100vw - 1440px) / (1920 - 1440))), 816px);
}
.portfolio.listing .case-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}
.portfolio.listing .case-item:nth-of-type(odd) {
  grid-template-columns: clamp(528px, calc(528px + (673 - 528) * ((100vw - 1440px) / (1920 - 1440))), 673px) 1fr;
  grid-template-areas: "thumb text";
  text-align: left;
}
.portfolio.listing .case-item:nth-of-type(odd) .floating-thumb[data-size="small"] {
  left: clamp(146px, calc(146px + (186 - 146) * ((100vw - 1440px) / (1920 - 1440))), 186px);
  bottom: 0;
}
.portfolio.listing .case-item:nth-of-type(odd) .floating-thumb[data-size="medium"] {
  left: clamp(479px, calc(479px + (611 - 479) * ((100vw - 1440px) / (1920 - 1440))), 611px);
  bottom: clamp(82px, calc(82px + (105 - 82) * ((100vw - 1440px) / (1920 - 1440))), 105px);
}
.portfolio.listing .case-item:nth-of-type(odd) .btn-more {
  margin-left: auto;
}
.portfolio.listing .case-item:nth-of-type(even) {
  grid-template-columns: 1fr clamp(528px, calc(528px + (673 - 528) * ((100vw - 1440px) / (1920 - 1440))), 673px);
  grid-template-areas: "text thumb";
  text-align: right;
}
.portfolio.listing .case-item:nth-of-type(even) .floating-thumb[data-size="small"] {
  right: clamp(146px, calc(146px + (186 - 146) * ((100vw - 1440px) / (1920 - 1440))), 186px);
  bottom: 0;
}
.portfolio.listing .case-item:nth-of-type(even) .floating-thumb[data-size="medium"] {
  right: clamp(479px, calc(479px + (611 - 479) * ((100vw - 1440px) / (1920 - 1440))), 611px);
  bottom: clamp(82px, calc(82px + (105 - 82) * ((100vw - 1440px) / (1920 - 1440))), 105px);
}
.portfolio.listing .case-item:nth-of-type(even) .btn-more {
  margin-right: auto;
}
.portfolio.listing .case-item .btn-more {
  display: flex;
  max-width: fit-content;
  margin-top: clamp(15px, calc(15px + (30 - 15) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.portfolio.listing .case-thumb {
  position: relative;
  z-index: 1;
  width: clamp(528px, calc(528px + (673 - 528) * ((100vw - 1440px) / (1920 - 1440))), 673px);
  height: clamp(349px, calc(349px + (445 - 349) * ((100vw - 1440px) / (1920 - 1440))), 445px);
  grid-area: thumb;
}
.portfolio.listing .floating-thumb {
  position: absolute;
  z-index: 2;
}
.portfolio.listing .floating-thumb[data-size="small"] {
  width: clamp(236px, calc(236px + (300 - 236) * ((100vw - 1440px) / (1920 - 1440))), 300px);
  height: clamp(236px, calc(236px + (300 - 236) * ((100vw - 1440px) / (1920 - 1440))), 300px);
}
.portfolio.listing .floating-thumb[data-size="medium"] {
  width: clamp(336px, calc(336px + (427 - 336) * ((100vw - 1440px) / (1920 - 1440))), 427px);
  height: clamp(262px, calc(262px + (334 - 262) * ((100vw - 1440px) / (1920 - 1440))), 334px);
}
.portfolio.listing .text-container {
  padding-top: clamp(56px, calc(56px + (67 - 56) * ((100vw - 1440px) / (1920 - 1440))), 67px);
  grid-area: text;
}
.portfolio.listing .case-name {
  display: block;
  margin-bottom: clamp(16px, calc(16px + (18 - 16) * ((100vw - 1440px) / (1920 - 1440))), 18px);
  font-size: clamp(24px, calc(24px + (36 - 24) * ((100vw - 1440px) / (1920 - 1440))), 36px);
  font-weight: 700;
  color: #613085;
  text-decoration: none;
}
.portfolio.listing .case-excerpt {
  font-size: clamp(16px, calc(16px + (20 - 16) * ((100vw - 1440px) / (1920 - 1440))), 20px);
  font-weight: 500;
  line-height: 1.2;
}
@media (max-width: 1440px) {
  .portfolio.listing .case-item {
    min-height: clamp(570px, calc(570px + (640 - 570) * ((100vw - 768px) / (1440 - 768))), 640px);
  }
  .portfolio.listing .case-item:nth-of-type(odd) {
    grid-template-columns: clamp(380px, calc(380px + (528 - 380) * ((100vw - 768px) / (1440 - 768))), 528px) 1fr;
  }
  .portfolio.listing .case-item:nth-of-type(odd) .floating-thumb[data-size="small"] {
    left: clamp(0px, calc(0px + (146 - 0) * ((100vw - 768px) / (1440 - 768))), 146px);
  }
  .portfolio.listing .case-item:nth-of-type(odd) .floating-thumb[data-size="medium"] {
    bottom: 3rem;
    left: clamp(334px, calc(334px + (479 - 334) * ((100vw - 768px) / (1440 - 768))), 479px);
  }
  .portfolio.listing .case-item:nth-of-type(even) {
    grid-template-columns: 1fr clamp(380px, calc(380px + (528 - 380) * ((100vw - 768px) / (1440 - 768))), 528px);
  }
  .portfolio.listing .case-item:nth-of-type(even) .floating-thumb[data-size="small"] {
    right: clamp(0px, calc(0px + (146 - 0) * ((100vw - 768px) / (1440 - 768))), 146px);
    bottom: 0;
  }
  .portfolio.listing .case-item:nth-of-type(even) .floating-thumb[data-size="medium"] {
    bottom: 3rem;
    right: clamp(334px, calc(334px + (479 - 334) * ((100vw - 768px) / (1440 - 768))), 479px);
  }
  .portfolio.listing .case-thumb {
    width: clamp(380px, calc(380px + (528 - 380) * ((100vw - 768px) / (1440 - 768))), 528px);
    height: clamp(250px, calc(250px + (349 - 250) * ((100vw - 768px) / (1440 - 768))), 349px);
  }
  .portfolio.listing .text-container {
    padding-top: clamp(0px, calc(0px + (56 - 0) * ((100vw - 900px) / (1440 - 900))), 56px);
  }
  .portfolio.listing .case-excerpt {
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }
}
@media (max-width: 900px) {
  .portfolio.listing .case-item .btn-more {
    display: none;
  }
}
@media (max-width: 768px) {
  .portfolio.listing .cases-list {
    row-gap: 3rem;
  }
  .portfolio.listing .case-item {
    grid-column-gap: unset;
    grid-row-gap: 1.6rem;
    min-height: 0;
  }
  .portfolio.listing .case-item:nth-of-type(even),
  .portfolio.listing .case-item:nth-of-type(odd) {
    grid-template-columns: 1fr;
    grid-template-areas: "thumb" "text";
    text-align: initial;
  }
  .portfolio.listing .case-thumb {
    width: 100%;
    height: clamp(150px, 60vw, 450px);
    max-height: 45.2rem;
  }
  .portfolio.listing .floating-thumb {
    display: none;
  }
  .portfolio.listing .text-container {
    padding-top: unset;
  }
  .portfolio.listing .case-name {
    margin-bottom: 0.8rem;
    font-size: clamp(16px, calc(16px + (24 - 16) * ((100vw - 560px) / (768 - 560))), 24px);
  }
  .portfolio.listing .case-excerpt {
    font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 560px) / (768 - 560))), 16px);
  }
}
.portfolio.page {
  position: relative;
}
.portfolio.page .back-link {
  top: 2.8rem;
  left: -4.9rem;
  width: 3.9rem;
  height: 3.9rem;
}
.portfolio.page .case-photos {
  display: none;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, clamp(196px, calc(196px + (299 - 196) * ((100vw - 1440px) / (1920 - 1440))), 299px));
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  margin-bottom: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.portfolio.page .case-photos .carousel-container {
  position: relative;
  grid-column: span 2;
  grid-row: span 2;
}
.portfolio.page .case-photos .carousel-container img {
  display: block;
  width: 100%;
  height: clamp(412px, calc(412px + (628 - 412) * ((100vw - 1440px) / (1920 - 1440))), 628px);
  object-fit: cover;
  border-radius: 2rem;
}
.portfolio.page .case-photos .carousel-container .carousel-arrow {
  z-index: 2;
  display: none;
}
.portfolio.page .case-photos .carousel-container .carousel-arrow.arrow-prev {
  left: clamp(13px, calc(13px + (40 - 13) * ((100vw - 560px) / (1920 - 560))), 40px);
}
.portfolio.page .case-photos .carousel-container .carousel-arrow.arrow-next {
  right: clamp(13px, calc(13px + (40 - 13) * ((100vw - 560px) / (1920 - 560))), 40px);
}
.portfolio.page .case-photos .carousel-container .carousel {
  border-radius: 2rem;
  overflow: hidden;
}
.portfolio.page .case-photos .carousel-container .carousel img {
  display: none;
}
.portfolio.page .case-photos .carousel-container .carousel img:first-child {
  display: block;
}
.portfolio.page .case-photos .carousel-container:has(.carousel.faze-carousel-initialized) .carousel-arrow {
  display: block;
}
.portfolio.page .case-photos .carousel-container:has(.carousel.faze-carousel-initialized) .carousel img {
  display: block;
  margin-right: 1rem;
}
.portfolio.page .case-photos .grid-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2rem;
}
.portfolio.page .case-photos .grid-photo:nth-of-type(-n + 4) {
  display: block;
}
.portfolio.page .case-photos .grid-photo:nth-of-type(5) {
  display: none;
}
.portfolio.page .case-photos:has(.carousel-container),
.portfolio.page .case-photos:has(.grid-photo) {
  display: grid;
}
.portfolio.page .case-text-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
  margin-bottom: clamp(60px, calc(60px + (80 - 60) * ((100vw - 1440px) / (1920 - 1440))), 80px);
}
.portfolio.page .case-text-container .two-columns-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.portfolio.page .case-text-container .text-column {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFF5D7;
}
@media (max-width: 560px) {
  .portfolio.page .case-text-container .text-column {
    border-radius: 0.7rem;
  }
}
.portfolio.page .case-text-container .block-title {
  margin-bottom: clamp(6px, calc(6px + (14 - 6) * ((100vw - 1440px) / (1920 - 1440))), 14px);
  font-size: clamp(24px, calc(24px + (36 - 24) * ((100vw - 1440px) / (1920 - 1440))), 36px);
  font-weight: 700;
  color: #613085;
}
.portfolio.page .case-text-container .btn-request {
  justify-self: end;
}
.portfolio.page .production {
  padding: clamp(20px, calc(20px + (40 - 20) * ((100vw - 560px) / (1920 - 560))), 40px) 0;
  margin-bottom: clamp(30px, calc(30px + (40 - 30) * ((100vw - 1440px) / (1920 - 1440))), 40px);
}
.portfolio.page .production .production-stages {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.portfolio.page .production .production-stage {
  position: relative;
  min-height: 19.1rem;
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFF5D7;
}
@media (max-width: 560px) {
  .portfolio.page .production .production-stage {
    border-radius: 0.7rem;
  }
}
.portfolio.page .production .production-stage .stage-title {
  margin-bottom: 1rem;
  font-size: clamp(16px, calc(16px + (24 - 16) * ((100vw - 560px) / (1920 - 560))), 24px);
  font-weight: 700;
  color: #613085;
}
.portfolio.page .production .production-stage .btn-request {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
.portfolio.page .production .production-stage:last-child {
  background: transparent url("/i/img/pages/portfolio/production-stage-bg.png") no-repeat center / cover;
}
.portfolio.page .production .production-stage:last-child .btn-request {
  display: inline-flex;
}
.portfolio.page .case-review {
  padding: clamp(20px, calc(20px + (40 - 20) * ((100vw - 560px) / (1920 - 560))), 40px) 0;
  margin-bottom: clamp(30px, calc(30px + (40 - 30) * ((100vw - 1440px) / (1920 - 1440))), 40px);
}
.portfolio.page .case-review .review-item {
  max-width: calc(117rem + 1.6rem * 2);
  margin: 0 auto;
  padding: 0 1.6rem;
}
.portfolio.page .case-review .review-item .review-item-inner {
  display: flex;
  column-gap: 3rem;
}
.portfolio.page .case-review .company-photo {
  min-width: clamp(159px, calc(159px + (216 - 159) * ((100vw - 1440px) / (1920 - 1440))), 216px);
  min-height: clamp(159px, calc(159px + (216 - 159) * ((100vw - 1440px) / (1920 - 1440))), 216px);
  max-width: clamp(159px, calc(159px + (216 - 159) * ((100vw - 1440px) / (1920 - 1440))), 216px);
  max-height: clamp(159px, calc(159px + (216 - 159) * ((100vw - 1440px) / (1920 - 1440))), 216px);
}
.portfolio.page .case-review .company-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.portfolio.page .case-review .text-container {
  display: flex;
  flex-direction: column;
  font-size: clamp(16px, calc(16px + (24 - 16) * ((100vw - 768px) / (1920 - 768))), 24px);
  font-weight: 500;
}
.portfolio.page .case-review .text-container .company-review {
  flex-grow: 1;
  font-style: italic;
}
.portfolio.page .viewed-cases .carousel-container {
  position: relative;
}
.portfolio.page .viewed-cases .carousel-container .carousel-arrow {
  top: 40%;
  display: none;
}
.portfolio.page .viewed-cases .carousel-container .carousel-arrow.arrow-prev {
  left: calc(-6rem + -1.7rem);
}
.portfolio.page .viewed-cases .carousel-container .carousel-arrow.arrow-next {
  right: calc(-6rem + -1.7rem);
}
.portfolio.page .viewed-cases .carousel-container:has(.carousel.faze-carousel-initialized) .carousel-arrow {
  display: block;
}
.portfolio.page .viewed-cases .carousel:not(.faze-carousel-initialized) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3rem;
}
.portfolio.page .viewed-cases .carousel.faze-carousel-initialized .case-item {
  max-width: clamp(450px, calc(450px + (685 - 450) * ((100vw - 1440px) / (1920 - 1440))), 685px);
  margin-right: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.portfolio.page .viewed-cases .case-thumb {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFE9A8;
  height: clamp(218px, calc(218px + (392 - 218) * ((100vw - 1440px) / (1920 - 1440))), 392px);
  margin-bottom: 2rem;
}
@media (max-width: 560px) {
  .portfolio.page .viewed-cases .case-thumb {
    border-radius: 0.7rem;
  }
}
.portfolio.page .viewed-cases .case-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2rem;
}
.portfolio.page .viewed-cases .case-name {
  display: block;
  margin-bottom: clamp(10px, calc(10px + (18 - 10) * ((100vw - 1440px) / (1920 - 1440))), 18px);
  font-size: clamp(24px, calc(24px + (36 - 24) * ((100vw - 1440px) / (1920 - 1440))), 36px);
  font-weight: 700;
  color: #613085;
  text-decoration: none;
}
@media (max-width: 1440px) {
  .portfolio.page .back-link {
    top: 1.9rem;
  }
  .portfolio.page .production .production-stage:last-child {
    background: transparent url("/i/img/pages/portfolio/production-stage-bg-laptop.png") no-repeat center / cover;
  }
}
@media (max-width: 768px) {
  .portfolio.page .back-link {
    display: none;
  }
  .portfolio.page .case-photos {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 19.6rem);
  }
  .portfolio.page .case-photos .carousel-container img {
    border-radius: 1.3rem;
  }
  .portfolio.page .case-photos .carousel-container .carousel {
    border-radius: 1.3rem;
  }
  .portfolio.page .case-photos .grid-photo {
    border-radius: 1.3rem;
  }
  .portfolio.page .case-photos .grid-photo:nth-of-type(-n + 4) {
    display: block;
  }
  .portfolio.page .case-photos .grid-photo:nth-of-type(5) {
    display: block;
  }
  .portfolio.page .case-text-container {
    margin-bottom: clamp(40px, calc(40px + (60 - 40) * ((100vw - 560px) / (768 - 560))), 60px);
  }
  .portfolio.page .case-text-container .two-columns-block {
    grid-template-columns: 1fr;
  }
  .portfolio.page .production .production-stage:last-child {
    background: transparent url("/i/img/pages/portfolio/production-stage-bg-tablet.png") no-repeat center / cover;
  }
  .portfolio.page .viewed-cases .carousel-container:has(.carousel.faze-carousel-initialized) .carousel-arrow {
    display: none;
  }
  .portfolio.page .case-review .review-item .review-item-inner {
    padding: 2rem;
    border-radius: 1.3rem;
    box-shadow: 0 0.4rem 2.5rem 0.7rem rgba(0, 0, 0, 0.8);
  }
  .portfolio.page .case-review .company-photo {
    width: clamp(159px, calc(159px + (216 - 159) * ((100vw - 1440px) / (1920 - 1440))), 216px);
    height: clamp(159px, calc(159px + (216 - 159) * ((100vw - 1440px) / (1920 - 1440))), 216px);
  }
  .portfolio.page .case-review .company-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 560px) {
  .portfolio.page .case-photos {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 12.5rem);
    grid-gap: 1rem;
    margin-bottom: 3rem;
  }
  .portfolio.page .case-photos .carousel-container {
    position: relative;
    grid-column: span 2;
    grid-row: span 2;
  }
  .portfolio.page .case-photos .carousel-container img {
    height: 26.4rem;
    border-radius: 0.7rem;
  }
  .portfolio.page .case-photos .carousel-container .carousel-arrow {
    width: 1.6rem;
    height: 1.6rem;
  }
  .portfolio.page .case-photos .carousel-container .carousel {
    border-radius: 0.7rem;
  }
  .portfolio.page .case-photos .grid-photo {
    border-radius: 0.7rem;
  }
  .portfolio.page .case-photos .grid-photo:nth-of-type(-n + 4) {
    display: block;
  }
  .portfolio.page .case-photos .grid-photo:nth-of-type(5) {
    display: none;
  }
  .portfolio.page .production .production-stages {
    grid-template-columns: 1fr;
  }
  .portfolio.page .production .production-stage {
    min-height: 20rem;
  }
  .portfolio.page .production .production-stage:last-child {
    background: transparent url("/i/img/pages/portfolio/production-stage-bg-mobile.png") no-repeat center / cover;
  }
  .portfolio.page .production .production-stage .btn-request {
    max-width: 18rem;
    white-space: nowrap;
  }
  .portfolio.page .case-review .company-photo {
    width: 100%;
    height: 100%;
    margin-bottom: 2rem;
  }
  .portfolio.page .case-review .review-item .review-item-inner {
    flex-direction: column;
    min-height: 47rem;
  }
  .portfolio.page .case-review .review-item .text-container {
    flex-grow: 1;
  }
  .portfolio.page .viewed-cases .carousel.faze-carousel-initialized .case-item {
    max-width: 21.7rem;
    margin-right: 1rem;
  }
  .portfolio.page .viewed-cases .case-thumb {
    height: 12.4rem;
    margin-bottom: 0.8rem;
    border-radius: 0.7rem;
  }
  .portfolio.page .viewed-cases .case-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.4rem;
  }
}
/*
 * Стилизация страницы «Идеи подарков». ad-buro.gifts.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
.gifts .gift-ideas-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.gifts .gift-idea {
  position: relative;
  display: block;
  min-height: clamp(230px, calc(230px + (350 - 230) * ((100vw - 1440px) / (1920 - 1440))), 350px);
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  text-decoration: none;
  border-radius: 2rem;
  overflow: hidden;
}
.gifts .gift-idea img {
  position: absolute;
  inset: 0;
  z-index: 1;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
  transition: 500ms ease;
}
.gifts .gift-idea .gift-idea-name {
  position: relative;
  z-index: 2;
  font-size: clamp(20px, calc(20px + (32 - 20) * ((100vw - 1440px) / (1920 - 1440))), 32px);
  font-weight: 700;
  color: #ffffff;
  text-align: right;
  transition: 500ms ease;
}
.gifts .gift-idea:hover .gift-idea-name {
  transform: translateY(0.5rem);
}
.gifts .gift-idea:hover img {
  transform: scale(1.025);
}
@media (max-width: 1440px) {
  .gifts .gift-ideas-list {
    grid-gap: clamp(10px, calc(10px + (20 - 10) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
  .gifts .gift-idea {
    min-height: clamp(174px, calc(174px + (230 - 174) * ((100vw - 768px) / (1440 - 768))), 230px);
    border-radius: clamp(13px, calc(13px + (20 - 13) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
  .gifts .gift-idea .gift-idea-name {
    font-size: clamp(16px, calc(16px + (20 - 16) * ((100vw - 768px) / (1440 - 768))), 20px);
  }
}
@media (max-width: 768px) {
  .gifts .gift-idea {
    min-height: clamp(150px, calc(150px + (174 - 150) * ((100vw - 560px) / (768 - 560))), 174px);
    border-radius: clamp(7px, calc(7px + (13 - 7) * ((100vw - 560px) / (768 - 560))), 13px);
  }
  .gifts .gift-idea .gift-idea-name {
    font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 560px) / (768 - 560))), 16px);
  }
}
@media (max-width: 560px) {
  .gifts .gift-ideas-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
/*
 * Стилизация страницы «Виды нанесений». ad-buro.gifts.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
.page-printings .cases {
  display: none;
}
.printings.listing.section-spacing {
  padding-top: unset;
}
.printings.listing .printings-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.printings.listing .printing-item a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: clamp(168px, calc(168px + (256 - 168) * ((100vw - 1440px) / (1920 - 1440))), 256px);
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFF5D8;
  text-decoration: none;
}
@media (max-width: 560px) {
  .printings.listing .printing-item a {
    border-radius: 0.7rem;
  }
}
.printings.listing .printing-name {
  margin: 0;
  flex-grow: 1;
  font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 1440px) / (1920 - 1440))), 20px);
  font-weight: 700;
  color: #333333;
}
.printings.listing .printing-icon {
  width: clamp(100px, calc(100px + (150 - 100) * ((100vw - 1440px) / (1920 - 1440))), 150px);
  height: clamp(100px, calc(100px + (150 - 100) * ((100vw - 1440px) / (1920 - 1440))), 150px);
  margin: 0 auto;
}
.printings.listing .printing-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.printings.listing .link-view-all {
  position: relative;
  display: block;
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
  background-color: #24B8CA;
  border-radius: 2rem;
}
.printings.listing .link-view-all::before,
.printings.listing .link-view-all::after {
  content: '';
  position: absolute;
  bottom: clamp(10px, calc(10px + (12 - 10) * ((100vw - 1440px) / (1920 - 1440))), 12px);
}
.printings.listing .link-view-all::before {
  left: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  width: clamp(40px, calc(40px + (60 - 40) * ((100vw - 1440px) / (1920 - 1440))), 60px);
  height: clamp(25px, calc(25px + (40 - 25) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  background: url('/i/img/svg/eye-icon.svg') no-repeat center / cover;
}
.printings.listing .link-view-all::after {
  right: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px);
  width: clamp(82px, calc(82px + (125 - 82) * ((100vw - 1440px) / (1920 - 1440))), 125px);
  height: clamp(27px, calc(27px + (40 - 27) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  background: url('/i/img/common/decoration.png') no-repeat center / cover;
}
@media (max-width: 1024px) {
  .printings.listing .printings-list {
    grid-template-columns: repeat(4, 1fr);
  }
  .printings.listing .printing-item a {
    height: clamp(157px, calc(157px + (168 - 157) * ((100vw - 768px) / (1024 - 768))), 168px);
  }
}
@media (max-width: 768px) {
  .printings.listing .printings-list {
    grid-template-columns: repeat(auto-fill, minmax(13.6rem, 1fr));
    grid-gap: clamp(10px, calc(10px + (20 - 10) * ((100vw - 560px) / (768 - 560))), 20px);
  }
  .printings.listing .printing-item a {
    height: 100%;
  }
  .printings.listing .printing-icon {
    width: clamp(70px, calc(70px + (100 - 70) * ((100vw - 560px) / (768 - 560))), 100px);
    height: clamp(70px, calc(70px + (100 - 70) * ((100vw - 560px) / (768 - 560))), 100px);
  }
}
.printings.page .page-layout {
  display: grid;
  grid-template-columns: 25.5rem 1fr;
  grid-gap: 3rem;
  align-items: start;
}
.printings.page .printings-menu {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFE9A8;
}
@media (max-width: 560px) {
  .printings.page .printings-menu {
    border-radius: 0.7rem;
  }
}
.printings.page .printings-menu .menu-item {
  font-weight: 500;
  text-decoration: none;
}
.printings.page .printings-menu .menu-item.is-active {
  color: #613085;
}
.printings.page .printings-thumb {
  width: 47.7rem;
  height: 25.5rem;
}
.printings.page .printings-thumb:not([data-show]) {
  display: none;
}
.printings.page .printings-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2rem;
}
.printings.page .user-content {
  max-width: 89rem;
}
@media (max-width: 768px) {
  .printings.page .section-title {
    text-align: center;
  }
  .printings.page .page-layout {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .printings.page .printings-thumb {
    width: 47.7rem;
    height: 25.5rem;
    margin: 0 auto;
  }
  .printings.page .printings-menu {
    display: none;
  }
  .printings.page .user-content > p:not(:first-of-type) {
    padding: 1rem 1.6rem;
    background-color: #ffffff;
    border-radius: 1.3rem;
    box-shadow: 0 0.4rem 2.5rem 0.7rem rgba(51, 51, 51, 0.5);
  }
}
@media (max-width: 560px) {
  .printings.page .printings-thumb {
    max-width: 47.7rem;
    width: 100%;
    height: clamp(154px, calc(154px + (255 - 154) * ((100vw - 320px) / (560 - 320))), 255px);
  }
  .printings.page .printings-thumb img {
    border-radius: 0.7rem;
  }
  .printings.page .user-content p {
    border-radius: 0.7rem;
  }
}
.viewed-articles {
  position: relative;
  padding: clamp(30px, calc(30px + (40 - 30) * ((100vw - 1440px) / (1920 - 1440))), 40px) 0;
}
.viewed-articles .carousel-container {
  position: relative;
}
.viewed-articles .carousel-container .carousel-arrow {
  width: 4rem;
  height: 4rem;
  display: none;
}
.viewed-articles .carousel-container:has(.faze-carousel-initialized) .carousel-arrow {
  display: block;
}
.viewed-articles .carousel:not(.faze-carousel-initialized) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.viewed-articles .carousel:not(.faze-carousel-initialized) .article-preview {
  display: none;
}
.viewed-articles .carousel:not(.faze-carousel-initialized) .article-preview:nth-of-type(-n+4) {
  display: flex;
}
.viewed-articles .carousel.faze-carousel-initialized .article-preview {
  max-width: clamp(214px, calc(214px + (328 - 214) * ((100vw - 1440px) / (1920 - 1440))), 328px);
  margin-right: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.viewed-articles .article-preview {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.viewed-articles .article-preview .article-thumb {
  width: clamp(214px, calc(214px + (328 - 214) * ((100vw - 1440px) / (1920 - 1440))), 328px);
  height: clamp(214px, calc(214px + (328 - 214) * ((100vw - 1440px) / (1920 - 1440))), 328px);
  border-radius: 2rem;
  background-color: #928686;
}
.viewed-articles .article-preview .article-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.viewed-articles .article-preview .article-thumb img:not([data-show]) {
  display: none;
}
.viewed-articles .article-preview .article-name {
  font-weight: 500;
  text-decoration: none;
}
.viewed-articles .circle {
  position: absolute;
  border-radius: 50%;
}
.viewed-articles .circle[data-color="cyan"] {
  background-color: #24B8CA;
}
.viewed-articles .circle[data-color="green"] {
  background-color: #99C318;
}
.viewed-articles .circle[data-color="magenta"] {
  background-color: #D50156;
}
.viewed-articles .circle.circle-1 {
  top: clamp(21px, calc(21px + (45 - 21) * ((100vw - 1440px) / (1920 - 1440))), 45px);
  right: clamp(182px, calc(182px + (296 - 182) * ((100vw - 1440px) / (1920 - 1440))), 296px);
  width: clamp(36px, calc(36px + (55 - 36) * ((100vw - 1440px) / (1920 - 1440))), 55px);
  height: clamp(36px, calc(36px + (55 - 36) * ((100vw - 1440px) / (1920 - 1440))), 55px);
}
.viewed-articles .circle.circle-2 {
  top: clamp(48px, calc(48px + (86 - 48) * ((100vw - 1440px) / (1920 - 1440))), 86px);
  right: clamp(80px, calc(80px + (141 - 80) * ((100vw - 1440px) / (1920 - 1440))), 141px);
  width: clamp(36px, calc(36px + (55 - 36) * ((100vw - 1440px) / (1920 - 1440))), 55px);
  height: clamp(36px, calc(36px + (55 - 36) * ((100vw - 1440px) / (1920 - 1440))), 55px);
}
.viewed-articles .circle.circle-3 {
  top: clamp(0px, calc(0px + (12 - 0) * ((100vw - 1440px) / (1920 - 1440))), 12px);
  right: clamp(15px, calc(15px + (43 - 15) * ((100vw - 1440px) / (1920 - 1440))), 43px);
  width: clamp(27px, calc(27px + (41 - 27) * ((100vw - 1440px) / (1920 - 1440))), 41px);
  height: clamp(27px, calc(27px + (41 - 27) * ((100vw - 1440px) / (1920 - 1440))), 41px);
}
@media (max-width: 1440px) {
  .viewed-articles .carousel.faze-carousel-initialized .article-preview {
    max-width: clamp(155px, calc(155px + (214 - 155) * ((100vw - 768px) / (1440 - 768))), 214px);
  }
  .viewed-articles .carousel.faze-carousel-initialized .article-preview .article-thumb {
    width: clamp(155px, calc(155px + (214 - 155) * ((100vw - 768px) / (1440 - 768))), 214px);
    height: clamp(155px, calc(155px + (214 - 155) * ((100vw - 768px) / (1440 - 768))), 214px);
  }
  .viewed-articles .article-preview .article-thumb {
    width: clamp(177px, calc(177px + (328 - 177) * ((100vw - 1024px) / (1440 - 1024))), 328px);
    height: clamp(177px, calc(177px + (328 - 177) * ((100vw - 1024px) / (1440 - 1024))), 328px);
  }
  .viewed-articles .circle {
    display: none;
  }
}
@media (max-width: 1024px) {
  .viewed-articles .carousel-container:has(.faze-carousel-initialized) .carousel-arrow {
    display: none;
  }
  .viewed-articles .carousel.faze-carousel-initialized .article-preview {
    max-width: 21.4rem;
  }
  .viewed-articles .carousel.faze-carousel-initialized .article-preview .article-thumb {
    width: 21.4rem;
    height: 21.4rem;
  }
  .viewed-articles .article-preview .article-thumb {
    width: clamp(155px, calc(155px + (177 - 155) * ((100vw - 1024px) / (1440 - 1024))), 177px);
    height: clamp(155px, calc(155px + (177 - 155) * ((100vw - 1024px) / (1440 - 1024))), 177px);
  }
}
@media (max-width: 768px) {
  .viewed-articles .carousel:not(.faze-carousel-initialized) .article-preview:nth-of-type(4),
  .viewed-articles .carousel:not(.faze-carousel-initialized) .article-preview {
    display: none;
  }
  .viewed-articles .carousel:not(.faze-carousel-initialized) .article-preview:nth-of-type(-n+3) {
    display: flex;
  }
  .viewed-articles .article-preview .article-thumb {
    width: 21.4rem;
    height: 21.4rem;
  }
}
@media (max-width: 560px) {
  .viewed-articles .article-preview .article-thumb {
    width: clamp(135px, calc(135px + (214 - 135) * ((100vw - 320px) / (560 - 320))), 214px);
    height: clamp(135px, calc(135px + (214 - 135) * ((100vw - 320px) / (560 - 320))), 214px);
  }
}
/*
 * Стилизация страницы «О нас». ad-buro.about.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
.about-page .about-company-text {
  padding-top: unset;
}
.about-page .team,
.about-page .about-company-text {
  margin-bottom: 4rem;
}
.about-page .cases {
  display: none;
}
.about-company-text {
  display: grid;
  grid-template-columns: clamp(383px, calc(383px + (582 - 383) * ((100vw - 1440px) / (1920 - 1440))), 582px) 1fr;
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.about-company-text .photo-container {
  height: clamp(649px, calc(649px + (848 - 649) * ((100vw - 1440px) / (1920 - 1440))), 848px);
}
.about-company-text img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(13px, calc(13px + (20 - 13) * ((100vw - 900px) / (1920 - 900))), 20px);
}
.about-company-text .text-container {
  padding: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1440px) / (1920 - 1440))), 16px) clamp(16px, calc(16px + (24 - 16) * ((100vw - 1440px) / (1920 - 1440))), 24px);
  border-radius: 2rem;
  background-color: #FFE9A8;
}
@media (max-width: 560px) {
  .about-company-text .text-container {
    border-radius: 0.7rem;
  }
}
.about-company-text .text-container .user-content h1,
.about-company-text .text-container .user-content h2,
.about-company-text .text-container .user-content h3,
.about-company-text .text-container .user-content h4,
.about-company-text .text-container .user-content h5,
.about-company-text .text-container .user-content h6 {
  color: #613085;
}
.about-company-text .text-container .user-content p {
  font-weight: 500;
}
@media (max-width: 900px) {
  .about-company-text {
    grid-template-columns: 1fr;
    grid-row-gap: clamp(10px, calc(10px + (30 - 10) * ((100vw - 560px) / (1920 - 560))), 30px);
  }
  .about-company-text .photo-container {
    height: clamp(400px, calc(400px + (650 - 400) * ((100vw - 560px) / (1920 - 560))), 650px);
  }
  .about-company-text img {
    border-radius: clamp(7px, calc(7px + (13 - 7) * ((100vw - 560px) / (900 - 560))), 13px);
  }
}
.team {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.team .team-member {
  width: clamp(166px, calc(166px + (254 - 166) * ((100vw - 1440px) / (1920 - 1440))), 254px);
  height: clamp(166px, calc(166px + (254 - 166) * ((100vw - 1440px) / (1920 - 1440))), 254px);
}
.team img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(13px, calc(13px + (20 - 13) * ((100vw - 768px) / (1920 - 768))), 20px);
}
@media (max-width: 1440px) {
  .team .team-member {
    width: clamp(124px, calc(124px + (166 - 124) * ((100vw - 768px) / (1440 - 768))), 166px);
    height: clamp(124px, calc(124px + (166 - 124) * ((100vw - 768px) / (1440 - 768))), 166px);
  }
}
@media (max-width: 768px) {
  .team {
    grid-gap: clamp(10px, calc(10px + (20 - 10) * ((100vw - 560px) / (768 - 560))), 20px);
  }
  .team .team-member {
    width: clamp(88px, calc(88px + (124 - 88) * ((100vw - 560px) / (768 - 560))), 124px);
    height: clamp(88px, calc(88px + (124 - 88) * ((100vw - 560px) / (768 - 560))), 124px);
  }
}
@media (max-width: 560px) {
  .team {
    grid-template-columns: repeat(3, 1fr);
  }
  .team .team-member {
    width: clamp(88px, calc(88px + (160 - 88) * ((100vw - 320px) / (560 - 320))), 160px);
    height: clamp(88px, calc(88px + (160 - 88) * ((100vw - 320px) / (560 - 320))), 160px);
  }
}
/*
 * Стилизация профиля. ad-buro.profile.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
.profile.not-auth .notice {
  max-width: 80rem;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.profile.not-auth .btn-login {
  max-width: fit-content;
}
.profile > main {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.profile .profile-form {
  padding: 2rem;
  background-color: #E0C9F0;
  border-radius: 2rem;
}
.profile .profile-form button[type="submit"] {
  margin-top: 3rem;
}
/*
 * Стилизация «Мои КП». ad-buro.offers.less
 *
 * Copyright (c) 2025 Dmitry Kuzmenko (koktebelkrim@gmail.com), plarson.ru
 *
 * Date: 2025-02-13
 */
.offers.not-auth .notice {
  max-width: 80rem;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.offers.not-auth .btn-login {
  max-width: fit-content;
}
.offers .offers-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}
.offers .offers-items .offers-item {
  position: relative;
  padding: 4.5rem 2rem 2rem 2rem;
  border-radius: 2rem;
  background-color: #E0C9F0;
}
.offers .offers-items .offers-item .preview-thumb {
  display: block;
  width: 100%;
  height: 31.7rem;
  border-radius: 2rem;
  background-color: #928686;
  margin-bottom: 2rem;
}
.offers .offers-items .offers-item .preview-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.offers .offers-items .offers-item .preview-thumb img:not([data-show]) {
  display: none;
}
.offers .offers-items .offers-item .created {
  margin-bottom: 2rem;
}
.offers .offers-items .offers-item .btn-close {
  position: absolute;
  inset: 1rem 1rem auto auto;
}
.offers.offers-page main {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.offers.offers-page .settings {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.offers.offers-page .settings .menu-item {
  color: #333333;
  text-decoration: none;
  cursor: pointer;
}
.offers.offers-page .settings .menu-item:has(.floating-settings) {
  position: relative;
}
.offers.offers-page .settings .menu-item:has(.floating-settings).is-active .floating-settings {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.offers.offers-page .settings .menu-item.menu-item-remove {
  margin-top: 1rem;
}
.offers.offers-page .settings .menu-item:hover {
  color: rgba(51, 51, 51, 0.8);
}
.offers.offers-page .settings .floating-settings {
  position: absolute;
  top: 0;
  left: calc(100% + 3rem);
  display: none;
  padding: 1.6rem 2.4rem;
  border-radius: 2rem;
  background-color: #FFF5D8;
  box-shadow: 0 0 1rem 0.3rem rgba(34, 60, 80, 0.2);
}
.offers.offers-page .settings .floating-settings .switches {
  display: grid;
  grid-template-columns: repeat(2, minmax(20rem, 40rem));
  grid-gap: 3rem;
  justify-items: end;
}
.offers.offers-page .settings .floating-settings .btn-submit {
  max-width: fit-content;
}
.offers.offers-page .offer-settings {
  padding: 2rem;
  border-radius: 2rem;
  background-color: #FFF5D8;
}
.offers.offers-page .user {
  display: flex;
  flex-direction: column;
  row-gap: 0.6rem;
  padding: 1.6rem 2.4rem;
  border-radius: 0.5rem;
  padding: 2rem;
  border-radius: 2rem;
  background-color: #FFF5D8;
}
.offers.offers-page .user .param {
  display: flex;
  width: 100%;
}
.offers.offers-page .user .name {
  font-weight: 500;
  width: 50%;
}
.offers.offers-page .user .value {
  width: 50%;
  font-weight: 600;
  color: #613085;
}
.offers.offers-page .offer-items-container {
  padding: 1.6rem 2.4rem;
  border-radius: 2rem;
  background-color: #E0C9F0;
}
.offers.offers-page .offer-items-container .offer-item {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 0.1rem solid #333333;
}
.offers.offers-page .offer-items-container .offer-item .title {
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
}
.offers.offers-page .offer-items-container .offer-item .data {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2rem;
}
.offers.offers-page .offer-items-container .offer-item .image img {
  margin-bottom: 1rem;
  width: clamp(200px, calc(200px + (300 - 200) * ((100vw - 1200px) / (1920 - 1200))), 300px);
  min-width: clamp(200px, calc(200px + (300 - 200) * ((100vw - 1200px) / (1920 - 1200))), 300px);
  height: clamp(200px, calc(200px + (300 - 200) * ((100vw - 1200px) / (1920 - 1200))), 300px);
  min-height: clamp(200px, calc(200px + (300 - 200) * ((100vw - 1200px) / (1920 - 1200))), 300px);
  padding: 1rem;
  border: 0.1rem solid #333333;
  border-radius: 0.5rem;
  cursor: pointer;
}
.offers.offers-page .offer-items-container .offer-item .image .info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.offers.offers-page .offer-items-container .offer-item .image .info .article {
  font-weight: 400;
}
.offers.offers-page .offer-items-container .offer-item .image .info .article a {
  color: #613085;
  text-decoration: underline;
}
.offers.offers-page .offer-items-container .offer-item .image .info .actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.offers.offers-page .offer-items-container .offer-item .image .info .actions > *:hover {
  cursor: pointer;
  color: #613085;
}
.offers.offers-page .offer-items-container .offer-item .image .info .actions > *.grab:hover {
  cursor: move;
}
.offers.offers-page .offer-items-container .offer-item .params {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-bottom: 2rem;
}
.offers.offers-page .offer-items-container .offer-item .params .param {
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 3rem;
  max-width: 100%;
  width: 100%;
  font-weight: 500;
  line-height: 1;
}
.offers.offers-page .offer-items-container .offer-item .params .param .name,
.offers.offers-page .offer-items-container .offer-item .params .param .value {
  width: 50%;
}
.offers.offers-page .offer-items-container .offer-item .params .param .value {
  text-align: left;
}
.offers.offers-page .offer-items-container .offer-item .params .param[data-value] {
  display: flex;
}
.offers.offers-page .offer-items-container .offer-item .delimiter {
  height: 2rem;
}
.offers.offers-page .offer-items-container .offer-item .text {
  font-weight: 500;
  line-height: 1.4;
  color: rgba(51, 51, 51, 0.85);
}
.offers.offers-page .offer-items-container .offer-item.smooth-item {
  opacity: 0.4;
}
.offers.offers-page .offer-items-container .offer-item.drag-item {
  background-color: rgba(97, 48, 133, 0.5);
}
.offers.offers-page .totals {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 2rem;
  border-radius: 2rem;
  background-color: #E0C9F0;
}
.offers.offers-page .totals .param {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 34rem;
  font-size: 1.8rem;
}
.offers.offers-page .totals .param .name {
  font-weight: bold;
}
.offers.offers-page .totals .param .value {
  font-weight: 400;
}
.offers.offers-page .totals .param.param-total .value {
  color: #613085;
  font-size: 3.2rem;
  font-weight: 500;
}
@media (max-width: 1440px) {
  .offers.offers-page .offer-items-container .offer-item {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 0.1rem solid #333333;
  }
  .offers.offers-page .offer-items-container .offer-item .title {
    margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
  }
  .offers.offers-page .offer-items-container .offer-item .data {
    flex-direction: column;
  }
  .offers.offers-page .offer-items-container .offer-item .data .info {
    width: 100%;
  }
  .offers.offers-page .offer-items-container .offer-item .image img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
  }
  .offers.offers-page .offer-items-container .offer-item .image .info {
    width: 100%;
  }
}


/*
generated in 0.767 seconds at 2026-07-11 09:21:37
last modified file: ad-buro.ui.less at 2025-10-29 10:56:15
includes (27):
2025-05-19 07:51:39	office/382/i/css/ad-buro.less
2024-10-08 22:13:54	/fonts/font-awesome/6.6.0/css/all.min.css
2022-06-21 16:51:29	/fonts/montserrat/montserrat.less
2025-09-08 13:09:08	ad-buro.config.less
2025-09-08 18:23:13	ad-buro.mixins.less
2025-05-18 12:28:56	ad-buro.typography.less
2025-10-29 10:56:15	ad-buro.ui.less
2025-09-08 13:51:34	ad-buro.common.less
2025-06-30 18:22:51	ad-buro.modal.less
2025-09-03 16:46:42	ad-buro.animations.less
2025-10-14 17:59:00	prototype/ad-buro.header.less
2025-05-19 07:38:51	prototype/ad-buro.main.less
2025-09-08 14:50:09	prototype/ad-buro.footer.less
2025-04-15 14:20:44	prototype/ad-buro.authorized.less
2025-09-03 14:12:23	pages/ad-buro.home.less
2025-05-17 15:50:05	pages/ad-buro.catalog.less
2025-09-03 14:01:58	pages/ad-buro.products.less
2025-09-03 15:10:28	pages/ad-buro.product.less
2025-08-12 16:44:17	pages/ad-buro.cart.less
2025-09-03 14:09:03	pages/ad-buro.contacts.less
2025-04-14 12:35:35	pages/ad-buro.blog.less
2025-09-08 14:54:46	pages/ad-buro.portfolio.less
2025-03-20 07:59:06	pages/ad-buro.gifts.less
2025-05-18 13:23:27	pages/ad-buro.printings.less
2025-03-21 10:10:38	pages/ad-buro.about.less
2025-06-16 15:00:27	pages/ad-buro.profile.less
2025-07-24 18:48:51	pages/ad-buro.offers.less
*/