/* Start:/local/templates/brushespaints/css/constants.css?1762898645766*/
:root {
    --body-font-size: 14px;
    --padding-container: 13px;
    --outer-padding: 13px;
    --inner-padding: 13px;
    --white: #fff;
    --black: #000;
    --gray: #333333;
    --light-gray: #B4B4B4;
    --main-color: #DD3B37;
    --main-color-hover: #d24343;
    --red-pattern-color: #ff3835;
    --yellow: #FFD978;
    --section-padding: 50px;
    --border-radius: 30px;
    --text-small: 13px;
    --text-medium: 16px;
    --h3-text: 18px;
    --subtitle: 22px;
    --section-title: 42px;
    --big-title: 54px;
    --font-family-title: 'Transgender Grotesk';
}

@media (max-width: 1280px) {
    :root {
        --section-title: 32px;
    }
}

@media (max-width: 768px) {
    :root {
        --section-title: 28px;
    }
}
/* End */


/* Start:/local/templates/brushespaints/css/reset.css?17628986451213*/
/* Reset and base styles  */
* {
	padding: 0px;
	margin: 0px;
	border: none;
}

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

/* Links */

a, a:link, a:visited  {
    text-decoration: none;
}

a:hover  {
    text-decoration: none;
}

/* Common */

aside, nav, footer, header, section, main {
	display: block;
}

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

ul, ul li {
	list-style: none;
}

img {
	vertical-align: top;
}

img, svg {
	max-width: 100%;
	height: auto;
}

address {
  font-style: normal;
}

/* Form */

input, textarea, button, select {
	font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}

input::-ms-clear {
	display: none;
}

button, input[type="submit"] {
    display: inline-block;
	line-height: inherit;
	outline: none;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
    outline: none;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

label {
	cursor: pointer;
}

legend {
	display: block;
}
/* End */


/* Start:/local/templates/brushespaints/css/grid.css?17628986455348*/
@font-face {
    font-family: 'Transgender Grotesk';
    src: url(/local/templates/brushespaints/css/../fonts/TransgenderGrotesk/TransgenderGrotesk-Regular.eot);
    src: url(/local/templates/brushespaints/css/../fonts/TransgenderGrotesk/TransgenderGrotesk-Regular.eot?#iefix) format('embedded-opentype'),
         url(/local/templates/brushespaints/css/../fonts/TransgenderGrotesk/TransgenderGrotesk-Regular.woff2) format('woff2'),
         url(/local/templates/brushespaints/css/../fonts/TransgenderGrotesk/TransgenderGrotesk-Regular.woff) format('woff'),
         url(/local/templates/brushespaints/css/../fonts/TransgenderGrotesk/TransgenderGrotesk-Regular.svg#TransgenderGrotesk-Regular) format('svg');
    font-weight: normal;
	font-style: normal;
    font-display:swap;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/local/templates/brushespaints/css/../fonts/Montserrat/Montserrat-MediumItalic.eot');
	src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
		url('/local/templates/brushespaints/css/../fonts/Montserrat/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/brushespaints/css/../fonts/Montserrat/Montserrat-MediumItalic.woff') format('woff'),
		url('/local/templates/brushespaints/css/../fonts/Montserrat/Montserrat-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
    font-display:swap;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/local/templates/brushespaints/css/../fonts/Montserrat/Montserrat-Medium.eot');
	src: local('Montserrat Medium'), local('Montserrat-Medium'),
		url('/local/templates/brushespaints/css/../fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/brushespaints/css/../fonts/Montserrat/Montserrat-Medium.woff') format('woff'),
		url('/local/templates/brushespaints/css/../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
    font-display:swap;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/local/templates/brushespaints/css/../fonts/Montserrat/Montserrat-Italic.eot');
	src: local('Montserrat Italic'), local('Montserrat-Italic'),
		url('/local/templates/brushespaints/css/../fonts/Montserrat/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/brushespaints/css/../fonts/Montserrat/Montserrat-Italic.woff') format('woff'),
		url('/local/templates/brushespaints/css/../fonts/Montserrat/Montserrat-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
    font-display:swap;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/local/templates/brushespaints/css/../fonts/Montserrat/Montserrat-Regular.eot');
	src: local('Montserrat Regular'), local('Montserrat-Regular'),
		url('/local/templates/brushespaints/css/../fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/brushespaints/css/../fonts/Montserrat/Montserrat-Regular.woff') format('woff'),
		url('/local/templates/brushespaints/css/../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
    font-display:swap;
}
html, body {
    width: 100%;
    min-height: 100vh;
}
body {
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: var(--body-font-size);
    line-height: 1.3;
    color: var(--black);
    flex-direction: column;
    display: flex;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    font-family: 'Transgender Grotesk';
    font-weight: 400;
}
h1, .h1 {
	font-size: var(--section-title);
}
h2, .h2 {
	font-size: var(--subtitle);
}
h3, .h3 {
	font-size: var(--h3-text);
}
.content-wrapper {
    flex: 1;
}
.container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 0 clamp(40px, 12.63vw + -120px, 60px);
}

  @media (max-width: 1439px) {
      .container {
        padding: 0 clamp(40px, 10.63vw + -120px, 60px);
      }
  }
  
  @media (max-width: 768px) {
      .container {
        padding: 0 clamp(12px, 7.12vw + -14.72px, 40px);
      }
      
      .content-wrapper {
        margin-top: 105px;
      }
  }
  
.d-flex {
    display: flex;
}
.d-block {
    display: block;
}
.d-none {
	display: none;
}
.position-relative {
	position: relative;
}
.position-absolute {
	position: absolute;
}
.row {

	flex-wrap: wrap;
	display: flex;
}
.flex-column {
	flex-direction: column;
}
.gap-30 {
	gap: 30px;
}
.col-6, .col-12, .col-sm-4, .col-sm-6, .col-sm-12, .col-md-3, .col-md-4, .col-md-6, .col-md-12, .col-lg-4, .col-lg-6, .col-lg-12, .col-xl-4, .col-xl-6, .col-xl-12 {
	padding-left: var(--outer-padding);
    padding-right: var(--outer-padding);;
}
.col-6 {
	width: 50%;
}
.col-12 {
	width: 100%;
}
.text-center {
	text-align: center;
}
.object-fit {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.w-33 {
	width: 33.33%;
}
.w-66 {
	width: 66.66%;
}
.mt-1 {
	margin-top: var(--inner-padding);
}
.mt-2 {
	margin-top: calc(var(--inner-padding) * 2);
}
.mt-3 {
	margin-top: calc(var(--inner-padding) * 3);
}
.mb-1 {
	margin-bottom: var(--inner-padding);
}
.mb-2 {
	margin-bottom: calc(var(--inner-padding) * 2);
}
.mb-3 {
	margin-bottom: calc(var(--inner-padding) * 3);
}
.pl-0 {
	padding-left: 0;
}
.section-padding {
	margin-top: var(--section-padding);
}
.text-uppercase {
	text-transform: uppercase;
}
@media (min-width: 768px) {
	.col-sm-6 {
		width: 50%;
	}
	.visible-sm {
		display: none;
	}
	.hidden-sm {
		display: block;
	}
}
@media (min-width: 992px) {
	.col-md-6 {
		width: 50%;
	}
	.col-md-4 {
		width: 33.333%;
	}
	.col-md-3 {
		width: 25%;
	}
}
@media (min-width: 1200px) {
	.col-lg-6 {
		width: 50%;
	}
}
@media (min-width: 1440px) {
    .container {
        --padding-container: 75px;
    }
}
@media (max-width: 991px) {
	.visible-sm {
		display: block;
	}
	.hidden-sm {
		display: none;
	}
}
/* End */


/* Start:/local/templates/brushespaints/css/fancybox/fancybox.css?176289864525325*/
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:9999999;outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:30px;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
/* End */


/* Start:/local/templates/brushespaints/components/bitrix/menu/horizontal_multilevel/style.css?17902704004634*/
#horizontal-menu {
    margin-bottom: 0;
    gap: 25px;
    align-items: center;
    display: flex;
    transition: ease-out 0.3s;
}
#horizontal-menu > li > :is(a, button) {
    padding: 12px 0;
}
#horizontal-menu :is(a, button) {
    color: var(--black);
    line-height: 1.3;
}
#horizontal-menu button {
    border: 0;
    background: none;
    font: inherit;
    text-align: inherit;
    cursor: pointer;
}
#horizontal-menu :is(a, button):hover {
    color: var(--main-color-hover);
}
#horizontal-menu .root-item {
    padding: 12px 0;
    position: relative;
}

#horizontal-menu li[data-class="nav-more-items"] > :is(a, button) {
    padding-right: 18px;
    position: relative; /* Для позиционирования псевдоэлемента */
}

#horizontal-menu li[data-class="nav-more-items"] > :is(a, button)::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 7px;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%227%22%20viewBox%3D%220%200%2014%207%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1%201L6.5%206L13%201%22%20stroke%3D%22currentColor%22/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

#horizontal-menu li[data-class="nav-more-items"] + .root-item {
    display: none;
}
#horizontal-menu .nav-more {
    display: flex;
    flex-direction: column;
    gap: 9px;
    width: max-content;
    padding: 16px 47px 16px 16px;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
    transition: all 200ms linear;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    top: 50%;
    position: absolute;
}

#horizontal-menu .parent:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 100%;
    left: 0;
}

#horizontal-menu li[data-class="nav-more-items"]:hover > :is(a, button)::after {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%227%22%20viewBox%3D%220%200%2014%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20id%3D%22drop_down_arrow%22%20d%3D%22M1%201L6.5%206L13%201%22%20stroke%3D%22%23d24343%22%2F%3E%0A%3C%2Fsvg%3E);
    transform: translateY(-50%) rotate(180deg);
    
}

@media (max-width: 1024px) {
    #horizontal-menu li[data-class="nav-more-items"]:hover > :is(a, button)::after {
        transform: none;
    }
    
    #horizontal-menu .nav-more {
        right: 0;
        padding-right: 20px;
    }
    
    #horizontal-menu .parent:hover > ul {
        left: unset;
        right: 0;
    }

    #horizontal-menu {
        flex-direction: column;
        gap: 5px;
        width: 100%;
    }
    
    #horizontal-menu .root-item {
        padding: 0;
        text-align: center;
    }
    
    .root-item, .root-item :is(a, button) {
        width: 100%;
    }
    
    #horizontal-menu :is(a, button) {
        display: inline-block;
        padding: 10px 0;
    }
    
    #horizontal-menu li[data-class="nav-more-items"] > :is(a, button) {
        padding-right: 0;
    }
    
    /* Скрываем подменю по умолчанию на мобильных устройствах */
    #horizontal-menu .nav-more {
        display: none;
        left: unset;
        right: 0;
        padding: 0;
        position: static; /* Убираем абсолютное позиционирование */
        width: 100%; /* Подгоняем под ширину родительского элемента */
        box-shadow: none; /* Убираем тень */
        background: none; /* Убираем фон */
    }
    
    /* Отображаем подменю при наличии класса 'open' у родителя */
    #horizontal-menu li.open > .nav-more {
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-top: 5px;
        visibility: visible;
        opacity: 1;
    }

    /* Убираем действие при наведении на мобильных устройствах */
    #horizontal-menu .parent:hover > ul {
        visibility: visible;
        opacity: 1;
        top: 100%;
        left: 0;
    }
    
     #horizontal-menu li[data-class="nav-more-items"].open > :is(a, button)::after {
        transform: translateY(-50%) rotate(180deg);
    }

}

/* End */


/* Start:/local/templates/brushespaints/components/bitrix/menu/footer_menu/style.css?1762898646193*/
.footer-menu {
	gap: 7px;
	flex-direction: column;
	display: flex;
}
.footer-menu a {
	color: var(--black);
}
.footer-menu a:hover, .footer-menu .selected a {
	color: var(--main-color-hover);
}
/* End */


/* Start:/local/templates/brushespaints/template_styles.css?1790687685222341*/
/** LINKS **/
a {
    color: var(--main-color);
}

a:hover {
    color: var(--main-color-hover);
}

/** End of LINKS **/
/** BUTTONS **/
.btn {
    padding: 18px 33px;
    border-radius: 30px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.tg-fixed {
	z-index: 99;
}
.btn-100 {
    width: 100%;
    justify-content: center;
}
html.is-locked,
body.is-locked {
  overflow: hidden !important;
  height: 100% !important;
}
html.is-locked .content-wrapper  {
  overflow: hidden !important;
}

/* iOS/мобилки: запрещаем "резинку" */
html.is-locked {
  overscroll-behavior: none;
}
.red-btn {
    color: var(--white);
    background: var(--main-color);
}

.red-btn:hover {
    color: var(--white);
    background: var(--main-color-hover);
}

.black-btn {
    color: var(--white);
    background: var(--black);
}

.black-btn:hover {
    color: var(--white);
    background: var(--gray);
}


/** End of BUTTONS **/
/** HEADER **/
/* Ваши существующие стили */
.header-section {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.form-question__wrapper .agree input:checked + label::after, .login-checkbox input:checked + label::after {
    background-image: url(/local/templates/brushespaints/../brushespaints/images/mask.svg) !important;
    width: 14px !important;
    height: 14px !important;
    top: 1px !important;
    left: 0 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 14px !important;
    background-color: #FFF !important;
}
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    clip-path: inset(50%) !important;
}
.form .agree input:checked+.checkbox-icon {
    background-image: url(/local/templates/brushespaints/../brushespaints/images/mask.svg) !important;
    width: 14px !important;
    height: 14px !important;
    top: 1px !important;
    left: 0 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 14px !important;
    background-color: #FFF !important;
    border: none !important;
}
.form .agree input:checked+.checkbox-icon::after {
    opacity: 0 !important;
}


.catalog-item__properties {
	display: none;
}
.header-section .red-btn {
    padding-top: 12px;
    padding-bottom: 12px;
}

.calculator__option--selected {
    background-color: #FFF;
}

.gallery-list__nav .btn {
    padding: 18px 50px;
}

.header-section-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.product-item-detail-info-container .product-item-detail-price-current {
    text-align: left;
    color: #000;
}
.product-item-detail-info-container .product-item-detail-price-current.with-old {
    color: #DD3B37;
}
.product-item-detail-info-container .product-item-detail-price-old {
    text-align: left;
}
.catalog-item__price {
    color: #000;
}
.catalog-item__price.with-old {
    color: #DD3B37;
}

.header-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    transition: transform 0.2s ease-out;
    z-index: 3;
}

.logo-wrap {
    position: relative;
    z-index: 5;
}



.header-callback {
    margin-left: 18px;
    margin-right: 18px;
}

.header-callback button {
    white-space: nowrap;
}

.header-account a,
.header-cart a {
    display: inline-block;
}


.header-cart {
    margin-left: 10px;
    margin-top: -3px;
}

.red-running-line {
    background-color: var(--main-color);
    padding: 6px 0;
    margin-top: 20px;
}

.red-running-line .container {
    padding: 0;
}

.red-running-line .swiper-wrapper {
    transition-timing-function: linear !important;
}

.red-running-line .swiper-slide {
    width: auto;
    min-width: 536px;
    color: var(--white);
    font-size: 14px !important;
    white-space: nowrap;
}
.red-running-line .swiper-slide p {
font-size: 14px !important;
}

/* Новые стили для бургер-меню */
/* Общие стили для бургер-меню */
.burger-menu {
    position: relative;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 16px;
    cursor: pointer;
    z-index: 5;
}

.burger-menu span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    transition: all 0.3s ease;
}





.sitemap-page h1 {
    margin-bottom: 10px;
}
.sitemap-intro {
    color: #666;
    margin-bottom: 30px;
    font-size: 16px;
}
.sitemap-block {
    margin-bottom: 35px;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 8px;
}
.sitemap-block h2 {
    margin: 0 0 15px;
    font-size: 22px;
    border-bottom: 2px solid #e74c3c;
    padding-bottom: 8px;
}
.sitemap-block h2 a {
    color: #2c3e50;
    text-decoration: none;
}
.sitemap-block h2 a:hover {
    color: #e74c3c;
}
.sitemap-list {
    list-style: none;
    padding: 0;
    margin: 0;
    columns: 3;
    column-gap: 30px;
}
.sitemap-list li {
    padding: 6px 0;
    break-inside: avoid;
}
.sitemap-list a {
    color: #444;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s;
}
.sitemap-list a:hover {
    color: #e74c3c;
    text-decoration: underline;
}
@media (max-width: 900px) {
    .sitemap-list { columns: 2; }
}
@media (max-width: 600px) {
    .sitemap-list { columns: 1; }
}






/* Мобильные стили */
@media (max-width: 1024px) {
    .header-section {
        position: fixed;
        width: 100%;
        background-color: white;
        padding-top: 10px;
        padding-bottom: 0;
        z-index: 9999;
    }

    .logo-wrap {
        width: 194px;
    }

    .red-running-line {
        position: relative;
        padding: 4px 0;
        z-index: 5;
        margin-top: 10px;
    }

    /* Отображаем бургер-меню на мобильных устройствах */
    .burger-menu {
        display: flex;
    }

    /* Скрываем основное меню на мобильных устройствах */
    .header-nav {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        padding: 20px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transform: translateY(-105%);
        /* Прячем меню за верхней границей экрана */
        transition: transform 0.2s ease-out;
        z-index: 2;
    }

    /* Меню активно */
    .header-nav.active {
        transform: translateY(70px);
        /* Выезжает вниз */
    }
}

/* Анимация для бургер-меню при открытии */
.burger-menu.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.burger-menu.active span:nth-child(2) {
    opacity: 0;
}

.burger-menu.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/** FOOTER **/
.footer-section {
    position: relative;
    padding: 90px 0 0;
    margin-top: var(--section-padding);
}

.footer-section::before,
.footer-section::after {
    content: '';
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    position: absolute;
}

.footer-section::before {
    height: 28px;
    background-image: url(/local/templates/brushespaints/images/footer_bg_1.png);
    background-position: left top;
    top: 0;
}

.footer-section::after {
    height: 41px;
    background-image: url(/local/templates/brushespaints/images/footer_bg_2.png);
    background-position: left bottom;
    top: 28px;
}
#pvzModalClose {
    font-size: 30px;
}
#pvzModal > div {
    margin: auto;
    border-radius: 30px;
    padding: 40px;
        width: 100%;
}
.kraski_input {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.kraski_input label {
font-size: 18px;
    line-height: normal;
}
.kraski_input input {
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #000;
    border-radius: 30px;
    font-size: 14px;
}
.kraski_input input::placeholder {
    
}
#choosePvzBtn {
border-radius: 30px;
    background: #DD3B37;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    justify-content: center;
    align-items: center;
    color: #FFF;
    padding: 20px 50px;
}



.footer-col-title {
    font-size: 16px;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 8px;
}

.footer-container {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 50px;
    gap: 30px;
    justify-content: space-between;
}

.footer-contact {
    margin-top: 7px;
}

.footer-contact a {
    color: inherit;
    text-decoration: none;
}

.footer-contact__social {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #D9D9D9;
}

.footer-col-subtitle {
    margin-bottom: 10px;
}

.footer-col__whatsapp a {
    margin-top: 10px;
    display: inline-block;
}

.footer-contact__social--icons {
    display: flex;
    gap: 12px;
    align-items: center;
}

.footer-contact__social--icon img {
    width: 31px;
    height: 31px;
}

.footer-copyright {
    border-top: 1px solid #B4B4B4;
}

.footer-copyright-container {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 30px;
}

@media (max-width: 768px) {
    .footer-section {
        padding-top: 61px;
        margin-top: 30px;
    }

    .footer-menu {
        font-size: 12px;
        flex-wrap: wrap;
        row-gap: 4px;
        column-gap: 40px;
        align-content: flex-start;
        max-height: 100px;
    }

    .footer-menu li {
        max-width: max-content;
    }

    .footer-logo-wrap {
        margin-bottom: 4px;
    }

    .footer-copyright-container {
        flex-direction: column;
        align-items: flex-start;
        padding: 14px 13px 22px;
        gap: 6px;
        font-size: 12px;
    }

    .footer-section::before {
        background-image: url(/local/templates/brushespaints/images/footer_bg_mobile.png);
        background-position: center;
    }

    .footer-section::after {
        display: none;
    }

    .footer-container {
        gap: 14px
    }

    .footer-col-title {
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 6px;
    }

    .footer-contact {
        margin-top: 2px;
    }

    .footer-contact__content {
        font-size: 12px;
    }

    .footer-contact__work-time {
        margin-top: 3px;
    }

    .footer-contact__social {
        margin-top: 14px;
    }

    .footer-col-subtitle {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .footer-contact__social--icon img {
        width: 33px;
        height: 33px;
    }

    .footer-contact__social {
        justify-content: flex-start;
        gap: 62px;
    }

    .footer-col__whatsapp a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 50px;
        max-width: 72%;
        margin-top: 5px;
    }
}

.footer-copyright-container a {
    color: inherit;
    text-decoration: none;
}

/** End of FOOTER **/
/** CONTENT **/
.page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-header .btn {
    margin-bottom: calc(var(--inner-padding) * 2);
}

.vertical-separator {
    width: 1px;
    background: #A3A3A3;
}

.social-icon__wrap {
    display: flex;
    gap: 12px;
}

.social-icon img {
    width: 31px;
    height: 31px;
}

.tooltip-icon,
.tooltip-icon-o {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 15px;
    text-align: center;
    line-height: 22px;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    border-radius: 50%;
    outline: none;
    transition: all 200ms linear;
}

.tooltip-icon,
.tooltip-icon-o:hover {
    color: var(--main-color-hover);
    border-color: var(--main-color-hover);
}

.tooltip-icon {
    background: var(--main-color);
    color: var(--white);
}

.tooltip-icon:hover {
    background: var(--main-color-hover);
}

.section-title,
.main-content h1 {
    font-size: var(--section-title);
    font-family: var(--font-family-title);
    line-height: 1.2;
}

.section-line {
    margin-top: var(--section-padding);
    padding-top: var(--section-padding);
    border-top: 1px solid var(--black);
}

@media (max-width: 1024px) {
    .section-line {
        margin-top: 30px;
        padding-top: 30px;
    }
}

.swiper-custom-nav {
    display: flex;
    margin-top: var(--inner-padding);
    gap: 6px;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
}

.swiper-custom-prev,
.swiper-custom-next {
    cursor: pointer;
}

@media (max-width: 768px) {

    .swiper-custom-prev,
    .swiper-custom-next {
        width: 50px;
        height: 50px;
    }

    .swiper-custom-nav {
        justify-content: space-between;
    }

    .swiper-custom-nav .btn {
        justify-content: center;
        height: 50px;
        flex: 1;
        order: -1;
    }
}

.main-content {
    margin-top: calc(var(--inner-padding) * 2);
}

.main-content h1 {
    margin-bottom: calc(var(--inner-padding) * 2);
}

@media (max-width: 768px) {
    .main-content h1 {
        margin-bottom: 16px;
    }
}

/** End of CONTENT **/
/** CATALOG **/
.catalog-wrapper {
    display: flex;
    flex-wrap: nowrap;
}

.catalog-wrapper .left-col {
    max-width: 300px;
    width: 100%;
}

.catalog-inner {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc(-2 * var(--outer-padding));
}

.catalog-product-slider .catalog-inner {
    margin-bottom: 0;
}

.catalog-item {
    width: calc(33.333% - 20px);
    margin: 10px;
    margin-bottom: calc(var(--outer-padding) * 2);
    font-size: 16px;
}

@media (max-width: 992px) {
    .catalog-item {
        width: calc(33.333% - 20px);
    }
}

@media (max-width: 576px) {
    .catalog-item {
        width: 100%;
        margin: 0;
    }
}

.catalog-product-slider .catalog-item {
    margin-bottom: 0;
}

.catalog-item__image {
    position: relative;
    padding-top: 100%;
    /* Square aspect ratio */
    border-radius: calc(var(--border-radius) / 2);
    overflow: hidden;
}
.catalog-item__image a {
    background: gray;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.catalog-item__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: calc(var(--border-radius) / 2);
    transition: transform 100ms linear;
}

.catalog-item__image img:hover {
    transform: scale(1.05);
}

.catalog-item__title {
    text-align: center;
    margin: 10px 0;
}

.catalog-item__title a {
    color: var(--black);
    text-decoration: none;
}

.catalog-item__price--wrapper {
    display: flex;
    margin: 10px 0;
    gap: 15px;
    align-items: center;
    justify-content: center;
}

.catalog-item__price {
    font-size: 1.2em;
}

.catalog-pagination,
.pagination {
    margin-top: 40px;
}

.pager-page-navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pager-page-navigation span,
.pager-page-navigation a {
    color: var(--black);
    font-size: 16px;
    padding: 5px 10px;
    line-height: 1;
    display: inline-block;
}

.pager-page-navigation span {
    border: 1px solid var(--main-color);
    border-radius: 3px;
}

.pager-page-navigation a:hover {
    opacity: 0.7;
}

a.pager-page-previous,
a.pager-page-next {
    padding-top: 0;
    padding-bottom: 0;
}

.pager-page-previous {
    transform: translateY(2px) rotate(180deg);
}

.catalogs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.catalogs__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.catalogs__catalog {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.catalogs__catalog--image {
    position: relative;
    padding-top: 63.333%;
    /* Aspect ratio based on 190px height */
    overflow: hidden;
}

.catalogs__catalog--image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

.catalogs__catalog--name {
    flex: 1;
    display: flex;
}
.product-item-detail-info-section {
    display: none !important;
}
.basket-item-property-scu-text {
    display: none !important;
}
.catalogs__catalog--name a,
.catalogs__catalog--name span {
    color: var(--white);
    cursor: pointer;
    line-height: 1.2;
    font-family: var(--font-family-title);
    font-size: 22px;
    padding: 25px 25px 30px;
    background-color: var(--main-color);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    flex: 1;
    text-decoration: none;
}

.catalogs__catalog--name a:hover,
.catalogs__catalog--name span:hover,
.catalogs__catalog--image:hover+.catalogs__catalog--name a,
.catalogs__catalog--image:hover+.catalogs__catalog--name span {
    background-color: var(--main-color-hover);
}

.category_list {
    display: flex;
    flex-direction: column;
}

.category_list__link {
    font-size: 16px;
    color: var(--black);
    margin-bottom: 15px;
    padding: 0 20px;
    line-height: 1;
    border-radius: 10px;
    display: block;
    text-decoration: none;
}

.category_list__link:last-of-type {
    margin-bottom: 0;
}



.active_item>.category_list__link {
    color: var(--white);
    background: var(--main-color);
    padding: 15px 20px;
}

@media (max-width: 1024px) {
    .catalogs__wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .catalogs {
        margin-bottom: 0;
    }

    .catalogs__catalog--image {
        padding-top: 47%;
    }

    .catalogs__catalog--name a,
    .catalogs__catalog--name span {
        padding: 3px 24px 8px 10px;
        font-size: 12px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
min-height: 40px;
        display: flex;
        align-items: center;
    }
}

/** End of CATALOG **/
/** FORMS **/
.vertical-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.input-group input,
.input-group select,
.input-group textarea {
    width: 100%;
    max-width: 100%;
    padding: 16px;
    border-radius: var(--border-radius);
    border: 1px solid var(--black);
}
.input-group select {
    cursor: pointer;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M1%201L8%207.5L15%201%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) 50%;
}
.input-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.input-group select::-ms-expand {
  display: none;
}
.input-group textarea {
    height: 140px;
}

.form .agree {
    display: flex;
    align-items: center;
}

.form .agree input {
    display: none;
}

.form .agree label {
    padding-left: 20px;
    position: relative;
    cursor: pointer;
}

.form .agree .checkbox-icon {
    width: 14px;
    height: 14px;
    border: 1px solid var(--light-gray);
    position: absolute;
    top: 1px;
    left: 0;
}

.form .agree input:checked+.checkbox-icon::after {
    content: '';
    width: 8px;
    height: 8px;
    background: var(--black);
    position: absolute;
    top: 2px;
    left: 2px;
}

.form-title {
    font-size: var(--subtitle);
    font-family: var(--font-family-title);
    padding-bottom: 5px;
    margin-bottom: calc(var(--inner-padding) * 2);
    position: relative;
}

.form-title::after {
    content: '';
    width: 70%;
    height: 2px;
    background: var(--main-color);
    position: absolute;
    bottom: 0;
    left: 0;
}
.popup-form {
    display: none;
}


/** End of FORMS **/
/** FORM QUESTION **/
.form-question {
    padding-left: 30px;
}

.form-question__wrapper {
    margin-top: calc(var(--inner-padding) * 3);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-question__input input,
.form-question__input textarea {
    width: 100%;
    max-width: 100%;
    padding: 16px;
    border-radius: var(--border-radius);
    border: 1px solid var(--black);
}

.form-question__wrapper .btn {
    margin-top: 17px;
    align-self: flex-start;
}

.form-question__wrapper .agree input {
    display: none;
}

.form-question__wrapper .agree label {
    padding-left: 20px;
    position: relative;
    cursor: pointer;
}

.form-question__wrapper .agree label::before {
    content: '';
    width: 14px;
    height: 14px;
    border: 1px solid var(--light-gray);
    position: absolute;
    top: 1px;
    left: 0;
}

.form-question__wrapper .agree input:checked+label::after {
    content: '';
    width: 8px;
    height: 8px;
    background: var(--black);
    position: absolute;
    top: 4px;
    left: 3px;
}

@media (max-width: 768px) {
    .form-question {
        margin-top: 0;
    }

    .form-question__wrapper {
        margin-top: 15px !important;
    }

    .form-question__input {
        font-size: 12px;
    }

    .form-question__input input {
        min-height: 50px;
    }

    .form-question__input textarea {
        min-height: 50px;
        max-height: 80px;
    }

    .form-question__wrapper .agree {
        position: relative;
        padding-left: 20px;
    }

    .form-question__wrapper .agree label {
        display: inline-block;
        font-size: 12px;
        width: 100%;
        position: static !important;
        padding-left: 0 !important;
    }

    .form-question__wrapper .btn {
        justify-content: center;
        min-width: 273px;
        margin-top: 7px !important;
    }
}

/** End of FORM QUESTION **/
/** CONTACTS **/
.contacts-wrap {
    display: flex;
    flex-wrap: wrap;
}

.contacts__col--1,
.contacts__col--2,
.contacts__col--4 {
    padding-right: 100px;
}

@media (max-width: 992px) {

    .contacts__col--1,
    .contacts__col--2,
    .contacts__col--4 {
        padding-right: 0;
    }
}

.contacts__col-title {
    max-width: max-content;
    font-size: var(--subtitle);
    font-family: var(--font-family-title);
    padding-bottom: 9px;
    margin-bottom: 14px;
    position: relative;
}

.contacts__col-title::after {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--main-color);
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
}

.contacts__block a:not(.btn) {
    color: inherit;
    text-decoration: none;
}

.contacts__block .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    max-width: 255px;
    margin-top: 20px;
}

.contacts__block .btn {
    min-width: 230px;
    margin-top: 12px;
}

.contacts-wrap .contacts__col .contacts__col--4 {
    width: 100%;
}

.contacts__block--map iframe {
    border-radius: var(--border-radius);
}
.fancybox__content {
    /*min-height: 200px;*/
}
/** End of CONTACTS **/
/** BLOG LIST **/
.blog-name {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.blog-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.blog-item {
    width: calc(33.333% - 40px);
    margin: 10px;
}

@media (max-width: 992px) {
    .blog-item {
        width: calc(50% - 35px);
    }
}

@media (max-width: 576px) {
    .blog-item {
        width: 100%;
        margin: 0;
    }
}

.blog-item__content {
    margin-top: var(--inner-padding);
    display: flex;
    flex-direction: column;
}

.blog-item__image {
    border-radius: var(--border-radius);
}

.blog-item__title {
    font-size: var(--text-medium);
    font-family: var(--font-family-title);
    color: inherit;
    padding-bottom: calc(var(--inner-padding) / 2);
    margin-bottom: calc(var(--inner-padding) / 2);
    position: relative;
    text-decoration: none;
}

.blog-item__title::after {
    content: '';
    width: 70%;
    height: 1px;
    background: var(--main-color);
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
}

.blog-item__preview-text {
    font-size: 13px;
}

.blog-item__date {
    font-size: 12px;
    color: #A3A3A3;
    margin-top: calc(var(--inner-padding) / 2);
}

.blog_page-similar {
    display: flex;
    flex-direction: column;
    gap: 27px;
}

.blog_page-similar>h2 {
    color: #000;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

/** End of BLOG LIST **/
/** MASTER CLASS **/
.master-classy__big-block {
    color: var(--white);
    border-radius: var(--border-radius);
    padding: 200px calc(var(--inner-padding) * 2);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.master-classy__big-block::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #000, #ffffff) no-repeat;
    border-radius: var(--border-radius);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.master-classy__small-block {
    border-radius: var(--border-radius);
    padding: calc(var(--inner-padding) * 2);
    border: 1px solid var(--black);
}

.master-classy__small-block-images {
    border: 0;
    background-position: center;
    position: relative;
}

.master-classy__small-block--logo {
    width: 155px;
    position: absolute;
    top: calc(var(--inner-padding) * 2);
    right: calc(var(--inner-padding) * 2);
}

.master-classy__small-block--title {
    font-size: var(--section-title);
    line-height: 1.2;
    font-family: var(--font-family-title);
    margin-bottom: calc(var(--inner-padding) * 2);
}

.master-classy__small-block--text {
    font-size: var(--text-medium);
    margin-bottom: calc(var(--inner-padding) * 2);
}

.master-classy__small-block--text p:not(:last-of-type) {
    margin-bottom: calc(var(--inner-padding) / 2);
}

.master-classy__big-block--content {
    position: relative;
    z-index: 1;
}

.master-classy__big-block--title {
    max-width: 80%;
    font-size: var(--big-title);
    font-family: var(--font-family-title);
    line-height: 1.1;
    margin-bottom: calc(var(--inner-padding) * 2);
}

.master-classy__big-block--text {
    max-width: 50%;
    font-size: var(--subtitle);
    margin-bottom: calc(var(--inner-padding) * 2);
}

/** End of MASTER CLASS **/
/** GALLERY **/
.gallery-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--inner-padding));
    margin-right: calc(-1 * var(--inner-padding));
    margin-bottom: 20px;
}

.gallery-item {
    padding-left: var(--inner-padding);
    padding-right: var(--inner-padding);
    margin-bottom: calc(var(--inner-padding) * 2);
    width: calc(33.333% - 20px);
    margin: 10px;
}

@media (max-width: 992px) {
    .gallery-item {
        width: calc(50% - 30px);
    }
}

@media (max-width: 576px) {
    .gallery-item {
        width: 100%;
        margin: 0;
    }
}

.gallery-item__slide {
    height: 370px;
    position: relative;
}

.gallery-item__slide img {
    border-radius: var(--border-radius);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-item__author,
.gallery-item__desc {
    margin-top: calc(var(--inner-padding) / 2);
    font-size: var(--text-small);
}

.gallery-item__title {
    min-height: 57px;
    font-size: var(--text-medium);
    font-family: var(--font-family-title);
    margin-top: var(--inner-padding);
    border-radius: var(--border-radius);
    border: 1px solid var(--black);
    padding: calc(var(--inner-padding) / 2) var(--inner-padding);
    display: flex;
    align-items: center;
}

.gallery-button-prev,
.gallery-button-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    border-radius: 50%;
    background-color: var(--white);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    transition: opacity 200ms linear;
    top: 50%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gallery-button-prev svg {
    transform: rotate(180deg);
}
.gallery-button-prev svg,
.gallery-button-next svg {
    width: 14px;
    height: auto;
}
.payorder {
padding-top: 50px;
}
.gallery-button-prev {
    left: calc(var(--inner-padding) / 2);
    /* SVG data */
}

.gallery-button-next {
    right: calc(var(--inner-padding) / 2);
    /* SVG data */
}

.gallery-item__slider:hover .gallery-button-prev,
.gallery-item__slider:hover .gallery-button-next {
    opacity: 1;
}

.gallery-item__slider:hover .gallery-button-prev.swiper-button-disabled,
.gallery-item__slider:hover .gallery-button-next.swiper-button-disabled {
    opacity: 0.5;
}

.gallery-pagination {
    text-align: center;
    opacity: 0;
    z-index: 1;
    transition: opacity 200ms linear;
    left: 0;
    bottom: calc(var(--inner-padding) / 2);
    position: absolute;
}

.gallery-item__slider:hover .gallery-pagination {
    opacity: 1;
}

.gallery-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: var(--white);
    opacity: 1;
}

.gallery-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
    cursor: pointer;
    opacity: 0.7;
}

.gallery-pagination .swiper-pagination-bullet-active {
    background: var(--main-color);
}

/** End of GALLERY **/
/** REVIEWS **/
.star-fill,
.star-outline {
    width: 15px;
    height: 15px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

.star-fill {
    background-image: url(/local/templates/brushespaints/images/icons/star_fill.svg);
}

.star-outline {
    background-image: url(/local/templates/brushespaints/images/icons/star_outline_icon.svg);
}

/* Main Styles */
.reviews__wrapper {
    margin-top: calc(var(--inner-padding) * 3);
}

.reviews__slider {
    max-width: calc(100% - 330px);
    margin-top: 15px;
}
.header-cart a {
position: relative;
}
.header-cart span {
    background: #DD3B37;
    color: #FFF;
    border-radius: 100%;
    font-size: 10px;
    width: 14px;
    height: 14px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -3px;
    right: -3px;
}
.header-cart svg {
    width: 24px;
    height: auto;
}
.reviews__list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.reviews__review {
    height: 100%;
    padding: 40px 15px;
    background: var(--white);
    border: 1px solid var(--light-gray);
    border-radius: var(--border-radius);
}

.reviews__list .reviews__review {
    margin-bottom: calc(var(--inner-padding) * 2);
}

.reviews__review-header {
    display: flex;
    margin-bottom: var(--inner-padding);
    align-items: center;
    justify-content: space-between;
}

.reviews__review-name:not(.reviews-page) {
    font-size: 1.3em;
    padding: 5px 10px;
    background: var(--main-color);
    color: var(--white);
    border-radius: 20px;
}

.reviews__review-name.reviews-page {
    font-size: 1.3em;
    margin-bottom: var(--inner-padding);
}

.reviews__review-rating {
    display: flex;
    align-items: center;
}

.reviews__review-rating .star {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.reviews-statistic {
    flex: 1 0 300px;
    margin-right: 30px;
    position: relative;
}

.reviews-statistic.fixed .reviews-statistic__inner {
    position: fixed;
}

.reviews-statistic.fixed-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.reviews-statistic.fixed-bottom .reviews-statistic__inner {
    position: relative;
    top: unset;
}

.reviews__slider .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column;
}

.reviews-statistic__rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reviews-statistic__rating--stars .star-fill,
.reviews-statistic__rating--stars .star-outline {
    width: 37px;
    height: 37px;
    display: inline-block;
}

.reviews-statistic__rating--value {
    font-size: 34px;
    font-family: var(--font-family-title);
}

.reviews-statistic__rating--title {
    font-size: 1.3em;
    margin-top: 6px;
    margin-bottom: 18px;
}

.reviews-statistic__total {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.reviews-statistic__total-row {
    display: flex;
    align-items: center;
}

.reviews-statistic__total-star {
    display: flex;
    align-items: center;
    margin-right: 6px;
}

.reviews-statistic__total-star .star-outline {
    width: 24px;
    height: 24px;
    margin-left: 5px;
}

.reviews-statistic__total-score {
    height: 20px;
    border: 1px solid var(--light-gray);
    border-radius: var(--border-radius);
    flex: 1;
    position: relative;
}

.reviews-statistic__total-score--progress {
    font-size: 12px;
    height: 100%;
    padding-left: 5px;
    background: var(--yellow);
    border-radius: var(--border-radius);
    position: absolute;
    top: 0;
    left: 0;
}

.reviews-statistic__total-score--progress span {
    vertical-align: middle;
}

.reviews-statistic__total-star--val {
    width: 12px;
    text-align: center;
    font-size: 1.3em;
    line-height: 24px;
}

.reviews__review-content {
    font-size: 0.9em;
    display: flex;
}

.reviews__review-content--inner {
    flex: 1;
}

.reviews__review-text--content,
.reviews__review-answer--author {
    font-size: var(--body-font-size);
}

.reviews__review-answer hr {
    height: 1px;
    background: #a3a3a3;
    margin-bottom: var(--inner-padding);
}

.reviews__review-answer--icon {
    display: inline-flex;
    gap: 2px;
    margin: var(--inner-padding) 0;
    padding: 0 2px 0 5px;
    border-radius: 30px;
    background: #ebebeb;
    align-items: center;
}

.reviews__review-answer--author {
    display: flex;
    margin-bottom: calc(var(--inner-padding) / 2);
    gap: 5px;
    align-items: center;
}

.reviews__review-date {
    font-size: 12px;
    opacity: 0.7;
}

/** wholesalers **/
.wholesalers_banner {
    margin-bottom: 66px;
    position: relative;
    display: flex;
    align-items: center;
    height: 690px;
    padding: 55px;
}

.wholesalers_banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wholesalers_banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}

.wholesalers_banner-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 2;
}

.wholesalers_banner-title {
    font-size: 54px;
    max-width: 772px;
    color: #FFF;
    margin-bottom: 16px;
        font-family: 'Transgender Grotesk';
}

.wholesalers_banner-text {
    max-width: 686px;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 38px;
}

.wholesalers_banner-content .btn {
    width: 295px;
    justify-content: center;
}

.wholesalers_description {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    max-width: 795px;
    margin-bottom: 45px;
}

.wholesalers_prices {
    display: flex;
    flex-direction: column;
    gap: 75px;
}

.wholesalers_prices-column {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.wholesalers_prices-column>h3 {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-family: 'Montserrat';
}

.wholesalers_prices-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.wholesalers_price {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.wholesalers_price>h3 {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;
    font-family: 'Montserrat';
}

.wholesalers_price-content {
    display: flex;
}

.wholesalers_price-content table {
    width: 100%;
}

.wholesalers_price-content table th {
    background: #DD3B37;
    border-right: 1px solid #A3A3A3;
    border-bottom: 1px solid #A3A3A3;
    border-top: 1px solid #A3A3A3;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: left;
    padding: 10px 25px;
}

.wholesalers_price-content table th:first-child {
    border-left: 1px solid #A3A3A3;
}

.wholesalers_price-content table td {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding: 12px 25px;
    text-align: left;
    border-right: 1px solid #A3A3A3;
    border-bottom: 1px solid #A3A3A3;
}

.wholesalers_price-content table td:first-child {
    border-left: 1px solid #A3A3A3;
}

.wholesalers_prices-row .wholesalers_price-content table td {
    padding: 20px 25px;
    font-size: 20px;
}

.wholesalers_prices-row .wholesalers_price-content {
    height: 100%;
}

.wholesalers_price-name {
    display: flex;
    flex-direction: column;
}

.wholesalers_price-name>h3 {
    color: #000;
    font-family: 'Montserrat';
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.wholesalers_price-name>p {
    color: #000;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.wholesalers_price-preview {
    margin-top: 24px;
    margin-bottom: 11px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wholesalers_price-preview h4 {
    color: #000;
    font-family: 'Montserrat';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.wholesalers_price-note {
    color: #000;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.wholesalers_price-note a {
    color: #000;
}

.wholesalers_price-bottom {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wholesalers_price-bottom h5 {
    color: #000;
    font-family: 'Montserrat';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.wholesalers_price-bottom p {
    color: #000;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.wholesalers_price-name .btn {
    margin-right: auto;
    margin-top: 25px;
}

/* master_classes */
.master_classes {
    display: flex;
    flex-direction: column;
}

.master_classes .wholesalers_banner-bg::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(70deg, #000 -13.96%, rgba(65, 25, 25, 0.00) 92.32%);
    border-radius: 30px;
}

.master_classes .wholesalers_banner-text {
    max-width: 502px;
}

.master_classes-main {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 50px;
    padding-top: 55px;
    border-top: 1px solid #000;
}

.master_classes-row {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
}

.master_classes-item {
    padding: 40px 50px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    border-radius: 30px;
    border: 1px solid #000;
    background: #FFF;
}

.master_classes-item h2 {
    color: #000;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.master_classes-item__text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #000;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 15px;
}

.master_classes-item .btn {
    justify-content: center;
}

.master_classes-item__img {
    position: relative;
}

.master_classes-item__img-1 {
    position: absolute;
    width: 155px;
    top: 20px;
    right: 20px;
    z-index: 2;
}

.master_classes-item__img-2 {
    height: 485px;
    border-radius: 30px;
    width: 100%;
    object-fit: cover;
}

/* Delivery */
.delivery {
    display: flex;
    flex-direction: column;
}

.delivery .wholesalers_banner {
    height: 500px;
}

.delivery .wholesalers_banner-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(1deg, rgba(0, 0, 0, 0.00) 31.6%, rgba(24, 22, 22, 0.82) 64.9%);
    border-radius: 40px;
}

.delivery .wholesalers_banner-bg img {
    border-radius: 40px;
}

.delivery .wholesalers_banner-content {
    gap: 18px;
}

.delivery_banner-row {
    display: flex;
    align-items: center;
    gap: 18px;
}

.delivery_banner-row img {
    width: 36px;
    min-width: 36px;
}

.delivery_banner-row p {
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    max-width: 494px;
}

.delivery-price {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 58px;
}

.delivery-price>h3,
.delivery-price>h2 {
    color: #000;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.delivery-price>p {
    color: #000;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    max-width: 956px;
}

.delivery-price__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.delivery-price__item {
    border-radius: 40px;
    border: 1px solid #000;
    background: #FFF;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 55px;
}

.delivery-price__item-row {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    position: relative;
}

.delivery-price__item-row img {
    width: 28px;
    min-width: 28px;
}

.delivery-price__item-row::before {
    content: '';
    flex-grow: 1;
    border-bottom: 1px dotted #A3A3A3;
    order: 2;
display: none;
}

.delivery-price__item-row p:nth-child(2) {
    flex-shrink: 0;
    color: #000;
    font-family: 'Montserrat';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    max-width: 345px;
}

.delivery-price__item-row p:nth-child(3) {
    flex-shrink: 0;
    order: 3;
    max-width: 174px;
    color: #000;
    text-align: right;
    font-family: 'Montserrat';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
margin-left: auto;
}
.delivery-price__item > p {
    color: #000;
    font-family: 'Montserrat';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-top: auto;
}
.delivery-payments {
    border-radius: 40px;
    border: 1px solid #000;
    background: #FFF;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 25px 40px 40px 55px;
}

.delivery-payments>h3,
.delivery-payments>h2 {
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.delivery-payments-col>p {
    color: #000;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    max-width: 533px;
}

.delivery-payments__column {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.delivery-payments-col {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.delivery-payments__row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.delivery-payments__row img {
    width: 28px;
    min-width: 28px;
}

.delivery-payments__row p {
    color: #000;
    font-family: 'Montserrat';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    max-width: 479px;
}

.delivery-payments__img {
    width: 348px;
    position: absolute;
    bottom: 0;
    right: 137px;
}

/* about */
.about {
    display: flex;
    flex-direction: column;
}

.about_main {
    margin-top: 50px;
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    gap: 80px;
}

.about_main-column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 730px;
}

.about_main-title {
    margin-bottom: 0 !important;
    font-size: 34px !important;
}

.about_main-description {
    max-width: 505px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.about_main-img {
    width: 408px;
    height: 408px;
    border-radius: 100%;
    object-fit: cover;
}

.about_why {
    padding: 45px 0 60px 0;
    border-top: 1px solid #000;
}

.about_why-main {
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.about-subtitle {
    color: #000;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.about_why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 50px;
}

.about_why-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.about_why-item img {
    width: 55px;
    min-width: 55px;
}

.about_why-item p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.about_catalog {
    padding: 45px 0 60px 0;
    border-top: 1px solid #000;
}

.about_catalog-main {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.about_catalog-slider {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.about_catalog_swiper {
    width: 100%;
}

.about_catalog_swiper .swiper-slide {
    height: auto;
}

.about_catalog_slide {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

.about_catalog_slide-img {
    width: 100%;
    height: 191px;
}

.about_catalog_slide-img img {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    object-fit: cover;
}

.about_catalog_slide-title {
    color: #000;
    font-family: "Transgender Grotesk";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.about_catalog-row {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    align-items: center;
}

.about_catalog-prev, .about_catalog-next {
    cursor: pointer;
}

.about_service {
    padding: 45px 0 60px 0;
    border-top: 1px solid #000;
}

.about_service-main {
    display: flex;
    flex-direction: column;
    gap: 35px;
    position: relative;
    padding-bottom: 20px;
}

.about_service-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 45px 25px;
    max-width: 635px;
}

.about_service-item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.about_service-item img {
    width: 53px;
    min-width: 53px;
}

.about_service-item p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.about_service-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 630px;
    height: 335px;
    border-radius: 30px;
    object-fit: cover;
}

.about_program {
    padding: 45px 0 60px 0;
    border-top: 1px solid #000;
}

.about_program-main {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.about_program-name {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.about_program-column {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.about_program-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

.about_program-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.about_program-item img {
    height: 100px;
    width: auto;
}

.about_program-item p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.about_program-rows {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px 30px;
}

.about_program-rows_item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 30px;
    border: 1px solid #000;
    background: #FFF;
    height: 335px;
    justify-content: center;
    padding: 50px;
}

.about_program-rows_item h3 {
    font-size: 28px;
    line-height: 130%;
    transition: .3s all;
}

.about_program-rows_item p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    transition: .3s all;
}
.about_program-rows_item {
    transition: .3s all;
}
.about_program-rows_item.active {
    background: #DD3B37;
    border-color: #DD3B37;
}

.about_program-rows_item.active h3 {
    color: #FFF;
}

.about_program-rows_item.active p {
    color: #FFF;
}

.about_program .btn {
    margin-right: auto;
}

.about_faq {
    padding: 45px 0 60px 0;
    border-top: 1px solid #000;
}

.about_faq-main {
    display: flex;
    gap: 85px;
}

.about_faq-left {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 50%;
}

.about_faq-column {
    display: flex;
    flex-direction: column;
}

.about_faq-item {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    border-bottom: 1px solid #D9D9D9;
}

.about_faq-item:first-child {
    border-top: 1px solid #D9D9D9;
}

.about_faq-item__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about_faq-item__button p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: left;
    max-width: 456px;
}

.about_faq-item__button svg {
    min-width: 22px;
    transition: .3s all;
}

.about_faq-item__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    overflow: hidden;
    max-height: 0;
    transition: .3s all;
}

.about_faq-item__content p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: left;
}

.about_faq-item.active .about_faq-item__button svg {
    transform: rotate(180deg);
}

.about_faq-item.active .about_faq-item__content {
    margin-top: 20px;
}

.about_faq-right {
    width: 100%;
    max-width: 519px;
}

.about_faq-right .form-question {
    padding-left: 0;
}

.about_faq-right .form-question__wrapper {
    margin-top: 17px;
}

.about_faq-right .form-question__inner>p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    max-width: 392px;
    margin-top: 4px;
}

.about_faq-right .form-question__wrapper .btn {
    width: 250px;
    justify-content: center;
}

/* vakansii */
.vakansii {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.vakansii-main {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vakansii-name {
    display: flex;
    gap: 80px;
}

.vakansii-name p {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
        width: 100%;
    max-width: 345px;
}
.vakansii-name p:nth-child(2) {
    max-width: 200px;
}

.vakansii-name p:last-child {
    margin-left: -25px;
}

.vakansii-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.vakansii-item {
    display: flex;
    flex-direction: column;
    padding: 30px 25px;
    border-radius: 30px;
    border: 1px solid #A3A3A3;
    background: #FFF;
}

.vakansii-item__button {
    display: flex;
    align-items: center;
}

.vakansii-item__otklik {
    color: var(--white);
    background: var(--main-color);
    padding: 12px 33px;
    border-radius: 30px;
}

.vakansii-item__button>h3 {
    font-size: 22px;
    line-height: 120%;
    text-align: left;
        max-width: 400px;
    width: 100%;
}

.vakansii-item__button>p {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: left;
        max-width: 250px;
    width: 100%;
}

.vakansii-item__button>p span {
    display: none;
}

.vakansii-item__button-block {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
}

.vakansii-item__button-block p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.vakansii-item__button-block svg {
    transition: .3s all;
}

.vakansii-item__content {
    transition: .3s all;
    position: relative;
    max-height: 0;
    overflow: hidden;
}

.vakansii-item__content p {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    max-width: 975px;
}

.vakansii-item.active .vakansii-item__button-block svg {
    transform: rotate(180deg);
}

.vakansii-item.active .vakansii-item__content {
    margin-top: 20px;
}

.wholesalers_banner-content .icon_delivery {
    display: none;
}

.calculator__upload--image {
    overflow: hidden;
  }

.category_list__ul {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.whatsapp-fixed {
    position: fixed;
    z-index: 99;
    bottom: 50px;
    right: 50px;
}
.whatsapp-fixed svg {
    width: 64px;
    height: auto;
}

.form-question__wrapper .btn {
    width: 273px;
    justify-content: center;
}

.wholesalers_banner-buttons {
    display: flex;
    gap: 10px;
}
.wholesalers_banner-button {
    background: #FFF;
    color: #000;
}
.callback-form__img {
    min-width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-top: -2rem;
    margin-bottom: 2rem;
    height: 155px;
    object-fit: cover;
    border-radius: 30px 30px 0 0;
}


.cart {
    display: flex;
    flex-direction: column;
    gap: 35px;
    margin-top: 45px;
    margin-bottom: 80px;
}
.cart-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.cart-name {
    display: flex;
    gap: 14px;
    align-items: flex-end;
}
.cart-name h2 {
    color: #000;
    font-family: "Transgender Grotesk";
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.cart-name p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 9px;
}
.cart-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}
.cart-login {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.cart-clear {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.cart-main {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}
.cart-total {
    width: 100%;
    max-width: 410px;
}
.basket-checkout-container {
    flex-direction: column;
    margin: 0;
    padding: 35px 25px;
    border: 1px solid #000;
    background: #FFF;
    border-radius: 30px;
}
.basket-checkout-container > h3 {
    color: #000;
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 9px;
}
.cart-total__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.cart-total__row p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.basket-coupon-section {
    margin-bottom: 20px;
}
.basket-coupon-section input {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    border-radius: 30px;
    background: #D9D9D9;
    width: 100%;
    padding: 12px 15px;
}
.basket-coupon-section input::placeholder {
    color: #000;
}
.basket-coupon-block-coupon-btn {
    position: relative;
    top: auto;
    right: auto;
    border: none;
    width: auto;
    height: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: #000;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding: 10px 20px 12px 20px;
    border-radius: 30px;
    border: 1px solid #000;
    background: #FFF;
}
.basket-coupon-section .form-group {
    display: flex;
    gap: 6px;
    align-items: center;
}
.basket-checkout-section-inner {
    flex-direction: column;
    padding-top: 12px;
    border-top: 1px solid #A3A3A3;
    justify-content: flex-start;
}
.basket-checkout-block-total-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
.basket-checkout-block-total-title {
    color: #000;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.basket-checkout-block-total-price-inner {
    padding: 0;
}
.basket-coupon-block-total-price-current {
    margin: 0;
    color: #000;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.basket-checkout-block-total-price {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 20px;
}
.basket-checkout-block-total-price > p {
    color: #000;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: left;
}
.basket-checkout-block-total-price .form-question__wrapper {
    margin: 0;
}
.basket-checkout-block-total-price .form-question__wrapper .agree label {
    font-size: 10px;
text-align: left;
    max-width: 285px;
}
.basket-checkout-block-total-price .form-question__wrapper .agree {
    display: flex;
}
.basket-checkout-block-btn {
    padding: 0;
}
.cart-button {
    border-radius: 30px;
    background: #DD3B37;
    padding: 16px 15px 19px 16px;
    width: 100%;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}
.basket-items-list-wrapper, .basket-items-list-wrapper-compact {
    margin-bottom: 0;
    border: none;
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 100%;
    max-width: 850px;
}
.cart-add-more {
    width: 301px;
    border-radius: 30px;
    background: transparent;
    border: 1px solid #DD3B37;
    color: #DD3B37;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    padding: 16px 0 19px 0;
}
.basket-items-list-table {
    display: flex;
    flex-direction: column;
    gap: 28px;
}
.basket-checkout-container.basket-checkout-container-fixed {
    top: 50px;
}
.basket-items-list-item-container {
    display: flex;
    gap: 30px;
    padding-bottom: 28px;
    border-bottom: 1px solid #000;
    justify-content: flex-start;
}
.basket-items-list-item-container:first-child {
    padding-top: 28px;
    border-top: 1px solid #000;
}
.basket-items-list-item-main {
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 14px;
}
.basket-item-block-image {
    padding-right: 0;
    padding-bottom: 0;
    min-width: 300px;
    max-width: 300px;
    height: 309px;
}
.basket-item-image {
    object-fit: cover;
    border-radius: 30px;
    height: 100%;
    width: 100%;
}
.basket-item-image-link {
    display: flex;
    width: 100%;
    height: 100%;
}
.basket-items-list-item-remove {
    padding: 0 !important;
    position: absolute;
    top: 0;
    right: 0;
}
.basket-items-list-item-container:first-child .basket-items-list-item-remove {
    top: 28px;
}
.basket-item-actions-remove {
    width: auto;
    height: auto;
}
.basket-item-block-actions {
    opacity: 1;
}
.basket-item-actions-remove::after {
    display: none;
}
.basket-item-actions-remove::before {
    display: none;
}
.basket-items-list-item-descriptions {
    padding-top: 0;
}
.basket-item-info-name, .basket-item-info-name-link {
    color: #000;
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
    padding: 0;
}
.basket-items-list-item-price-for-one {
    display: none !important;
}
.basket-items-list-item-row-bottom {
    order: 2;
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.basket-item-block-price {
    padding: 0;
}
.basket-item-block-price span {
    color: #000;
    text-align: right;
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.basket-items-list-item-amount {
    padding: 0;
}
.basket-item-amount-field-description {
    display: none;
}
.basket-item-amount-btn-plus:before, .basket-item-amount-btn-plus:after, .basket-item-amount-btn-minus:after {
    display: none;
}
.basket-item-amount-btn-plus, .basket-item-amount-btn-minus {
    color: #000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    width: auto;
    height: auto;
}
.basket-item-amount-btn-plus:hover, .basket-item-amount-btn-minus:hover {
    background: transparent;
}
.basket-item-block-amount {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 4px;
}
.basket-item-amount-filed, .basket-item-block-amount.disabled .basket-item-amount-filed:hover {
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    background: transparent;
    border: none;
    padding: 0;
    width: 50px;
    height: auto;
}
.basket-item-price-old {
        position: relative;
}
.basket-coupon-block-total-price-old {
        position: relative;
}
.cart-add-more:hover {
    background: #DD3B37;
    color: #FFF;
}

.cart-empty {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.cart-empty__col {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.cart-empty__col > p {
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.cart-empty__col a {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    width: 295px;
    border-radius: 30px;
    background: #DD3B37;
    padding: 11px 0 13px 0;
}
.cart-empty__col a:hover {
    color: #FFF;
}
.cart-empty__row {
    display: flex;
    align-items: center;
    gap: 11px;
}
.cart-empty__row h3 {
    color: #000;
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.random-product-list .swiper-custom-nav {
    display: none;
}
.viewed-products .swiper-custom-nav {
    display: none;
}
.checkout {
    margin-top: 50px;
    margin-bottom: 80px;
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.checkout-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.checkout-name > h2 {
    color: #000;
    font-family: "Transgender Grotesk";
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.checkout-login {
    border-radius: 30px;
    border: 1px solid #000;
    background: #FFF;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding: 15px 24px;
}
.product_page-size {
	margin-bottom: 30px;
}
#bx-soa-order {
    display: flex;
    gap: 30px;
    flex-wrap: nowrap;
    align-items: flex-start;
}
#bx-soa-total-mobile {
    display: none !important;
}
#bx-soa-total {
    width: 100%;
    max-width: 410px;
    flex: 0 1 410px;
    min-width: 300px;
}
.checkout-main {
    width: 100%;
    max-width: 880px;
    padding: 0;
    flex: 1 1 auto;
    min-width: 0;
}
#bx-soa-region {
    display: none !important;
}
.account-club__level {
cursor: pointer;
}
.account-club__card-1__main, .account-club__card-2__main, .account-club__card-3__main {
overflow: hidden;
}
.account-club__card-1, .account-club__card-2, .account-club__card-3 {
height: 100%;
}
.account {
    margin-top: 55px;
    margin-bottom: 55px;
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.account-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.account-top h2 {
    color: #000;
    font-family: "Transgender Grotesk";
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.account-top__row {
    display: flex;
    align-items: center;
    gap: 45px;
}
.account-top__col {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.account-top__col p {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.account-top__col h5 {
    color: #000;
    font-family: "Transgender Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.account-main {
    display: flex;
    align-items: flex-start;
    gap: 70px;
}
.account-menu {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    width: 370px;
    min-width: 370px;
}
.account-menu__item {
    border-radius: 10px;
    border: 1px solid #000;
    background: #FFF;
    color: #000;
    text-align: center;
    font-family: "Transgender Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    width: 100%;
    padding: 18px;
}
.account-menu__item.active {
    color: #FFF;
    border-color: #DD3B37;
    background: #DD3B37;
}
.account-logout {
    color: #000;
    font-family: "Transgender Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-top: 8px;
}
.main-col {
    width: 100%;
}


.product_page-size__item2 input[type="radio"] {
    display: none;
}

.product-offer-radio {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 0.5px solid #e0e0e0;
    border-radius: 12px;
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.15s;
    width: 90px;
}

.product-offer-radio__img {
    width: 100%;
    height: 70px;
    overflow: hidden;
}

.product-offer-radio__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.product-offer-radio__name {
    font-size: 13px;
    color: #666;
    padding: 6px 8px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    transition: color 0.15s, background 0.15s;
}

/* Активное состояние */
.product_page-size__item2 input[type="radio"]:checked + .product-offer-radio {
    border: 1.5px solid #D85A30;
}

.product_page-size__item2 input[type="radio"]:checked + .product-offer-radio .product-offer-radio__name {
    color: #D85A30;
    font-weight: 500;
    background: #FAECE7;
}

/* Hover */
.product-offer-radio:hover {
    border-color: #aaa;
}


.interior {
    padding-top: var(--section-padding);
    margin-top: var(--section-padding);
    border-top: 1px solid var(--black);
}
.interior-container {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.interior-name {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.interior-name h2 {
    color: #000;
    font-family: "Transgender Grotesk";
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.interior-name p {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.interior-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.interior-item {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.interior-item img {
    width: 100%;
    object-fit: cover;
    height: 460px;
    border-radius: 40px;
}
.interior-item h4 {
    color: #000;
    font-family: "Transgender Grotesk";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

#bx-soa-delivery {
    display: none !important;
}
#bx-soa-paysystem {
    display: none !important;
}
#bx-soa-basket {
    display: none !important;
}
#bx-soa-orderSave {
    display: none !important;
}
.bx-soa {
    padding: 0;
}
.checkout-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.checkout-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.checkout-col > h3 {
    font-size: 26px;
}
.checkout-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.checkout-input {
    width: 100%;
    max-width: 283px;
}
.checkout-input input {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding: 18px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #A3A3A3;
    background: #FFF;
}
.checkout-input input::placeholder {
    color: #000;
}
.checkout-select {
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: 100%;
}
.checkout-select select {
    border-radius: 10px;
    border: 1px solid #A3A3A3;
    background: #FFF;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    width: 100%;
    padding: 18px;
    cursor: pointer;
}
.checkout-select p {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.checkout-col:nth-child(3) .checkout-input:nth-child(2) {
    max-width: 100%;
}
.checkout-col:nth-child(3) .checkout-input:nth-child(3), .checkout-col:nth-child(3) .checkout-input:nth-child(4), .checkout-col:nth-child(3) .checkout-input:nth-child(5), .checkout-col:nth-child(3) .checkout-input:nth-child(6) {
    max-width: 208px;
}
.checkout-col:nth-child(3) .checkout-input:nth-child(7) {
    max-width: 432px;
}
.checkout-input textarea {
    height: 105px;
    min-height: 105px;
    border-radius: 10px;
    border: 1px solid #A3A3A3;
    background: #FFF;
    padding: 18px;
    width: 100%;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.checkout-input textarea::placeholder {
    color: #000;
}
#bx-soa-total {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#bx-soa-total > button {
    border-radius: 30px;
    background: #DD3B37;
    padding: 18px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}
.bx-soa-total-col {
    border-radius: 30px;
    border: 1px solid #000;
    background: #FFF;
    padding: 25px;
    display: flex;
    flex-direction: column;
}
.bx-soa-total-col > h3 {
    font-size: 26px;
    margin-bottom: 16px;
}
.bx-soa-total-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
    margin-bottom: 20px;
}
.bx-soa-total-grid a {
    display: flex;
    height: 82px;
}
.bx-soa-total-grid a img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bx-soa-total-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}
.bx-soa-total-row p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.bx-soa-cart-total {
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
.bx-soa-cart-total-line:first-child {
    display: none;
}
.bx-soa-cart-total-line {
    padding: 0 !important;
    font-size: 14px !important;
    border-top: none !important;
    margin-bottom: 6px !important;
    line-height: 130% !important;
    overflow: hidden;
}
.bx-soa-cart-total .bx-soa-cart-total-line-total {
    padding-top: 15px !important;
    border-bottom: none !important;
    border-top: 1px solid #A3A3A3 !important;
    margin-top: 20px;
    overflow: visible;
}
.bx-soa-total-col {
    position: relative;
}
.bx-soa-cart-total-button-container {
    padding-top: 0 !important;
    position: static;
    width: 100%;
}
.bx-soa-cart-total-button-container a {
    border-radius: 30px;
    background: #DD3B37 !important;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    justify-content: center;
    align-items: center;
}
.product-item-detail-property-value {
width: 50%;
}
.product-item-detail-property {
    align-items: flex-start;
}
.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 120%;
}
.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d {
    color: #000;
    font-size: 22px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.reviews__review-images {
    width: 300px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: auto;
}
.reviews__review-image {
    height: 100px;
}
.reviews__review-image a {
    display: flex;
    height: 100%;
    width: 100%;
}
.reviews__review-image a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.catalog-inner .swiper {
    width: 100%;
}
.catalog-inner .swiper .catalog-item {
    height: auto;
    display: flex;
    flex-direction: column;
}
.products-slider .catalog-item {
    height: auto;
    display: flex;
    flex-direction: column;
}
.catalog-inner .swiper .catalog-item .catalog-item__prices {
    margin-top: auto;
}
.products-slider .catalog-item .catalog-item__prices {
    margin-top: auto;
}

.header-section-inner > .header-cart, .header-section-inner > .header-account {
    display: none;
}

.form-question__input input, .form-question__input textarea {
    background: #FFF;
}

.pachat_photo__banner .big-slider-address {
    position: absolute;
    bottom: 55px;
    gap: 5px;
    align-items: center;
}
.pachat_photo__banner .big-slider-address img {
    width: 13px;
}
.pachat_photo__banner .big-slider-address span {
    color: #FFF;
    font-size: 18px;
}
.calculator__uploaded-image iframe {
    width: 100%;
    height: 100%;
    border-radius: 0;
}
.calculator__uploaded-image.rotate {
	/*width: 306px;
    height: 194px;
	left: 43px;
    top: 95px;*/
    width: 352px;
    height: 221px;
    left: 48px;
    top: 110px;
}
.calculator__uploaded-image.rotate iframe {
    margin-top: 0;
    width: 365px;
    height: 257px;
    margin-left: -5px;
}



.account-right {
    width: 100%;
}
.bx_profile {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.bx_profile form {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.main-profile-form-buttons-block input {
    border-radius: 30px;
    background: #303030;
    padding: 13px;
    width: 255px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}
.main-profile-block-shown {
    display: flex;
    flex-direction: column;
    gap: 17px;
}
.bx_profile-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.bx_profile-col > h3 {
    font-family: 'Montserrat';
    font-size: 26px;
}
.bx_profile-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px;
    align-items: flex-start;
}
.bx_profile-input {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    max-width: 197px;
}
.bx_profile-input input {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding-bottom: 6px;
    border-bottom: 1px solid #000;
    width: 100%;
}
.bx_profile-input label {
    color: #797979;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.bx_profile-input > p {
    color: #797979;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-top: 3px;
    line-height: 130%;
}
.bx_profile-email__row {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-top: 4px;
}
.bx_profile-email__row img {
    width: 16px;
    min-width: 16px;
}
.bx_profile-email__row p {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.bx_profile-password__button {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 22px;
}
.bx_profile-password__button img {
    width: 18px;
    min-width: 18px;
}
.bx_profile-password__button p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.bx_profile-input-password-1, .bx_profile-input-password-2 {
    display: none;
}
.bx_profile-password__input {
    position: relative;
}
.bx_profile-password__button-show {
    display: flex;
    bottom: 7px;
    position: absolute;
    z-index: 2;
    right: 0;
}
.bx_profile-password__button-show img {
    width: 21px;
}
.bx_profile .form-question__wrapper {
    margin: 0;
    width: 100%;
}
.bx_profile-col:nth-child(2) .bx_profile-input:nth-child(1) {
    max-width: none;
}

.account-orders__col {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.account-orders__name {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.account-orders__name h4:nth-child(1) {
    color: #000;
    font-family: "Transgender Grotesk";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.account-orders__name h4:nth-child(2) {
    color: #797979;
    font-family: "Transgender Grotesk";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.account-orders__main {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.account-orders__item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
}
.account-orders__item-product {
    position: relative;
}
.account-orders__item-product__main {
    display: flex;
    gap: 30px;
    width: 100%;
}
.account-orders__item-product__img {
    width: 190px;
    min-width: 190px;
    height: 190px;
    display: flex;
}
.account-orders__item-product__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}
.account-orders__item-product-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}
.account-orders__item-product-col a {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    max-width: 90%;
}
.account-orders__item-product-col span {
    color: #29A71A;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.account-orders__item-product-col > p {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: auto;
}
.account-orders__item-product-chars {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.account-orders__item-product-chars__row {
    display: flex;
    gap: 5px;
}
.account-orders__item-product-chars__row p {
    color: #000;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.account-orders__item-product__bottom > p {
    top: 7px;
    right: 0;
    position: absolute;
    color: #797979;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.account-orders__item-product__bottom a {
    gap: 7px;
    display: flex;
    align-items: center;
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    bottom: 0;
    right: 0;
    position: absolute;
}

.catalog-section .category_list__ul {
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.account-club {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.account-club__main {
    display: flex;
    gap: 30px;
}
.account-club__card {
    width: 100%;
}
.account-club__card-1 {
    display: none;
}
.account-club__card-2 {
    display: none;
}
.account-club__card-3 {
    display: none;
}
.account-club__card-1.active {
    display: flex;
}
.account-club__card-1 > .account-club__card-1-text {
    display: none;
}
.account-club__card-2.active {
    display: flex;
}
.account-club__card-2 > .account-club__card-1-text {
    display: none;
}
.account-club__card-3.active {
    display: flex;
}
.account-club__card-3 > .account-club__card-1-text {
    display: none;
}
.account-club__levels {
    display: flex;
    flex-direction: column;
    min-width: 190px;
    width: 190px;
    gap: 18px;
}
.account-club__level {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #000;
    background: #FFF;
    height: 125px;
    justify-content: center;
}
.fancybox__content img {
    max-height: 100%;
}
.account-club__level.active {
    border-color: var(--main-color) !important;
}
.account-club__level:nth-child(1) img:nth-child(1) {
    width: 52px;
}
.account-club__level:nth-child(2) img:nth-child(1) {
    width: 52px;
    display: none;
}
.account-club__level:nth-child(2) img:nth-child(2) {
    width: 52px;
}
.account-club__level:nth-child(2) img:nth-child(3) {
    width: 16px;
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
}
.account-club__level:nth-child(3) img:nth-child(1) {
    width: 52px;
    display: none;
}
.account-club__level:nth-child(3) img:nth-child(2) {
    width: 52px;
}
.account-club__level:nth-child(3) img:nth-child(3) {
    width: 16px;
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
}
html {
        scroll-behavior: smooth;
}
.account-club__level p {
    color: #000;
    text-align: center;
    font-family: "Transgender Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.account-club__level.lock {
    border-color: #A3A3A3;
}
.account-club__level.lock img:nth-child(1) {
    display: block;
}
.account-club__level.lock img:nth-child(2) {
    display: none;
}
.account-club__level.lock img:nth-child(3) {
    display: block;
}
.account-club__level.lock p {
    color: #A3A3A3;
}

.max-fixed {
display: flex;
    position: fixed;
    z-index: 99;
    bottom: 210px;
    right: 50px;
}
.max-fixed img {
    width: 59px;
    border-radius: 100%;
}

.account-club__bonus {
    display: flex;
    flex-direction: column;
    gap: 32px;
    border-radius: 30px;
    border: 1px solid #000;
    background: #FFF;
    padding: 30px;
}
.account-club__bonus-col {
    display: none;
}
.account-club__bonus-col.active {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.account-club__bonus-col > h4 {
    font-size: 22px;
}
.account-club__bonus-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.account-club__bonus-item {
    display: flex;
    align-items: center;
    gap: 7px;
}
.account-club__bonus-item span {
    color: #DD3B37;
    font-family: "Transgender Grotesk";
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.account-club__bonus-item p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.account-club__bonus-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.account-club__bonus-text > h4 {
    font-size: 22px;
    max-width: 561px;
}
.account-club__bonus-row {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 16px;
}
.account-club__bonus-gift {
    background: #FFF;
    border: 1px solid #DD3B37;
    border-radius: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.account-club__bonus-gift img {
    width: 100%;
}
.account-club__bonus-gift img:nth-child(2) {
    display: none;
}
.account-club__bonus-gift.active {
    background: #DD3B37;
}
.account-club__bonus-gift.active img:nth-child(1) {
    display: none;
}
.account-club__bonus-gift.active img:nth-child(2) {
    display: block;
}
.account-club__bonus-gift_last {
    background: #DD3B37;
    border: 1px solid #DD3B37;
    border-radius: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.account-club__bonus-gift_last img {
    width: 100%;
}
.account-club__card-1__main {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 30px;
    border: 1px solid #000;
    background: #FFF;
    padding: 30px;
    width: 100%;
}
.account-club__card-1-fon {
    border-radius: 0px 0px 29px 29px;
    width: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    bottom: 0;
}
.account-club__card-1-img {
    position: absolute;
    z-index: 2;
    width: 180px;
    bottom: 0;
    right: 40px;
}
.account-club__card-1__main > h2 {
    color: #000;
    font-family: "Transgender Grotesk";
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 95px;
    position: relative;
    z-index: 3;
}
.account-club__card-1-logo {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    z-index: 3;
    margin-bottom: 20px;
}
.account-club__card-1-logo img {
    width: 237.5px;
}
.account-club__card-1-logo p {
    color: #DD3B37;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
}
.account-club__card-1-col {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Блокировка прокрутки */
body.is-locked {
  overflow: hidden;
  height: 100%;
}

/* Оверлей-лоадер */
.site-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0,0,0,.45);
  display: none;
  align-items: center;
  justify-content: center;
}

.site-loader.is-show {
  display: flex;
}

/* Спиннер */
.site-loader__spinner {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 4px solid rgba(255,255,255,.35);
  border-top-color: #fff;
  animation: siteSpin 0.9s linear infinite;
}

.site-loader__inner {
  display: flex;
flex-direction: column;
align-items: center;
}

.site-loader__text {
  margin-top: 12px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

@keyframes siteSpin {
  to { transform: rotate(360deg); }
}

.account-club__card-1-balance {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.account-club__card-1-balance p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.account-club__card-1-balance h3 {
    color: #FFF;
    font-family: "Transgender Grotesk";
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.account-club__card-1-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
    max-width: 368px;
}
.account-club__card-1-text p {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.account-club__card-1-text a {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-decoration-line: underline;
}

.account-club__card-2__main {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 30px;
    padding: 30px 40px;
    width: 100%;
}
.account-club__card-2-fon {
    border-radius: 30px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    bottom: 0;
}
.account-club__card-2__main > h2 {
    color: #FFF;
    font-family: "Transgender Grotesk";
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 95px;
    position: relative;
    z-index: 3;
}
.account-club__card-2-logo {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    z-index: 3;
    margin-bottom: 20px;
}
.account-club__card-2-logo img {
    width: 237.5px;
}
.account-club__card-2-logo p {
    color: #F1BB4F;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
}
.account-club__card-2-col {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.account-club__card-2-balance {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.account-club__card-2-balance p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.account-club__card-2-balance h3 {
    color: #FFF;
    font-family: "Transgender Grotesk";
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.account-club__card-2-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
    max-width: 368px;
}
.account-club__card-2-text p {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.account-club__card-2-text a {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-decoration-line: underline;
}
.desc-toggle {
    color: var(--main-color);
    margin-top: 20px;
}
.account-club__card-3__main {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 30px;
    padding: 30px 40px;
    width: 100%;
}
.account-club__card-3-fon {
    border-radius: 30px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    bottom: 0;
}
.account-club__card-3__main > h2 {
    color: #FFF;
    font-family: "Transgender Grotesk";
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 95px;
    position: relative;
    z-index: 3;
}
.account-club__card-3-logo {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    z-index: 3;
    margin-bottom: 20px;
}
.account-club__card-3-logo img {
    width: 237.5px;
}
.account-club__card-3-logo p {
    color: #9F9F9F;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
}
.account-club__card-3-col {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.account-club__card-3-balance {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.account-club__card-3-balance p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.account-club__card-3-balance h3 {
    color: #FFF;
    font-family: "Transgender Grotesk";
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.account-club__card-3-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
    max-width: 368px;
}
.account-club__card-3-text p {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.account-club__card-3-text a {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-decoration-line: underline;
}

.account-club__faq {
    display: flex;
    flex-direction: column;
}
.account-club__faq .faq__block:first-child {
    border-top: 1px solid var(--black);
}
.account-club__faq .faq__block {
    padding: calc(var(--inner-padding) * 2) 0;
    border-bottom: 1px solid var(--black);
    flex: 1 1 100%;
}
.account-club__faq .faq__block--answer {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 200ms linear;
}
.account-club__faq .faq__block--answer p:not(:last-of-type) {
    margin-bottom: calc(var(--inner-padding) / 2);
}
.account-club__faq .faq__block.show .faq__block--answer {
    padding-top: var(--inner-padding);
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
}
.account-club__faq .faq__block--question {
    position: relative;
    font-size: 1.2em;
    padding-right: 30px;
    cursor: pointer;
}
.account-club__faq .faq__block--question::after {
    content: '';
    width: 20px;
    height: 11px;
    background-image: url('/local/templates/brushespaints/images/icons/drop_down_arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    position: absolute;
    transition: ease-out 300ms;
}
.account-club__faq .faq__block.show .faq__block--question::after {
  transform: rotate(180deg) translateY(50%);
}


.login {
    margin: 100px auto;
    width: 100%;
    max-width: 850px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
    background: #FFF;
    border-radius: 30px;
    padding: 65px 90px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.login-name {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.login-name img {
    width: 100px;
    margin-bottom: 15px;
}
.login-name h2 {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.login-name__row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.login-name__row p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.login-name__row a {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-decoration: underline;
}
.login form {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.login-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.login-col > input {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    border-radius: 10px;
    border: 1px solid #8C8A8A;
    background: #FFF;
    padding: 20px;
    width: 100%;
}
.login-col > input::placeholder {
    color: #8C8A8A;
}
.login-checkbox input {
    display: none;
}
.login-checkbox {
    display: flex;
    justify-content: center;
}
.login-checkbox label {
    padding-left: 20px;
    position: relative;
    cursor: pointer;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.login-checkbox label::before {
    content: '';
    width: 14px;
    height: 14px;
    border: 1px solid var(--light-gray);
    top: 1px;
    left: 0;
    position: absolute;
}
.login-checkbox input:checked + label::after {
    content: '';
    width: 8px;
    height: 8px;
    background: var(--black);
    top: 4px;
    left: 3px;
    position: absolute;
}
.login-submit {
    display: flex;
    justify-content: center;
}
.login-submit input {
    width: 230px;
    height: 50px;
    border-radius: 30px;
    background: #DD3B37;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.registration {
    margin: 90px auto;
    width: 100%;
    max-width: 850px;
    background: #FFF;
    border-radius: 30px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
    padding: 70px 45px;
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.registration-name {
    display: flex;
    align-items: center;
    gap: 30px;
}
.registration-name > img {
    width: 100px;
}
.registration-name__col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.registration-name__col > h2 {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.registration-name__row {
    display: flex;
    align-items: center;
    gap: 10px;
}
.registration-name__row p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.registration-name__row a {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-decoration: underline;
}
.beforeAfter .scroller {
        cursor: col-resize !important;
}
.footer-menu li:nth-child(7) {
    margin-top: 10px;
}

.registration form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.registration-col {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.registration-col > input, .registration-col .iti input {
    border-radius: 10px;
    border: 1px solid #8C8A8A;
    background: #FFF;
    width: 100%;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding: 20px;
}
.registration-col > input:nth-child(1), .registration-col > input:nth-child(2) {
    width: 100%;
}
.registration-col > input::placeholder, .registration-col .iti input::placeholder {
    color: #8C8A8A;
}
.iti {
    width: 100%;
}
.registration-captcha {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.faq__block {
	font-size: 16px;
}
.option__slozhnost .calculator__option--content label {
    padding-left: 5px;
    padding-top: 20px;
}
.contacts__col-block .contacts__col-title {
border-bottom: 1px solid var(--main-color-hover);
}
.registration-captcha input {
    border-radius: 10px;
    border: 1px solid #8C8A8A;
    background: #FFF;
    width: 100%;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding: 20px;
}
.registration-submit {
    display: flex;
        width: 100%;
}
.registration-submit input {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 230px;
    height: 50px;
    border-radius: 30px;
    background: #DD3B37;
}

.basket-item-property-custom {
    padding: 0;
}
.basket-item-property-custom-name {
    display: none;
}
.basket-item-property-value, .basket-item-property-custom-value {
    color: #000;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.checkout-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
}
.checkout-select select::-ms-expand {
    display: none;
}
.checkout-select select {
    background-image: url('/local/templates/brushespaints/../brushespaints/images/selecttt.svg');
    background-position: center right 17px;
    background-repeat: no-repeat;
    background-size: 16px;
}
.checkout-payments {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
}
.checkout-payments__item {
    position: relative;
}
.checkout-payments__item input {
    visibility: hidden;
    position: absolute;
}
.checkout-payments__item label {
    border-radius: 10px;
    border: 1px solid #A3A3A3;
    background: #FFF;
    height: 55px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 15px;
}
.checkout-payments__item label img {
    width: 28px;
    min-width: 28px;
    object-fit: contain;
    height: auto !important;
}
.mk-form .form-title::after {
    display: none;
}
.checkout-payments__item label span {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.checkout-payments__item input:checked+label {
    border-color: #000;
}
.checkout-balls {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.checkout-balls__col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}
.checkout-balls__col p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.checkout-balls__col span {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.checkout-balls__button {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-decoration-line: underline;
}
.payorder-main {
    margin: 0 auto;
    width: 100%;
    max-width: 630px;
    display: flex;
    flex-direction: column;
    border: 1px solid #000;
    border-radius: 40px;
	background: #FFF;
}
.payorder-main > img {
    width: 100%;
    height: 190px;
    border-radius: 40px 40px 0 0;
    object-fit: cover;
}
.payorder-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    padding: 20px 20px 50px 20px;
}
.payorder-col > h3 {
    font-family: "Transgender Grotesk";
    font-weight: 400;
    font-size: 28px;
    text-align: center;
    line-height: 130%;
}
.payorder-col > a {
    width: 270px;
    background: #DD3B37;
    border-radius: 30px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-weight: 500;
    line-height: 130%;
    text-align: center;
}
.payorder-input {
    display: flex;
    align-items: center;
    gap: 10px;
}
.payorder-input p {
    font-family: "Transgender Grotesk";
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
}
.payorder-input input {
    border: 1px solid #A3A3A3;
    border-radius: 5px;
    color: #000;
    padding: 0 10px;
    width: 120px;
    height: 25px;
    font-size: 14px;
}
.order_confirm {
    margin: 50px 0 80px 0;
}
.order_confirm-container {
    display: flex;
    flex-direction: column;
    gap: 45px;
}
.order_confirm-container > h2 {
    color: #000;
    text-align: center;
    font-family: "Transgender Grotesk";
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.order_confirm-main {
    position: relative;
    border-radius: 30px;
    border: 1px solid #000;
    background: #FFF;
    padding: 40px 65px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}
.reviews__review-content.collapsed  {
    max-height: 100px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
}
.reviews__toggle-btn {
    color: var(--main-color);
    margin-top: 10px;
    font-size: 0.9em;
}
.order_confirm-left {
    display: flex;
    flex-direction: column;
    gap: 25px;
        overflow: hidden;
}
.order_confirm-col4 .order_confirm-row2 p {
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.order_confirm-left > h4 {
    color: #000;
    font-family: "Transgender Grotesk";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.order_confirm-col {
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.order_confirm-col2 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.order_confirm-col2 > p {
        font-size: 16px;
}
.order_confirm-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}
.order_confirm-row p {
    border-radius: 10px;
    border: 1px solid #A3A3A3;
    background: #FFF;
    padding: 15px;
    color: #000;
    text-align: center;
    font-family: "Transgender Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.order_confirm-row2 {
    display: flex;
    align-items: flex-end;
    position: relative;
    justify-content: space-between;
}
.order_confirm-row2 p {
    color: #000;
    font-family: "Transgender Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    white-space: nowrap;
}
.order_confirm-row2::before {
    content: '';
    order: 2;
    width: 100%;
    border-bottom: 1px dashed #A3A3A3;
    margin-bottom: 4px;
}
.order_confirm-row2 p:last-child {
    order: 3;
}
.order_confirm-col3 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.order_confirm-col3 > h4 {
    color: #000;
    font-family: "Transgender Grotesk";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.order_confirm-col4 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.order_confirm-col4 .order_confirm-row2 p {
    font-family: Montserrat;
    font-size: 16px;
}
.order_confirm-col5 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.order_confirm-col5 > h4 {
    color: #000;
    font-family: "Transgender Grotesk";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.order_confirm-col6 {
    border-radius: 15px;
    border: 1px solid #A3A3A3;
    background: #FFF;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 30px;
}
.order_confirm-col6 p {
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.order_confirm-right {
    display: flex;
    justify-content: center;
}
.order_confirm-right h4 {
    color: #000;
    text-align: center;
    font-family: "Transgender Grotesk";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.order_confirm-right img {
    position: absolute;
    bottom: 0;
    width: 360px;
    right: 135px;
}

.product-wishlist {
    position: absolute;
    z-index: 2;
    top: 15px;
    right: 10px;
    display: flex;
}
.product-wishlist svg {
    width: 34px;
    height: auto;
}
.product-wishlist.active svg path {
    fill: #DD3B37;
}
.account-wishlist {
    display: flex;
    flex-wrap: wrap;
}
.catalog-item {
    display: flex;
    flex-direction: column;
}
.catalog-item__prices {
    margin-top: auto;
}
#sectionSelect {
    display: none;
}
.cart-button {
    transition: .3s all;
}
.cart-button:disabled {
    opacity: 0.5;
    cursor: default;
}
.before-after-section__col {
background: #FFF;
}

.catalog-section .category_list__ul {
    padding-left: 25px;
}
.main-col .category_list__link {
    padding: 15px 20px;
}
.main-col .category_list__link.active {
    color: var(--white);
    background: var(--main-color);
}

.catalog_breadcrumbs {
    margin-bottom: 20px;
}
.catalog_breadcrumbs ul {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
}
.catalog_breadcrumbs ul li {
    display: flex;
    list-style: none;
}
.catalog_breadcrumbs ul li a {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.beforeAfter .after {
    cursor: pointer;
}
.catalog_breadcrumbs ul li p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.beforeAfter img {
    border-radius: 0 !important;
}
.catalog_top_name {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.catalog_sort-row {
    display: flex;
    align-items: center;
    gap: 18px;
}
.catalog_sort {
    display: flex;
}
.catalog_sort select {
    color: #000;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    cursor: pointer;
    padding-right: 20px;
}
.catalog_sort select {
    -webkit-appearance: none;
    -moz-appearance: none;
}
.catalog_sort select::-ms-expand {
    display: none;
}
.catalog_sort select {
    background-image: url('/local/templates/brushespaints/../brushespaints/images/selecttt.svg');
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 16px;
}
.catalog_search {
    display: flex;
    align-items: center;
    position: relative;
}
.catalog_search input {
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    width: 400px;
    height: 25px;
    padding: 0 10px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.catalog_search input::placeholder {
    color: #000;
}
.catalog_search button {
    display: flex;
    position: absolute;
    right: 5px;
    z-index: 2;
}
.catalog_search button img {
    width: 14px;
}

.content-wrapper {
    margin-top: -20px;
    padding-top: 20px;
    margin-bottom: -50px;
    padding-bottom: 50px;
}

.order_confirm-row2::before {
    display: none;
}
.before-after__dog {
    margin-top: auto;
}
.popup-window-titlebar-text, .popup-window-titlebar-text-version {
    color: #000;
    font-family: "Transgender Grotesk";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding: 20px 20px 0 0;
}

.popup-window-with-titlebar .popup-window-content > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.popup-window-with-titlebar .popup-window-content > div img {
    height: 140px;
    width: 200px;
    object-fit: cover;
    max-height: 140px !important;
}
.popup-window-with-titlebar .popup-window-content > div p {
    font-size: 20px;
}
.popup-window-buttons .btn {
    color: var(--white);
    background: var(--main-color);
    justify-content: center;
    cursor: pointer;
}

.fancybox__button.custom-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  color: #fff;
  padding: 10px 15px;
  border-radius: 50%;
  z-index: 9999;
}

.fancybox__content {
    flex-direction: row;
    align-items: center;
    <!--padding: 0 50px !important; -->
}
.fb-inside-arrows {
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    justify-content: space-between;
}
.fb-inside-arrows button {
    font-size: 50px;
    color: #FFF;
    width: 80px;
    height: 80px;
display: none;
}

.gallery-item__inner {
    position: relative;
}
.gallery-item__hover {
    display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 370px;
  background: rgba(255,255,255,0.9);
  z-index: 5;
  opacity: 0;
  transition: .3s all;
      border-radius: var(--border-radius);
      overflow: hidden;
}
.calculator__uploaded-image img {
	    object-fit: contain !important;
}
.gallery-item__hover a {
    width: 100%;
    height: 100%;
}
.gallery-item__hover a img {
    object-fit: cover;
}

.gallery-item:hover .gallery-item__hover {
  opacity: 1;
}

/* Одна картинка — показываем как есть */
.gallery-hover--single {
  justify-content: center;
  align-items: center;
}
.gallery-hover--single img {
  max-width: 100%;
  max-height: 100%;
}

.gallery-item:hover .gallery-item__hover.gallery-hover--single {
    display: none;
}

/* Две картинки — просто заменяем фоном */
.gallery-hover--two {
  justify-content: center;
  align-items: center;
}
.gallery-item .gallery-hover--two a:first-child {
  display: none;
}
.gallery-item:hover .gallery-hover--two a:last-child {
  display: block;
}

/* Сетка 2х2 */
.gallery-item .gallery-hover--grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.gallery-hover--grid-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-hover--grid-2 a {
    height: 185px;
}

/* Сетка 3х3 */
.gallery-item:hover .gallery-hover--grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.gallery-hover--grid-3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-hover--grid-3 a {
    height: 123.3px;
}

/* Сетка 4х4 */
.gallery-item:hover .gallery-hover--grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.gallery-hover--grid-4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-hover--grid-4 a {
    height: 92.5px;
}
.product-item-right-col {
	position: relative;
}

.catalog-item__image{position:relative;overflow:hidden;}
.catalog-item__image img{display:block;}
.catalog-item__image .img-hover{position:absolute;inset:0;opacity:0;transition:opacity .25s ease;}
.catalog-item__image.has-second:hover .img-main{opacity:0;}
.catalog-item__image.has-second:hover .img-hover{opacity:1;}


.product_detail_slider {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.product_detail_slider-row {
    display: flex;
    align-items: center;
    position: relative;
}
.product_detail_slider-prev {
    transition: .3s all;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFF;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 20px;
    z-index: 9;
}
.product_detail_slider-next {
    transition: .3s all;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFF;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 20px;
    z-index: 9;
}
.product_detail_slider-prev.swiper-button-disabled {
    opacity: 0;
}
.product_detail_slider-next.swiper-button-disabled {
    opacity: 0;
}
.product_detail_thumbs {
    display: flex;
    align-items: center;
}
.product_detail_thumbs-next, .product_detail_thumbs-prev {
    transition: .3s all;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFF;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 2;
}
.product_detail_thumbs-next {
    right: 10px;
}
.product_detail_thumbs-prev {
    left: 10px;
}
.product_detail_thumbs-next svg, .product_detail_thumbs-prev svg {
    width: 20px;
    height: auto;
}
.product_detail_thumbs-prev svg {
    transform: rotate(180deg);
}
.product_detail_thumbs-next.swiper-button-disabled, .product_detail_thumbs-prev.swiper-button-disabled {
    opacity: 0;
}
.product_detail_slider-prev svg {
    width: 15px;
    height: auto;
    transform: rotate(180deg);
}
.product_detail_slider-next svg {
    width: 15px;
    height: auto;
}
.product_detail_swiper {
    width: 100%;
}
.product_detail_swiper .swiper-slide {
    height: auto;
}
.product_detail_swiper a {
    display: flex;
    width: 100%;
    height: 600px;
}
.product_detail_swiper a img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    object-fit: contain;
    border-radius: 20px;
}
.product_detail_thumbs {
    width: 100%;
}
.product_detail_thumbs .swiper-slide {
    height: auto;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.product_detail_thumbs .swiper-slide-thumb-active {
    border-color: var(--main-color);
}
.product_detail_thumbs img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}
.product_page-size__item2 {
	position: relative;
    display: flex;
}
.product_page-size__item2 input {
	display: none;
}
.product_page-size__item2 label {
    background: #FFF;
    border: 1px solid #DD3B37;
    padding: 3px 5px;
    border-radius: 6px;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    color: #000;
    transition: .3s all;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.product-offer-radio__img {
    display: flex;
    width: 80px;
    height: 100px;
    border-radius: 4px;
    overflow: hidden;
}
.product-offer-radio__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product_page-size__item2 input:checked+label {
	background: #DD3B37;
    /* color: #FFF; */
}
.loyalnosti .account-club {
    padding: 0 220px;
}
.popup-form.fancybox__content {
    flex-direction: column;
    padding: 2rem !important;
    align-items: normal;
}
.iti__search-input {
    padding-left: 30px !important;
}
@media (max-width: 1250px) {
.loyalnosti .account-club {
    padding: 0;
}
}






.product_page-size__item2 input[type="radio"] {
    display: none;
}

.product_page-size__item2 label.product-offer-radio {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 0.5px solid #e0e0e0;
    border-radius: 12px;
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.15s;
    width: 140px;
    padding: 0;
    gap: 0;
}

.product-offer-radio__img {
    width: 100%;
    height: 150px;
    overflow: hidden;
    border-radius: 0;
}

.product-offer-radio__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.product-offer-radio__name {
    font-size: 13px;
    color: #666;
    padding: 6px 8px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    transition: color 0.15s, background 0.15s;
    word-break: break-word;
}

/* Активное состояние */
.product_page-size__item2 input[type="radio"]:checked + .product-offer-radio {
    border: 1.5px solid #D85A30;
}

.product_page-size__item2 input[type="radio"]:checked + .product-offer-radio .product-offer-radio__name {
    color: #D85A30;
    font-weight: 500;
    background: #FAECE7;
}

/* Hover */
.product-offer-radio:hover {
    border-color: #aaa;
}
.product_page-size__item2 input:checked+label {
    background: #FAECE7;
}






.thanks-form .form-title {
    padding: 0;
    margin: 0;
    font-size: 32px;
    max-width: 565px;
    line-height: 120%;
    font-weight: 400;
}
.thanks-form .form-title::after {
    display: none;
}

.input-group__review {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.input-group__review > p {
        font-size: 14px;
}
.input-group__review-row {
    display: flex;
    align-items: center;
    gap: 5px;
}
.input-group__review-block {
    display: flex;
    position: relative;
}
.input-group__review-block input {
    position: absolute;
    visibility: hidden;
}
.input-group__review-block label {
    display: flex;
}
.input-group__review-block.active label path {
    fill: #DD3B37;
}
.product-item-detail-slider-image {
    cursor: pointer;
}


.option-type__stili .calculator__option--content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}
.option-type__stili-block {
    position: relative;
}
.option-type__stili-block label {
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    padding: 0;
}
.option-type__stili-block label::before {
    display: none !important;
}
.option-type__stili-block label::after {
    display: none !important;
}
.option-type__stili-block label svg {
    opacity: 0;
    transition: .3s all;
    width: 28px;
    height: auto;
    position: absolute;
    top: -7px;
    left: -7px;
    z-index: 3;
}
.option-type__stili-block input:checked + label svg {
    opacity: 1;
}
.option-type__stili-block .option-media {
    width: 100%;
    height: 130px;
}
.option-type__stili-block .option-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product_page-size {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.product_page-size > p {
    font-size: 16px;
    color: #000;
    line-height: normal;
}
.product_page-size__items {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.product_page-size__item {
    background: #FFF;
    border: 1px solid #DD3B37;
    padding: 3px 5px;
    border-radius: 6px;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    color: #000;
    transition: .3s all;
}

.product_page-size__item.active {
    background: #DD3B37;
    color: #FFF;
}

.tg-fixed {
	display: flex;
    position: fixed;
    bottom: 130px;
    right: 50px;
}

@media (max-width: 1024px) {
    .account-club__faq .faq__block {
        padding: calc(var(--inner-padding) * 1.5) 0;
        flex: 1 1 100%;
    }
    .account-club__faq .faq__block--question {
        font-size: 1.1em;
        padding-right: 15px;
    }
}

@media (max-width: 768px) {
    .account-club__faq .faq__block {
        padding: 0;
    }
    .account-club__faq .faq__block--question {
        min-height: 62px;
        display: flex;
        align-items: center;
        font-size: 12px; 
        padding-right: 10px;
    }
    .account-club__faq .faq__block--text {
        max-width: 90%;
    }
    .account-club__faq .faq__block.show .faq__block--answer {
        padding: 0 0 15px;
    }
.max-fixed {
        bottom: 150px;
        right: 10px;
	}
.max-fixed img {
    width: 50px;
	}

}

@media screen and (max-width: 1340px) {
    .calculator__options--wrapper {
        gap: 10px !important;
        display: flex !important;
        flex-wrap: wrap;
    }
    .calculator__option {
        width: 100%;
        max-width: calc(50% - 10px);
    }
    .calculator__upload {
        display: flex !important;
        flex-direction: column;
        gap: 20px !important;
    }
    .calculator_sum {
    font-size: 24px;
}
h2.basket-item-info-name {
    padding-right: 20px;
}
.account-club__card-1-col {
    padding-right: 190px;
}
.account-club__card-1__main > h2 {
    margin-bottom: 20px;
}

.about_service-img {
    position: relative;
    width: 100%;
    height: auto;
}
.about_service-grid {
    max-width: none;
}
.about_main-column {
    max-width: none;
}
.account-club__card-1-fon {
    height: 310px;
}
    .delivery-price__row {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
        padding: 30px 20px;
        border-radius: 30px;
        border: 1px solid #000;
        background: #FFF;
    }

    .delivery-price__item {
        border: none;
        gap: 15px;
        padding: 0;
    }

    .delivery-price__item-row {
        gap: 9px;
    }

    .delivery-price__item-row img {
        width: 26px;
        min-width: 26px;
    }

    .delivery-price__item-row p:nth-child(2) {
        font-size: 14px;
        max-width: none;
    }
    .option__vyberete-stil {
        max-width: 100%;
    }
    .option-type__stili .calculator__option--content {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Media Queries */
/* Max-width: 1280px */
@media (max-width: 1280px) {
        /* vakansii */
    .vakansii {
        gap: 0;
    }

    .vakansii-main {
        gap: 0;
    }

    .vakansii-name {
        display: none;
    }

    .vakansii-column {
        gap: 14px;
    }

    .vakansii-item {
        padding: 15px 20px;
    }

    .vakansii-item__button {
        display: flex;
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
        position: relative;
    }

    .vakansii-item__button>h3 {
        font-size: 14px;
    }

    .vakansii-item__button>p {
        font-size: 11px;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .vakansii-item__button-block {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .vakansii-item__button-block p {
        display: none;
    }

    .vakansii-item__button-block svg {
        width: 23px;
        height: auto;
    }

    .vakansii-item__content p {
        font-size: 11px;
    }

    .vakansii-item.active .vakansii-item__content {
        margin-top: 15px;
    }

    .vakansii-item__button>p span {
        display: block;
    }
    .reviews__review {
        padding: 30px 15px;
    }

    .reviews__review-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .beforeAfter .content-image {
        min-width: calc(50vw - 40px) !important;
        width: calc(50vw - 40px) !important;
    }
}

/* Max-width: 1150px */
@media (max-width: 1150px) {
    .reviews__review-header {
        gap: 7px;
    }

    .reviews__wrapper {
        justify-content: space-between;
    }

    .reviews__slider {
        max-width: calc(50% - 12px);
    }

    .reviews-statistic {
        width: 100%;
        flex: unset;
        margin-right: 0;
        max-width: calc(50% - 12px);
    }

    .reviews-statistic__rating {
        justify-content: flex-start;
        gap: 20px;
    }

.account-club__card-1-fon {
        height: auto;
    }
    .delivery-price__item-row p:nth-child(3) {
        max-width: 121px;
        font-size: 14px;
    }
    .about_faq-main {
    gap: 25px;
}
.before-after__dog {
    margin-top: auto;
}
.account-main {
        gap: 35px;
        flex-direction: column;
    }
    .account-top h2 {
        font-size: 24px;
    }
    .account-top__row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .account-menu {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        width: 100%;
        min-width: 100%;
    }
    .account-logout {
        display: none;
    }
    .account-menu__item {
        font-size: 12px;
        padding: 18px 1px;
    }
.about_main {
    flex-wrap: wrap;
}
.about_main-img {
    width: 270px;
    height: 270px;
    margin: 0 auto;
}
.basket-items-list-item-container {
    flex-direction: row;
}
.cart {
    margin-top: 10px;
}

.bx-catalog-element .col-sm-6 {
    width: 100%;
}


.account-club__bonus-gift, .account-club__bonus-gift_last {
    height: auto;
}

.order_confirm-right img {
    right: 30px;
}





}

/* Max-width: 1024px */
@media (max-width: 1024px) {
    .reviews__review {
        padding: 15px 15px;
    }
    .before-after-section__row {
        min-height: auto !important;
    }
}

@media (max-width: 992px) {
    .reviews__review {
        padding: 27px 14px 30px 15px;
    }
.checkout {
    margin-bottom: 80px;
}
    .reviews__review-content {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    .whatsapp-fixed {
        bottom: 15px;
        right: 10px;
    }
    .whatsapp-fixed svg {
        width: 55px;
    }
    .reviews__review-header {
        flex-direction: row;
    }

    .reviews__wrapper {
        margin-top: 15px;
        gap: 20px;
    }
.account-club__card-1-fon {
        height: 300px;
    }
    .reviews-statistic__rating--title {
        margin-bottom: 15px;
    }

    .reviews-statistic__rating--value {
        font-size: 28px;
    }

    .reviews-statistic__rating {
        gap: 5px;
    }
      .calculator__options {
        flex: unset;
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
      }
      .calculator__options--wrapper {
        display: flex;
    flex-wrap: wrap;
      }
      .checkout-col:nth-child(3) .checkout-input:nth-child(3), .checkout-col:nth-child(3) .checkout-input:nth-child(4), .checkout-col:nth-child(3) .checkout-input:nth-child(5), .checkout-col:nth-child(3) .checkout-input:nth-child(6) {
    max-width: calc(50% - 5px);
}
      .calculator__option {
        width: calc(50% - 5px);
      }
      .calculator__option--selected {
        max-width: 100%;
        min-width: 100%;
      }
      .calculator_total.d-flex {
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 20px;
      }
      .calculator_total button {
        width: 100%;
      }
      .calculator__upload {
        min-width: 100%;
      }
      .container {
        width: calc(100% - 20px);
      }
      .reviews-statistic__inner .btn-wrap .btn {
        max-width: 100% !important;
      }
      .content-wrapper {
        margin-top: 80px !important;
        padding-top: 0;
        margin-bottom: -30px;
        padding-bottom: 30px;
      }
      .big-slider-item-image {
        object-position: center;
      }
      .contacts__col.contacts__col--1{
        display: flex;
      }
      .contacts__col-block {
        width: 50%;
        display: flex;
        flex-direction: column;
      }
      .contacts__block {
        flex: 2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }
      .contacts__col.contacts__col--3 {
        display: flex;
      }
      .contacts__col--5 {
        justify-content: center;
        display: flex;
      }
      .delivery_banner-row > img {
        display: none;
      }
      .about_catalog_slide-title {
        font-size: 16px;
      }
      .about_catalog_slide-img {
        height: 170px;
    }
    .cart {
        gap: 50px;
        margin-top: 30px;
        margin-bottom: 55px;
    }
    .cart-main {
        flex-direction: column;
    }
    .cart-buttons {
        margin-bottom: -20px;
    }
    .cart-name {
        flex-direction: column;
        align-items: flex-start;
        gap: 11px;
    }
    .cart-name p {
        font-size: 12px;
        margin-bottom: 0;
    }
    .cart-name h2 {
        font-size: 28px;
    }
    .cart-clear, .cart-login {
        font-size: 12px;
        gap: 7px;
    }
    .cart-clear svg, .cart-login svg {
        width: 10px;
        height: auto;
    }
    .cart-total {
        max-width: none;
    }
    .basket-checkout-container {
        padding: 25px;
    }
    .basket-checkout-container > h3 {
        font-size: 21px;
    }
    .cart-total__row {
        margin-bottom: 10px;
    }
    .basket-coupon-alert-section {
        margin: 0;
    }
    .basket-coupon-section .form-group {
        gap: 5px;
        margin-bottom: 0;
    }
    .basket-coupon-section {
        margin-bottom: 14px;
    }
    .basket-checkout-block-total-title {
        font-size: 21px;
    }
    .basket-coupon-block-total-price-current {
        font-size: 21px;
    }
    .basket-checkout-block-total-price .form-question__wrapper .agree label {
        text-align: left;
    }
    .basket-checkout-block-total-price .form-question__wrapper {
        margin: 0 !important;
    }
    .basket-checkout-block-total-price {
        margin-bottom: 15px;
    }
    .cart-button {
        padding: 14px 15px 18px 16px;
        font-size: 14px;
        margin: 0;
    }

    .cart-empty {
        gap: 35px;
    }
    .cart-empty .cart-name p {
        display: none;
    }
    .cart-empty__col {
        gap: 25px;
    }


    .interior {
        padding-top: 18px;
        margin-top: 31px;
    }
    .interior-container {
        gap: 15px;
    }
    .interior-name {
        gap: 10px;
    }
    .interior-name h2 {
        font-size: 28px;
    }
    .interior-name p {
        font-size: 12px;
        max-width: 272px;
    }
    .interior-main {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
    .interior-item {
        gap: 10px;
    }
    .interior-item img {
        height: 268px;
        border-radius: 30px;
    }
    .interior-item h4 {
        font-size: 14px;
    }

    .calculator__option {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .calculator__options--wrapper {
        width: 100%;
    }
    .calculator__option--block {
        max-width: 100%;
    }
    .option-type__select .calculator__option--content {
        max-width: 100%;
        z-index: 99;
    }
    .option__laki .calculator__option--block {
        margin-bottom: 10px;
    }
.calculator__uploaded-image.rotate {
        width: 28.2rem;
        height: 17.8rem;
        left: 1.6rem;
        top: 8.8rem;
}
}

/** MEDIA QUERIES **/
@media (max-width: 992px) {
.tg-fixed {
bottom: 80px;
        right: 10px;
}
.tg-fixed svg {
        width: 55px;
height: auto;
}
    .main-col {
        padding-left: calc(var(--outer-padding) * 2);
    }

    .main-col.hidden-left-col {
        padding-left: 0;
    }

    .header-nav {
        justify-content: center;
    }

    .footer-container {
        flex-direction: column;
        padding-bottom: 23px;
    }

    .catalog-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }
    .catalog-wrapper .main-col {
        padding: 0;
    }
    .catalog-wrapper .catalog-item {
        padding: 0;
    }

    .before-after-section__row .col-6:nth-child(2) {
        height: auto;
    }

    .footer-contact__social {
        flex-direction: row;
        align-items: flex-start;
    }

    .gallery-list__nav {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }
    .gallery-list__nav .btn {
        width: 100%;
        max-width: 100%;
        flex: none;
    }

    .wholesalers_banner {
        margin-bottom: 40px;
        align-items: flex-end;
        height: 653px;
        padding: 50px 30px 50px 22px;
    }

    .wholesalers_banner-title {
        font-size: 28px;
        margin-bottom: 11px;
    }

    .wholesalers_banner-text {
        font-size: 14px;
        margin-bottom: 18px;
    }
.before-after__text--content {
font-size: 13px;
}
.before-after__text--1 > h2 {
font-size: 28px;
}
    .wholesalers_banner-content .btn {
        width: 210px;
    }

    .wholesalers_description {
        font-size: 14px;
        margin-bottom: 25px;
    }

    .wholesalers_prices {
        gap: 40px;
    }

    .wholesalers_prices-column {
        gap: 20px;
    }

    .wholesalers_prices-column>h3 {
        font-size: 14px;
    }

    .wholesalers_prices-row {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .wholesalers_price {
        gap: 10px;
    }

    .wholesalers_price>h3 {
        font-size: 14px;
        font-weight: 500;
    }

    .wholesalers_price-content table th {
        font-size: 13px;
        padding: 12px;
    }

    .wholesalers_price-content table td {
        font-size: 13px;
        padding: 12px;
    }

    .wholesalers_prices-row .wholesalers_price-content table td {
        font-size: 13px;
        padding: 12px;
    }

    .wholesalers_price-name>h3 {
        font-size: 14px;
        margin-bottom: 7px;
        font-weight: 500;
    }

    .wholesalers_price-name>p {
        font-size: 13px;
    }

    .wholesalers_price-preview {
        margin-top: 10px;
        margin-bottom: 10px;
        gap: 2px;
    }

    .wholesalers_price-preview h4 {
        font-size: 13px;
    }

    .wholesalers_price-note {
        font-size: 13px;
    }

    .wholesalers_price-bottom {
        gap: 5px;
    }

    .wholesalers_price-bottom h5 {
        font-size: 13px;
    }

    .wholesalers_price-bottom p {
        font-size: 13px;
    }

    .wholesalers_price-name .btn {
        margin-top: 20px;
    }

    /* master_classes */
    .master_classes .wholesalers_banner-bg::before {
        background: linear-gradient(0deg, #000 6.59%, rgba(65, 25, 25, 0.00) 93.86%);
    }

    .master_classes-main {
        gap: 30px;
        padding-top: 30px;
    }

    .master_classes-row {
        gap: 15px;
        display: flex;
        flex-direction: column-reverse;
    }

    .master_classes-item {
        padding: 20px 20px 30px 20px;
        gap: 8px;
    }

    .master_classes-item h2 {
        font-size: 28px;
    }

    .master_classes-item__text {
        gap: 8px;
        font-size: 14px;
        margin-bottom: 8px;
    }

    .master_classes-item .btn {
        margin-right: auto;
    }

    .master_classes-item__img-1 {
        width: 83px;
        top: 15px;
        right: 15px;
    }

    .master_classes-item__img-2 {
        height: 240px;
    }



.option-type__stili-block {
    position: relative;
    width: 100%;
    max-width: calc(33% - 13px);
}

.option-type__stili .calculator__option--content {
        grid-template-columns: repeat(3, 1fr);
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }











    /* delivery */
    .delivery .wholesalers_banner {
        height: auto;
        flex-direction: column-reverse;
        gap: 20px;
        padding: 0;
    }

    .delivery .wholesalers_banner-bg {
        position: relative;
    }

    .wholesalers_banner-content{
        width: 100%;
    }
    .wholesalers_banner-content .icon_delivery {
        display: inline-flex;
      }
    .wholesalers_banner-content p {
        color: #000;
      }

    .delivery .wholesalers_banner-bg::before {
        display: none;
    }
    .delivery_banner-row {
        gap: 8px;
        align-items: flex-start;
    }

    .delivery_banner-row img {
        width: 32px;
        min-width: 32px;
    }

    .delivery_banner-row p {
        font-size: 12px;
        max-width: none;
    }

    .delivery-price {
        margin-bottom: 40px;
    }

    .delivery-price>h3,
.delivery-price>h2 {
        font-size: 28px;
    }

    .delivery-price>p {
        font-size: 12px;
    }

    

    .delivery-payments {
        border-radius: 0;
        border: none;
        background: transparent;
        gap: 17px;
        padding: 0;
    }

    .delivery-payments>h3,
.delivery-payments>h2 {
        font-size: 28px;
    }

    .delivery-payments-col>p {
        font-size: 12px;
        max-width: 199px;
    }

    .delivery-payments__column {
        gap: 25px;
    }

    .delivery-payments-col {
        gap: 20px;
        border-radius: 30px;
        border: 1px solid #000;
        background: #FFF;
        padding: 24px 17px;
    }

    .delivery-payments__row {
        gap: 8px;
    }

    .delivery-payments__row img {
        width: 26px;
        min-width: 26px;
    }

    .delivery-payments__row p {
        font-size: 14px;
    }

    .delivery-payments__img {
        width: 106px;
        right: 29px;
    }

    
.header-section-inner > .header-cart, .header-section-inner > .header-account {
    display: block;
}
.header-section-inner {
    gap: 10px;
}
.header-section-inner > .header-account  {
    margin-left: auto;
            position: relative;
        z-index: 4;
}
.header-section-inner > .header-cart {
    margin-right: 10px;
    margin-bottom: -2px;
            position: relative;
        z-index: 4;
}
    .about_faq-item__content p {
        font-size: 14px;
    }
.header-section-inner {
    position: relative;
}
.header-section-inner::before {
    content: '';
            position: absolute;
        left: -26px;
        top: -10px;
        width: calc(100% + 60px);
        height: calc(100% + 20px);
        background: #FFF;
        z-index: 3;
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    top: -38px;
    right: 0;
}






.header-nav .header-cart, .header-nav .header-account {
    display: none;
}
.header-section .red-btn {
    width: 220px !important;
    justify-content: center;
    height: 51px;
}

#horizontal-menu li[data-class="nav-more-items"] > :is(a, button)  {
    display: none;
}
    #horizontal-menu :is(a, button) {
        padding: 12px 0;
    }
.cart-empty {
    margin-top: 25px;
        margin-bottom: 100px;
}
#horizontal-menu .nav-more {
        display: block;
        left: unset;
        right: 0;
        padding: 0;
        position: relative;
        width: 100%;
        box-shadow: none;
        background: none;
        opacity: 1;
        visibility: visible;
        top: 0;
    }

    .about_faq-item.active .about_faq-item__content {
        margin-top: 15px;
    }


    .contacts__col.contacts__col--3:nth-child(2) .contacts__col-block:nth-child(1) p br {
        display: none;
    }

    .contacts__block.social-icon__wrap {
        flex-direction: row;
        justify-content: flex-start;
    }

.contacts__block--map iframe {
    height: 100%;
}
    .contacts__block--address {
        text-align: left !important;
        margin-top: 10px;
    }
.order_confirm-col4 .order_confirm-row2 p:nth-child(1) {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
}
.order_confirm-row2 {
    max-width: calc(100vw - 85px);
}



#horizontal-menu {
    gap: 0 !important;
}

    .about_faq-right {
        max-width: none;
    }

    .about_faq-right .form-question {
        padding-left: 0;
    }

    .about_faq-right .form-question__wrapper {
        margin-top: 12px;
    }

    .about_faq-right .form-question__inner>p {
        font-size: 16px;
        margin-top: 0;
    }

    .about_faq-right .form-question__wrapper .btn {
        width: 100%;
    }

    .about_program .btn {
        margin-right: 0;
        justify-content: center;
    }


    .callback-form__img {
        height: 90px;
    }

    .basket-items-list-wrapper, .basket-items-list-wrapper-compact {
        gap: 18px;
    }
    .basket-items-list {
        padding: 0;
    }
    .cart-add-more {
        width: 100%;
        font-size: 14px;
        padding: 15px 0 17px 0;
    }
    .basket-items-list-item-container {
        padding-bottom: 20px;
        gap: 15px;
        padding-top: 20px;
    }
    .basket-items-list-item-container:first-child {
        padding-top: 20px;
    }
    .basket-item-block-image {
        margin: 0;
        min-width: 175px;
        max-width: 175px;
        height: 175px;
    }
    .basket-item-image {
        margin: 0;
    }
    .basket-items-list-item-main {
        gap: 10px;
    }
    .basket-item-actions-remove svg {
        width: 10px;
        height: auto;
    }
    .basket-item-info-name, .basket-item-info-name-link {
        font-size: 14px;
    }
    .basket-items-list-item-container {
        position: relative;
        margin-bottom: 40px;
        border-top: 1px solid #000;
    }
    .basket-items-list-item-row-bottom {
        width: 100%;
        position: absolute;
        bottom: -35px;
        left: 0;
        width: 100%;
    }
    .basket-items-list-item-amount {
        min-width: auto;
    }
    .basket-item-block-price span {
        font-size: 21px;
    }
    .basket-item-block-price {
        padding: 0;
        margin: 0;
    }
    .basket-items-list-item-price {
        padding: 0;
    }
    .basket-item-block-amount {
        margin: 0;
    }
    .basket-item-amount-btn-plus, .basket-item-amount-btn-minus {
        padding: 0;
        background: transparent;
        border: none;
    }
    .basket-items-list-item-remove {
        top: 18px;
    }
    .basket-items-list-item-container:first-child .basket-items-list-item-remove {
        top: 18px;
    }

    .reviews__review-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    .reviews__review-content {
        overflow: visible;
        display: flex;
        -webkit-line-clamp: none;
        flex-direction: column;
        gap: 20px;
    }
    .reviews__review-images {
        width: 100%;
        gap: 10px;
    }

    .pachat_photo__banner {
        align-items: flex-start;
    }
    .pachat_photo__banner .big-slider-address {
        bottom: 25px;
    }
    .pachat_photo__banner .big-slider-address span {
        font-size: 14px;
    }

    .checkout {
        margin-top: 25px;
        gap: 20px;
    }
    .checkout-name {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .checkout-name > h2 {
        font-size: 24px;
    }
    #bx-soa-order {
        flex-direction: column;
        gap: 10px;
    }
    .checkout-main {
        flex: 0 0 auto;
        max-width: none;
    }
    #bx-soa-total {
        flex: 0 0 auto;
        max-width: none;
        min-width: 0;
    }
    .bx-soa-total-col {
        padding: 18px;
    }
    .checkout-wrapper {
        gap: 10px;
    }
    #bp-redeem-points {
        padding: 10px !important;
    }
    .checkout-col {
        gap: 10px;
    }
    .checkout-grid {
        gap: 10px;
    }
    .checkout-input {
        max-width: calc(50% - 5px);
    }
    .checkout-col:nth-child(2) .checkout-input:nth-child(3), .checkout-col:nth-child(2) .checkout-input:nth-child(6) {
        max-width: 100%;
    }
    .checkout-col:nth-child(4) > p:nth-child(3) {
                font-size: 14px !important;
    }
    .checkout-input input {
        font-size: 12px;
        padding: 14px 12px;
    }
    .checkout-col > h3 {
        font-size: 16px;
    }
    .checkout-select select {
        font-size: 12px;
        padding: 14px 12px;
    }
    /* .checkout-col:nth-child(2) .checkout-input:nth-child(3), .checkout-col:nth-child(2) .checkout-input:nth-child(4), .checkout-col:nth-child(2) .checkout-input:nth-child(5), .checkout-col:nth-child(2) .checkout-input:nth-child(6) {
        max-width: 100%;
    } */
    .checkout-input textarea {
        height: 70px;
        min-height: 70px;
        font-size: 12px;
        padding: 14px 12px;
    }
    .checkout-select p {
        font-size: 10px;
    }
    .bx-soa-total-col > h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .bx-soa {
    padding-bottom: 10px !important;
}
    .bx-soa-total-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        margin-bottom: 15px;
    }
    .bx-soa-total-grid a {
        height: 106px;
    }
    .bx-soa-total-row p {
        font-size: 12px;
    }
    .bx-soa-cart-total-line {
        font-size: 12px !important;
    }
    .bx-soa-cart-total .bx-soa-cart-total-line-total {
        padding-top: 5px !important;
        margin-top: 10px;
    }
    .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t {
        font-size: 18px;
    }
    .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d {
        font-size: 18px !important;
    }
    #bx-soa-total > button {
        padding: 15px;
        font-size: 14px;
    }

    .account {
        margin-top: 40px;
        margin-bottom: 50px;
        gap: 20px;
    }
    .account-top {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }
    
    .bx_profile form {
        gap: 35px;
    }
    .main-profile-block-shown {
        gap: 35px;
    }
    .bx_profile-col {
        gap: 15px;
    }
    .bx_profile-col > h3 {
        font-size: 20px;
    }
    .bx_profile-grid {
        gap: 10px 15px;
    }
    .bx_profile-input {
        max-width: calc(50% - 10px);
    }


.how-it-works__block--text {
        max-width: 300px;
        margin: 0 auto;
    }
.how-it-works__block--text br {
display: none;
	}
.how-it-works__block:nth-child(2) .how-it-works__block--text {
        max-width: 295px;
	}
.how-it-works__block:nth-child(3) .how-it-works__block--text {
        max-width: 245px;
	}
.how-it-works__block:nth-child(4) .how-it-works__block--text {
        max-width: 255px;
	}
.how-it-works__block:nth-child(5) .how-it-works__block--text {
        max-width: 235px;
	}
.calculator__option {
        max-width: calc(50% - 5px);
    }
.calculator__option:nth-child(11), .calculator__option:nth-child(12), .calculator__option:nth-child(13), .calculator__option:nth-child(14) {
max-width: none;
	}
    .account-orders__col {
        gap: 24px;
    }
    .account-orders__name {
        gap: 8px;
    }
    .account-orders__name h4:nth-child(1) {
        font-size: 18px;
    }
    .account-orders__name h4:nth-child(2) {
        font-size: 18px;
    }
    .account-orders__main {
        gap: 15px;
    }
    .account-orders__item {
        gap: 15px;
        padding-bottom: 15px;
    }
    .account-orders__item-product {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .account-orders__item-product__main {
        gap: 15px;
    }
    .account-orders__item-product__img {
        width: 175px;
        min-width: 175px;
        height: 175px;
    }
    .account-orders__item-product-col a {
        font-size: 14px;
        max-width: 100%;
    }
    .account-orders__item-product-col span {
        font-size: 10px;
    }
    .account-orders__item-product-col > p {
        font-size: 18px;
    }
    .account-orders__item-product__bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .account-orders__item-product__bottom > p {
        top: auto;
        position: relative;
    }
    .account-orders__item-product__bottom a {
        gap: 5px;
        font-size: 10px;
        position: relative;
    }
    .account-orders__item-product__bottom a svg {
        width: 7px;
        height: auto;
    }

    
    .big-slider {
        margin-top: 30px;
    }


    .login {
        margin: 60px auto;
        max-width: calc(100% - 20px);
        border-radius: 20px;
        padding: 30px 20px;
        gap: 20px;
    }
    .login-name img {
        margin-bottom: 5px;
    }
    .login-name h2 {
        font-size: 22px;
        text-align: center;
    }
    .login-name__row p {
        font-size: 12px;
    }
    .login-name__row a {
        font-size: 12px;
    }
    .login form {
        gap: 15px;
    }
    .login-col {
        gap: 10px;
    }
    .login-col > input {
        font-size: 12px;
        padding: 15px;
    }
    .login-checkbox label {
        font-size: 11px;
    }


    .registration {
        margin: 60px auto;
        max-width: calc(100% - 20px);
        border-radius: 20px;
        padding: 30px 20px;
        gap: 20px;
    }
    .registration-name {
        flex-direction: column;
        gap: 15px;
    }
    .registration-name__col {
        align-items: center;
    }
    .registration-name__col > h2 {
        text-align: center;
        font-size: 22px;
    }
    .registration-name__row p {
        font-size: 12px;
    }
    .registration-name__row a {
        font-size: 12px;
    }
    .registration form {
        gap: 15px;
    }
    .registration-col {
        gap: 15px;
    }
    .registration-col > input {
        font-size: 12px;
        padding: 15px;
    }
    .registration-captcha {
        align-items: center;
    }
    .registration-captcha input {
        font-size: 12px;
        padding: 15px;
    }
    .registration-submit {
        justify-content: center;
    }

    .header-cart {
        margin-left: 0;
    }
    .order_confirm {
        margin: 30px 0 40px 0;
    }
    .order_confirm-container {
        gap: 25px;
    }
    .order_confirm-container > h2 {
        font-size: 28px;
    }
    .order_confirm-main {
        padding: 25px 20px 0 20px;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
    .order_confirm-right img {
        position: relative;
        width: 226px;
        right: 0;
    }
    .order_confirm-right {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }
    .order_confirm-right h4 {
        font-size: 14px;
    }
    .order_confirm-left {
        gap: 14px;
    }
    .order_confirm-left > h4 {
        text-align: center;
        font-size: 16px;
    }
    .order_confirm-col2 {
        gap: 15px;
    }
    .order_confirm-row {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .order_confirm-row p {
        padding: 10px;
        font-size: 14px;
    }
    .order_confirm-row2 p {
        font-size: 14px;
    }
    .order_confirm-col3 > h4 {
        text-align: center;
        font-size: 16px;
    }
    .order_confirm-col5 > h4 {
        text-align: center;
        font-size: 16px;
    }
    .order_confirm-col4 .order_confirm-row2 p {
        font-size: 13px;
    }
    .order_confirm-col6 {
        gap: 7px;
        padding: 12px 14px;
    }
    .order_confirm-col6 p {
        font-size: 13px;
    }


    .big-slider {
        margin-top: 25px !important;
    }
    .pachat_photo__banner {
        margin-top: 25px;
    }
    .checkout-payments {
        grid-template-columns: repeat(1, 1fr);
    }
    .account-wishlist {
        gap: 25px;
    }
    .category_list__ul {
        display: none;
    }
    #sectionSelect {
        display: block;
    }
    #sectionSelect {
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    #sectionSelect::-ms-expand {
        display: none;
    }
    #sectionSelect {
        background-image: url('/local/templates/brushespaints/../brushespaints/images/selecttt.svg');
        background-position: center right 12px;
        background-repeat: no-repeat;
        background-size: 16px;
        border-radius: 10px;
        border: 1px solid #DD3B37;
        width: 100%;
        padding: 14px 12px;
        color: #000;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }
    .catalog-wrapper .left-col {
        max-width: none;
    }
    .bx-soa-cart-total-button-container a {
        font-size: 14px;
        padding: 14px;
    }
    .catalog_top_name {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px;
    }
    .catalog_sort-row {
        width: 100%;
        justify-content: space-between;
    }
    .catalog_sort select {
        font-size: 12px;
    }
    .catalog_search input {
        width: 140px;
        padding: 0 7px;
        font-size: 12px;
    }

    .catalog-section .category_list__ul {
        padding-left: 0;
        display: flex;
        gap: 5px;
    }
    .main-col .category_list__link {
        padding: 8px 10px;
        font-size: 13px;
    }

	.catalog-product-slider .catalog-inner {
grid-template-columns: repeat(1, 1fr);
	}

.page-header {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
	}

.about_service-img {
    position: relative;
    width: 100%;
    height: auto;
}
.about_why-item {
    flex-direction: column;
    align-items: flex-start;
}
    .about_program-rows_item {
        gap: 12px;
        height: 230px;
        padding: 30px;
    }

    .about_program-rows_item h3 {
        font-size: 18px;
    }

    .about_program-rows_item p {
        font-size: 14px;
    }

    .calculator__inner form {
        display: flex !important;
        flex-direction: column;
        gap: 20px !important;
    }
    .calculator__option:nth-child(13) {
                max-width: calc(50% - 10px);
    }
    .option__pozhelaniya {
        order: 5;
    }
    .option__optsii {
        order: 6;
    }
    .option__dobavit-v-zakaz {
        order: 7;
    }
    .option__laki {
        max-width: none !important;
        flex-direction: row !important;
        flex-wrap: wrap;
        gap: 0 10px;
    }
    .option__laki .calculator__option--title {
        width: 100% !important;
    }
    .option__laki .calculator__option--block {
        width: 100%;
        max-width: calc(50% - 5px);
    }
        .option__slozhnost .calculator__option--content {
            gap: 20px;
        }
    .option__slozhnost .calculator__option--content label {
padding-left: 5px;
        padding-top: 28px;
    padding-right: 0;
}
.gallery-wrap {
    gap: 20px;
}
    .option__vyberete-stil {
        max-width: 100% !important;
    }
        .option-type__stili .calculator__option--content {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media screen and (max-width: 768px) {
    #pvzModal > div {
    margin: auto;
    border-radius: 20px;
    padding: 20px;
    width: 100%;
    min-height: 90vh;
    max-width: calc(100% - 40px) !important;
}
.widget__title {
    flex-wrap: wrap;
}
#pvzModalClose {
    z-index: 3;
}
.widget__wrapper {
        overflow: hidden;
        border-radius: 20px;
    }
.gallery-list .gallery-list__slider > .swiper  {
    min-width: 100vw;
    margin-left: -26px;
	}
.gallery-list .gallery-list__slider > .swiper > .swiper-wrapper {
padding-left: 13px;
	}
    .fancybox__content {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 0 !important;
        text-align: center;
    }
     .fancybox__content p {
         padding: 0 10px;
     }
    .fb-inside-arrows button {
        display: none;
    }
    .before-after__text--2 {
        position: relative;
        padding: 8vw 45% 25px 16px;
    }
    .before-after__dog {
        position: absolute;
        bottom: 0;
        right: 20px;
        margin: 0;
        height: auto;
    }
    .delivery-price__item-row p:nth-child(2) {
        max-width: 139px;
    }
    .before-after-section__row .col-6:nth-child(2) {
        height: 36.1rem;
    }
    .account-club__main {
        flex-direction: column-reverse;
    }
    .account-club__levels {
        display: grid
;
        grid-template-columns: repeat(3, 1fr);
        min-width: 100%;
        width: 100%;
        gap: 10px;
    }
    .beforeAfter .content-image {
        min-width: calc(100vw - 40px) !important;
        width: calc(100vw - 40px) !important;
    }
        .option__slozhnost .calculator__option--content label {
padding-left: 9px;
        padding-top: 28px;
    padding-right: 0;
}
.calculator__uploaded-image.rotate {
width: 28.5rem;
        height: 18rem;
        left: 1.1rem;
        top: 8.5rem;
}
.thanks-form .form-title {
    font-size: 32px;
    max-width: 335px;
}


.product_detail_swiper a {
    height: 300px;
}
.product_detail_slider-next, .product_detail_slider-prev {
    width: 30px;
    height: 30px;
}
.product_detail_slider-next svg, .product_detail_slider-prev svg {
    width: 12px;
}
.product_detail_slider-next {
    right: 10px;
}
.product_detail_slider-prev {
    left: 10px;
}
.product_detail_swiper a img {
    border-radius: 10px;
}
.product_detail_thumbs img {
    height: 80px;
}
.product_detail_slider {
    gap: 10px;
    margin-bottom: 30px;
}

.red-running-line .swiper-slide p {
font-size: 12px !important;
}

}

@media (max-width: 576px) {
    
    .btn {
        padding: 12px 24px;
    }

    .catalog-item,
    .blog-item,
    .gallery-item {
        width: 100%;
        margin: 0;
    }

    .contacts__col--1,
    .contacts__col--2,
    .contacts__col--4 {
        padding-right: 0;
    }

    .blog_page-similar>h2 {
        font-size: 24px;
    }
    .calculator__options--wrapper {
        gap: 26px;
      }
      .catalog-inner {
        gap: 30px;
      }
      .contacts__col.contacts__col--1 {
        flex-direction: column;
      }
      .contacts__col-block {
        width: 100%;
      }
      .contacts__col.contacts__col--3 {
        flex-direction: column;
      }
      .reviews__wrapper {
        flex-direction: column;
      }
    .reviews-statistic {
        max-width: 100%;
    }
.reviews__slider {
        max-width: 100%;
    }
.reviews__slider .swiper {
    min-width: 100vw;
    margin-left: -40px;
}
.reviews__slider .swiper .swiper-wrapper {
    padding-left: 40px;
}

/* about */
    .about_main {
        margin-top: 0;
        margin-bottom: 30px;
        flex-direction: column;
        gap: 30px;
    }
    .wholesalers_banner-buttons {
        flex-direction: column;
    }

    .about_main-title {
        font-size: 16px !important;
    }

    .about_main-description {
        font-size: 14px;
    }

    .about_main-img {
        width: 250px;
        height: 250px;
    }

    .about_why {
        padding: 30px 0;
    }

    .about_why-main {
        gap: 25px;
    }

    .about-subtitle {
        font-size: 18px;
    }

    .about_why-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
.account-club__bonus-gift, .account-club__bonus-gift_last {
    padding: 5px;
}
    .about_why-item {
        gap: 12px;
    }

    .about_why-item img {
        width: 40px;
        min-width: 40px;
    }

    .about_why-item p {
        font-size: 14px;
    }

    .about_catalog {
        padding: 30px 0;
    }

    .about_catalog-main {
        gap: 25px;
    }

    .about_catalog-slider {
        gap: 25px;
    }
.basket-items-list-item-container {
    flex-direction: row;
}
    .about_service {
        padding: 30px 0;
    }

    .about_service-main {
        gap: 25px;
        padding-bottom: 0;
    }

    .about_service-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        max-width: none;
    }

    .about_service-item {
        gap: 12px;
    }

    .about_service-item img {
        width: 40px;
        min-width: 40px;
    }

    .about_service-item p {
        font-size: 14px;
    }

    .about_service-img {
        position: relative;
        width: 100%;
        height: auto;
    }

    .about_program {
        padding: 30px 0;
    }

    .about_program-main {
        gap: 30px;
    }

    .about_program-name {
        gap: 10px;
    }

    .about_program-column {
        gap: 25px;
    }
.account-top__row  {
    width: 100%;
}
    .about_program-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .about_program-item {
        gap: 12px;
    }

    .about_program-item img {
        height: 60px;
    }

    .about_program-item p {
        font-size: 16px;
    }

    .about_program-rows {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }



    .about_faq {
        padding: 30px 0;
    }

    .about_faq-main {
        flex-direction: column;
        gap: 20px;
    }

    .about_faq-left {
        gap: 20px;
    }

    .about_faq-item {
        padding: 15px 0;
    }

    .about_faq-item__button p {
        font-size: 14px;
        max-width: 305px;
    }

    .about_faq-item__button svg {
        min-width: 22px;
        transition: .3s all;
    }

    .about_faq-left {
        max-width: 100%;
    }
.account-club {
        gap: 25px;
    }
    .account-club__main {
        gap: 20px;
        flex-direction: column-reverse;
    }
    .account-club__levels {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        min-width: 100%;
        width: 100%;
        gap: 10px;
    }
    .account-club__level {
        height: 75px;
        position: relative;
        margin-bottom: 45px;
    }
    .account-club__level:nth-child(1) img:nth-child(1) {
        width: 56px;
    }
    .account-club__level p {
        font-size: 14px;
        position: absolute;
        bottom: -40px;
    }
    .account-club__level:nth-child(2) img:nth-child(1) {
        width: 57px;
    }
    .account-club__level:nth-child(2) img:nth-child(2) {
        width: 57px;
    }
    .account-club__level:nth-child(3) img:nth-child(1) {
        width: 63px;
    }
    .account-club__level:nth-child(3) img:nth-child(2) {
        width: 63px;
    }
    .account-club__level:nth-child(2) img:nth-child(3) {
        width: 10px;
        top: 5px;
        right: 5px;
    }
    .account-club__level:nth-child(3) img:nth-child(3) {
        width: 10px;
        top: 5px;
        right: 5px;
    }
    .account-club__bonus {
        gap: 20px;
        padding: 25px 20px;
    }
    .account-club__bonus-col.active {
        gap: 14px;
    }
    .account-club__bonus-col > h4 {
        font-size: 20px;
    }
    .account-club__bonus-text > h4 {
        font-size: 16px;
    }
    .account-club__bonus-text {
        gap: 12px;
    }
    .account-club__bonus-row {
        gap: 6px;
    }
    .account-club__bonus-gift_last {
        height: auto;
    }
    .account-club__bonus-gift img {
        width: 100%;
    }
    .account-club__bonus-gift_last img {
        width: 100%;
    }
    .account-club__bonus-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }
    .account-club__bonus-item span {
        width: 35px;
        min-width: 35px;
    }
    .account-club__bonus-item p br {
        display: none;
    }
    .account-club__card-1.active, .account-club__card-2.active, .account-club__card-3.active {
        flex-direction: column;
        gap: 13px;
    }
    .account-club__card-1__main {
        border-radius: 20px;
        padding: 15px 15px 40px 15px;
    }
    .account-club__card-1-logo {
        gap: 5px;
        margin-bottom: 13px;
    }
    .account-club__card-1-logo img {
        width: 136px;
    }
    .account-club__card-1-logo p {
        font-size: 10px;
        line-height: 110%;
        margin-top: -2px;
    }
    .account-club__card-1__main > h2 {
        font-size: 26px;
        margin-bottom: 58px;
    }
    .account-club__card-1-text {
        display: none;
    }

.payorder-main > img {
    height: 182px;
	}
.payorder-col {
    padding: 20px 20px 40px 20px;
}
.payorder-col > h3 {
    font-size: 19px;
}
.payorder-input p {
    font-size: 15px;
}
.payorder-col > a {
    width: 220px;
    height: 50px;
font-size: 14px;
}

    .account-club__card-1 > .account-club__card-1-text {
        display: flex;
        gap: 7px;
        max-width: 324px;
    }
    .account-club__card-1-text p {
        color: #000;
        font-size: 12px;
    }
    .account-club__card-1-text a {
        color: #000;
        font-size: 12px;
    }
    .account-club__card-1-fon {
        border-radius: 0px 0px 19px 19px;
    }
    .account-club__card-1-balance h3 {
        font-size: 24px;
    }
    .account-club__card-1-img {
        width: 105px;
        right: 20px;
    }

    .account-club__card-2__main {
        border-radius: 20px;
        padding: 18px 18px 40px 18px;
    }
    .account-club__card-2-logo {
        gap: 5px;
        margin-bottom: 13px;
    }
    .account-club__card-2-logo img {
        width: 136px;
    }
    .account-club__card-2-logo p {
        font-size: 10px;
        line-height: 110%;
        margin-top: -2px;
    }
    .account-club__card-2__main > h2 {
        font-size: 26px;
        margin-bottom: 58px;
    }
    .account-club__card-2-text {
        display: none;
    }
    .account-club__card-2 > .account-club__card-1-text {
        display: flex;
        gap: 7px;
        max-width: 324px;
    }
    .account-club__card-2-fon {
        border-radius: 19px;
    }
    .account-club__card-2-balance h3 {
        font-size: 24px;
    }
.beforeAfter .content-image {
        min-width: calc(100vw - 40px) !important;
    }
    .account-club__card-3__main {
        border-radius: 20px;
        padding: 18px 18px 40px 18px;
    }
    .account-club__card-3-logo {
        gap: 5px;
        margin-bottom: 13px;
    }
    .account-club__card-3-logo img {
        width: 136px;
    }
    .account-club__card-3-logo p {
        font-size: 10px;
        line-height: 110%;
        margin-top: -2px;
    }
    .account-club__card-3__main > h2 {
        font-size: 26px;
        margin-bottom: 58px;
    }
    .account-club__card-3-text {
        display: none;
    }
    .account-club__card-3 > .account-club__card-1-text {
        display: flex;
        gap: 7px;
        max-width: 324px;
    }
    .account-club__card-3-fon {
        border-radius: 19px;
    }
    .account-club__card-3-balance h3 {
        font-size: 24px;
    }
        .catalog-inner {
        gap: 15px 25px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
        .account-club__card-1-fon {
        height: auto;
    }
    .calculator__uploaded-image.rotate {
width: 28.8rem;
        height: 18.5rem;
        left: 1.3rem;
        top: 8.4rem;
}

.option-type__stili .calculator__option--content {
        grid-template-columns: repeat(4, 1fr);
    }

}

@media (max-width: 400px) {
    .account-club__card-1-fon {
        height: 200px;
    }
    .option-type__stili .calculator__option--content {
        grid-template-columns: repeat(3, 1fr);
    }
}

/** End of MEDIA QUERIES **/










.lang-switcher {
    display: inline-flex;
    background: #f3f3f3;
    border-radius: 100px;
    padding: 3px;
    gap: 2px;
    align-items: center;
    margin: 0 12px;
    flex-shrink: 0;
}
.lang-switcher__item {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    color: #555;
    text-decoration: none !important;
    transition: background .2s, color .2s, transform .15s;
    cursor: pointer;
    user-select: none;
}
.lang-switcher__item:hover {
    color: #000;
    text-decoration: none;
}
.lang-switcher__item.is-active {
    background: #DD3B37;
    color: #fff;
    box-shadow: 0 2px 6px rgba(221, 59, 55, .25);
}
.lang-switcher__item.is-active:hover {
    color: #fff;
    transform: none;
}
.lang-switcher__item:not(.is-active):hover {
    background: rgba(0,0,0,.05);
}
.lang-switcher__flag {
    font-size: 15px;
    line-height: 1;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.08));
}
@media (max-width: 992px) {
    .lang-switcher { margin: 0 8px; }
    .lang-switcher__item { padding: 6px 9px; }
}
@media (max-width: 480px) {
    .lang-switcher__item { padding: 5px 7px; font-size: 12px; }
    .lang-switcher__flag { font-size: 14px; }
}

.calculator__uploaded-image.rotate img {
    object-fit: cover !important;
}

/* ===== Иконка «Избранное» в шапке (рядом с корзиной) ===== */
.header-wishlist {
    margin-left: 10px;
    margin-top: -3px;
}
.header-wishlist a {
    display: inline-block;
    position: relative;
}
.header-wishlist svg {
    width: 24px;
    height: auto;
}
.header-wishlist span {
    background: #DD3B37;
    color: #FFF;
    border-radius: 100%;
    font-size: 10px;
    width: 14px;
    height: 14px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -3px;
    right: -3px;
}
/* десктоп: иконка живёт в .header-nav, копия в .header-section-inner скрыта */
.header-section-inner > .header-wishlist {
    display: none;
}
@media (max-width: 992px) {
    .header-section-inner > .header-wishlist {
        display: block;
        margin-left: 0;
        margin-right: 10px;
        margin-bottom: -2px;
        position: relative;
        z-index: 4;
    }
    .header-nav .header-wishlist {
        display: none;
    }
    .delivery-price__item > p {
            font-size: 12px;
    }
}

/* ===== Отдельная страница избранного ===== */
.wishlist-page {
    margin: 30px 0 60px;
}
.wishlist-page > h1 {
    margin-bottom: 25px;
}
.wishlist-page__empty {
    font-size: 16px;
}


.bx-soa-cart-total-button-container .bp-legal-pay-btn {
        border-color: #000 !important;
    background: #000 !important;
}

.calculator__option--block {
    overflow: hidden;
}
.calculator__option--block.show {
    overflow: visible;
}

.product-detail-wishlist {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 10px 0 15px 0;
    padding: 0;
    border: 0;
    background: none;
    font-size: 15px;
    color: #000;
    cursor: pointer;
}
.product-detail-wishlist svg {
    width: 26px;
    height: auto;
}
.product-detail-wishlist.active svg path {
    fill: #DD3B37;
}



.detail_promo_banner {
    margin-bottom: 20px;
}
.detail_promo_banner__inner {
    background: #000000;
    border-radius: 10px;
    padding: 8px 20px;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    text-align: center;
}
@media (max-width: 767px) {
    .detail_promo_banner__inner {
        padding: 8px 16px;
        font-size: 11px;
    }
    .main-content h1, .main-content .product-title {
        font-size: 24px;
    }
.product-item-detail-pay-block {
    flex: 1;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.product-item-detail-price-current {
    font-size: 24px;
}
    .product-item-detail-info-container, .main-button-container {
    text-align: center;
    flex: 1;
    width: 100%;
}
    
}



.desc-short-mobile {
    display: none;
}
.desc-full {
    display: none;
}
.desc-plain .desc-full {
    display: block;
}
.desc-expanded .desc-short,
.desc-expanded .desc-short-mobile {
    display: none;
}
.desc-expanded .desc-full {
    display: block;
}
@media (max-width: 768px) {
    .desc-short {
        display: none;
    }
    .desc-short-mobile {
        display: block;
    }
}
@media (min-width: 769px) {
    .desc-mobile-only .desc-short-mobile {
        display: none;
    }
    .desc-mobile-only .desc-full {
        display: block;
    }
    .desc-mobile-only .desc-toggle {
        display: none;
    }
}
.bp-gift-cert-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    padding: 10px 12px;
    background: #F6F8F6;
    border: 1px solid #BEDBBE;
    border-radius: 8px;
}
.bp-gift-cert-info {
    font-size: 13px;
    line-height: 1.35;
    color: #2F6B2F;
}
.bp-gift-cert-remove {
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    background: none;
    font-size: 12px;
    color: #8A8A8A;
    text-decoration: underline;
    cursor: pointer;
}
.bp-gift-cert-remove:hover {
    color: #DD3B37;
}
.order_confirm-cert {
    margin: 0 0 24px;
    padding: 14px 18px;
    background: #FFF4F4;
    border: 1px solid #F0C4C3;
    border-radius: 10px;
}
.order_confirm-cert p {
    margin: 0;
    font-size: 15px;
    line-height: 1.45;
}
body.bp-scroll-locked {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
}

.tg-fixed,
.whatsapp-fixed,
.max-fixed {
    z-index: 99;
}
@media (max-width: 768px) {
    .whatsapp-fixed {
        bottom: 12px;
        right: 8px;
    }
    .whatsapp-fixed svg {
        width: 44px;
        height: 44px;
    }
    .tg-fixed {
        bottom: 66px;
        right: 8px;
    }
    .tg-fixed svg {
        width: 44px;
        height: 44px;
    }
    .max-fixed {
        bottom: 120px;
        right: 8px;
    }
    .max-fixed img {
        width: 44px;
        height: 44px;
    }
    .cart,
    .checkout {
        padding-bottom: 60px;
    }
}

button.btn {
    border: 0;
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
}

@media (max-width: 768px) {
    .header-cart span,
    .header-wishlist span {
        font-size: 12px;
        width: 18px;
        height: 18px;
        top: -5px;
        right: -6px;
    }

    .before-after__text--2 {
        padding: 8vw 16px 16px;
    }

    .before-after__dog {
        position: static;
        display: block;
        width: 45%;
        max-width: 170px;
        height: auto;
        margin: 10px 0 0 auto;
    }

    .tooltip-icon,
    .tooltip-icon-o,
    .footer-contact__social--icon,
    .social-icon,
    .lang-switcher__item,
    .reviews__toggle-btn,
    .footer-contact__content a,
    .pager-page-next,
    .pager-page-prev,
    .pager-page-dots,
    .category_list__link {
        position: relative;
    }

    .tooltip-icon::after,
    .tooltip-icon-o::after,
    .product-wishlist::after,
    .wishlist-button::after,
    .footer-contact__social--icon::after,
    .social-icon::after,
    .lang-switcher__item::after,
    .reviews__toggle-btn::after,
    .footer-contact__content a::after,
    .pager-page-next::after,
    .pager-page-prev::after,
    .pager-page-dots::after,
    .category_list__link::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 44px;
        height: 44px;
        min-width: 100%;
        min-height: 100%;
        transform: translate(-50%, -50%);
    }

    .calculator select,
    .calculator input[type="text"],
    .calculator input[type="number"],
    .calculator input[type="tel"] {
        min-height: 44px;
    }
}

.basket-coupon-alert {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.35;
}
.basket-coupon-alert.text-danger {
    background: #FDECEC;
    border: 1px solid #EFB1B1;
    color: #8A1C1C;
}
.basket-coupon-alert.text-success {
    background: #F1F8F1;
    border: 1px solid #BEDBBE;
    color: #2F6B2F;
}
.basket-coupon-alert .close-link {
    margin-left: auto;
    cursor: pointer;
    text-decoration: underline;
    white-space: nowrap;
}
.bp-checkout-hint {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.35;
    color: #8b8b8b;
    text-align: center;
}
.bp-agree-highlight {
    animation: bpAgreePulse 1.2s ease-in-out 2;
    border-radius: 6px;
}
@keyframes bpAgreePulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(221, 59, 55, 0); }
    50%      { box-shadow: 0 0 0 4px rgba(221, 59, 55, .35); }
}

@media (max-width: 768px) {
    .catalog-item__title a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: 2.6em;
    }
}

.bp-added-toast {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1000;
    max-width: 320px;
    padding: 16px 18px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
    font-size: 15px;
    animation: bpToastIn .25s ease-out;
}
.bp-added-toast__text {
    font-weight: 600;
    margin-bottom: 12px;
}
.bp-added-toast__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.bp-added-toast__continue,
.bp-added-toast__go {
    flex: 1 1 auto;
    padding: 10px 14px;
    border-radius: 24px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
.bp-added-toast__continue {
    border: 1px solid #DD3B37;
    background: transparent;
    color: #DD3B37;
    font-family: inherit;
}
.bp-added-toast__go {
    border: 1px solid #DD3B37;
    background: #DD3B37;
    color: #fff;
    text-decoration: none;
}
.bp-added-toast__go:hover {
    color: #fff;
}
@keyframes bpToastIn {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}
@media (max-width: 768px) {
    .bp-added-toast {
        right: 10px;
        left: 10px;
        bottom: 76px;
        max-width: none;
    }
}

.catalog-more {
    display: flex;
    justify-content: center;
    margin: 24px 0 8px;
}
.catalog-more__btn {
    min-width: 260px;
    justify-content: center;
}
.catalog-more__btn[disabled] {
    opacity: .6;
    cursor: default;
}
@media (max-width: 768px) {
    .catalog-more__btn {
        width: 100%;
        min-width: 0;
    }
}

.bp-filter {
    margin: 0 0 26px 10px;
}
.bp-filter__toggle {
    display: none;
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #DD3B37;
    border-radius: 24px;
    background: transparent;
    color: #DD3B37;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}
.bp-filter__form {
    padding: 24px 28px;
    border: 1px solid #ededed;
    border-radius: 18px;
    background: #fff;
}
.bp-filter__head {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
}
.bp-filter__body {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.bp-filter__row {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.bp-filter__label {
    flex: 0 0 150px;
    padding-top: 8px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #8b8b8b;
}
.bp-filter__value {
    flex: 1 1 auto;
    min-width: 0;
}
.bp-filter__price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}
.bp-filter__range {
    display: flex;
    gap: 10px;
}
.bp-filter__range-field {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #8b8b8b;
}
.bp-filter__range-field input {
    width: 104px;
    min-height: 40px;
    padding: 6px 12px;
    border: 1px solid #e4e4e4;
    border-radius: 12px;
    background: #fff;
    font-family: inherit;
    font-size: 15px;
    color: #222;
}
.bp-filter__range-field input:focus {
    outline: none;
    border-color: #DD3B37;
}
.bp-filter__slider {
    position: relative;
    width: 100%;
    max-width: 296px;
    height: 24px;
}
.bp-filter__slider-track {
    position: absolute;
    left: 9px;
    right: 9px;
    top: 10px;
    height: 4px;
    border-radius: 4px;
    background: #ececec;
}
.bp-filter__slider-fill {
    position: absolute;
    top: 0;
    height: 100%;
    border-radius: 4px;
    background: #DD3B37;
}
.bp-filter__slider input[type="range"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 24px;
    margin: 0;
    background: transparent;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
}
.bp-filter__slider input[type="range"]:focus {
    outline: none;
}
.bp-filter__slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: auto;
    width: 18px;
    height: 18px;
    border: 2px solid #DD3B37;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
    cursor: pointer;
}
.bp-filter__slider input[type="range"]::-moz-range-thumb {
    pointer-events: auto;
    width: 18px;
    height: 18px;
    border: 2px solid #DD3B37;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
    cursor: pointer;
}
.bp-filter__slider input[type="range"]::-moz-range-track {
    background: transparent;
}
.bp-filter__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.bp-chip {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 6px 16px;
    border: 1px solid #e4e4e4;
    border-radius: 999px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    user-select: none;
    transition: background .15s, border-color .15s, color .15s;
}
.bp-chip input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.bp-chip:hover {
    border-color: #DD3B37;
    color: #DD3B37;
}
.bp-chip.is-checked,
.bp-chip:has(input:checked) {
    border-color: #DD3B37;
    background: #DD3B37;
    color: #fff;
}
.bp-chip.is-hidden {
    display: none;
}
.bp-filter__more {
    margin-top: 10px;
    padding: 0;
    border: 0;
    background: none;
    color: #DD3B37;
    font-family: inherit;
    font-size: 14px;
    cursor: pointer;
}
.bp-filter__more:hover {
    text-decoration: underline;
}
.bp-filter__actions {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
}
.bp-filter__submit {
    min-width: 170px;
    justify-content: center;
}
.bp-filter__reset {
    color: #8b8b8b;
    font-size: 14px;
}
.bp-filter__reset:hover {
    color: #DD3B37;
}
@media (max-width: 992px) {
    .bp-filter {
        margin-left: 0;
    }
    .bp-filter__toggle {
        display: block;
    }
    .bp-filter__form {
        display: none;
    }
    .bp-filter.is-open .bp-filter__form {
        display: block;
        margin-top: 12px;
    }
    .bp-filter__row {
        flex-direction: column;
        gap: 10px;
    }
    .bp-filter__label {
        flex: none;
        padding-top: 0;
    }
    .bp-filter__slider {
        max-width: none;
        width: 100%;
    }
    .bp-filter__actions {
        flex-wrap: wrap;
    }
    .bp-filter__submit {
        flex: 1 1 auto;
    }
}

.header-search {
    position: relative;
    display: flex;
    align-items: center;
}
.header-search__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}
.header-search__form {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    z-index: 30;
    display: none;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border: 1px solid #ededed;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}
.header-search.is-open .header-search__form {
    display: flex;
}
.header-search__form input {
    width: 240px;
    min-height: 40px;
    padding: 6px 12px;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    font-family: inherit;
    font-size: 15px;
}
.header-search__form input:focus {
    outline: none;
    border-color: #DD3B37;
}
.header-search__form button[type="submit"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: #DD3B37;
    cursor: pointer;
}
.bp-search h1 {
    margin-bottom: 24px;
}
.bp-search__form {
    display: flex;
    gap: 12px;
    max-width: 640px;
    margin-bottom: 20px;
}
.bp-search__form input {
    flex: 1 1 auto;
    min-height: 48px;
    padding: 8px 16px;
    border: 1px solid #e4e4e4;
    border-radius: 14px;
    font-family: inherit;
    font-size: 16px;
}
.bp-search__form input:focus {
    outline: none;
    border-color: #DD3B37;
}
.bp-search__note {
    margin-bottom: 24px;
    color: #8b8b8b;
    font-size: 15px;
}
.bp-search__list {
    margin-bottom: 20px;
}
.bp-search__detail {
    margin-top: 10px;
}
.bp-search__pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 40px;
}
.bp-search__pagination .catalog-pagination__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #e4e4e4;
    border-radius: 12px;
    color: #333;
    font-size: 15px;
}
.bp-search__pagination .catalog-pagination__item.is-active,
.bp-search__pagination a.catalog-pagination__item:hover {
    border-color: #DD3B37;
    background: #DD3B37;
    color: #fff;
}
@media (max-width: 992px) {
    .header-search__form input {
        width: 180px;
    }
    .bp-search__form {
        flex-direction: column;
    }
}

.bp-field-error,
input.bp-field-error {
    border-color: #DD3B37 !important;
    background: #fff6f6;
}
.bp-auth-page {
    padding: 30px 0 60px;
}
.bp-auth-page h1 {
    margin-bottom: 24px;
}

.bp-calc-placeholder__box {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 420px;
}
.bp-calc-placeholder__spinner {
    width: 44px;
    height: 44px;
    border: 3px solid #ececec;
    border-top-color: #DD3B37;
    border-radius: 50%;
    animation: bpCalcSpin .9s linear infinite;
}
@keyframes bpCalcSpin {
    to { transform: rotate(360deg); }
}

.blog-item__title-wrap {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
h2.gallery-item__title {
    margin-bottom: 0;
    font-weight: inherit;
}
h2.reviews-statistic__rating--title {
    font-weight: inherit;
}
h3.reviews__review-name {
    margin-top: 0;
    font-weight: inherit;
}
.bp-page-subtitle {
    margin: 32px 0 14px;
    font-size: var(--text-medium);
    font-family: var(--font-family-title);
}
.bp-page-subtitle:first-of-type {
    margin-top: 12px;
}

h2.contacts__col-title {
    margin-top: 0;
    font-weight: inherit;
}

/* bp-hover-v2 */
.catalog-item {
    transition: transform .25s ease;
}
.catalog-item__image {
    transition: box-shadow .25s ease;
}
.catalog-item:hover .catalog-item__image {
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
}
.catalog-item__title a {
    transition: color .2s ease;
}
.catalog-item:hover .catalog-item__title a {
    color: var(--main-color);
}

.btn,
button.btn {
    transition: background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.red-btn:hover {
    box-shadow: 0 6px 16px rgba(221, 59, 55, .28);
}
.black-btn:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, .22);
}
.btn:focus-visible,
button:focus-visible,
a:focus-visible {
    outline: 2px solid var(--main-color);
    outline-offset: 3px;
}

.header-search__btn,
.header-account a,
.header-wishlist a,
.header-cart a,
.tg-fixed,
.whatsapp-fixed,
.max-fixed,
.tooltip-icon {
    transition: transform .2s ease, opacity .2s ease;
}
.product-wishlist,
.wishlist-button {
    transition: opacity .2s ease;
}
.header-search__btn:hover,
.header-account a:hover,
.header-wishlist a:hover,
.header-cart a:hover,
.tg-fixed:hover,
.whatsapp-fixed:hover,
.max-fixed:hover,
.tooltip-icon:hover {
    transform: scale(1.1);
}
.product-wishlist:hover,
.wishlist-button:hover {
    opacity: .75;
}
.header-search__btn:active,
.header-wishlist a:active,
.header-cart a:active,
.tg-fixed:active,
.whatsapp-fixed:active,
.max-fixed:active,
.tooltip-icon:active {
    transform: scale(.94);
}

.opt-card,
.option-label,
.option-label--stili,
.calculator__upload--btn,
.blog-item__image,
.bp-chip {
    transition: border-color .2s ease, box-shadow .22s ease, background-color .2s ease, color .2s ease;
}
.opt-card:hover,
.option-label:hover {
    box-shadow: 0 8px 18px rgba(0, 0, 0, .1);
}
.blog-item:hover .blog-item__image {
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
}
.blog-item__title {
    transition: color .2s ease;
}
.blog-item:hover .blog-item__title {
    color: var(--main-color);
}

.product-item-amount-field-btn-plus,
.product-item-amount-field-btn-minus,
.basket-item-actions-remove,
.bp-gift-cert-remove,
.cart-add-more,
.reviews-button-small,
.btn-link,
.btn-default,
.btn-sm,
.catalog-item__buttons--add,
.catalog-more__btn,
.bp-filter__toggle,
.vakansii-item__button,
.lang-switcher__item,
.category_list__link,
.contacts__block a,
.footer-col a,
.footer-nav a {
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;
}
.btn-link:not(.btn):hover,
.vakansii-item__button:hover,
.lang-switcher__item:hover,
.contacts__block a:not(.btn):hover,
.footer-col a:not(.btn):hover,
.footer-nav a:not(.btn):hover,
.header-nav a:not(.btn):hover {
    color: var(--main-color);
}

@media (prefers-reduced-motion: reduce) {
    .catalog-item,
    .header-search__btn,
    .header-account a,
    .header-wishlist a,
    .header-cart a,
    .tg-fixed,
    .whatsapp-fixed,
    .max-fixed,
    .tooltip-icon {
        transition: none;
    }
    .header-search__btn:hover,
    .header-account a:hover,
    .header-wishlist a:hover,
    .header-cart a:hover,
    .tg-fixed:hover,
    .whatsapp-fixed:hover,
    .max-fixed:hover,
    .tooltip-icon:hover {
        transform: none;
    }
}

/* bp-hover-v2-fix */
.catalog_breadcrumbs a {
    transition: color .2s ease;
}
.catalog_breadcrumbs a:hover {
    color: var(--main-color);
}
.products-slider .catalog-item,
.catalog-product-slider .swiper-slide.catalog-item {
    width: auto;
    margin-left: 0;
    margin-right: 0;
}

/* bp-vakansii-fix */
.vakansii-item__button {
    flex-wrap: wrap;
    gap: 16px 24px;
}
.vakansii-item__otklik {
    flex: 0 0 auto;
    white-space: nowrap;
}
.vakansii-item__button > p {
    margin: 0;
}

/* bp-underline */
.header-nav a:not(.btn):not(.lang-switcher__item),
.footer-col a:not(.btn),
.footer-nav a:not(.btn) {
    position: relative;
}
.header-nav a:not(.btn):not(.lang-switcher__item)::after,
.footer-col a:not(.btn)::after,
.footer-nav a:not(.btn)::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .26s cubic-bezier(.22, .61, .36, 1);
}
.header-nav a:not(.btn):not(.lang-switcher__item):hover::after,
.footer-col a:not(.btn):hover::after,
.footer-nav a:not(.btn):hover::after {
    transform: scaleX(1);
    transform-origin: left center;
}
.header-search a::after,
.header-account a::after,
.header-wishlist a::after,
.header-cart a::after,
.header-nav a:has(svg)::after,
.footer-social a::after {
    display: none;
}
@media (prefers-reduced-motion: reduce) {
    .header-nav a::after,
    .footer-col a::after,
    .footer-nav a::after {
        transition: none;
    }
}

/* bp-calc-requirements */
@media (max-width: 992px) {
    .calculator__upload--requirements {
        padding-right: 66px;
    }
    .calculator__upload--requirements ul {
        margin-bottom: 0;
    }
}

/* bp-responsive-fix */
html {
    overflow-x: clip;
}
body {
    max-width: 100%;
    overflow-x: clip;
}
img,
video {
    max-width: 100%;
    height: auto;
}
.included-in-price__wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.included-in-price__block,
.included-in-price__block--title {
    min-width: 0;
    overflow-wrap: anywhere;
}
.wholesalers_banner-title,
.wholesalers_banner-text {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
}
.catalog_search {
    max-width: 100%;
    min-width: 0;
}
.catalog_search input {
    width: 100%;
    max-width: 100%;
}
.calculator__option--container,
.calculator__option--content {
    max-width: 100%;
    min-width: 0;
}
.opt-card {
    max-width: 100%;
}
.before-after-section__col--photo,
.beforeAfter,
.beforeAfter .wrapper {
    max-width: 100%;
    overflow: hidden;
}
@media (max-width: 992px) {
    .header-nav ul {
        flex-wrap: wrap;
    }
    .header-nav .root-item {
        min-width: 0;
    }
}
@media (max-width: 1599px) {
    .bestsellers-slider {
        padding-left: 56px;
        padding-right: 56px;
    }
    .bestsellers-slider .bestsellers-slider__nav--prev {
        left: 0;
    }
    .bestsellers-slider .bestsellers-slider__nav--next {
        right: 0;
    }
}

/* bp-ui-pass */
.header-nav .header-search,
.header-nav .header-account,
.header-nav .header-wishlist,
.header-nav .header-cart {
    display: flex;
    align-items: center;
    margin: 0;
}
.header-search__btn,
.header-account a,
.header-wishlist a,
.header-cart a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    color: #000;
    transition: color .2s ease;
}
.header-search__btn .bp-icon,
.header-account .bp-icon,
.header-wishlist .bp-icon,
.header-cart .bp-icon,
.bp-icon {
    display: block;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}
.header-search__btn:hover,
.header-account a:hover,
.header-wishlist a:hover,
.header-cart a:hover {
    color: var(--main-color);
    transform: none;
}
.header-wishlist .js-wishlist-count,
.header-cart .cart-count {
    position: absolute;
    top: -2px;
    right: -4px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: var(--main-color);
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
}

.gallery-button-prev,
.gallery-button-next {
    transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.gallery-button-prev:hover,
.gallery-button-next:hover {
    background-color: var(--main-color);
    box-shadow: 0 6px 16px rgba(221, 59, 55, .32);
}
.gallery-button-prev:hover svg path,
.gallery-button-next:hover svg path {
    stroke: #fff;
}
.swiper-custom-prev,
.swiper-custom-next {
    transition: transform .2s ease, filter .2s ease;
}
.swiper-custom-prev svg rect,
.swiper-custom-next svg rect {
    transition: fill .2s ease;
}
.swiper-custom-prev:hover svg rect,
.swiper-custom-next:hover svg rect {
    fill: #c53230;
}
.swiper-custom-prev:hover,
.swiper-custom-next:hover {
    background-color: transparent;
    box-shadow: none;
    transform: scale(1.06);
    filter: drop-shadow(0 6px 14px rgba(221, 59, 55, .3));
}
.swiper-custom-prev:active,
.swiper-custom-next:active {
    transform: scale(.96);
}
.bestsellers-slider__nav {
    transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.bestsellers-slider__nav:hover {
    box-shadow: 0 6px 16px rgba(221, 59, 55, .35);
}

.product-wishlist,
.wishlist-button {
    transition: transform .2s ease, opacity .2s ease;
}
.catalog-item .product-wishlist:hover,
.catalog-item .wishlist-button:hover,
.bestsellers-item .wishlist-button:hover {
    transform: scale(1.12);
}
.product_detail .product-wishlist:hover,
.product-item-detail .wishlist-button:hover {
    transform: none;
    opacity: .75;
}
.bestsellers-slider__viewport {
    padding: 10px 6px 18px;
}

.footer-col a:not(.btn),
.footer-menu a:not(.btn),
.footer-nav a:not(.btn),
.footer-contact__content,
.footer-copyright a {
    transition: color .2s ease;
}
.footer-col a:not(.btn):hover,
.footer-menu a:not(.btn):hover,
.footer-nav a:not(.btn):hover,
.footer-contact__content:hover,
.footer-copyright a:hover {
    color: var(--main-color);
}
.footer-col .btn.red-btn,
.footer-col .btn.red-btn:hover,
.footer-col .btn.red-btn:focus {
    color: #fff;
}
.footer-col__whatsapp .btn.red-btn {
    transition: background-color .22s ease, box-shadow .22s ease;
}
.footer-col__whatsapp .btn.red-btn:hover {
    background: var(--main-color-hover);
    box-shadow: 0 8px 20px rgba(221, 59, 55, .3);
}
.footer-contact__social--icon::after {
    display: none;
}
.footer-contact__social--icons {
    gap: 12px;
    align-items: center;
}
.footer-contact__social--icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    transition: transform .2s ease, box-shadow .22s ease;
}
.footer-contact__social--icon img {
    width: 34px;
    height: 34px;
    object-fit: contain;
    border-radius: 50%;
}
.footer-contact__social--icon:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, .18);
}

.footer-copyright {
    padding: 20px 0 26px;
    border-top: 1px solid #ececec;
}
.footer-copyright-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 0;
    text-align: center;
}
.footer-copyright-col {
    position: relative;
    padding: 0 16px;
    font-size: 13px;
    line-height: 1.5;
    color: #8b8b8b;
}
.footer-copyright-col + .footer-copyright-col::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background: #e0e0e0;
}
.footer-copyright-col:last-child {
    flex: 1 0 100%;
    margin-top: 10px;
    padding: 0;
    color: #a5a5a5;
}
.footer-copyright-col:last-child::before {
    display: none;
}
.footer-copyright a {
    color: #8b8b8b;
    text-decoration: none;
}
.footer-copyright a:hover {
    color: var(--main-color);
}
@media (max-width: 768px) {
    .footer-copyright-col {
        flex: 1 0 100%;
        padding: 0;
    }
    .footer-copyright-col + .footer-copyright-col::before {
        display: none;
    }
}

.calculator__option.option--with-photo .calculator__option--content {
    max-width: min(360px, 86vw);
    padding: 12px;
    gap: 10px;
    border: 1px solid #ececec;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .12);
}
.calculator__option.option--with-photo .calculator__option--content label {
    padding: 8px;
    border: 1px solid #ececec;
    border-radius: 12px;
    transition: border-color .18s ease, box-shadow .2s ease, background-color .18s ease;
}
.calculator__option.option--with-photo .calculator__option--content label:hover {
    border-color: var(--main-color);
    background: #fff8f8;
}
.calculator__option.option--with-photo .calculator__option--content label.opt-card--empty {
    padding: 10px 12px;
    border-radius: 12px;
    background: #fafafa;
}
.opt-card__media {
    border-radius: 10px;
}
.opt-card__price {
    color: var(--main-color);
}
@media (min-width: 1201px) {
    .calculator__options--wrapper > .calculator__option.option--with-photo:nth-child(4n) .calculator__option--content,
    .calculator__options--wrapper > .calculator__option.option--with-photo:nth-child(4n - 1) .calculator__option--content {
        left: auto;
        right: 0;
    }
}
@media (min-width: 993px) and (max-width: 1200px) {
    .calculator__options--wrapper > .calculator__option.option--with-photo:nth-child(3n) .calculator__option--content {
        left: auto;
        right: 0;
    }
}

/* bp-mobile-pass */
.header-search--mobile {
    display: none;
}
.bestsellers-item .product-wishlist,
.catalog-item .product-wishlist,
.bestsellers-item .wishlist-button,
.catalog-item .wishlist-button {
    left: auto;
    right: 10px;
    top: 10px;
    width: auto;
    height: auto;
    padding: 0;
}
.gallery-list__prev,
.gallery-list__next {
    transition: transform .2s ease, filter .2s ease;
    cursor: pointer;
}
.gallery-list__prev:hover,
.gallery-list__next:hover {
    transform: scale(1.06);
    filter: drop-shadow(0 6px 14px rgba(221, 59, 55, .3));
}
.gallery-list__prev:active,
.gallery-list__next:active {
    transform: scale(.96);
}
.gallery-list__prev svg circle,
.gallery-list__next svg circle,
.gallery-list__prev svg rect,
.gallery-list__next svg rect {
    transition: fill .2s ease;
}
.gallery-list__prev:hover svg circle,
.gallery-list__next:hover svg circle,
.gallery-list__prev:hover svg rect,
.gallery-list__next:hover svg rect {
    fill: #c53230;
}

@media (max-width: 992px) {
    .header-section-inner > .header-search--mobile {
        display: flex;
        align-items: center;
        position: relative;
        z-index: 4;
    }
    .header-search--mobile a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        color: #000;
    }
    .header-nav .header-search,
    .header-nav .header-account,
    .header-nav .header-wishlist,
    .header-nav .header-cart {
        display: none;
    }
    .header-search--mobile .header-search__form {
        right: -8px;
        min-width: 240px;
    }
    .header-search--mobile .header-search__form input {
        width: 100%;
        min-width: 0;
    }

    .gallery-list__nav {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }
    .gallery-list__nav .btn {
        order: -1;
        flex: 1 1 auto;
        justify-content: center;
        height: 50px;
    }
    .gallery-list__prev,
    .gallery-list__next {
        flex: 0 0 auto;
        width: 50px;
        height: 50px;
    }
    .gallery-list__prev svg,
    .gallery-list__next svg {
        width: 50px;
        height: 50px;
    }

    .reviews__slider .swiper,
    .reviews-section .swiper {
        overflow: visible;
    }
    .reviews__slider,
    .reviews-section .reviews__slider {
        overflow: hidden;
    }

    .footer-copyright-container {
        justify-content: flex-start;
        text-align: left;
    }
    .footer-copyright-col {
        flex: 1 0 100%;
        padding: 0;
        text-align: left;
    }
    .footer-copyright-col:last-child {
        text-align: left;
    }
}

/* bp-calc-backdrop */
.calculator__uploaded-image {
    overflow: hidden;
}
.calculator__uploaded-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(18px) saturate(1.15);
    transform: scale(1.15);
    pointer-events: none;
}
.calculator__uploaded-image img:not(.calculator__uploaded-bg) {
    position: relative;
    z-index: 1;
    object-fit: contain;
}

/* bp-cart-checkout-mobile */
@media (max-width: 768px) {
    .basket-items-list-item-amount {
        padding-left: 0;
        padding-right: 0;
    }
    .basket-items-list-item-container [data-entity="basket-item-quantity-block"] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0;
        width: 132px;
        max-width: 100%;
        margin: 10px auto 0;
        padding: 2px;
        border: 1px solid #ececec;
        border-radius: 22px;
        background: #fff;
        box-sizing: border-box;
    }
    .basket-item-amount-btn-plus,
    .basket-item-amount-btn-minus {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        margin: 0;
        border: 0;
        border-radius: 50%;
        background-color: #f3f4f6;
        line-height: 1;
        user-select: none;
    }
    .basket-item-amount-btn-plus:before,
    .basket-item-amount-btn-plus:after,
    .basket-item-amount-btn-minus:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 12px;
        height: 2px;
        margin-top: -1px;
        margin-left: -6px;
        border-radius: 1px;
        background-color: #1a1a1a;
    }
    .basket-item-amount-btn-plus:before {
        width: 2px;
        height: 12px;
        margin-top: -6px;
        margin-left: -1px;
    }
    .basket-item-amount-filed-block {
        flex: 1 1 auto;
        width: auto;
        min-width: 30px;
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
    }
    .basket-item-amount-filed {
        width: 100%;
        min-width: 0;
        height: 30px;
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
        text-align: center;
        font-size: 15px;
    }
    .basket-item-amount-field-description {
        display: none;
    }
    .basket-item-price-current,
    .basket-item-price-old {
        display: block;
        margin: 0 0 2px;
        text-align: right;
        white-space: nowrap;
    }
    .basket-item-price-difference,
    .basket-item-price-title {
        display: block;
        margin-top: 6px;
        text-align: right;
        white-space: normal;
    }

    .checkout-grid,
    .checkout-col,
    .checkout-row {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }
    .checkout-input,
    .checkout-select,
    .checkout-input.address-field {
        width: 100%;
        max-width: 100%;
        flex: 1 1 auto;
    }
    .checkout-input input,
    .checkout-input textarea,
    .checkout-select select,
    #bx-soa-order input[type="text"],
    #bx-soa-order input[type="email"],
    #bx-soa-order input[type="tel"],
    #bx-soa-order textarea,
    #bx-soa-order select {
        width: 100%;
        max-width: 100%;
        min-height: 48px;
        box-sizing: border-box;
    }
    .checkout-messenger-block {
        width: 100%;
    }
    .checkout-messenger-radios {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
    .checkout-messenger-radio {
        flex: 1 1 0;
        min-width: 0;
        justify-content: center;
        text-align: center;
        min-height: 44px;
    }
    .checkout-grid > *,
    .checkout-col > *,
    .checkout-input .iti,
    .checkout-input .iti__tel-input {
        max-width: 100%;
    }
    .checkout-input,
    .checkout-select,
    .checkout-input .iti,
    .checkout-promo,
    .checkout-promo input,
    #bx-soa-order input[name="COUPON"],
    #bx-soa-order .bx-soa-coupon input {
        width: 100% !important;
        max-width: 100% !important;
    }
    .bx-soa-cart-total-button-container .btn,
    #bx-soa-orderSave .btn,
    .bp-share-pay-btn,
    .bp-legal-pay-btn {
        width: 100%;
        box-sizing: border-box;
    }
}

/* bp-mobile-menu */
@media (max-width: 992px) {
    .header-section-inner > .header-nav {
        position: fixed;
        top: 76px;
        left: 0;
        right: 0;
        width: 100%;
        max-width: none;
        max-height: calc(100vh - 76px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 18px 20px 28px;
        gap: 18px;
        border-bottom-left-radius: 24px;
        border-bottom-right-radius: 24px;
        transform: translateY(-120%);
    }
    .header-section-inner > .header-nav.active {
        transform: translateY(0);
    }
}

/* bp-icon-mobile */
@media (max-width: 992px) {
    .header-search--mobile a,
    .header-search__btn,
    .header-account a,
    .header-wishlist a,
    .header-cart a {
        width: 20px;
        height: 20px;
        min-width: 20px;
    }
    .header-wishlist .js-wishlist-count,
    .header-cart .cart-count {
        top: -7px;
        right: -8px;
        min-width: 14px;
        height: 14px;
        padding: 0 3px;
        border-radius: 7px;
        font-size: 9px;
        line-height: 14px;
    }
    .header-search--mobile a svg,
    .header-search--mobile .bp-icon,
    .header-search__btn .bp-icon,
    .header-account .bp-icon,
    .header-wishlist .bp-icon,
    .header-cart .bp-icon,
    .header-section .bp-icon {
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
    }
}

/* bp-checkout-messenger-pc */
@media (min-width: 993px) {
    .checkout-grid:has(#soa-property-1) > .checkout-input {
        max-width: 283px;
    }
    .checkout-messenger-radios {
        flex-wrap: nowrap;
    }
}

/* bp-cart-pc */
.basket-item-block-properties .basket-item-property-custom:has([data-column-property-code="DISCOUNT"]) {
    display: none;
}
.basket-items-list-item-row-bottom {
    align-items: flex-end;
}
.basket-item-amount-btn-plus,
.basket-item-amount-btn-minus {
    font-size: 0;
}

@media (min-width: 993px) {
    .basket-items-list-item-amount {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .basket-items-list-item-container [data-entity="basket-item-quantity-block"] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 132px;
        max-width: 100%;
        margin: 0 auto 4px;
        padding: 2px;
        border: 1px solid #ececec;
        border-radius: 22px;
        background: #fff;
        box-sizing: border-box;
    }
    .basket-item-amount-btn-plus,
    .basket-item-amount-btn-minus {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        margin: 0;
        border: 0;
        border-radius: 50%;
        background-color: #f3f4f6;
        cursor: pointer;
        transition: background-color .2s ease;
    }
    .basket-item-amount-btn-plus:hover,
    .basket-item-amount-btn-minus:hover {
        background-color: #e7e9ee;
    }
    .basket-item-amount-btn-plus:before,
    .basket-item-amount-btn-plus:after,
    .basket-item-amount-btn-minus:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 12px;
        height: 2px;
        margin-top: -1px;
        margin-left: -6px;
        border-radius: 1px;
        background-color: #1a1a1a;
    }
    .basket-item-amount-btn-plus:before {
        width: 2px;
        height: 12px;
        margin-top: -6px;
        margin-left: -1px;
    }
    .basket-item-amount-filed-block {
        flex: 1 1 auto;
        width: auto;
        min-width: 30px;
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
    }
    .basket-item-amount-filed {
        width: 100%;
        min-width: 0;
        height: 30px;
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
        text-align: center;
        font-size: 15px;
    }
    .basket-item-amount-field-description {
        display: none;
    }
    .cart-main > .cart-total {
        position: sticky;
        top: 90px;
        height: auto !important;
        align-self: flex-start;
    }
    .cart-main .basket-checkout-container {
        position: static !important;
        width: auto !important;
        top: auto !important;
    }
}

@media (max-width: 992px) {
    .basket-items-list-item-row-bottom {
        bottom: -39px;
    }
    .footer-copyright-container {
        justify-content: flex-start;
        text-align: left;
        align-items: flex-start;
    }
    .basket-items-list-item-remove {
        z-index: 9;
    }
    .cart-main .basket-checkout-container,
    .cart-main .basket-checkout-container.basket-checkout-container-fixed,
    .cart-main .basket-checkout-container.basket-checkout-container-bottom {
        position: static !important;
        top: auto !important;
        bottom: auto !important;
        width: auto !important;
    }
    .cart-main > .cart-total {
        position: static;
        height: auto !important;
    }
}

/* bp-social-mark */
.bp-social-marked {
    position: relative;
}
.bp-social-mark {
    position: absolute;
    top: -2px;
    right: -7px;
    color: #8a8a8a;
    font-size: 15px;
    line-height: 1;
    pointer-events: none;
}
.bp-social-note {
    margin: 14px 0 0;
    max-width: 520px;
    color: #8a8a8a;
    font-size: 11px;
    line-height: 1.45;
}
@media (max-width: 992px) {
    .bp-social-note {
        max-width: 100%;
        text-align: left;
    }
}

/* End */
/* /local/templates/brushespaints/css/constants.css?1762898645766 */
/* /local/templates/brushespaints/css/reset.css?17628986451213 */
/* /local/templates/brushespaints/css/grid.css?17628986455348 */
/* /local/templates/brushespaints/css/fancybox/fancybox.css?176289864525325 */
/* /local/templates/brushespaints/components/bitrix/menu/horizontal_multilevel/style.css?17902704004634 */
/* /local/templates/brushespaints/components/bitrix/menu/footer_menu/style.css?1762898646193 */
/* /local/templates/brushespaints/template_styles.css?1790687685222341 */