/* Start:/local/templates/trixel_premium/assets/css/main.css?1787996919278917*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
@keyframes slide-in {
100% {
transform: translateX(0%);
}
}
@-webkit-keyframes slide-in {
100% {
-webkit-transform: translateX(0%);
}
}
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
:root {
--border-radius: 10px;
--card-border-radius: 20px;
--main-border-radius: 15px;
--small-border-radius: 5px;
--round-border-radius: 50%;
--main-font: "Nunito Sans", sans-serif;
--main-font-size: '16px';
--font-weight: 400;
--font-weight-bold: 600;
--black: #140106;
--blackabs: #000000;
--white: #fff;
--footer-color: #140106;
--theme-color: var(--black);
--theme-font-color: var(--white);
--theme-font-color-alt: #CCCCC9;
--gray: #F2F2F2;
--gray2: #CCCCC9;
--gray3: #858585;
--gray4: #595957;
--blue: #0D2AC6;
--red: #E12D06;
--green: #23A41F;
--yellow: #F6DF10;
--btn-hover: #474244;
--black-transparent: rgba(20, 1, 6, 0.25);
--white-transparent: rgba(255, 255, 255, 0.25);
--container-width: 1350px;
--input-height: 50px;
--button-height: 54px;
--input-padding-vertical: 15px;
--button-sm-padding-vertical: 12px;
--row-item-count: 4;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html,
body {
/* height: 100%; */
/*! overflow-x: hidden; */
/* overflow-x: hidden; */
}
body {
font-family: var(--main-font);
font-weight: var(--font-weight);
font-size: var(--main-font-size);
line-height: 22px;
color: var(--black);
background: var(--white);
}
body.is-menu {
overflow: hidden;
}
body.is-menu .header__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
body.is-menu .header__logo {
position: absolute;
padding-top: 18px;
z-index: 9999;
background: var(--white);
top: 0;
}
@media (max-width: 991px) {
body.is-catalog {
overflow: hidden;
}
body.is-catalog .header__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
body.is-catalog .header__logo {
position: absolute;
top: 18px;
z-index: 99999;
background: var(--white);
}
body.is-catalog .header__logo.visible-catalog {
z-index: 0;
}
}
.container {
margin: 0 auto;
max-width: var(--container-width);
padding: 0 15px;
}
@media (min-width: 640px) {
.container {
padding: 0 30px;
}
}
a {
color: var(--black);
}
a,
button {
text-decoration: none;
}
a:hover,
button:hover {
cursor: pointer;
color: var(--black);
}
a:hover,
a:active {
text-decoration: underline;
color: var(--black);
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: var(--main-font);
font-weight: var(--font-weight-bold);
margin: 0;
line-height: 1.1;
}
h2,
.h2 {
font-size: 28px;
line-height: 34px;
}
h3,
.h3 {
font-size: 20px;
line-height: 24px;
}
h5,
.h5 {
font-size: 16px;
line-height: 20px;
}
@media (min-width: 1200px) {
h1,
.h1 {
font-size: 36px;
font-weight: var(--font-weight-bold);
}
h2,
.h2 {
font-size: 34px;
line-height: 44px;
}
h3,
.h3 {
font-size: 24px;
line-height: 28px;
}
h4,
.h4 {
font-size: 20px;
line-height: 28px;
}
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
z-index: 1;
overflow: hidden;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
margin-left: 0;
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
/* min-width: 100%; */
}
.slick-vertical .slick-track {
flex-direction: column;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
/* height: 100%; */
/* min-height: 100%; */
/* max-height: 100%; */
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img,
.slick-slide video {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
/* padding: 0; */
/* margin-bottom: 0; */
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
/* height: auto; */
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
body.compensate-for-scrollbar {
overflow: hidden
}
.fancybox-active {
height: 100%;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992
}
.fancybox-container * {
box-sizing: border-box
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto
}
.fancybox-bg {
background: var(--black);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}
.fancybox-is-open .fancybox-bg {
opacity: 0.5;
transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fancybox-toolbar {
right: 0;
top: 0
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994
}
.fancybox-is-open .fancybox-stage {
overflow: hidden
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994
}
.fancybox-slide:before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
display: block
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0
}
.fancybox-slide--image:before {
display: none
}
.fancybox-slide--html {
padding: 6px
}
.fancybox-content {
background: var(--white);
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
border-radius: var(--card-border-radius);
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
/* background: transparent; */
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
border-radius: var(--border-radius);
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
cursor: grab
}
.fancybox-is-grabbing .fancybox-content {
cursor: grabbing
}
.fancybox-container [data-selectable=true] {
cursor: text
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.fancybox-spaceball {
z-index: 1
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%
}
.fancybox-slide--video .fancybox-content {
background: var(--blackabs)
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df
}
.fancybox-slide--iframe .fancybox-content {
background: var(--white)
}
.fancybox-iframe,
.fancybox-video {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%
}
.fancybox-iframe {
left: 0;
position: absolute;
top: 0
}
.fancybox-error {
background: var(--white);
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0
}
.fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
color: #ccc
}
.fancybox-button:hover {
color: var(--white)
}
.fancybox-button:focus {
outline: none
}
.fancybox-button.fancybox-focus {
outline: 1px dotted
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none
}
.fancybox-button div {
height: 100%
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0
}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
display: none
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998
}
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401
}
.fancybox-close-small:hover {
color: var(--white);
opacity: 1
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 0;
right: 20px;
top: 20px;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px
}
.fancybox-navigation .fancybox-button div {
padding: 7px
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right)
}
.fancybox-caption {
background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996
}
@supports (padding:max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
}
}
.fancybox-caption--separate {
margin-top: -50px
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none
}
.fancybox-caption a:hover {
color: var(--white);
text-decoration: underline
}
.fancybox-loading {
animation: a 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: var(--white);
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999
}
@keyframes a {
to {
transform: rotate(1turn)
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translateZ(0)
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5, .5, .5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scaleX(1)
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
transform: rotate(-1turn)
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
transform: rotate(1turn)
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
transform: rotate(0deg)
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scaleX(1) translateZ(0)
}
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translateZ(0) scale(1)
}
@media (max-height:576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px
}
.fancybox-slide--image {
padding: 6px 0
}
.fancybox-close-small {
right: -6px
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px
}
@supports (padding:max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right))
}
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: var(--small-border-radius);
max-width: 90%;
padding: 30px;
text-align: center
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px
}
.fancybox-share p {
margin: 0;
padding: 0
}
.fancybox-share__button {
border: 0;
border-radius: var(--small-border-radius);
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
color: var(--white)
}
.fancybox-share__button:hover {
text-decoration: none
}
.fancybox-share__button--fb {
background: #3b5998
}
.fancybox-share__button--fb:hover {
background: #344e86
}
.fancybox-share__button--pt {
background: #bd081d
}
.fancybox-share__button--pt:hover {
background: #aa0719
}
.fancybox-share__button--tw {
background: #1da1f2
}
.fancybox-share__button--tw:hover {
background: #0d95e8
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px
}
.fancybox-share__button svg path {
fill: var(--white)
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0;
outline: none;
padding: 10px 15px;
width: 100%
}
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: var(--white);
border-radius: var(--border-radius);
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: var(--border-radius);
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px
}
.fancybox-thumbs__list a:before {
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991
}
.fancybox-thumbs__list a:focus:before {
opacity: .5
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
opacity: 1
}
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
height: 100%;
width: 100%;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
-webkit-transform-style: flat;
transform-style: flat;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
left: 0;
right: auto;
}
.noUi-vertical .noUi-origin {
top: -100%;
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
}
.noUi-touch-area {
height: 100%;
width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: transform 0.3s;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
.noUi-horizontal {
height: 3px;
}
.noUi-horizontal .noUi-handle {
width: 17px;
height: 17px;
right: -8px;
top: -7px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
right: -6px;
bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
left: -17px;
right: auto;
}
.noUi-target {
background: var(--gray2);
border-radius: 3cqb;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
background: var(--theme-color);
}
.noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border-radius: 50%;
background: var(--theme-color);
cursor: pointer;
}
[disabled] .noUi-connect {
background: #b8b8b8;
}
[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
cursor: not-allowed;
}
.noUi-pips,
.noUi-pips * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
}
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
}
.noUi-marker {
position: absolute;
background: #ccc;
}
.noUi-marker-sub {
background: #aaa;
}
.noUi-marker-large {
background: #aaa;
}
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
}
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #d9d9d9;
border-radius: var(--small-border-radius);
background: var(--white);
color: var(--blackabs);
padding: 5px;
text-align: center;
white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 120%;
}
.noUi-horizontal .noUi-origin>.noUi-tooltip {
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
left: auto;
bottom: 10px;
}
.noUi-vertical .noUi-origin>.noUi-tooltip {
-webkit-transform: translate(0, -18px);
transform: translate(0, -18px);
top: auto;
right: 28px;
}
[data-action=stop],
[data-action=start] {
display: none !important;
}
.slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 0;
margin-top: 25px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.slick-dots li {
list-style: none;
font-size: 0;
}
.slick-dots button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 12px;
height: 12px;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
border-radius: 50%;
border: 1px solid var(--gray2);
margin-right: 8px;
}
.slick-dots .slick-active button {
-webkit-transition: 0.5s;
transition: 0.5s;
background: var(--gray2);
}
.slick-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 23px;
height: 23px;
padding: 0;
background: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slick-arrow:before {
content: "";
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 23px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='23' height='18' viewBox='0 0 23 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.62562 9.26344H21.9549M21.9549 9.26344L14.3314 1.63995M21.9549 9.26344L14.3314 16.8869' stroke='%23140106' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
}
.slick-prev.slick-arrow {
margin-right: 12px;
}
.slick-prev.slick-arrow:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.slick-arrow.slick-disabled {
opacity: 0.6;
/* pointer-events: none; */
}
.jqtip {
position: absolute;
display: none;
padding: 15px;
pointer-events: auto;
background: var(--white);
-webkit-box-shadow: 0px 4px 25px 0px rgba(89, 89, 87, 0.15);
box-shadow: 0px 4px 25px 0px rgba(89, 89, 87, 0.15);
border-radius: var(--border-radius);
}
.jqtip.is-open {
display: block;
}
.jqtip a {
color: #8fd3ff;
text-decoration: underline;
}
.jqtip a:hover {
text-decoration: none;
}
.jqtip__arrow {
position: absolute;
width: 10px;
height: 10px;
background: var(--white);
transform: translate(-50%, -50%) rotate(45deg);
}
.jqtip[data-placement="top"] .jqtip__arrow {
bottom: -5px;
top: auto;
}
.jqtip[data-placement="bottom"] .jqtip__arrow {
top: 0px;
}
.jqtip[data-placement="left"] .jqtip__arrow {
right: -5px;
left: auto;
transform: translate(50%, -50%) rotate(45deg);
}
.jqtip[data-placement="right"] .jqtip__arrow {
left: 0px;
transform: translate(-50%, -50%) rotate(45deg);
}
.btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: var(--button-height);
/* min-width: 300px; */
padding: var(--input-padding-vertical) 25px;
font-size: 112.5%;
font-weight: var(--font-weight-bold);
color: var(--theme-font-color);
outline: none;
-webkit-transition: 0.4s;
transition: 0.4s;
-webkit-box-shadow: none;
box-shadow: none;
white-space: nowrap;
background: var(--theme-color);
border-radius: var(--border-radius);
border: 1px solid var(--theme-color);
-webkit-transition: 0.4s;
transition: 0.4s;
text-decoration: none;
position: relative;
max-width: 100%;
}
.btn:hover {
cursor: pointer;
border-color: var(--btn-hover);
background: var(--btn-hover);
color: var(--white);
}
.btn.btn-sm {
min-width: 220px;
height: calc(var(--button-height) * 0.9);
padding: var(--button-sm-padding-vertical) 30px;
}
.btn.btn-outline {
background: 0;
color: var(--theme-color);
}
.btn.btn-outline:hover {
color: var(--theme-font-color);
background: var(--theme-color);
}
.btn.btn-white {
color: var(--black);
background-color: var(--white);
border-color: var(--white);
}
.btn.btn-white.btn-outline {
color: var(--white);
background-color: transparent;
}
.btn.btn-white.btn-outline:hover {
color: var(--black);
background: var(--white);
}
.btn.btn-lg {
width: 100%;
}
.btn.btn-auto {
min-width: none;
width: auto;
}
.btn.btn-link {
padding: 0;
height: auto;
width: auto;
color: var(--black);
background: none;
border: none;
text-decoration: underline;
}
.btn.btn-link:hover {
text-decoration: none;
}
.bar-widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 15px 8px;
font-weight: var(--font-weight-bold);
text-align: center;
color: var(--theme-font-color);
background: var(--theme-color);
z-index: 3;
position: relative;
}
a.bar-widget:hover {
color: var(--white);
}
.height-auto {
height: auto;
}
.header {
/* overflow-x: hidden; */
}
.wrapper {
overflow: hidden;
}
.main {
margin-bottom: 35px;
}
@media (min-width: 1200px) {
.main {
margin-bottom: 110px;
}
}
.main__grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -7px -25px;
}
@media (min-width: 992px) {
.main__grid {
margin: 0 -15px -30px;
}
}
.main__col {
width: 100%;
padding: 0 7px;
margin-bottom: 25px;
}
@media (min-width: 640px) {
.main__col {
padding: 0 15px;
margin-bottom: 30px;
}
.main__col.col-50 {
width: 50%;
}
.main__col.col-33 {
width: 50%;
}
.main__col.col-25 {
width: 50%;
}
.main__col.col-20 {
width: 50%;
}
.main__col.col-order {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media (min-width: 992px) {
.main__col.col-25 {
width: 33.33%;
}
.main__col.col-20 {
width: 25%;
}
}
@media (min-width: 1200px) {
.main__col.col-33 {
width: 33.33%;
}
.main__col.col-25 {
width: 25%;
}
.main__col.col-20 {
width: 20%;
}
.main__col.col-order {
-webkit-box-ordinal-group: inherit;
-ms-flex-order: inherit;
order: inherit;
}
}
.menu {
padding: 0;
margin: 0 auto 0 0;
list-style-type: none;
align-items: center;
}
.header__city~.menu {
margin: 0 auto;
}
.menu__item {
margin-right: 24px;
position: relative;
}
@media (max-width: 991px) {
.menu__item {
margin-bottom: 25px;
}
}
.menu__item:last-child {
margin-right: 0;
margin-bottom: 0;
}
.menu__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--gray4);
font-weight: var(--font-weight-bold);
white-space: nowrap;
}
.menu__link:hover {
color: var(--red);
}
.menu__link.is-promo {
color: var(--red);
}
.menu__link.is-promo:hover {
color: var(--black);
}
.menu__link svg {
width: 22px;
height: 22px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 4px;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.menu__item-submenu {
display: none;
}
.menu__item .active~.menu__item-submenu {
display: block;
}
.menu__item-submenu ul,
.menu__item-submenu ul li {
list-style: none;
padding: 0;
}
.menu__item-submenu ul li {
width: 100%;
padding: 15px;
cursor: pointer;
display: block;
margin: 0;
}
.menu__item-submenu ul li:hover {
background: var(--gray);
}
@media (min-width: 992px) {
.menu__item-submenu {
position: absolute;
left: 0;
top: 100%;
background: var(--white);
z-index: 99999;
-webkit-box-shadow: 0px 4px 25px 0px rgba(89, 89, 87, 0.15);
box-shadow: 0px 4px 25px 0px rgba(89, 89, 87, 0.15);
width: auto;
border-radius: var(--border-radius);
}
.menu__item .active~.menu__item-submenu {
display: none;
}
.menu__item:hover .menu__item-submenu {
display: block;
}
.menu__item-submenu ul li {
border-top: 1px solid var(--gray);
font-size: 14px;
}
.menu__item-submenu .menu__link {
white-space: nowrap;
}
}
.city-widget__current,
.currency-widget__current {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
color: var(--black6);
font-weight: var(--font-weight-bold);
line-height: 16px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.city-widget__current svg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
width: 18px;
height: 18px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 0;
stroke: var(--black);
}
.city-widget__current.city-widget__current-select::after,
.currency-widget__current.currency-widget__current-select::after {
content: "";
width: 12px;
height: 12px;
display: block;
position: absolute;
right: 0;
top: calc(50% - 8px);
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.75 4.125L6 7.875L2.25 4.125' stroke='%23140106' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.location__list {
display: block;
column-count: 2;
/* margin-top: 20px; */
padding: 20px 10px 10px;
}
.location__list-item {
cursor: pointer;
}
.location__list-item.selected {
font-weight: bold;
}
.search-widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.search-widget__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 110px;
height: 100%;
stroke: var(--theme-font-color);
color: var(--theme-font-color);
background: var(--theme-color);
border-radius: var(--border-radius) 0px 0px var(--border-radius);
cursor: pointer;
}
.search-widget__btn svg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-right: 5px;
pointer-events: none;
}
.search-widget__btn.active svg {
display: none;
}
.search-widget__btn.active::before {
content: "";
width: 24px;
height: 24px;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 5px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 18L18 6M6 6L18 18' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.search-widget__field {
position: relative;
width: 100%;
}
.search-widget__input {
width: 100%;
height: calc(var(--input-height) * 0.9);
padding: 10px 75px 10px 20px;
border-radius: 0 var(--border-radius) var(--border-radius) 0;
border: 1px solid var(--gray2);
border-left: 0;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.search-widget__input:focus {
border-color: var(--black);
}
.search-widget__send {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: 0;
padding: 0;
outline: none;
border: 0;
stroke: var(--black);
position: absolute;
right: 15px;
top: 10px;
}
.search-widget__send+.search-widget__send {
right: 53px;
}
.search-widget__dropdown {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
left: 0;
right: 0;
top: 100%;
padding-top: 15px;
border-radius: var(--border-radius);
background: var(--white);
-webkit-box-shadow: 0px 4px 15px 0px rgba(89, 89, 87, 0.1);
box-shadow: 0px 4px 15px 0px rgba(89, 89, 87, 0.1);
/* display: none; */
z-index: 2;
}
.search-widget__footer {
padding: 15px;
}
.search-widget__result {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 15px;
color: var(--theme-color);
font-weight: var(--font-weight-bold);
border-radius: var(--border-radius);
border: 1px solid var(--theme-color);
}
.search-widget__result:hover {
color: var(--theme-font-color);
background: var(--theme-color);
}
.search-widget__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 320px;
overflow: auto;
}
.search-widget__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 15px;
color: var(--black);
font-weight: var(--font-weight-bold);
}
.search-widget__photo {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
width: 50px;
height: 50px;
border-radius: var(--small-border-radius);
overflow: hidden;
margin-right: 10px;
}
.search-widget__photo img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: contain;
}
@media (min-width: 992px) {
.header {
position: relative;
}
}
.header__city {
margin-right: 23px;
}
.header__contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 991px) {
.header__contacts {
margin-top: 20px;
/* -webkit-box-orient: vertical; */
/* -webkit-box-direction: normal; */
-ms-flex-direction: column;
/* flex-direction: column; */
order: 0;
justify-content: space-between;
}
}
@media (min-width: 992px) {
.header__contacts {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.header__tel {
color: var(--black);
font-weight: 800;
line-height: 20px;
white-space: nowrap;
}
.header__tel:hover {
color: var(--red);
}
.header__callback {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-left: 16px;
padding-left: 16px;
color: var(--black);
font-weight: var(--font-weight-bold);
border-left: 1px solid var(--gray2);
}
.header__callback:hover {
color: var(--red);
}
@media (max-width: 991px) {
.header__callback {
/* margin-top: 10px; */
border: 0;
padding-left: 0;
margin-left: 0;
/* margin-bottom: 10px; */
}
}
.header__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 991px) {
.header__top {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 15px;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100vh;
background: var(--white);
z-index: 4999;
overflow: auto;
padding-bottom: 100px;
}
}
.header__close {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 30px;
height: 30px;
margin-left: auto;
}
.header__close svg {
width: 15px;
height: 15px;
stroke: var(--black);
}
@media (max-width: 991px) {
.header__city {
margin-top: 25px;
margin-right: 0;
order: 1;
}
}
@media (max-width: 991px) {
.header__menu,
.header__city~.menu {
margin: 25px 0 0;
order: 3;
}
}
.header__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 991px) {
.header__content {
padding: 20px 0;
}
.header.fixed .header__content {
padding: 5px 0;
}
}
.header__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header__actions svg {
stroke: var(--black);
fill: transparent;
}
@media (max-width: 991px) {
.header__info {
display: none;
}
}
.header__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin-right: 8px;
}
.header__item a {
text-decoration: none;
}
@media (min-width: 360px) {
.header__item {
margin-right: 10px;
}
}
.header__item:last-child {
margin-right: 0;
}
.header__item svg {
width: 25px;
height: 25px;
}
@media (min-width: 360px) {
.header__item svg {
width: 31px;
height: 31px;
}
}
.header__actions-mobile .header__item svg {
width: 24px;
height: 24px;
}
.header__counter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
left: 15px;
top: -6px;
width: 20px;
height: 20px;
color: var(--white);
font-size: 12px;
font-weight: var(--font-weight-bold);
line-height: 20px;
border-radius: 50%;
background: var(--red);
}
.header__counter.header__counter-active {
background: var(--green);
}
.header__actions-mobile .header__item .header__counter {
left: 26px;
}
.header__search {
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid var(--gray2);
}
.header__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 40%;
width: 165px;
max-height: 100%;
}
.header__logo svg {
max-width: 100%;
}
.header__logo img {
max-width: 100%;
}
.header.fixed {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 5999;
padding: 10px 0;
background: var(--white);
-webkit-box-shadow: 0px 4px 25px 0px rgba(89, 89, 87, 0.15);
box-shadow: 0px 4px 25px 0px rgba(89, 89, 87, 0.15);
}
body:not(.is-menu) .header.fixed .header__top {
display: none;
}
.header__actions-mobile {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: block;
z-index: 5999;
}
.header__actions-mobile .header__actions {
justify-content: space-between;
background: var(--white);
padding: 0;
-webkit-box-shadow: 0px 0px 15px 4px rgba(89, 89, 87, 0.08);
box-shadow: 0px 0px 15px 4px rgba(89, 89, 87, 0.08);
}
.header__actions-mobile .header__actions .header__item {
padding: 20px 15px 25px;
}
.header__actions-mobile .header__actions .header__item:first-child {
padding-left: 25px;
}
.header__actions-mobile .header__actions .header__item:last-child {
padding-right: 25px;
}
.header__actions-mobile .header__actions .header__item .header__counter {
top: 12px;
}
.section__slider:not(.slick-initialized) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.section__slider:not(.js-section-slider) {
/* overflow: hidden; */
}
.section__slider.slick-slider:before,
.section__slider.slick-slider:after {
content: '';
position: absolute;
top: -20px;
left: calc(-100% - 25px);
height: calc(100% + 70px);
width: 100%;
background: var(--white);
z-index: 1;
}
.section__slider.slick-slider:after {
left: auto;
right: calc(-100% - 30px);
}
.section__slider .slick-list {
overflow: visible;
margin: 0 -15px;
}
.section__slide {
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 15px;
padding: 0;
}
@media (min-width: 640px) {
.section__slider.slick-dotted {
margin-bottom: -37px;
}
}
@media (min-width: 992px) {
.section__slider .slick-track {
display: flex;
}
}
.section__banner--fullscreen .section__container {
padding: 0;
max-width: 100%;
}
.banner__slide {
position: relative;
}
.promo-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
height: 100%;
overflow: hidden;
border-radius: var(--border-radius);
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
@media (min-width: 992px) {
.promo-card {
/* height: 365px; */
/* padding: 30px; */
border-radius: var(--border-radius);
}
}
.js-promo-slider .slick-list {
margin: 0;
overflow: hidden;
}
.js-promo-slider.adaptive-height .slick-list {
overflow: visible;
}
.js-promo-slider .banner__slide {
overflow: hidden;
max-width: 100%;
margin: 0;
}
.promo-card__img {
height: 100%;
border-radius: var(--border-radius);
overflow: hidden;
}
.section__banner--fullscreen .promo-card,
.section__banner--fullscreen .promo-card__img {
border-radius: 0;
}
.promo-card__img img,
.promo-card__img video {
/* position: absolute;
left: 0;
right: 0;
top: 0;
object-fit: cover;
z-index: -1;
bottom: 0; */
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
object-position: center;
}
.adaptive-height .promo-card__img img,
.adaptive-height .promo-card__img video {
height: 100%;
}
.promo-card__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
/* height: 100%; */
width: 100%;
padding: 25px;
text-align: center;
color: var(--white);
border-radius: var(--main-border-radius);
}
@media (min-width: 767px) {
.promo-card__data {
padding: 50px 25px;
}
}
@media (min-width: 992px) {
.promo-card__data {
max-width: 735px;
padding: 28px 36px;
height: auto;
}
}
.promo-card__title {
font-size: 32px;
line-height: 38px;
}
@media (min-width: 1200px) {
.promo-card__title {
font-size: 44px;
line-height: 50px;
}
}
.promo-card__caption {
margin-top: 8px;
font-size: 18px;
line-height: 24px;
}
.promo-card__btn {
margin-top: 30px;
}
.more-link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--black);
font-weight: var(--font-weight-bold);
stroke: var(--black);
}
.more-link svg {
margin-left: 8px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.more-link:hover {
text-decoration: underline;
}
.grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -7px -14px;
}
@media (min-width: 992px) {
.grid {
margin: 0 -15px -30px;
}
}
.grid__col {
width: 100%;
padding: 0 7px;
margin-bottom: 14px;
}
.grid__col.col-25 {
width: 50%;
}
@media (min-width: 640px) {
.grid__col.col-3 {
width: 50%;
}
.grid__col.col-6 {
width: 33.33%;
}
.grid__col.col-33 {
width: 50%;
}
.grid__col.col-25 {
width: 50%;
}
}
@media (min-width: 767px) {
.grid__col.col-70 {
width: 50%;
}
.grid__col.col-30 {
width: 50%;
}
}
@media (min-width: 992px) {
.grid__col {
padding: 0 15px;
margin-bottom: 30px;
}
.grid__col.col-70 {
width: 58.2%;
}
.grid__col.col-66 {
width: 66.66%;
}
.grid__col.col-50 {
width: 50%;
}
.grid__col.col-33 {
width: 33.33%;
}
.grid__col.col-30 {
width: 41.8%;
}
.grid__col.col-25 {
width: 33.33%;
}
.grid__col.col-20 {
width: 25%;
}
.grid__col.col-3 {
width: 33.33%;
}
.grid__col.col-6 {
width: 16.66%;
}
}
@media (min-width: 1200px) {
.grid__col.col-33 {
width: 33.33%;
}
.grid__col.col-25 {
width: 25%;
}
.grid__col.col-20 {
width: 20%;
}
}
.grid__short-news {
padding: 15px 0;
border-bottom: 1px solid var(--gray2);
}
@media (min-width: 992px) {
.grid__short-news {
padding: 30px 0;
}
}
.grid__short-news:first-child {
border-top: 1px solid var(--gray2);
}
@media (max-width: 991px) {
.grid__preview-img {
display: none !important;
}
}
.category-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
/* padding: 15px; */
/* min-height: 190px; */
color: var(--black);
border-radius: var(--main-border-radius);
background: var(--gray);
position: relative;
width: 100%;
overflow: hidden;
padding-bottom: 100%;
}
@media (min-width: 1200px) {
.category-card {
/* padding: 22px 24px; */
/* height: 274px; */
/*-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;*/
/* padding-bottom: 66%; */
}
}
.category-card:hover {
-webkit-box-shadow: 0px 4px 25px 0px rgba(89, 89, 87, 0.4);
box-shadow: 0px 4px 25px 0px rgba(89, 89, 87, 0.4);
text-decoration: none;
}
.category-card__img {
/* max-width: 100px; */
margin-top: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: auto;
height: auto;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (min-width: 992px) {
.category-card__img {
/* max-width: 120px; */
}
}
@media (min-width: 1200px) {
.category-card__img {
margin-top: 0;
max-width: 100%;
/* max-height: calc(100% - 65px); */
}
}
.category-card__data {
margin-top: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
z-index: 1;
border-radius: var(--border-radius);
text-decoration: none;
position: absolute;
bottom: 15px;
left: 15px;
width: calc(100% - 30px);
}
.category-card__data.panel--white,
.category-card__data.panel--white {
padding: 15px;
}
.category-card__title {
font-size: 18px;
text-align: center;
}
@media (min-width: 768px) {
.category-card__title {
font-size: 22px;
}
}
@media (min-width: 992px) {
.category-card__title {
font-size: 20px;
}
}
@media (min-width: 1200px) {
.category-card__title {
text-align: left;
font-size: 24px;
}
.category-card__data {
left: 24px;
bottom: 22px;
width: calc(100% - 48px);
}
}
.category-card__more {
display: none;
}
@media (min-width: 1200px) {
.category-card__more {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-top: 15px;
}
}
.category-grid>.grid__col {
/* width: 50%; */
}
@media (min-width: 992px) {
.category-grid .col-100 .category-card {
padding-bottom: 67%;
}
}
@media (min-width: 1200px) {
.category-grid .col-100 .category-card {
/*-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; */
/* height: 420px; */
/* padding: 30px 26px; */
}
.category-grid .col-100 .category-card__data {
left: 30px;
bottom: 26px;
width: calc(100% - 60px);
}
}
@media (min-width: 1200px) {
.category-grid .col-100 .category-card__img {
margin: 0 0 0 auto;
/* max-width: 50%; */
max-height: 100%;
}
}
.section {
margin-bottom: 35px;
position: relative;
}
@media (min-width: 1200px) {
.section {
margin-bottom: 110px;
}
.section__banner {
/* margin-bottom: 55px; */
}
}
@media (max-width: 480px) {
.section.has-slider .section__header {
padding-right: 75px;
}
}
.has-slider .section__container {
/* overflow-y: visible;
overflow-x: hidden; */
}
.section__header {
margin-bottom: 25px;
}
@media (min-width: 640px) {
.section__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 992px) {
.section__header {
margin-bottom: 45px;
}
}
.section__nav-list {
margin-bottom: 25px;
}
@media (min-width: 992px) {
.section__nav-list {
margin-bottom: 45px;
}
}
.section__page-nav {
margin-top: 35px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section__services-card {
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid var(--gray2);
}
@media (min-width: 992px) {
.section__services-card {
padding-bottom: 30px;
margin-bottom: 30px;
}
.section__page-nav {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 48px;
}
}
.section .tns-controls,
.section .slick-arrow {
position: absolute;
right: 0;
top: -52px;
}
.section .slick-arrow.slick-prev {
margin-right: 35px;
}
.js-recomend-slider .slick-list {
margin: 0 -7.5px;
}
.js-recomend-slider .section__slide {
margin: 0 7.5px;
}
@media (min-width: 992px) {
.section .tns-controls,
.section .slick-arrow {
top: -78px;
}
}
@media (max-width: 639px) {
.section.has-arrow {
position: relative;
padding-bottom: 70px;
}
.section.has-arrow .section__more {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 80%;
max-width: 300px;
padding: var(--button-sm-padding-vertical) 25px;
border-radius: var(--border-radius);
border: 1px solid var(--black);
}
}
.js-section-slider {
z-index: 3;
overflow: visible;
}
.js-section-slider:not(.slick-initialized) {
display: flex;
}
.counter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
height: var(--button-height);
background: var(--gray);
border-radius: var(--border-radius);
font-size: 125%;
}
.counter__value {
color: var(--gray4);
/* font-size: 125%; */
line-height: 26px;
min-width: 30px;
text-align: center;
outline: none;
}
input.counter__value {
-webkit-appearance: none;
appearance: none;
background: none;
border: none;
width: 70px;
text-align: center;
}
.counter__value-content {
display: flex;
align-items: center;
}
.counter__value-measure {
margin-left: 10px;
/* font-size: 125%; */
}
.counter__button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 60px;
height: 100%;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
stroke: var(--gray4);
}
.counter__button:hover {
background: var(--gray2);
border-radius: var(--border-radius);
}
.product-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
position: relative;
z-index: 1;
}
@media (min-width: 992px) {
.product-card:hover {
z-index: 999;
}
}
.product-card__photo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
padding-bottom: 75%;
/* max-height: 356px; */
position: relative;
border-radius: var(--main-border-radius);
overflow: hidden;
margin-bottom: 12px;
padding-bottom: 100%;
}
.product-card>.product-card__photo {
margin-bottom: 32px;
}
@media (min-width: 992px) {
.product-card__photo {
/* padding-bottom: 80%; */
}
}
@media (min-width: 1200px) {
.product-card__photo {
/* padding-bottom: 0; */
/* height: 356px; */
}
}
.product-card__photo img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
background: var(--white);
}
.product-card__badge {
position: absolute;
left: 16px;
top: 16px;
z-index: 5;
}
.product-card__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
right: 0px;
top: 15px;
z-index: 5;
}
.product-card__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 34px;
height: 34px;
-ms-flex-negative: 0;
flex-shrink: 0;
border: 0;
padding: 5px;
outline: none;
stroke: var(--black);
cursor: pointer;
border-radius: 50%;
background: rgba(255, 255, 255, 0.5);
}
.product-card__btn:not(:last-child) {
margin-bottom: 12px;
}
.product-card__btn svg {
max-width: 100%;
max-height: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
fill: transparent;
stroke: #140106;
}
.product-card__btn.is-active svg {
fill: #140106;
}
.product-card__price {
margin-bottom: 8px;
}
.product-card__status {
/* margin-bottom: 8px; */
}
.product-status:before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='pencil' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M10.2413 2.73045L11.366 1.60512C11.6005 1.37067 11.9184 1.23895 12.25 1.23895C12.5816 1.23895 12.8995 1.37067 13.134 1.60512C13.3685 1.83957 13.5002 2.15755 13.5002 2.48912C13.5002 2.82068 13.3685 3.13867 13.134 3.37312L6.05467 10.4524C5.70222 10.8047 5.26758 11.0636 4.79 11.2058L3 11.7391L3.53333 9.94912C3.67552 9.47154 3.93442 9.0369 4.28667 8.68445L10.2413 2.73045ZM10.2413 2.73045L12 4.48912M11 9.07245V12.2391C11 12.6369 10.842 13.0185 10.5607 13.2998C10.2794 13.5811 9.89782 13.7391 9.5 13.7391H2.5C2.10218 13.7391 1.72064 13.5811 1.43934 13.2998C1.15804 13.0185 1 12.6369 1 12.2391V5.23912C1 4.84129 1.15804 4.45976 1.43934 4.17846C1.72064 3.89715 2.10218 3.73912 2.5 3.73912H5.66667' stroke='%23E12D06' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-size: 16px 16px;
margin: 0 5px 3px 0;
}
.product-status.is-success:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='check' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 5.5L5 9.5L11 0.5' stroke='%2323A41F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.product-card__title-container {
display: flex;
align-items: center;
height: 35px;
overflow: hidden;
margin-bottom: 8px;
}
.product-card__title {
display: block;
display: -webkit-box;
/* margin-bottom: 8px; */
color: var(--black);
font-family: var(--main-font);
font-weight: var(--font-weight-bold);
line-height: 20px;
/* height: 25px; */
/* align-items: center; */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.product-card__title:hover {
text-decoration: underline;
}
.product-card__size {
margin-bottom: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-card__wrapper .product-card__size:first-child {
padding-top: 18px;
}
.product-card__wrapper .product-card__size:last-child {
margin-bottom: 0;
}
.product-card__container {
padding-top: 18px;
}
.product-card__counter {
margin-bottom: 10px;
}
.product-card__add-to-cart {
width: 100%;
min-width: 100%;
}
.product-card__basket {
display: none;
}
.is-available .product-card__basket {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.is-available .product-card__subscribe {
display: none;
}
.is-available .product-card__subscribe.product-card__unsubscribe {
display: inline-flex;
margin-top: 10px;
}
.product-card__wrapper {
margin-top: auto;
background: var(--white);
}
.product-card__wrapper .size-widget__item {
/* margin-bottom: 0; */
}
.product-card__inner.is-available [data-quantity-cart] .product-card__counter {
display: none !important;
margin-bottom: 0;
}
.active-cart .product-card__inner [data-quantity-cart] .product-card__add-to-cart {
order: -1;
pointer-events: none;
width: auto;
min-width: auto;
background: none;
color: var(--black);
padding: 0;
border: none;
display: none;
}
.active-cart .product-card__inner [data-quantity-cart] .product-card__counter {
display: flex !important;
/* width: auto; */
margin-left: auto;
}
.product__btns--mini .product-card__container {
display: flex;
justify-content: space-between;
}
.product__btns--mini .product-card__container .counter {
width: calc(100% - var(--button-height) - 5px)
}
.product__btns--mini .product-card__container .product-card__basket,
.product__btns--mini .product-card__container .product-card__subscribe,
.product__btns--mini__sync .product-card__container .btn.product-card__basket,
.product__btns--mini__sync .product-card__container .btn.product-card__subscribe {
font-size: 0;
border-radius: var(--round-border-radius);
width: var(--button-height);
height: var(--button-height);
min-width: var(--button-height);
margin-left: auto;
min-height: var(--button-height);
padding: var(--input-padding-vertical);
}
.product__btns--mini .product-card__basket:before,
.product__btns--mini .product-card__subscribe:before,
.product__btns--mini__sync .product-card__basket:before,
.product__btns--mini__sync .product-card__subscribe:before {
content: '';
background-image: url('data:image/svg+xml,');
display: block;
width: 25px;
height: 25px;
position: absolute;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.product__btns--mini .product-card__subscribe:before,
.product__btns--mini__sync .product-card__subscribe:before {
background-image: url('data:image/svg+xml,');
}
.product__btns--mini .product-card__unavailable,
.product__btns--mini__sync .product-card__unavailable {
display: none !important;
}
.product__btns--mini__sync .product-card__inner,
.product__btns--mini__sync .product-card__wrapper {
position: relative;
}
.product__btns--mini__sync .product-card__container {
position: absolute;
padding: 0;
}
.product__btns--mini:not(.product__has-offers) .counter__button,
.product__btns--mini__sync .counter__button {
font-size: 14px;
width: 40px;
}
.product__btns--mini:not(.product__has-offers) .counter__button svg,
.product__btns--mini__sync .counter__button svg {
width: 18px;
}
.product__btns--mini:not(.product__has-offers) .counter__value-content,
.product__btns--mini__sync .counter__value-content {
padding: 0 10px;
}
.product__btns--mini:not(.product__has-offers) .counter__value-measure,
.product__btns--mini__sync .counter__value-measure {
display: none;
}
.product__btns--mini:not(.product__has-offers) .counter__value,
.product__btns--mini__sync .counter__value {
font-size: 17px;
}
.product__btns--mini__sync .product-card__container {
top: -50px;
right: 0px;
}
.product__btns--mini__sync.product__has-offers .product-card__sku {
width: calc(100% - var(--button-height))
}
.product__btns--mini__sync.product__has-offers.active-cart .product-card__sku {
width: 100%;
}
.product__btns--mini__sync.product__has-offers .product-card__container {
top: calc(100% - var(--button-height));
right: 0;
}
/*--------------------*/
.main__grid .col-100 .product-card {
-webkit-box-orient: horizontal;
-webkit-box-direction: unset;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
padding: 0;
}
.main__grid .col-100 .product-card .product-card__container .counter,
.main__grid .col-100 .product-card .product-card__container .btn {
max-width: 200px;
min-width: unset;
margin-right: auto;
margin-left: 0;
}
.main__grid .col-100 .product-card .product-card__photos {
width: 25%;
}
.main__grid .col-100 .product-card .product-card__inner {
width: 75%;
display: flex;
/* flex-direction: column; */
padding-left: 20px;
position: static;
justify-content: space-between;
}
.main__grid .col-100 .product-card .product-card__inner-info {
display: flex;
flex-direction: column;
}
.main__grid .col-100 .product-card .product-card__wrapper {
margin-top: 0;
}
.main__grid .col-100 .product-card .product-card__title {
order: -1;
padding-top: 24px;
font-size: 20px;
margin-bottom: 15px;
}
.main__grid .col-100 .product-card .product-card__info {
margin-bottom: 15px;
}
.product-card .product-card__properties {
margin-bottom: 15px;
font-size: 15px;
}
.main__grid .col-100 .product-card .product-card__status {
order: 3;
/* margin-bottom: 25px; */
}
.main__grid .col-100 .product-card__container {
flex-direction: row;
/* display: flex; */
}
.main__grid .col-100 .product__btns--mini__sync .product-card__inner,
.main__grid .col-100 .product__btns--mini__sync .product-card__wrapper {
position: static;
}
.main__grid .col-100 .product__btns--mini__sync.product__has-offers.active-cart .product-card__container {
position: static;
}
.main__grid .col-100 .product__btns--mini__sync.product__has-offers:not(.active-cart) .product-card__sku {
width: auto;
}
.main__grid .col-100 .product__btns--mini__sync:not(.product__has-offers) .product-card__container {
top: auto;
bottom: 0;
}
@media (min-width: 992px) {
.product__exp--hvr .product-card__container {
/* position: absolute; */
width: 100%;
}
.product__exp--hvr .product-card__container {
display: none;
}
.product__exp--hvr:hover .product-card__container,
.product__exp--hvr.product__btns--mini__sync.active-cart:not(.product__has-offers) .product-card__container {
display: flex;
flex-direction: column;
}
.product__exp--hvr.product__btns--mini:hover .product-card__container,
.product__exp--hvr.product__btns--mini__sync:hover .product-card__container {
flex-direction: row;
}
.product__exp--hvr.product__btns--mini__sync .product-card__container {
width: auto;
}
.product__exp--hvr.product__btns--mini__sync.product__has-offers.active-cart .product-card__container {
position: absolute;
width: 100%;
top: 100%;
}
.product__offers--hvr .product-card__sku {
display: none;
}
.product__offers--hvr:hover .product-card__sku {
display: block;
}
.product__offers--hvr:hover .product-card__wrapper,
.product__exp--hvr:hover .product-card__wrapper {
position: absolute;
top: auto;
width: 100%;
}
.product__offers--hvr.product__btns--mini__sync:hover .product-card__wrapper {
top: 100%;
}
.product__offers--hvr.product__btns--mini__sync.product__has-offers:not(.active-cart) .product-card__container {
position: relative;
text-align: right;
margin-top: 0;
}
.product__offers--hvr.product__btns--mini__sync.product__has-offers:not(.active-cart):hover .product-card__container {
position: absolute;
top: calc(100% - var(--button-height));
}
.product__offers--hvr.product__btns--mini__sync.product__has-offers.active-cart .product-card__container {
position: absolute;
width: 100%;
}
.product__offers--hvr.product__btns--mini__sync.product__has-offers.active-cart:hover .product-card__container {
position: relative;
}
.product__offers--hvr.product__btns--mini:hover .product-card__wrapper {
top: auto;
}
.product__offers--hvr.product__exp--hvr.product__btns--mini__sync:not(.product__has-offers) .product-card__container {
position: absolute;
}
.product-card__border::before {
content: "";
position: absolute;
left: -20px;
top: -15px;
bottom: -24px;
right: -20px;
background: var(--white);
z-index: -1;
border-radius: var(--card-border-radius);
-webkit-box-shadow: 0px 4px 25px 0px rgba(89, 89, 87, 0.15);
box-shadow: 0px 4px 25px 0px rgba(89, 89, 87, 0.15);
opacity: 0;
}
.product-card__border:hover::before {
opacity: 1;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.product-card__border.product__offers--hvr:hover .product-card__wrapper:after,
.product-card__border.product__exp--hvr:hover .product-card__wrapper:after {
content: "";
width: calc(100% + 40px);
height: calc(100% + 30px);
position: absolute;
left: -20px;
right: -20px;
top: 0;
background: var(--white);
z-index: -1;
-webkit-transition: 0.1s;
transition: 0.1s;
border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
-webkit-box-shadow: 0px 20px 25px 0px rgba(89, 89, 87, 0.15);
box-shadow: 0px 20px 25px 0px rgba(89, 89, 87, 0.15)
}
.main__grid .col-100 .product__offers--hvr:hover .product-card__wrapper,
.main__grid .col-100 .product__exp--hvr:hover .product-card__wrapper {
width: auto;
position: static;
}
.main__grid .col-100 .product__offers--hvr.product__exp--hvr.product__btns--mini__sync:not(.product__has-offers) .product-card__container {
position: relative;
}
.main__grid .col-100 .product-card__border.product__btns--mini__sync.product__has-offers.active-cart:hover .product-card__container:after,
.main__grid .col-100 .product-card__border.product__offers--hvr:hover .product-card__wrapper:after {
content: none;
}
.main__grid .col-100 .product__offers--hvr.product__btns--mini__sync.product__has-offers.active-cart:hover .product-card__container {
position: absolute;
top: calc(100% - var(--button-height));
width: auto;
right: 0;
}
}
@media (max-width: 991px) {
.product-card .hvr__sectors,
.product-card .hvr__dots {
display: none;
}
}
.product-card .hvr__dots {
margin-bottom: 12px;
position: absolute;
width: 100%;
bottom: -25px;
}
.product-status {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--red);
font-size: 14px;
line-height: 20px;
}
.product-status svg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 5px;
stroke: var(--red);
}
.product-status.is-success {
color: var(--green);
}
.product-status.is-success svg {
stroke: var(--green);
}
.price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--black);
font-size: 20px;
font-weight: 700;
line-height: 22px;
white-space: nowrap;
}
.price__old {
margin-left: 14px;
color: var(--gray4);
font-size: 14px;
font-weight: var(--font-weight-bold);
line-height: 20px;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
}
.price__discount {
margin-left: 10px;
color: var(--red);
font-size: 14px;
font-weight: var(--font-weight-bold);
line-height: 20px;
}
.price__economy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--gray4);
font-size: 14px;
font-weight: var(--font-weight-bold);
line-height: 20px;
}
.price__economy span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 4px 6px;
margin-left: 5px;
color: var(--white);
font-size: 14px;
font-weight: var(--font-weight-bold);
line-height: 14px;
white-space: nowrap;
background: var(--red);
border-radius: var(--small-border-radius);
}
.hvr {
position: relative;
}
.hvr__images {
position: relative;
}
.hvr__sectors {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hvr__sector {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.image {
-webkit-transition: 0.15s;
transition: 0.15s;
opacity: 0;
}
.image:first-child:not(.is-visible) {
opacity: 1;
}
/* Once the hover gallery is initialized, only its explicitly active image
may stay visible. This prevents the first image from remaining underneath
every subsequent image. */
.hvr__images .image:first-child:not(.is-visible) {
opacity: 0;
}
.image.is-visible {
opacity: 1;
}
.hvr__dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.hvr__dot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 8px;
height: 8px;
-webkit-transition: 0.5s;
transition: 0.5s;
border-radius: 50%;
border: 1px solid var(--gray2);
margin-right: 4px;
}
.hvr__dot:last-child {
margin-right: 0;
}
.hvr__dot--active {
-webkit-transition: 0.5s;
transition: 0.5s;
background: var(--gray2);
}
.size-widget {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/* margin-right: -10px; */
}
.size-widget__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 6px;
margin-bottom: 8px;
padding: 4px 8px;
-webkit-transition: 0.5s;
transition: 0.5s;
border-radius: var(--small-border-radius);
border: 1px solid var(--gray2);
min-width: 32px;
height: 32px;
font-size: 90%;
}
.size-widget__item:hover {
cursor: pointer;
/* -webkit-transition: 0.5s; */
/* transition: 0.5s; */
/* background: var(--gray); */
}
.size-widget__item.is-active,
.size-widget__item[data-active] {
-webkit-transition: 0.5s;
transition: 0.5s;
color: var(--theme-font-color);
background: var(--theme-color);
border-color: var(--theme-color);
}
.product-card__sku .size-widget .size-widget__item:last-child {
margin-right: 0;
}
.size-widget__imagetext {
/* width: 100%; */
display: flex;
margin-bottom: 10px;
align-items: center;
margin-right: 10px;
}
.size-widget__item input,
.size-widget__image input {
display: none;
}
input:checked+.size-widget__item {
border-color: var(--blackabs);
position: relative;
}
input:checked+.size-widget__item:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='check' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 5.5L5 9.5L11 0.5' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 70%;
background-position: center;
background-color: #ffffff75;
}
.size-widget__image .size-widget__item {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
margin-right: 5px;
}
.product-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-info__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
color: var(--gray4);
font-size: 14px;
font-weight: var(--font-weight-bold);
line-height: 20px;
}
.product-info__item svg {
margin-right: 4px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.product-info__item:not(:last-child) {
margin-right: 15px;
}
.product-info__item.is-comments {
stroke: var(--gray4);
}
.badge-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -4px;
margin-bottom: -4px;
}
.badge-list__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px 10px;
margin-right: 4px;
margin-bottom: 4px;
color: var(--theme-font-color);
font-size: 12px;
font-weight: var(--font-weight-bold);
line-height: 12px;
letter-spacing: 0.6px;
text-transform: uppercase;
border-radius: var(--small-border-radius);
background: var(--theme-color);
}
.recomend-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 450px;
padding: 24px;
position: relative;
border-radius: var(--border-radius);
overflow: hidden;
}
.recomend-card:hover {
text-decoration: none !important;
}
@media (min-width: 1200px) {
.recomend-card {
height: 540px;
}
}
.recomend-card.is-large {
max-height: 430px;
}
.recomend-card::before {
content: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
background: var(--black);
opacity: 0.25;
z-index: -1;
}
.recomend-card:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.recomend-card__img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: -21;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.recomend-card__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin-top: auto;
padding: 8px 16px;
color: var(--white);
border-radius: var(--border-radius);
background: var(--black-transparent);
}
.recomend-card__title {
max-width: 220px;
}
.recomend-card__caption {
margin-top: 8px;
}
.type-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
border-radius: var(--card-border-radius);
overflow: hidden;
height: 100%;
padding: 15px 15px 110px 15px;
}
@media (min-width: 992px) {
.type-card {
padding: 30px 32px 110px;
}
}
@media (min-width: 1200px) {
.type-card {
padding-bottom: 182px;
}
}
@media (min-width: 767px) {
.type-card.is-large {
padding: 50px 50px;
}
}
@media (min-width: 1200px) {
.type-card.is-large {
padding: 106px 52px;
}
}
.type-card.is-large .type-card__data {
max-width: 655px;
}
.type-card img,
.type-card video {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: -1;
}
.type-card__data {
padding: 15px;
color: var(--black);
border-radius: var(--main-border-radius);
}
@media (min-width: 992px) {
.type-card__data {
padding: 18px 22px;
}
}
@media (min-width: 1200px) {
.type-card__data {
max-width: 96.5%;
padding: 22px 28px;
}
}
.type-card__caption {
margin-top: 8px;
color: var(--gray4);
}
@media (min-width: 1200px) {
.type-card__caption {
font-size: 18px;
line-height: 24px;
}
}
.type-card__btn {
min-width: none;
width: 100%;
margin-top: 20px;
max-width: 220px;
}
@media (min-width: 1200px) {
.type-card__btn {
margin-top: 30px;
}
}
.short-news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 767px) {
.short-news__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.short-news__title {
color: var(--black);
}
.short-news__date {
margin-top: 10px;
color: var(--black);
font-size: 14px;
line-height: 20px;
}
@media (min-width: 767px) {
.short-news__date {
margin-top: 0;
margin-left: 15px;
}
}
.short-news__text {
font-size: 14px;
margin-top: 10px;
color: var(--gray4);
}
@media (min-width: 767px) {
.short-news__text {
margin-top: 15px;
font-size: 16px;
}
}
.preview-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
overflow: hidden;
border-radius: var(--main-border-radius);
width: 100%;
height: 100%;
object-fit: cover;
}
.user {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.user__photo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-right: 10px;
width: 43px;
height: 43px;
border-radius: 50%;
background: var(--gray);
}
.user__photo img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.user__name {
color: var(--black);
font-weight: var(--font-weight-bold);
}
.user__date {
color: var(--gray4);
font-size: 12px;
line-height: 18px;
/* 150% */
}
.rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rating__item {
max-width: 16px;
margin-right: 4px;
filter: grayscale(1);
}
.rating__item.is-active {
filter: none;
}
.rating__item:last-child {
margin-right: 0;
}
.review-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.review-card::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
display: block;
width: 49px;
height: 39px;
margin-bottom: 25px;
background-image: url("data:image/svg+xml,%3Csvg width='49' height='39' viewBox='0 0 49 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.34 38.9V26.12C0.34 21.2 1.12 16.64 2.68 12.44C4.36 8.23999 7.18 4.09999 11.14 0.0199955L18.16 5.23999C15.52 8.11999 13.6 10.82 12.4 13.34C11.2 15.74 10.48 18.14 10.24 20.54H18.7V38.9H0.34ZM30.22 38.9V26.12C30.22 21.2 31 16.64 32.56 12.44C34.24 8.23999 37.06 4.09999 41.02 0.0199955L48.04 5.23999C45.4 8.11999 43.48 10.82 42.28 13.34C41.08 15.74 40.36 18.14 40.12 20.54H48.58V38.9H30.22Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A");
}
.review-card.is-large {
padding: 30px 0;
border-top: 1px solid var(--gray2);
}
.review-card.is-large::before {
display: none;
}
.review-card.is-large .review-card__header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 767px) {
.review-card.is-large .review-card__body {
/* margin-left: auto; */
/* width: 630px; */
}
}
@media (min-width: 576px) {
.review-card__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
}
@media (min-width: 640px) {
.review-card__right {
gap: 24px;
}
}
.review-card__answer-card {
padding: 30px 0;
margin-top: 30px;
border-top: 1px solid var(--gray2);
}
.review-card__answer-card::before {
display: none;
}
.review-card__answer-card:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.review-card__answer-card .review-card__body {
max-width: inherit !important;
}
.review-card__data {
font-size: 14px;
color: var(--gray4);
}
@media (min-width: 767px) {
.review-card__data {
font-size: inherit;
}
}
.review-card__images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 6px;
margin-top: 15px;
}
.review-card__img {
position: relative;
width: 110px;
height: 110px;
border-radius: var(--border-radius);
overflow: hidden;
}
.review-card__img img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.review-card__answer {
margin-top: 30px;
color: var(--black);
font-weight: var(--font-weight-bold);
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.review-card__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.review-card__text {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.review-card__text.expanded {
-webkit-line-clamp: unset;
}
.review-card__text-block {
margin-bottom: 10px
}
.review-card__text-block .h4 {
font-size: 17px;
color: var(--black);
}
.review-card__body {
margin-top: 20px;
color: var(--gray4);
}
.review-card__body .h4 {
margin-bottom: 5px;
}
.review-card__body.is-active .review-card__show-all {
display: none;
}
.review-card__body.is-active .review-card__text {
-webkit-line-clamp: inherit;
}
.review-card__show-all {
color: var(--black);
cursor: pointer;
font-weight: var(--font-weight-bold);
text-decoration: underline;
margin-top: 10px;
}
.mission-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px;
background: var(--gray);
border-radius: var(--card-border-radius);
}
@media (min-width: 992px) {
.mission-card {
padding: 48px 40px 70px;
}
}
.mission-card__text {
margin-top: 24px;
color: var(--gray4);
}
.mission-card__more {
margin-top: 24px;
}
@media (min-width: 767px) {
.mission-card__more {
margin-top: 32px;
}
}
.marquee {
/* display: -webkit-box; */
display: -ms-flexbox;
/* display: flex; */
-ms-flex-wrap: nowrap;
/* flex-wrap: nowrap; */
padding: 20px 0;
border-top: 1px solid var(--gray2);
border-bottom: 1px solid var(--gray2);
/* overflow: hidden; */
}
@media (min-width: 992px) {
.marquee {
padding: 40px 0;
}
}
.marquee__list:not(.slick-slider) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.marquee__list.slick-slider .slick-track {
display: flex;
}
.marquee__list a {
display: flex;
align-items: center;
width: 100%;
height: 100%;
justify-content: center;
}
.marquee__item {
-ms-flex-negative: 0;
flex-shrink: 0;
/* margin-right: 50px; */
max-height: 100px;
max-width: 80%;
margin: 0 auto;
}
@media (min-width: 992px) {
.marquee__item {
/* margin-right: 150px; */
}
}
.store-list {
position: relative;
}
@media (min-width: 767px) {
.store-list {
padding: 50px 70px;
border-radius: var(--card-border-radius);
overflow: hidden;
min-height: 500px;
}
}
@media (min-width: 992px) {
.store-list {
padding: 50px 70px 65px;
}
}
@media (min-width: 992px) {
.store-list.is-big {
height: 500px;
}
}
.store-list.is-big .store-list__data {
margin: 0 auto;
width: auto;
}
@media (min-width: 992px) {
.store-list.is-big .store-list__data {
padding: 30px 36px 30px 24px;
}
}
.store-list__map {
max-width: 100%;
margin-bottom: 20px;
}
@media (min-width: 767px) {
.store-list__map {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
/* z-index: -1; */
}
}
.store-list__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 2;
position: relative;
overflow: auto;
max-height: 500px;
}
@media (min-width: 767px) {
.store-list__data {
padding: 30px;
border-radius: var(--card-border-radius);
background: var(--white);
max-width: 535px;
}
}
@media (min-width: 992px) {
.store-list__data {
padding: 50px 15px 40px 40px;
}
}
.store-list__list {
margin-top: 20px;
}
@media (min-width: 767px) {
.store-list__list {
max-height: 400px;
overflow: auto;
}
}
@media (min-width: 992px) {
.store-list__list {
margin-top: 32px;
max-height: 445px;
}
}
.store-list__list::-webkit-scrollbar {
width: 5px;
}
.store-list__list::-webkit-scrollbar-thumb {
background-color: var(--gray2);
}
.store-list__list::-webkit-scrollbar-button {
display: none;
}
.store-list__list::-webkit-scrollbar-track {
background-color: transparent;
}
.store-list__list::-moz-scrollbar {
width: 5px;
}
.store-list__list::-moz-scrollbar-thumb {
background-color: var(--gray2);
}
.store-list__list::-moz-scrollbar-button {
display: none;
}
.store-list__list::-moz-scrollbar-track {
background-color: transparent;
}
.store-list__list::-webkit-scrollbar {
width: 5px;
background-color: transparent;
}
.store-list__list::-webkit-scrollbar-thumb {
background-color: var(--gray2);
}
.store-list__item {
margin-bottom: 22px;
min-height: 42px;
}
.store-list__item:last-child {
margin-bottom: 0;
}
@media (min-width: 767px) {
.store-list__item {
max-width: 415px;
}
}
.store-card {
padding-left: 54px;
position: relative;
}
.store-card::before {
content: "";
width: 42px;
height: 42px;
display: block;
position: absolute;
left: 0;
top: 0;
background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.25 18.375C26.25 19.7674 25.6969 21.1027 24.7123 22.0873C23.7277 23.0719 22.3924 23.625 21 23.625C19.6076 23.625 18.2723 23.0719 17.2877 22.0873C16.3031 21.1027 15.75 19.7674 15.75 18.375C15.75 16.9826 16.3031 15.6473 17.2877 14.6627C18.2723 13.6781 19.6076 13.125 21 13.125C22.3924 13.125 23.7277 13.6781 24.7123 14.6627C25.6969 15.6473 26.25 16.9826 26.25 18.375Z' stroke='%23595957' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34.125 18.375C34.125 30.8735 21 38.0625 21 38.0625C21 38.0625 7.875 30.8735 7.875 18.375C7.875 14.894 9.25781 11.5556 11.7192 9.09422C14.1806 6.63281 17.519 5.25 21 5.25C24.481 5.25 27.8194 6.63281 30.2808 9.09422C32.7422 11.5556 34.125 14.894 34.125 18.375Z' stroke='%23595957' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.store-card__place {
margin-bottom: 12px;
cursor: pointer;
max-width: 300px;
}
.store-card__phone,
.store-card__info {
margin-top: 3px;
color: var(--gray4);
font-size: 14px;
line-height: 20px;
}
.store-card__phone {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
/* margin-top: 12px; */
}
.store-card__link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-top: 8px;
color: var(--gray4);
font-size: 14px;
font-weight: var(--font-weight-bold);
line-height: 20px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.store-card__link:hover {
text-decoration: none !important;
}
.feedback {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 24px;
margin: 0 -24px;
border-radius: var(--card-border-radius);
background: var(--gray);
}
@media (min-width: 767px) {
.feedback {
margin: 0;
padding: 45px 45px 50px;
text-align: center;
}
}
.feedback__title {
margin-bottom: 20px;
}
@media (min-width: 767px) {
.feedback__title {
margin-bottom: 38px;
}
}
.feedback__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
max-width: 750px;
}
@media (min-width: 767px) {
.feedback__form {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.feedback__form .error-message {
display: none;
}
.feedback__input {
padding: var(--input-padding-vertical) 15px;
width: 100%;
height: var(--input-height);
border-radius: var(--border-radius);
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid var(--gray2);
outline: none;
font-size: 14px;
color: var(--dark);
background: transparent;
}
.feedback__input:focus {
border-color: var(--black);
}
.feedback__input::-webkit-input-placeholder {
color: var(--gray4);
}
.feedback__input::-moz-placeholder {
color: var(--gray4);
}
.feedback__input:-ms-input-placeholder {
color: var(--gray4);
}
.feedback__input::-ms-input-placeholder {
color: var(--gray4);
}
.feedback__input::placeholder {
color: var(--gray4);
}
@media (min-width: 767px) {
.feedback__input {
border-radius: var(--border-radius) 0 0 var(--border-radius);
}
}
.feedback__send {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
height: var(--input-height);
font-weight: var(--font-weight-bold);
color: var(--theme-font-color);
background: var(--theme-color);
border: 1px solid var(--theme-color);
border-radius: var(--border-radius);
}
.feedback__send:hover {
color: var(--black);
background: transparent;
}
@media (min-width: 767px) {
.feedback__send {
margin-top: 0;
width: 166px;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
}
.feedback__policy {
margin-top: 20px;
color: var(--gray4);
font-size: 12px;
line-height: 18px;
width: 100%;
max-width: 750px;
}
.feedback__policy a {
color: inherit;
text-decoration: underline;
}
@media (min-width: 767px) {
.feedback__policy {
margin-top: 12px;
}
}
.feedback__socials {
margin-top: 30px;
}
.socials__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
list-style-type: none;
}
.socials__item {
margin-right: 15px;
}
.socials__item:last-child {
margin-right: 0;
}
.socials__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
fill: var(--gray4);
stroke: var(--gray4);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.socials__link .fill-bg {
-webkit-transition: 0.5s;
transition: 0.5s;
fill: var(--gray4);
}
.socials__link:hover {
fill: var(--black);
stroke: var(--black);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.socials__link:hover .fill-bg {
-webkit-transition: 0.5s;
transition: 0.5s;
fill: var(--black);
}
.footer {
padding: 30px 0 120px;
background: var(--footer-color);
overflow-x: hidden;
}
@media (min-width: 992px) {
.footer {
padding: 70px 0 30px;
}
}
.footer__title {
margin-bottom: 32px;
padding-bottom: 10px;
position: relative;
color: var(--white);
font-family: var(--main-font);
font-weight: var(--font-weight-bold);
line-height: 20px;
}
.footer__title::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 45px;
height: 2px;
background: var(--white);
}
.footer__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 0 30px 0;
padding: 0;
list-style-type: none;
max-height: 300px;
flex-wrap: wrap;
}
.footer__item {
margin-bottom: 10px;
margin-right: 20px;
}
.footer__item:last-child {
margin-bottom: 0;
}
.footer__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/* color: var(--gray2); */
color: var(--gray2);
max-width: 300px;
}
.footer__link svg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-right: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
/* stroke: var(--gray2); */
stroke: var(--gray2);
}
@media (min-width: 992px) {
.footer__link svg {
margin-right: 15px;
}
}
a.footer__link:hover {
text-decoration: underline;
color: var(--white);
}
.footer__bottom {
margin-top: 30px;
padding-top: 30px;
/* border-top: 1px solid var(--gray2); */
border-top: 1px solid var(--gray2);
}
@media (min-width: 767px) {
.footer__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 992px) {
.footer__bottom {
padding-top: 40px;
margin-top: 40px;
padding-bottom: 0;
}
}
.footer__copyright {
/* color: var(--gray2); */
color: var(--gray2);
}
.footer__copyright a {
color: var(--gray2);
font-weight: bold;
}
.footer__payment {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
margin-right: -16px;
margin-bottom: -10px;
}
@media (min-width: 767px) {
.footer__payment {
margin-top: 0;
}
}
@media (min-width: 992px) {
.footer__payment {
margin-bottom: 0;
margin-right: 0;
}
}
.footer__payment::before {
content: attr(data-title);
/* color: var(--gray2); */
margin-right: 15px;
width: 100%;
margin-bottom: 20px;
color: var(--gray2);
}
@media (min-width: 992px) {
.footer__payment::before {
width: auto;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.footer__payment::before {
margin-right: 30px;
}
}
.footer__payment img {
margin-right: 16px;
margin-bottom: 10px;
}
@media (min-width: 992px) {
.footer__payment img {
margin-bottom: 0;
}
.footer__payment img:last-child {
margin-right: 0;
}
}
@media (min-width: 767px) {
.footer__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 -5px;
}
}
@media (min-width: 767px) {
.footer__col {
padding: 0 5px;
}
}
.footer .socials__link {
/* fill: var(--gray2); */
/* stroke: var(--gray2); */
-webkit-transition: 0.5s;
transition: 0.5s;
fill: var(--gray2);
stroke: var(--gray2);
}
.footer .socials__link .fill-bg {
-webkit-transition: 0.5s;
transition: 0.5s;
/* fill: var(--gray2); */
fill: var(--gray2);
}
.footer .socials__link:hover {
fill: var(--white);
stroke: var(--white);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.footer .socials__link:hover .fill-bg {
-webkit-transition: 0.5s;
transition: 0.5s;
fill: var(--white);
}
.shop-info {
margin: 0 -15px;
padding: 20px;
border-radius: var(--card-border-radius);
background: var(--gray);
}
@media (min-width: 767px) {
.shop-info {
margin: 0;
padding: 50px 30px 75px;
}
}
@media (min-width: 992px) {
.shop-info {
border-radius: var(--card-border-radius);
}
}
@media (min-width: 1200px) {
.shop-info {
padding: 50px 110px 75px;
}
}
.shop-info__title {
text-align: center;
margin-bottom: 25px;
}
@media (min-width: 992px) {
.shop-info__title {
margin-bottom: 45px;
}
}
@media (min-width: 992px) {
.shop-info__grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -15px;
}
}
.shop-info__col {
margin-bottom: 20px;
}
.shop-info__col:last-child {
margin-bottom: 0;
}
@media (min-width: 992px) {
.shop-info__col {
width: 50%;
padding: 0 15px;
}
.shop-info__cols {
column-count: 2;
column-gap: 15px;
}
}
.shop-info p,
.shop-info li {
font-weight: var(--font-weight-bold);
color: var(--gray4);
}
.shop-info strong {
display: block;
font-weight: var(--font-weight-bold);
margin-bottom: 12px;
}
.shop-info p,
.shop-info ul {
margin-top: 0;
margin-bottom: 20px;
}
.shop-info p:last-child,
.shop-info ul:last-child {
margin-bottom: 0;
}
.shop-info ul {
padding-left: 22px;
}
.cat-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cat-card__photo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 184px;
border-radius: var(--card-border-radius);
background: var(--gray);
}
.cat-card__photo img {
max-width: 100%;
max-height: 100%;
}
.cat-card__data {
margin-top: 16px;
}
.cat-card__title {
display: block;
}
.cat-card__list {
margin-top: 20px;
}
.cat-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -8px;
margin-bottom: -14px;
}
.cat-list__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 4px 8px;
margin-right: 8px;
margin-bottom: 14px;
color: var(--gray4);
font-weight: var(--font-weight-bold);
font-size: 14px;
-webkit-transition: 0.5s;
transition: 0.5s;
border-radius: var(--border-radius);
border: 1px solid var(--gray2);
}
@media (min-width: 767px) {
.cat-list__link {
padding: 4px 16px;
font-size: 16px;
}
}
.cat-list__link:hover {
-webkit-transition: 0.5s;
transition: 0.5s;
color: var(--white);
background: var(--gray4);
}
.breadcrumbs__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
list-style-type: none;
flex-wrap: wrap;
}
.breadcrumbs__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.breadcrumbs__item::after {
content: "/";
margin: 0 5px;
color: var(--gray4);
font-size: 14px;
line-height: 20px;
}
.breadcrumbs__item:last-child::after {
display: none;
}
.breadcrumbs__item a:hover {
text-decoration: underline;
}
.breadcrumbs__link {
color: var(--gray4);
font-size: 14px;
line-height: 20px;
}
.category-widget {
margin-bottom: 32px;
}
@media (max-width: 991px) {
.category-widget__content {
display: none;
}
}
.category-widget.is-active .category-widget__content {
display: block;
margin-top: 20px;
margin-bottom: 20px;
}
.category-widget.is-active .category-widget__title::before {
width: 18px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 14.75L13.5 5.25M4.5 5.25L13.5 14.75' stroke='%23140106' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.category-widget__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 45px;
margin-bottom: 20px;
border-radius: var(--small-border-radius);
border: 1px solid var(--gray2);
}
.category-widget__title::before {
content: "";
width: 24px;
height: 24px;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.25 6.75H20.25M8.25 12H20.25M8.25 17.25H20.25M3.75 6.75H3.757V6.758H3.75V6.75ZM4.125 6.75C4.125 6.84946 4.08549 6.94484 4.01516 7.01516C3.94484 7.08549 3.84946 7.125 3.75 7.125C3.65054 7.125 3.55516 7.08549 3.48483 7.01516C3.41451 6.94484 3.375 6.84946 3.375 6.75C3.375 6.65054 3.41451 6.55516 3.48483 6.48484C3.55516 6.41451 3.65054 6.375 3.75 6.375C3.84946 6.375 3.94484 6.41451 4.01516 6.48484C4.08549 6.55516 4.125 6.65054 4.125 6.75ZM3.75 12H3.757V12.008H3.75V12ZM4.125 12C4.125 12.0995 4.08549 12.1948 4.01516 12.2652C3.94484 12.3355 3.84946 12.375 3.75 12.375C3.65054 12.375 3.55516 12.3355 3.48483 12.2652C3.41451 12.1948 3.375 12.0995 3.375 12C3.375 11.9005 3.41451 11.8052 3.48483 11.7348C3.55516 11.6645 3.65054 11.625 3.75 11.625C3.84946 11.625 3.94484 11.6645 4.01516 11.7348C4.08549 11.8052 4.125 11.9005 4.125 12ZM3.75 17.25H3.757V17.258H3.75V17.25ZM4.125 17.25C4.125 17.3495 4.08549 17.4448 4.01516 17.5152C3.94484 17.5855 3.84946 17.625 3.75 17.625C3.65054 17.625 3.55516 17.5855 3.48483 17.5152C3.41451 17.4448 3.375 17.3495 3.375 17.25C3.375 17.1505 3.41451 17.0552 3.48483 16.9848C3.55516 16.9145 3.65054 16.875 3.75 16.875C3.84946 16.875 3.94484 16.9145 4.01516 16.9848C4.08549 17.0552 4.125 17.1505 4.125 17.25Z' stroke='%23140106' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
.category-widget__title {
display: none;
}
}
.category-widget__list {
/* display: none; */
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
padding: 0;
list-style-type: none;
}
@media (min-width: 992px) {
.category-widget__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.category-widget__item {
position: relative;
margin-bottom: 8px;
}
.category-widget__item a {
width: 100%;
display: block;
}
.category-widget__item-parent {
padding-right: 20px;
}
.category-widget__item-parent>a::after {
content: "";
position: absolute;
right: 0;
top: 7px;
width: 18px;
height: 18px;
-webkit-transition: 0.5s;
transition: 0.5s;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.1875L9 11.8125L3.375 6.1875' stroke='%23595957' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.category-widget__item:last-child {
margin-bottom: 0;
}
.category-widget__item:hover {
cursor: pointer;
}
.category-widget__item:hover>a>span {
cursor: pointer;
-webkit-transition: 0.5s;
transition: 0.5s;
color: var(--black);
background: var(--gray);
}
.category-widget__item span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 4px 8px;
border-radius: var(--small-border-radius);
font-weight: var(--font-weight-bold);
-webkit-transition: 0.5s;
transition: 0.5s;
}
@media (min-width: 992px) {
.category-widget__item span {
font-size: 18px;
}
}
.category-widget__item.active>a>span {
-webkit-transition: 0.5s;
transition: 0.5s;
color: var(--black);
background: var(--gray);
}
.category-widget__item.active::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.category-widget__item.active>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.category-widget__item ul {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 12px 0 0 0;
padding: 0;
list-style-type: none;
margin-left: 24px;
}
.category-widget__item ul li {
margin-bottom: 12px;
}
.category-widget__item ul li:last-child {
margin-bottom: 0;
}
.category-widget__item ul a {
color: var(--gray4);
font-weight: var(--font-weight-bold);
line-height: 24px;
}
.category-widget__item ul a:hover {
text-decoration: underline;
}
@media (min-width: 992px) {
.category-widget__item ul a {
font-size: 18px;
}
}
.category-widget__item ul ul {
margin-left: 16px;
}
.product-type {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-type__photo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px;
width: 163px;
height: 163px;
overflow: hidden;
border-radius: 50%;
background: var(--gray);
}
.product-type__photo img {
max-width: 100%;
max-height: 100%;
}
.product-type__title {
margin-top: 16px;
color: var(--black);
font-weight: var(--font-weight-bold);
text-align: center;
}
.main-header {
margin-bottom: 25px;
}
@media (min-width: 992px) {
.main-header {
margin-bottom: 45px;
}
}
.main-header__breadcrumbs:not(:last-child) {
margin-bottom: 10px;
}
@media (min-width: 992px) {
.main-header__breadcrumbs:not(:last-child) {
margin-bottom: 20px;
}
}
.main-header__title {
margin-bottom: 20px;
}
.main-header__back {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--gray4);
font-size: 14px;
line-height: 20px;
stroke: var(--gray4);
}
.main-header__back svg {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.main__remove-all {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 6px 12px;
margin-bottom: 28px;
color: var(--gray4);
font-size: 18px;
font-weight: var(--font-weight-bold);
line-height: 24px;
border-radius: var(--small-border-radius);
border: 0;
background: var(--gray);
}
.main__remove-all::after {
content: "";
width: 18px;
height: 20px;
margin-left: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 14.75L13.5 5.25M4.5 5.25L13.5 14.75' stroke='%23140106' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.main__remove-all:hover {
background: var(--gray2);
}
@media (min-width: 992px) {
.main__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 992px) {
.main__aside {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 280px;
margin-right: 30px;
}
}
@media (min-width: 1200px) {
.main__aside {
width: 300px;
}
}
@media (min-width: 992px) {
.main__content.is-short {
max-width: 850px;
margin-left: auto;
}
}
.main__slider:not(.slick-initialized) {
display: flex;
justify-content: space-between;
width: 100%;
}
.main__slider-wrapper {
margin-bottom: 30px;
}
@media (min-width: 992px) {
.main__slider-wrapper {
margin-bottom: 45px;
}
}
@media (max-width: 991px) {
.main__slider-wrapper .tns-ovh {
overflow: hidden;
}
.main__slider-wrapper .tns-ovh [aria-hidden=true] {
opacity: 1;
}
}
.main__slider-wrapper .tns-controls button,
.main__slider-wrapper .slick-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
left: 0;
top: 80px;
width: 43px;
height: 43px;
padding: 5px;
border-radius: 50%;
background: var(--white);
-webkit-box-shadow: 0px 4px 15px rgba(89, 89, 87, 0.1);
box-shadow: 0px 4px 15px rgba(89, 89, 87, 0.1);
z-index: 65;
}
@media (min-width: 1380px) {
.main__slider-wrapper .tns-controls button,
.main__slider-wrapper .slick-arrow {
left: -55px;
}
}
.main__slider-wrapper .tns-controls button[data-controls=next],
.main__slider-wrapper .slick-arrow.slick-next {
left: auto;
right: 0;
}
@media (min-width: 1380px) {
.main__slider-wrapper .tns-controls button[data-controls=next],
.main__slider-wrapper .slick-arrow.slick-next {
right: -55px;
}
}
/* .main__slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
} */
@media (min-width: 992px) {
.main__widget {
margin-bottom: 60px;
}
.main__widget:last-child {
margin-bottom: 0;
}
}
.main__page-nav {
margin-top: 35px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 992px) {
.main__page-nav {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 48px;
}
}
.switch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: var(--black);
font-size: 18px;
font-weight: 700;
line-height: 22px;
cursor: pointer;
}
.switch span {
display: inline-block;
position: relative;
width: 52px;
height: 25px;
border-radius: var(--card-border-radius);
background: var(--gray2);
-webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
vertical-align: middle;
cursor: pointer;
}
.switch span:before {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 19px;
height: 19px;
background: var(--white);
border-radius: var(--round-border-radius);
-webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.switch input {
display: none;
}
.switch input:checked+span {
background: var(--theme-color);
}
.switch input:checked+span::before {
left: 29px;
background: var(--white);
}
.range-slider {
padding-bottom: 7px;
}
.range-slider__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
.range-slider__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--gray2);
}
.range-slider__col input {
width: 82px;
height: 32px;
padding: 5px;
text-align: center;
margin-left: 10px;
border-radius: var(--small-border-radius);
border: 1px solid var(--gray2);
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.range-slider__input {
margin: 0 5px;
}
.custom-checkbox input {
display: none;
}
.custom-checkbox input:checked+span {
color: var(--black);
}
.custom-checkbox input:checked+span::after {
content: '';
-webkit-transition: 0.5s;
transition: 0.5s;
/* background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='4.5' stroke='%23140106'/%3E%3Crect x='5' y='5' width='10' height='10' rx='2' fill='%23140106'/%3E%3C/svg%3E%0A"); */
background: var(--theme-color);
width: 14px;
height: 14px;
left: 3px;
top: 4px;
border-radius: var(--small-border-radius);
border: none;
position: absolute;
}
.custom-checkbox span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* -webkit-box-align: center; */
-ms-flex-align: center;
align-items: center;
color: var(--gray4);
flex-wrap: wrap;
position: relative;
padding-left: 30px;
}
.custom-checkbox span:hover {
color: var(--black);
cursor: pointer;
}
.custom-checkbox span::before {
content: "";
width: 20px;
height: 20px;
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
-webkit-transition: 0.5s;
transition: 0.5s;
/* background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='4.5' stroke='%23595957'/%3E%3C/svg%3E%0A"); */
border: 1px solid var(--black);
border-radius: var(--small-border-radius);
position: absolute;
top: 1px;
left: 0;
}
.filter-widget.is-active .filter-widget__body {
display: block;
margin-top: 20px;
margin-bottom: 20px;
}
@media (max-width: 991px) {
.filter-widget.is-active .filter-widget__title::before {
content: "";
display: block;
width: 18px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 14.75L13.5 5.25M4.5 5.25L13.5 14.75' stroke='%23140106' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
}
.filter-widget__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 992px) {
.filter-widget__title {
margin-bottom: 32px;
color: var(--black);
font-family: var(--main-font);
font-size: 20px;
font-weight: var(--font-weight-bold);
line-height: 28px;
}
}
@media (max-width: 991px) {
.filter-widget__title {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 45px;
margin-bottom: 20px;
border-radius: var(--small-border-radius);
border: 1px solid var(--gray2);
}
.filter-widget__title:not(:first-child) {
margin-top: 10px;
}
}
.filter-widget__title::before {
content: "";
width: 20px;
height: 16px;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 3.5H10.9655C10.719 1.5275 9.0395 0 7 0C4.9605 0 3.281 1.5275 3.0345 3.5H0.5V4.5H3.0345C3.281 6.4725 4.9605 8 7 8C9.0395 8 10.719 6.4725 10.9655 4.5H19.5V3.5ZM7 7C5.346 7 4 5.654 4 4C4 2.346 5.346 1 7 1C8.654 1 10 2.346 10 4C10 5.654 8.654 7 7 7Z' fill='%23140106'/%3E%3Cpath d='M19.5 11.5H16.9655C16.719 9.5275 15.0395 8 13 8C10.9605 8 9.281 9.5275 9.0345 11.5H0.5V12.5H9.0345C9.281 14.4725 10.9605 16 13 16C15.0395 16 16.719 14.4725 16.9655 12.5H19.5V11.5ZM13 15C11.346 15 10 13.654 10 12C10 10.346 11.346 9 13 9C14.654 9 16 10.346 16 12C16 13.654 14.654 15 13 15Z' fill='%23140106'/%3E%3C/svg%3E%0A");
}
@media (max-width: 991px) {
.filter-widget__body {
display: none;
}
}
.filter-widget__field {
margin-bottom: 12px;
}
@media (min-width: 992px) {
.filter-widget__field {
margin-bottom: 24px;
}
}
.filter-widget__field i {
font-style: normal;
display: flex;
margin-right: auto;
margin-left: 5px;
}
.filter-widget__content {
display: none;
}
.filter-widget__field.active .filter-widget__content {
display: block;
}
.filter-widget__size {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.filter-widget__field.active .filter-widget__heading::after {
-webkit-transition: 0.5s;
transition: 0.5s;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.filter-widget__heading {
margin-bottom: 15px;
position: relative;
color: var(--black);
font-size: 18px;
font-weight: 700;
line-height: 22px;
}
.filter-widget__heading.is-dropdown {
padding-right: 20px;
}
.filter-widget__heading.is-dropdown::after {
content: "";
position: absolute;
right: 0;
top: 7px;
width: 18px;
height: 18px;
-webkit-transition: 0.5s;
transition: 0.5s;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.1875L9 11.8125L3.375 6.1875' stroke='%23595957' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.filter-widget__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: auto;
max-height: 250px;
}
@media (min-width: 992px) {
.filter-widget__list {
max-height: 330px;
}
}
.filter-widget__list::-webkit-scrollbar {
width: 5px;
}
.filter-widget__list::-webkit-scrollbar-thumb {
background-color: var(--gray2);
}
.filter-widget__list::-webkit-scrollbar-button {
display: none;
}
.filter-widget__list::-webkit-scrollbar-track {
background-color: transparent;
}
.filter-widget__list::-moz-scrollbar {
width: 5px;
}
.filter-widget__list::-moz-scrollbar-thumb {
background-color: var(--gray2);
}
.filter-widget__list::-moz-scrollbar-button {
display: none;
}
.filter-widget__list::-moz-scrollbar-track {
background-color: transparent;
}
.filter-widget__list::-webkit-scrollbar {
width: 5px;
background-color: transparent;
}
.filter-widget__list::-webkit-scrollbar-thumb {
background-color: var(--gray2);
}
.filter-widget__item {
margin-bottom: 15px;
width: 100%;
}
.filter-widget__item:last-child {
margin-bottom: 0;
}
.custom-select.filter-widget__select {
padding: 5px;
border-radius: var(--small-border-radius);
border: 1px solid var(--gray2);
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.custom-select__item .size-widget__item {
display: inline-block;
vertical-align: middle;
}
.filter-widget__content i {
font-style: normal;
margin-left: 4px;
font-size: 15px;
}
.filter-widget__content .custom-select__list {
width: 100%;
}
.filter-widget__reset {
width: 100%;
min-width: none;
}
.filter-widget__reset+.filter-widget__reset {
margin-top: 10px;
}
@media (min-width: 992px) {
.filter-widget__reset {
margin-top: 8px;
}
}
.custom-select {
position: relative;
}
.custom-select.active .custom-select__list {
display: block;
}
.custom-select__current {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--black);
cursor: pointer;
padding-right: 21px;
}
@media (max-width: 991px) {
.custom-select__current {
font-size: 14px;
}
.city-widget__current{
padding-right: 0;
}
}
.custom-select__current::before {
content: attr(data-preview);
color: var(--gray2);
margin-right: 8px;
font-size: inherit;
}
.currency-widget__current-select::before{
content: none;
}
.custom-select__current.city-widget__current-select::after,
.custom-select__current.currency-widget__current-select::after {
content: "";
width: 18px;
height: 18px;
margin-left: 8px;
-ms-flex-negative: 0;
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.1875L9 11.8125L3.375 6.1875' stroke='%23140106' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.custom-select__list {
position: absolute;
left: 0;
right: 0;
top: 100%;
background: var(--white);
display: none;
z-index: 9999;
-webkit-box-shadow: 0px 4px 25px 0px rgba(89, 89, 87, 0.15);
box-shadow: 0px 4px 25px 0px rgba(89, 89, 87, 0.15);
border-radius: var(--border-radius);
overflow: hidden;
margin-top: 5px;
width: fit-content;
padding: 0;
}
.custom-select__item {
padding: var(--input-padding-vertical) 15px;
border-top: 1px solid var(--gray);
font-size: 14px;
cursor: pointer;
display: block;
white-space: nowrap;
}
.custom-select__item:hover,
.custom-select__item.selected {
background: var(--gray);
}
.custom-select__item input {
display: none;
}
.selected-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -8px;
margin-bottom: -8px;
}
@media (min-width: 992px) {
.selected-list {
margin-right: -12px;
margin-bottom: -12px;
}
}
.selected-list__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 2px 8px;
margin-right: 8px;
margin-bottom: 8px;
color: var(--black);
border-radius: var(--small-border-radius);
border: 1px solid var(--gray2);
-webkit-transition: 0.5s;
transition: 0.5s;
}
@media (min-width: 992px) {
.selected-list__item {
padding: 6px 13px;
margin-right: 12px;
margin-bottom: 12px;
}
}
.selected-list__item::after {
content: "";
width: 18px;
height: 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
display: block;
margin-left: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 14.75L13.5 5.25M4.5 5.25L13.5 14.75' stroke='%23140106' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.selected-list__item:hover {
-webkit-transition: 0.5s;
transition: 0.5s;
cursor: pointer;
color: var(--gray4);
background: var(--gray2);
}
.selected-list__item.is-accent {
color: var(--gray4);
background: var(--gray2);
}
.suggestion__result {
display: block;
}
.popup .suggestion__result {
position: fixed;
top: auto;
left: auto;
right: auto;
z-index: 99999;
}
.location__tooltip {
--button-height: 35px;
}
.location__tooltip-buttons {
margin-top: 10px;
}
.location__tooltip-text {
text-align: center;
}
.main__content {
width: 100%;
}
.main-sorting {
margin-bottom: 30px;
}
.main-sorting__view {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main-sorting__view-btn {
fill: var(--black);
display: flex;
}
.main-sorting__view-btn:not(:first-child) {
stroke: var(--black);
margin-left: 12px;
}
.main-sorting__bottom {
margin-top: 20px;
}
.main-sorting__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main__page-lazy {
justify-content: center;
}
.page-nav__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
list-style-type: none;
}
.page-nav__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px 15px;
border-radius: var(--small-border-radius);
color: var(--gray2);
font-size: 22px;
}
@media (min-width: 767px) {
.page-nav__link {
font-size: 18px;
padding: 6px 11px;
}
}
.page-nav__link:hover {
color: var(--black);
}
.page-nav__link.is-accent {
color: var(--gray4);
background: var(--gray);
}
.page-nav__link.is-current {
color: var(--black);
}
.detail__slider-wrapper {
display: flex;
align-items: center;
height: 100%;
min-height: 340px;
}
@media (min-width: 992px) {
.detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 100%;
width: 100%;
}
.detail__slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: stretch;
width: 45%;
margin-right: 30px;
position: relative;
/* padding-left: 95px; */
position: sticky;
top: 30px;
align-items: stretch;
}
.detail__slider-wrapper {
/* align-items: stretch; */
}
}
.detail__slider .slick-slider:before,
.detail__slider .slick-slider:after {
content: none;
}
.detail__slider .slick-list {
/* overflow: hidden; */
/* margin: 0; */
/* width: 100%; */
}
.detail__slide a {
display: flex;
width: 100%;
height: 100%;
align-items: flex-start;
justify-content: center;
}
.detail__slider img,
.detail__slider video {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
margin: 0 auto;
display: block;
}
.detail__slider [aria-hidden=true] {
opacity: 1 !important;
}
.detail__slider .tns-ovh {
overflow: hidden;
}
.detail__big-slider {
position: relative;
width: 100%;
}
.detail__big-slider .tns-controls button,
.detail__big-slider .slick-arrow {
position: absolute;
left: 15px;
top: calc(50% - 20px);
}
@media (min-width: 992px) {
.detail__big-slider .tns-controls button,
.detail__big-slider .slick-arrow {
left: 24px;
}
}
.detail__big-slider .tns-controls button[data-controls=next],
.detail__big-slider .slick-arrow.slick-next {
left: auto;
right: 15px;
}
@media (min-width: 992px) {
.detail__big-slider .tns-controls button[data-controls=next],
.detail__big-slider .slick-arrow.slick-next {
right: 24px;
}
}
.detail__badge {
position: absolute;
left: 15px;
top: 14px;
right: 50px;
z-index: 55;
}
@media (min-width: 992px) {
.detail__badge {
left: 28px;
top: 28px;
}
}
.detail__art {
color: var(--gray4);
}
.detail__nav-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
right: 15px;
top: 15px;
z-index: 55;
}
@media (min-width: 992px) {
.detail__nav-btns {
right: 24px;
top: 24px;
}
}
.detail__nav-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 35px;
height: 35px;
margin-bottom: 15px;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.5);
}
.detail__nav-btn:last-child {
margin-bottom: 0;
}
.detail__nav-btn svg {
stroke: var(--theme-color);
fill: none;
min-width: 23px;
}
@media (min-width: 767px) {
.detail__nav-btn {
width: 43px;
height: 43px;
}
}
.detail__nav-btn.is-active svg {
fill: var(--theme-color);
}
.detail__slide {
/* display: -webkit-box !important; */
display: -ms-flexbox !important;
/* display: flex !important; */
/* -webkit-box-align: center; */
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
/* height: 420px; */
overflow: hidden;
border-radius: var(--main-border-radius);
/* background: #D9D9D9; */
position: relative;
}
@media (max-width: 991px) {
.detail__thumbs {
/* display: none; */
margin-top: 10px;
}
.detail__thumbs-slider:not(.slick-initialized) {
display: flex;
align-items: center;
width: 100%;
min-width: 100%;
}
}
@media (min-width: 992px) {
.detail__thumbs {
/* position: absolute; */
left: 0;
top: 0;
bottom: 0;
width: 80px;
height: 100%;
margin-right: 15px;
align-self: flex-start;
}
.detail__thumbs .tns-outer,
.detail__thumbs .tns-ovh {
height: 100%;
}
.detail__thumbs .tns-controls button {
position: absolute;
top: 0;
left: 17px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.detail__thumbs .tns-controls button[data-controls=next] {
top: auto;
bottom: 0;
}
}
@media (min-width: 992px) {
.detail__thumbs-slider {
height: 100%;
}
}
.detail__thumbs .tns-slider {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.detail__thumbs-slider_small .slick-track {
transform: none !important;
}
.detail__thumb {
position: relative;
width: 80px;
/* max-width: 80px; */
height: 80px;
border-radius: var(--border-radius);
overflow: hidden;
margin-bottom: 10px;
}
.detail__thumb.has-video::after {
content: "";
width: 44px;
height: 44px;
position: absolute;
left: calc(50% - 22px);
top: calc(50% - 22px);
background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22.0002' cy='21.8085' r='21.2766' fill='%23140106' fill-opacity='0.4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6172 16.4068C15.6172 15.1932 16.9185 14.4238 17.9823 15.0085L27.8036 20.4111C28.9057 21.017 28.9057 22.6009 27.8036 23.2068L17.9831 28.6094C16.9193 29.194 15.618 28.4247 15.618 27.2111L15.6172 16.4068Z' fill='white'/%3E%3C/svg%3E%0A");
z-index: 2;
}
.detail__thumb:not(.tns-nav-active)::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
background: var(--white);
opacity: 0.6;
z-index: 1;
}
.detail__thumb.slick-current::before {
content: none;
}
.detail__thumb img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.detail .tns-controls button,
.detail .slick-arrow {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 43px;
height: 43px;
min-width: 43px;
padding: 5px;
border-radius: 50%;
background: var(--white);
-webkit-box-shadow: 0px 4px 15px rgba(89, 89, 87, 0.1);
box-shadow: 0px 4px 15px rgba(89, 89, 87, 0.1);
z-index: 65;
}
.detail__thumbs-slider.slick-vertical .slick-arrow.slick-disabled {
display: none !important;
}
.detail__thumbs-slider.slick-vertical .slick-arrow {
/* transform:rotate(90deg); */
width: 100%;
height: 25px;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
/* display: block; */
flex-direction: row;
padding: 3px;
}
.detail__thumbs-slider.slick-vertical .slick-arrow:before {
height: 15px;
background-position: center;
}
.detail__thumbs-slider.slick-vertical .slick-arrow.slick-prev:before {
transform: rotate(270deg);
}
.detail__thumbs-slider.slick-vertical .slick-arrow.slick-next:before {
transform: rotate(90deg);
}
.detail__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
max-width: 100%;
}
.detail__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.detail__data {
width: calc(55% - 30px);
max-width: calc(55% - 30px);
}
.detail__top {
margin-top: 0;
margin-bottom: 16px;
}
}
.detail__share {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--black);
background: 0;
padding: 0;
outline: none;
stroke: var(--black);
border: 0;
}
.detail__share svg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 6px;
}
.detail__description,
.detail__properties {
margin-top: 20px;
font-size: 90%;
max-height: 150px;
overflow: hidden;
}
.detail__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
gap: 16px;
}
.detail__brand {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
color: var(--gray4);
}
@media (min-width: 992px) {
.detail__brand {
margin-top: 16px;
}
}
.detail__brand a {
display: inline-block;
margin-left: 5px;
text-decoration: underline;
color: var(--black);
font-weight: var(--font-weight-bold);
text-transform: uppercase;
}
.detail__price {
margin-top: 30px;
font-size: 30px;
line-height: 30px;
}
@media (min-width: 992px) {
.detail__price {
margin-top: 30px;
}
}
.detail__price-message {
white-space: normal;
}
.detail__cheaper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 15px;
color: var(--gray4);
background: 0;
padding: 0;
outline: none;
stroke: var(--gray4);
border: 0;
text-decoration: underline;
}
.detail__cheaper svg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 6px;
}
.detail__size,
.detail__store {
margin-top: 30px;
}
@media (min-width: 992px) {
.detail__size,
.detail__store {
margin-top: 34px;
}
}
.detail__size-header,
.detail__store-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 465px;
margin-bottom: 15px;
color: var(--gray4);
}
.detail__size-widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.detail__size-widget .size-widget__item {
margin-right: 8px;
}
.detail__size-table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--gray4);
background: 0;
padding: 0;
outline: none;
stroke: var(--gray4);
border: 0;
text-decoration: underline;
}
.detail__size-table svg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 6px;
}
.detail__color-widget {
margin-top: 30px;
}
@media (min-width: 992px) {
.detail__color-widget {
margin-top: 35px;
}
}
.detail__store-item {
display: grid;
grid-template-columns: 150px 100px 20px;
padding: 5px 0;
border-bottom: 1px solid var(--gray);
}
.detail__store-item--quantity {
text-align: center;
}
.detail__store-item--checkbox {
display: flex;
justify-content: right;
}
.detail__store {
display: flex;
flex-direction: column;
width: 270px;
}
.detail__store .detail__store-item:last-child {
border: none;
}
.detail__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 30px;
}
.detail__buttons.detail__buttons--simple {
flex-direction: column;
}
.detail__buttons .detail__buttons {
margin-top: 0;
}
.detail__buttons .btn {
min-width: 250px;
}
@media (min-width: 1200px) {
.detail__buttons {
margin-top: 30px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 16px;
margin-bottom: 20px;
}
}
.detail__counter {
margin-bottom: 15px;
}
[data-quantity-cart] .detail__counter {
display: none !important;
}
.active-cart [data-quantity-cart] .product-card__basket {
display: none;
}
.active-cart [data-quantity-cart] .detail__counter {
display: flex !important;
min-width: 250px;
}
@media (min-width: 1200px) {
.detail__counter {
margin-bottom: 0;
max-width: 250px;
}
}
.detail__buy {
margin-top: 15px;
}
@media (min-width: 1200px) {
.detail__buy {
margin-top: 0;
max-width: 300px;
}
}
.detail__content {
margin-top: 30px;
}
.detail__content-tabs_titles {
display: flex;
}
.detail__content-tabs_titles .btn {
min-width: unset;
width: auto;
}
.detail__content-tabs_titles .btn+.btn {
margin-left: 20px;
}
.detail__content-tabs_titles .btn.active {
color: var(--theme-font-color);
background: var(--theme-color);
}
@media (min-width: 992px) {
.detail__content {
margin-top: 45px;
}
.detail__content-tabs_titles~.detail__content-body .detail-info {
border: none;
}
}
.detail-info {
padding: 24px 0;
border-top: 1px solid var(--gray2);
}
.detail-info:last-child {
border-bottom: 1px solid var(--gray2);
}
.detail-info.active .detail-info__dropdown {
display: block;
}
.detail-info.active .detail-info__title::after {
-webkit-transition: 0.5s;
transition: 0.5s;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.detail-info__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.detail-info__title::after {
content: "";
width: 18px;
height: 10px;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: auto;
-webkit-transition: 0.5s;
transition: 0.5s;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.17472 0.675045C1.63033 0.219433 2.36902 0.219433 2.82463 0.675045L8.99967 6.85009L15.1747 0.675045C15.6303 0.219433 16.369 0.219433 16.8246 0.675045C17.2802 1.13066 17.2802 1.86935 16.8246 2.32496L9.82463 9.32496C9.36902 9.78057 8.63033 9.78057 8.17472 9.32496L1.17472 2.32496C0.719105 1.86935 0.719105 1.13066 1.17472 0.675045Z' fill='%23595957'/%3E%3C/svg%3E%0A");
}
.detail-info__dropdown {
display: none;
margin-top: 15px;
}
.detail-info__dropdown p {
margin-top: 0;
margin-bottom: 0;
color: var(--gray4);
}
@media (max-width: 766px) {
.detail-info__dropdown p {
font-size: 14px;
}
}
.detail-info__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
margin-top: 25px;
flex-wrap: wrap;
}
.detail-info__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: var(--font-weight-bold);
color: var(--black);
stroke: var(--black);
}
.detail-info__link svg {
margin-left: 8px;
}
.color-widget__selected {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: var(--font-weight-bold);
color: var(--black);
}
.color-widget__selected::before {
content: attr(data-title);
color: var(--gray4);
margin-right: 8px;
font-weight: 400;
}
.color-widget__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 15px;
}
.product-card .color-widget__list {
margin-top: 0;
}
.color-widget__item {
margin-right: 10px;
}
.color-widget__item input {
display: none;
}
.color-widget__item input:checked+span::before,
.color-widget__item[data-active] span::before {
content: "";
position: absolute;
left: -5px;
top: -5px;
bottom: -5px;
right: -5px;
border: 1px solid var(--theme-color);
border-radius: var(--round-border-radius);
}
.color-widget__item span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
width: 30px;
height: 30px;
border-radius: var(--round-border-radius);
border: 1px solid var(--gray2);
background-position: center;
background-size: cover;
}
.color-widget__item:last-child {
margin-right: 0;
}
.chars-list__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
margin-bottom: 13px;
}
@media (max-width: 766px) {
.chars-list__item {
font-size: 14px;
flex-direction: column;
}
}
.chars-list__item::after {
content: "";
position: absolute;
left: 0;
top: 15px;
width: 50%;
height: 1px;
border-bottom: 1px dashed var(--gray2);
}
.chars-list__item:last-child {
margin-bottom: 0;
}
.chars-list__item span {
padding: 0 5px;
margin: 0 -5px;
z-index: 1;
position: relative;
background: var(--white);
color: var(--gray4);
max-width: 49%;
}
.chars-list__item span:last-child {
width: 50%;
color: var(--black);
font-weight: var(--font-weight-bold);
}
@media (max-width: 766px) {
.chars-list__item span {
width: 100%;
max-width: 100%;
}
.chars-list__item span:last-child {
width: 100%;
max-width: 100%;
}
}
.load-file {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30px;
width: 100%;
/* height: 154px; */
border-radius: var(--border-radius);
border: 1px solid var(--gray2);
cursor: pointer;
}
.load-file__name {
position: relative;
padding-left: 36px;
color: var(--gray4);
/* text-decoration: underline; */
}
@media (min-width: 992px) {
.load-file__name {
font-size: 18px;
line-height: 24px;
}
}
.load-file__name::before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 22px;
height: 22px;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.19 7.68803C12.8399 7.99828 13.4057 8.45996 13.8401 9.03427C14.2745 9.60857 14.5648 10.2787 14.6865 10.9885C14.8081 11.6982 14.7577 12.4268 14.5394 13.113C14.3212 13.7992 13.9414 14.423 13.432 14.932L8.93203 19.432C8.08811 20.2759 6.94351 20.7501 5.75003 20.7501C4.55655 20.7501 3.41195 20.2759 2.56803 19.432C1.72411 18.5881 1.25 17.4435 1.25 16.25C1.25 15.0565 1.72411 13.9119 2.56803 13.068L4.32503 11.311M17.675 10.689L19.432 8.93203C20.2759 8.08811 20.7501 6.94351 20.7501 5.75003C20.7501 4.55655 20.2759 3.41195 19.432 2.56803C18.5881 1.72411 17.4435 1.25 16.25 1.25C15.0565 1.25 13.9119 1.72411 13.068 2.56803L8.56803 7.06803C8.05866 7.57703 7.67889 8.20084 7.46061 8.88705C7.24233 9.57326 7.19191 10.3018 7.3136 11.0116C7.43528 11.7213 7.72552 12.3915 8.15992 12.9658C8.59432 13.5401 9.1602 14.0018 9.81003 14.312' stroke='%23595957' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.load-file__name span {
text-decoration: underline;
}
.load-file input {
display: none;
}
.star-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.star-rating input {
display: none;
}
.star-rating input:checked~label:before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.65311 2.33265C7.6813 2.26387 7.72932 2.20503 7.79105 2.16362C7.85279 2.12221 7.92544 2.1001 7.99977 2.1001C8.07411 2.1001 8.14676 2.12221 8.2085 2.16362C8.27023 2.20503 8.31825 2.26387 8.34644 2.33265L9.76311 5.73998C9.78963 5.80374 9.83322 5.85894 9.88909 5.89952C9.94496 5.9401 10.0109 5.96448 10.0798 5.96998L13.7584 6.26465C14.0911 6.29131 14.2258 6.70665 13.9724 6.92331L11.1698 9.32465C11.1174 9.36944 11.0784 9.42778 11.057 9.49328C11.0356 9.55878 11.0326 9.62891 11.0484 9.69598L11.9051 13.286C11.9223 13.358 11.9178 13.4335 11.8921 13.503C11.8665 13.5724 11.8208 13.6327 11.7609 13.6763C11.7009 13.7198 11.6295 13.7445 11.5555 13.7475C11.4815 13.7504 11.4083 13.7313 11.3451 13.6926L8.19511 11.7693C8.13627 11.7335 8.06869 11.7145 7.99977 11.7145C7.93086 11.7145 7.86328 11.7335 7.80444 11.7693L4.65444 13.6933C4.59128 13.732 4.51808 13.7511 4.44408 13.7481C4.37008 13.7452 4.29861 13.7204 4.23869 13.6769C4.17877 13.6334 4.13308 13.5731 4.10741 13.5036C4.08174 13.4342 4.07722 13.3587 4.09444 13.2866L4.95111 9.69598C4.967 9.62891 4.96408 9.55876 4.94267 9.49325C4.92126 9.42773 4.8822 9.36939 4.82978 9.32465L2.02711 6.92331C1.97098 6.87505 1.93038 6.81128 1.91041 6.74C1.89043 6.66873 1.89198 6.59314 1.91485 6.52274C1.93772 6.45235 1.9809 6.39028 2.03895 6.34436C2.097 6.29844 2.16734 6.2707 2.24111 6.26465L5.91978 5.96998C5.98861 5.96448 6.05459 5.9401 6.11046 5.89952C6.16633 5.85894 6.20992 5.80374 6.23644 5.73998L7.65311 2.33265Z' fill='%23F7DF10' stroke='%23F7DF10' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.star-rating input:hover~label {
cursor: pointer;
}
.star-rating input:hover~label::before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.65311 2.33265C7.6813 2.26387 7.72932 2.20503 7.79105 2.16362C7.85279 2.12221 7.92544 2.1001 7.99977 2.1001C8.07411 2.1001 8.14676 2.12221 8.2085 2.16362C8.27023 2.20503 8.31825 2.26387 8.34644 2.33265L9.76311 5.73998C9.78963 5.80374 9.83322 5.85894 9.88909 5.89952C9.94496 5.9401 10.0109 5.96448 10.0798 5.96998L13.7584 6.26465C14.0911 6.29131 14.2258 6.70665 13.9724 6.92331L11.1698 9.32465C11.1174 9.36944 11.0784 9.42778 11.057 9.49328C11.0356 9.55878 11.0326 9.62891 11.0484 9.69598L11.9051 13.286C11.9223 13.358 11.9178 13.4335 11.8921 13.503C11.8665 13.5724 11.8208 13.6327 11.7609 13.6763C11.7009 13.7198 11.6295 13.7445 11.5555 13.7475C11.4815 13.7504 11.4083 13.7313 11.3451 13.6926L8.19511 11.7693C8.13627 11.7335 8.06869 11.7145 7.99977 11.7145C7.93086 11.7145 7.86328 11.7335 7.80444 11.7693L4.65444 13.6933C4.59128 13.732 4.51808 13.7511 4.44408 13.7481C4.37008 13.7452 4.29861 13.7204 4.23869 13.6769C4.17877 13.6334 4.13308 13.5731 4.10741 13.5036C4.08174 13.4342 4.07722 13.3587 4.09444 13.2866L4.95111 9.69598C4.967 9.62891 4.96408 9.55876 4.94267 9.49325C4.92126 9.42773 4.8822 9.36939 4.82978 9.32465L2.02711 6.92331C1.97098 6.87505 1.93038 6.81128 1.91041 6.74C1.89043 6.66873 1.89198 6.59314 1.91485 6.52274C1.93772 6.45235 1.9809 6.39028 2.03895 6.34436C2.097 6.29844 2.16734 6.2707 2.24111 6.26465L5.91978 5.96998C5.98861 5.96448 6.05459 5.9401 6.11046 5.89952C6.16633 5.85894 6.20992 5.80374 6.23644 5.73998L7.65311 2.33265Z' fill='%23F7DF10' stroke='%23F7DF10' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.star-rating label::before {
content: "";
margin: 2px;
display: inline-block;
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.65311 2.33265C7.6813 2.26387 7.72932 2.20503 7.79105 2.16362C7.85279 2.12221 7.92544 2.1001 7.99977 2.1001C8.07411 2.1001 8.14676 2.12221 8.2085 2.16362C8.27023 2.20503 8.31825 2.26387 8.34644 2.33265L9.76311 5.73998C9.78963 5.80374 9.83322 5.85894 9.88909 5.89952C9.94496 5.9401 10.0109 5.96448 10.0798 5.96998L13.7584 6.26465C14.0911 6.29131 14.2258 6.70665 13.9724 6.92331L11.1698 9.32465C11.1174 9.36944 11.0784 9.42778 11.057 9.49328C11.0356 9.55878 11.0326 9.62891 11.0484 9.69598L11.9051 13.286C11.9223 13.358 11.9178 13.4335 11.8921 13.503C11.8665 13.5724 11.8208 13.6327 11.7609 13.6763C11.7009 13.7198 11.6295 13.7445 11.5555 13.7475C11.4815 13.7504 11.4083 13.7313 11.3451 13.6926L8.19511 11.7693C8.13627 11.7335 8.06869 11.7145 7.99977 11.7145C7.93086 11.7145 7.86328 11.7335 7.80444 11.7693L4.65444 13.6933C4.59128 13.732 4.51808 13.7511 4.44408 13.7481C4.37008 13.7452 4.29861 13.7204 4.23869 13.6769C4.17877 13.6334 4.13308 13.5731 4.10741 13.5036C4.08174 13.4342 4.07722 13.3587 4.09444 13.2866L4.95111 9.69598C4.967 9.62891 4.96408 9.55876 4.94267 9.49325C4.92126 9.42773 4.8822 9.36939 4.82978 9.32465L2.02711 6.92331C1.97098 6.87505 1.93038 6.81128 1.91041 6.74C1.89043 6.66873 1.89198 6.59314 1.91485 6.52274C1.93772 6.45235 1.9809 6.39028 2.03895 6.34436C2.097 6.29844 2.16734 6.2707 2.24111 6.26465L5.91978 5.96998C5.98861 5.96448 6.05459 5.9401 6.11046 5.89952C6.16633 5.85894 6.20992 5.80374 6.23644 5.73998L7.65311 2.33265Z' fill='%23CCCCC9' stroke='%23CCCCC9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.reviews-widget {
max-width: 850px;
margin-left: auto;
margin-right: auto;
}
.reviews-widget.is-active .reviews-widget__add-review {
display: block;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.reviews-widget.is-active .reviews-widget__add-review {
margin-bottom: 50px;
}
}
.reviews-widget__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 25px;
}
@media (min-width: 767px) {
.reviews-widget__header {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 992px) {
.reviews-widget__header {
margin-bottom: 45px;
}
}
.reviews-widget__toggle-review {
margin-top: 15px;
min-width: inherit;
}
@media (min-width: 767px) {
.reviews-widget__toggle-review {
width: 300px;
margin-top: 0;
}
}
.reviews-widget__add-review {
display: none;
}
.reviews-widget__page-nav {
margin-top: 20px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.add-review__field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 24px;
}
.add-review__field.is-flex {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.add-review__field.is-flex .add-review__heading {
margin-bottom: 0;
}
.add-review__field.is-flex .star-rating {
margin-top: 3px;
}
.add-review__field.is-flex .star-rating::after {
margin: 0 15px;
content: "-";
color: var(--black);
font-size: 20px;
font-weight: var(--font-weight-bold);
line-height: 24px;
}
@media (min-width: 767px) {
.add-review__field.is-flex .star-rating::after {
margin: 0 35px;
}
}
.add-review__field:last-child {
margin-bottom: 0;
}
.add-review__heading {
margin-bottom: 8px;
color: var(--black);
font-size: 18px;
font-weight: var(--font-weight-bold);
line-height: 26px;
}
@media (min-width: 767px) {
.add-review__heading {
font-size: 20px;
}
}
.add-review__heading span {
color: var(--red);
}
.add-review__input {
width: 100%;
height: var(--input-height);
padding: var(--input-padding-vertical) 15px;
border-radius: var(--border-radius);
border: 1px solid var(--gray2);
}
.add-review__textarea {
width: 100%;
height: 154px;
padding: var(--input-padding-vertical) 15px;
border-radius: var(--border-radius);
border: 1px solid var(--gray2);
}
.add-review__textarea.is-sm {
height: 94px;
}
.add-review__robot {
max-width: 295px;
}
.add-review__send {
min-width: inherit;
}
@media (min-width: 640px) {
.add-review__send {
width: 300px;
}
}
.questions-widget {
margin: 0 -15px;
padding: 35px 20px;
border-radius: var(--main-border-radius);
background: var(--gray);
}
@media (min-width: 992px) {
.questions-widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 30px;
margin: 0;
padding: 50px 30px 75px;
border-radius: var(--main-border-radius);
}
}
@media (min-width: 1200px) {
.questions-widget {
padding: 52px 140px 88px 90px;
}
}
@media (min-width: 992px) {
.questions-widget__data {
max-width: 420px;
}
}
@media (min-width: 992px) {
.questions-widget__form {
max-width: 530px;
margin-left: auto;
}
}
.form__field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
margin-bottom: 15px;
}
.form__field:last-child {
margin-bottom: 0;
}
.form__field input:focus,
.form__field textarea:focus {
-webkit-transition: 0.5s;
transition: 0.5s;
border-color: var(--theme-color);
}
.form__field input:not(:-moz-placeholder-shown)~label,
.form__field textarea:not(:-moz-placeholder-shown)~label {
font-size: 14px;
color: var(--black);
top: -8px;
left: 15px !important;
background: var(--white);
padding: 0px 5px;
}
.form__field input:not(:-ms-input-placeholder)~label,
.form__field textarea:not(:-ms-input-placeholder)~label {
font-size: 14px;
color: var(--black);
top: -8px;
left: 15px !important;
background: var(--white);
padding: 0px 5px;
}
.form__field input:focus~label,
.form__field input:not(:placeholder-shown)~label,
.form__field textarea:not(:placeholder-shown)~label,
.form__field textarea:focus~label {
font-size: 14px;
color: var(--black);
top: -8px;
left: 15px !important;
background: var(--white);
padding: 0px 5px;
}
.questions-widget .form__field input:focus~label,
.questions-widget .form__field input:not(:placeholder-shown)~label,
.questions-widget .form__field textarea:not(:placeholder-shown)~label,
.questions-widget .form__field textarea:focus~label {
background: var(--gray);
}
.form__field label {
font-size: 16px;
color: var(--gray4);
background: none;
position: absolute;
top: 14px;
left: 16px;
transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-webkit-transition: 0.2s ease all;
pointer-events: none;
}
.form__field .bx-authform-input-container label {
position: static;
pointer-events: all;
}
.form__field label span {
color: var(--red);
}
.form__field input[type=tel]+label {
left: 40px;
}
.form__flag {
position: absolute;
left: 15px;
top: 16px;
}
.form__input,
.form-control {
width: 100%;
padding: var(--input-padding-vertical) 15px;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
background: 0;
color: var(--black);
border-radius: var(--border-radius);
/* -webkit-transition: 0.5s; */
/* transition: 0.5s; */
border: 1px solid var(--gray2);
}
.form__input {
height: var(--input-height);
}
.form__input::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
color: var(--gray4);
}
.form__input::-moz-placeholder,
.form-control::-moz-placeholder {
color: var(--gray4);
}
.form__input:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
color: var(--gray4);
}
.form__input::-ms-input-placeholder,
.form-control::-ms-input-placeholder {
color: var(--gray4);
}
.form__input::placeholder,
.form-control::placeholder {
color: var(--gray4);
}
.form__input[type=tel],
.form-control[type=tel] {
padding-left: 45px;
}
.form__input.error,
.form-control.error {
border-color: var(--red);
}
.form .error-message {
color: var(--red);
margin-top: 5px;
font-size: 14px;
text-align: left;
}
.form__textarea {
width: 100%;
height: 203px;
padding: var(--input-padding-vertical) 15px;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
background: 0;
color: var(--black);
border-radius: var(--border-radius);
-webkit-transition: 0.5s;
transition: 0.5s;
border: 1px solid var(--gray2);
}
.form__textarea::-webkit-input-placeholder {
color: var(--gray4);
}
.form__textarea::-moz-placeholder {
color: var(--gray4);
}
.form__textarea:-ms-input-placeholder {
color: var(--gray4);
}
.form__textarea::-ms-input-placeholder {
color: var(--gray4);
}
.form__textarea::placeholder {
color: var(--gray4);
}
.form__captcha {
display: flex;
}
.form__captcha-block {
position: relative;
display: flex;
margin-right: 10px;
}
.form__captcha {
margin-top: 20px;
align-items: center;
}
.form__captcha-block:after {
content: '';
position: absolute;
right: 7px;
top: 10px;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%%3Cpath d='M463.5 224l8.5 0c13.3 0 24-10.7 24-24l0-128c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8l119.5 0z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
opacity: 0.3;
}
.form__captcha .form__field-block {
width: 100%;
}
.form__footer {
margin-top: 28px;
}
.form__footer-buttons {
display: flex;
/* justify-content: center; */
}
.form__footer-buttons .btn {
min-width: inherit;
width: 100%;
max-width: 300px;
}
.form__send {
min-width: inherit;
width: 100%;
max-width: 300px;
}
.form__terms {
margin-top: 12px;
color: var(--gray4);
font-size: 12px;
line-height: 18px;
}
.form__terms a {
color: inherit;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
@media (min-width: 992px) {
.form__terms {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.form__checkbox,
[data-bx-user-consent] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 12px;
flex-wrap: wrap;
}
.form__checkbox input,
[data-bx-user-consent] input[type="checkbox"] {
display: none;
}
.form__checkbox span,
[data-bx-user-consent] .main-user-consent-request-announce-link {
position: relative;
padding-left: 29px;
text-align: left;
color: var(--gray4);
font-size: 12px;
line-height: 18px;
}
.form__checkbox span::before,
.form__checkbox input:checked~span::after,
[data-bx-user-consent] .main-user-consent-request-announce-link:before,
[data-bx-user-consent] .main-user-consent-request-announce-link:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
-webkit-transition: 0.5s;
transition: 0.5s;
/* background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='4.5' stroke='%23595957'/%3E%3C/svg%3E%0A"); */
border: 1px solid var(--theme-color);
border-radius: var(--small-border-radius);
}
.form__checkbox input.is-invalid~span::before {
border-color: red;
}
.form__checkbox input:checked~span::after {
border-color: var(--theme-color);
}
.form__checkbox input:checked~span::after,
[data-bx-user-consent] input[type="checkbox"]:checked+.main-user-consent-request-announce-link:after {
content: '';
-webkit-transition: 0.5s;
transition: 0.5s;
/* background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='5' fill='%2323A41F'/%3E%3Cpath d='M5.1875 11.0312L9.4375 15.2812L15.8125 5.71875' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); */
background: var(--theme-color);
width: 14px;
height: 14px;
left: 3px;
top: 3px;
border-radius: calc(var(--small-border-radius) - 2px);
border: none;
}
.form__checkbox span a {
color: inherit;
text-decoration: underline;
}
.form__checkbox .error-message {
order: 999;
padding-left: 30px;
}
.cart-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 1200px) {
.cart-block {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.cart-block__photo {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
padding-bottom: 60%;
border-radius: var(--border-radius);
overflow: hidden;
}
@media (min-width: 767px) {
.cart-block__photo {
padding-bottom: 45%;
}
}
@media (max-width: 1199px) {
.cart-block__photo {
margin-bottom: 20px;
}
}
@media (min-width: 1200px) {
.cart-block__photo {
width: 146px;
height: 185px;
padding: 0;
margin-right: 20px;
}
}
.cart-block__photo img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.cart-block__favorite {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 33px;
height: 33px;
position: absolute;
right: 8px;
top: 8px;
background: 0;
padding: 5px;
-webkit-box-shadow: none;
box-shadow: none;
stroke: var(--black);
border: 0;
border-radius: 50%;
background: var(--white);
z-index: 5;
}
@media (min-width: 1200px) {
.cart-block__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 246px;
justify-content: center;
}
}
.cart-block__title {
font-family: var(--main-font);
font-weight: var(--font-weight-bold);
line-height: 20px;
color: var(--black);
}
.cart-block__art {
margin-top: 8px;
color: var(--gray4);
font-size: 14px;
line-height: 20px;
}
.cart-block__size {
margin-top: 14px;
}
.cart-block__color-widget {
margin-top: 9px;
}
@media (max-width: 1199px) {
.cart-block__counter {
margin-top: 15px;
}
}
@media (min-width: 1200px) {
.cart-block__counter {
width: 132px;
margin: auto 50px auto auto;
}
}
.cart-block__val {
text-align: center;
margin-top: 8px;
color: var(--gray4);
font-size: 14px;
font-weight: var(--font-weight-bold);
line-height: 20px;
}
.cart-block__price {
margin-top: 15px;
}
@media (min-width: 1200px) {
.cart-block__price {
margin: auto 0;
}
}
.cart-block__remove {
margin-top: 10px;
text-decoration: underline;
color: var(--black);
stroke: var(--black);
}
.cart-block__remove svg {
display: none;
}
@media (min-width: 1200px) {
.cart-block__remove {
width: 24px;
height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0;
margin: auto 0 auto 50px;
}
.cart-block__remove svg {
display: block;
width: 12px;
height: 12px;
}
}
.cart-block .color-widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.cart-block .color-widget__selected {
font-size: 0;
}
.cart-block .color-widget__selected::before {
font-size: 14px;
}
.cart-block .color-widget__list {
margin-top: 0;
}
.cart-block .color-widget__item span {
width: 20px;
height: 20px;
}
.cart-block .price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
gap: 4px;
}
@media (min-width: 1200px) {
.cart-block .price {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.cart-block .price__old {
margin: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
}
@media (min-width: 1200px) {
.cart-block .price__old {
-webkit-box-ordinal-group: inherit;
-ms-flex-order: inherit;
order: inherit;
width: auto;
}
}
.cart-block .size-widget__list {
margin-bottom: -8px;
display: flex;
}
.cart-block .size-widget__item {
padding: 2px 7px;
font-size: 14px;
margin-bottom: 8px;
}
.cart-total {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 25px;
border-radius: var(--main-border-radius);
background: var(--gray);
}
.cart-total__title {
margin-bottom: 25px;
font-size: 20px;
font-weight: var(--font-weight-bold);
line-height: 28px;
font-family: var(--main-font);
}
.cart-total__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: var(--gray4);
font-size: 18px;
font-weight: var(--font-weight-bold);
line-height: 24px;
margin-bottom: 10px;
}
.cart-total__item span {
color: var(--black);
}
.cart-total__item span.is-red {
color: var(--red);
}
.cart-total__item:last-child {
margin-bottom: 0;
}
.cart-total__promo {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cart-total__promo input {
width: 100%;
height: var(--input-height);
padding: var(--input-padding-vertical) 15px;
border-radius: var(--border-radius) 0 0 var(--border-radius);
border: 1px solid var(--gray2);
}
.cart-total__send-promo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 63px;
height: var(--input-height);
border-radius: 0 var(--border-radius) var(--border-radius) 0;
background: var(--theme-color);
border: 0;
}
.cart-total__send-promo::before {
content: "";
width: 33px;
height: 33px;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_93_12459)'%3E%3Cpath d='M6.09901 16.2635H26.4283M26.4283 16.2635L18.8048 8.63998M26.4283 16.2635L18.8048 23.887' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_93_12459'%3E%3Crect width='23' height='23' fill='white' transform='translate(16.2637) rotate(45)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.cart-total__total {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 28px;
color: var(--black);
text-align: right;
font-size: 20px;
font-weight: var(--font-weight-bold);
line-height: 26px;
}
.cart-total__total::before {
content: attr(data-title);
font-size: 18px;
}
.cart-total__btns {
margin-top: 20px;
}
.cart-total__btn {
width: 100%;
min-width: inherit;
}
.cart-total__btn:not(:first-child) {
margin-top: 15px;
}
.cart-total__terms {
margin-top: 8px;
color: var(--gray4);
font-size: 13px;
line-height: 18px;
}
.cart-total__terms a {
color: inherit;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
@media (min-width: 992px) {
.cart {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.cart__remove-all {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 6px 12px;
margin-bottom: 20px;
color: var(--gray4);
font-size: 18px;
font-weight: var(--font-weight-bold);
line-height: 24px;
border-radius: var(--small-border-radius);
border: 0;
background: var(--gray);
}
@media (min-width: 992px) {
.cart__remove-all {
margin-left: auto;
}
}
.cart__remove-all::after {
content: "";
width: 18px;
height: 20px;
margin-left: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 14.75L13.5 5.25M4.5 5.25L13.5 14.75' stroke='%23140106' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.cart__remove-all:hover {
background: var(--gray2);
}
.cart__print {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
font-weight: var(--font-weight-bold);
line-height: 24px;
}
@media (min-width: 992px) {
.cart__print {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 7px;
margin-bottom: 26px;
}
}
.cart__print::after {
content: "";
width: 24px;
height: 24px;
margin-left: 8px;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.72 13.829C6.48 13.859 6.24 13.891 6 13.925M6.72 13.829C10.2263 13.3891 13.7737 13.3891 17.28 13.829M6.72 13.829L6.34 18M17.28 13.829C17.52 13.859 17.76 13.891 18 13.925M17.28 13.829L17.66 18L17.889 20.523C17.9032 20.6787 17.8848 20.8356 17.8349 20.9837C17.7851 21.1319 17.7049 21.268 17.5995 21.3834C17.4942 21.4989 17.3659 21.5911 17.2229 21.6542C17.0799 21.7173 16.9253 21.7499 16.769 21.75H7.231C6.569 21.75 6.051 21.182 6.111 20.523L6.34 18M6.34 18H5.25C4.65326 18 4.08097 17.7629 3.65901 17.341C3.23705 16.919 3 16.3467 3 15.75V9.456C3 8.375 3.768 7.441 4.837 7.281C5.47295 7.18587 6.11074 7.10352 6.75 7.034M17.658 18H18.749C19.0446 18.0001 19.3372 17.942 19.6103 17.829C19.8834 17.716 20.1316 17.5503 20.3406 17.3413C20.5497 17.1324 20.7155 16.8843 20.8286 16.6113C20.9418 16.3382 21 16.0456 21 15.75V9.456C21 8.375 20.232 7.441 19.163 7.281C18.5271 7.18588 17.8893 7.10353 17.25 7.034M17.25 7.034C13.7603 6.6543 10.2397 6.6543 6.75 7.034M17.25 7.034V3.375C17.25 2.754 16.746 2.25 16.125 2.25H7.875C7.254 2.25 6.75 2.754 6.75 3.375V7.034M18 10.5H18.008V10.508H18V10.5ZM15 10.5H15.008V10.508H15V10.5Z' stroke='%23140106' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.cart__print:hover {
text-decoration: underline;
cursor: pointer;
}
.cart__item {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid var(--gray2);
}
.cart__item:last-child {
margin-bottom: 0;
border-bottom: none;
}
.cart__aside {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.cart__aside {
margin-bottom: 0;
margin-left: 25px;
width: 320px;
}
}
@media (min-width: 1200px) {
.cart__aside {
width: 410px;
}
}
@media (min-width: 992px) {
.cart__main {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
}
@media (min-width: 992px) {
.cart__cart-total {
position: sticky;
top: 30px;
}
}
.cart-stub {
max-width: 620px;
}
.cart-stub__caption {
margin-top: 20px;
}
.cart-stub__btn {
margin-top: 25px;
min-width: inherit;
width: 100%;
max-width: 300px;
}
@media (min-width: 992px) {
.cart-stub__btn {
margin-top: 45px;
}
}
.navigator {
margin-bottom: 30px;
}
@media (min-width: 992px) {
.navigator {
margin-bottom: 80px;
margin-top: -5px;
}
}
.navigator [aria-hidden=true] {
opacity: 1;
}
.navigator .tns-autowidth {
display: inline-block !important;
}
@media (min-width: 992px) {
.navigator .tns-autowidth {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.navigator__inner {
width: 100%;
overflow: hidden;
border-top: 1px solid var(--gray2);
border-bottom: 1px solid var(--gray2);
}
.navigator__list {
margin: 0;
padding: 0;
list-style-type: none;
}
.navigator__item {
padding-right: 20px;
}
.navigator__item:last-child {
padding-right: 0;
}
.navigator__item.is-current a {
color: var(--black);
}
.navigator__item.is-current a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 1px;
background: var(--black);
}
.navigator__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 15px 0px;
position: relative;
color: var(--gray3);
font-family: var(--main-font);
font-weight: var(--font-weight-bold);
white-space: nowrap;
}
@media (min-width: 992px) {
.navigator__link {
font-size: 20px;
line-height: 28px;
padding-top: 23px;
padding-bottom: 24px;
}
}
.about__caption {
margin-top: 20px;
max-width: 850px;
color: var(--gray4);
}
@media (min-width: 992px) {
.about__caption {
margin-top: 45px;
font-size: 18px;
line-height: 24px;
}
}
.about__preview {
margin-top: 20px;
max-width: 100%;
overflow: hidden;
border-radius: var(--main-border-radius);
}
.about-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 767px) {
.about-card {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media (min-width: 767px) {
.about-card.is-revert {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.about-card.is-revert .about-card__preview {
margin-left: 0;
margin-right: 30px;
}
}
.about-card__text {
margin-top: 15px;
}
@media (min-width: 992px) {
.about-card__text {
margin-top: 30px;
}
}
.about-card__text p {
margin-bottom: 15px;
color: var(--gray4);
margin-top: 0;
}
.about-card__text p:last-child {
margin-bottom: 0;
}
@media (min-width: 992px) {
.about-card__text p {
font-size: 18px;
line-height: 24px;
}
}
.about-card__preview {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 20px;
max-width: 100%;
overflow: hidden;
border-radius: var(--main-border-radius);
}
@media (min-width: 767px) {
.about-card__preview {
width: 40%;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 0;
margin-left: 30px;
position: sticky;
top: 30px;
}
}
@media (min-width: 1200px) {
.about-card__preview {
width: 100%;
max-width: 520px;
}
}
.contacts-widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -15px;
padding: 24px;
border-radius: var(--card-border-radius);
background: var(--gray);
}
@media (min-width: 992px) {
.contacts-widget {
padding: 50px 30px 75px;
margin: 0;
}
}
@media (min-width: 1200px) {
.contacts-widget {
padding: 37px 153px 66px 116px;
}
}
@media (min-width: 992px) {
.contacts-widget__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
gap: 20px;
}
}
.contacts-widget__col {
margin-bottom: 20px;
max-width: 320px;
}
.contacts-widget__col:last-child {
margin-bottom: 0;
}
.contacts-widget__title {
margin-bottom: 15px;
color: var(--black);
font-size: 18px;
font-weight: var(--font-weight-bold);
line-height: 24px;
}
.contacts-widget__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
padding: 0;
list-style-type: none;
}
.contacts-widget__item {
margin-bottom: 10px;
color: var(--gray4);
font-weight: var(--font-weight-bold);
}
.contacts-widget__item:last-child {
margin-bottom: 0;
}
.contacts-widget__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 5px;
color: inherit;
stroke: var(--gray4);
}
.contacts-widget__link svg {
margin-right: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.contacts-widget__socials {
margin-top: 15px;
}
.contacts__header {
margin-bottom: 28px;
}
.contacts__caption {
margin-top: 15px;
color: var(--gray4);
max-width: 890px;
}
@media (min-width: 992px) {
.contacts__caption {
margin-right: 45px;
font-size: 18px;
line-height: 24px;
}
}
.contacts__col {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--gray2);
}
@media (min-width: 992px) {
.contacts__col {
padding-bottom: 40px;
margin-bottom: 40px;
}
}
.contacts__col:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.contacts__heading {
margin-bottom: 15px;
color: var(--black);
}
@media (min-width: 992px) {
.contacts__heading {
margin-bottom: 30px;
}
}
.contacts__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 22px;
}
@media (min-width: 767px) {
.contacts__row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
}
@media (min-width: 992px) {
.contacts__row {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.contacts__row:last-child {
margin-bottom: 0;
}
.contacts__row a:hover {
text-decoration: underline;
}
.contacts__item {
color: var(--black);
font-weight: 700;
margin-bottom: 15px;
}
.contacts__item:last-child {
margin-bottom: 0;
}
@media (min-width: 767px) {
.contacts__item:first-child {
width: 100%;
}
}
@media (min-width: 992px) {
.contacts__item:first-child {
width: auto;
}
}
.contacts__store-list {
margin-top: 30px;
}
@media (min-width: 992px) {
.contacts__store-list {
margin-top: 45px;
}
}
.nav-list {
overflow: hidden;
}
.nav-list [aria-hidden=true] {
opacity: 1;
}
.nav-list .tns-autowidth {
display: inline-block !important;
}
.nav-list__list {
margin: 0;
padding: 0;
list-style-type: none;
}
.nav-list__item {
padding-right: 20px;
}
.nav-list__item:last-child {
padding-right: 0;
}
.nav-list__item.is-active a {
-webkit-transition: 0.5s;
transition: 0.5s;
color: var(--white);
background: var(--black);
border-color: var(--black);
}
.nav-list__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 25px;
color: var(--gray4);
font-weight: var(--font-weight-bold);
border-radius: var(--border-radius);
-webkit-transition: 0.5s;
transition: 0.5s;
border: 1px solid var(--gray2);
}
.nav-list__link:hover {
-webkit-transition: 0.5s;
transition: 0.5s;
color: var(--white);
background: var(--black);
border-color: var(--black);
}
@media (min-width: 992px) {
.nav-list__link {
font-size: 20px;
line-height: 24px;
}
}
.news-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.news-card__photo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding-bottom: 60%;
border-radius: var(--border-radius);
overflow: hidden;
}
@media (min-width: 992px) {
.news-card__photo {
border-radius: var(--card-border-radius);
}
}
.news-card__photo img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news-card__data {
margin-top: 24px;
}
.news-card__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
.news-card__date {
color: var(--black);
font-size: 14px;
line-height: 20px;
}
.news-card__badge {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 10px;
padding: 5px 15px;
color: var(--black);
font-size: 14px;
line-height: 20px;
border-radius: var(--small-border-radius);
border: 1px solid var(--black);
}
.news-card__title {
color: var(--black);
font-family: var(--main-font);
font-size: 20px;
font-weight: var(--font-weight-bold);
line-height: 28px;
}
.news-card__text {
margin-top: 15px;
margin-bottom: 0;
color: var(--gray4);
}
.brands__grid .news-card__data {
display: flex;
justify-content: center;
}
.brands__nav {
font-size: 18px;
line-height: 22px;
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 20px 0 0;
font-weight: bold;
}
.brands__group {
margin: 20px 0 0;
padding-top: 20px;
border-top: 1px solid var(--gray2);
}
.brands__items .brands__group:first-child {
border: none;
}
.brands__title {
font-size: 18px;
line-height: 22px;
font-weight: bold;
}
.brands__list {
margin: 10px 0 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
justify-items: start;
gap: 10px;
}
.news-detail {
margin-bottom: 40px;
}
.news-detail__promo,
.news-detail__promo-full {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
padding: 15px;
/* overflow: hidden; */
min-height: 250px;
}
.news-detail__promo-full {
padding: 0;
min-height: unset;
margin-bottom: 40px;
}
.news-detail__promo-full .article__share,
.news-detail__promo .article__share {
position: absolute;
bottom: 10px;
right: 10px;
}
.news-detail__body~.article__share {
margin-top: 20px;
}
.article__share .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more {
border-radius: var(--main-border-radius);
background: var(--black-transparent);
border: none;
}
.article__share .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more .ya-share2__title {
color: var(--white)
}
.article__share .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
filter: invert(1) !important;
;
}
/*
.article__share .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
background: rgba(0, 0, 0, 0.5) !important;
} */
.news-detail__promo img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: -1;
border-radius: var(--border-radius);
}
.news-detail__promo-full img {
max-width: 100%;
}
@media (min-width: 992px) {
.news-detail__promo {
min-height: 400px;
padding: 50px;
}
.news-detail__promo img {
border-radius: var(--card-border-radius);
}
.news-detail__promo-full img {
border-radius: var(--card-border-radius);
}
}
.news-detail .main-header__title {
/* text-align: center; */
}
.news-detail__title {
color: var(--white);
padding: 20px;
border-radius: var(--main-border-radius);
background: var(--black-transparent);
}
@media (min-width: 992px) {
.news-detail__title {
max-width: 910px;
padding: 28px 36px;
text-align: center;
}
}
.news-detail__date {
text-align: center;
font-weight: bold;
/* margin-bottom: 20px; */
}
.news-detail__head {
display: flex;
justify-content: space-between;
align-items: center;
margin: 30px auto 0;
color: var(--black);
}
.news-detail__body {
margin: 30px auto 0;
/* max-width: 850px; */
color: var(--black);
font-weight: var(--font-weight);
}
.article__share {
margin-left: auto;
}
.brand__detail {
margin-bottom: 0;
}
.brand__detail .main-header__title {
text-align: left;
margin: 0;
}
.brand__detail .news-detail__title-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.brand__detail .news-detail__title-container img {
max-width: 100%;
max-height: 100%;
}
.brand__detail .news-detail__title-container .news-detail__image {
width: 100px;
height: 55px;
display: flex;
align-items: center;
}
@media (min-width: 767px) {
.news-detail__head,
.news-detail__body {
font-size: 18px;
line-height: 24px;
}
}
.popup .news-detail__body {
margin-top: 0;
}
.news-detail__body h1,
.news-detail__body h2,
.news-detail__body h3,
.news-detail__body h4,
.news-detail__body h5,
.news-detail__body h6 {
color: var(--black);
margin-bottom: 20px;
line-height: normal;
}
@media (max-width: 991px) {
.news-detail__head,
.news-detail__body {
margin: 15px auto 0
}
.news-detail__body h1,
.news-detail__body h2,
.news-detail__body h3,
.news-detail__body h4,
.news-detail__body h5,
.news-detail__body h6 {
font-size: 18px;
}
}
.news-detail__body td,
.news-detail__body th {
border: 1px solid var(--blackabs);
padding: 5px;
}
.news-detail__body ul,
.news-detail__body ol {
padding-left: 20px;
}
.news-detail__body li {
margin-bottom: 5px;
}
.news-detail__body li:last-child {
margin-bottom: 0;
}
.news-detail__body li ul {
margin: 10px 0;
}
.news-detail__body i {
margin-bottom: 15px;
padding: 20px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: var(--card-border-radius);
background: var(--gray);
color: var(--black);
font-size: 18px;
font-style: normal;
font-weight: var(--font-weight-bold);
line-height: 24px;
}
.news-detail__body table {
border-collapse: collapse;
}
.news-detail__body img {
max-width: 100%;
}
.services-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 640px) {
.services-card {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.services-card__photo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding-bottom: 60%;
border-radius: var(--border-radius);
overflow: hidden;
}
@media (min-width: 640px) {
.services-card__photo {
width: 250px;
height: 230px;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-bottom: 0%;
margin-right: 24px;
}
}
@media (min-width: 992px) {
.services-card__photo {
border-radius: var(--main-border-radius);
width: 410px;
}
}
.services-card__photo img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.services-card__data {
margin-top: 24px;
}
@media (min-width: 640px) {
.services-card__data {
margin-top: 0;
}
}
.services-card__title {
color: var(--black);
}
@media (max-width: 991px) {
.services-card__title {
font-size: 18px;
}
}
.services-card__text {
margin-top: 15px;
margin-bottom: 0;
color: var(--gray4);
}
.services-card__more {
margin-top: 24px;
}
.services-widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 991px) {
.services-widget {
flex-direction: column;
}
}
@media (min-width: 1200px) {
.services-widget.width-gap .services-widget {
white-space: nowrap;
}
.services-widget.width-gap .services-widget__col:first-child {
width: 67.5%;
padding: 46px 70px 46px 40px;
}
.services-widget.width-gap .services-widget__col:last-child {
width: 32.5%;
margin-left: 30px;
}
.services-widget.width-gap .services-widget__title {
max-width: 590px;
}
.services-widget.width-gap .services-widget__caption {
max-width: 740px;
font-size: 16px;
}
}
.services-widget__img {
border-radius: var(--card-border-radius);
overflow: hidden;
max-width: 100%;
max-height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 991px) {
.services-widget__img {
/* display: none;*/
position: relative;
width: 100%;
object-fit: contain;
}
}
.services-widget__col:first-child {
margin: 0 -15px;
padding: 20px;
border-radius: var(--card-border-radius);
background: var(--gray);
}
@media (min-width: 767px) {
.services-widget__col:first-child {
margin: 0;
}
}
@media (min-width: 992px) {
.services-widget__col:first-child {
width: 60%;
}
}
@media (min-width: 1200px) {
.services-widget__col:first-child {
width: 50%;
padding: 70px 77px 90px 52px;
}
}
.services-widget__col:last-child {
position: relative;
width: 40%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 991px) {
.services-widget__col:first-child {
margin: 0;
}
.services-widget__col:last-child {
width: 100%;
order: -1;
}
}
@media (min-width: 1200px) {
.services-widget__col:last-child {
width: 50%;
}
}
.services-widget__col.col-10 {
width: 100%;
display: block !important;
}
.services-widget__caption {
margin-top: 15px;
}
@media (min-width: 1200px) {
.services-widget__caption {
margin-top: 22px;
font-size: 18px;
}
}
.services-widget__btns {
margin-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
}
@media (max-width: 480px) {
.services-widget__btns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 1200px) {
.services-widget__btns {
margin-top: 32px;
}
}
.services-widget__btn {
min-width: 215px;
}
@media (max-width: 480px) {
.services-widget__btn {
width: 100%;
margin-bottom: 10px;
}
}
.services-widget__btn:last-child {
margin-bottom: 0;
}
@media (min-width: 992px) {
.about-services__grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}
}
.about-services__col p {
color: var(--gray4);
}
.about-services__col h2 {
margin-bottom: 25px;
}
@media (min-width: 992px) {
.about-services__col {
column-count: 2;
column-gap: 15px;
/* width: 50%; */
}
.about-services__col p {
margin-top: 0;
margin-bottom: 20px;
font-size: 18px;
font-weight: var(--font-weight-bold);
line-height: 24px;
}
.about-services__col p.is-accent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: var(--black);
padding: 20px 30px;
border-radius: var(--card-border-radius);
background: var(--gray);
}
}
.services-cost {
max-width: 850px;
}
.services-cost__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 0;
color: var(--black);
font-weight: var(--font-weight-bold);
border-bottom: 1px solid var(--gray2);
}
.services-cost__item span {
font-weight: 700;
}
.services-cost__item:first-child {
padding-top: 0;
}
@media (min-width: 992px) {
.services-cost__item {
padding: 25px 0;
font-size: 20px;
line-height: 24px;
}
}
.gallery-news {
margin-top: 30px;
}
.gallery__thumb-inner {
position: relative;
width: 145px;
height: 145px;
border-radius: var(--border-radius);
overflow: hidden;
margin-right: 24px;
}
.gallery__thumb img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.gallery__slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
height: auto;
}
@media (max-width: 1199px) {
.gallery__slider {
height: auto;
}
}
.gallery__slider-big {
background: var(--white);
width: 100%;
/* position: absolute; */
left: 0;
right: 0;
top: 0;
margin: 0 auto;
/* z-index: 465; */
}
@media (max-width: 1199px) {
.gallery__slider-big {
position: static;
}
}
@media (max-width: 991px) {
.gallery__slider-big {
width: 100%;
}
}
.gallery__slider-big .tns-ovh {
overflow: hidden;
}
.gallery__slider-big .tns-inner {
overflow: hidden;
}
.gallery__slider-big [aria-hidden=true] {
/* opacity: 1; */
/* -webkit-transition: 0.3s; */
/* transition: 0.3s; */
}
.gallery__slider-big .tns-controls {
position: static;
}
.gallery__slider-big .tns-controls button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
left: 15px;
top: calc(50% - 17px);
width: 43px;
height: 43px;
padding: 5px;
border-radius: 50%;
background: var(--white);
-webkit-box-shadow: 0px 4px 15px rgba(89, 89, 87, 0.1);
box-shadow: 0px 4px 15px rgba(89, 89, 87, 0.1);
z-index: 65;
}
.gallery__slider-big .tns-controls button[data-controls=next] {
left: auto;
right: 15px;
}
.gallery__slide-inner {
/* width: 630px; */
/* height: 390px; */
position: relative;
border-radius: var(--border-radius);
margin: 0 auto;
/* overflow: hidden; */
}
@media (max-width: 991px) {
.gallery__slide-inner {
width: 100%;
/* padding-bottom: 60%; */
}
}
.gallery__slide-inner a {
display: block;
}
.gallery__slide-inner img {
/* position: absolute; */
/* left: 0; */
/* right: 0; */
/* top: 0; */
/* bottom: 0; */
max-width: 100%;
height: auto;
-o-object-fit: cover;
/* object-fit: cover; */
display: block;
margin: 0 auto;
border-radius: var(--border-radius);
}
.gallery__thumbs {
margin-left: -108px;
}
@media (max-width: 1199px) {
.gallery__thumbs {
margin-top: 30px;
margin-left: 0;
}
.gallery__thumbs [aria-hidden=true] {
opacity: 1;
-webkit-transition: 0.3s;
transition: 0.3s;
}
}
.compare__header {
margin-bottom: 24px;
}
@media (min-width: 992px) {
.compare__header {
margin-bottom: 45px;
}
}
.compare__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
list-style-type: none;
overflow: auto;
}
.compare__item {
margin-right: 15px;
padding-bottom: 20px;
}
@media (min-width: 992px) {
.compare__item {
margin-right: 70px;
}
}
.compare__item:last-child {
margin-right: 0;
}
.compare__item.is-active {
border-bottom: 1px solid var(--black);
}
.compare__item.is-active a {
color: var(--black);
}
.compare__link {
color: var(--gray4);
font-family: var(--main-font);
font-weight: var(--font-weight-bold);
white-space: nowrap;
}
@media (min-width: 992px) {
.compare__link {
font-size: 20px;
line-height: 28px;
}
}
.compare__remove-all {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 6px 12px;
margin-top: 28px;
color: var(--gray4);
font-size: 18px;
font-weight: var(--font-weight-bold);
line-height: 24px;
border-radius: var(--small-border-radius);
border: 0;
background: var(--gray);
}
.compare__remove-all::after {
content: "";
width: 18px;
height: 20px;
margin-left: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 14.75L13.5 5.25M4.5 5.25L13.5 14.75' stroke='%23140106' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.compare__remove-all:hover {
background: var(--gray2);
}
.compare__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.compare__action {
margin-bottom: 12px;
}
.compare__action:last-child {
margin-bottom: 0;
}
.compare__slide {
width: 250px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 15px;
}
@media (min-width: 767px) {
.compare__slide {
width: 300px;
}
}
@media (min-width: 992px) {
.compare__slide {
width: 25%;
}
}
.compare__slide:first-child .compare-card__row {
color: var(--gray4);
}
.compare__slide .product-card {
/* margin-right: 30px; */
}
.compare__slide:last-child .product-card {
margin-right: 0;
}
.compare__slide:last-child .compare-card__row {
padding-right: 0;
}
@media (max-width: 1199px) {
.compare .price {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
text-align: left;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.compare .price div {
margin-left: 0;
}
}
.compare [aria-hidden=true] {
opacity: 1;
}
.compare-card__row {
color: var(--black);
padding: 24px 30px 24px 0;
font-weight: var(--font-weight-bold);
border-bottom: 1px solid var(--gray2);
margin: 0 -30px 0 0;
}
.catalog-dropdown {
display: none;
}
.catalog-dropdown.active {
display: block;
}
@media (min-width: 992px) {
.catalog-dropdown {
position: absolute;
left: 0;
right: 0;
top: 100%;
z-index: 999;
height: 690px;
padding: 40px 0 34px;
background: var(--white);
overflow: auto;
max-height: calc(100vh - 60px);
}
.header__catalog-dropdown__alt {
height: 600px;
max-height: calc(100vh - 60px);
}
}
@media (max-width: 991px) {
.catalog-dropdown {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100vh;
background: var(--white);
z-index: 9999;
overflow: auto;
padding-top: 70px;
}
}
.catalog-dropdown__close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
right: 15px;
top: 20px;
width: 24px;
height: 24px;
stroke: var(--black);
}
@media (min-width: 992px) {
.catalog-dropdown__close {
display: none;
}
}
.catalog-dropdown__item {
display: flex;
align-items: center;
}
.catalog-dropdown__item-image {
display: flex;
width: 30px;
height: 30px;
margin-right: 10px;
align-items: center;
}
.catalog-dropdown__item-image img {
max-width: 100%;
max-height: 100%;
}
.catalog-dropdown ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
padding: 0;
list-style-type: none;
}
@media (min-width: 992px) {
.catalog-dropdown ul {
position: relative;
}
.header__catalog-dropdown__alt.catalog-dropdown ul {
flex-direction: unset;
flex-wrap: wrap;
}
}
.catalog-dropdown ul>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 992px) {
.catalog-dropdown ul>li {
width: 300px;
margin-bottom: 8px;
}
.catalog-dropdown ul>li:last-child {
margin-bottom: 0;
}
.catalog-dropdown ul>li.active .catalog-dropdown__inner {
opacity: 1;
visibility: visible;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.catalog-dropdown ul>li:hover a,
.catalog-dropdown ul>li.active a {
color: var(--black);
background: var(--gray);
}
.header__catalog-dropdown__alt.catalog-dropdown ul>li:hover a,
.header__catalog-dropdown__alt.catalog-dropdown ul>li.active a {
color: var(--black);
background: none;
}
.header__catalog-dropdown__alt.catalog-dropdown ul>li {
display: block;
}
.header__catalog-dropdown__alt.catalog-dropdown ul li.catalog-dropdown__heading {
font-size: 16px;
display: block;
font-weight: unset;
color: var(--gray4);
padding: 0;
}
}
.catalog-dropdown ul>li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 9px 20px 9px 0px;
position: relative;
width: 100%;
}
@media (max-width: 991px) {
.catalog-dropdown ul>li a {
color: var(--black);
}
}
@media (min-width: 992px) {
.catalog-dropdown ul>li a {
padding: 9px 30px 9px 18px;
color: var(--gray4);
font-size: 18px;
border-radius: var(--small-border-radius);
}
.catalog-dropdown ul>li a::after {
right: 12px !important;
}
.catalog-dropdown ul>li a:hover {
text-decoration: none !important;
color: var(--black);
background: var(--gray);
}
.header__catalog-dropdown__alt.catalog-dropdown ul>li.catalog-dropdown__parent>a,
.header__catalog-dropdown__alt.catalog-dropdown ul>li.catalog-dropdown__alone>a {
font-weight: bold;
display: block;
padding: 0 0 0 30px;
width: auto;
margin-bottom: 8px;
}
.header__catalog-dropdown__alt.catalog-dropdown ul>li.catalog-dropdown__alone>a {
padding: 0;
}
.header__catalog-dropdown__alt.catalog-dropdown ul>li.catalog-dropdown__parent a::after,
.header__catalog-dropdown__alt.catalog-dropdown ul>li.catalog-dropdown__alone a::after {
content: none;
}
.header__catalog-dropdown__alt.catalog-dropdown ul>li a:hover {
text-decoration: none !important;
color: var(--black);
background: none;
}
}
.catalog-dropdown ul>li.catalog-dropdown__parent a::after {
content: "";
width: 18px;
height: 18px;
display: block;
position: absolute;
right: 0px;
top: 15px;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.1875 3.375L11.8125 9L6.1875 14.625' stroke='%23595957' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
.catalog-dropdown__inner {
position: absolute;
left: 300px;
right: 0;
top: 0;
padding-left: 30px;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.2s;
transition: 0.2s;
height: 100%;
}
.header__catalog-dropdown__alt .catalog-dropdown__inner {
position: static;
visibility: visible;
opacity: 1;
height: auto;
padding: 0 0 0 30px;
left: 0;
display: block;
transition: none;
width: auto;
}
}
@media (max-width: 991px) {
.catalog-dropdown__inner {
padding: 24px;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 99999;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.5s;
transition: 0.5s;
display: block;
opacity: 0;
visibility: hidden;
}
.catalog-dropdown__inner.visible {
background: var(--white);
overflow: auto;
-webkit-transform: none;
transform: none;
-webkit-transition: 0.5s;
transition: 0.5s;
opacity: 1;
visibility: visible;
height: calc(100vh - 70px);
}
}
.catalog-dropdown__inner ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
padding: 0;
list-style-type: none;
}
.catalog-dropdown__inner ul li {
margin-top: 8px;
}
@media (min-width: 992px) {
.catalog-dropdown__inner ul li {
margin-top: 0;
}
}
.catalog-dropdown__inner ul li a {
padding: 0;
font-size: 16px;
color: var(--gray4);
background: 0 !important;
}
.catalog-dropdown__inner ul li a::after {
display: none !important;
}
.catalog-dropdown__inner ul li a:hover {
text-decoration: underline !important;
}
@media (min-width: 992px) {
.catalog-dropdown__inner ul li a {
font-size: 16px;
}
}
.catalog-dropdown .js-menu-back {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 24px;
height: 24px;
margin-right: 10px;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.catalog-dropdown .js-menu-back::before {
content: "";
width: 18px;
height: 18px;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.1875 3.375L11.8125 9L6.1875 14.625' stroke='%23595957' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
.catalog-dropdown .js-menu-back {
display: none;
}
}
@media (min-width: 992px) {
.catalog-dropdown__grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -28px -28px;
}
.header__catalog-dropdown__alt .catalog-dropdown__grid {
display: block;
margin: 0;
}
}
@media (min-width: 992px) {
.catalog-dropdown__col {
width: 33.33%;
padding: 0 28px;
margin-bottom: 28px;
}
.header__catalog-dropdown__alt .catalog-dropdown__col {
margin-bottom: 8px;
width: 100%;
padding: 0;
}
.header__catalog-dropdown__alt .catalog-dropdown__grid .catalog-dropdown__col:last-child {
margin-bottom: 28px;
}
.catalog-dropdown__col-submenu li {
padding: 0 0 0 20px;
}
}
.catalog-dropdown__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: var(--main-font);
margin-bottom: 15px;
}
@media (min-width: 992px) {
.catalog-dropdown__title {
margin-bottom: 32px;
}
.header__catalog-dropdown__alt .catalog-dropdown__title {
display: none;
}
}
.catalog-dropdown__heading {
color: var(--black);
font-size: 16px;
font-weight: 700;
line-height: 22px;
}
@media (min-width: 992px) {
.catalog-dropdown__heading {
font-size: 18px;
}
}
.catalog-dropdown__more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 8px;
color: var(--blue);
font-weight: var(--font-weight-bold);
line-height: 22px;
font-size: 14px;
cursor: pointer;
}
@media (min-width: 992px) {
.catalog-dropdown__more {
margin-top: 0;
font-size: 16px;
padding-left: 20px;
}
}
.catalog-dropdown__more:hover {
text-decoration: underline;
}
.catalog-dropdown__more::after {
content: "";
width: 18px;
height: 18px;
margin-left: 8px;
display: block;
-webkit-transition: 0.5s;
transition: 0.5s;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.1875L9 11.8125L3.375 6.1875' stroke='%230D2AC6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.catalog-dropdown__more.is-active::after {
-webkit-transition: 0.5s;
transition: 0.5s;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.js-promo-slider .slick-arrow {
position: absolute;
z-index: 2;
top: calc(50% - 60px);
left: -75px;
background: var(--black-transparent);
border-radius: 50%;
padding: 60px;
visibility: hidden;
/* height: 9px; */
/* opacity: 0.5; */
}
.js-promo-slider:hover .slick-arrow {
visibility: visible;
}
.js-promo-slider .slick-arrow:hover {
cursor: pointer;
border-color: var(--btn-hover);
background: var(--btn-hover);
color: var(--white);
}
.js-promo-slider .slick-arrow.slick-next {
left: auto;
right: -75px;
}
.js-promo-slider .slick-arrow:before {
/* filter: invert(1); */
margin-right: 60px;
height: 37px;
width: 32px;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.1875L9 11.8125L3.375 6.1875' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.js-promo-slider .slick-arrow.slick-prev:before {
margin-right: 0;
margin-left: 60px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.js-promo-slider.adaptive-height,
.js-promo-slider.adaptive-height .slick-list,
.js-promo-slider.adaptive-height .slick-track,
.js-promo-slider.adaptive-height .banner__slide {
max-height: calc(100vh - 160px);
}
.js-promo-slider .slick-track {
display: block;
}
.js-promo-slider.adaptive-height .slick-track {
display: flex;
}
.header--transparent .js-promo-slider.adaptive-height,
.header--transparent .js-promo-slider.adaptive-height .slick-list,
.header--transparent .js-promo-slider.adaptive-height .slick-track,
.header--transparent .js-promo-slider.adaptive-height .banner__slide {
max-height: 100vh;
}
.header--transparent .js-promo-slider .slick-list {
margin: 0;
}
.header--transparent .js-promo-slider .banner__slide {
margin: 0;
width: 100%;
}
.popup__title {
padding: 0 52px 28px;
text-align: center;
font-size: 34px;
line-height: 44px;
color: var(--blackabs);
font-weight: var(--font-weight-bold);
}
.popup__description {
margin-bottom: 20px;
}
.popup {
max-width: 633px;
border-radius: var(--card-border-radius);
width: 100%;
}
.popup__wide {
max-width: 100%;
width: 1000px;
}
.popup .form__footer-buttons {
justify-content: center;
gap: 10px;
}
[data-product-offervalue][data-disabled] {
opacity: 0.5;
}
.page404 {
text-align: center;
margin-bottom: 50px;
}
.page404__title {
font-size: 190px;
font-style: normal;
font-weight: var(--font-weight-bold);
line-height: 1;
margin-bottom: 36px;
}
.page404__subtitle {
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 1;
margin-bottom: 36px;
}
.page404__text {
font-size: 20px;
font-style: normal;
font-weight: 400;
margin-bottom: 36px;
}
.detail__slide {
flex-shrink: 0;
/* width: 100% !important; */
}
.detail__wrapper:not(.slick-initialized) {
display: flex;
flex-wrap: nowrap;
}
.detail__big-slider {
overflow: hidden;
}
.in_loading {
opacity: 0.5;
pointer-events: none;
position: relative;
}
.loading-screen {
display: inline-block;
width: 84px;
height: 84px;
background: rgba(0, 0, 0, 0.5) !important;
position: fixed !important;
border: none !important;
width: 100% !important;
height: 100% !important;
left: 0 !important;
top: 0 !important;
font-size: 0 !important;
z-index: 999999999;
transform: translateZ(1px);
}
.loading-screen .loader {
position: relative;
width: 100px;
height: 16px;
position: fixed;
left: calc(50% - 50px);
top: calc(50% - 8px);
}
.loading-screen .loader:before,
.loading-screen .loader:after,
.in_loading:before,
.in_loading:after {
content: "";
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--white);
box-shadow: 32px 0 var(--white);
left: 0;
top: 0;
animation: ballMoveX 1s linear infinite;
z-index: 99;
}
.in_loading:before,
.in_loading:after {
background: var(--theme-color);
box-shadow: 32px 0 var(--theme-color);
left: calc(50% - 50px);
top: calc(50% - 8px);
}
.loading-screen .loader:after {
box-shadow: none;
transform-origin: 40px 0;
transform: rotate(-153deg);
animation: rotateLoader 1s linear infinite;
}
@keyframes rotateLoader {
0%,
10% {
transform: rotate(-153deg);
}
90%,
100% {
transform: rotate(0deg);
}
}
@keyframes ballMoveX {
0%,
10% {
transform: translateX(0)
}
90%,
100% {
transform: translateX(32px)
}
}
/*
.loading-screen .loader {
width: 84px;
height: 84px;
position: fixed;
left: calc(50% - 42px);
top: calc(50% - 42px);
}
.loading-screen .loader:before,
.loader:after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 84px;
height: 84px;
border-radius: 50%;
background: var(--theme-color);
animation: push 1s infinite linear alternate;
}
.loading-screen .loader:after {
top: auto;
bottom: 0;
left: 0;
background: #fff;
animation-direction: alternate-reverse;
}
@keyframes push {
0% {
width: 14px;
height: 14px;
}
100% {
width: 84px;
height: 84px;
}
} */
.alert {
margin-bottom: 8px;
/* border-radius: 5px; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--blackabs);
font-size: 16px;
border-radius: var(--card-border-radius);
line-height: 22px;
padding: 12px 20px;
position: relative;
}
.alert:before,
.btn-success:after {
width: 38px;
min-width: 38px;
height: 38px;
min-height: 38px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 15px;
}
.btn-success:after {
margin-right: 0;
margin-left: 15px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert__content {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 100%;
}
.alert__content .btn {
margin-top: 10px;
width: auto;
font-size: 90%;
word-break: break-word;
padding: 10px;
height: auto;
}
.alert>p,
.alert>ul {
margin-bottom: 0;
}
.alert>p+p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: absolute;
top: 10px;
right: 15px;
color: inherit;
}
.alert-success {
color: var(--blackabs);
background-color: rgba(35, 164, 31, 0.15);
border-color: rgba(35, 164, 31, 0.15);
}
.alert-success:before,
.btn-success:after {
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='39' height='38' viewBox='0 0 39 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19.5' cy='19' r='19' fill='%2323A41F' fill-opacity='0.7'/%3E%3Cpath d='M11.2793 19.8221L17.8562 26.399L27.7216 11.601' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: var(--blackabs);
background-color: #ffd600;
border-color: #ffd600;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
/* color: #a94442; */
background-color: rgba(225, 45, 6, 0.15);
border-color: rgba(225, 45, 6, 0.15);
}
.alert-danger:before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='39' height='38' viewBox='0 0 39 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19.5' cy='19' r='19' fill='%23E12D06'/%3E%3Cpath d='M26.8944 25.8943C28.7229 24.0658 29.7501 21.5859 29.7501 19C29.7501 16.4141 28.7229 13.9342 26.8944 12.1057C25.0659 10.2772 22.5859 9.24994 20.0001 9.24994C17.4142 9.24994 14.9342 10.2772 13.1057 12.1057M26.8944 25.8943C25.0659 27.7228 22.5859 28.7501 20.0001 28.7501C17.4142 28.7501 14.9342 27.7228 13.1057 25.8943C11.2772 24.0658 10.25 21.5859 10.25 19C10.25 16.4141 11.2772 13.9342 13.1057 12.1057M26.8944 25.8943L13.1057 12.1057' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.form__body .alert {
margin-bottom: 20px;
}
.hidden {
display: none !important;
}
[data-tabs] [data-tab] {
display: none;
}
@media (max-width: 991px) {
[data-tabs] [data-tab].no-hide-mobile {
display: block;
}
}
[data-tabs] [data-tab].active {
display: block;
}
.is-invalid {
/* background: #ffe0e0 !important; */
border: 1px solid red;
-webkit-animation: blink .3s step-end infinite alternate;
animation: blink .3s step-end infinite alternate;
}
[data-search-result-alt],
[data-search-result] {
position: absolute;
background: var(--white);
width: 100%;
z-index: 2;
padding: 20px;
display: none;
overflow: auto;
max-height: 80vh;
border: 1px solid #B5C1D3;
border-left: 8px solid #DF2143;
}
[data-search-result].active {
display: block;
}
.popup__content {
position: relative;
}
.print_page #bx-panel,
.print_page .header,
.print_page #bx-panel-back,
.print_page .breadcrumbs,
.print_page .item__info,
.print_page .item__controls-wrap,
.print_page .slick-arrow,
.print_page .line-items,
.print_page .stats__link,
.print_page .section,
.print_page .sub-form,
.print_page footer,
.print_page .item__view,
.print_page .item__stats,
.print_page .cookie,
.print_page .onTop {
display: none !important;
}
.cookie-block {
display: flex;
}
.cookie .buttons .btn {
font-size: 14px;
padding: 10px 20px;
height: auto;
line-height: 1;
white-space: nowrap;
margin-right: 10px;
}
.cookie .buttons {
display: flex;
align-items: center;
justify-content: center;
}
.search-widget__link b {
/* margin-right: 5px; */
display: contents;
}
.store-list__map iframe {
border: none;
}
.toast {
position: fixed;
width: 450px;
max-width: 100%;
top: 30px;
right: 30px;
padding: 20px 40px 20px 20px;
border-radius: var(--border-radius);
background: var(--white);
z-index: 999999;
-webkit-box-shadow: 0px 4px 15px 0px rgba(89, 89, 87, 0.10);
box-shadow: 0px 4px 15px 0px rgba(89, 89, 87, 0.10);
transform: translateX(100%);
-webkit-transform: translateX(100%);
animation: slide-in 0.5s forwards;
-webkit-animation: slide-in 0.5s forwards;
}
.toast__close {
position: absolute;
right: 12px;
top: 12px;
width: 24px;
height: 24px;
cursor: pointer;
}
.toast__container {
display: flex;
align-items: center;
}
.toast__image {
width: 75px;
height: 75px;
text-align: center;
margin-right: 10px;
}
.toast__image img {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
.toast__content-title {
font-size: 16px;
font-style: normal;
font-weight: var(--font-weight-bold);
line-height: 20px;
}
.toast__content-text {
font-family: var(--main-font);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.toast__content-title+.toast__content-text {
margin-top: 12px;
}
.category-widget__path {
/* margin-bottom: 10px; */
}
.category-widget__path+.category-widget__list {
margin-left: 10px;
}
.category-widget__path-item {
margin-bottom: 10px;
color: var(--black);
font-family: var(--main-font);
font-size: 20px;
font-weight: var(--font-weight-bold);
line-height: 28px;
display: flex;
margin-bottom: 10px;
align-items: center;
border-radius: var(--small-border-radius);
}
.category-widget__path-item:before {
content: '';
width: 20px;
height: 16px;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='23' height='18' viewBox='0 0 23 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.62562 9.26344H21.9549M21.9549 9.26344L14.3314 1.63995M21.9549 9.26344L14.3314 16.8869' stroke='%23140106' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
background-size: contain;
}
.category-widget__path .category-widget__path-item:last-child:before {
content: none;
}
.category-widget__path .category-widget__path-item:last-child {
color: var(--black);
background: var(--gray);
display: inline-flex;
padding: 4px 8px;
/* margin: 0 0 0 25px; */
}
.arrow-left,
.arrow-right {
display: inline-block;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 23px;
height: 23px;
padding: 0;
background: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.arrow-left:before,
.arrow-right:before {
content: "";
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 23px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='23' height='18' viewBox='0 0 23 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.62562 9.26344H21.9549M21.9549 9.26344L14.3314 1.63995M21.9549 9.26344L14.3314 16.8869' stroke='%23140106' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.arrow-left:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.star-rating.error-label {
border: 1px solid red;
}
.bx-authform {
max-width: 100%;
width: 500px;
margin: 0 auto;
}
.bx-authform .alert,
.bx_profile .alert {
margin-bottom: 30px;
}
.bx-authform .bx-title {
text-align: center;
}
.bx-authform .form__footer {
text-align: center;
}
.bx-authform-content-container,
.bx-authform-label-container,
.bx-authform-note-container {
font-size: 13px;
color: var(--gray4);
/* padding-top: 4px; */
text-align: center;
}
.bx-authform .form__footer-buttons {
justify-content: center;
}
.bx-authform-link-container {
text-align: center;
margin-top: 10px;
}
.bx-authform-link-container .btn {
margin-top: 20px;
}
.bx-authform-social {
text-align: center;
}
.auth__settings {
margin-top: 20px;
}
#bx_register_resend {
text-align: center;
margin-top: 10px;
}
.btn-timer {
display: none;
}
.timer-on .btn-timer {
display: block;
}
.timer-on .btn-resend {
display: none;
}
.bx-captcha {
margin-bottom: 20px;
}
.product-info__item.is-brand {
margin-left: auto;
}
.page404 img {
width: 500px;
max-width: 100%;
}
.product-status-artnumber {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
.city-widget.header__city {
min-width: 190px;
display: flex;
justify-content: space-between;
align-items: center;
}
.city-widget.header__city .custom-select+.custom-select {
margin-left: 15px;
}
.city-widget__current-select .custom-select__current-value {
/* white-space: nowrap; */
}
.page__auth .main-header__title {
text-align: center;
}
.text-center {
text-align: center;
}
.product-card .size-widget {
max-height: 120px;
overflow: auto;
}
.news-card__photo-contain img {
-o-object-fit: contain;
object-fit: contain;
}
.mb20 {
margin-bottom: 20px;
}
.mb30 {
margin-bottom: 30px;
}
.icon-play {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
position: absolute;
opacity: 0.7;
top: 0;
}
.icon-play svg {
fill: var(--black);
}
.icon-sound,
.icon-muted {
position: absolute;
z-index: 2;
bottom: 15px;
left: 15px;
display: flex;
/* background: rgba(255, 255, 255, 0.5); */
border-radius: var(--round-border-radius);
/* padding: 5px; */
cursor: pointer;
opacity: 0.7;
}
.icon-sound svg {
stroke: var(--white);
fill: none;
}
.icon-muted svg {
stroke: var(--white);
fill: var(--white);
}
video~.icon-muted {
display: none;
}
video[muted]~.icon-muted {
display: flex;
}
video[muted]~.icon-sound {
display: none;
}
.cookies__accept {
position: fixed;
width: 100%;
left: 0;
bottom: 0;
z-index: 99999;
background: var(--gray);
padding: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.cookies__accept-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.cookies__block-text a {
text-decoration: underline;
}
.cookies__block-btn .btn {
min-width: unset;
}
.btn__up--container {
position: fixed;
bottom: 90px;
left: 20px;
z-index: 9999;
}
.btn__up--container .btn {
/* display: block; */
/* width: 23px; */
/* min-width: 23px; */
/* height: 23px; */
/* background-image: url("data:image/svg+xml,%3Csvg width='23' height='18' viewBox='0 0 23 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.62562 9.26344H21.9549M21.9549 9.26344L14.3314 1.63995M21.9549 9.26344L14.3314 16.8869' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); */
/* background-repeat: no-repeat; */
border-radius: var(--round-border-radius);
padding: var(--input-padding-vertical);
/* background-position: center; */
transform: rotate(-90deg);
display: flex;
align-items: center;
justify-content: center;
width: var(--input-height);
}
.header--transparent:not(.is-menu) .header:not(.fixed) {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 2;
background: rgba(20, 1, 6, 5%);
background: linear-gradient(180deg, rgba(20, 1, 6, 20%) 0%, rgba(20, 1, 6, 10%) 50%, rgba(20, 1, 6, 5%) 75%, rgba(0, 0, 0, 0) 100%);
}
.header--transparent #bx-panel~.header:not(.fixed) {
top: 147px;
}
.header--transparent #bx-panel.bx-panel-folded~.header:not(.fixed) {
top: 39px;
}
.header--transparent:not(.is-menu) .header:not(.fixed) .custom-select__current,
.header--transparent:not(.is-menu) .header:not(.fixed) .header__contacts .header__tel,
.header--transparent:not(.is-menu) .header:not(.fixed) .header__contacts .header__callback,
.header--transparent:not(.is-menu) .header:not(.fixed) .header__item,
.header--transparent:not(.is-menu) .header:not(.fixed) .header__item a,
.header--transparent:not(.is-menu) .header:not(.fixed) .header__item:hover,
.header--transparent:not(.is-menu) .header:not(.fixed) .header__item a:hover,
.header--transparent:not(.is-menu) .header:not(.fixed) .header__item .header__info,
.header--transparent:not(.is-menu) .header:not(.fixed) .header__item .header__info::before,
.header--transparent:not(.is-menu) .header:not(.fixed) .search-widget__input,
.header--transparent:not(.is-menu) .header:not(.fixed) .header__top .header__menu>.menu__item>.menu__link {
color: var(--white);
}
.header--transparent:not(.is-menu) .header:not(.fixed) .user__icon {
border-color: var(--white);
}
.header--transparent:not(.is-menu) .header:not(.fixed) .city-widget__current svg,
.header--transparent:not(.is-menu) .header:not(.fixed) .search-widget__send,
.header--transparent:not(.is-menu) .header:not(.fixed) .header__actions .header__item.mobile__hidden svg,
.header--transparent:not(.is-menu) .header:not(.fixed) .header__actions .header__item.js-toggle-menu svg {
stroke: var(--white);
}
.header--transparent:not(.is-menu):not(.night-theme) .header:not(.fixed) .custom-select__current.city-widget__current-select::after,
.header--transparent:not(.is-menu):not(.night-theme) .header:not(.fixed) .custom-select__current.currency-widget__current-select::after,
.header--transparent:not(.is-menu):not(.night-theme) .header:not(.fixed) .header__content .header__logo.invert {
filter: invert(1);
}
.header--transparent:not(.is-menu) .header:not(.fixed) .header__search {
margin-top: 0;
border-top: none;
}
.header__logo img.logo-transparent {
display: none;
}
.header--transparent:not(.is-menu) .header:not(.fixed) .header__content .header__logo img.logo-transparent {
display: block;
}
.header--transparent:not(.is-menu) .header:not(.fixed) .header__content .header__logo img.logo-transparent~img {
display: none;
}
.header--transparent:not(.is-menu) .header:not(.fixed) .header__content .header__logo img.grayscale {
filter: grayscale(1);
}
.header--transparent:not(.is-menu) .header:not(.fixed) .search-widget__input {
/* opacity: 0.5; */
background: none;
border-color: var(--white);
}
.header--transparent:not(.is-menu) .header:not(.fixed) .search-widget__input::-webkit-input-placeholder {
color: var(--white);
}
.header--transparent:not(.is-menu) .header:not(.fixed) .search-widget__input::-moz-placeholder {
color: var(--white);
}
.header--transparent:not(.is-menu) .header:not(.fixed) .search-widget__input:-ms-input-placeholder {
color: var(--white);
}
.header--transparent:not(.is-menu) .header:not(.fixed) .search-widget__input::-ms-input-placeholder {
color: var(--white);
}
.header--transparent:not(.is-menu) .header:not(.fixed) .search-widget__input::placeholder {
color: var(--white);
}
.header--transparent .js-promo-slider .banner__slide .promo-card {
padding-top: 70px;
}
.btn.loading {
position: relative;
font-size: 0 !important;
transition: none;
}
.btn.loading::after {
content: '';
display: block;
width: 112px;
height: 12px;
background: radial-gradient(circle 6px at 6px center, var(--white) 100%, transparent 0),
radial-gradient(circle 6px at 6px center, var(--white) 100%, transparent 0);
background-size: 12px 12px;
background-repeat: no-repeat;
position: relative;
animation: ballX 1s linear infinite;
}
.btn.loading:before {
content: "";
position: absolute;
width: 12px !important;
height: 12px !important;
border-radius: 50%;
background: var(--white);
inset: 0;
margin: auto;
animation: moveX 1s cubic-bezier(0.5, 300, 0.5, -300) infinite;
}
.search-widget__send.active {
stroke: #e12c08 !important;
}
.panel--black {
background: var(--black-transparent);
}
.panel--white {
background: var(--white-transparent);
}
.panel__font--white,
.panel__font--white .type-card__caption,
.panel__font--white .category-card__title,
.panel__font--white .more-link {
color: var(--white);
stroke: var(--white);
}
.panel__font--black {
color: var(--black);
}
.panel__type--left .container {
width: 100%;
display: flex;
justify-content: left;
}
.panel__type--left .promo-card__data,
.panel__type--left.type-card,
.panel__type--left.category-card {
text-align: left;
align-items: start;
}
.panel__type--center .container {
width: 100%;
display: flex;
justify-content: center;
}
.panel__type--center .promo-card__data,
.panel__type--center.type-card,
.panel__type--center.category-card {
text-align: center;
align-items: center;
}
.panel__type--right .container {
width: 100%;
display: flex;
justify-content: right;
}
.panel__type--right .promo-card__data,
.panel__type--right.type-card,
.panel__type--right.category-card {
text-align: right;
align-items: end;
}
.main-user-consent-request-popup {
overflow: auto;
width: 100%;
height: 100%;
}
.popup-page .main {
margin: 0;
}
.popup-page .main-header__title {
text-align: center;
}
.popup-page__product {
width: 1200px;
max-width: 100%;
padding: 30px;
}
.popup-page__product h1 {
zoom: 0.7;
}
.fancybox-slide--html .popup-page__product .fancybox-close-small {
top: 5px;
right: 5px;
}
.popup-page__product .detail__share {
display: none;
}
.popup-page__product .detail__slider img {
max-height: 475px;
}
.tooltip__menu {
padding: 0;
}
.user__list,
.user__list li {
padding: 0;
margin: 0;
list-style: none;
}
.user__list {
overflow: hidden;
width: 100%;
height: 100%;
border-radius: var(--border-radius);
}
.user__list .user__item {
/* padding: var(--input-padding-vertical) 15px; */
border-top: 1px solid var(--gray);
font-size: 14px;
cursor: pointer;
display: block;
white-space: nowrap;
background: var(--white);
padding: 0;
}
.user__list .user__item:hover {
background: var(--gray);
}
.user__list .user__item a {
display: block;
color: var(--black);
text-decoration: none;
padding: var(--input-padding-vertical) 15px;
}
.user__icon {
/* border: 1.5px solid var(--black); */
border-radius: var(--round-border-radius);
width: 34px;
max-width: 34px;
height: 34px;
max-height: 34px;
display: flex;
text-transform: uppercase;
font-weight: bold;
align-items: center;
justify-content: center;
line-height: 15px;
font-size: 12px;
text-decoration: none;
background: var(--black-transparent);
margin-left: -3px;
margin-top: 3px;
position: relative;
left: 3px;
top: -3px;
}
.header__actions-mobile .header__item .user__icon {
width: 30px;
height: 30px;
max-width: 30px;
max-height: 30px;
margin-top: 0;
margin-left: -5px;
top: 0px;
left: 5px;
}
.bx-yandex-map,
.bx-yandex-view-layout,
.bx-yandex-view-map {
height: 100%;
min-height: 500px;
}
@keyframes ballX {
0%,
25%,
50%,
75%,
100% {
background-position: 25% 0, 75% 0
}
40% {
background-position: 25% 0, 85% 0
}
90% {
background-position: 15% 0, 75% 0
}
}
@keyframes moveX {
100% {
transform: translate(0.15px)
}
}
@media(max-width: 991px) {
.fancybox-content {
padding: 35px 25px;
}
.mobile__hidden {
display: none !important;
}
.header.fixed .header__search {
display: none;
}
.cookie-block {
flex-direction: column;
justify-content: center;
}
.cookie-block .buttons {
margin-top: 10px;
}
.brands__list {
grid-template-columns: repeat(3, 1fr);
}
.js-promo-slider.adaptive-height,
.js-promo-slider.adaptive-height .slick-list,
.js-promo-slider.adaptive-height .slick-track,
.js-promo-slider.adaptive-height .banner__slide {
height: calc(100vh - 240px);
}
.header--transparent .js-promo-slider.adaptive-height,
.header--transparent .js-promo-slider.adaptive-height .slick-list,
.header--transparent .js-promo-slider.adaptive-height .slick-track,
.header--transparent .js-promo-slider.adaptive-height .banner__slide {
height: calc(100vh - 80px);
}
.main__col.col-mobile-50 {
width: 50%;
}
.jqtip.tooltip__location-container {
left: auto !important;
right: 10px;
top: 60px !important;
}
.jqtip.tooltip__location-container .jqtip__arrow {
right: 12px;
left: auto !important;
}
}
@media (max-width:576px) {
.fancybox-button
{
height: 30px;
width: 30px;
}
.toast {
max-width: 96%;
left: 2%;
top: 10px;
}
.fancybox-thumbs {
width: 110px
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px)
}
h1,
.h1 {
font-size: 1.5em;
}
.about-card h2,
.about-card .h2,
.news-detail__body h2,
.news-detail__body .h2 {
font-size: 1.2em;
}
.popup__title {
font-size: 1.8em;
padding: 0 0 20px;
line-height: 1;
}
.brands__list {
grid-template-columns: repeat(2, 1fr);
}
.cookies__accept-container {
flex-direction: column;
}
.cookies__block-text {
text-align: center;
line-height: 1.2;
}
.cookies__block-btn {
margin-top: 10px;
}
}
@media (max-width: 430px) {
.category-card__title {
font-size: 16px;
}
}
@media (max-width: 375px) {
.brands__list {
grid-template-columns: repeat(1, 1fr);
}
}
@media (min-width: 992px) {
.desktop__hidden {
display: none !important;
}
.header {
margin-bottom: 40px;
}
.header__close {
display: none;
}
.header__contacts {
margin-left: auto;
margin-left: 15px;
}
.header__top {
padding: 20px 0 30px;
}
.header__search {
width: auto;
-webkit-box-ordinal-group: inherit;
-ms-flex-order: inherit;
order: inherit;
padding-top: 0;
border-top: 0;
margin: 0 80px 0 55px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.header__content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.header__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
white-space: nowrap;
font-weight: 700;
color: var(--black);
margin-left: 15px;
}
.header__info::before {
content: attr(data-title);
color: var(--gray4);
font-size: 14px;
font-weight: var(--font-weight-bold);
line-height: 20px;
}
.header__actions {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.js-toggle-menu {
display: none;
}
.search-widget__btn {
width: 153px;
height: var(--input-height);
}
.search-widget__input {
height: var(--input-height);
padding: var(--input-padding-vertical) 55px var(--input-padding-vertical) 24px;
color: var(--black);
font-size: 14px;
font-weight: var(--font-weight-bold);
line-height: 20px;
}
.search-widget__input::-webkit-input-placeholder {
color: var(--gray3);
}
.search-widget__input::-moz-placeholder {
color: var(--gray3);
}
.search-widget__input:-ms-input-placeholder {
color: var(--gray3);
}
.search-widget__input::-ms-input-placeholder {
color: var(--gray3);
}
.search-widget__input::placeholder {
color: var(--gray3);
}
.search-widget__send {
top: calc(50% - 12px);
right: 13px;
}
.search-widget__result {
padding: 15px 25px;
max-width: 190px;
}
[data-popup-widget] {
display: none !important;
grid-template-columns: repeat(4, calc(25% - 25px));
grid-gap: 25px;
position: absolute;
padding: 30px;
max-width: calc(var(--container-width) - 60px);
z-index: 1001;
background: #fff;
border-radius: var(--card-border-radius);
-webkit-box-shadow: 0px 4px 25px 0px rgba(89, 89, 87, 0.15);
box-shadow: 0px 4px 25px 0px rgba(89, 89, 87, 0.15);
/* flex-wrap: wrap; */
width: 100%;
top: calc(100% + 10px);
margin: 0 !important;
}
[data-popup-widget].active {
display: grid !important;
}
.main__inner.main__inner--horizontal {
flex-direction: column;
position: relative;
}
.main__inner.main__inner--horizontal .main__aside {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0;
}
.main__inner.main__inner--horizontal .filter-widget__title {
margin: 0;
line-height: 1;
cursor: pointer;
width: auto;
}
.main__inner.main__inner--horizontal .category-widget {
display: none;
}
.main__inner.main__inner--horizontal .main-sorting__top {
margin-left: 135px;
z-index: 2;
position: relative;
}
[data-popup-widget].active .filter-widget__field .filter-widget__content {
height: 150px;
overflow: auto;
display: block;
}
[data-popup-widget].active .filter-widget__heading.is-dropdown::after {
content: none;
}
[data-popup-widget].active .filter-widget__field {
margin: 0;
}
[data-popup-widget].active .filter-widget__buttons {
display: flex;
align-items: end;
}
.main__col.col-20 .product-card__inner {
/* zoom: 0.9; */
}
.main__grid .main__col.col-25 .product-card__container,
.main__grid .main__col.col-20 .product-card__container {
zoom: 0.8;
}
.main__grid .main__col.col-25 .product-card__container .btn,
.main__grid .main__col.col-20 .product-card__container .btn,
.main__grid .main__col.col-25 .product-card__container .counter,
.main__grid .main__col.col-20 .product-card__container .counter {
font-size: 140%;
}
.main__grid .main__col.col-25 .product__btns--mini .product-card__container .product-card__basket.btn {
font-size: 0;
}
.main__grid .main__col.col-20 .product__btns--mini .product-card__basket,
.main__grid .main__col.col-20 .product__btns--mini .product-card__container .product-card__subscribe,
.main__grid .main__col.col-20 .product__btns--mini__sync .product-card__basket,
.main__grid .main__col.col-20 .product__btns--mini__sync .product-card__container .product-card__subscribe {
height: var(--button-height);
}
}
@media (min-width: 1200px) {
.search-widget__dropdown {
padding-top: 0px;
}
.search-widget__link {
padding: 5px 35px;
}
.search-widget__link:hover {
background: var(--gray);
}
.search-widget__footer {
padding: 15px 35px 35px;
}
.header__city {
margin-right: 30px;
}
.header__item {
margin-right: 20px;
}
}
@media (min-width: 992px) and (max-width: 1170px) {
.city-widget__current,
.menu__link,
.header__tel,
.header__callback {
font-size: 14px;
}
.menu__item {
margin-right: 10px;
}
}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/custom.css?178661822522470*/
/* your custom styles */
.night-theme .header__logo img{
filter: invert(1);
}
/* Improve text readability on homepage category banners */
.category-card::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 42%;
pointer-events: none;
background: linear-gradient(to top, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.58) 45%, rgba(255, 255, 255, 0) 100%);
z-index: 1;
}
.category-card__data {
z-index: 2;
}
.category-card__title,
.category-card__more {
text-shadow: 0 1px 2px rgba(255, 255, 255, 0.65);
}
.password-toggle {
position: relative;
}
.password-toggle__input {
padding-right: 44px;
}
.password-toggle__btn {
position: absolute;
top: 50%;
right: 10px;
width: 24px;
height: 24px;
margin: 0;
padding: 0;
border: 0;
background: none;
color: #7a7a7a;
transform: translateY(-50%);
cursor: pointer;
opacity: .75;
}
.password-toggle__btn:hover,
.password-toggle__btn:focus {
opacity: 1;
outline: none;
}
.password-toggle__icon,
.password-toggle__icon svg {
display: block;
width: 100%;
height: 100%;
}
.password-toggle__icon svg {
fill: currentColor;
}
.password-toggle__btn.is-active::after {
content: '';
position: absolute;
left: 3px;
right: 3px;
top: 11px;
height: 2px;
background: currentColor;
transform: rotate(-35deg);
}
/* Homepage hero slider: taller viewport */
.js-promo-slider.adaptive-height,
.js-promo-slider.adaptive-height .slick-list,
.js-promo-slider.adaptive-height .slick-track,
.js-promo-slider.adaptive-height .banner__slide {
max-height: min(78vh, 760px) !important;
}
.js-promo-slider .promo-card__img {
max-height: min(78vh, 760px);
}
@media (max-width: 991px) {
.js-promo-slider.adaptive-height,
.js-promo-slider.adaptive-height .slick-list,
.js-promo-slider.adaptive-height .slick-track,
.js-promo-slider.adaptive-height .banner__slide {
max-height: min(72vh, 640px) !important;
}
.js-promo-slider .promo-card__img {
max-height: min(72vh, 640px);
}
}
/* Mobile category cards: place captions below images */
@media (max-width: 991px) {
.category-card {
padding-bottom: 0;
overflow: visible;
background: transparent;
box-shadow: none;
}
.category-card::after {
display: none;
}
.category-card__img {
position: relative;
top: auto;
left: auto;
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
border-radius: 14px;
margin-bottom: 8px;
}
.category-card__data {
position: static;
left: auto;
bottom: auto;
width: 100%;
padding: 0 2px;
background: transparent;
}
.category-card__title {
font-size: 15px;
line-height: 1.2;
text-align: center;
text-shadow: none;
}
}
/* Contacts page */
.contacts-widget {
background: #fff;
border: 1px solid #ececec;
border-radius: 16px;
padding: 20px;
}
.contacts-widget__inner {
display: flex;
flex-direction: column;
gap: 16px;
}
.contacts-widget__row--top {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
align-items: stretch;
}
.contacts-widget__col {
border: 1px solid #f1f1f1;
border-radius: 14px;
padding: 16px 18px;
background: #fafafa;
min-width: 0;
}
.contacts-widget__title {
margin: 0 0 12px;
font-size: 16px;
font-weight: 700;
color: #222;
}
.contacts-widget__list {
margin: 0;
padding: 0;
list-style: none;
}
.contacts-widget__item {
margin-bottom: 10px;
}
.contacts-widget__item:last-child {
margin-bottom: 0;
}
.contacts-widget__address,
.contacts-widget__schedule {
margin: 0;
font-size: 15px;
line-height: 1.55;
color: #444;
}
.contacts-widget__col--requisites {
width: 100%;
}
.contacts-widget__requisites {
font-size: 14px;
line-height: 1.55;
color: #444;
}
.contacts-widget__req-list {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.contacts-widget__req-list li {
margin: 0;
padding: 0;
line-height: 1.5;
word-break: break-word;
}
@media (min-width: 768px) {
.contacts-widget__req-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 48px;
row-gap: 10px;
}
}
@media (max-width: 991px) {
.contacts-widget__row--top {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.contacts-widget {
padding: 14px;
}
.contacts-widget__col {
padding: 14px;
}
}
/* Desktop homepage category cards: visual polish (mobile unchanged) */
@media (min-width: 992px) {
.category-grid .category-card {
border-radius: 18px;
border: 1px solid rgba(0, 0, 0, 0.06);
box-shadow:
0 10px 28px rgba(15, 23, 42, 0.07),
0 2px 8px rgba(15, 23, 42, 0.04);
transition:
box-shadow 0.35s ease,
transform 0.35s ease,
border-color 0.35s ease;
will-change: transform;
}
.category-grid .category-card:hover {
transform: translateY(-6px);
border-color: rgba(0, 0, 0, 0.1);
box-shadow:
0 22px 48px rgba(15, 23, 42, 0.14),
0 8px 18px rgba(15, 23, 42, 0.08);
}
.category-grid .category-card__img {
transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
transform: scale(1);
}
.category-grid .category-card:hover .category-card__img {
transform: scale(1.045);
}
.category-grid .category-card::after {
height: 50%;
background: linear-gradient(
to top,
rgba(255, 255, 255, 0.94) 0%,
rgba(255, 255, 255, 0.62) 42%,
rgba(255, 255, 255, 0) 100%
);
}
.category-grid .category-card__title {
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.2;
}
.category-grid .category-card__more {
margin-top: 10px;
font-weight: 600;
transition: gap 0.25s ease;
gap: 6px;
align-items: center;
}
.category-grid .category-card__more svg {
transition: transform 0.3s ease;
}
.category-grid .category-card:hover .category-card__more svg {
transform: translate(2px, -2px);
}
}
@media (min-width: 1200px) {
.category-grid .category-card__data.panel--white {
padding: 16px 18px;
border-radius: 14px;
background: rgba(255, 255, 255, 0.82);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
box-shadow: 0 6px 22px rgba(15, 23, 42, 0.08);
width: calc(100% - 48px);
}
}
/* Brand accent #9d56ee — MCP */
:root {
--theme-color: #9d56ee;
--btn-hover: #7a32c7;
--blue: #9d56ee;
}
/* header MAX messenger icon */
.header__contacts-line {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.header__phones {
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right;
}
.header__max {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 36px;
height: 36px;
margin-left: 2px;
color: var(--theme-color);
text-decoration: none;
border-radius: 10px;
transition: opacity 0.25s ease, transform 0.2s ease, background-color 0.25s ease;
}
.header__max:hover {
opacity: 0.88;
transform: translateY(-1px);
}
.header__max:focus-visible {
outline: 2px solid var(--theme-color);
outline-offset: 2px;
}
.header__max-icon {
display: flex;
line-height: 0;
}
@media (max-width: 991px) {
.header__phones {
align-items: flex-start;
text-align: left;
}
}
.header--transparent:not(.is-menu) .header:not(.fixed) .header__contacts .header__max {
color: var(--white);
}
.header--transparent:not(.is-menu) .header:not(.fixed) .header__contacts .header__max:hover {
opacity: 0.9;
}
/* header MAX icon image */
.header__max-icon img {
display: block;
width: 28px;
height: 28px;
border-radius: 8px;
object-fit: cover;
box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12);
}
/* Contacts: MAX messenger row */
.contacts-widget__link--max .contacts-widget__max-icon {
display: flex;
order: -1;
margin-right: 10px;
line-height: 0;
flex-shrink: 0;
}
.contacts-widget__link--max .contacts-widget__max-icon img {
display: block;
width: 24px;
height: 24px;
border-radius: 6px;
object-fit: cover;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1);
}
/* Actions page: trainer & student discounts */
.actions-promo {
padding-top: 0;
padding-bottom: 8px;
}
.actions-promo__inner {
display: grid;
gap: 16px;
}
@media (min-width: 768px) {
.actions-promo__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.actions-promo__card {
margin: 0;
padding: 20px 22px;
background: #fff;
border: 1px solid #ececec;
border-radius: 16px;
}
.actions-promo__title {
margin: 0 0 12px;
font-size: 20px;
line-height: 1.3;
font-weight: 700;
color: var(--black, #111);
}
.actions-promo__text {
margin: 0;
font-size: 16px;
line-height: 1.55;
color: var(--gray4, #666);
}
.actions-promo__text a {
color: var(--theme-color, #9d56ee);
text-decoration: underline;
text-underline-offset: 2px;
}
.actions-promo__text a:hover {
opacity: 0.85;
}
/* Size guide (info block) */
.news-detail__body .size-guide {
max-width: 820px;
}
.news-detail__body .size-guide__heading {
margin: 0 0 20px;
font-size: 26px;
line-height: 1.25;
font-weight: 700;
}
.news-detail__body .size-guide__heading--second {
margin-top: 36px;
padding-top: 28px;
border-top: 1px solid #ececec;
}
.news-detail__body .size-guide__item {
margin-bottom: 20px;
padding: 18px 20px;
background: #fafafa;
border: 1px solid #ececec;
border-radius: 14px;
}
.news-detail__body .size-guide__title {
margin: 0 0 8px;
font-size: 18px;
line-height: 1.35;
font-weight: 700;
color: var(--theme-color, #9d56ee);
}
.news-detail__body .size-guide__lead {
margin: 0 0 12px;
font-size: 16px;
line-height: 1.5;
}
.news-detail__body .size-guide__example {
margin: 0;
padding: 12px 14px;
background: #fff;
border-left: 3px solid var(--theme-color, #9d56ee);
border-radius: 0 10px 10px 0;
}
.news-detail__body .size-guide__example p {
margin: 0 0 6px;
font-size: 15px;
line-height: 1.55;
color: #555;
}
.news-detail__body .size-guide__example p:last-child {
margin-bottom: 0;
}
.news-detail__body .size-guide__width {
display: grid;
gap: 14px;
}
@media (min-width: 768px) {
.news-detail__body .size-guide__width {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.news-detail__body .size-guide__width-item {
padding: 16px 18px;
background: #fafafa;
border: 1px solid #ececec;
border-radius: 14px;
}
.news-detail__body .size-guide__width-item p {
margin: 0;
font-size: 15px;
line-height: 1.55;
}
.news-detail__body .size-guide__note {
margin: 20px 0 0;
padding: 14px 16px;
font-size: 15px;
line-height: 1.5;
color: #666;
background: #f5f0fc;
border-radius: 12px;
}
/* Catalog section: size guide (no products) */
.main__inner--size-guide {
display: block;
}
.main__inner--size-guide .main__content {
width: 100%;
max-width: 100%;
}
.catalog-size-guide {
padding-top: 8px;
padding-bottom: 32px;
}
.catalog-size-guide .news-detail__body .size-guide {
max-width: 900px;
}
/* Delivery info page */
.delivery-info {
max-width: 820px;
}
.delivery-info__promo {
margin-bottom: 20px;
padding: 18px 20px;
background: #f5f0fc;
border: 1px solid #e8d9f7;
border-radius: 14px;
}
.delivery-info__badge {
margin: 0 0 10px;
font-size: 18px;
font-weight: 700;
color: var(--theme-color, #9d56ee);
letter-spacing: 0.02em;
}
.delivery-info__promo p {
margin: 0 0 8px;
font-size: 16px;
line-height: 1.55;
}
.delivery-info__promo p:last-child {
margin-bottom: 0;
}
.delivery-info__block {
margin-bottom: 18px;
padding: 16px 18px;
background: #fafafa;
border: 1px solid #ececec;
border-radius: 14px;
}
.delivery-info__block p {
margin: 0 0 10px;
font-size: 15px;
line-height: 1.55;
color: #444;
}
.delivery-info__block p:last-child {
margin-bottom: 0;
}
.delivery-info__title {
margin: 0 0 12px;
font-size: 20px;
font-weight: 700;
line-height: 1.3;
}
.delivery-info__highlight {
margin-top: 12px !important;
padding-top: 12px;
border-top: 1px solid #ececec;
font-weight: 600;
color: #222 !important;
}
.news-detail__body .delivery-info p {
margin-bottom: 10px;
}
/* Info pages: delivery, payment */
.news-detail__body .info-page {
max-width: 920px;
margin: 0 auto;
}
.info-page__hero {
position: relative;
margin-bottom: 24px;
padding: 28px 28px 26px;
border-radius: 18px;
background: linear-gradient(135deg, #f8f2ff 0%, #efe4ff 48%, #f5f0fc 100%);
border: 1px solid #e5d4f7;
box-shadow: 0 12px 32px rgba(157, 86, 238, 0.1);
overflow: hidden;
}
.info-page__hero::before {
content: "";
position: absolute;
top: -40px;
right: -40px;
width: 140px;
height: 140px;
border-radius: 50%;
background: rgba(157, 86, 238, 0.12);
}
.info-page__badge {
display: inline-block;
margin-bottom: 12px;
padding: 6px 12px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #fff;
background: var(--theme-color, #9d56ee);
border-radius: 999px;
}
.info-page__hero-title {
margin: 0 0 12px;
font-size: clamp(22px, 3vw, 28px);
line-height: 1.25;
font-weight: 700;
color: #1a1a1a;
}
.info-page__hero-text {
margin: 0;
max-width: 720px;
font-size: 16px;
line-height: 1.6;
color: #444;
}
.info-page__grid {
display: grid;
gap: 16px;
}
@media (min-width: 768px) {
.info-page__grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
align-items: start;
}
.info-page__card--wide {
grid-column: 1 / -1;
}
}
.info-page__card {
padding: 20px 22px;
background: #fff;
border: 1px solid #ececec;
border-radius: 16px;
box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
}
.info-page__card--warn {
border-color: #f3e2c8;
background: linear-gradient(180deg, #fffaf3 0%, #fff 100%);
}
.info-page__card-icon {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 56px;
height: 32px;
margin-bottom: 12px;
padding: 0 10px;
font-size: 14px;
font-weight: 700;
color: #9d56ee;
background: #f5f0fc;
border-radius: 8px;
}
.info-page__card-title {
margin: 0 0 10px;
font-size: 20px;
line-height: 1.3;
font-weight: 700;
color: #222;
}
.info-page__card-text,
.info-page__card p {
margin: 0;
font-size: 15px;
line-height: 1.55;
color: #555;
}
.info-page__list {
margin: 0 0 16px;
padding-left: 0;
list-style: none;
}
.info-page__list li {
position: relative;
margin-bottom: 10px;
padding-left: 22px;
font-size: 15px;
line-height: 1.55;
color: #555;
}
.info-page__list li::before {
content: "";
position: absolute;
left: 0;
top: 0.55em;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--theme-color, #9d56ee);
transform: translateY(-50%);
}
.info-page__note {
margin-bottom: 14px;
padding: 14px 16px;
background: #fafafa;
border-left: 3px solid var(--theme-color, #9d56ee);
border-radius: 0 12px 12px 0;
}
.info-page__note p {
margin: 0 0 8px;
font-size: 15px;
line-height: 1.55;
color: #555;
}
.info-page__note p:last-child {
margin-bottom: 0;
}
.info-page__footer-badge {
margin: 0;
padding: 12px 14px;
font-size: 16px;
line-height: 1.45;
font-weight: 600;
text-align: center;
color: #1f2937;
background: #f0fdf4;
border: 1px solid #bbf7d0;
border-radius: 12px;
}
.info-page__footer-badge strong {
color: #15803d;
}
/* Actions page: delivery promo + discount cards */
.actions-promo {
padding-bottom: 8px;
}
.actions-promo__delivery {
max-width: 100%;
margin-bottom: 28px;
}
.actions-promo__delivery .info-page__hero {
margin-bottom: 16px;
}
.actions-promo__delivery-card {
max-width: 520px;
}
.actions-promo__inner {
display: grid;
gap: 16px;
}
@media (min-width: 768px) {
.actions-promo__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.actions-promo__card {
margin: 0;
padding: 20px 22px;
background: #fff;
border: 1px solid #ececec;
border-radius: 16px;
box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
}
.actions-promo__title {
margin: 0 0 12px;
font-size: 20px;
line-height: 1.3;
font-weight: 700;
color: var(--theme-color, #9d56ee);
}
.actions-promo__text {
margin: 0;
font-size: 15px;
line-height: 1.55;
color: #555;
}
.actions-promo__text a {
color: var(--theme-color, #9d56ee);
text-decoration: underline;
text-underline-offset: 2px;
}
/* Payment page extras */
.info-page--payment .info-page__grid--payment {
display: grid;
gap: 16px;
margin-top: 24px;
margin-bottom: 16px;
}
.info-page--payment .info-page__grid--payment > .info-page__card {
width: 100%;
max-width: 100%;
grid-column: 1 / -1;
}
.info-page__steps {
margin: 0 0 14px;
padding-left: 0;
list-style: none;
counter-reset: payment-step;
}
.info-page__steps li {
position: relative;
margin-bottom: 12px;
padding: 12px 14px 12px 48px;
font-size: 15px;
line-height: 1.55;
color: #555;
background: #fafafa;
border: 1px solid #f0f0f0;
border-radius: 12px;
counter-increment: payment-step;
}
.info-page__steps li::before {
content: counter(payment-step);
position: absolute;
left: 14px;
top: 12px;
width: 24px;
height: 24px;
font-size: 13px;
font-weight: 700;
line-height: 24px;
text-align: center;
color: #fff;
background: var(--theme-color, #9d56ee);
border-radius: 50%;
}
.info-page__note-inline {
margin: 0 0 12px;
padding: 10px 12px;
font-size: 14px;
line-height: 1.5;
color: #6b4c00;
background: #fff8e8;
border: 1px solid #fde6b0;
border-radius: 10px;
}
.info-page__card--legal .info-page__list li {
font-size: 14px;
line-height: 1.55;
}
.info-page__card a {
color: var(--theme-color, #9d56ee);
text-decoration: underline;
text-underline-offset: 2px;
}
.info-page__card a:hover {
opacity: 0.85;
}
/* Actions: Risport vs EDEA */
.actions-brand-faq {
padding-top: 8px;
padding-bottom: 32px;
}
.actions-brand-faq__title {
margin: 0 0 20px;
font-size: 28px;
font-weight: 700;
line-height: 1.25;
color: #222;
}
.actions-brand-faq__inner {
display: grid;
gap: 12px;
}
.actions-brand-faq__item {
padding: 16px 18px;
background: #fff;
border: 1px solid #ececec;
border-radius: 14px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}
.actions-brand-faq__item--fact {
border-color: #e5d9f7;
background: linear-gradient(135deg, #faf7ff 0%, #fff 100%);
}
.actions-brand-faq__item--note {
border-color: #d8ecff;
background: #f7fbff;
}
.actions-brand-faq__question {
margin: 0 0 8px;
font-size: 17px;
font-weight: 600;
line-height: 1.45;
color: #333;
}
.actions-brand-faq__verdict {
margin: 0;
display: inline-block;
padding: 4px 12px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #fff;
background: #e74c3c;
border-radius: 999px;
}
.actions-brand-faq__text {
margin: 0 0 10px;
font-size: 15px;
line-height: 1.6;
color: #555;
}
.actions-brand-faq__text:last-child {
margin-bottom: 0;
}
.actions-brand-faq__text--muted {
font-size: 14px;
color: #777;
}
@media (min-width: 768px) {
.actions-brand-faq__title {
font-size: 32px;
}
}
.actions-brand-faq--page {
padding-top: 8px;
}
/* Risport / EDEA page: full content width */
.news-detail__body .actions-brand-faq--page {
max-width: 100%;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.news-detail__body .actions-brand-faq--page .actions-brand-faq__inner,
.news-detail__body .actions-brand-faq--page .actions-brand-faq__item {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
/* Info pages: full width (B2B, Risport) */
.news-detail__body .info-page--full {
max-width: 100%;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.news-detail__body .info-page--full .info-page__card {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.info-page__card--contact .info-page__card-text a {
font-size: 20px;
font-weight: 700;
color: var(--theme-color, #9d56ee);
text-decoration: none;
}
.info-page__card--contact .info-page__card-text a:hover {
opacity: 0.85;
text-decoration: underline;
}
/* Checkout: hide region block visually (location still set via GEOIP for SDEK/Yandex) */
#bx-soa-region {
display: none !important;
}
/* Mobile homepage slider: keep the whole banner image visible */
@media (max-width: 991px) {
.js-promo-slider.adaptive-height,
.js-promo-slider.adaptive-height .slick-list,
.js-promo-slider.adaptive-height .slick-track,
.js-promo-slider.adaptive-height .banner__slide {
height: auto !important;
max-height: none !important;
}
.js-promo-slider .promo-card__img,
.js-promo-slider .promo-card__img img,
.js-promo-slider .promo-card__img video {
height: auto !important;
max-height: none !important;
}
.js-promo-slider .promo-card__img img,
.js-promo-slider .promo-card__img video {
width: 100%;
object-fit: contain;
}
}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-premium.css?178800791866622*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,500&display=swap');
:root {
--tx-ink: #071521;
--tx-ink-soft: #102736;
--tx-snow: #f6f8fb;
--tx-white: #fff;
--tx-mist: #e4ebf1;
--tx-steel: #71818c;
--tx-violet: #6747e8;
--tx-cyan: #6cd5f5;
--tx-gold: #c3a064;
--tx-radius: 20px;
--tx-ease: cubic-bezier(.22,.8,.28,1);
}
html { scroll-behavior: smooth; }
body.tx-site { color: var(--tx-ink); background: var(--tx-snow); font-family: Manrope, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.tx-site * { box-sizing: border-box; }
.tx-site .container { width: min(1380px, calc(100% - 64px)); max-width: none; margin-inline: auto; padding-inline: 0; }
.tx-site em { font-family: 'Playfair Display', Georgia, serif; font-weight: 500; }
/* Header */
.tx-site .header { position: sticky; z-index: 90; top: 0; margin-bottom: 0; color: var(--tx-ink); background: rgba(255,255,255,.95); border-bottom: 1px solid rgba(7,21,33,.08); box-shadow: none; backdrop-filter: blur(18px); }
.tx-site .header__container { width: 100%; }
.tx-site .header__top { min-height: 36px; padding: 0 max(32px, calc((100vw - 1380px)/2)); align-items: center; color: rgba(255,255,255,.72); background: var(--tx-ink); font-size: 9px; letter-spacing: .055em; text-transform: uppercase; }
.tx-site .header__top .menu__link,
.tx-site .header__top a { color: rgba(255,255,255,.74); }
.tx-site .header__top .menu__link:hover,
.tx-site .header__top a:hover { color: var(--tx-cyan); }
.tx-site .header__content { min-height: 72px; width: min(1380px, calc(100% - 64px)); margin-inline: auto; padding: 0; gap: 26px; }
.tx-site .tx-logo { flex: 0 0 auto; width: 205px; }
.tx-site .tx-logo img { display: block; width: 100%; height: auto; filter: none !important; }
.tx-site .header__search { flex: 1 1 auto; max-width: none; min-width: 320px; margin: 0; }
.tx-site .search-widget { min-height: 46px; border: 1px solid var(--tx-mist); border-radius: 100px; background: var(--tx-snow); overflow: hidden; }
.tx-site .search-widget__btn { min-height: 46px; padding-inline: 20px; color: white; background: var(--tx-ink); border-radius: 100px 0 0 100px; font-size: 12px; font-weight: 700; }
.tx-site .search-widget input { font-family: inherit; font-size: 13px; }
.tx-site .header__actions { align-items: center; gap: 5px; }
.tx-site .header__item { width: 44px; height: 44px; border-radius: 50%; transition: color .2s ease, background .2s ease, transform .2s ease; }
.tx-site .header__item:hover { color: var(--tx-violet); background: rgba(103,71,232,.07); transform: translateY(-1px); }
.tx-site .header__item svg { width: 23px; height: 23px; }
.tx-site .tx-action { position: relative; display: inline-flex; align-items: center; justify-content: center; color: var(--tx-ink); cursor: pointer; }
.tx-site .tx-action > a { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; border-radius: inherit; }
.tx-site .tx-action::before { content: ''; width: 22px; height: 22px; display: block; background: currentColor; -webkit-mask: var(--tx-action-icon) center/contain no-repeat; mask: var(--tx-action-icon) center/contain no-repeat; pointer-events: none; }
.tx-site .tx-action--profile:has(svg)::before,
.tx-site .tx-action--cart:has(svg)::before,
.tx-site .tx-action--favorite:has(svg)::before,
.tx-site .tx-action--compare:has(svg)::before { display: none; }
.tx-site .tx-action--profile { --tx-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='black'/%3E%3Cpath d='M4.5 21a7.5 7.5 0 0 1 15 0Z' fill='black'/%3E%3C/svg%3E"); }
.tx-site .tx-action--cart { --tx-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h2l2.1 10.2a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.6L20.5 7H6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='9.5' cy='20' r='1.5' fill='black'/%3E%3Ccircle cx='17.5' cy='20' r='1.5' fill='black'/%3E%3C/svg%3E"); }
.tx-site .tx-action--favorite { --tx-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21 4.2 13.6A5.2 5.2 0 0 1 12 6.7a5.2 5.2 0 0 1 7.8 6.9Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E"); }
.tx-site .tx-action--compare { --tx-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 20V10M12 20V4M17 20v-7' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.tx-site .tx-action--menu,
.tx-site .tx-action--catalog { --tx-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.tx-site .tx-action-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.tx-site .header__menu { gap: 24px; }
.tx-site .header__menu .menu__link { color: var(--tx-ink); font-size: 12px; font-weight: 650; }
.tx-site .header__menu .menu__link.active,
.tx-site .header__menu .menu__link:hover { color: var(--tx-violet); }
@media (min-width: 992px) {
.tx-site .catalog-dropdown { height: auto; min-height: 260px; max-height: min(70vh, 560px); padding: 28px 0 32px; border-top: 1px solid var(--tx-mist); box-shadow: 0 28px 60px rgba(7,21,33,.14); }
}
/* Shared page chrome */
.tx-site .wrapper { min-height: 55vh; }
.tx-site .main-header { padding: 58px 0 34px; background: var(--tx-snow); }
.tx-site .main-header__title { max-width: 1050px; margin: 17px 0 0; color: var(--tx-ink); font-size: clamp(36px, 5vw, 66px); font-weight: 650; letter-spacing: -.055em; line-height: 1.02; }
.tx-site .breadcrumb,
.tx-site .breadcrumbs { color: var(--tx-steel); font-size: 11px; }
.tx-site .main { padding-bottom: 100px; }
.tx-site .main__inner { gap: 35px; }
.tx-site .main__aside { flex: 0 0 280px; }
.tx-site .main__content { min-width: 0; }
.tx-site .main-sorting { min-height: 56px; padding: 8px 0 18px; border-bottom: 1px solid var(--tx-mist); }
.tx-site input,
.tx-site textarea,
.tx-site select { font-family: inherit; }
.tx-site .btn { border-radius: 100px; font-family: inherit; font-weight: 700; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.tx-site .btn:hover { transform: translateY(-1px); }
/* Product listing */
.tx-site .main__grid { gap: 18px 0; }
.tx-site .main__col { padding: 0 9px; }
.tx-site .product-card { height: 100%; padding: 10px; border: 1px solid var(--tx-mist); border-radius: var(--tx-radius); background: white; box-shadow: none; transition: border-color .25s ease, transform .35s var(--tx-ease), box-shadow .35s ease; overflow: hidden; }
.tx-site .product-card:hover { border-color: rgba(103,71,232,.28); transform: translateY(-5px); box-shadow: 0 24px 60px rgba(7,21,33,.09); }
.tx-site .product-card__photos { border-radius: 14px; background: #f1f4f7; overflow: hidden; }
.tx-site .product-card__photo { min-height: 330px; }
.tx-site .product-card__photo img { object-fit: contain; transition: transform .55s var(--tx-ease); }
.tx-site .product-card:hover .product-card__photo img { transform: scale(1.035); }
.tx-site .product-card__inner { padding: 18px 8px 10px; }
.tx-site .product-card__price { color: var(--tx-ink); font-size: 19px; font-weight: 800; font-variant-numeric: tabular-nums; }
.tx-site .product-card__title { color: var(--tx-ink); font-size: 14px; font-weight: 650; line-height: 1.45; }
.tx-site .product-card__title:hover { color: var(--tx-violet); }
.tx-site .product-card__status { font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.tx-site .badge-list__item { border-radius: 100px; font-size: 8px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.tx-site .product-card__btn { border-radius: 50%; background: rgba(255,255,255,.9); backdrop-filter: blur(8px); }
.tx-site .product-card__basket .btn,
.tx-site .product-card__subscribe .btn { min-height: 44px; color: white; background: var(--tx-ink); border-color: var(--tx-ink); }
.tx-site .product-card__basket .btn:hover { background: var(--tx-violet); border-color: var(--tx-violet); }
/* Product detail */
.tx-site .detail { gap: 42px; padding: 24px 0 70px; }
.tx-site .detail__slider-wrapper { border: 1px solid var(--tx-mist); border-radius: 24px; background: white; overflow: hidden; }
.tx-site .detail__big-slider { background: #f2f5f7; }
.tx-site .detail__title { color: var(--tx-ink); font-size: clamp(30px, 3.5vw, 50px); font-weight: 650; letter-spacing: -.045em; line-height: 1.08; }
.tx-site .detail__price { color: var(--tx-ink); font-size: 30px; font-weight: 800; font-variant-numeric: tabular-nums; }
.tx-site .size-widget__item,
.tx-site .color-widget__item { min-width: 48px; min-height: 44px; border: 1px solid var(--tx-mist); border-radius: 10px; }
.tx-site .size-widget__item.is-active,
.tx-site .color-widget__item.is-active { color: white; background: var(--tx-violet); border-color: var(--tx-violet); }
.tx-site .detail__add-to-cart .btn { min-height: 54px; color: white; background: var(--tx-ink); border-color: var(--tx-ink); }
.tx-site .detail-info,
.tx-site .detail__description,
.tx-site .detail__properties { border-color: var(--tx-mist); }
/* Home */
.tx-home { margin-top: -1px; color: var(--tx-ink); background: var(--tx-snow); }
.tx-home h1,
.tx-home h2,
.tx-home h3,
.tx-home p { margin-top: 0; }
.tx-eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; color: var(--tx-violet); font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.tx-eyebrow::before { content: ''; width: 34px; height: 1px; background: linear-gradient(90deg, var(--tx-violet), var(--tx-cyan)); }
.tx-hero { min-height: 680px; height: calc(100svh - 108px); max-height: 840px; position: relative; display: flex; flex-direction: column; justify-content: center; color: white; background: #04101a; overflow: hidden; }
.tx-hero__image { position: absolute; inset: 0; background-image: linear-gradient(90deg, rgba(3,13,22,.97) 0%, rgba(3,13,22,.74) 44%, rgba(3,13,22,.12) 76%), linear-gradient(0deg, rgba(3,13,22,.78), transparent 48%), url('/local/templates/trixel_premium/assets/css/../img/trixel/hero-skater.webp'); background-size: cover; background-position: center; transform: scale(1.01); }
.tx-hero::after { content: ''; position: absolute; right: 5%; bottom: 15%; width: 33%; height: 1px; background: linear-gradient(90deg, transparent, var(--tx-cyan), transparent); box-shadow: 0 0 30px var(--tx-cyan); opacity: .38; transform: rotate(-8deg); }
.tx-hero__content { position: relative; z-index: 2; padding-bottom: 82px; }
.tx-hero .tx-eyebrow { color: rgba(255,255,255,.68); }
.tx-hero h1 { max-width: 760px; margin-bottom: 28px; font-size: clamp(58px, 5.3vw, 88px); font-weight: 650; letter-spacing: -.065em; line-height: .94; }
.tx-hero h1 em { color: #e8fbff; }
.tx-hero__content > p { max-width: 610px; margin-bottom: 34px; color: rgba(255,255,255,.68); font-size: 16px; line-height: 1.7; }
.tx-hero__actions { display: flex; gap: 12px; }
.tx-btn { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 0 25px; border: 1px solid transparent; border-radius: 100px; font-size: 12px; font-weight: 750; transition: transform .25s ease, color .25s ease, background .25s ease, border-color .25s ease; }
.tx-btn:hover { transform: translateY(-2px); }
.tx-btn--ice { color: var(--tx-ink); background: white; }
.tx-btn--ice:hover { color: var(--tx-violet); background: #edfaff; }
.tx-btn--ghost { color: white; border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.04); }
.tx-btn--ghost:hover { color: white; border-color: rgba(255,255,255,.5); background: rgba(255,255,255,.1); }
.tx-btn--dark { color: white; background: var(--tx-ink); }
.tx-btn--dark:hover { color: white; background: var(--tx-violet); }
.tx-btn small { padding-left: 12px; border-left: 1px solid rgba(7,21,33,.14); color: var(--tx-steel); font-size: 9px; }
.tx-hero__proof { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; min-height: 100px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.12); }
.tx-hero__proof > div { display: flex; flex-direction: column; justify-content: center; gap: 7px; padding-left: 42px; border-right: 1px solid rgba(255,255,255,.1); }
.tx-hero__proof > div:first-child { border-left: 1px solid rgba(255,255,255,.1); }
.tx-hero__proof b { font-size: 11px; }
.tx-hero__proof span { color: rgba(255,255,255,.42); font-size: 9px; }
.tx-section { padding-block: 120px; }
.tx-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; margin-bottom: 54px; }
.tx-section-head h2 { margin: 0; font-size: clamp(45px, 5vw, 72px); font-weight: 620; letter-spacing: -.06em; line-height: .98; }
.tx-section-head h2 em { color: var(--tx-violet); }
.tx-section-head > p { max-width: 450px; margin: 0 0 5px; color: var(--tx-steel); font-size: 14px; line-height: 1.75; }
.tx-text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--tx-violet); font-size: 12px; font-weight: 750; }
.tx-text-link:hover { color: var(--tx-ink); }
.tx-levels__grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--tx-mist); border-bottom: 1px solid var(--tx-mist); }
.tx-levels__grid a { min-height: 280px; position: relative; padding: 34px 27px; color: var(--tx-ink); border-right: 1px solid var(--tx-mist); transition: color .25s ease, background .3s ease; }
.tx-levels__grid a:first-child { border-left: 1px solid var(--tx-mist); }
.tx-levels__grid a:hover { color: white; background: var(--tx-ink); }
.tx-levels__grid span { color: var(--tx-violet); font-size: 9px; font-weight: 800; }
.tx-levels__grid h3 { margin: 105px 0 14px; font-size: 20px; letter-spacing: -.03em; }
.tx-levels__grid p { margin: 0; color: var(--tx-steel); font-size: 12px; line-height: 1.65; }
.tx-levels__grid a:hover p { color: rgba(255,255,255,.55); }
.tx-categories { padding-top: 60px; }
.tx-categories__grid { display: grid; grid-template-columns: 1.35fr 1fr; grid-template-rows: repeat(2, 280px); gap: 16px; }
.tx-category { position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 35px; color: white; border-radius: 24px; background: var(--tx-ink); overflow: hidden; isolation: isolate; }
.tx-category::before { content: ''; position: absolute; z-index: -2; inset: 0; background: radial-gradient(circle at 75% 25%, rgba(108,213,245,.28), transparent 34%), linear-gradient(140deg, #122a3b, #06111b); transition: transform .65s var(--tx-ease); }
.tx-category::after { content: ''; position: absolute; z-index: -1; width: 60%; aspect-ratio: 1; right: -7%; top: -22%; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; }
.tx-category:hover::before { transform: scale(1.04); }
.tx-category--skates { grid-row: 1 / 3; }
.tx-category--blades::before { background: radial-gradient(circle at 75% 20%, rgba(195,160,100,.32), transparent 32%), linear-gradient(140deg, #1a2b37, #07131d); }
.tx-category--accessories::before { background: radial-gradient(circle at 80% 25%, rgba(103,71,232,.38), transparent 34%), linear-gradient(140deg, #182636, #07131d); }
.tx-category span { margin-bottom: auto; color: rgba(255,255,255,.5); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.tx-category h3 { margin: 0 0 9px; font-size: clamp(28px, 3.5vw, 54px); letter-spacing: -.055em; line-height: .96; }
.tx-category p { margin: 0; color: rgba(255,255,255,.5); font-size: 11px; }
.tx-category i { position: absolute; right: 30px; bottom: 30px; font-size: 23px; font-style: normal; }
.tx-fit { padding: 120px 0; color: white; background: var(--tx-ink); overflow: hidden; }
.tx-fit__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 100px; }
.tx-fit__visual { min-height: 540px; position: relative; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; }
.tx-fit__visual::before,
.tx-fit__visual::after { content: ''; position: absolute; border: 1px solid rgba(108,213,245,.14); border-radius: 50%; }
.tx-fit__visual::before { inset: 13%; }
.tx-fit__visual::after { inset: 28%; }
.tx-fit__visual span { font-family: 'Playfair Display', Georgia, serif; font-size: 110px; font-style: italic; }
.tx-fit__visual b { position: absolute; right: 20%; bottom: 26%; color: var(--tx-cyan); font-size: 12px; letter-spacing: .25em; text-transform: uppercase; }
.tx-fit__visual i { position: absolute; width: 62%; height: 2px; background: linear-gradient(90deg, transparent, var(--tx-violet), var(--tx-cyan), transparent); box-shadow: 0 0 24px var(--tx-cyan); transform: rotate(-14deg); }
.tx-fit__copy h2 { margin-bottom: 28px; font-size: clamp(48px, 5vw, 74px); font-weight: 620; letter-spacing: -.06em; line-height: .98; }
.tx-fit__copy h2 em { color: #dff8ff; }
.tx-fit__copy > p { max-width: 560px; color: rgba(255,255,255,.58); font-size: 14px; line-height: 1.75; }
.tx-fit__copy ol { margin: 38px 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.12); }
.tx-fit__copy li { padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.12); font-size: 12px; }
.tx-fit__copy li span { display: inline-block; width: 42px; color: var(--tx-cyan); font-size: 9px; }
.tx-products .section { margin: 0; }
.tx-products .main__grid { margin-inline: -9px; }
.tx-compare { padding: 115px 0; color: white; background: #06111a; }
.tx-compare__grid { display: grid; grid-template-columns: 1.2fr .9fr .9fr; gap: 16px; }
.tx-compare__grid > div { padding: 35px 55px 35px 0; }
.tx-compare h2 { margin: 0 0 25px; font-size: clamp(50px, 5.5vw, 80px); letter-spacing: -.06em; line-height: .9; }
.tx-compare h2 em { color: #dff8ff; }
.tx-compare__grid > div p { color: rgba(255,255,255,.5); font-size: 13px; line-height: 1.7; }
.tx-compare article { min-height: 420px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 30px; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: linear-gradient(155deg, rgba(255,255,255,.055), rgba(255,255,255,.015)); }
.tx-compare article > span { position: absolute; top: 28px; right: 28px; color: rgba(255,255,255,.3); font-size: 9px; }
.tx-compare article > b { margin-bottom: auto; color: var(--tx-cyan); font-size: 12px; letter-spacing: .18em; }
.tx-compare article h3 { font-size: 22px; letter-spacing: -.035em; line-height: 1.2; }
.tx-compare article p { margin: 0; color: rgba(255,255,255,.45); font-size: 11px; line-height: 1.65; }
.tx-service__grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--tx-mist); }
.tx-service article { min-height: 310px; position: relative; padding: 34px 28px; border-right: 1px solid var(--tx-mist); }
.tx-service article:first-child { border-left: 1px solid var(--tx-mist); }
.tx-service article > span { color: var(--tx-violet); font-size: 9px; }
.tx-service article h3 { margin: 145px 0 13px; font-size: 19px; letter-spacing: -.03em; }
.tx-service article p { margin: 0; color: var(--tx-steel); font-size: 11px; line-height: 1.7; }
.tx-b2b { padding: 105px 0; color: white; background: linear-gradient(120deg, #6747e8, #38249f); }
.tx-b2b__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }
.tx-b2b .tx-eyebrow { color: rgba(255,255,255,.7); }
.tx-b2b h2 { margin: 0; font-size: clamp(56px, 6vw, 86px); letter-spacing: -.06em; line-height: .92; }
.tx-b2b__grid > div:last-child > p { max-width: 580px; color: rgba(255,255,255,.72); font-size: 15px; line-height: 1.7; }
.tx-b2b__grid > div:last-child > a:not(.tx-text-link) { display: flex; flex-direction: column; gap: 4px; margin: 28px 0; color: white; }
.tx-b2b__grid > div:last-child > a small { color: rgba(255,255,255,.55); }
.tx-b2b__grid > div:last-child > a b { font-size: 24px; }
.tx-b2b .tx-text-link { color: white; }
.tx-showroom { display: grid; grid-template-columns: 1.1fr .9fr; gap: 0; }
.tx-showroom__map { min-height: 580px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; border-radius: 24px 0 0 24px; background: radial-gradient(circle at 55% 45%, rgba(108,213,245,.34), transparent 16%), repeating-linear-gradient(35deg, rgba(255,255,255,.035) 0 1px, transparent 1px 45px), var(--tx-ink-soft); }
.tx-showroom__map span { font-size: 24px; font-weight: 800; letter-spacing: .14em; }
.tx-showroom__map b { margin-top: 8px; color: var(--tx-cyan); font-size: 11px; }
.tx-showroom__copy { display: flex; flex-direction: column; justify-content: center; padding: 65px; border: 1px solid var(--tx-mist); border-left: 0; border-radius: 0 24px 24px 0; background: white; }
.tx-showroom__copy h2 { margin: 0 0 25px; font-size: clamp(44px, 4.5vw, 66px); letter-spacing: -.06em; line-height: .98; }
.tx-showroom__copy > p { color: var(--tx-steel); font-size: 13px; line-height: 1.7; }
.tx-showroom dl { margin: 26px 0 32px; }
.tx-showroom dl > div { display: grid; grid-template-columns: 110px 1fr; gap: 20px; padding: 15px 0; border-top: 1px solid var(--tx-mist); }
.tx-showroom dt { color: var(--tx-steel); font-size: 9px; text-transform: uppercase; }
.tx-showroom dd { margin: 0; font-size: 12px; line-height: 1.55; }
/* Footer */
.tx-site .footer { padding: 75px 0 30px; color: white; background: #040d14; }
.tx-site .tx-footer-grid { display: grid; grid-template-columns: 1.25fr .8fr 1fr 1fr; gap: 70px; }
.tx-site .tx-footer-brand img { width: 205px; }
.tx-site .tx-footer-brand p { margin-top: 25px; color: rgba(255,255,255,.4); font-size: 11px; line-height: 1.7; }
.tx-site .footer__col { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.tx-site .footer__title { margin-bottom: 8px; color: rgba(255,255,255,.4); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
.tx-site .footer__col a { color: rgba(255,255,255,.7); font-size: 11px; }
.tx-site .footer__col a:hover { color: var(--tx-cyan); }
.tx-site .tx-footer-phone { color: white !important; font-size: 20px !important; font-weight: 700; }
.tx-site .tx-footer-contacts span { color: rgba(255,255,255,.38); font-size: 9px; }
.tx-pwa-install { margin-top: 7px; padding: 8px 13px; color: var(--tx-cyan); border: 1px solid rgba(108,213,245,.35); border-radius: 100px; background: rgba(108,213,245,.06); font-size: 9px; font-weight: 700; }
.tx-site .footer__bottom { margin-top: 55px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.1); }
/* Forms, basket and order */
.tx-site .basket,
.tx-site .cart,
.tx-site .sale-order-list,
.tx-site .bx-soa { border-radius: var(--tx-radius); }
.tx-site .bx-soa-section,
.tx-site .basket-item-block-info,
.tx-site .sale-order-list-inner-row { border-color: var(--tx-mist) !important; background: white; }
.tx-site .bx-soa-section { margin-bottom: 14px; border-radius: 16px; overflow: hidden; }
.tx-site .bx-soa-section-title-container { background: #f1f4f7; }
@media (max-width: 1100px) {
.tx-site .container,
.tx-site .header__content { width: calc(100% - 40px); }
.tx-site .header__top { padding-inline: 20px; }
.tx-site .header__content { gap: 18px; }
.tx-site .tx-logo { width: 175px; }
.tx-site .header__search { min-width: 240px; }
.tx-levels__grid { grid-template-columns: repeat(2, 1fr); }
.tx-levels__grid a:nth-child(3) { border-left: 1px solid var(--tx-mist); }
.tx-fit__grid { gap: 55px; }
.tx-compare__grid { grid-template-columns: 1fr 1fr; }
.tx-compare__grid > div { grid-column: 1 / 3; }
.tx-service__grid { grid-template-columns: repeat(2, 1fr); }
.tx-site .tx-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
.tx-site .container,
.tx-site .header__content { width: calc(100% - 28px); }
.tx-site .header__top { min-height: 30px; justify-content: center; padding-inline: 14px; }
.tx-site .header__top .header__menu { display: none; }
.tx-site .header__content { min-height: 64px; gap: 10px; }
.tx-site .tx-logo { width: 150px; }
.tx-site .header__search { min-width: 0; }
.tx-site .search-widget { min-height: 40px; }
.tx-site .search-widget__btn { width: 42px; min-height: 40px; padding: 0; font-size: 0; }
.tx-site .header__content > .header__actions .header__item:not(:last-child) { display: none; }
.tx-site .header__actions-mobile { left: 10px; right: 10px; bottom: 8px; width: auto; border: 1px solid rgba(255,255,255,.6); border-radius: 18px; background: rgba(255,255,255,.92); box-shadow: 0 15px 45px rgba(7,21,33,.22); backdrop-filter: blur(16px); }
.tx-site .header__actions-mobile .header__actions { min-height: 62px; justify-content: space-around; }
.tx-site .header__actions-mobile .header__item { width: 64px; height: 56px; flex-direction: column; gap: 4px; border-radius: 14px; font-size: 9px; font-weight: 700; }
.tx-site .header__actions-mobile .tx-action::before { width: 21px; height: 21px; }
.tx-site .header__actions-mobile .tx-action::after { display: block; color: var(--tx-steel); font-size: 8px; line-height: 1; }
.tx-site .header__actions-mobile .tx-action--catalog::after { content: 'Каталог'; }
.tx-site .header__actions-mobile .tx-action--cart::after { content: 'Корзина'; }
.tx-site .header__actions-mobile .tx-action--favorite::after { content: 'Избранное'; }
.tx-site .header__actions-mobile .tx-action--compare::after { content: 'Сравнить'; }
.tx-site .header__actions-mobile .tx-action--profile::after { content: 'Профиль'; }
.tx-site .main-header { padding: 35px 0 20px; }
.tx-site .main-header__title { font-size: 36px; }
.tx-site .main { padding-bottom: 75px; }
.tx-site .main__inner { display: block; }
.tx-site .main__aside { width: 100%; margin-bottom: 20px; }
.tx-site .product-card { padding: 7px; border-radius: 15px; }
.tx-site .product-card__photo { min-height: 205px; }
.tx-site .product-card__inner { padding: 12px 5px 7px; }
.tx-site .product-card__price { font-size: 15px; }
.tx-site .product-card__title { font-size: 11px; }
.tx-hero { min-height: 690px; height: calc(100svh - 94px); max-height: 810px; justify-content: flex-start; }
.tx-hero__image { background-image: linear-gradient(90deg, rgba(3,13,22,.96) 0%, rgba(3,13,22,.72) 48%, rgba(3,13,22,.15) 100%), linear-gradient(0deg, rgba(3,13,22,.82), transparent 58%), url('/local/templates/trixel_premium/assets/css/../img/trixel/hero-skater.webp'); background-position: 64% center; }
.tx-hero__content { padding-top: 15vh; padding-bottom: 90px; }
.tx-hero h1 { margin-bottom: 22px; font-size: clamp(47px, 14vw, 66px); }
.tx-hero__content > p { width: 94%; font-size: 13px; line-height: 1.6; }
.tx-hero__actions { flex-wrap: wrap; }
.tx-btn { min-height: 50px; padding-inline: 19px; }
.tx-hero__proof { min-height: 92px; grid-template-columns: 1fr 1fr; }
.tx-hero__proof > div { padding: 0 12px; }
.tx-hero__proof > div:nth-child(3) { display: none; }
.tx-hero__proof b { font-size: 9px; }
.tx-hero__proof span { font-size: 7px; }
.tx-section { padding-block: 76px; }
.tx-section-head { display: block; margin-bottom: 36px; }
.tx-section-head h2 { font-size: 42px; }
.tx-section-head > p { margin-top: 25px; font-size: 13px; }
.tx-section-head > .tx-text-link { margin-top: 20px; }
.tx-levels__grid { grid-template-columns: 1fr; }
.tx-levels__grid a { min-height: 210px; border: 1px solid var(--tx-mist); border-bottom: 0; }
.tx-levels__grid a:last-child { border-bottom: 1px solid var(--tx-mist); }
.tx-levels__grid h3 { margin-top: 75px; }
.tx-categories { padding-top: 20px; }
.tx-categories__grid { grid-template-columns: 1fr; grid-template-rows: repeat(3, 330px); }
.tx-category--skates { grid-row: auto; }
.tx-category { padding: 27px; border-radius: 18px; }
.tx-category h3 { font-size: 37px; }
.tx-fit { padding: 75px 0; }
.tx-fit__grid { grid-template-columns: 1fr; gap: 55px; }
.tx-fit__visual { min-height: 340px; }
.tx-fit__visual span { font-size: 76px; }
.tx-fit__copy h2 { font-size: 45px; }
.tx-compare { padding: 75px 0; }
.tx-compare__grid { grid-template-columns: 1fr; }
.tx-compare__grid > div { grid-column: auto; padding-right: 0; }
.tx-compare h2 { font-size: 55px; }
.tx-compare article { min-height: 340px; }
.tx-service__grid { grid-template-columns: 1fr; }
.tx-service article { min-height: 230px; border: 1px solid var(--tx-mist); border-bottom: 0; }
.tx-service article:last-child { border-bottom: 1px solid var(--tx-mist); }
.tx-service article h3 { margin-top: 90px; }
.tx-b2b { padding: 75px 0; }
.tx-b2b__grid { grid-template-columns: 1fr; gap: 42px; }
.tx-b2b h2 { font-size: 58px; }
.tx-showroom { grid-template-columns: 1fr; }
.tx-showroom__map { min-height: 370px; border-radius: 18px 18px 0 0; }
.tx-showroom__copy { padding: 35px 25px; border: 1px solid var(--tx-mist); border-top: 0; border-radius: 0 0 18px 18px; }
.tx-showroom__copy h2 { font-size: 43px; }
.tx-site .footer { padding-bottom: 105px; }
.tx-site .tx-footer-grid { grid-template-columns: 1fr 1fr; gap: 45px 24px; }
.tx-site .tx-footer-brand { grid-column: 1 / 3; }
.tx-site .tx-footer-contacts { grid-column: 1 / 3; }
.tx-site .footer__bottom { align-items: flex-start; flex-direction: column; gap: 15px; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
.tx-site *, .tx-site *::before, .tx-site *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
/* Legal and information pages */
.tx-legal-page { max-width: 980px; margin: 0 auto; padding: 36px 0 110px; }
.tx-legal-page > h1 { margin: 12px 0 42px; color: var(--tx-ink); font-size: clamp(48px, 7vw, 86px); letter-spacing: -.055em; line-height: .96; }
.tx-legal-card { margin-top: 18px; padding: 34px 38px; border: 1px solid var(--tx-mist); border-radius: 20px; background: #fff; }
.tx-legal-card h2 { margin: 0 0 26px; color: var(--tx-ink); font-size: 24px; }
.tx-legal-card dl { margin: 0; }
.tx-legal-card dl div { display: grid; grid-template-columns: minmax(170px, .7fr) 1.3fr; gap: 28px; padding: 15px 0; border-top: 1px solid var(--tx-mist); }
.tx-legal-card dt { color: var(--tx-steel); }
.tx-legal-card dd { margin: 0; color: var(--tx-ink); font-weight: 650; overflow-wrap: anywhere; }
.tx-reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }
.tx-reveal.is-visible { opacity: 1; transform: none; }
.tx-max-link { display: inline-flex !important; align-items: center; gap: 10px; width: fit-content; margin: 6px 0; color: #fff !important; font-weight: 700; }
.tx-max-icon { display: inline-grid; flex: 0 0 auto; width: 34px; height: 34px; place-items: center; border-radius: 11px; box-shadow: 0 7px 20px rgba(85,86,241,.28); overflow: hidden; }
.tx-max-icon img { display: block; width: 100%; height: 100%; }
.tx-max-float { position: fixed; z-index: 90; right: 22px; bottom: 24px; display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 16px; border: 1px solid rgba(255,255,255,.72); border-radius: 18px; background: rgba(7,21,33,.94); color: #fff !important; box-shadow: 0 15px 45px rgba(7,21,33,.27); font-size: 13px; font-weight: 750; letter-spacing: -.01em; backdrop-filter: blur(14px); transition: transform .2s ease, box-shadow .2s ease; }
.tx-max-float:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 19px 50px rgba(7,21,33,.36); }
.tx-max-float .tx-max-icon { width: 42px; height: 42px; border-radius: 13px; }
.tx-max-float .tx-max-icon img { width: 100%; height: 100%; }
@media (max-width: 640px) {
.tx-legal-page { padding: 20px 0 72px; }
.tx-legal-card { padding: 25px 22px; }
.tx-legal-card dl div { grid-template-columns: 1fr; gap: 5px; }
.tx-max-float { right: 14px; bottom: 88px; padding: 6px; border-radius: 15px; }
.tx-max-float__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
/* Published experience aligned with the local React reference. */
.tx-site { --ink:#071521; --snow:#f6f8fb; --paper:#fff; --mist:#e4ebf1; --steel:#70808d; --violet:#6747e8; --cyan:#6cd5f5; --line:rgba(7,21,33,.12); --radius:22px; --container:1380px; --ease:cubic-bezier(.22,1,.36,1); color:var(--ink); background:var(--snow); font-family:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.tx-site .container { width:min(calc(100% - 64px),var(--container)); max-width:none; margin-inline:auto; }
.tx-site .microbar { position:relative; z-index:40; color:rgba(255,255,255,.75); background:var(--ink); }
.tx-site .microbar__inner { height:34px; display:flex; align-items:center; justify-content:space-between; font-size:10px; letter-spacing:.07em; text-transform:uppercase; }
.tx-site .microbar p { display:flex; align-items:center; gap:16px; margin:0; }.tx-site .microbar p span,.tx-site .microbar a{color:#fff}.tx-site .microbar p i{width:2px;height:2px;border-radius:50%;background:var(--cyan)}.tx-site .microbar a{display:flex;gap:7px;font-weight:700}
.tx-site .tx-ref-header { position:sticky; top:0; z-index:35; height:auto; margin:0; background:rgba(255,255,255,.94); border-bottom:1px solid rgba(7,21,33,.07); backdrop-filter:blur(18px); }
.tx-site .header__inner { height:78px; display:flex; align-items:center; gap:32px; }.tx-site .header .logo{flex:0 0 auto}.tx-site .header .logo img{width:196px;height:auto}.tx-site .header__nav{display:flex;align-items:center;gap:26px;margin-left:25px}.tx-site .header__nav a,.tx-site .header__nav button{display:flex;align-items:center;gap:6px;padding:10px 0;color:var(--ink);background:none;font-size:13px;font-weight:650}.tx-site .header__nav a:hover,.tx-site .header__nav button:hover{color:var(--violet)}
.tx-site .header__actions{display:flex;align-items:center;gap:4px;margin-left:auto}.tx-site .header__search{width:clamp(165px,17vw,260px);height:42px;display:flex;align-items:center;gap:9px;margin-right:7px;padding:0 15px;border:1px solid var(--line);border-radius:100px;color:var(--steel);background:rgba(246,248,251,.8)}.tx-site .header__search input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.tx-site .icon-button{position:relative;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:100px;background:transparent}.tx-site .header__fit{width:auto;padding-inline:15px;gap:8px;color:#fff;background:var(--ink)}.tx-site .header__fit b{font-size:12px}.tx-site .header__favorite .header__counter,.tx-site .header__cart .header__counter,.tx-site .mobile-nav .header__counter{position:absolute;z-index:2;top:0;right:0;min-width:18px;height:18px;display:grid;place-items:center;border:2px solid #fff;border-radius:10px;color:#fff;background:var(--violet);font-size:9px}.tx-heart-glyph,.tx-bag-glyph,.tx-search-glyph,.tx-menu-glyph{width:21px;height:21px;display:block;background:currentColor;mask:center/contain no-repeat}.tx-heart-glyph{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21 4.2 13.6A5.2 5.2 0 0 1 12 6.7a5.2 5.2 0 0 1 7.8 6.9Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}.tx-bag-glyph{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 8h12l1 12H5L6 8Zm3 1V6a3 3 0 0 1 6 0v3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}.tx-search-glyph{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m20 20-4-4' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}.tx-menu-glyph{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}.tx-site .header__menu-button{display:none}
.tx-ref-menu{position:fixed;z-index:120;top:0;left:0;width:min(460px,100vw);height:100svh;display:flex;flex-direction:column;padding:28px 34px;color:var(--ink);background:#fff;box-shadow:20px 0 60px rgba(7,21,33,.2);transform:translateX(-105%);transition:transform .45s var(--ease)}.tx-ref-menu.is-open{transform:none}.tx-ref-menu>button{position:absolute;top:22px;right:22px;width:44px;height:44px;border-radius:50%;background:var(--snow);font-size:28px}.tx-ref-menu> a img{width:195px}.tx-ref-menu nav{display:flex;flex-direction:column;margin-top:70px;border-top:1px solid var(--line)}.tx-ref-menu nav a{display:flex;gap:20px;padding:21px 4px;border-bottom:1px solid var(--line);font-size:20px;font-weight:650}.tx-ref-menu nav span{color:var(--violet);font-size:10px}.tx-ref-menu footer{display:flex;flex-direction:column;gap:7px;margin-top:auto}.tx-ref-menu footer a{font-size:22px;font-weight:700}.tx-ref-menu footer span{color:var(--steel);font-size:10px}
.tx-site .menu-widget{top:112px;z-index:34}.tx-site .mobile-nav{display:none}
.tx-home{margin:0;color:var(--ink);background:var(--snow)}.tx-home .section{padding-block:132px}.tx-home .section--soft{background:#edf2f6}.tx-home .section--ink{color:#fff;background:var(--ink)}
.tx-home .eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;color:#536875;font-size:11px;font-weight:750;letter-spacing:.2em;text-transform:uppercase}.tx-home .eyebrow i{width:34px;height:1px;background:linear-gradient(90deg,var(--violet),var(--cyan))}.tx-home .eyebrow--light{color:rgba(255,255,255,.62)}.tx-home .section-head{display:grid;grid-template-columns:1.45fr .75fr auto;align-items:end;gap:70px;margin-bottom:62px}.tx-home .section-head h2{max-width:800px;margin:0;font-size:clamp(42px,4.3vw,68px);font-weight:580;letter-spacing:-.055em;line-height:.98}.tx-home h1 em,.tx-home h2 em{font-family:Iowan Old Style,Baskerville,Georgia,serif;font-weight:400}.tx-home .section-head p{max-width:470px;margin:0 0 4px;color:#5d6c77;font-size:16px;line-height:1.75}.tx-home .section-head__action{align-self:end;justify-self:end}.tx-home .text-link{display:inline-flex;padding:8px 0;color:var(--ink);border-bottom:1px solid currentColor;font-size:14px;font-weight:700}
.tx-home .button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 24px;border-radius:100px;font-size:14px;font-weight:700}.tx-home .button--ice{color:var(--ink);background:#fff}.tx-home .button--ghost-light{color:#fff;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.04)}.tx-home .button--dark{color:#fff;background:var(--ink)}
.tx-home .hero{position:relative;min-height:calc(100svh - 112px);height:min(890px,calc(100svh - 112px));color:#fff;background:var(--ink);overflow:hidden}.tx-home .hero__image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,14,23,.94) 0%,rgba(4,14,23,.76) 31%,rgba(4,14,23,.16) 65%,rgba(4,14,23,.12) 100%),linear-gradient(0deg,rgba(4,14,23,.7),transparent 42%),url('/local/templates/trixel_premium/assets/css/../img/trixel/hero-skater.webp');background-size:cover;background-position:center;animation:hero-breathe 14s ease-in-out infinite alternate}.tx-home .hero__glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.22}.tx-home .hero__glow--one{width:330px;height:330px;top:18%;right:-60px;background:var(--violet)}.tx-home .hero__glow--two{width:280px;height:100px;bottom:8%;left:34%;background:var(--cyan)}.tx-home .hero__inner{position:relative;z-index:2;height:calc(100% - 112px);display:flex;align-items:center}.tx-home .hero__content{width:min(650px,53vw);padding-bottom:6vh}.tx-home .hero h1{margin-bottom:28px;font-size:clamp(58px,6.45vw,96px);font-weight:560;letter-spacing:-.065em;line-height:.91}.tx-home .hero h1 em{display:inline-block;color:#dff8ff}.tx-home .hero__content>p{max-width:560px;margin-bottom:34px;color:rgba(255,255,255,.68);font-size:17px;line-height:1.7}.tx-home .hero__buttons{display:flex;flex-wrap:wrap;gap:12px}.tx-home .hero__side-note{position:absolute;right:1%;bottom:22%;display:flex;gap:14px;color:rgba(255,255,255,.55)}.tx-home .hero__side-note span{color:var(--cyan);font-size:10px}.tx-home .hero__side-note p{font:italic 14px/1.5 Georgia,serif}.tx-home .hero__proof{position:absolute;z-index:3;left:50%;bottom:0;height:112px;display:grid;grid-template-columns:repeat(3,1fr);transform:translateX(-50%);border-top:1px solid rgba(255,255,255,.14)}.tx-home .hero__proof>div{display:flex;align-items:center;gap:16px;padding:0 28px;border-right:1px solid rgba(255,255,255,.12)}.tx-home .hero__proof>div:first-child{padding-left:0}.tx-home .hero__proof p{display:flex;flex-direction:column;gap:5px;margin:0}.tx-home .hero__proof b{font-size:12px}.tx-home .hero__proof p span{color:rgba(255,255,255,.48);font-size:10px}.tx-proof-icon{color:var(--cyan);font-size:25px}.tx-home .hero__blade-line{position:absolute;z-index:2;inset:auto 0 92px;height:80px;opacity:.46}.tx-home .hero__blade-line svg{width:100%;height:100%;fill:none}.tx-home .hero__blade-line path{stroke:rgba(108,213,245,.5);stroke-width:1}
.tx-home .levels__grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.tx-home .level-card{min-height:300px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:28px 30px;color:var(--ink);border-right:1px solid var(--line);overflow:hidden}.tx-home .level-card:first-child{border-left:1px solid var(--line)}.tx-home .level-card>span{color:var(--violet);font-size:11px}.tx-home .level-card h3{margin:0 0 16px;font-size:24px}.tx-home .level-card p{margin:0;color:#677682;font-size:13px;line-height:1.65}.tx-home .level-card>i{position:absolute;top:25px;right:26px;font-size:22px}
.tx-home .categories__grid{height:730px;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:18px}.tx-home .category-card{position:relative;display:block;padding:38px;color:var(--ink);border-radius:var(--radius);background:#fff;overflow:hidden;isolation:isolate}.tx-home .category-card::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.1))}.tx-home .category-card--large{grid-row:1/3}.tx-home .category-card img{position:absolute;z-index:-2;object-fit:contain}.tx-home .category-card--large img{width:70%;height:92%;right:-4%;bottom:-5%}.tx-home .category-card--blade img{width:58%;height:82%;right:-2%;bottom:3%}.tx-home .category-card--accessory img{width:50%;height:92%;right:2%;bottom:-3%}.tx-home .category-card__count{position:absolute;top:25px;right:26px;padding:8px 12px;border:1px solid var(--line);border-radius:100px;color:#667783;background:rgba(255,255,255,.72);font-size:10px}.tx-home .category-card>div{position:absolute;left:38px;bottom:42px}.tx-home .category-card small{color:#647782;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.tx-home .category-card h3{margin:13px 0;font-size:clamp(32px,3.4vw,58px);line-height:.98}.tx-home .category-card:not(.category-card--large) h3{font-size:36px}.tx-home .category-card p{color:#5f707c;font-size:13px}.tx-home .category-card>i{position:absolute;right:28px;bottom:28px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--ink)}
.tx-home .fit-lab{position:relative;color:#fff;background:var(--ink);overflow:hidden}.tx-home .fit-lab__inner{display:grid;grid-template-columns:1.03fr .97fr;gap:90px;align-items:center}.tx-home .fit-lab__visual{height:660px;position:relative;display:grid;place-items:center}.tx-home .fit-lab__visual img{position:relative;z-index:2;width:min(76%,470px);max-height:580px;object-fit:contain;border-radius:26px;background:#fff;box-shadow:0 34px 75px rgba(0,0,0,.3)}.tx-home .fit-lab__orbit{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%}.tx-home .fit-lab__orbit--one{width:560px;height:560px}.tx-home .fit-lab__orbit--two{width:430px;height:430px}.tx-home .fit-point{position:absolute;z-index:3;padding:10px 13px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(7,21,33,.8)}.tx-home .fit-point span,.tx-home .fit-point b{display:block;font-size:9px}.tx-home .fit-point--one{top:20%;right:2%}.tx-home .fit-point--two{left:0;bottom:25%}.tx-home .fit-point--three{right:5%;bottom:14%}.tx-home .fit-lab__content h2{font-size:clamp(46px,4.4vw,70px);line-height:.98}.tx-home .fit-lab__content>p{color:rgba(255,255,255,.58);font-size:16px;line-height:1.75}.tx-home .fit-lab__content ol{margin:38px 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.12)}.tx-home .fit-lab__content li{display:flex;gap:22px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.12)}.tx-home .fit-lab__content li>span{color:var(--cyan);font-size:10px}.tx-home .fit-lab__content li p{display:flex;flex-direction:column;gap:4px;margin:0}.tx-home .fit-lab__content li small{color:rgba(255,255,255,.42)}
.tx-home .tx-products .main__grid{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:44px 18px}.tx-home .tx-products .main__col{width:auto;padding:0}.tx-home .tx-products .product-card{padding:0;border:0;background:transparent}.tx-home .tx-products .product-card__photos{height:410px;border:1px solid rgba(7,21,33,.07);border-radius:18px;background:#fff;overflow:hidden}.tx-home .tx-products .product-card__photo{height:100%;min-height:0}.tx-home .tx-products .product-card__photo img{width:86%;height:86%;object-fit:contain}.tx-home .tx-products .product-card__inner{padding:18px 5px 0}.tx-home .tx-products .product-card__price{font-size:17px}.tx-home .tx-products .product-card__title{min-height:45px;font-size:16px;line-height:1.4}.tx-home .tx-products .product-card__status{font-size:10px}.tx-home .tx-products .product-card__badge{top:16px;left:16px}.tx-home .tx-products .product-card__actions{top:9px;right:9px}
.tx-home .brands{padding:115px 0 0;overflow:hidden}.tx-home .brands__head{display:flex;justify-content:space-between;gap:50px;margin-bottom:68px}.tx-home .brands__head p{font:italic 25px/1.35 Georgia,serif}.tx-home .brand-line{display:flex;gap:38px;width:max-content;padding:33px 0;border-block:1px solid var(--line)}.tx-home .brand-line span{display:flex;gap:38px;font-size:clamp(20px,2vw,32px);font-weight:760;white-space:nowrap}.tx-home .brand-line i{color:var(--violet)}.tx-home .compare{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:120px}.tx-home .compare__copy{align-self:center}.tx-home .compare__copy h2{font-size:clamp(44px,4vw,62px)}.tx-home .compare__copy p{color:#60717c;font-size:15px;line-height:1.75}.tx-home .compare__cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tx-home .compare__cards article{min-height:500px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;border-radius:var(--radius);background:#fff;overflow:hidden}.tx-home .compare__cards article:nth-child(2){color:#fff;background:var(--ink)}.tx-home .compare__cards article>span{position:absolute;top:-70px;right:-10px;color:#eef2f5;font:300px/1 Georgia}.tx-home .compare__cards article:nth-child(2)>span{color:rgba(255,255,255,.04)}.tx-home .compare__cards article>div{position:relative}.tx-home .compare__cards h3{font-size:42px}.tx-home .compare__cards p{color:#6b7c87;font-size:12px;line-height:1.65}.tx-home .compare__cards article:nth-child(2) p{color:rgba(255,255,255,.52)}
.tx-home .service__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.tx-home .service__grid article{min-height:350px;position:relative;padding:35px 28px;border-right:1px solid var(--line)}.tx-home .service__grid article:first-child{border-left:1px solid var(--line)}.tx-home .service__grid article>span{position:absolute;top:32px;right:26px}.tx-service-icon{display:block;margin:85px 0 28px;color:var(--violet);font-size:28px}.tx-home .service__grid h3{font-size:19px}.tx-home .service__grid p{color:#697a86;font-size:12px;line-height:1.7}
.tx-home .practical__grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:110px}.tx-home .practical__intro{position:sticky;top:125px;align-self:start}.tx-home .practical__intro h2{font-size:clamp(46px,4.4vw,68px);line-height:.98}.tx-home .practical__intro p{color:#667783;line-height:1.75}.tx-home .practical__items{border-top:1px solid var(--line)}.tx-home .practical__items details{border-bottom:1px solid var(--line)}.tx-home .practical__items summary{min-height:98px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;list-style:none;cursor:pointer}.tx-home .practical__items summary>span{color:var(--violet);font-size:9px}.tx-home .practical__items summary>b{font-size:19px}.tx-home .practical__items summary>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.tx-home .practical__content{padding:0 54px 34px 50px}.tx-home .practical__content p,.tx-home .practical__content li{color:#687985;font-size:13px;line-height:1.75}.tx-home .practical__content h3{font-size:21px}.tx-home .practical__content section{padding-bottom:20px;border-bottom:1px solid var(--line)}.tx-home .practical__content section>span{color:var(--violet);font-size:9px;text-transform:uppercase}.tx-home .practical__notice{padding:15px 18px;border-left:2px solid var(--violet);background:rgba(103,71,232,.06)}
.tx-home .reviews .section-head h2 em{color:#dff8ff}.tx-home .reviews__rating{display:grid;grid-template-columns:auto 1fr;gap:1px 12px}.tx-home .reviews__rating b{grid-row:1/3;font:48px Georgia}.tx-home .reviews__rating span{color:var(--cyan);font-size:11px}.tx-home .reviews__rating small{color:rgba(255,255,255,.42)}.tx-home .reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14)}.tx-home .reviews__grid article{min-height:400px;display:flex;flex-direction:column;padding:35px 36px 30px;border-right:1px solid rgba(255,255,255,.14)}.tx-home .reviews__quote{height:90px;color:var(--cyan);font:74px Georgia}.tx-home .reviews__grid article>p{margin-bottom:auto;color:rgba(255,255,255,.68);font:italic 17px/1.65 Georgia}.tx-home .reviews__grid footer{display:grid;grid-template-columns:auto 1fr auto;gap:17px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}.tx-home .reviews__grid footer>div{display:flex;flex-direction:column}.tx-home .reviews__grid footer i{color:#d9b56b;font-size:8px}
.tx-home .showroom__grid{display:grid;grid-template-columns:1.04fr .96fr;min-height:670px;background:#fff;border-radius:var(--radius);overflow:hidden}.tx-home .showroom__map{position:relative;background-color:#e6edf1;background-image:linear-gradient(35deg,transparent 46%,rgba(255,255,255,.7) 47% 50%,transparent 51%),linear-gradient(-20deg,transparent 45%,rgba(255,255,255,.5) 46% 48%,transparent 49%);background-size:160px 160px,220px 220px}.tx-home .map__pin{position:absolute;top:45%;left:45%;display:flex;flex-direction:column;align-items:center}.tx-home .map__pin span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--violet)}.tx-home .showroom__content{align-self:center;padding:70px 74px}.tx-home .showroom__content h2{font-size:clamp(45px,4vw,62px);line-height:1}.tx-home .showroom__content>p{color:#667783;line-height:1.7}.tx-home .showroom__content dl div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:15px 0;border-top:1px solid var(--line)}.tx-home .showroom__content dt{color:#84939d;font-size:9px;text-transform:uppercase}.tx-home .showroom__content dd{margin:0;font-size:12px;line-height:1.55}
.tx-home .newsletter{padding-block:105px;color:#fff;background:linear-gradient(120deg,#102533,#071521 65%)}.tx-home .newsletter__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:end}.tx-home .newsletter h2{font-size:clamp(42px,4.3vw,66px);line-height:1}.tx-home .newsletter h2 em{color:#dff8ff}.tx-home .newsletter p{color:rgba(255,255,255,.55);line-height:1.65}.tx-home .newsletter form label{height:58px;display:flex;border-bottom:1px solid rgba(255,255,255,.35)}.tx-home .newsletter input{flex:1;border:0;outline:0;color:#fff;background:transparent}.tx-home .newsletter button{width:52px;color:var(--ink);background:#fff}.tx-home .newsletter small{display:block;margin-top:13px;color:rgba(255,255,255,.4);font-size:8px}
@media(max-width:980px){.tx-site .header__nav{display:none}.tx-site .header__menu-button{display:inline-flex}.tx-site .header__search{display:none}.tx-site .header__fit{display:none}.tx-home .section-head{grid-template-columns:1fr .8fr}.tx-home .levels__grid{grid-template-columns:1fr 1fr}.tx-home .categories__grid{height:1080px;grid-template-columns:1fr 1fr;grid-template-rows:1.2fr .8fr}.tx-home .category-card--large{grid-column:1/3;grid-row:1}.tx-home .fit-lab__inner{grid-template-columns:1fr}.tx-home .tx-products .main__grid{grid-template-columns:repeat(2,1fr)}.tx-home .compare{grid-template-columns:1fr}.tx-home .service__grid{grid-template-columns:1fr 1fr}.tx-home .practical__grid{grid-template-columns:1fr}.tx-home .practical__intro{position:static}.tx-home .showroom__grid{grid-template-columns:1fr}}
@media(max-width:700px){.tx-site .container{width:calc(100% - 32px)}.tx-site .microbar__inner{justify-content:center}.tx-site .microbar p i,.tx-site .microbar p span:not(:first-child),.tx-site .microbar a{display:none}.tx-site .header__inner{height:64px;gap:12px}.tx-site .header .logo img{width:154px;height:38px}.tx-site .header__favorite{display:none}.tx-site .header__actions{margin-left:auto}.tx-site .header__cart{display:inline-flex}.tx-site .menu-widget{top:98px}.tx-site .mobile-nav{position:fixed;z-index:80;left:10px;right:10px;bottom:9px;height:66px;display:grid;grid-template-columns:repeat(4,1fr);padding:6px;border:1px solid rgba(255,255,255,.5);border-radius:19px;background:rgba(255,255,255,.92);box-shadow:0 13px 45px rgba(7,21,33,.2);backdrop-filter:blur(16px)}.tx-site .mobile-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#6b7c87;font-size:8px}.tx-site .mobile-nav span{width:18px;height:18px}.tx-site .mobile-nav__home{position:relative;border:1.7px solid currentColor;border-radius:4px}.tx-home .section{padding-block:76px}.tx-home .hero{min-height:700px;height:calc(100svh - 98px);max-height:820px}.tx-home .hero__image{background-image:linear-gradient(90deg,rgba(4,14,23,.95),rgba(4,14,23,.72) 45%,rgba(4,14,23,.18)),linear-gradient(0deg,rgba(4,14,23,.82),transparent 55%),url('/local/templates/trixel_premium/assets/css/../img/trixel/hero-skater.webp');background-position:65% center}.tx-home .hero__inner{height:calc(100% - 104px);align-items:flex-start;padding-top:17vh}.tx-home .hero__content{width:92%}.tx-home .hero h1{font-size:clamp(47px,14vw,66px)}.tx-home .hero__content>p{font-size:14px}.tx-home .hero__side-note{display:none}.tx-home .hero__proof{height:104px;grid-template-columns:1fr 1fr}.tx-home .hero__proof>div{padding:0 15px}.tx-home .hero__proof>div:nth-child(3){display:none}.tx-home .section-head{display:block;margin-bottom:38px}.tx-home .section-head h2{font-size:40px}.tx-home .section-head p{margin-top:20px;font-size:14px}.tx-home .levels__grid{grid-template-columns:1fr}.tx-home .level-card{min-height:175px;border:1px solid var(--line);border-bottom:0}.tx-home .categories__grid{height:auto;grid-template-columns:1fr;grid-template-rows:none;gap:11px}.tx-home .category-card,.tx-home .category-card--large{height:390px;grid-column:auto;grid-row:auto;padding:25px}.tx-home .category-card>div{left:25px;bottom:28px}.tx-home .category-card h3,.tx-home .category-card:not(.category-card--large) h3{font-size:38px}.tx-home .fit-lab__visual{height:410px}.tx-home .fit-lab__orbit--one{width:340px;height:340px}.tx-home .fit-lab__orbit--two{width:260px;height:260px}.tx-home .fit-lab__content h2{font-size:43px}.tx-home .tx-products .main__grid{gap:31px 10px}.tx-home .tx-products .product-card__photos{height:245px}.tx-home .tx-products .product-card__inner{padding:12px 2px 0}.tx-home .tx-products .product-card__title{font-size:13px}.tx-home .brands__head{display:block}.tx-home .compare__cards{grid-template-columns:1fr}.tx-home .service__grid{grid-template-columns:1fr}.tx-home .service__grid article{min-height:250px;border:1px solid var(--line);border-bottom:0}.tx-home .practical__grid{gap:38px}.tx-home .practical__content{padding:0 20px 27px 35px}.tx-home .reviews__grid{grid-template-columns:1fr}.tx-home .reviews__grid article{min-height:350px;border-left:1px solid rgba(255,255,255,.14)}.tx-home .showroom__map{min-height:390px}.tx-home .showroom__content{padding:43px 25px}.tx-home .newsletter{padding-block:75px}.tx-home .newsletter__inner{grid-template-columns:1fr;gap:36px}.tx-site .footer{padding-bottom:125px}.tx-max-float{bottom:88px}}
@media(max-width:430px){.tx-home .hero__buttons .button{width:100%}.tx-home .hero__buttons .button--ghost-light{display:none}.tx-home .tx-products .product-card__photos{height:205px}.tx-home .category-card{height:360px}}
.tx-home .hero__content{width:min(760px,60vw)}
.tx-home .hero h1{font-size:clamp(58px,6.1vw,92px)}
.tx-site .cookies__accept{right:18px;bottom:18px;left:auto;width:min(520px,calc(100% - 36px));padding:0;border:1px solid rgba(255,255,255,.55);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 15px 45px rgba(7,21,33,.2);backdrop-filter:blur(16px)}
.tx-site .cookies__accept>.container{width:auto;padding:14px 16px}.tx-site .cookies__accept-container{gap:16px}.tx-site .cookies__block-text{font-size:11px;line-height:1.45}.tx-site .cookies__block-btn .btn{min-height:38px;padding:8px 18px;border-radius:100px;background:var(--violet);font-size:11px}
@media(max-width:700px){.tx-home .hero__content{width:92%}.tx-home .hero h1{font-size:clamp(47px,14vw,66px)}.tx-site .cookies__accept{right:10px;bottom:84px;width:calc(100% - 20px)}.tx-site .cookies__accept>.container{padding:10px 12px}.tx-site .cookies__block-text{font-size:9px}.tx-site .cookies__block-btn .btn{min-height:34px;padding:7px 13px}}
.tx-site .mobile-nav__label{font-size:8px;font-weight:400}.tx-site .mobile-nav a[aria-label]::after{content:attr(aria-label);font-size:8px}
.tx-site .section__slider.slick-initialized{overflow:hidden}.tx-site .section__slider.slick-initialized .slick-list{overflow:hidden}.tx-site .main,.tx-site .wrapper{max-width:100%;overflow-x:clip}
.tx-site button{margin:0;padding:0;border:0;outline:0;appearance:none;-webkit-appearance:none;color:inherit;background:transparent;font:inherit;letter-spacing:inherit}.tx-site button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.tx-site .header__nav button{border:0!important;outline:0!important;appearance:none!important;-webkit-appearance:none!important;background:transparent!important}.tx-site .tx-ref-menu>button{border:0;appearance:none}.tx-site .newsletter form button{border:0;appearance:none;background:#fff}.tx-site .header__menu-button{border:0;appearance:none}
.tx-phone-glyph{width:14px;height:14px;display:block;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.4 19.4 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.7 2Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}.tx-chevron{width:7px;height:7px;display:block;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.tx-home .showroom__map{position:relative;min-height:600px;background:#e6edf1;overflow:hidden}.tx-home .showroom__map iframe{width:100%;height:100%;min-height:600px;display:block;border:0;filter:saturate(.78) contrast(.96)}.tx-home .showroom__map-card{position:absolute;z-index:2;left:22px;bottom:22px;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid rgba(255,255,255,.75);border-radius:15px;background:rgba(255,255,255,.93);box-shadow:0 12px 34px rgba(7,21,33,.18);backdrop-filter:blur(14px)}.tx-home .showroom__map-card b{font-size:13px;letter-spacing:.08em}.tx-home .showroom__map-card span{color:var(--steel);font-size:10px}.tx-home .showroom__map-card a{margin-top:5px;color:var(--violet);font-size:10px;font-weight:750}.tx-home .showroom__actions{display:flex;align-items:center;gap:24px}.tx-home .showroom__actions .text-link{font-size:12px}
@media(max-width:700px){.tx-home .showroom__map,.tx-home .showroom__map iframe{min-height:390px}.tx-home .showroom__map-card{left:14px;right:14px;bottom:14px}.tx-home .showroom__actions{align-items:flex-start;flex-direction:column;gap:15px}}
body.tx-fit-open{overflow:hidden}.tx-fit-overlay[hidden],.tx-fit-step[hidden]{display:none!important}.tx-fit-overlay{position:fixed;z-index:10020;inset:0;display:flex;align-items:center;justify-content:center;padding:25px}.tx-fit-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(3,12,18,.66);backdrop-filter:blur(10px)}.tx-fit-modal{width:min(900px,calc(100vw - 50px));max-height:calc(100vh - 50px);position:relative;z-index:2;display:flex;flex-direction:column;padding:0 48px;background:#fff;border-radius:24px;overflow:hidden;animation:tx-fit-up .45s cubic-bezier(.2,.8,.2,1) both}@keyframes tx-fit-up{from{opacity:0;transform:translateY(24px) scale(.98)}}.tx-fit-head{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e4ebf1}.tx-fit-head>div>span{display:block;margin-bottom:5px;color:#82919b;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.tx-fit-head h2{margin:0;font-size:29px;font-weight:620;letter-spacing:-.04em}.tx-fit-head>button{width:44px;height:44px;border:0;border-radius:50%;background:#f4f7f9;font-size:25px}.tx-fit-progress{height:2px;margin-inline:-48px;background:#e7edf1}.tx-fit-progress i{height:100%;display:block;background:linear-gradient(90deg,#6747e8,#6cd5f5);transition:width .4s}.tx-fit-body{min-height:0;flex:1;padding:35px 0 20px;overflow-y:auto}.tx-fit-step>.eyebrow{margin-bottom:16px}.tx-fit-step>h3{margin:0 0 11px;font-size:clamp(34px,3.5vw,50px);font-weight:580;letter-spacing:-.05em;line-height:1}.tx-fit-step>h3 em{font-family:Georgia,serif;font-weight:400}.tx-fit-step>p{margin:0 0 25px;color:#71808a;font-size:12px;line-height:1.6}.tx-fit-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tx-fit-options>button{min-height:100px;display:grid;grid-template-columns:25px 1fr auto;gap:10px;align-items:center;padding:16px;text-align:left;border:1px solid #e4ebf1;border-radius:13px;background:#fff}.tx-fit-options>button>span{color:#6747e8;font-size:9px}.tx-fit-options>button>div{display:flex;flex-direction:column;gap:6px}.tx-fit-options b{font-size:13px}.tx-fit-options small{color:#7c8992;font-size:9px;line-height:1.45}.tx-fit-options button>i,.tx-budget button>i{width:24px;height:24px;display:grid;place-items:center;border:1px solid #e4ebf1;border-radius:50%;color:transparent;font-style:normal}.tx-fit-options button.is-active,.tx-budget button.is-active{border-color:#6747e8;background:#f7f5ff;box-shadow:0 0 0 1px #6747e8}.tx-fit-options button.is-active>i,.tx-budget button.is-active>i{color:#fff;background:#6747e8;border-color:#6747e8}.tx-measure{display:block;padding:22px;border:1px solid #e4ebf1;border-radius:15px;background:#f8fafb}.tx-measure>span,.tx-width>span{display:block;margin-bottom:10px;color:#687a86;font-size:10px;font-weight:700}.tx-measure input{width:100%;padding:4px 0 12px;border:0;border-bottom:1px solid #e4ebf1;outline:0;color:#071521;background:transparent;font-size:31px;font-weight:650}.tx-measure small{display:block;margin-top:12px;color:#84919a;font-size:8px;line-height:1.5}.tx-width{margin-top:18px}.tx-width>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tx-width button{display:flex;flex-direction:column;gap:4px;padding:17px;text-align:left;border:1px solid #e4ebf1;border-radius:12px;background:#fff}.tx-width button.is-active{border-color:#6747e8;background:#f7f5ff}.tx-width button b{font-size:16px}.tx-width button small{color:#7c8992;font-size:9px}.tx-budget{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tx-budget>button{min-height:160px;display:flex;flex-direction:column;align-items:flex-start;padding:18px;text-align:left;border:1px solid #e4ebf1;border-radius:14px;background:#fff}.tx-budget button>i{margin-bottom:auto}.tx-budget button b{margin-bottom:7px;font-size:14px}.tx-budget button small{color:#788790;font-size:9px;line-height:1.45}.tx-fit-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tx-fit-result-grid>a{min-width:0;display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid #e4ebf1;border-radius:14px;background:#fff;color:#071521}.tx-fit-result-grid img{width:100%;height:150px;object-fit:contain;border-radius:10px;background:#f2f5f7}.tx-fit-result-grid small{color:#6747e8;font-size:7px;font-weight:700;letter-spacing:.1em}.tx-fit-result-grid b{min-height:36px;font-size:10px;line-height:1.35}.tx-fit-result-grid strong{font-size:13px}.tx-fit-note{display:block;margin-top:13px;color:#85929b;font-size:8px}.tx-fit-footer{min-height:85px;display:flex;justify-content:flex-end;align-items:center;gap:25px;border-top:1px solid #e4ebf1}.tx-fit-footer>button:first-child{border:0;background:none;color:#6747e8}.tx-fit-footer .button{min-width:200px}@media(max-width:700px){.tx-fit-overlay{padding:10px 10px 80px}.tx-fit-modal{width:calc(100vw - 20px);max-height:calc(100svh - 90px);padding:0 20px;border-radius:18px}.tx-fit-progress{margin-inline:-20px}.tx-fit-body{padding-top:25px}.tx-fit-step>h3{font-size:35px}.tx-fit-options,.tx-budget{grid-template-columns:1fr}.tx-fit-options>button{min-height:84px}.tx-budget>button{min-height:105px}.tx-budget button>i{margin-bottom:18px}.tx-fit-result-grid{grid-template-columns:1fr}.tx-fit-result-grid>a{display:grid;grid-template-columns:95px 1fr;align-items:center;gap:12px}.tx-fit-result-grid img{height:90px;grid-row:span 3}.tx-fit-footer{min-height:72px}.tx-fit-footer .button{min-width:175px}}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-typography.css?1786628168514*/
.tx-site{font-family:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.tx-site button,.tx-site input,.tx-site select,.tx-site textarea{font-family:inherit}.tx-site em,.tx-home h1 em,.tx-home h2 em,.tx-home h3 em,.tx-fit-step h3 em{font-family:Iowan Old Style,Baskerville,Georgia,serif;font-weight:400}.tx-site .price,.tx-site [data-product-price],.tx-quick-buy strong{font-variant-numeric:tabular-nums}.tx-fit-footer>a:first-child{color:#6747e8;font-size:12px;font-weight:700}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-quick-view.css?17866279954600*/
body.tx-quick-open{overflow:hidden}.tx-quick-view[hidden]{display:none}.tx-quick-view{position:fixed;z-index:10030;inset:0;display:flex;align-items:center;justify-content:center;padding:25px;font-family:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.tx-quick-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(3,12,18,.66);backdrop-filter:blur(10px)}.tx-quick-modal{width:min(1120px,calc(100vw - 50px));height:min(740px,calc(100vh - 50px));position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:24px;overflow:hidden;animation:tx-quick-up .45s cubic-bezier(.22,1,.36,1) both}@keyframes tx-quick-up{from{opacity:0;transform:translateY(25px) scale(.98)}}.tx-quick-close{position:absolute;z-index:4;top:16px;right:16px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.86);font-size:25px;backdrop-filter:blur(8px)}.tx-quick-media{position:relative;display:grid;place-items:center;padding:40px;background:#edf2f6;overflow:hidden}.tx-quick-media:after{content:"";position:absolute;width:60%;height:25%;bottom:8%;border-radius:50%;background:radial-gradient(ellipse,rgba(85,108,122,.16),transparent 70%);filter:blur(14px)}.tx-quick-media>span{position:absolute;z-index:2;top:22px;left:22px;padding:8px 12px;border-radius:100px;background:#fff;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tx-quick-media img{width:86%;height:82%;position:relative;z-index:1;object-fit:contain}.tx-quick-info{align-self:center;padding:55px 56px;overflow-y:auto}.tx-quick-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;color:#6747e8;font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.tx-quick-brand b{color:#208a62;font-size:8px}.tx-quick-brand b:before{content:"";width:5px;height:5px;display:inline-block;margin-right:6px;border-radius:50%;background:#32b57f;box-shadow:0 0 9px #32b57f}.tx-quick-info h2{margin:0 0 15px;color:#071521;font-size:clamp(34px,3vw,46px);font-weight:580;letter-spacing:-.05em;line-height:1.02}.tx-quick-info>p{margin:0 0 25px;color:#687984;font-size:12px;line-height:1.7}.tx-quick-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:28px;border-block:1px solid #e4ebf1}.tx-quick-facts span{display:flex;flex-direction:column;gap:5px;padding:14px 10px;border-right:1px solid #e4ebf1;color:#89969e;font-size:8px}.tx-quick-facts span:first-child{padding-left:0}.tx-quick-facts span:last-child{border:0}.tx-quick-facts b{color:#071521;font-size:10px}.tx-quick-buy{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.tx-quick-buy strong{color:#071521;font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.tx-quick-buy .button{min-width:210px;min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:100px;color:#fff;background:#071521;font-size:13px;font-weight:700}.tx-quick-delivery{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:9px;align-items:center;padding-top:18px;border-top:1px solid #e4ebf1}.tx-quick-delivery>span{color:#6747e8;font-size:18px}.tx-quick-delivery p{display:flex;flex-direction:column;gap:3px;margin:0}.tx-quick-delivery b{font-size:9px}.tx-quick-delivery small{color:#83919a;font-size:8px}.tx-home .tx-products .product-card__photo:after{content:"Быстрый просмотр →";position:absolute;z-index:5;left:50%;bottom:14px;padding:10px 15px;border-radius:100px;color:#fff;background:rgba(7,21,33,.9);font-size:10px;font-weight:650;opacity:0;transform:translate(-50%,12px);transition:opacity .3s,transform .3s cubic-bezier(.22,1,.36,1);white-space:nowrap}.tx-home .tx-products .product-card:hover .product-card__photo:after{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){.tx-quick-view{padding:10px 10px 80px}.tx-quick-modal{width:calc(100vw - 20px);height:calc(100svh - 90px);grid-template-columns:1fr;grid-template-rows:42% 58%;border-radius:18px}.tx-quick-media{padding:15px}.tx-quick-media img{height:92%}.tx-quick-info{padding:26px 20px 35px}.tx-quick-info h2{font-size:29px}.tx-quick-facts span{padding:10px 5px}.tx-quick-buy{position:sticky;bottom:-35px;z-index:3;margin:20px -20px -35px;padding:15px 20px 22px;background:#fff;box-shadow:0 -12px 25px rgba(7,21,33,.07)}.tx-quick-buy strong{font-size:21px}.tx-quick-buy .button{min-width:155px;min-height:48px;padding:0 14px}.tx-quick-delivery{display:none}.tx-home .tx-products .product-card__photo:after{display:none}}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-cart-flow.css?17866289053361*/
.tx-quick-sizes{margin:0 0 24px}.tx-quick-sizes>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tx-quick-sizes>div:first-child b{font-size:11px}.tx-quick-sizes>div:first-child a{color:#6747e8;border-bottom:1px solid currentColor;font-size:9px}.tx-quick-size-grid{display:flex;flex-wrap:wrap;gap:7px;max-height:112px;overflow:auto}.tx-quick-size-grid button{min-width:68px;height:39px;padding:0 10px;border:1px solid #e4ebf1!important;border-radius:8px!important;background:#fff!important;font-size:10px!important}.tx-quick-size-grid button:hover{border-color:#6747e8!important}.tx-quick-size-grid button.is-active{color:#fff!important;border-color:#6747e8!important;background:#6747e8!important}.tx-quick-sizes>small{display:block;margin-top:9px;color:#87949d;font-size:8px}.tx-quick-cart[disabled]{cursor:not-allowed;opacity:.45}.tx-quick-buy>[data-tx-quick-url][hidden]{display:none!important}.tx-cart-drawer{position:fixed;z-index:10050;inset:0;pointer-events:none;visibility:hidden}.tx-cart-drawer.is-open{pointer-events:auto;visibility:visible}.tx-cart-drawer__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(3,12,18,.5);opacity:0;transition:opacity .3s}.tx-cart-drawer.is-open .tx-cart-drawer__backdrop{opacity:1}.tx-cart-drawer>aside{width:min(500px,92vw);height:100%;position:absolute;top:0;right:0;display:flex;flex-direction:column;padding:0 34px;background:#fff;box-shadow:-28px 0 70px rgba(3,12,18,.2);transform:translateX(100%);transition:transform .45s cubic-bezier(.22,1,.36,1)}.tx-cart-drawer.is-open>aside{transform:translateX(0)}.tx-cart-drawer header{min-height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4ebf1}.tx-cart-drawer header span{display:block;margin-bottom:5px;color:#82919b;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.tx-cart-drawer header h2{margin:0;font-size:27px;letter-spacing:-.04em}.tx-cart-drawer header>button{width:44px;height:44px;border-radius:50%!important;background:#f4f7f9!important;font-size:25px!important}.tx-cart-drawer__item{display:grid;grid-template-columns:125px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid #e4ebf1}.tx-cart-drawer__item img{width:125px;height:145px;object-fit:contain;border-radius:13px;background:#edf2f6}.tx-cart-drawer__item>div{display:flex;flex-direction:column;align-items:flex-start}.tx-cart-drawer__item small{color:#6747e8;font-size:8px;font-weight:750;letter-spacing:.1em}.tx-cart-drawer__item h3{margin:9px 0 12px;font-size:15px;line-height:1.4}.tx-cart-drawer__item p{margin:0 0 14px;color:#71818c;font-size:10px}.tx-cart-drawer__item strong{margin-top:auto;font-size:18px}.tx-cart-drawer__actions{margin-top:auto;padding:24px 0 34px;border-top:1px solid #e4ebf1}.tx-cart-drawer__actions .button{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;border-radius:100px;color:#fff;background:#071521;font-size:13px;font-weight:700}.tx-cart-drawer__actions>button{width:100%;margin-top:15px;color:#6747e8!important;font-size:11px!important}@media(max-width:700px){.tx-quick-sizes{margin-bottom:18px}.tx-quick-size-grid{max-height:92px}.tx-cart-drawer>aside{width:100%;padding:0 20px}.tx-cart-drawer__item{grid-template-columns:105px 1fr}.tx-cart-drawer__item img{width:105px;height:125px}}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-pdp.css?17866297248202*/
/* Product detail — Trixel Ice Atelier */
[data-product-detail] {
--pdp-ink: #071521;
--pdp-violet: #6747e8;
--pdp-mist: #e4ebf1;
--pdp-snow: #f5f8fb;
max-width: 1380px;
margin: 24px auto 96px;
padding: 0 24px;
color: var(--pdp-ink);
}
[data-product-detail] > .detail {
display: grid;
grid-template-columns: minmax(0, 1.12fr) minmax(440px, .88fr);
align-items: start;
overflow: visible;
border: 1px solid var(--pdp-mist);
border-radius: 28px;
background: #fff;
box-shadow: 0 28px 80px rgba(7, 21, 33, .08);
}
[data-product-detail] .detail__slider {
position: sticky;
top: 112px;
min-width: 0;
padding: 34px;
border-radius: 28px 0 0 28px;
background: linear-gradient(145deg, #f8fafc, #edf2f6);
}
[data-product-detail] .detail__slider,
[data-product-detail] .detail__data {
width: auto !important;
max-width: none !important;
flex: none !important;
box-sizing: border-box;
}
[data-product-detail] .detail__big-slider,
[data-product-detail] .detail__slider-wrapper,
[data-product-detail] .detail__wrapper,
[data-product-detail] .detail__slide { min-height: 590px; }
[data-product-detail] .detail__slide a {
display: flex;
min-height: 590px;
align-items: center;
justify-content: center;
}
[data-product-detail] .detail__slide img {
width: 100%;
height: 560px;
object-fit: contain;
mix-blend-mode: multiply;
}
[data-product-detail] .detail__thumbs { margin-top: 20px; }
[data-product-detail] .detail__thumb {
overflow: hidden;
border: 1px solid var(--pdp-mist);
border-radius: 14px;
background: #fff;
}
[data-product-detail] .detail__badge { top: 8px; left: 8px; z-index: 4; }
[data-product-detail] .badge-list__item {
border-radius: 999px;
padding: 8px 13px;
background: var(--pdp-ink);
color: #fff;
font-size: 11px;
font-weight: 750;
letter-spacing: .08em;
text-transform: uppercase;
}
[data-product-detail] .detail__data {
padding: 52px 54px 46px;
min-width: 0;
}
[data-product-detail] .detail__top { margin-bottom: 14px; }
[data-product-detail] .detail__art { color: #8b99a6; font-size: 12px; }
[data-product-detail] .detail__title {
margin: 0 0 18px;
font-size: clamp(34px, 3vw, 48px);
line-height: 1.03;
letter-spacing: -.045em;
text-wrap: balance;
}
[data-product-detail] .detail__actions { margin-bottom: 16px; }
[data-product-detail] .detail__status {
display: inline-flex;
align-items: center;
gap: 7px;
color: #257957;
font-size: 13px;
font-weight: 700;
}
[data-product-detail] .detail__status::before {
content: '';
width: 7px; height: 7px;
border-radius: 50%;
background: #36ad7c;
box-shadow: 0 0 0 5px rgba(54,173,124,.1);
}
[data-product-detail] .detail__brand {
margin: 0 0 18px;
color: #8b99a6;
font-size: 13px;
}
[data-product-detail] .detail__brand a { color: var(--pdp-violet); font-weight: 750; }
[data-product-detail] .detail__description { color: #526270; font-size: 15px; line-height: 1.65; }
[data-product-detail] .detail__properties { display: none; }
.tx-pdp-facts {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
margin: 20px 0 24px;
}
.tx-pdp-fact {
min-width: 0;
padding: 13px 14px;
border: 1px solid var(--pdp-mist);
border-radius: 14px;
background: var(--pdp-snow);
}
.tx-pdp-fact span, .tx-pdp-fact strong { display: block; }
.tx-pdp-fact span { margin-bottom: 5px; color: #8b99a6; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.tx-pdp-fact strong { font-size: 12px; line-height: 1.3; }
[data-product-detail] .detail__price { margin: 20px 0; }
[data-product-detail] .detail__price > span {
color: var(--pdp-ink);
font-size: 32px;
font-weight: 750;
letter-spacing: -.035em;
}
[data-product-detail] .detail__size { margin: 24px 0 18px; }
[data-product-detail] .detail__size-header { margin-bottom: 12px; }
[data-product-detail] .detail__size-title { font-size: 14px; font-weight: 750; }
[data-product-detail] .detail__size-table { color: var(--pdp-violet); font-size: 12px; font-weight: 700; }
[data-product-detail] .detail__size-widget {
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 8px;
}
[data-product-detail] .size-widget__item {
display: flex;
min-height: 48px;
align-items: center;
justify-content: center;
margin: 0;
border: 1px solid var(--pdp-mist);
border-radius: 12px;
background: #fff;
color: var(--pdp-ink);
font-size: 13px;
font-weight: 700;
transition: border-color .2s, background .2s, color .2s, transform .2s;
}
[data-product-detail] .size-widget__item:hover { border-color: var(--pdp-violet); transform: translateY(-1px); }
[data-product-detail] .size-widget__item.is-active,
[data-product-detail] .size-widget__item.active,
[data-product-detail] .size-widget__item[data-selected="true"] {
border-color: var(--pdp-violet);
background: var(--pdp-violet);
color: #fff;
}
[data-product-detail] .detail__buttons { gap: 10px; }
[data-product-detail] .detail__buttons > .detail__buttons { flex: 1; }
[data-product-detail] .detail__counter { min-width: 126px; border: 1px solid var(--pdp-mist); border-radius: 999px; }
[data-product-detail] .detail__add-to-cart {
min-height: 58px;
width: 100%;
border-radius: 999px;
background: var(--pdp-ink);
color: #fff;
font-size: 15px;
font-weight: 750;
box-shadow: none;
}
[data-product-detail] .detail__add-to-cart:hover { background: var(--pdp-violet); transform: translateY(-1px); }
.tx-pdp-service {
display: grid;
gap: 0;
margin-top: 22px;
border-top: 1px solid var(--pdp-mist);
}
.tx-pdp-service a {
display: grid;
grid-template-columns: 108px 1fr;
gap: 12px;
padding: 13px 0;
border-bottom: 1px solid var(--pdp-mist);
color: var(--pdp-ink);
}
.tx-pdp-service span { color: #8b99a6; font-size: 12px; }
.tx-pdp-service strong { font-size: 12px; }
[data-product-detail] .detail__content {
margin-top: 28px;
padding: 40px;
border: 1px solid var(--pdp-mist);
border-radius: 24px;
background: #fff;
}
[data-product-detail] .detail__content-tabs_titles { gap: 10px; margin-bottom: 34px; }
[data-product-detail] .detail__content-tabs_titles .btn {
border-radius: 999px;
border-color: var(--pdp-mist);
color: var(--pdp-ink);
}
[data-product-detail] .detail__content-tabs_titles .btn.active { background: var(--pdp-ink); color: #fff; }
[data-product-detail] .detail-info { color: #526270; font-size: 16px; line-height: 1.7; }
[data-product-detail] .chars-list__item { padding: 15px 0; border-color: var(--pdp-mist); }
@media (max-width: 980px) {
[data-product-detail] { margin-top: 12px; padding: 0 14px; }
[data-product-detail] > .detail { grid-template-columns: 1fr; border-radius: 22px; }
[data-product-detail] .detail__slider { position: relative; top: auto; padding: 18px; border-radius: 22px 22px 0 0; }
[data-product-detail] .detail__big-slider,
[data-product-detail] .detail__slider-wrapper,
[data-product-detail] .detail__wrapper,
[data-product-detail] .detail__slide,
[data-product-detail] .detail__slide a { min-height: min(52vh, 480px); }
[data-product-detail] .detail__slide img { height: min(48vh, 440px); }
[data-product-detail] .detail__data { padding: 28px 22px 26px; }
[data-product-detail] .detail__title { font-size: clamp(30px, 9vw, 40px); }
[data-product-detail] .detail__content { padding: 20px; border-radius: 20px; }
}
@media (max-width: 560px) {
[data-product-detail] { padding: 0 8px; margin-bottom: 72px; }
[data-product-detail] .detail__data { padding: 24px 16px 20px; }
[data-product-detail] .detail__slide img { height: 42vh; }
.tx-pdp-facts { grid-template-columns: 1fr 1fr; }
.tx-pdp-fact:last-child { grid-column: 1 / -1; }
[data-product-detail] .detail__size-widget { grid-template-columns: repeat(2, minmax(0,1fr)); }
[data-product-detail] .detail__buttons { align-items: stretch; }
[data-product-detail] .detail__counter { min-width: 108px; }
.tx-pdp-service a { grid-template-columns: 92px 1fr; }
}
@media (prefers-reduced-motion: reduce) {
[data-product-detail] *, [data-product-detail] *::before, [data-product-detail] *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-avito-trust.css?17885183952340*/
.tx-avito-trust{--tx-avito:#ff5c00;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;overflow:hidden;border:1px solid #e2e9ee;border-radius:20px;background:linear-gradient(115deg,#fff 0%,#fff8f3 100%);box-shadow:0 14px 38px rgba(7,21,33,.055)}
.tx-avito-trust::after{position:absolute;right:-42px;bottom:-72px;width:180px;height:180px;border:1px solid rgba(255,92,0,.12);border-radius:50%;content:"";pointer-events:none}
.tx-avito-trust__mark{position:relative;z-index:1;display:grid;width:58px;height:58px;place-items:center;border-radius:17px;background:var(--tx-avito);box-shadow:0 10px 24px rgba(255,92,0,.22);color:#fff;font-size:25px;font-weight:800;line-height:1}
.tx-avito-trust__copy{position:relative;z-index:1;min-width:0}
.tx-avito-trust__eyebrow{display:block;margin-bottom:5px;color:#87949d;font-size:11px;font-weight:760;letter-spacing:.11em;text-transform:uppercase}
.tx-avito-trust__copy strong{display:block;color:#071521;font-size:18px;font-weight:760;line-height:1.25;letter-spacing:-.02em}
.tx-avito-trust__copy p{max-width:520px;margin:7px 0 0;color:#657884;font-size:13px;line-height:1.5}
.tx-avito-trust__link{position:relative;z-index:1;display:flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:0 20px;border-radius:999px;background:#071521;color:#fff!important;font-size:13px;font-weight:740;text-decoration:none!important;white-space:nowrap;transition:transform .22s,background .22s,box-shadow .22s}
.tx-avito-trust__link:hover{transform:translateY(-2px);background:var(--tx-avito);box-shadow:0 10px 24px rgba(255,92,0,.2);color:#fff!important;text-decoration:none!important}
.tx-avito-trust__link span{font-size:16px;transition:transform .22s}
.tx-avito-trust__link:hover span{transform:translate(2px,-2px)}
.tx-avito-trust--product{margin:22px 0 8px;padding:20px}
.tx-avito-trust--cart{margin:-24px 0 32px;padding:20px 24px}
@media(max-width:760px){.tx-avito-trust{grid-template-columns:auto minmax(0,1fr);gap:14px;border-radius:17px}.tx-avito-trust__mark{width:48px;height:48px;border-radius:14px;font-size:21px}.tx-avito-trust__copy strong{font-size:16px}.tx-avito-trust__copy p{font-size:12px}.tx-avito-trust__link{grid-column:1/-1;width:100%}.tx-avito-trust--product,.tx-avito-trust--cart{margin:18px 0 26px;padding:17px}}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-blades.css?17866299247452*/
/* Blades category — Ice Atelier */
body:has(.tx-blades-catalog) .main-header { display: none; }
body:has(.tx-blades-catalog) .breadcrumbs { margin-bottom: 12px; }
.tx-blades-hero {
position: relative;
display: grid;
grid-template-columns: 1.02fr .98fr;
max-width: 1320px;
min-height: 610px;
margin: 18px auto 72px;
overflow: hidden;
border-radius: 30px;
background: #071521;
color: #fff;
}
.tx-blades-hero__copy { position: relative; z-index: 2; padding: 76px 28px 112px 72px; }
.tx-blades-hero__eyebrow { display: flex; align-items: center; gap: 11px; color: #9bacb8; font-size: 11px; font-weight: 750; letter-spacing: .18em; text-transform: uppercase; }
.tx-blades-hero__eyebrow i { width: 38px; height: 1px; background: linear-gradient(90deg,#6747e8,#6cd5f5); }
.tx-blades-hero__title { max-width: 690px; margin: 36px 0 24px; font-size: clamp(52px,5.1vw,78px); font-weight: 750; line-height: .98; letter-spacing: -.055em; }
.tx-blades-hero__title em { color: #ddf8ff; font-family: "Cormorant Garamond",Georgia,serif; font-weight: 500; }
.tx-blades-hero__copy p { max-width: 570px; color: #aab8c2; font-size: 17px; line-height: 1.65; }
.tx-blades-hero__actions { display: flex; align-items: center; gap: 24px; margin-top: 34px; }
.tx-blades-hero__actions a { color: #fff; font-size: 14px; font-weight: 750; }
.tx-blades-hero__actions .tx-blades-hero__primary { padding: 17px 25px; border-radius: 999px; background: #fff; color: #071521; }
.tx-blades-hero__visual { position: relative; min-width: 0; background: radial-gradient(circle at 50% 40%,rgba(103,71,232,.3),transparent 46%),linear-gradient(150deg,#071521,#0a2235); }
.tx-blades-hero__glow { position: absolute; inset: 15% 8%; border-radius: 50%; background: radial-gradient(ellipse,rgba(108,213,245,.25),transparent 65%); filter: blur(18px); }
.tx-blades-hero__blade { position: absolute; top: 44%; left: 2%; width: 90%; height: 48px; border: 3px solid rgba(235,248,255,.9); border-top: 0; border-radius: 0 0 55% 18%; transform: rotate(-10deg); filter: drop-shadow(0 0 15px rgba(108,213,245,.45)); }
.tx-blades-hero__blade::before { content: ''; position: absolute; top: -35px; right: 7%; width: 28%; height: 36px; border-right: 4px solid #c7d8e3; transform: skewX(-28deg); }
.tx-blades-hero__blade::after { content: ''; position: absolute; left: 5%; right: 8%; bottom: -10px; height: 1px; background: linear-gradient(90deg,transparent,#6cd5f5,transparent); }
.tx-blades-hero__visual small { position: absolute; right: 44px; bottom: 92px; color: #718794; font-size: 9px; letter-spacing: .2em; }
.tx-blades-hero__proof { position: absolute; z-index: 3; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.12); background: rgba(7,21,33,.72); backdrop-filter: blur(12px); }
.tx-blades-hero__proof span { padding: 20px 34px; border-right: 1px solid rgba(255,255,255,.1); color: #8fa2af; font-size: 11px; }
.tx-blades-hero__proof strong { display: block; margin-bottom: 4px; color: #fff; font-size: 12px; }
.tx-blades-catalog { max-width: 1320px; margin: 0 auto 100px; gap: 30px; scroll-margin-top: 110px; }
.tx-blades-catalog .main__aside { width: 272px; min-width: 272px; }
.tx-blades-catalog .widget__item,
.tx-blades-catalog .filter-widget { overflow: hidden; border: 1px solid #e4ebf1; border-radius: 20px; background: #fff; box-shadow: none; }
.tx-blades-catalog .filter-widget__title { padding: 21px 22px; background: #071521; color: #fff; font-size: 15px; font-weight: 750; }
.tx-blades-catalog .filter-widget__field { padding: 18px 20px; border-color: #e4ebf1; }
.tx-blades-catalog .filter-widget__heading { color: #071521; font-size: 13px; font-weight: 750; }
.tx-blades-catalog .filter-widget__reset { border-radius: 999px; }
.tx-blades-catalog .main__content { min-width: 0; }
.tx-blades-catalog .main-sorting { min-height: 56px; margin-bottom: 20px; padding: 9px 12px; border: 1px solid #e4ebf1; border-radius: 16px; background: #fff; }
.tx-blades-catalog .main__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.tx-blades-catalog .main__col { width: auto !important; max-width: none !important; padding: 0 !important; }
.tx-blades-catalog .product-card { height: 100%; overflow: hidden; border: 1px solid #e4ebf1; border-radius: 22px; background: #fff; transition: transform .25s,border-color .25s,box-shadow .25s; }
.tx-blades-catalog .product-card:hover { transform: translateY(-4px); border-color: #cbd7e0; box-shadow: 0 22px 50px rgba(7,21,33,.09); }
.tx-blades-catalog .product-card__photos { overflow: hidden; margin: 10px; border-radius: 17px; background: linear-gradient(145deg,#f8fafc,#eef3f7); }
.tx-blades-catalog .product-card__photo { aspect-ratio: 4/3; }
.tx-blades-catalog .product-card__photo img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform .45s; }
.tx-blades-catalog .product-card:hover .product-card__photo img { transform: scale(1.035); }
.tx-blades-catalog .badge-list__item { padding: 7px 11px; border-radius: 999px; background: #071521; color: #fff; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.tx-blades-catalog .product-card__inner { padding: 10px 20px 21px; }
.tx-blades-catalog .product-card__price { margin-bottom: 10px; color: #071521; font-size: 22px; font-weight: 750; }
.tx-blades-catalog .product-card__title { color: #071521; font-size: 18px; font-weight: 700; line-height: 1.25; letter-spacing: -.02em; }
.tx-blades-catalog .product-card__status { color: #328262; font-size: 11px; }
.tx-blades-catalog .product-info__item.is-brand { color: #6747e8; font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.tx-blades-catalog .product-card__wrapper .btn,
.tx-blades-catalog .product-card__wrapper a { border-radius: 999px; }
@media (max-width: 1080px) {
.tx-blades-hero { margin-right: 18px; margin-left: 18px; }
.tx-blades-catalog { margin-right: 18px; margin-left: 18px; }
.tx-blades-catalog .main__aside { width: 230px; min-width: 230px; }
}
@media (max-width: 760px) {
.tx-blades-hero { grid-template-columns: 1fr; min-height: 650px; margin: 8px 10px 52px; border-radius: 22px; }
.tx-blades-hero__copy { padding: 44px 24px 210px; }
.tx-blades-hero__title { margin-top: 28px; font-size: 46px; }
.tx-blades-hero__copy p { font-size: 15px; }
.tx-blades-hero__visual { position: absolute; right: 0; bottom: 92px; left: 0; height: 180px; }
.tx-blades-hero__proof { grid-template-columns: repeat(3,1fr); }
.tx-blades-hero__proof span { padding: 14px 10px; font-size: 9px; }
.tx-blades-hero__proof strong { font-size: 10px; }
.tx-blades-catalog { display: block; margin-right: 10px; margin-left: 10px; }
.tx-blades-catalog .main__aside { width: 100%; min-width: 0; margin-bottom: 16px; }
.tx-blades-catalog .main__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.tx-blades-catalog .product-card { border-radius: 16px; }
.tx-blades-catalog .product-card__photos { margin: 6px; border-radius: 12px; }
.tx-blades-catalog .product-card__inner { padding: 8px 11px 14px; }
.tx-blades-catalog .product-card__price { font-size: 17px; }
.tx-blades-catalog .product-card__title { font-size: 14px; }
}
@media (max-width: 420px) {
.tx-blades-hero__actions { align-items: flex-start; flex-direction: column; gap: 15px; }
.tx-blades-hero__title { font-size: 41px; }
}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-catalog-root.css?17866302767287*/
body:has(.tx-catalog-root) .main-header{display:none}.tx-catalog-root{--ink:#071521;--violet:#6747e8;--mist:#e4ebf1;max-width:1320px;margin:18px auto 110px;color:var(--ink)}
.tx-catalog-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;min-height:590px;overflow:hidden;border-radius:30px;background:var(--ink);color:#fff}.tx-catalog-hero>div:first-child{position:relative;z-index:2;padding:76px 20px 76px 72px}.tx-catalog-eyebrow{display:flex;align-items:center;gap:12px;color:#94a5b1;font-size:11px;font-weight:750;letter-spacing:.17em;text-transform:uppercase}.tx-catalog-eyebrow i{width:38px;height:1px;background:linear-gradient(90deg,#6747e8,#6cd5f5)}.tx-catalog-display{margin:38px 0 26px;font-size:clamp(58px,5.5vw,84px);font-weight:750;line-height:.96;letter-spacing:-.06em}.tx-catalog-display em,.tx-catalog-section__head em,.tx-levels em,.tx-catalog-help em{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500}.tx-catalog-display em{color:#ddf8ff}.tx-catalog-hero p{max-width:590px;color:#aab8c2;font-size:17px;line-height:1.65}.tx-catalog-actions{display:flex;align-items:center;gap:24px;margin-top:36px}.tx-catalog-actions a{color:#fff;font-size:14px;font-weight:750}.tx-catalog-actions .tx-catalog-primary{padding:17px 25px;border-radius:999px;background:#fff;color:var(--ink)}
.tx-catalog-orbit{position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(103,71,232,.34),transparent 42%),linear-gradient(145deg,#071521,#0b2438)}.tx-catalog-orbit:before,.tx-catalog-orbit:after,.tx-catalog-orbit i{content:"";position:absolute;border:1px solid rgba(108,213,245,.25);border-radius:50%;transform:rotate(-19deg)}.tx-catalog-orbit:before{inset:14% -22%}.tx-catalog-orbit:after{inset:25% -7%;border-color:rgba(255,255,255,.15)}.tx-catalog-orbit i{inset:36% 8%;box-shadow:0 0 50px rgba(108,213,245,.18)}.tx-catalog-orbit span{position:absolute;right:42px;bottom:38px;color:#6f8592;font-size:9px;letter-spacing:.26em}
.tx-catalog-section__head{display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:end;margin:110px 0 36px;scroll-margin-top:100px}.tx-catalog-section__head>span,.tx-levels header>span{color:#82929e;font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.tx-catalog-section__head h2,.tx-levels h2{margin:0;font-size:46px;letter-spacing:-.045em}.tx-catalog-section__head p{margin:0;color:#748591;font-size:14px;line-height:1.55}.tx-catalog-sections .main__aside{display:none}.tx-catalog-sections .main__content{width:100%;max-width:none}.tx-catalog-sections .main__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tx-catalog-sections .tx-catalog-col{width:auto!important;max-width:none!important;padding:0!important}.tx-catalog-sections .cat-card{position:relative;min-height:420px;overflow:hidden;border:1px solid var(--mist);border-radius:24px;background:#fff}.tx-cat-card__media{position:absolute;inset:0;display:block;overflow:hidden;background:linear-gradient(145deg,#f7fafc,#eaf0f4)}.tx-cat-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(7,21,33,.88))}.tx-cat-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.cat-card:hover .tx-cat-card__media img{transform:scale(1.04)}.tx-cat-card__media--placeholder span{position:absolute;width:70%;height:38px;top:43%;left:15%;border:2px solid #9dafba;border-top:0;border-radius:0 0 55% 15%;transform:rotate(-8deg)}.tx-catalog-sections .cat-card__data{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:28px;color:#fff}.tx-catalog-sections .cat-card__title{display:inline-block;max-width:80%;color:#fff;font-size:30px;font-weight:750;line-height:1.1;letter-spacing:-.035em}.tx-catalog-sections .cat-card__list{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.tx-catalog-sections .cat-list__link{padding:8px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;font-size:11px;backdrop-filter:blur(8px)}.tx-cat-card__arrow{position:absolute;z-index:4;right:24px;bottom:24px;display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--ink);font-size:19px}.tx-catalog-col--kak_podobrat_razmer .tx-cat-card__media{background:radial-gradient(circle at 70% 30%,rgba(108,213,245,.45),transparent 28%),linear-gradient(145deg,#6747e8,#281b72)}.tx-catalog-col--kak_podobrat_razmer .tx-cat-card__media--placeholder span{width:180px;height:180px;top:15%;left:auto;right:12%;border:1px solid rgba(255,255,255,.22);border-radius:50%}
.tx-levels{padding:115px 0}.tx-levels header{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}.tx-levels__grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--mist);border-radius:22px}.tx-levels__grid a{min-height:190px;padding:24px;border-right:1px solid var(--mist);background:#fff;color:var(--ink);transition:background .25s,color .25s}.tx-levels__grid a:last-child{border:0}.tx-levels__grid a:hover{background:var(--ink);color:#fff}.tx-levels__grid small,.tx-levels__grid strong,.tx-levels__grid span{display:block}.tx-levels__grid small{margin-bottom:48px;color:var(--violet)}.tx-levels__grid strong{margin-bottom:10px;font-size:18px}.tx-levels__grid span{color:#82929e;font-size:12px}.tx-catalog-help{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:50px;padding:54px 58px;border-radius:26px;background:var(--ink);color:#fff}.tx-catalog-help>div>span{color:#8fa2af;font-size:10px;letter-spacing:.16em}.tx-catalog-help h2{margin:14px 0 0;font-size:42px;line-height:1}.tx-catalog-help p{color:#aab8c2;line-height:1.6}.tx-catalog-help>a{padding:17px 24px;border-radius:999px;background:#fff;color:var(--ink);font-weight:750;white-space:nowrap}
@media(max-width:1080px){.tx-catalog-root{margin-right:18px;margin-left:18px}.tx-catalog-section__head{grid-template-columns:1fr 2fr}.tx-catalog-section__head p{display:none}.tx-levels__grid{grid-template-columns:repeat(2,1fr)}.tx-catalog-help{grid-template-columns:1fr 1fr}.tx-catalog-help>a{grid-column:2}}
@media(max-width:700px){.tx-catalog-root{margin:8px 10px 80px}.tx-catalog-hero{grid-template-columns:1fr;min-height:600px;border-radius:22px}.tx-catalog-hero>div:first-child{padding:44px 24px 230px}.tx-catalog-display{font-size:47px}.tx-catalog-hero p{font-size:15px}.tx-catalog-orbit{position:absolute;right:0;bottom:0;left:0;height:220px}.tx-catalog-actions{align-items:flex-start;flex-direction:column;gap:15px}.tx-catalog-section__head{display:block;margin-top:72px}.tx-catalog-section__head h2{margin-top:14px;font-size:34px}.tx-catalog-sections .main__grid{grid-template-columns:1fr;gap:10px}.tx-catalog-sections .cat-card{min-height:330px;border-radius:18px}.tx-catalog-sections .cat-card__title{font-size:25px}.tx-levels{padding:78px 0}.tx-levels header{display:block}.tx-levels h2{margin-top:14px;font-size:34px}.tx-levels__grid{grid-template-columns:1fr}.tx-levels__grid a{min-height:150px;border-right:0;border-bottom:1px solid var(--mist)}.tx-levels__grid small{margin-bottom:25px}.tx-catalog-help{grid-template-columns:1fr;gap:24px;padding:36px 24px}.tx-catalog-help>a{grid-column:auto;justify-self:start}.tx-catalog-help h2{font-size:36px}}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-catalog-scenes.css?17866304521048*/
.tx-catalog-col--figurnye_konki .tx-cat-card__media{background:radial-gradient(circle at 72% 35%,rgba(108,213,245,.25),transparent 34%),linear-gradient(145deg,#dfe8ee,#879ba9)}
.tx-catalog-col--figurnye_konki .tx-cat-card__media--placeholder span{width:36%;height:58%;top:13%;left:48%;border:2px solid rgba(255,255,255,.75);border-radius:46% 28% 12% 22%;transform:rotate(8deg)}
.tx-catalog-col--lezviya .tx-cat-card__media{background:radial-gradient(circle at 60% 35%,rgba(103,71,232,.28),transparent 36%),linear-gradient(145deg,#132b3d,#071521)}
.tx-catalog-col--lezviya .tx-cat-card__media--placeholder span{border-color:#d9f5ff;filter:drop-shadow(0 0 12px rgba(108,213,245,.45))}
.tx-catalog-col--aksessuary .tx-cat-card__media{background:radial-gradient(circle at 70% 30%,rgba(103,71,232,.18),transparent 34%),linear-gradient(145deg,#f2f5f8,#cbd7df)}
.tx-catalog-col--aksessuary .tx-cat-card__media--placeholder span{width:34%;height:48%;top:18%;left:52%;border:2px solid rgba(7,21,33,.4);border-radius:48% 48% 24% 24%;transform:rotate(-4deg)}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-fit-page.css?17866306098525*/
body:has(.tx-fit-page) .main-header{display:none}.main__inner--size-guide{max-width:none!important}.main__inner--size-guide .main__content{width:100%!important;max-width:none!important}.catalog-size-guide{padding:0!important}.tx-fit-page{--ink:#071521;--violet:#6747e8;--mist:#e4ebf1;max-width:1320px;margin:18px auto 110px;color:var(--ink)}
.tx-fit-page__hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:570px;overflow:hidden;border-radius:30px;background:var(--ink);color:#fff}.tx-fit-page__hero>div:first-child{padding:74px 30px 70px 72px}.tx-fit-page__eyebrow{display:flex;align-items:center;gap:11px;color:#8fa2af;font-size:10px;font-weight:750;letter-spacing:.17em;text-transform:uppercase}.tx-fit-page__eyebrow i{width:38px;height:1px;background:linear-gradient(90deg,#6747e8,#6cd5f5)}.tx-fit-page__hero h2{margin:38px 0 24px;font-size:clamp(60px,5.6vw,86px);line-height:.95;letter-spacing:-.06em}.tx-fit-page em{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500}.tx-fit-page__hero h2 em{color:#ddf8ff}.tx-fit-page__hero p{max-width:560px;color:#aab8c2;font-size:17px;line-height:1.65}.tx-fit-page__hero a{display:inline-flex;margin-top:34px;padding:17px 25px;border-radius:999px;background:#fff;color:var(--ink);font-weight:750}.tx-fit-page__measure{position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(103,71,232,.38),transparent 40%),linear-gradient(145deg,#071521,#0b263a)}.tx-fit-page__measure:before,.tx-fit-page__measure:after{content:"";position:absolute;border:1px solid rgba(108,213,245,.2);border-radius:50%;transform:rotate(-18deg)}.tx-fit-page__measure:before{inset:14% -18%}.tx-fit-page__measure:after{inset:28% 0}.tx-fit-page__measure span{position:relative;z-index:2;font-size:112px;font-weight:700;letter-spacing:-.08em}.tx-fit-page__measure small{position:absolute;bottom:28%;z-index:2;color:#6cd5f5;font-size:9px;letter-spacing:.22em}.tx-fit-page__measure i{position:absolute;z-index:2;width:58%;height:1px;background:linear-gradient(90deg,transparent,#6747e8,#6cd5f5,transparent);transform:rotate(-11deg);box-shadow:0 0 20px #6cd5f5}
.tx-fit-page__intro{display:grid;grid-template-columns:.65fr 1.1fr 1.4fr;gap:40px;padding:110px 0}.tx-fit-page__intro>span{color:#82929e;font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.tx-fit-page__intro h3{margin:0;font-size:43px;line-height:1;letter-spacing:-.045em}.tx-fit-page__intro ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--mist)}.tx-fit-page__intro li{display:grid;grid-template-columns:42px 1fr;padding:16px 0;border-bottom:1px solid var(--mist);color:#536571;font-size:13px}.tx-fit-page__intro li b{color:var(--violet);font-size:10px}
.tx-fit-page__lab{scroll-margin-top:105px;overflow:hidden;border:1px solid var(--mist);border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(7,21,33,.08)}.tx-fit-page__lab>header{position:relative;display:flex;align-items:center;min-height:112px;padding:0 58px;border-bottom:1px solid var(--mist)}.tx-fit-page__lab>header span{color:#82929e;font-size:10px;letter-spacing:.14em}.tx-fit-page__lab>header h3{margin:7px 0 0;font-size:28px}.tx-fit-page__progress{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#e9eef2}.tx-fit-page__progress i{display:block;width:33.33%;height:100%;background:linear-gradient(90deg,#6747e8,#6cd5f5);transition:width .35s}.tx-fit-page__body{min-height:590px;padding:52px 58px 38px}.tx-fit-page__body article[hidden]{display:none!important}.tx-fit-page__body article>h4{margin:23px 0 13px;font-size:clamp(42px,4.4vw,64px);line-height:.98;letter-spacing:-.055em}.tx-fit-page__body article>p{margin:0 0 30px;color:#71818c;font-size:14px}.tx-fit-page__options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tx-fit-page__options button{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:12px;min-height:112px;padding:18px;text-align:left;border:1px solid var(--mist);border-radius:16px;background:#fff;color:var(--ink)}.tx-fit-page__options button small{color:var(--violet)}.tx-fit-page__options button b,.tx-fit-page__options button span{display:block}.tx-fit-page__options button b{margin-bottom:7px;font-size:15px}.tx-fit-page__options button span{color:#82919b;font-size:11px}.tx-fit-page__options button>i{display:grid;width:27px;height:27px;place-items:center;border:1px solid var(--mist);border-radius:50%;color:transparent;font-style:normal}.tx-fit-page__options button.is-active{border-color:var(--violet);background:#f7f5ff;box-shadow:0 0 0 1px var(--violet)}.tx-fit-page__options button.is-active>i{border-color:var(--violet);background:var(--violet);color:#fff}.tx-fit-page__input{display:block;padding:26px;border:1px solid var(--mist);border-radius:17px;background:#f8fafb}.tx-fit-page__input span,.tx-fit-page__width>span{display:block;margin-bottom:12px;color:#657985;font-size:11px;font-weight:750}.tx-fit-page__input input{width:100%;padding:4px 0 12px;border:0;border-bottom:1px solid var(--mist);outline:0;background:transparent;color:var(--ink);font-size:38px;font-weight:750}.tx-fit-page__input small{display:block;margin-top:12px;color:#89969f;font-size:10px}.tx-fit-page__width{margin-top:20px}.tx-fit-page__width>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tx-fit-page__width button{padding:18px;text-align:left;border:1px solid var(--mist);border-radius:14px;background:#fff}.tx-fit-page__width button.is-active{border-color:var(--violet);background:#f7f5ff}.tx-fit-page__width b,.tx-fit-page__width small{display:block}.tx-fit-page__width b{margin-bottom:5px;font-size:20px}.tx-fit-page__width small{color:#82919b}.tx-fit-page__result{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.tx-fit-page__result>div{padding:22px;border:1px solid var(--mist);border-radius:15px;background:#f8fafb}.tx-fit-page__result span,.tx-fit-page__result strong{display:block}.tx-fit-page__result span{margin-bottom:10px;color:#82919b;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.tx-fit-page__result strong{font-size:16px}.tx-fit-page__result-actions{display:flex;gap:12px;margin-top:22px}.tx-fit-page__result-actions a{padding:16px 20px;border:1px solid var(--ink);border-radius:999px;color:var(--ink);font-size:13px;font-weight:750}.tx-fit-page__result-actions a:first-child{background:var(--ink);color:#fff}.tx-fit-page__note{display:block;margin-top:18px;color:#84929b;font-size:10px}.tx-fit-page__lab>footer{display:flex;align-items:center;justify-content:space-between;min-height:92px;padding:0 58px;border-top:1px solid var(--mist)}.tx-fit-page__lab>footer button{border:0;background:none;color:var(--violet);font-weight:750}.tx-fit-page__lab>footer .tx-fit-page__next{margin-left:auto;min-width:220px;padding:17px 24px;border-radius:999px;background:var(--ink);color:#fff}.tx-fit-page__next:disabled{opacity:.35;cursor:not-allowed}
.tx-fit-page__service{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;overflow:hidden;border:1px solid var(--mist);border-radius:20px;background:#fff}.tx-fit-page__service>div{padding:24px;border-right:1px solid var(--mist)}.tx-fit-page__service>div:last-child{border:0}.tx-fit-page__service span,.tx-fit-page__service strong{display:block}.tx-fit-page__service span{margin-bottom:7px;color:#82919b;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.tx-fit-page__service strong{font-size:12px}
@media(max-width:800px){.tx-fit-page{margin-right:12px;margin-left:12px}.tx-fit-page__hero{grid-template-columns:1fr;min-height:650px}.tx-fit-page__hero>div:first-child{padding:46px 24px 230px}.tx-fit-page__hero h2{font-size:48px}.tx-fit-page__measure{position:absolute;right:0;bottom:0;left:0;height:220px}.tx-fit-page__measure span{font-size:76px}.tx-fit-page__intro{grid-template-columns:1fr;padding:75px 10px}.tx-fit-page__intro h3{font-size:36px}.tx-fit-page__lab{border-radius:20px}.tx-fit-page__lab>header{min-height:92px;padding:0 20px}.tx-fit-page__body{min-height:620px;padding:34px 20px 24px}.tx-fit-page__body article>h4{font-size:39px}.tx-fit-page__options{grid-template-columns:1fr}.tx-fit-page__options button{min-height:98px}.tx-fit-page__result{grid-template-columns:1fr}.tx-fit-page__result-actions{align-items:stretch;flex-direction:column}.tx-fit-page__lab>footer{min-height:78px;padding:0 20px}.tx-fit-page__lab>footer .tx-fit-page__next{min-width:175px}.tx-fit-page__service{grid-template-columns:1fr}.tx-fit-page__service>div{border-right:0;border-bottom:1px solid var(--mist)}}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-fit-page-fixes.css?1786630661380*/
.tx-fit-page .tx-fit-page__hero h2{color:#fff!important}
.tx-fit-page .tx-fit-page__eyebrow i{display:block!important;flex:0 0 38px!important;width:38px!important;height:1px!important;min-height:1px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:linear-gradient(90deg,#6747e8,#6cd5f5)!important;box-shadow:none!important}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-fit-page-v2.css?178679120410510*/
.tx-fit-page{max-width:1380px;margin-top:28px}
.tx-fit-page__hero{grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);min-height:620px;box-shadow:0 30px 90px rgba(7,21,33,.18)}
.tx-fit-page__hero>div:first-child{position:relative;z-index:2;padding:78px 40px 76px 76px}
.tx-fit-page__hero h2{max-width:650px;font-size:clamp(62px,5.25vw,84px)}
.tx-fit-page__hero p{font-size:18px;line-height:1.65}
.tx-fit-page__hero a{gap:10px;padding:18px 28px;transition:transform .25s,box-shadow .25s,background .25s}
.tx-fit-page__hero a:hover{transform:translateY(-3px);background:#ddf8ff;box-shadow:0 14px 35px rgba(108,213,245,.22)}
.tx-fit-page__measure{position:relative;display:block;overflow:hidden;isolation:isolate;background:#0a2030}
.tx-fit-page__measure:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#071521 0%,rgba(7,21,33,.3) 36%,rgba(7,21,33,.04) 70%),linear-gradient(0deg,rgba(7,21,33,.72),transparent 45%)}
.tx-fit-page__measure:before{z-index:2;inset:15% -18%;animation:tx-fit-orbit 12s linear infinite}
.tx-fit-page__measure>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.05);transform:scale(1.02);transition:transform 1.2s ease}
.tx-fit-page__hero:hover .tx-fit-page__measure>img{transform:scale(1.065)}
.tx-fit-page__measure-value{position:absolute;right:52px;bottom:54px;z-index:3;text-align:right}
.tx-fit-page__measure-value span{display:block;font-size:92px;font-weight:720;line-height:.85;letter-spacing:-.08em;text-shadow:0 8px 35px rgba(7,21,33,.55)}
.tx-fit-page__measure-value small{position:static;display:block;margin-top:16px;color:#b9f1ff;font-size:11px;letter-spacing:.22em}
.tx-fit-page__hero-proof{position:absolute;top:46px;left:38px;z-index:3;display:grid;grid-template-columns:34px auto;gap:1px 10px;padding:13px 15px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(7,21,33,.48);backdrop-filter:blur(12px)}
.tx-fit-page__hero-proof--two{top:132px;left:auto;right:34px}
.tx-fit-page__hero-proof span{grid-row:1/3;align-self:center;color:#8ce2fa;font-size:12px;font-weight:750}
.tx-fit-page__hero-proof strong{font-size:13px}.tx-fit-page__hero-proof small{position:static;color:rgba(255,255,255,.68);font-size:11px;letter-spacing:.04em}
.tx-fit-page__intro{grid-template-columns:.82fr 1.1fr .9fr;align-items:stretch;gap:24px;padding:105px 0}
.tx-fit-page__intro-copy{padding:26px 24px 26px 0}.tx-fit-page__intro-copy>span{color:#82929e;font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.tx-fit-page__intro h3{margin:28px 0 22px;font-size:45px}.tx-fit-page__intro-copy p{max-width:410px;margin:0;color:#687a86;font-size:16px;line-height:1.65}
.tx-fit-page__measure-photo{position:relative;min-height:390px;margin:0;overflow:hidden;border-radius:24px;background:#071521}
.tx-fit-page__measure-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.tx-fit-page__measure-photo:hover img{transform:scale(1.035)}
.tx-fit-page__measure-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,21,33,.75),transparent 52%)}
.tx-fit-page__measure-photo figcaption{position:absolute;right:22px;bottom:20px;left:22px;z-index:1;display:flex;align-items:center;gap:14px;color:#fff}
.tx-fit-page__measure-photo figcaption b{padding:7px 10px;border-radius:999px;background:#6747e8;font-size:11px}.tx-fit-page__measure-photo figcaption span{font-size:13px;line-height:1.4}
.tx-fit-page__intro ol{display:flex;flex-direction:column;justify-content:center;border:0}
.tx-fit-page__intro li{grid-template-columns:48px 1fr;align-items:start;padding:22px 0;font-size:14px}.tx-fit-page__intro li>b{padding-top:3px;font-size:12px}.tx-fit-page__intro li span,.tx-fit-page__intro li strong{display:block}.tx-fit-page__intro li strong{margin-bottom:6px;color:var(--ink);font-size:17px}
.tx-fit-page__lab{border-radius:32px;box-shadow:0 34px 100px rgba(7,21,33,.1)}
.tx-fit-page__lab>header{min-height:124px;padding:0 64px}.tx-fit-page__lab>header span{font-size:12px}.tx-fit-page__lab>header h3{font-size:31px}
.tx-fit-page__body{min-height:680px;padding:56px 64px 42px}.tx-fit-page__eyebrow{font-size:12px}.tx-fit-page__body article>p{font-size:16px;line-height:1.55}
.tx-fit-page__options{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tx-fit-page__options button{position:relative;display:flex;min-width:0;min-height:390px;flex-direction:column;align-items:stretch;gap:0;overflow:hidden;padding:0;border-radius:20px;transition:transform .28s,border-color .28s,box-shadow .28s}
.tx-fit-page__options button:hover{transform:translateY(-6px);border-color:#a99af1;box-shadow:0 18px 44px rgba(7,21,33,.1)}
.tx-fit-page__option-photo{position:relative;display:block;height:190px;overflow:hidden;background:#0a2030}
.tx-fit-page__option-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,21,33,.55),transparent 58%)}
.tx-fit-page__option-photo img{width:100%;height:100%;object-fit:cover;object-position:55% center;transition:transform .45s}.tx-fit-page__options button:hover img{transform:scale(1.06)}
.tx-fit-page__option-photo--two img{object-position:62% 50%}.tx-fit-page__option-photo--three img{object-position:72% 55%;filter:hue-rotate(10deg) saturate(1.15)}.tx-fit-page__option-photo--four img{object-position:70% 48%;filter:contrast(1.08) saturate(1.12)}
.tx-fit-page__option-photo small{position:absolute;bottom:14px;left:15px;z-index:2;padding:6px 9px;border-radius:999px;background:rgba(7,21,33,.64);color:#c9f5ff;font-size:11px;font-weight:750;letter-spacing:.08em;backdrop-filter:blur(8px)}
.tx-fit-page__option-copy{display:flex!important;flex:1;flex-direction:column;padding:21px 18px 18px;text-align:left}.tx-fit-page__option-copy b{font-size:18px!important;line-height:1.15}.tx-fit-page__option-copy>span{font-size:13px!important;line-height:1.45}.tx-fit-page__option-copy em{margin-top:auto;padding-top:17px;color:#6747e8;font-family:inherit;font-size:11px;font-style:normal;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
.tx-fit-page__options button>i{position:absolute;top:14px;right:14px;z-index:3;width:32px;height:32px;background:rgba(255,255,255,.92)}
.tx-fit-page__options button.is-active{transform:translateY(-4px);background:#fff;box-shadow:0 18px 48px rgba(103,71,232,.17)}
.tx-fit-page__measure-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:stretch}
.tx-fit-page__measure-layout>figure{position:relative;min-height:390px;margin:0;overflow:hidden;border-radius:22px;background:#071521}
.tx-fit-page__measure-layout>figure img{width:100%;height:100%;object-fit:cover}.tx-fit-page__measure-layout>figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,21,33,.65),transparent 55%)}
.tx-fit-page__measure-layout figcaption{position:absolute;right:24px;bottom:22px;left:24px;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;color:#fff;font-size:10px;font-weight:750;letter-spacing:.1em}.tx-fit-page__measure-layout figcaption i{height:1px;background:linear-gradient(90deg,#6747e8,#6cd5f5)}
.tx-fit-page__input{padding:28px}.tx-fit-page__input span,.tx-fit-page__width>span{font-size:13px}.tx-fit-page__input small{font-size:12px}.tx-fit-page__width button{padding:20px}.tx-fit-page__width small{font-size:12px}
.tx-fit-page__result-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px;margin-top:30px}.tx-fit-page__result-wrap>figure{position:relative;min-height:250px;margin:0;overflow:hidden;border-radius:20px;background:#071521}.tx-fit-page__result-wrap>figure img{width:100%;height:100%;object-fit:cover}.tx-fit-page__result-wrap>figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,21,33,.75),transparent 60%)}.tx-fit-page__result-wrap figcaption{position:absolute;right:20px;bottom:18px;left:20px;z-index:2;color:#fff;font-size:13px;font-weight:700}
.tx-fit-page__result{grid-template-columns:1fr;margin:0}.tx-fit-page__result>div{display:grid;grid-template-columns:150px 1fr;align-items:center;padding:18px 22px}.tx-fit-page__result span{margin:0;font-size:12px}.tx-fit-page__result strong{font-size:18px}
.tx-fit-page__result-actions a{font-size:14px}.tx-fit-page__note{font-size:12px;line-height:1.5}.tx-fit-page__service strong{font-size:14px}.tx-fit-page__service span{font-size:11px}
@keyframes tx-fit-orbit{to{transform:rotate(342deg)}}
@media(max-width:1100px){.tx-fit-page__hero{grid-template-columns:1fr 1fr}.tx-fit-page__hero>div:first-child{padding-left:48px}.tx-fit-page__options{grid-template-columns:1fr 1fr}.tx-fit-page__options button{min-height:340px}.tx-fit-page__intro{grid-template-columns:1fr 1fr}.tx-fit-page__intro ol{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tx-fit-page__intro li{border-top:1px solid var(--mist)}}
@media(max-width:800px){.tx-fit-page{margin-top:12px}.tx-fit-page__hero{display:flex;min-height:760px;flex-direction:column}.tx-fit-page__hero>div:first-child{padding:45px 24px 36px}.tx-fit-page__hero h2{font-size:clamp(45px,13vw,58px)}.tx-fit-page__hero p{font-size:16px}.tx-fit-page__measure{position:relative;height:320px}.tx-fit-page__measure-value{right:24px;bottom:28px}.tx-fit-page__measure-value span{font-size:64px}.tx-fit-page__hero-proof{top:18px;left:18px}.tx-fit-page__hero-proof--two{top:18px;right:18px;left:auto}.tx-fit-page__intro{grid-template-columns:1fr;padding:75px 6px}.tx-fit-page__intro-copy{padding:0}.tx-fit-page__intro-copy p{font-size:15px}.tx-fit-page__intro ol{display:block;grid-column:auto}.tx-fit-page__measure-photo{min-height:330px}.tx-fit-page__lab>header{padding:0 22px}.tx-fit-page__body{min-height:720px;padding:36px 20px 26px}.tx-fit-page__body article>p{font-size:15px}.tx-fit-page__options{grid-template-columns:1fr}.tx-fit-page__options button{min-height:0;display:grid;grid-template-columns:125px 1fr}.tx-fit-page__option-photo{grid-row:1;height:100%;min-height:170px}.tx-fit-page__option-copy{min-height:170px}.tx-fit-page__options button>i{top:12px;right:12px}.tx-fit-page__measure-layout,.tx-fit-page__result-wrap{grid-template-columns:1fr}.tx-fit-page__measure-layout>figure{min-height:280px}.tx-fit-page__result-wrap>figure{min-height:220px}.tx-fit-page__result>div{grid-template-columns:105px 1fr}.tx-fit-page__service strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.tx-fit-page *{animation:none!important;transition:none!important}}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-fit-single-step.css?1786629107259*/
.tx-fit-body{overflow-y:auto}.tx-fit-body>.tx-fit-step[hidden]{display:none!important}.tx-fit-footer .tx-fit-back{margin-right:auto;color:#6747e8!important;font-size:12px!important;font-weight:700!important}.tx-fit-footer>[data-tx-fit-next]{margin-left:auto}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-fit-target.css?1786628503774*/
.tx-fit-modal:has(.tx-fit-step:target) [data-tx-fit-step]{display:none!important}.tx-fit-modal:has(#tx-fit-step-2:target) #tx-fit-step-2,.tx-fit-modal:has(#tx-fit-step-3:target) #tx-fit-step-3,.tx-fit-modal:has(#tx-fit-step-4:target) #tx-fit-step-4{display:block!important}.tx-fit-modal:has(.tx-fit-step:target) .tx-fit-nav{display:none!important}.tx-fit-modal:has(#tx-fit-step-2:target) .tx-fit-nav--s2,.tx-fit-modal:has(#tx-fit-step-3:target) .tx-fit-nav--s3,.tx-fit-modal:has(#tx-fit-step-4:target) .tx-fit-nav--s4{display:inline-flex!important}.tx-fit-modal:has(#tx-fit-step-2:target) .tx-fit-progress i{width:66.666%!important}.tx-fit-modal:has(#tx-fit-step-3:target) .tx-fit-progress i,.tx-fit-modal:has(#tx-fit-step-4:target) .tx-fit-progress i{width:100%!important}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-fit-visibility.css?1786629247371*/
.tx-fit-footer .tx-fit-nav{display:none}.tx-fit-footer .tx-fit-nav--s1{display:inline-flex}.tx-fit-modal:has(.tx-fit-step:target) .tx-fit-nav--s1{display:none!important}.tx-fit-modal:has(#tx-fit-step-2:target) .tx-fit-nav--s2,.tx-fit-modal:has(#tx-fit-step-3:target) .tx-fit-nav--s3,.tx-fit-modal:has(#tx-fit-step-4:target) .tx-fit-nav--s4{display:inline-flex!important}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-fit-native.css?17866283301528*/
.tx-fit-state{position:fixed;left:-9999px;opacity:0}.tx-fit-nav{display:none;cursor:pointer}.tx-fit-nav--back{margin-right:auto;color:#6747e8;font-size:12px;font-weight:700}.tx-fit-footer>button[hidden]{display:none!important}#tx-fit-state-1:checked~.tx-fit-modal [data-tx-fit-step="1"],#tx-fit-state-2:checked~.tx-fit-modal [data-tx-fit-step="2"],#tx-fit-state-3:checked~.tx-fit-modal [data-tx-fit-step="3"],#tx-fit-state-4:checked~.tx-fit-modal [data-tx-fit-step="4"]{display:block!important}#tx-fit-state-1:checked~.tx-fit-modal [data-tx-fit-step]:not([data-tx-fit-step="1"]),#tx-fit-state-2:checked~.tx-fit-modal [data-tx-fit-step]:not([data-tx-fit-step="2"]),#tx-fit-state-3:checked~.tx-fit-modal [data-tx-fit-step]:not([data-tx-fit-step="3"]),#tx-fit-state-4:checked~.tx-fit-modal [data-tx-fit-step]:not([data-tx-fit-step="4"]){display:none!important}#tx-fit-state-1:checked~.tx-fit-modal .tx-fit-nav--s1,#tx-fit-state-2:checked~.tx-fit-modal .tx-fit-nav--s2,#tx-fit-state-3:checked~.tx-fit-modal .tx-fit-nav--s3,#tx-fit-state-4:checked~.tx-fit-modal .tx-fit-nav--s4{display:inline-flex}#tx-fit-state-1:checked~.tx-fit-modal .tx-fit-progress i{width:33.333%!important}#tx-fit-state-2:checked~.tx-fit-modal .tx-fit-progress i{width:66.666%!important}#tx-fit-state-3:checked~.tx-fit-modal .tx-fit-progress i,#tx-fit-state-4:checked~.tx-fit-modal .tx-fit-progress i{width:100%!important}.tx-fit-footer label.button{align-items:center;justify-content:center}.tx-fit-footer .tx-fit-nav--back{align-items:center;padding:10px 0}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-motion.css?17866443723527*/
:root{--tx-ease-out:cubic-bezier(.23,1,.32,1);--tx-ease-in-out:cubic-bezier(.645,.045,.355,1)}
html{scroll-behavior:smooth}
.tx-motion-ready [data-tx-reveal]{opacity:0;transform:translate3d(0,28px,0);transition:opacity .65s var(--tx-ease-out),transform .65s var(--tx-ease-out);transition-delay:var(--tx-delay,0ms)}
.tx-motion-ready [data-tx-reveal="left"]{transform:translate3d(-32px,0,0)}.tx-motion-ready [data-tx-reveal="right"]{transform:translate3d(32px,0,0)}.tx-motion-ready [data-tx-reveal="scale"]{transform:scale(.975)}
.tx-motion-ready [data-tx-reveal].is-visible{opacity:1;transform:none}
.tx-motion-ready .tx-motion-hero{animation:txHeroIn .85s var(--tx-ease-out) both}.tx-motion-ready .tx-motion-hero>:first-child{animation:txHeroCopy .75s .12s var(--tx-ease-out) both}
@keyframes txHeroIn{from{opacity:0;transform:scale(.985)}}@keyframes txHeroCopy{from{opacity:0;transform:translate3d(0,24px,0)}}
.product-card,.cat-card,.tx-levels__grid a,.tx-fit-page__options button,.tx-pdp-fact{will-change:transform;transition:transform .22s var(--tx-ease-out),box-shadow .22s var(--tx-ease-out),border-color .22s ease}
.product-card:hover,.cat-card:hover{transform:translate3d(0,-6px,0);box-shadow:0 24px 56px rgba(7,21,33,.11)}.tx-levels__grid a:hover,.tx-fit-page__options button:hover,.tx-pdp-fact:hover{transform:translate3d(0,-3px,0)}
.btn,.button,.icon-button,.tx-catalog-actions a,.tx-blades-hero__actions a,.tx-fit-page__hero a{transition:transform .16s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.btn:hover,.button:hover,.tx-catalog-actions a:hover,.tx-blades-hero__actions a:hover,.tx-fit-page__hero a:hover{transform:translate3d(0,-2px,0)}.btn:active,.button:active,.icon-button:active{transform:scale(.97)}
.tx-cat-card__media:before,.tx-blades-catalog .product-card__photos:before,[data-product-detail] .detail__slider:before{content:"";position:absolute;z-index:2;inset:-45% auto -45% -55%;width:28%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:skewX(-18deg);opacity:0}
.cat-card:hover .tx-cat-card__media:before,.tx-blades-catalog .product-card:hover .product-card__photos:before,[data-product-detail] .detail__slider:hover:before{animation:txShine .85s var(--tx-ease-out)}
@keyframes txShine{0%{left:-55%;opacity:0}20%{opacity:1}100%{left:125%;opacity:0}}
.tx-quick-modal,.tx-fit-modal,.tx-cart-drawer aside{transform-origin:center right}.tx-quick-view:not([hidden]) .tx-quick-modal,.tx-fit-overlay:not([hidden]) .tx-fit-modal{animation:txModalIn .32s var(--tx-ease-out) both}.tx-cart-drawer.is-open aside{animation:txDrawerIn .34s var(--tx-ease-out) both}
@keyframes txModalIn{from{opacity:0;transform:translate3d(0,18px,0) scale(.975)}}@keyframes txDrawerIn{from{transform:translate3d(45px,0,0);opacity:.5}}
.microbar__inner p i{animation:txPulse 3.2s ease-in-out infinite}@keyframes txPulse{50%{opacity:.35;transform:scale(.8)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tx-motion-ready [data-tx-reveal],.tx-motion-ready .tx-motion-hero,.tx-motion-ready .tx-motion-hero>:first-child{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.product-card,.cat-card,.tx-levels__grid a,.tx-fit-page__options button,.btn,.button,.icon-button{transition:none!important}.tx-cat-card__media:before,.tx-blades-catalog .product-card__photos:before,[data-product-detail] .detail__slider:before,.microbar__inner p i{display:none!important;animation:none!important}}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-payment.css?17867866598712*/
.tx-page-payment .main-header,.tx-page-payment .breadcrumbs,.tx-page-payment .news-detail__head{display:none}.tx-page-payment .main{margin:0;background:#f5f7fa}.tx-page-payment .main__container{max-width:none;padding:0}.tx-payment-page{--pay-ink:#071521;--pay-violet:#6747e8;color:var(--pay-ink)}
.tx-payment-hero{min-height:590px;position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;padding:80px max(30px,calc((100vw - 1290px)/2));color:#fff;background:radial-gradient(circle at 85% 20%,rgba(103,71,232,.35),transparent 24%),radial-gradient(circle at 10% 105%,rgba(108,213,245,.18),transparent 34%),#071521;overflow:hidden}.tx-payment-hero::after{content:'';width:650px;aspect-ratio:1;position:absolute;right:-240px;bottom:-430px;border:1px solid rgba(108,213,245,.2);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.018)}.tx-payment-hero__copy{position:relative;z-index:1}.tx-payment-kicker{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:#9be7fa;font-size:10px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.tx-payment-kicker i{width:27px;height:1px;background:currentColor}.tx-payment-hero h1{margin:0;color:#fff;font-size:clamp(60px,7vw,100px);font-weight:570;letter-spacing:-.07em;line-height:.86}.tx-payment-hero h1 em{color:#c4b8ff;font-family:Georgia,serif;font-weight:400}.tx-payment-hero__copy>p{max-width:610px;margin:34px 0 0;color:rgba(255,255,255,.62);font-size:15px;line-height:1.75}.tx-payment-hero__actions{display:flex;align-items:center;gap:25px;margin-top:32px}.tx-payment-hero__actions a:first-child{display:flex;align-items:center;gap:25px;padding:15px 18px 15px 22px;color:#071521;border-radius:100px;background:#fff;font-size:11px;font-weight:750}.tx-payment-hero__actions a:first-child span{font-size:17px}.tx-payment-hero__actions a:last-child{color:#fff;font-size:12px;font-weight:700}.tx-payment-hero__visual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px}.tx-payment-hero__visual div{width:120px;aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:19px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.045);backdrop-filter:blur(12px)}.tx-payment-hero__visual div:nth-of-type(2){transform:translateY(35px)}.tx-payment-hero__visual span{color:#8ce2fa;font-size:9px}.tx-payment-hero__visual b{font-size:10px;font-weight:650;text-align:center}.tx-payment-hero__visual>i{color:rgba(255,255,255,.35);font-style:normal}
.tx-payment-body{max-width:1290px;margin:0 auto;padding:105px 30px 120px}.tx-payment-section-head{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end;margin-bottom:45px}.tx-payment-section-head>div>span,.tx-payment-return__intro>span{display:block;margin-bottom:16px;color:var(--pay-violet);font-size:9px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.tx-payment-section-head h2,.tx-payment-return h2{margin:0;font-size:clamp(44px,5vw,67px);font-weight:570;letter-spacing:-.06em;line-height:.95}.tx-payment-section-head h2 em,.tx-payment-return h2 em{font-family:Georgia,serif;font-weight:400}.tx-payment-section-head>p{margin:0;color:#6b7b86;font-size:13px;line-height:1.75}.tx-payment-paths__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tx-payment-path{min-height:380px;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:34px;border:1px solid #dfe6eb;border-radius:25px;background:#fff;overflow:hidden}.tx-payment-path::after{content:'';width:360px;aspect-ratio:1;position:absolute;right:-190px;bottom:-230px;border:1px solid rgba(103,71,232,.14);border-radius:50%;box-shadow:0 0 0 25px rgba(103,71,232,.025)}.tx-payment-path--site{background:linear-gradient(145deg,#f8f6ff,#ebe7ff)}.tx-payment-path__number{color:var(--pay-violet);font-size:10px;font-weight:750}.tx-payment-path__icon{width:52px;height:52px;position:absolute;top:27px;right:28px;display:grid;place-items:center;border:1px solid #dbe3e8;border-radius:50%;font-size:18px}.tx-payment-path small{margin-top:auto;color:#8997a1;font-size:8px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.tx-payment-path h3{margin:9px 0 14px;font-size:35px;font-weight:590;letter-spacing:-.04em}.tx-payment-path p{max-width:470px;margin:0 0 25px;color:#667681;font-size:13px;line-height:1.7}.tx-payment-path a{position:relative;z-index:1;display:flex;align-items:center;gap:18px;color:var(--pay-violet);font-size:11px;font-weight:750}.tx-payment-path a span{font-size:17px}
.tx-payment-process{margin:110px -50px 0;padding:85px 50px;border-radius:30px;color:#fff;background:#071521}.tx-payment-section-head--light>div>span{color:#8ce2fa}.tx-payment-section-head--light h2{color:#fff}.tx-payment-section-head--light h2 em{color:#b9adff}.tx-payment-section-head--light>p{color:rgba(255,255,255,.48)}.tx-payment-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;border-top:1px solid rgba(255,255,255,.12);list-style:none}.tx-payment-steps li{min-height:235px;display:flex;flex-direction:column;padding:24px 25px;border-right:1px solid rgba(255,255,255,.12)}.tx-payment-steps li:first-child{border-left:1px solid rgba(255,255,255,.12)}.tx-payment-steps li>span{color:#8ce2fa;font-size:9px}.tx-payment-steps li>div{margin-top:auto}.tx-payment-steps b{display:block;margin-bottom:10px;font-size:15px}.tx-payment-steps p{margin:0;color:rgba(255,255,255,.5);font-size:11px;line-height:1.65}.tx-payment-stock-note{display:flex;align-items:center;gap:16px;margin-top:25px;padding:18px 21px;border:1px solid rgba(108,213,245,.18);border-radius:15px;background:rgba(108,213,245,.055)}.tx-payment-stock-note>span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;color:#071521;border-radius:50%;background:#8ce2fa;font-weight:800}.tx-payment-stock-note p{margin:0;color:rgba(255,255,255,.48);font-size:10px;line-height:1.55}.tx-payment-stock-note b{display:block;color:#fff;font-size:11px}
.tx-payment-return{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;margin-top:115px}.tx-payment-return__intro{align-self:start;position:sticky;top:120px}.tx-payment-return__intro>p{max-width:390px;margin:27px 0;color:#687985;font-size:13px;line-height:1.75}.tx-payment-return__intro>a{color:var(--pay-violet);font-size:11px;font-weight:750}.tx-payment-return__rules{border-top:1px solid #dce4e9}.tx-payment-return__rules article{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:27px 0;border-bottom:1px solid #dce4e9}.tx-payment-return__rules span{color:var(--pay-violet);font-size:10px;font-weight:750}.tx-payment-return__rules p{margin:0;color:#536570;font-size:14px;line-height:1.8}.tx-payment-return__rules b{color:#071521}.tx-payment-support{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-top:110px;padding:43px 48px;border-radius:24px;background:linear-gradient(120deg,#eee9ff,#e5f8fc)}.tx-payment-support small{color:var(--pay-violet);font-size:8px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.tx-payment-support h2{margin:8px 0 6px;font-size:35px;letter-spacing:-.04em}.tx-payment-support p{margin:0;color:#697a85;font-size:11px}.tx-payment-support>a{display:flex;align-items:center;gap:24px;padding:16px 19px 16px 23px;color:#fff;border-radius:100px;background:#071521;font-size:12px;font-weight:750}.tx-payment-support>a span{font-size:18px}
@media(max-width:1000px){.tx-payment-hero{grid-template-columns:1fr;min-height:600px}.tx-payment-hero__visual{display:none}.tx-payment-process{margin-inline:0}.tx-payment-steps{grid-template-columns:1fr 1fr}.tx-payment-steps li:nth-child(3){border-left:1px solid rgba(255,255,255,.12)}.tx-payment-return{grid-template-columns:1fr;gap:45px}.tx-payment-return__intro{position:static}}
@media(max-width:700px){.tx-payment-hero{min-height:560px;padding:65px 20px}.tx-payment-hero h1{font-size:55px}.tx-payment-hero__copy>p{font-size:13px}.tx-payment-hero__actions{align-items:flex-start;flex-direction:column}.tx-payment-body{padding:76px 20px 90px}.tx-payment-section-head{grid-template-columns:1fr;gap:23px}.tx-payment-section-head h2,.tx-payment-return h2{font-size:43px}.tx-payment-paths__grid{grid-template-columns:1fr}.tx-payment-path{min-height:330px;padding:27px}.tx-payment-process{margin-top:76px;padding:52px 20px;border-radius:22px}.tx-payment-steps{grid-template-columns:1fr}.tx-payment-steps li{min-height:165px;border-left:1px solid rgba(255,255,255,.12)}.tx-payment-return{margin-top:78px}.tx-payment-return__rules p{font-size:13px}.tx-payment-support{align-items:flex-start;flex-direction:column;margin-top:78px;padding:30px 25px}.tx-payment-support h2{font-size:31px}}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-wide-layout-fixes.css?17885180121889*/
/* Keep page-internal spacing independent from the browser canvas width.
The content is rendered inside a constrained template container, so 50vw-based
gutters can otherwise consume the entire hero at wide/zoomed-out viewports. */
.tx-page-delivery .tx-delivery-hero {
grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
gap: clamp(42px, 6vw, 90px);
padding: 80px clamp(30px, 5vw, 72px);
}
.tx-page-delivery .tx-delivery-hero__copy,
.tx-page-delivery .tx-delivery-route,
.tx-page-payment .tx-payment-hero__copy,
.tx-page-payment .tx-payment-hero__visual,
.tx-page-b2b .tx-b2b-hero__copy,
.tx-page-b2b .tx-b2b-hero__visual { min-width: 0; }
.tx-page-delivery .tx-delivery-hero h1,
.tx-page-payment .tx-payment-hero h1,
.tx-page-privacy .tx-legal-hero h1,
.tx-page-b2b .tx-b2b-hero h1 {
overflow-wrap: normal;
word-break: normal;
}
.tx-page-payment .tx-payment-hero {
grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
gap: clamp(42px, 6vw, 80px);
padding: 80px clamp(30px, 5vw, 72px);
}
.tx-page-privacy .tx-legal-hero {
padding: 88px clamp(30px, 5vw, 72px) 76px;
}
.tx-page-b2b .tx-b2b-hero {
grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
}
.tx-page-b2b .tx-b2b-hero__copy {
padding: 90px clamp(34px, 5vw, 72px);
}
.tx-page-b2b .tx-b2b-body {
padding-right: clamp(24px, 5vw, 72px);
padding-left: clamp(24px, 5vw, 72px);
}
@media (max-width: 1000px) {
.tx-page-delivery .tx-delivery-hero,
.tx-page-payment .tx-payment-hero {
grid-template-columns: 1fr;
padding: 72px clamp(28px, 6vw, 58px);
}
}
@media (max-width: 700px) {
.tx-page-delivery .tx-delivery-hero,
.tx-page-payment .tx-payment-hero { padding: 65px 20px; }
.tx-page-privacy .tx-legal-hero { padding: 58px 20px; }
.tx-page-b2b .tx-b2b-hero__copy { padding: 72px 20px 60px; }
.tx-page-b2b .tx-b2b-body { padding-right: 16px; padding-left: 16px; }
}
/* End */
/* Start:/local/templates/trixel_premium/assets/css/trixel-audit-fixes.css?178679045232606*/
.tx-site a,
.tx-site a:hover,
.tx-site a:active,
.tx-site a:visited { text-decoration:none!important; }
.tx-site a { transition-duration:.22s; transition-timing-function:cubic-bezier(.23,1,.32,1); }
@media(hover:hover){.tx-site a:hover{filter:brightness(1.08)}}
.tx-site a:active{filter:brightness(.96)}
.tx-site a:focus-visible{outline:2px solid #6747e8;outline-offset:4px;border-radius:4px}
@media(prefers-reduced-motion:reduce){.tx-site a{transition-duration:0s!important}}
.brand-line{display:block!important;width:100%!important;padding:33px 0!important;border-block:1px solid rgba(7,21,33,.1);overflow:hidden!important;transform:none!important}
.brand-track{display:flex;width:max-content;will-change:transform;animation:tx-brand-marquee 30s linear infinite}
.brand-group{display:flex;align-items:center;gap:38px;flex:none;padding-right:38px}
.brand-line:hover .brand-track,.brand-line:focus-within .brand-track{animation-play-state:paused}
@keyframes tx-brand-marquee{to{transform:translateX(-50%)}}
.tx-fit-state{position:fixed!important;left:-9999px!important;opacity:0!important}
.tx-fit-nav{display:none;cursor:pointer}
#tx-fit-state-1:checked~.tx-fit-modal [data-tx-fit-step="1"],#tx-fit-state-2:checked~.tx-fit-modal [data-tx-fit-step="2"],#tx-fit-state-3:checked~.tx-fit-modal [data-tx-fit-step="3"],#tx-fit-state-4:checked~.tx-fit-modal [data-tx-fit-step="4"]{display:block!important}
#tx-fit-state-1:checked~.tx-fit-modal [data-tx-fit-step]:not([data-tx-fit-step="1"]),#tx-fit-state-2:checked~.tx-fit-modal [data-tx-fit-step]:not([data-tx-fit-step="2"]),#tx-fit-state-3:checked~.tx-fit-modal [data-tx-fit-step]:not([data-tx-fit-step="3"]),#tx-fit-state-4:checked~.tx-fit-modal [data-tx-fit-step]:not([data-tx-fit-step="4"]){display:none!important}
#tx-fit-state-1:checked~.tx-fit-modal .tx-fit-nav--s1,#tx-fit-state-2:checked~.tx-fit-modal .tx-fit-nav--s2,#tx-fit-state-3:checked~.tx-fit-modal .tx-fit-nav--s3,#tx-fit-state-4:checked~.tx-fit-modal .tx-fit-nav--s4{display:inline-flex!important}
@media(max-width:700px){.brand-line{padding-block:25px!important}.brand-group{gap:25px;padding-right:25px}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none!important;transform:none!important}}
.tx-home .fit-lab__visual{padding-inline:72px;isolation:isolate}
.tx-home .fit-lab__visual img{animation:tx-fit-product-float 6s ease-in-out infinite}
.tx-home .fit-lab__orbit::after{content:'';position:absolute;top:11%;left:15%;width:6px;height:6px;border-radius:50%;background:#6cd5f5;box-shadow:0 0 18px rgba(108,213,245,.85)}
.tx-home .fit-lab__orbit--one{animation:tx-fit-orbit-spin 24s linear infinite}
.tx-home .fit-lab__orbit--two{animation:tx-fit-orbit-spin 18s linear infinite reverse}
.tx-home .fit-point{min-width:132px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;padding:14px 17px 14px 13px;border-color:rgba(255,255,255,.25);border-radius:14px;color:#fff;background:rgba(7,21,33,.92);box-shadow:0 14px 38px rgba(0,0,0,.24);backdrop-filter:blur(14px);animation:tx-fit-point-drift 5s ease-in-out infinite}
.tx-home .fit-point i{grid-row:1/3;align-self:center;width:7px;height:7px;border-radius:50%;background:#6cd5f5;box-shadow:0 0 14px #6cd5f5}
.tx-home .fit-point span{color:rgba(255,255,255,.7);font-size:10px;line-height:1.25;letter-spacing:.09em;text-transform:uppercase}
.tx-home .fit-point b{font-size:13px;line-height:1.35;white-space:nowrap}
.tx-home .fit-point--one{top:19%;right:4%}
.tx-home .fit-point--two{left:4%;bottom:26%;animation-delay:-1.7s}
.tx-home .fit-point--three{right:6%;bottom:13%;animation-delay:-3.2s}
@keyframes tx-fit-product-float{0%,100%{transform:translate3d(0,0,0) rotate(-.15deg)}50%{transform:translate3d(0,-10px,0) rotate(.25deg)}}
@keyframes tx-fit-orbit-spin{to{transform:rotate(360deg)}}
@keyframes tx-fit-point-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-6px,0)}}
@media(max-width:700px){.tx-home .fit-lab__visual{padding-inline:32px}.tx-home .fit-point{min-width:112px;padding:10px 12px}.tx-home .fit-point span{font-size:8px}.tx-home .fit-point b{font-size:11px}.tx-home .fit-point--one{right:4px}.tx-home .fit-point--two{left:4px}.tx-home .fit-point--three{right:4px}}
@media(prefers-reduced-motion:reduce){.tx-home .fit-lab__visual img,.tx-home .fit-lab__orbit,.tx-home .fit-point{animation:none!important;transform:none!important}}
.tx-site .detail__color-widget{margin-top:34px;padding:18px 20px;border:1px solid #e4ebf1;border-radius:16px;background:#f6f8fb}
.tx-site .detail__color-widget .color-widget__selected{min-height:auto;margin:0 0 12px;color:#071521;font-size:14px;font-weight:700}
.tx-site .detail__color-widget .color-widget__selected::before{margin:0;color:#70808d;font-weight:600}
.tx-site .detail__color-widget .color-widget__list{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.tx-site .detail__color-widget .color-widget__item{width:auto;min-width:116px;min-height:54px;display:inline-flex;align-items:center;gap:11px;margin:0;padding:7px 14px 7px 8px;border:1px solid #d7e1e8;border-radius:13px;color:#071521;background:#fff;cursor:pointer;transition:transform .2s cubic-bezier(.23,1,.32,1),border-color .2s ease,box-shadow .2s ease}
.tx-site .detail__color-widget .color-widget__item:hover{transform:translateY(-2px);border-color:#9c89ef;box-shadow:0 9px 24px rgba(7,21,33,.08)}
.tx-site .detail__color-widget .color-widget__item[data-active]{color:#071521;background:#fff;border-color:#6747e8;box-shadow:0 0 0 2px rgba(103,71,232,.12)}
.tx-site .detail__color-widget .color-widget__item::after{content:attr(title);font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap}
.tx-site .detail__color-widget .color-widget__item span{flex:none;width:38px;height:38px;border:1px solid #cfd9e0;border-radius:10px;background-color:#fff;background-size:cover;box-shadow:inset 0 0 0 3px #fff}
.tx-site .detail__color-widget .color-widget__item input:checked+span::before,.tx-site .detail__color-widget .color-widget__item[data-active] span::before{display:none}
.tx-site .detail__big-slider .slick-arrow{width:auto;min-width:96px;height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid rgba(7,21,33,.12);border-radius:100px;color:#071521;background:rgba(255,255,255,.9);box-shadow:0 8px 26px rgba(7,21,33,.08);backdrop-filter:blur(10px);font-size:0;font-weight:700;line-height:1;transition:transform .2s cubic-bezier(.23,1,.32,1),background .2s ease,opacity .2s ease}
.tx-site .detail__big-slider .slick-prev::after{content:'← Назад';font-size:13px}
.tx-site .detail__big-slider .slick-next::after{content:'Далее →';font-size:13px}
.tx-site .detail__big-slider .slick-arrow:hover{transform:translateY(-2px);background:#fff}
.tx-site .detail__big-slider .slick-arrow.slick-disabled{opacity:.4;cursor:not-allowed}
@media(max-width:700px){.tx-site .detail__color-widget{padding:15px}.tx-site .detail__color-widget .color-widget__item{min-width:104px}.tx-site .detail__big-slider .slick-arrow{min-width:48px;width:48px;padding:0}.tx-site .detail__big-slider .slick-prev::after{content:'←';font-size:20px}.tx-site .detail__big-slider .slick-next::after{content:'→';font-size:20px}}
.tx-site .header__cart{width:auto;min-width:48px;min-height:50px;display:inline-flex;align-items:center;justify-content:flex-start;gap:11px;padding:3px 7px;border-radius:14px;color:#071521;text-decoration:none}
.tx-site .header__cart:hover{color:#6747e8;background:rgba(103,71,232,.06);text-decoration:none}
.tx-site .tx-cart-icon-wrap{position:relative;width:38px;height:42px;flex:0 0 38px;display:grid;place-items:center}
.tx-site .header__cart .tx-bag-glyph{width:28px;height:28px}
.tx-site .header__cart .header__counter{position:absolute;z-index:3;top:0;right:-2px;left:auto;min-width:20px;width:auto;height:20px;display:grid;place-items:center;padding:0 5px;border:2px solid #fff;border-radius:10px;color:#fff;background:#6747e8;box-shadow:0 3px 10px rgba(103,71,232,.28);font-size:10px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.tx-site .header__cart .cart-info{min-width:92px;display:flex;flex-direction:column;align-items:flex-start;gap:1px;margin:0;color:#071521;font-size:14px;font-weight:800;line-height:1.25;white-space:nowrap}
.tx-site .header__cart .cart-info::before{content:attr(data-title);color:#70808d;font-size:11px;font-weight:650;line-height:1.2}
.tx-site .header__actions{align-items:center;gap:8px}
.tx-site .header__favorite{width:48px;min-width:48px;height:50px;min-height:50px;display:grid;place-items:center;margin:0;padding:0;border-radius:14px;color:#071521}
.tx-site .header__favorite .tx-heart-glyph{width:28px;height:28px}
.tx-site .header__favorite:hover{color:#6747e8;background:rgba(103,71,232,.06)}
.tx-site .header__favorite .header__counter{top:0;right:0;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:800}
@media(max-width:1100px){.tx-site .header__cart .cart-info{display:none}.tx-site .header__cart{padding-inline:3px;gap:0}}
@media(max-width:700px){.tx-site .header__actions{gap:3px}.tx-site .header__favorite{display:none}.tx-site .header__cart{min-width:44px;min-height:44px;padding:0}.tx-site .tx-cart-icon-wrap{width:40px;height:40px;flex-basis:40px}.tx-site .header__cart .header__counter{top:-1px;right:-1px}.tx-site .mobile-nav .tx-cart-icon-wrap{width:24px;height:24px;flex-basis:24px}.tx-site .mobile-nav .header__counter{top:-6px;right:-9px}}
/* Readable type scale for the public home page */
.tx-site .microbar__inner{font-size:11px;letter-spacing:.065em}
.tx-home .hero__proof b{font-size:14px;line-height:1.35}
.tx-home .hero__proof span{color:rgba(255,255,255,.68);font-size:12px;line-height:1.45}
.tx-home .level-card p{font-size:14px;line-height:1.65}
.tx-home .category-card__count{font-size:11px}
.tx-home .category-card small{font-size:11px}
.tx-home .category-card p{font-size:14px;line-height:1.55}
.tx-home .fit-point span{font-size:11px;line-height:1.3}
.tx-home .fit-point b{font-size:14px}
.tx-home .fit-lab__content li b{font-size:15px;line-height:1.35}
.tx-home .fit-lab__content li small{color:rgba(255,255,255,.62);font-size:14px;line-height:1.5}
.tx-home .compare__cards article small{font-size:13px;line-height:1.4}
.tx-home .compare__cards article p{font-size:14px;line-height:1.7}
.tx-home .compare__cards article b{font-size:13px;line-height:1.5}
.tx-home .service__grid article p{font-size:14px;line-height:1.7}
.tx-home .practical__items summary>span{font-size:11px}
.tx-home .practical__content>section>span{font-size:11px}
.tx-home .practical__content p,.tx-home .practical__content li{font-size:14px;line-height:1.65}
.tx-home .reviews__grid article>p{font-size:16px;line-height:1.7}
.tx-home .reviews__grid footer b{font-size:14px}
.tx-home .reviews__grid footer small{font-size:12px}
.tx-home .reviews__grid footer i{font-size:10px;letter-spacing:.08em}
.tx-home .showroom__map-card span,.tx-home .showroom__map-card a{font-size:12px;line-height:1.45}
.tx-home .showroom__content dt{font-size:11px}
.tx-home .showroom__content dd{font-size:14px;line-height:1.55}
.tx-home .showroom__content .text-link{font-size:13px}
.tx-home .newsletter small{font-size:11px;line-height:1.55}
.tx-home .newsletter__inner>div:last-child>p{color:rgba(255,255,255,.74)}
.tx-home .newsletter form label{border-bottom-color:rgba(255,255,255,.58)}
.tx-home .newsletter input{color:#fff}
.tx-home .newsletter input::placeholder{color:rgba(255,255,255,.68);opacity:1}
.tx-home .newsletter small{color:rgba(255,255,255,.62)}
.tx-home .newsletter small a,
.tx-home .newsletter small a:visited{color:#8ce2fa!important;font-weight:650}
.tx-home .newsletter small a:hover{color:#fff!important}
.tx-site .footer__title{color:rgba(255,255,255,.58);font-size:11px;letter-spacing:.1em}
.tx-site .footer__col a{color:rgba(255,255,255,.78);font-size:13px;line-height:1.5}
.tx-site .tx-max-link{font-size:15px;gap:13px}
.tx-site .tx-max-link>span:last-child{color:#fff;font-size:15px;font-weight:750;line-height:1.35}
.tx-site .tx-footer-contacts small{font-size:11px}
@media(max-width:700px){.tx-site .microbar__inner{font-size:10px}.tx-home .hero__proof b{font-size:12px}.tx-home .hero__proof span{font-size:10px}.tx-home .fit-point span{font-size:9px}.tx-home .fit-point b{font-size:12px}.tx-home .category-card p{font-size:13px}.tx-home .service__grid article p,.tx-home .practical__content p,.tx-home .practical__content li{font-size:13px}.tx-site .footer__col a{font-size:13px}}
/* EDEA / Risport comparison motion */
.tx-home .compare__cards{perspective:1200px}
.tx-home .compare__cards article{border:1px solid rgba(7,21,33,.06);box-shadow:0 18px 50px rgba(7,21,33,.04);transform:translateZ(0);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1),border-color .3s ease}
.tx-home .compare__cards article::before{content:'';position:absolute;z-index:1;inset:-30% -90%;background:linear-gradient(105deg,transparent 39%,rgba(108,213,245,.16) 48%,rgba(255,255,255,.68) 51%,transparent 60%);opacity:0;transform:translateX(-34%) rotate(3deg);transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .3s ease;pointer-events:none}
.tx-home .compare__cards article:hover{z-index:2;border-color:rgba(103,71,232,.2);box-shadow:0 30px 80px rgba(7,21,33,.13);transform:translate3d(0,-10px,0) rotateY(1.5deg)}
.tx-home .compare__cards article:nth-child(2):hover{transform:translate3d(0,-10px,0) rotateY(-1.5deg)}
.tx-home .compare__cards article:hover::before{opacity:1;transform:translateX(34%) rotate(3deg)}
.tx-home .compare__cards article>span{transition:transform .65s cubic-bezier(.22,1,.36,1),color .4s ease}
.tx-home .compare__cards article:hover>span{color:#e5ebf0;transform:translate3d(-14px,18px,0) scale(1.035)}
.tx-home .compare__cards article:nth-child(2):hover>span{color:rgba(108,213,245,.075)}
.tx-home .compare__cards article>div{z-index:2}
.tx-home .compare__cards article b{position:relative}
.tx-home .compare__cards article b::before{content:'';position:absolute;top:-1px;left:0;width:0;height:2px;background:linear-gradient(90deg,#6747e8,#6cd5f5);transition:width .55s cubic-bezier(.22,1,.36,1)}
.tx-home .compare__cards article:hover b::before{width:68%}
.tx-motion-ready .brands:not(.is-visible) .compare__cards article{opacity:0}
.tx-motion-ready .brands:not(.is-visible) .compare__cards article:first-child{transform:translate3d(-28px,18px,0)}
.tx-motion-ready .brands:not(.is-visible) .compare__cards article:last-child{transform:translate3d(28px,18px,0)}
.tx-motion-ready .brands.is-visible .compare__cards article{opacity:1;animation:tx-compare-card-in .7s .18s cubic-bezier(.22,1,.36,1) both}
.tx-motion-ready .brands.is-visible .compare__cards article:last-child{animation-delay:.28s}
@keyframes tx-compare-card-in{from{opacity:0;transform:translate3d(-28px,18px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.tx-motion-ready .brands.is-visible .compare__cards article:last-child{animation-name:tx-compare-card-in-right}
@keyframes tx-compare-card-in-right{from{opacity:0;transform:translate3d(28px,18px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:700px){.tx-home .compare__cards article:hover,.tx-home .compare__cards article:nth-child(2):hover{transform:translate3d(0,-5px,0)}}
@media(prefers-reduced-motion:reduce){.tx-home .compare__cards article,.tx-home .compare__cards article::before,.tx-home .compare__cards article>span,.tx-home .compare__cards article b::before{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}
/* Official colour logo: trimmed transparent source, consistent in header/footer. */
.tx-site .header .logo {
display: inline-flex;
align-items: center;
flex: 0 0 auto;
}
.tx-site .header .logo img {
display: block;
width: 220px;
height: auto;
max-height: 62px;
object-fit: contain;
}
.tx-site .tx-footer-logo {
display: inline-flex;
align-items: center;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.tx-site .tx-footer-brand .tx-footer-logo img {
display: block;
width: 230px;
height: auto;
}
@media (max-width: 700px) {
.tx-site .header .logo img { width: 168px; max-height: 48px; }
.tx-site .tx-footer-brand .tx-footer-logo img { width: 205px; }
}
/* Level progression: pale ice for the first steps, deep aurora for advanced skating. */
.tx-home .levels__grid{gap:14px;border:0}
.tx-home .level-card,.tx-home .level-card:first-child{min-height:320px;border:1px solid rgba(7,21,33,.08);border-radius:24px;background:#fff;box-shadow:0 16px 45px rgba(7,21,33,.055);isolation:isolate;transition:transform .26s cubic-bezier(.23,1,.32,1),box-shadow .26s cubic-bezier(.23,1,.32,1),border-color .22s ease}
.tx-home .level-card::before{content:'';position:absolute;z-index:-2;inset:0;height:auto;border-radius:inherit;background:radial-gradient(circle at 78% 20%,var(--level-glow,rgba(108,213,245,.28)),transparent 36%),linear-gradient(145deg,var(--level-from,#fff),var(--level-to,#eaf5fa));opacity:1;transform:scale(1.01);transition:transform .65s cubic-bezier(.23,1,.32,1),filter .35s ease}
.tx-home .level-card::after{content:'';position:absolute;z-index:-1;right:-28%;bottom:-46%;width:115%;aspect-ratio:1;border:1px solid var(--level-trace,rgba(7,21,33,.1));border-radius:50%;box-shadow:0 0 0 20px rgba(255,255,255,.025),0 0 55px var(--level-glow,rgba(108,213,245,.2));opacity:.72;transform:rotate(-14deg) scale(.9);transition:transform .65s cubic-bezier(.23,1,.32,1),opacity .25s ease;pointer-events:none}
.tx-home .level-card:nth-child(1){--level-from:#fbfdff;--level-to:#eaf7fb;--level-glow:rgba(108,213,245,.4);--level-trace:rgba(48,175,218,.25)}
.tx-home .level-card:nth-child(2){--level-from:#f8f6ff;--level-to:#e9e4ff;--level-glow:rgba(103,71,232,.28);--level-trace:rgba(103,71,232,.24)}
.tx-home .level-card:nth-child(3){--level-from:#10283a;--level-to:#071521;--level-glow:rgba(108,213,245,.25);--level-trace:rgba(108,213,245,.28);color:#fff}
.tx-home .level-card:nth-child(4){--level-from:#171531;--level-to:#071521;--level-glow:rgba(103,71,232,.38);--level-trace:rgba(145,119,255,.34);color:#fff}
.tx-home .level-card:nth-child(n+3) p{color:rgba(255,255,255,.66)}
.tx-home .level-card:nth-child(n+3)>span{color:#8ce2fa}
.tx-home .level-card>i{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(7,21,33,.1);border-radius:50%;background:rgba(255,255,255,.62);backdrop-filter:blur(10px);font-style:normal;transition:transform .3s cubic-bezier(.23,1,.32,1)}
.tx-home .level-card:nth-child(n+3)>i{border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.07)}
.tx-home .level-card:hover{color:inherit;border-color:rgba(103,71,232,.25);box-shadow:0 28px 70px rgba(7,21,33,.16);transform:translate3d(0,-8px,0)}
.tx-home .level-card:nth-child(n+3):hover{color:#fff}
.tx-home .level-card:hover::before{height:auto;transform:scale(1.065);filter:saturate(1.12)}
.tx-home .level-card:hover::after{opacity:1;transform:rotate(8deg) scale(1.04)}
.tx-home .level-card:hover>i{transform:translateX(4px) rotate(-18deg)}
.tx-home .level-card:active{transform:translate3d(0,-3px,0) scale(.99)}
@media(max-width:700px){.tx-home .levels__grid{gap:10px}.tx-home .level-card,.tx-home .level-card:first-child,.tx-home .level-card:last-child{min-height:190px;border:1px solid rgba(7,21,33,.08);border-radius:19px}}
@media(prefers-reduced-motion:reduce){.tx-home .level-card,.tx-home .level-card::before,.tx-home .level-card::after,.tx-home .level-card>i{transition:none!important;transform:none!important}}
/* Footer PWA download CTA. */
.tx-site .tx-footer-contacts .tx-pwa-install{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
gap:11px;
min-height:52px;
margin-top:12px;
padding:13px 50px 13px 18px;
overflow:hidden;
color:#fff;
border:1px solid rgba(255,255,255,.18);
border-radius:16px;
background:linear-gradient(115deg,#6747e8 0%,#8f50ec 48%,#43bde7 100%);
box-shadow:0 14px 34px rgba(103,71,232,.3),inset 0 1px 0 rgba(255,255,255,.22);
font-size:14px;
font-weight:800;
letter-spacing:.01em;
line-height:1.2;
cursor:pointer;
isolation:isolate;
transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s ease,filter .3s ease;
}
.tx-site .tx-footer-contacts .tx-pwa-install::before{
content:'\2193';
display:grid;
place-items:center;
width:27px;
height:27px;
flex:0 0 27px;
border-radius:9px;
background:rgba(255,255,255,.17);
font-size:17px;
line-height:1;
}
.tx-site .tx-footer-contacts .tx-pwa-install::after{
content:'\2192';
position:absolute;
right:17px;
top:50%;
font-size:19px;
font-weight:500;
transform:translateY(-50%);
transition:transform .3s cubic-bezier(.23,1,.32,1);
}
.tx-site .tx-footer-contacts .tx-pwa-install:hover{
color:#fff;
filter:saturate(1.12) brightness(1.06);
box-shadow:0 19px 42px rgba(103,71,232,.42),inset 0 1px 0 rgba(255,255,255,.28);
transform:translateY(-3px);
}
.tx-site .tx-footer-contacts .tx-pwa-install:hover::after{transform:translate(4px,-50%)}
.tx-site .tx-footer-contacts .tx-pwa-install:active{transform:translateY(-1px) scale(.985)}
.tx-site .tx-footer-contacts .tx-pwa-install:focus-visible{outline:3px solid rgba(108,213,245,.5);outline-offset:4px}
@media(max-width:700px){.tx-site .tx-footer-contacts .tx-pwa-install{width:100%;max-width:280px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.tx-site .tx-footer-contacts .tx-pwa-install,.tx-site .tx-footer-contacts .tx-pwa-install::after{transition:none}}
/* Premium service panel: aurora glass, staggered reveal and tactile hover. */
.tx-home .service .section-head{margin-bottom:48px}
.tx-home .service .service__grid{
position:relative;
gap:12px;
padding:12px;
overflow:hidden;
border:1px solid rgba(108,213,245,.16);
border-radius:30px;
background:
radial-gradient(circle at 7% 10%,rgba(108,213,245,.2),transparent 29%),
radial-gradient(circle at 88% 105%,rgba(103,71,232,.3),transparent 38%),
linear-gradient(135deg,#0d2433 0%,#071521 52%,#10112a 100%);
box-shadow:0 34px 90px rgba(7,21,33,.18);
isolation:isolate;
}
.tx-home .service .service__grid::before{
content:'';
position:absolute;
z-index:-1;
top:-80%;
left:-15%;
width:52%;
aspect-ratio:1;
border:1px solid rgba(108,213,245,.2);
border-radius:50%;
box-shadow:0 0 80px rgba(108,213,245,.12),0 0 0 35px rgba(108,213,245,.025);
animation:tx-service-orbit 12s ease-in-out infinite alternate;
}
.tx-home .service .service__grid article,
.tx-home .service .service__grid article:first-child{
position:relative;
min-height:350px;
padding:30px;
overflow:hidden;
border:1px solid rgba(255,255,255,.1);
border-radius:21px;
background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
backdrop-filter:blur(10px);
transform:translateZ(0);
transition:transform .48s cubic-bezier(.22,1,.36,1),border-color .35s ease,background .35s ease,box-shadow .45s ease;
}
.tx-home .service .service__grid article::before{
content:'';
position:absolute;
inset:-40% -110%;
background:linear-gradient(110deg,transparent 43%,rgba(255,255,255,.16) 50%,transparent 57%);
opacity:0;
transform:translateX(-20%);
transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .25s ease;
pointer-events:none;
}
.tx-home .service .service__grid article::after{
content:'';
position:absolute;
right:-56px;
bottom:-68px;
width:155px;
height:155px;
border:1px solid rgba(108,213,245,.13);
border-radius:50%;
box-shadow:0 0 0 18px rgba(108,213,245,.025);
transition:transform .55s cubic-bezier(.22,1,.36,1),border-color .35s ease;
}
.tx-home .service .service__grid article>span{
top:27px;
right:28px;
color:rgba(255,255,255,.38);
font-size:11px;
font-weight:700;
letter-spacing:.16em;
}
.tx-home .service .tx-service-icon{
display:grid;
place-items:center;
width:58px;
height:58px;
margin:78px 0 30px;
color:#071521;
border-radius:18px;
background:linear-gradient(135deg,#fff 5%,#9be7f9 55%,#9278ff 120%);
box-shadow:0 13px 35px rgba(108,213,245,.21),inset 0 1px 0 #fff;
font-size:25px;
line-height:1;
transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .4s ease;
}
.tx-home .service .service__grid h3{position:relative;margin:0 0 15px;color:#fff;font-size:21px;line-height:1.18}
.tx-home .service .service__grid p{position:relative;margin:0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.72}
.tx-home .service .service__grid article:hover{
z-index:2;
border-color:rgba(108,213,245,.3);
background:linear-gradient(155deg,rgba(108,213,245,.13),rgba(103,71,232,.07));
box-shadow:0 24px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12);
transform:translateY(-9px);
}
.tx-home .service .service__grid article:hover::before{opacity:1;transform:translateX(30%)}
.tx-home .service .service__grid article:hover::after{border-color:rgba(108,213,245,.3);transform:scale(1.12) translate(-5px,-5px)}
.tx-home .service .service__grid article:hover .tx-service-icon{box-shadow:0 18px 44px rgba(108,213,245,.35),inset 0 1px 0 #fff;transform:translateY(-5px) rotate(-7deg) scale(1.06)}
.tx-motion-ready .service:not(.is-visible) .service__grid article{opacity:0;transform:translateY(28px) scale(.97)}
.tx-motion-ready .service.is-visible .service__grid article{animation:tx-service-card-in .75s cubic-bezier(.22,1,.36,1) both}
.tx-motion-ready .service.is-visible .service__grid article:nth-child(1){animation-delay:.12s}
.tx-motion-ready .service.is-visible .service__grid article:nth-child(2){animation-delay:.22s}
.tx-motion-ready .service.is-visible .service__grid article:nth-child(3){animation-delay:.32s}
.tx-motion-ready .service.is-visible .service__grid article:nth-child(4){animation-delay:.42s}
@keyframes tx-service-card-in{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes tx-service-orbit{from{transform:translate3d(-3%,0,0) rotate(0)}to{transform:translate3d(24%,18%,0) rotate(18deg)}}
@media(max-width:980px){.tx-home .service .service__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
.tx-home .service .section-head{margin-bottom:32px}
.tx-home .service .service__grid{grid-template-columns:1fr;gap:9px;padding:9px;border-radius:23px}
.tx-home .service .service__grid article,.tx-home .service .service__grid article:first-child{min-height:245px;padding:24px;border-radius:17px}
.tx-home .service .tx-service-icon{width:50px;height:50px;margin:48px 0 24px;border-radius:15px;font-size:22px}
.tx-home .service .service__grid h3{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
.tx-home .service .service__grid::before,.tx-home .service .service__grid article{animation:none!important;transition:none!important}
.tx-motion-ready .service .service__grid article{opacity:1!important;transform:none!important}
}
/* Quick view: readable product, availability, sizing and delivery text. */
.tx-quick-media>span{padding:10px 15px;font-size:12px;letter-spacing:.08em}
.tx-quick-brand{margin-bottom:20px;font-size:13px}
.tx-quick-brand b{font-size:12px;letter-spacing:.1em}
.tx-quick-brand b:before{width:7px;height:7px;margin-right:8px}
.tx-quick-info h2{font-size:clamp(36px,3vw,48px);line-height:1.06}
.tx-quick-info>p{font-size:16px;line-height:1.55}
.tx-quick-facts span{gap:7px;padding:17px 13px;color:#748590;font-size:12px;line-height:1.35}
.tx-quick-facts b{font-size:14px;line-height:1.3}
.tx-quick-sizes>div:first-child{margin-bottom:14px;gap:18px}
.tx-quick-sizes>div:first-child b{font-size:14px;line-height:1.4}
.tx-quick-sizes>div:first-child a{border-bottom:0;font-size:13px;line-height:1.4}
.tx-quick-size-grid{gap:9px;max-height:126px}
.tx-quick-size-grid button{min-width:72px;height:44px;padding:0 13px;font-size:14px!important;font-weight:650}
.tx-quick-sizes>small{margin-top:11px;font-size:12px;line-height:1.4}
.tx-quick-buy strong{font-size:34px}
.tx-quick-buy .button{font-size:15px}
.tx-quick-delivery{gap:12px}
.tx-quick-delivery>span{font-size:22px}
.tx-quick-delivery b{font-size:13px;line-height:1.35}
.tx-quick-delivery small{font-size:12px;line-height:1.4}
@media(max-width:700px){
.tx-quick-media>span{top:14px;left:14px;padding:8px 11px;font-size:10px}
.tx-quick-brand{margin-bottom:13px;font-size:11px}
.tx-quick-brand b{font-size:10px}
.tx-quick-info h2{font-size:28px}
.tx-quick-info>p{margin-bottom:18px;font-size:14px;line-height:1.5}
.tx-quick-facts{margin-bottom:20px}
.tx-quick-facts span{gap:4px;padding:11px 6px;font-size:10px}
.tx-quick-facts b{font-size:12px}
.tx-quick-sizes>div:first-child b{font-size:13px}
.tx-quick-sizes>div:first-child a{font-size:12px}
.tx-quick-size-grid button{min-width:64px;height:42px;font-size:13px!important}
.tx-quick-sizes>small{font-size:11px}
.tx-quick-buy strong{font-size:24px}
.tx-quick-buy .button{font-size:14px}
}
/* Site-wide readability pass: no meaningful labels below 11px. */
.tx-site .microbar__inner{font-size:12px}
.tx-site .tx-ref-menu nav span,.tx-site .tx-ref-menu footer span{font-size:12px}
.tx-site .badge-list__item{font-size:11px}
.tx-site .footer__title{font-size:12px}
.tx-site .tx-footer-contacts>span{font-size:12px}
.tx-home .hero__side-note span,.tx-home .hero__proof p span{font-size:12px}
.tx-home .level-card>span,.tx-home .category-card__count,.tx-home .category-card small,.tx-home .fit-point span{font-size:12px}
.tx-home .fit-lab__content ol li>span{font-size:12px}
.tx-home .reviews__rating span,.tx-home .reviews__grid footer i,.tx-home .showroom dt,.tx-home .newsletter small{font-size:12px}
.tx-site .mobile-nav a{font-size:11px}
/* Catalog landing labels. */
.tx-catalog-orbit span,.tx-catalog-help>div>span{font-size:12px}
.tx-catalog-section__head>span,.tx-levels header>span,.tx-catalog-sections .cat-list__link{font-size:13px}
/* Delivery page labels and explanatory copy. */
.tx-delivery-kicker{font-size:12px}
.tx-delivery-hero__actions a:first-child,.tx-delivery-hero__actions a:last-child{font-size:13px}
.tx-delivery-route__point b{font-size:13px}.tx-delivery-route__point small{font-size:11px}
.tx-delivery-section-head>div>span,.tx-delivery-details__intro>span{font-size:12px}
.tx-delivery-card__top>span{font-size:12px}.tx-delivery-card>small{font-size:11px}
.tx-delivery-card__fact b{font-size:11px}.tx-delivery-card__fact span,.tx-delivery-card>a{font-size:12px}
.tx-delivery-steps li>span{font-size:11px}.tx-delivery-steps p{font-size:13px}
.tx-delivery-process__foot small{font-size:11px}.tx-delivery-process__foot p{font-size:13px}
.tx-delivery-details__list article>span{font-size:12px}
.tx-delivery-support small{font-size:11px}.tx-delivery-support p{font-size:13px}
/* Payment page labels and process notes. */
.tx-payment-kicker{font-size:12px}
.tx-payment-hero__actions a:first-child,.tx-payment-hero__actions a:last-child{font-size:13px}
.tx-payment-hero__visual span,.tx-payment-hero__visual b{font-size:12px}
.tx-payment-section-head>div>span,.tx-payment-return__intro>span{font-size:12px}
.tx-payment-path__number{font-size:12px}.tx-payment-path small{font-size:11px}.tx-payment-path a{font-size:13px}
.tx-payment-steps li>span{font-size:11px}.tx-payment-steps p{font-size:13px}
.tx-payment-stock-note p{font-size:12px}.tx-payment-stock-note b{font-size:13px}
.tx-payment-return__intro>a,.tx-payment-return__rules span{font-size:12px}
.tx-payment-support small{font-size:11px}.tx-payment-support p{font-size:13px}
/* Privacy page navigation and legal references. */
.tx-legal-kicker{font-size:12px}.tx-legal-hero__mark small{font-size:11px}
.tx-legal-nav>span{font-size:12px}.tx-legal-nav nav a{font-size:13px}.tx-legal-nav nav i{font-size:11px}
.tx-legal-help small{font-size:11px}.tx-legal-help a{font-size:13px}
.tx-legal-section>header>span{font-size:12px}.tx-legal-section header small{font-size:11px}
.tx-legal-clauses b{font-size:12px}.tx-legal-footer-note p{font-size:13px}.tx-legal-footer-note a{font-size:12px}
/* B2B / public procurement labels. */
.tx-b2b-hero__seal b,.tx-b2b-hero__route{font-size:12px}
.tx-b2b-section-head span,.tx-b2b-supply__intro>span,.tx-b2b-benefits__grid article>span,.tx-b2b-supply__list>a>span,.tx-b2b-process li>span{font-size:12px}
.tx-b2b-supply__list small,.tx-b2b-contact__person small,.tx-b2b-contact>a small{font-size:12px}
@media(max-width:700px){
.tx-site .microbar__inner{font-size:11px}
.tx-home .hero__proof p span,.tx-home .fit-point span{font-size:11px}
.tx-b2b-kicker{font-size:11px}
}
/* End */
/* Start:/local/templates/trixel_premium/styles.css?178661822510*/
/*styles*/
/* End */
/* Start:/local/templates/trixel_premium/template_styles.css?178661822510*/
/*styles*/
/* End */
/* /local/templates/trixel_premium/assets/css/main.css?1787996919278917 */
/* /local/templates/trixel_premium/assets/css/custom.css?178661822522470 */
/* /local/templates/trixel_premium/assets/css/trixel-premium.css?178800791866622 */
/* /local/templates/trixel_premium/assets/css/trixel-typography.css?1786628168514 */
/* /local/templates/trixel_premium/assets/css/trixel-quick-view.css?17866279954600 */
/* /local/templates/trixel_premium/assets/css/trixel-cart-flow.css?17866289053361 */
/* /local/templates/trixel_premium/assets/css/trixel-pdp.css?17866297248202 */
/* /local/templates/trixel_premium/assets/css/trixel-avito-trust.css?17885183952340 */
/* /local/templates/trixel_premium/assets/css/trixel-blades.css?17866299247452 */
/* /local/templates/trixel_premium/assets/css/trixel-catalog-root.css?17866302767287 */
/* /local/templates/trixel_premium/assets/css/trixel-catalog-scenes.css?17866304521048 */
/* /local/templates/trixel_premium/assets/css/trixel-fit-page.css?17866306098525 */
/* /local/templates/trixel_premium/assets/css/trixel-fit-page-fixes.css?1786630661380 */
/* /local/templates/trixel_premium/assets/css/trixel-fit-page-v2.css?178679120410510 */
/* /local/templates/trixel_premium/assets/css/trixel-fit-single-step.css?1786629107259 */
/* /local/templates/trixel_premium/assets/css/trixel-fit-target.css?1786628503774 */
/* /local/templates/trixel_premium/assets/css/trixel-fit-visibility.css?1786629247371 */
/* /local/templates/trixel_premium/assets/css/trixel-fit-native.css?17866283301528 */
/* /local/templates/trixel_premium/assets/css/trixel-motion.css?17866443723527 */
/* /local/templates/trixel_premium/assets/css/trixel-payment.css?17867866598712 */
/* /local/templates/trixel_premium/assets/css/trixel-wide-layout-fixes.css?17885180121889 */
/* /local/templates/trixel_premium/assets/css/trixel-audit-fixes.css?178679045232606 */
/* /local/templates/trixel_premium/styles.css?178661822510 */
/* /local/templates/trixel_premium/template_styles.css?178661822510 */