*, ::before, ::after{
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x:  ;
	--tw-pan-y:  ;
	--tw-pinch-zoom:  ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position:  ;
	--tw-gradient-via-position:  ;
	--tw-gradient-to-position:  ;
	--tw-ordinal:  ;
	--tw-slashed-zero:  ;
	--tw-numeric-figure:  ;
	--tw-numeric-spacing:  ;
	--tw-numeric-fraction:  ;
	--tw-ring-inset:  ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur:  ;
	--tw-brightness:  ;
	--tw-contrast:  ;
	--tw-grayscale:  ;
	--tw-hue-rotate:  ;
	--tw-invert:  ;
	--tw-saturate:  ;
	--tw-sepia:  ;
	--tw-drop-shadow:  ;
	--tw-backdrop-blur:  ;
	--tw-backdrop-brightness:  ;
	--tw-backdrop-contrast:  ;
	--tw-backdrop-grayscale:  ;
	--tw-backdrop-hue-rotate:  ;
	--tw-backdrop-invert:  ;
	--tw-backdrop-opacity:  ;
	--tw-backdrop-saturate:  ;
	--tw-backdrop-sepia:  ;
	--tw-contain-size:  ;
	--tw-contain-layout:  ;
	--tw-contain-paint:  ;
	--tw-contain-style:  ;
}

::backdrop{
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x:  ;
	--tw-pan-y:  ;
	--tw-pinch-zoom:  ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position:  ;
	--tw-gradient-via-position:  ;
	--tw-gradient-to-position:  ;
	--tw-ordinal:  ;
	--tw-slashed-zero:  ;
	--tw-numeric-figure:  ;
	--tw-numeric-spacing:  ;
	--tw-numeric-fraction:  ;
	--tw-ring-inset:  ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur:  ;
	--tw-brightness:  ;
	--tw-contrast:  ;
	--tw-grayscale:  ;
	--tw-hue-rotate:  ;
	--tw-invert:  ;
	--tw-saturate:  ;
	--tw-sepia:  ;
	--tw-drop-shadow:  ;
	--tw-backdrop-blur:  ;
	--tw-backdrop-brightness:  ;
	--tw-backdrop-contrast:  ;
	--tw-backdrop-grayscale:  ;
	--tw-backdrop-hue-rotate:  ;
	--tw-backdrop-invert:  ;
	--tw-backdrop-opacity:  ;
	--tw-backdrop-saturate:  ;
	--tw-backdrop-sepia:  ;
	--tw-contain-size:  ;
	--tw-contain-layout:  ;
	--tw-contain-paint:  ;
	--tw-contain-style:  ;
}/*
! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: "Segoe UI", sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: nimbusmono, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.sr-only{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}
.visible{
	visibility: visible;
}
.invisible{
	visibility: hidden;
}
.static{
	position: static;
}
.block{
	display: block;
}
.inline{
	display: inline;
}
.table{
	display: table;
}
.contents{
	display: contents;
}
.hidden{
	display: none;
}
.transform{
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.truncate{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rounded{
	border-radius: 0.25rem;
}
.border{
	border-width: 1px;
}
.transition{
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}
@font-face {
	font-family: 'Courier New';
	src: local('Courier New'), local('CourierNewPSMT'), url('../../fonts/CourierNewPSMT.woff2') format('woff2');
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'nimbusmono';
	src: url('../../fonts/nimbusmono-regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'nimbusmono';
	src: url('../../fonts/nimbusmono-bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'PT Sans';
	src: url('../../fonts/PTS55F-webfont.eot');
	src: url('../../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/PTSans-Regular.woff2') format('woff2'), url('../../fonts/PTS55F-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
:root {

	/* XD colors */

	/* Tailwind extend colors */
	/* --dark: theme("colors.dark"); */
	/* --bright: theme("colors.bright"); */
	/* --gray-light: theme("colors.gray-light"); */
	/* --gray-hover: theme("colors.gray-hover"); */
}
html{
	scroll-behavior: smooth;
}
body {
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	line-height: 19px;
	-webkit-text-decoration-skip-ink: none;
	        text-decoration-skip-ink: none;
}
[class^='container'] {
	margin: auto;
}
.main-container {
	padding-top: 80px;
}
@media (max-width: 991px) {
.path-checkout .main-container {
			padding-top: 30px
	}
		}
.container {
	width: 1159px;
	margin: auto
}
@media (min-width: 1200px) {
.container {
		width: 1280px
}
	}
@media (max-width: 1410px) {
.container {
		width: 1170px
}
	}
@media (max-width: 1196px) {
.container {
		width: 970px
}
	}
@media (max-width: 991px) {
.container {
		width: 750px
}
	}
@media (max-width: 767px) {
.container {
		width: 100%
}
	}
.container-764 {
	width: 764px;
}
@media (max-width: 810px) {
.container-764 {
		width: 100%
}
.term-10 .container-764 {
			width: 94%
	}
	}
.container-866 {
	width: 866px;
}
.container-960 {
	width: 960px;
	margin: auto;
}
@media (max-width: 991px) {
.container-960 {
		width: 750px
}
	}
@media (max-width: 810px) {
.container-960 {
		width: 100%
}
	}
@media (max-width: 810px) {
.term-15 .container-960,
	article.novosti .container-960,
	.fragment-wrap .container-960 {
			padding: 0 15px
	}
		}
.container-1159 {
	width: 1159px;
	margin: auto;
}
@media (max-width: 1196px) {
.container-1159 {
		width: 970px
}
	}
@media (max-width: 991px) {
.container-1159 {
		width: 750px
}
	}
@media (max-width: 810px) {
.container-1159 {
		padding: 0 30px
}
	}
@media (max-width: 767px) {
.container-1159 {
		width: 100%
}
	}
.node-content p {
	margin-bottom: 1rem;
}
.term-body ul:not(.links):not(.nav) li {
	margin-bottom: 5px;
	padding-left: 25px;
	position: relative;
}
.term-body ul:not(.links):not(.nav) li:before {
		content: '';
		position: absolute;
		top: 10px;
		left: 12px;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: #000000;
	}
.visually-hidden{
	display: none;
}
.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.abs-center{
	left: 50%;
	top: 50%;
	--tw-translate-x: -50%;
	--tw-translate-y: -50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.abs-x-center{
	left: 50%;
	--tw-translate-x: -50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.abs-y-center{
	top: 50%;
	--tw-translate-y: -50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.bg{
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	/* background-image прописывать так: bg-[url('../img/icon.svg')] */
}
.t-mask {
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-mask-size: auto;
	        mask-size: auto;
	/* Использовать в сочетании с: mask-image: url(../img/icon.svg); */
}
/* Стили для отладки
================================================= */
.animated-label{
	position: relative;
	margin-bottom: 2rem;
}
.animated-label label{
	pointer-events: none;
	position: absolute;
	left: 1rem;
	top: 7px;
    transition: transform 0.2s;
}
.animated-label input[placeholder]:not(:-moz-placeholder-shown) + label, .animated-label textarea[placeholder]:not(:-moz-placeholder-shown) + label{
	overflow: hidden;
	font-size: 1.125rem;
	line-height: 1.75rem;
    transform: translateY(-34px);
    color: #7c7c7c;
}
.animated-label input:hover + label,
  .animated-label input:focus + label,
  .animated-label input[placeholder]:not(:placeholder-shown) + label,
  .animated-label textarea:hover + label,
  .animated-label textarea:focus + label,
  .animated-label textarea[placeholder]:not(:placeholder-shown) + label{
	overflow: hidden;
	font-size: 1.125rem;
	line-height: 1.75rem;
    transform: translateY(-34px);
    color: #7c7c7c;
}
[id*="search-api-block"] .animated-label input[placeholder]:not(:-moz-placeholder-shown) + label, [id*="search-api-block"] .animated-label textarea[placeholder]:not(:-moz-placeholder-shown) + label{
      transform: translateY(-33px);
    }
[id*="search-api-block"] .animated-label input:hover + label,[id*="search-api-block"] .animated-label input:focus + label,[id*="search-api-block"] .animated-label input[placeholder]:not(:placeholder-shown) + label,[id*="search-api-block"] .animated-label textarea:hover + label,[id*="search-api-block"] .animated-label textarea:focus + label,[id*="search-api-block"] .animated-label textarea[placeholder]:not(:placeholder-shown) + label{
      transform: translateY(-33px);
    }
.prod-similar-prods .splide__slide{
      width: auto !important;
    }
.splide__track{
    padding: 12px !important;
  }
.splide__arrows .splide__arrow--prev,
  .splide__arrows .splide__arrow--next {
    position: absolute;
    top: 36%;
    font-size: 0;
    width: 30px;
    height: 100px;
    background: #FFA899;
    z-index: 1;
  }
.splide__arrows .splide__arrow--prev:after,.splide__arrows .splide__arrow--next:after{
      content: '';
      display: inline-block;
      width: 15px;
      height: 32px;
      position: absolute;
      top: 50%;
      bottom: 50%;
      margin: auto;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 200ms;
    }
.splide__arrows .splide__arrow--prev{
	margin-left: -3.5rem;
    left: 0;
}
@media (max-width: 1410px){
.splide__arrows .splide__arrow--prev { margin-left: -2.4rem
  } }
@media (max-width: 410px) {
.splide__arrows .splide__arrow--prev { margin-left: -0.9rem
  } }
.splide__arrows .splide__arrow--prev:after{
      left: 8px;
    }
.splide__arrows .splide__arrow--next{
	margin-right: -3.5rem;
	--tw-rotate: 180deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    right: 0;
}
@media (max-width: 1410px){
.splide__arrows .splide__arrow--next { margin-right: -2.4rem
  } }
@media (max-width:  410px){
.splide__arrows .splide__arrow--next { margin-right: -0.9rem
  } }
.splide__arrows .splide__arrow--next:after{
      right: 8px;
    }
.splide__pagination{
	display: flex;
	gap: 9px;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
  margin-bottom: 1.5rem;
}
.splide__pagination__page {
    width: 8px;
    height: 8px;
  }
.splide__pagination .splide__pagination__page{
      background-color: #000000;
    }
.splide__pagination__page{
	border-radius: 9999px;
}
.splide__pagination__page.is-active {
      background: #a7a7a7
    }
.splide__sr{
  position: absolute;
}
h1,
h2,
h3,
h4 {
	font-family: 'nimbusmono', monospace;
	font-weight: 700;
}
h1.page-header {
	text-align: center;
	font-size: 24px;
	margin-bottom: 2rem;
}
article h1.page-header {
		text-align: center;
	}
article.novosti h1.page-header {
		display: inline-block;
		max-width: 350px;
		text-align: initial;
		font-size: 24px;
		margin-bottom: 1rem;
	}
.node-9 h1.page-header {
		margin-bottom: 1.5rem;
	}
h2 {
	font-size: 24px;
}
@media (max-width: 767px) {
h2 {
		font-size: 21px
}
	}
.term-15 h2 {
		text-align: center;
		margin: 3rem auto 1rem;
	}
@media (max-width: 767px) {
.term-15 h2 {
			margin: 1.4rem auto 1rem
	}
		}
article.novosti h2 {
		margin-bottom: 12px;
	}
.fragment-wrap h2 {
		margin: 1.3rem auto 1rem;
	}
h3 {
	font-size: 24px;
	margin-bottom: 1rem;
}
@media (max-width: 767px) {
h3 {
		font-size: 21px
}
	}
h4 {
	font-size: 18px;
	margin-bottom: 12px;
}
.contact-links {
	display: flex;
}
header .contact-links {
		gap: 0 10px;
	}
@media (max-width: 1196px) {
header .contact-links {
			gap: 0 5px
	}
		}
@media (max-width: 1620px) {
.flexed-view {
		padding: 0 15px
}
	}
.flexed-view .view-content {
		display: flex;
		justify-content: center;
		flex-flow: row wrap;
		gap: 20px 3rem;
	}
@media (min-width: 1200px) {
.flexed-view .view-content {
			gap: 20px 9px;
			width: 1280px
	}
		}
@media (max-width: 1410px) and (min-width: 1200px) {
.flexed-view .view-content {
			gap: 20px 59px;
			width: 1170px
	}
		}
@media (max-width: 1024px) {
.flexed-view .view-content {
			justify-content: center
	}
		}
@media (max-width: 767px) {
.flexed-view .view-content {
			gap: 20px 20px
	}
		}
.flexed-view .views-row {
		width: 244px;
		margin: 0 6px 15px;
	}
@media (min-width: 1588px) {
.flexed-view .views-row {
			margin: 0 2px 15px
	}
		}
@media (min-width: 1200px) {
.flexed-view .views-row {
			margin: 0 2px 15px
	}
		}
@media (max-width: 1389px) {
.flexed-view .views-row {
			width: 200px;
			margin: 0 2px
	}
		}
@media (max-width: 1193px) {
.flexed-view .views-row {
			width: 180px
	}
		}
.flexed-view .views-row img {
			margin: auto;
		}
.term-content-wrap .field--name-description {
		margin-bottom: 0.6rem;
	}
.products_bundle.block_7 .view-content {
		gap: 30px 69px;
	}
.products_bundle.block_7 .views-row {
		width: 340px;
	}
.products_bundle.block_1,
.term-9 .main-container,
.term-10 .main-container,
.term-14 .main-container, /* Авторы*/
.term-15 .main-container, /* /manuscript*/
.term-16 .main-container, /* /news*/
/*body[class*=seo-node]*/
.path-checkout,
.path-node {
	position: relative;
	overflow-x: hidden;
}
.products_bundle.block_1:before, .term-9 .main-container:before, .term-10 .main-container:before, .term-14 .main-container:before, .term-15 .main-container:before, .term-16 .main-container:before, .path-checkout:before, .path-node:before {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		background: url(../../img/bg-abstract.svg) 0 0 no-repeat transparent;
		width: 600px;
		height: 400px;
		z-index: -1;
	}
.products_bundle.block_8 .views-row:not(:last-child) {
			margin-bottom: 30px;
		}
.hover-shadow .views-row:hover {
		box-shadow: 0 0 10px 0 #00000040;
	}
.tsr-title{
	margin-bottom: 0.5rem;
	text-align: center;
}
.tsr-title a {
		font-weight: 700;
		font-size: 18px;
		font-family: 'nimbusmono', monospace;
		line-height: 20px;
	}
.tsr-body {
	margin-top: 10px;
	margin-bottom: 10px;
}
.tsr-author {
	font-family: 'nimbusmono', monospace;
	text-align: center;
}
.products_bundle.block_8 .tsr-author {
		text-align: left;
		font-size: 18px;
		font-weight: 700;
		margin: 0.7rem auto 1.2rem;
	}
.products_bundle.block_8 .tsr-author span {
			font-weight: normal;
		}
.tsr-variation-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.views-row .form-submit {
		display: inline-flex;
		height: 40px;
		width: 50px;
		font-size: 0;
		position: relative;
		top: -3px;
	}
.views-row .form-submit:before {
			content: '';
			display: block;
			height: 25px;
			width: 29px;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-mask-size: auto;
	        mask-size: auto;
	/* Использовать в сочетании с: mask-image: url(../img/icon.svg); */
			background: url(../../img/ico-cart.svg);
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
.tsr-prices-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	gap: 5px;
	position: relative;
	left: -4px;
}
.tsr-old-price {
	font-size: 18px;
	color: #959595;
	text-decoration: line-through;
}
.tsr-price {
	font-size: 24px;
}
.tsr-look-more {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 9px 11px 9px 14px;
	transition: background 0.2s ease;
}
.tsr-look-more:before {
		display: inline-block;
		background: url(../../img/ico-go-back.svg) 0 0 no-repeat transparent;
		transform: rotate(180deg);
		width: 18px;
		height: 25px;
		content: '';
	}
.tsr-look-more:hover {
		background: #f6b202;
	}
.products_bundle.block_3,   /* frpage*/
/*.products_bundle.block_4,   // /categories*/
.products_bundle.block_7 {
	background: #dedede;
}
.products_bundle.block_3,   /* frpage*/
/*.products_bundle.block_4,   // /categories*/
.products_bundle.block_7,   /* /collections*/
.products_bundle.page_1 {
	padding: 1.5rem 0 70px;
}
.products_bundle.block_3 .views-row, .products_bundle.block_7 .views-row, .products_bundle.page_1 .views-row {
		background: #f6f6f6;
	}
.products_bundle.block_3 .tsr-img, .products_bundle.block_7 .tsr-img, .products_bundle.page_1 .tsr-img {
		padding-top: 1.1rem;
	}
@media (max-width: 1389px) {
.products_bundle.block_3 .tsr-img, .products_bundle.block_7 .tsr-img, .products_bundle.page_1 .tsr-img {
			padding-top: 0
	}
		}
.products_bundle.block_3 .tsr-inner, .products_bundle.block_7 .tsr-inner, .products_bundle.page_1 .tsr-inner {
		padding: 4px 18px 17px;
	}
.products_bundle.block_7 {
	background: transparent !important;
}
.products_bundle.block_7 .tsr-inner {
		margin-bottom: 3px;
	}
.products_bundle.block_1 .views-row, .products_bundle.block_8 .views-row {
		display: flex;
		gap: 90px;
	}
@media (max-width: 767px) {
.products_bundle.block_1 {
		gap: 15px 30px
}
	}
@media (max-width: 1199px) {
.products_bundle.block_1 .views-row {
			gap: 30px
	}
		}
@media (max-width: 767px) {
.products_bundle.block_1 .views-row {
			gap: 0 15px
	}
		}
@media (max-width: 640px) {
.products_bundle.block_1 .views-row {
			flex-flow: row wrap
	}
		}
@media (max-width: 1199px) {
.products_bundle.block_8 {
		gap: 30px
}
	}
@media (max-width: 767px) {
.products_bundle.block_8 {
		gap: 30px 30px;
		flex-flow: row wrap
}
	}
.hero-img {
	flex-shrink: 0;
}
@media (max-width: 490px) {
.hero-img {
		flex-shrink: initial
}
	}
.hero-img img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	}
.hero-title {
	max-width: 390px;
	text-align: left;
	/* font-family: $ff_Courier; */
	font-weight: 700;
	line-height: 38px;
	margin-bottom: 1rem;
}
.products_bundle.block_8 .hero-title {
		font-size: 24px;
		line-height: 28px;
	}
[class*='-body'] .anchor-wrap {
		margin-top: 1rem;
	}
.views-more-link {
	display: inline-block;
	line-height: 1.2;
	padding: 0 0 1px;
}
.views-more-link:hover {
		background: #f6b202;
	}
.tsrs-block-hdr {
	margin-bottom: 3rem;
	text-align: center;
	font-family: nimbusmono, monospace;
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 700;
}
/* font-family: $ff_Courier; */
/* font-weight: 700; */
/* font-size: 24px; */
/* line-height: 28px; */
/* text-align: center; */
/* margin: 0 auto 3rem; */
.tsrs-block-hdr span {
		display: block;
		width: 764px;
		margin: 19px auto 0;
		border-bottom: 1px solid #000000;
	}
@media (max-width: 810px) {
.tsrs-block-hdr span {
			width: 70%
	}
		}
.tsrs-block-hdr span{

		position: relative;
}
.tsrs-block-hdr span:before,
		.tsrs-block-hdr span:after {
			content: '•';
			position: absolute;
			top: -15px;
		}
.tsrs-block-hdr span:before {
			left: -7px;
		}
.tsrs-block-hdr span:after {
			right: -7px;
		}
.term-10 .tsrs-block-hdr span {
			width: 764px;
		}
@media (max-width: 810px) {
.term-10 .tsrs-block-hdr span {
				width: 94%;
				padding: 0 22px
		}
			}
.prod-similar-prods .tsrs-block-hdr {
		margin-bottom: 2rem;
	}
.collection-books-hdr {
	text-align: center;
	font-family: 'nimbusmono', monospace;
	font-size: 24px;
	line-height: 28px;
	margin: 2rem auto;
}
.products_bundle.block_9 {
	margin-bottom: 3rem;
}
.tsr-img-wrap {
	position: relative;
}
.sticker {
	position: absolute;
	top: 0;
	left: 0;
	width: 47px;
	height: 50px;
}
.akcia {
	background: url(../../img/lbl-discount.svg) 0 0 no-repeat transparent;
}
.lbl-new {
	background: url(../../img/lbl-new.svg) 0 0 no-repeat transparent;
}
.views-row:hover .see-more-wrap, .splide__slide:hover .see-more-wrap {
		display: flex;
	}
.see-more-wrap {
	display: none;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;

	background: rgba(000, 000, 000, 0.2);

	justify-content: center;
	align-items: center;
}
.see-more-wrap .tsr-see-more {
		background: #f6b202;
	}
.tsr-see-more {
	/* color: #fff; */
	/* background: #000; */
	line-height: 1;
	padding: 0 2px 4px;
}
.tsr-see-more:hover {
		background: #f6b202;
	}
.prod-similar-prods {
	max-width: 1220px;
	margin: auto;
}
.prod-similar-prods .tsr-img img {
			border: 20px solid #f6f6f6;
			box-sizing: content-box;
		}
[id*='-socials-'] .field--label {
		display: none;
	}
[id*='socials-first'] div.field--label {
		display: none;
	}
[id*='socials-first'] ul:not(.contextual-links) {
		display: block;
		margin: auto;
	}
[id*='socials-first'] li {
		text-align: center;
	}
[class*='icon-email'] {
	justify-content: center;
	align-items: center;
	gap: 0 8px;
	margin: 1.4rem auto 1.3rem;
}
ul li [class*='icon-email'] {
		display: flex;
		width: auto;
	}
[class*='icon-email']:before {
		display: inline-block;
		content: '';
		background: url(../../img/ico-mail.svg) 0 0 no-repeat transparent;
		width: 24px;
		height: 19px;
	}
[id*='-socials'] a {
		display: inline-block;
		width: 24px;
		height: 24px;
	}
@media (max-width: 1024px) {
header [id*='-socials'] {
			display: none
	}
		}
[id*='-socials--'] ul:not(.contextual-links) {
		display: flex;
		justify-content: center;
		gap: 0 1.2rem;
	}
a[class*='-tiktok'] {
	background: url(../../img/soc-tiktok.svg) 0 0 no-repeat transparent;
}
.author__socials a[class*='-tiktok'] {
		background: url(../../img/soc-tiktok2.svg) 0 0 no-repeat transparent;
		background-size: 100% 100%;
	}
a[class*='-tiktok']:hover {
		background: url(../../img/soc-tiktok2.svg) 0 0 no-repeat transparent;
		background-size: 100% 100%;
	}
a[class*='icon-fb'] {
	background: url(../../img/soc-fb.svg) 0 0 no-repeat transparent;
}
.author__socials a[class*='icon-fb'] {
		background: url(../../img/soc-fb2.svg) 0 0 no-repeat transparent;
		background-size: 100% 100%;
	}
a[class*='icon-fb']:hover {
		background: url(../../img/soc-fb2.svg) 0 0 no-repeat transparent;
		background-size: 100% 100%;
	}
a[class*='-insta'] {
	background: url(../../img/soc-insta.svg) 0 0 no-repeat transparent;
}
.author__socials a[class*='-insta'] {
		background: url(../../img/soc-insta2.svg) 0 0 no-repeat transparent;
		background-size: 100% 100%;
	}
a[class*='-insta']:hover {
		background: url(../../img/soc-insta2.svg) 0 0 no-repeat transparent;
		background-size: 100% 100%;
	}
a[class*='-youtube'] {
	background: url(../../img/soc-youtube.svg) 0 0 no-repeat transparent;
}
.author__socials a[class*='-youtube'] {
		background: url(../../img/soc-youtube2.svg) 0 0 no-repeat transparent;
		background-size: 100% 100%;
	}
a[class*='-youtube']:hover {
		background: url(../../img/soc-youtube2.svg) 0 0 no-repeat transparent;
		background-size: 100% 100%;
	}
a[class*='-twitter'] {
	background: url(../../img/soc-twitter.svg) 0 0 no-repeat transparent;
}
.author__socials a[class*='-twitter'] {
		background: url(../../img/soc-twitter.svg) 0 0 no-repeat transparent;
		background-size: 100% 100%;
	}
a[class*='-twitter']:hover {
		background: url(../../img/soc-twitter.svg) 0 0 no-repeat transparent;
		background-size: 100% 100%;
	}
a[class*='-linkedin'] {
	background: url(../../img/soc-linkedin.svg) 0 0 no-repeat transparent;
}
.author__socials a[class*='-linkedin'] {
		background: url(../../img/soc-linkedin.svg) 0 0 no-repeat transparent;
		background-size: 100% 100%;
	}
a[class*='-linkedin']:hover {
		background: url(../../img/soc-linkedin.svg) 0 0 no-repeat transparent;
		background-size: 100% 100%;
	}
footer.footer {
	background: #f6f6f6;
	padding: 3.5rem 22px 4rem;
	overflow: hidden;
}
@media (max-width: 767px) {
footer.footer {
		padding: 1.7rem 22px 2rem
}
	}
footer [id*='logoname'] {
		margin-bottom: 1.8rem;
	}
footer [id*='logoname'] img {
			margin: auto;
			width: 300px;
		}
footer ul.nav {
		display: flex;
		justify-content: center;
		gap: 1rem 3.5rem;
	}
@media (max-width: 767px) {
footer ul.nav {
			flex-flow: row wrap
	}
		}
footer nav[id*='main-menu'] {
		padding: 0 0 1.5rem;
	}
footer nav[id*='main-menu']:after {
			display: block;
			content: '';
			width: 50%;
			margin: auto;
			position: relative;
			bottom: -0.8rem;
			border-bottom: 1px solid #000000;
		}
.last-ftr-row {
	background: #000000;
	color: #ffffff;
	font-size: 14px;
	padding: 20px 0 2rem;
}
.last-ftr-row .container {
		display: flex;
		justify-content: center;
	}
@media (max-width: 810px) {
.last-ftr-row .container {
			padding: 0 30px
	}
		}
@media (max-width: 767px) {
.last-ftr-row .container {
			justify-content: center;
			text-align: center;
			gap: 0 1.5rem;
			flex-flow: row wrap
	}
		}
.ajax-progress.ajax-progress-fullscreen {
	position: fixed;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(255, 255, 255, 0.898);
	z-index: 10;
}
.ajax-progress.ajax-progress-fullscreen:before,
	.ajax-progress.ajax-progress-fullscreen:after {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: 40%;
		content: '';
		display: inline-block;
		width: 10px;
		height: 10px;
		animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
	}
.ajax-progress.ajax-progress-fullscreen:after {
		animation-delay: -0.9s;
	}
@keyframes sk-wanderingCube {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: translateX(30px) rotate(-90deg) scale(0.5);
	}
	50% {
		/* Hack to make FF rotate in the right direction */
		transform: translateX(30px) translateY(30px) rotate(-179deg);
	}
	50.1% {
		transform: translateX(30px) translateY(30px) rotate(-180deg);
	}
	75% {
		transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
	}
	100% {
		transform: rotate(-360deg);
	}
}
.brdr{
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.brdr-g{
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(34 197 94 / var(--tw-border-opacity));
}
.commerce-order-item-dc-ajax-add-cart-form button.form-submit{
	margin-right: 0.5rem;
}
.commerce-order-item-dc-ajax-add-cart-form button.form-submit:hover{
	--tw-bg-opacity: 1;
	background-color: rgb(246 178 2 / var(--tw-bg-opacity));
}
.header{
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	z-index: 50;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	--tw-bg-opacity: 0.9;
  padding: 11px 0 18px;
  box-shadow: 0 3px 2px 0 #00000026;
}
.header .container{
    display: flex;
    justify-content: space-between;
  }
.header .field--label{
    display: none;
  }
.header [class^=container]{
	position: relative;
	display: flex;
	align-items: center;
}
@media (max-width: 810px){
.header [class^=container]{padding: 0 15px
    } }
@media (max-width: 1024px){
[id*=logoname] [class*=-mi]:first-child{ display: none
      } }
[id*=logoname] [class*=-mi2]{
        display: none;
      }
@media (max-width: 1024px){
[id*=logoname] [class*=-mi2]{ display: block
      }
footer [id*=logoname] [class*=-mi]:first-child{ display: block
        } }
footer [id*=logoname] [class*=-mi2]{
          display: none;
        }
.menu--main{
  display: flex;
  gap: 0 34px;
}
@media (max-width: 1196px){
.menu--main{ gap: 0 5px
} }
@media (max-width: 1024px){
header .menu--main{ display: none
  } }
header .menu--main li{
      position: relative;
    }
header .menu--main li:before{
        content: '';
        width: 4px;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        transition: all 0.3s ease-in-out;
      }
header .menu--main li:hover:before{
        width: 100%;
        background-color: #f6b202;
      }
header .menu--main a{
      padding: 5px 10px;
      position: relative;
      z-index: 1;
    }
.burger-content .menu--main{
    gap: 1rem 25px;
  }
@media (max-width: 991px){
.burger-content .menu--main{
      justify-content: center;
      flex-flow: row wrap
  }
    }
[id*=ajax-cart-block] {
  position: relative;
  top: -1px;
  margin-right: 10px;
}
@media (max-width: 1024px){
[id*=ajax-cart-block] {
    margin-left: auto;
    margin-right: 20px
}
  }
a[class*=link__expand]{
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }
[class*=summary__icon] {
        display: block;
        height: 34px;
        width: 30px;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-mask-size: auto;
	        mask-size: auto;
	/* Использовать в сочетании с: mask-image: url(../img/icon.svg); */
        border-radius: 10px;

        position: relative;
   }
[class*=summary__icon]:before{
          content: '';
          display: block;
          height: 25px;
          width: 29px;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-mask-size: auto;
	        mask-size: auto;
	/* Использовать в сочетании с: mask-image: url(../img/icon.svg); */
          background: url(../../img/ico-cart.svg);
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
[class*=summary__count] {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: absolute;
        top: 9px;
        right: -11px;
        background: #000000;
        color: #ffffff;
      }
[class*=summary__count] i{
          font-size: 12px;
          font-style: normal;
          position: absolute;
          top: 45%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
.cart-is-empty [class*=summary__count]{
          display: none;
        }
[id*=face-lang-switcher] ul:not([hidden]){
      display: flex;
      gap: 12px;
    }
@media (max-width: 490px){
[id*=face-lang-switcher] ul:not([hidden]){ display: block
    } }
[id*=face-lang-switcher] a:not(.is-active){
        text-decoration: underline;
      }
[id*=account-menu]{
  position: relative;
  top: -3px;
}
@media (max-width: 1196px){
[id*=account-menu]{
    right: 5px
}
  }
ul.menu--account li{
      display: block;
      text-align: center;
      margin: auto;
    }
ul.menu--account a{
        display: inline-block;
      }
ul.menu--account li.first a {
      background: url(../../img/user.svg) 0 0 no-repeat transparent;
      width: 25px;
      height: 25px;
      font-size: 0;
    }
.burger-button{
	display: none;
	height: 2.5rem;
	width: 2.5rem;
	flex-shrink: 0;
	cursor: pointer;
	font-size: 0px;
  align-items: center;
  position: relative;
}
@media (max-width: 1024px){
.burger-button {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}
  }
@media (max-width: 365px){
.burger-button { position: relative
} }
.burger-icon{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	flex: none;
	display: inline-block;
	height: 0.125rem;
	width: 40px;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	transition-timing-function: linear;
    background: #000000;
}
.burger-is-open .burger-icon{
      background: inherit;
    }
.burger-icon:before,
    .burger-icon:after{
	--tw-content: '';
	content: var(--tw-content);
	position: absolute;
	left: 0px;
	display: inline-block;
	height: 100%;
	width: 100%;
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
      background: #000000;
}
.burger-icon:before {
      transform: translateY(-8px);
    }
.burger-icon:after {
      transform: translateY(8px);
    }
body.burger-is-open {
  overflow: hidden;
}
body.burger-is-open .burger-icon{
	--tw-bg-opacity: 0;
}
body.burger-is-open .burger-icon:before,
    body.burger-is-open .burger-icon:before{
	--tw-rotate: 45deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
body.burger-is-open .burger-icon:after{
	--tw-rotate: -45deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.burger-menu{
	position: fixed;
	top: 76px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 50;
}
@media (max-width: 991px){
.burger-menu{ top: 64px
} }
.burger-dialog{
	overflow: auto;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.burger-dialog {
  animation-name: animatetop;
  animation-duration: 0.3s;
}
@keyframes animatetop {
  from {
    margin-top: -30px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}
.burger-dialog {
  position: absolute;
  inset: 0px;
  align-items: center;
  justify-content: center;
}
button.burger-close{
	display: none;
}
.burger-content{
	max-width: -moz-fit-content;
	max-width: fit-content;
	display: flex;
	flex-direction: column;
	gap: 1.75rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
	font-size: 1.5rem;
	line-height: 2rem;
	text-transform: uppercase;
}
.burger-content .menu-main{
	margin-bottom: 2rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 2rem;
	font-size: 1.5rem;
	line-height: 2rem;
}
.burger-content .menu-main a{
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity));
}
/* Social
================================================= */
/* #block-socials {
  @apply brdr;
} */
.manu-body h3,.manu-body h4,article h3,article h4,.fragment-wrap h3,.fragment-wrap h4{
    margin-top: 1.5rem;
  }
.manu-body a,article a,.fragment-wrap a{
    text-decoration: underline;
  }
.hero-body p,
  .manu-body p,
  .fragment-wrap p,
  article p{
    margin-bottom: 0.7rem;
  }
p+ul{
    margin-top: -7px;
  }
main ul:not(.links):not(.nav) li,
    article ul:not(.links):not(.nav) li{
      list-style: none;
    }
main ul:not(.links):not(.nav) li:before, article ul:not(.links):not(.nav) li:before {
        content: "•";
        vertical-align: middle;
        line-height: 1.1;
        margin: 0 5px 0 0;
      }
/* ajax spinner/throbber
================================================= */
.ajax-progress.ajax-progress-fullscreen {
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(255, 255, 255, 0.898);
  z-index: 10;
}
.ajax-progress.ajax-progress-fullscreen:before,
  .ajax-progress.ajax-progress-fullscreen:after {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 40%;
    content: "";
    display: inline-block;
    background-color: blue;
    width: 10px;
    height: 10px;
    animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
  }
.ajax-progress.ajax-progress-fullscreen:after {
    animation-delay: -0.9s;
  }
@keyframes sk-wanderingCube {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: translateX(30px) rotate(-90deg) scale(0.5);
  }
  50% {
    /* Hack to make FF rotate in the right direction */
    transform: translateX(30px) translateY(30px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(30px) translateY(30px) rotate(-180deg);
  }
  75% {
    transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
  }
}
/* Структура:
  .modal
    .modal-dialog
      .modal-content
        .modal-header
        button.close
        .modal-body

Когда модальное окно открывается, добавляются классы:
  — .in к .modal
  — .modal-open к body
*/
.modal{
	display: none;
}
.modal.modal-open{
	position: fixed;
	inset: 0px;
	--tw-bg-opacity: 0.7;
	display: flex;
	align-items: center;
	justify-content: center;
    z-index: 50;
}
.modal-dialog{
	position: fixed;
	z-index: 10;
	margin-left: 1rem;
	margin-right: 1rem;
	max-height: 100%;
	width: 91.666667%;
	overflow: auto;
}
@media (min-width: 1536px){

	.modal-dialog{
		max-width: 1400px;
	}
}
.modal-dialog {
    border-radius: 20px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    animation-name: animateTop;
    animation-duration: 0.3s;
  }
.button-modal-close{
	position: absolute;
	right: 1rem;
	top: 1rem;
	height: 2.5rem;
	width: 2.5rem;
	border-radius: 9999px;
	font-size: 1.875rem;
	line-height: 2.25rem;
}
.button-modal-close:hover{
	--tw-bg-opacity: 1;
	background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
@keyframes animateTop {
  from {
    margin-top: -30px;
    /* opacity: 0; */
  }
  to {
    margin-top: 0;
    /* opacity: 1; */
  }
}
.modal-content{
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 3rem 5rem;
}
@media (max-width: 991px){
.cart-block--contents .modal-content{ padding: 2rem 1rem 3rem
  } }
@media (max-width: 490px){
.cart-block--contents .modal-content{ padding: 2rem 1rem 11px
  } }
button.close,
    a.close{ display: block; border-radius: 9999px; font-size: 40px; width: 50px; height: 50px;
      position: absolute;
      top: 19px;
      right: 19px;
    }
@media (max-width: 991px){
button.close,
    a.close{
        width: 40px;
        height: 40px
    }
      }
button.close span,a.close span{
        display: inline-block;
        width: 30px;
        height: 30px;
        position: absolute; top: 37%; left: 50%;
        transform: translate(-50%, -50%);
      }
@media (max-width: 991px){
button.close span,a.close span{
          top: 14px;
          left: 48%
      }
        }
.modal-title,
    .modal-inline-subtitle{
      text-align: center;
    }
.modal-title{
      font-family: 'nimbusmono', monospace;
      font-weight: 700;
      font-size: 24px;
      line-height: 1.2;
    }
@media (max-width: 767px){
.modal-title{ font-size: 26px
    }
      }
.modal-inline-subtitle{
      margin-bottom: 3rem;
    }
@media (max-width: 767px){
.modal-inline-subtitle{ margin-bottom: 1.5rem
    } }
.modal:not(.cart-block--contents) form input[type="text"],
  .modal:not(.cart-block--contents) form [type="tel"],
  .modal:not(.cart-block--contents) form [type="email"],
  form[class*=commerce-checkout] input[type="text"],
  form[class*=commerce-checkout] [type="tel"],
  form[class*=commerce-checkout] [type="email"]{
    color: #000;
    width: 100%;
    padding: 6px 1rem 7px;
    border: 1px solid #C3C3C3;
  }
select{
  color: #000;
  padding: 6px 1rem 7px;
  border: 1px solid #C3C3C3;
}
@media (max-width: 767px){
select{ max-width: 300px
} }
@media (max-width: 490px){
select{ max-width: initial;  width: 100%
}}
.modal:not(.cart-block--contents) form{
      max-width: 300px;
      margin: auto;
    }
.modal:not(.cart-block--contents) form .submit_wrap{
        text-align: center;
      }
.modal_row:nth-child(2){
        display: flex;
        justify-content: space-between;
        align-content: center;
      }
@media (max-width: 540px){
.modal_row:nth-child(2){flex-flow: row wrap
      } }
.animated-label{
  width: 100%;
}
.cart-block__item form{
    max-width: 575px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 30px;
    padding: 1.2rem 1.2rem;
    margin: auto;
    border-bottom: 1px solid;
  }
@media (max-width: 640px) {
.cart-block__item form{ padding: 1.2rem 0;  gap: 0
  } }
.cart-block__item.cart-empty{
      margin: 4rem auto 3.5rem;
    }
.cart-block__item.cart-empty img{
        margin: 0 auto 1.2rem;
      }
.cart-img-wrap{
      flex-shrink: 0;
    }
.cart-title-wrap{
      width: 53%;
    }
.cart-block__item-title{
        font-weight: 700;
      }
.cart-block__item-price{
        display: none !important;
    }
.cart-block__item-quantity{
        display: none !important;
    }
.cart-empty__descr{
        text-align: center;
        font-family: 'nimbusmono', monospace;
        font-weight: 700;
        font-size: 24px;
      }
.cart-block__item-sum{
      font-weight: 700;
    }
@media (max-width: 490px){
.cart-block__item-sum{ display: none
    } }
.cart-title-wrap .cart-block__item-sum{
        display: none;
      }
@media (max-width: 490px){
.cart-title-wrap .cart-block__item-sum{ display: block;
          text-align: left
      }
        }
.cart-block__remove{
      color: #A90000;
    }
.cart-block__remove i{
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
      }
.cart-block-total{
    font-size: 24px;
    font-family: 'nimbusmono', monospace;
    text-align: center;
    font-weight: 700;
    margin: 1.5rem auto 3rem;
  }
@media (max-width: 767px){
.cart-block-total{ margin: 1.5rem auto 1px
  } }
.cart-block--contents__links{
  display: flex;
  justify-content: center;

  position: relative;
}
@media (max-width: 991px) {
.cart-block--contents__links{ gap: 0 9%
} }
@media (max-width: 767px) {
.cart-block--contents__links{ gap: 0;  flex-flow: row wrap
} }
@media (max-width: 640px) {
.cart-block--contents__links{ justify-content: center
} }
.cart-block--contents__links button{
    position: absolute;
    left: 12%;
    display: flex;
    align-items: center;
    gap: 0 20px;
    margin-left: 5% !important;
  }
@media (max-width: 1280px){
.cart-block--contents__links button{ left: 0
  } }
@media (max-width: 991px) {
.cart-block--contents__links button{ position: static
  } }
@media (max-width: 640px) {
.cart-block--contents__links button{ order: 1;
      margin: auto !important
  }
    }
.cart-block--contents__links button:before{
      display: inline-block;
      content: '';
      background: url(../../img/ico-arrow-l.svg) 0 0 no-repeat transparent;
      width: 30px;
      height: 23px;
    }
.cart-block--contents__links button:hover{
      color: #f6b202;
    }
.cart-block--contents__links button:hover:before{
        background: url(../../img/ico-arrow-ly.svg) 0 0 no-repeat transparent;
      }
.cart-block--contents__links a{
    text-align: center;
  }
@media (max-width: 640px) {
.cart--cart-block .anchor-wrapper{ width: 100%;
        text-align: center;
        margin: 0 auto 1rem
    }
      }
a.anchor-buy{
    white-space: nowrap;
    height: auto !important;
    background: #000000;
    padding: 2px 4.29rem 3px !important;
    border-radius: 50px;
  }
input[name="username"] {
  display: none;
}
.products_bundle.block_1 .container-960 {
		position: relative;
		padding: 30px 0;
		width: 100%;
		max-width: 1024px;
	}
/* @media (min-width: 1200px) {
			width: 1260px;
		}
		@media (max-width: 1410px) and (min-width: 1200px) {
			width: 1159px;
		} */
@media (max-width: 810px) {
.products_bundle.block_1 .container-960 {
			padding: 30px 30px
	}
		}
@media (max-width: 767px) {
.products_bundle.block_1 .container-960 {
			padding: 30px 15px
	}
.hero-img {
		max-width: 14em
}
		}
@media (max-width: 640px) {
.hero-img {
		max-width: initial;
		margin-bottom: 1rem
}
	}
.hero-img img {
		box-shadow: 10px 10px 30px 0 #00000040;
	}
@media (max-width: 767px) and (min-width: 641px) {
.hero-img img {
			-o-object-fit: initial;
			   object-fit: initial;
			height: initial
	}
		}
.hero-main{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.hero-main .prodcard-subtitle{
	margin-bottom: 1rem;
	font-family: nimbusmono, monospace;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.75rem;
}
.hero-title{
	position: relative;
	margin-bottom: 0.5rem;
	max-width: -moz-fit-content;
	max-width: fit-content;
	font-family: nimbusmono, monospace;
	font-size: 32px;
	font-weight: 700;
	/* font-size: 32px;
	@media (max-width: 1199px) {
		font-size: 27px;
		line-height: 1.2;
		margin-bottom: 6px;
	}
	@media (max-width: 767px) {
		font-size: 22px;
		line-height: 1.3;
		margin-bottom: 6px;
	} */
}
.hero-title:before{
	position: absolute;
	left: -8px;
	top: 0px;
	display: block;
	height: 100%;
	width: 0.25rem;
	--tw-content: '';
	content: var(--tw-content);
		transition: all 0.3s ease-in-out;
}
.hero-title:hover:before {
		width: calc(100% + 16px);
		background: #f6b202;
	}
.hero-title a{
	position: relative;
	z-index: 10;
}
.prod__author-name{
	margin-bottom: 1rem;
	font-family: nimbusmono, monospace;
	font-size: 1.125rem;
	line-height: 1.75rem;
}
.hero-body{
	margin-bottom: 0.75rem;
	/* h2 {
		@apply mb-4 font-mono font-normal leading-7;
	} */
}
.hero-body p{
	margin-bottom: 0.25rem;
	line-height: 1.625;
		/* @media (min-width: 1200px) {
			font-size: 1.2em;
		}

		@media (max-width: 767px) {
			line-height: 1.3;
			margin-bottom: 5px !important;
		} */
}
/* Позиционируем враппер кнопки.
   К нему будем добавлять паддинг, когда убирается полоса прокрутки
================================================= */
.btn-slide-up {
  width: 58px;
  height: 58px;
  visibility: hidden;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 50;
  display: block;
  cursor: pointer;
  border-radius: 9999px;
  font-size: 0px;
  opacity: 0;
  transition: all 200ms ease;
}
@media (max-width: 767px){
.btn-slide-up { right: 12px
} }
.btn-slide-up.is-visible{
	visibility: visible;
	opacity: 1;
}
.btn-slide-up.is-bottom{
	bottom: 12rem;
}
@media (min-width: 1024px){

	.btn-slide-up.is-bottom{
		bottom: 9rem;
	}
}
.btn-slide-up::after{
	position: absolute;
	display: block;
	--tw-content: '';
	content: var(--tw-content);
    top: -2px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../../img/arrow-top.svg) center / 40% no-repeat;
    background-size: 100% 100%;
    width: 58px;
    height: 58px;
    transition: all 200ms ease;
}
.btn-slide-up:hover::after {
    top: -7px;
  }
body.burger-is-open .btn-slide-up{
	display: none;
}
button:focus-visible,[role="button"]:focus-visible{
    outline-offset: 2px;
  }
.btn-black,
form.user-pass-reset button.form-submit,
.comment-reviews-form .form-submit{
  background: #000000;
  color: #ffffff;
  border-radius: 50px;
}
.btn-black:hover,form.user-pass-reset button.form-submit:hover,.comment-reviews-form .form-submit:hover{
    color: #000000;
    background: #f6b202
  }
.btn-black{
  padding: 14px 4.73rem 16px;
}
@media (max-width: 767px){
.btn-black{ padding: 10px 2.73rem 13px
} }
.cke-flex{
  display: flex;
}
.node-5 .cke-flex{
    justify-content: space-between;
  }
@media (max-width: 991px){
.node-5 .cke-flex{
      flex-flow: row wrap
  } }
.cke-penta-col{
    max-width: 20%;
  }
.node-3 .cke-penta-col,
    .non-standart .cke-penta-col{
      max-width: 11em;
    }
.node-5 [class*=cke-col]{
        padding-left: 35px;
        position: relative;
      }
.node-5 [class*=cke-col]:before{
          content: '';
          position: absolute;
          top: 2px;
          left: 0;
        }
.node-5 .cke-col1:before {
          background: url(../../img/ico-map.svg) 0 0 no-repeat transparent;
          width: 24px;
          height: 32px;
        }
.node-5 .cke-col2:before {
          background: url(../../img/ico-phone2.svg) 0 0 no-repeat transparent;
          width: 30px;
          height: 33px;
          left: -4px;
        }
.node-5 .cke-col3:before {
          background: url(../../img/ico-clock.svg) 0 0 no-repeat transparent;
          width: 32px;
          height: 32px;
          left: -7px;
        }
.node-5 .cke-col4:before {
          background: url(../../img/ico-globe.svg) 0 0 no-repeat transparent;
          width: 32px;
          height: 32px;
        }
.align-center [class*=media-image] img,.align-center [class*=media-svg] img{
      margin: auto;
    }
iframe{
  width: 100%;
}
.products_bundle.block_1:after{
  display: block;
  content: '';
  width: 100%;
  height: 26px;
  background: linear-gradient(180deg, #DEDEDE 8.79%, rgba(222, 222, 222, 0) 73.1%);
}
.products_bundle.block_2{
  margin: 1.5rem auto;
}
.products_bundle.block_2 img{
    border: 20px solid #F6F6F6;
    box-sizing: content-box;
  }
@media (max-width: 1389px){
.products_bundle.block_2 img{ border: none
  } }
.products_bundle.block_3{
  position: relative;
}
.products_bundle.block_3:before{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    background: url(../../img/bg-abstract-w.svg) 0 0 no-repeat transparent;
    width: 617px;
    height: 411px;
  }
.products_bundle.block_3 >div{
    position: relative;
  }
.pre-footer{
  margin: 2rem auto 4.5rem;
}
.pre-footer .anchor-wrap{
    text-align: center;
  }
.pre-footer .anchor-wrap a{
      display: inline-block;
    }
.terms_bundle.block_1{
    font-size: 20px;
    margin-top: 3.5rem;
  }
.terms_bundle.block_1 .view-content{
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      gap: 1.8rem 2rem;
      margin-bottom: 2rem;
    }
.terms_bundle.block_1 .views-row{
        background: #f6f6f6;
        padding: 6px 25px 10px;
        transition: background 0.2s ease;
      }
.terms_bundle.block_1 .views-row:hover{
          background: #b8a786
        }