html {
/* scrollbar-width: none;
overflow-y: scroll; */
}
@font-face {
font-family: "Montserrat";
src:
url("../fonts/Montserrat/Montserrat-Regular.woff") format("woff"),
url("../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2");
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src:
url("../fonts/Montserrat/Montserrat-Medium.woff") format("woff"),
url("../fonts/Montserrat/Montserrat-Medium.woff2") format("woff2");
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src:
url("../fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"),
url("../fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2");
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src:
url("../fonts/Montserrat/Montserrat-Bold.woff") format("woff"),
url("../fonts/Montserrat/Montserrat-Bold.woff2") format("woff2");
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: "Suisse Int’l";
src: url("../fonts/Suisse/SuisseIntl-Book.woff2") format("woff2");
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Suisse Int’l";
src: url("../fonts/Suisse/SuisseIntl-Semibold.woff2") format("woff2");
font-weight: 600;
font-display: swap;
}
label {
font-weight: unset;
max-width: unset;
margin-bottom: unset;
}
.svg-sprite {
position: absolute;
left: -9999px;
top: -9999px;
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
}
.icon {
display: block;
flex-shrink: 0;
font-size: 20px;
width: 1em;
height: 1em;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html.is-noscroll {
overflow: hidden;
}
html.is-noscroll body {
margin-right: var(--scrollbarWidth);
}
html.has-loader {
pointer-events: none;
}
html.has-loader:before,
html.has-loader:after {
content: "";
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 99999998;
}
html.has-loader:before {
background: rgba(29, 29, 31, 0.2);
}
html.has-loader:after {
width: 50px;
height: 50px;
margin: auto;
border: 2px solid #fff;
border-right-color: transparent;
border-radius: 50%;
z-index: 99999999;
animation: rotate 1s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
html,
body {
display: flex;
flex-direction: column;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
body {
font-family: "Suisse Int’l", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 16.6px;
line-height: 20px;
background: var(--rfs-white);
color: var(--rfs-black-100);
min-width: 320px;
min-height: 100vh;
overflow-x: hidden;
}
.content {
flex-grow: 1;
min-height: 1px;
}
[id] {
scroll-margin-top: 100px;
}
:hover,
:active,
:focus {
outline: none;
}
b,
strong {
font-weight: 600;
}
button,
[type="reset"],
[type="submit"],
html [type="button"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
button,
input,
optgroup,
select,
textarea {
font: inherit;
color: inherit;
}
button {
padding: 0;
background: none;
border: none;
}
a,
button,
[type="button"],
.g-link,
.g-btn {
transition: 0.25s ease-in-out;
transition-property: color, border-color, background-color, opacity, box-shadow;
}
img {
vertical-align: middle;
}
a img {
border: none;
}
p,
ul,
ol,
dl,
pre,
table,
figure,
address,
fieldset,
blockquote {
margin: 0 0 20px 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.g-h1,
.g-h2,
.g-h3,
.g-h4,
.g-h5,
.g-h6 {
font-weight: 600;
margin: 0 0 14px 0;
}
h1,
.g-h1 {
font-size: 59px;
line-height: 60px;
letter-spacing: -0.03em;
margin-bottom: 56px;
}
h2,
.g-h2 {
font-size: 39px;
line-height: 40px;
letter-spacing: -0.025em;
}
h3,
.g-h3 {
font-size: 30px;
line-height: 32px;
letter-spacing: -0.02em;
}
h4,
.g-h4 {
font-size: 22px;
line-height: 24px;
letter-spacing: -0.01em;
}
h5,
.g-h5 {
font-size: 16.6px;
line-height: 20px;
letter-spacing: -0.005em;
}
h6,
.g-h6 {
font-size: 13.8px;
line-height: 16px;
}
@media (max-width: 1199px) {
h1,
.g-h1 {
font-size: 39px;
line-height: 40px;
letter-spacing: -0.025em;
}
h2,
.g-h2 {
font-size: 30px;
line-height: 32px;
letter-spacing: -0.02em;
}
h3,
.g-h3 {
font-size: 22px;
line-height: 24px;
letter-spacing: -0.01em;
}
}
.b-text h1 {
font-size: 39px;
line-height: 40px;
letter-spacing: -0.025em;
margin-bottom: 20px;
}
@media (max-width: 1199px) {
.b-text h1 {
font-size: 30px;
line-height: 32px;
letter-spacing: -0.02em;
}
}
ul,
ol {
padding: 0 0 0 24px;
}
ul > li > ul,
ul > li > ol,
ol > li > ol,
ol > li > ul {
margin-bottom: 0;
}
.b-text ul {
padding: 0;
list-style: none;
}
.b-text ul li {
margin-bottom: 10px;
padding-left: 24px;
position: relative;
}
.b-text ul li:before {
content: "";
position: absolute;
width: 14px;
height: 2px;
left: 0;
top: 9px;
height: 2px;
border-radius: 2px;
background-color: currentColor;
}
.b-text * + :is(h1, h2, h3, h4, h5, h6, .text-column-2) {
margin-top: 40px;
}
.b-text :is(h2, h3) + :is(h1, h2, h3, h4, h5, h6, .text-column-2) {
margin-top: 0;
}
hr {
box-sizing: content-box;
height: 0;
margin: 20px 0;
border: 0;
border-top: 1px solid var(--rfs-blue-12);
clear: both;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
th {
font-weight: 600;
}
.b-text {
font-size: 16.6px;
line-height: 20px;
letter-spacing: -0.005em;
}
.b-text figure img {
display: block;
max-width: 100%;
height: auto;
border-radius: 4px;
}
@media (min-width: 1200px) {
.text-column-2 {
column-count: 2;
column-gap: 46px;
}
}
.text-13 {
font-size: 13.8px;
line-height: 16px;
}
.g-title {
border-top: 4px solid var(--rfs-blue);
border-bottom: 1px solid var(--rfs-cool-gray);
padding: 12px 0;
margin: 0 0 12px 0;
}
.g-scroll,
.jq-selectbox__dropdown ul {
overflow: hidden;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
@supports not selector(::-webkit-scrollbar) {
.g-scroll,
.jq-selectbox__dropdown ul {
scrollbar-color: var(--rfs-cool-gray) transparent;
scrollbar-width: thin;
}
}
@supports selector(::-webkit-scrollbar) {
.g-scroll::-webkit-scrollbar,
.jq-selectbox__dropdown ul::-webkit-scrollbar {
width: 16px;
height: 16px;
}
.g-scroll::-webkit-scrollbar-track,
.jq-selectbox__dropdown ul::-webkit-scrollbar-track {
border: 4px solid transparent;
background-clip: content-box;
background-color: transparent;
border-radius: 8px;
}
.g-scroll::-webkit-scrollbar-thumb,
.jq-selectbox__dropdown ul::-webkit-scrollbar-thumb {
border: 4px solid transparent;
background-clip: content-box;
background-color: var(--rfs-cool-gray);
border-radius: 8px;
}
}
.c-grey {
color: var(--rfs-black-50);
}
.c-green {
color: var(--rfs-emerald);
}
.c-red {
color: var(--rfs-red);
}
.c-black {
color: var(--rfs-black-100);
}
.fw-400 {
font-weight: normal;
}
.fw-600 {
font-weight: 600;
}
.nowrap {
white-space: nowrap;
}
a {
color: inherit;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
.g-link {
display: inline;
border: none;
background: none;
padding: 0;
overflow: visible;
cursor: pointer;
}
.g-link,
.b-text a {
color: var(--rfs-blue);
text-decoration: none;
}
.g-link:hover,
.b-text a:hover {
color: var(--rfs-red);
text-decoration: none;
}
.arrow-link {
display: inline-flex;
vertical-align: middle;
align-items: center;
column-gap: 6px;
text-align: left;
font-size: 13.8px;
line-height: 16px;
font-weight: normal;
text-decoration: none;
color: inherit;
}
.arrow-link:hover {
color: var(--rfs-blue-signal);
}
.arrow-link:after,
.b-accordion__header:after {
content: "";
flex-shrink: 0;
width: 24px;
height: 16px;
border: 1px solid var(--rfs-cool-gray);
border-radius: 10px;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='%231D1D1F' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.703 2.298a.57.57 0 1 0-.806.806L8.194 5.4H1.8a.6.6 0 0 0 0 1.2h6.394L5.897 8.898a.57.57 0 1 0 .806.806L10.406 6 6.703 2.298Z'/%3E%3C/svg%3E");
background-position: center center;
background-repeat: no-repeat;
background-size: 12px 12px;
transition: 0.15s ease-in-out;
transition-property: background-image, border-color;
}
.arrow-link:hover:after {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='%230077ff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.703 2.298a.57.57 0 1 0-.806.806L8.194 5.4H1.8a.6.6 0 0 0 0 1.2h6.394L5.897 8.898a.57.57 0 1 0 .806.806L10.406 6 6.703 2.298Z'/%3E%3C/svg%3E");
border-color: currentColor;
}
.b-accordion__header:after,
.b-history-item__toggle-btn:after {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='%231D1D1F' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.503 4.097a.57.57 0 0 0-.806.806L6 9.206l4.303-4.303a.57.57 0 0 0-.806-.806L6 7.594 2.503 4.097Z'/%3E%3C/svg%3E");
}
.b-accordion__header:hover:after,
.b-history-item__toggle-btn:hover:after {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='%230077ff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.503 4.097a.57.57 0 0 0-.806.806L6 9.206l4.303-4.303a.57.57 0 0 0-.806-.806L6 7.594 2.503 4.097Z'/%3E%3C/svg%3E");
border-color: currentColor;
}
.g-btn,
.tab-btn {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
vertical-align: top;
column-gap: 8px;
padding: 13px 23px;
font-size: 16.6px;
line-height: 20px;
font-weight: normal;
text-transform: none;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 24px;
border: 1px solid var(--rfs-blue);
background: var(--rfs-blue);
color: var(--rfs-white);
}
html:not(.is-touch) .g-btn:hover,
html.is-touch .g-btn:active {
border-color: var(--rfs-red);
background-color: var(--rfs-red);
color: var(--rfs-white);
}
.g-btn_theme_grey,
.tab-btn {
border-color: var(--rfs-blue-12);
background-color: transparent;
color: var(--rfs-blue);
}
html:not(.is-touch) .g-btn_theme_grey:hover,
html.is-touch .g-btn_theme_grey:active,
html:not(.is-touch) .tab-btn:hover {
border-color: var(--rfs-blue-12);
background-clip: padding-box;
background-color: var(--rfs-blue-12);
color: var(--rfs-blue);
}
html.is-touch .tab-btn:active,
html.is-touch .tab-btn.is-active,
html:not(.is-touch) .tab-btn.is-active {
border-color: var(--rfs-blue);
background-color: var(--rfs-blue);
color: var(--rfs-white);
}
.g-btn_theme_border {
border-color: var(--rfs-blue);
background-color: transparent;
color: var(--rfs-blue);
}
html:not(.is-touch) .g-btn_theme_border:hover,
html.is-touch .g-btn_theme_border:active {
border-color: var(--rfs-blue-12);
background-clip: padding-box;
background-color: var(--rfs-blue-12);
color: var(--rfs-blue);
}
.g-btn_theme_outline {
border-color: var(--rfs-white);
background-color: transparent;
color: var(--rfs-white);
}
html:not(.is-touch) .g-btn_theme_outline:hover,
html.is-touch .g-btn_theme_outline:active {
border-color: var(--rfs-white);
background-color: var(--rfs-white);
color: var(--rfs-blue);
}
.g-btn[disabled],
.g-btn.is-disabled {
opacity: 0.55;
cursor: default;
cursor: not-allowed;
}
.g-btn_width_full {
padding: 0;
width: 100%;
}
.g-btn_size_sm {
font-size: 13.8px;
line-height: 16px;
padding: 8px 17px;
}
.g-sticker {
display: inline-block;
vertical-align: top;
border-radius: 20px;
white-space: nowrap;
font-size: 13.8px;
line-height: 16px;
font-weight: 400;
text-decoration: none;
padding: 4px 10px;
color: var(--rfs-white);
background-color: var(--rfs-emerald);
}
.g-sticker_discount {
color: var(--rfs-white);
background-color: var(--rfs-red);
}
.g-sticker_new {
color: var(--rfs-white);
background-color: var(--rfs-emerald);
}
.g-sticker_free-shipping {
color: var(--rfs-white);
background-color: var(--rfs-bronze-medal);
}
.g-sticker_popular {
color: var(--rfs-white);
background-color: var(--rfs-bronze-medal);
}
.tooltip-icon {
color: var(--rfs-blue-gray);
font-size: 20px;
cursor: pointer;
}
html:not(.is-touch) .tooltip-icon:hover {
color: var(--rfs-blue);
}
.tooltip-icon .icon {
font-size: inherit;
}
.b-tooltip-bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
cursor: pointer;
z-index: 99998;
display: none;
}
.ui-tooltip {
max-width: 240px;
padding: 10px;
border: none !important;
border-radius: 0;
font-family: inherit;
font-weight: normal;
font-size: 12px;
line-height: 18px;
font-weight: 400;
border-radius: 4px;
z-index: 99999;
color: var(--rfs-black-100);
background: var(--rfs-white);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.ui-tooltip:before {
content: "";
position: absolute;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid var(--rfs-white);
left: 50%;
margin-left: -5px;
bottom: -5px;
}
.ui-tooltip.top:before {
border-top: none;
border-bottom: 5px solid var(--rfs-white);
bottom: auto;
top: -5px;
}
.ui-tooltip p {
margin-bottom: 6px;
}
.ui-tooltip p:last-child {
margin-bottom: 0;
}
.ui-tooltip .arrow-link {
font-size: inherit;
}
@media (max-width: 1199px) {
html.is-touch .b-tooltip-bg {
display: block;
}
.ui-tooltip:before {
display: none;
}
}
.b-add-favorite-btn {
display: flex;
align-items: center;
justify-content: center;
column-gap: 10px;
position: relative;
color: var(--rfs-blue-gray);
white-space: nowrap;
font-size: 13.8px;
line-height: 16px;
font-weight: normal;
}
html:not(.is-touch) .b-add-favorite-btn:hover,
.b-add-favorite-btn.is-active {
color: var(--rfs-blue);
}
.b-add-favorite-btn.is-active > span > span {
display: none;
}
.b-add-favorite-btn.is-active > span:after {
content: attr(data-active-text);
}
.b-add-favorite-btn:not(._inline) > span {
display: none;
}
input[type="email"],
input[type="file"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
input[type="number"],
textarea,
select {
height: 48px;
font-size: 16.6px;
line-height: 20px;
font-weight: normal;
border: 1px solid var(--rfs-cool-gray);
background-color: var(--rfs-white);
color: var(--rfs-black-100);
border-radius: 24px;
padding: 13px 23px;
width: 100%;
box-shadow: none;
transition: 0.25s ease-in-out;
transition-property: border-color, background-color, color;
}
input[type="email"].is-fill,
input[type="file"].is-fill,
input[type="password"].is-fill,
input[type="search"].is-fill,
input[type="tel"].is-fill,
input[type="text"].is-fill,
input[type="url"].is-fill {
padding-right: 35px;
}
input[type="email"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
border-color: var(--rfs-black-100);
}
input[type="email"][disabled],
input[type="file"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="url"][disabled],
input[type="number"][disabled],
textarea[disabled],
select[disabled] {
background-color: #f5f5f5;
border-color: #ccc;
color: #888;
cursor: default;
cursor: not-allowed;
}
input[type="email"].error,
input[type="file"].error,
input[type="password"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="text"].error,
input[type="url"].error,
input[type="number"].error,
textarea.error,
select.error {
border-color: var(--rfs-red);
color: var(--rfs-red);
}
input[type="checkbox"].error,
input[type="radio"].error {
outline: 1px dotted var(--rfs-red);
}
input.js-input-date {
background-image: url("../images/calendar.svg");
background-repeat: no-repeat;
background-position: right 13px top 50%;
padding-right: 50px;
cursor: pointer;
}
label.error {
display: block;
color: var(--rfs-red);
font-size: 11px;
line-height: 12px;
margin-bottom: -16px;
margin-top: 4px;
}
input[type="file"] {
padding: 5px;
}
select {
padding: 2px 2px 2px 10px;
}
textarea {
max-width: 100%;
min-width: 100%;
overflow: auto;
height: auto;
resize: none;
field-sizing: content;
}
::placeholder {
color: var(--rfs-silver-medal);
}
.jq-selectbox {
display: block;
width: 100%;
font-size: 16.6px;
line-height: 20px;
text-align: left;
}
.jq-selectbox__select {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 10px;
height: 48px;
font-size: 16.6px;
line-height: 20px;
font-weight: normal;
border: 1px solid var(--rfs-cool-gray);
background-color: var(--rfs-white);
border-radius: 24px;
padding: 13px 23px;
cursor: pointer;
transition: none;
}
.jq-selectbox.opened .jq-selectbox__select {
border-color: var(--rfs-black-100);
}
.jq-selectbox.disabled .jq-selectbox__select {
background: #f5f5f5;
}
.jq-selectbox.error .jq-selectbox__select {
border-color: var(--rfs-red);
color: var(--rfs-red);
}
.jq-selectbox__select:after {
background-color: var(--rfs-black-50);
width: 12px;
height: 12px;
margin-right: 6px;
}
.jq-selectbox.opened .jq-selectbox__select:after {
transform: rotate(180deg);
}
.jq-selectbox__trigger {
display: none;
}
.jq-selectbox__select-text {
flex-grow: 1;
min-width: 1px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.jq-selectbox__select-text.placeholder {
color: var(--rfs-silver-medal);
}
.jq-selectbox__dropdown {
top: 60px;
width: 100%;
background: var(--rfs-white);
border: none;
border-radius: 8px;
padding: 16px;
box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
font-size: 13.8px;
line-height: 16px;
}
.jq-selectbox__dropdown ul {
margin: 0;
padding: 0;
list-style: none;
}
.jq-selectbox li {
white-space: normal;
padding: 12px 4px;
cursor: pointer;
border-bottom: 1px solid var(--rfs-cool-gray);
overflow: hidden;
}
.jq-selectbox li.is-empty {
display: none;
}
.jq-selectbox li:first-child,
.jq-selectbox li.is-empty + li {
padding-top: 0;
}
.jq-selectbox li:last-child {
padding-bottom: 0;
border-bottom: none;
}
.jq-selectbox li.selected,
.jq-selectbox li:hover {
color: var(--rfs-blue-signal);
}
.jq-selectbox li span.styler-select-number {
margin-right: 8px;
}
.jq-selectbox li:not(:hover):not(.selected) span.styler-select-number {
color: var(--rfs-blue-gray);
}
.jq-selectbox ~ .input-clear-btn {
z-index: 11;
}
.jq-selectbox.is-empty ~ .input-clear-btn {
display: none;
}
.input-wrapper .jq-selectbox:not(.is-empty) .jq-selectbox__select:after {
display: none;
}
input.b-count,
.jq-number {
width: 120px;
height: 48px;
}
input.b-count,
.jq-number__field input {
padding-left: 25px;
padding-right: 25px;
text-align: center;
}
.jq-number {
display: inline-block;
vertical-align: middle;
position: relative;
}
.jq-number__spin {
position: absolute;
top: 0;
width: 48px;
height: 100%;
border: none;
padding: 0;
background: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.jq-number__spin.minus {
left: 0;
}
.jq-number__spin.plus {
right: 0;
}
.jq-number__spin:before {
content: "";
position: absolute;
width: 12px;
height: 2px;
background: currentColor;
left: 50%;
top: 50%;
margin: -1px 0 0 -6px;
}
.jq-number__spin.plus:after {
content: "";
position: absolute;
width: 2px;
height: 12px;
background: currentColor;
left: 50%;
top: 50%;
margin: -6px 0 0 -1px;
}
.jq-number__spin:before,
.jq-number__spin:after {
transition: 0.15s ease-in-out;
}
html:not(.is-touch) .jq-number__spin:hover:before,
html:not(.is-touch) .jq-number__spin:hover:after {
color: var(--rfs-blue-signal);
}
.jq-number__field {
height: 100%;
}
.jq-number__field input {
height: 100%;
width: 100%;
}
.b-form-row {
margin-bottom: 20px;
position: relative;
}
.b-form-row__label {
position: absolute;
left: 0;
right: 0;
top: 20px;
font-size: 16.6px;
line-height: 20px;
font-weight: normal;
margin: 0;
color: var(--rfs-silver-medal);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
pointer-events: none;
transform-origin: left center;
text-align: left;
transition: transform 0.25s ease-in-out;
}
.b-form-row:has(input:not(:placeholder-shown), input:not([readonly]):focus, textarea:not(:placeholder-shown), textarea:not([readonly]):focus, select:not(.js-styler):valid, .jq-selectbox__select-text:not(.placeholder)) .b-form-row__label {
transform: translateY(-1.43em) scale(0.6875);
}
.b-form-row:has(input:-webkit-autofill) .b-form-row__label {
transform: translateY(-1.43em) scale(0.6875);
}
.b-form-row__input-wrapper {
position: relative;
}
.b-form-row :is(input[type="email"], input[type="file"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="number"], textarea, select, .jq-selectbox__select) {
border-color: var(--rfs-silver-medal);
border-width: 0 0 1px;
background-color: transparent !important;
border-radius: 0;
padding: 20px 0 7px;
}
.b-form-row :is(input[type="email"]:focus, input[type="file"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="number"]:focus, textarea:focus, select:focus, .jq-selectbox.opened .jq-selectbox__select) {
border-color: var(--rfs-blue-gray);
}
.b-form-row :is(input[type="email"].error, input[type="file"].error, input[type="password"].error, input[type="search"].error, input[type="tel"].error, input[type="text"].error, input[type="url"].error, input[type="number"].error, textarea.error, select.error, .jq-selectbox.error .jq-selectbox__select) {
border-color: var(--rfs-red);
color: var(--rfs-red);
}
.b-form-row :is(input.js-input-date) {
background-position: right 0 top calc(50% + 10px);
padding-right: 30px;
}
.b-form-row :is(.jq-selectbox__dropdown) {
top: 60px;
}
.b-form-group {
display: flex;
flex-wrap: wrap;
margin: 0 -12px;
}
.b-form-group__col {
flex: 0 0 auto;
width: 100%;
padding: 0 12px;
}
.b-form-group__col_1 {
width: 25%;
}
.b-form-group__col_2 {
width: 75%;
}
.b-form-group__col_3 {
width: 29%;
}
.b-form-group__col_4 {
width: 50%;
}
.input-wrapper {
position: relative;
}
.input-clear-btn {
position: absolute;
right: 0;
top: calc(50% - 12px);
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
color: var(--rfs-black-50);
transition: 0.25s ease-in-out;
}
.input-clear-btn .icon {
font-size: 12px;
}
.input-clear-btn:hover {
color: var(--rfs-black-100);
}
input:not(.is-fill) + .input-clear-btn {
display: none;
}
.b-form-row .input-clear-btn {
top: 18px;
}
.b-form-btn-row {
margin-top: 30px;
}
.b-form-btn-row .g-btn {
min-width: 120px;
}
@media (max-width: 1199px) {
.b-form-group {
margin-left: -5px;
margin-right: -5px;
}
.b-form-group__col {
padding-left: 5px;
padding-right: 5px;
}
.b-form-group__col_2 {
width: 75%;
}
.b-form-group__col_3 {
width: 31%;
}
.b-form-btn-row {
margin-top: 21px;
}
.b-form-btn-row .g-btn {
width: 100%;
}
.b-form-btn-row .g-btn + .g-btn {
margin-top: 10px;
}
}
.b-check-row {
font-size: 13.8px;
line-height: 16px;
margin-bottom: 20px;
}
.b-check-row__label {
display: inline-block;
vertical-align: top;
position: relative;
cursor: pointer;
}
.b-check-row__input {
position: absolute;
opacity: 0;
vertical-align: top;
width: 20px;
height: 20px;
margin: 0 8px 0 0;
}
.b-check-row__text {
display: block;
position: relative;
padding: 2px 0 0 28px;
min-height: 20px;
}
.b-check-row__text a {
color: var(--rfs-blue);
text-decoration: none;
}
.b-check-row__text a:hover {
color: var(--rfs-red);
text-decoration: none;
}
.b-check-row__text:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: var(--rfs-white);
border: 1px solid var(--rfs-silver-medal);
transition: 0.15s ease-in-out;
}
.b-check-row__input[type="checkbox"] + .b-check-row__text:before {
border-radius: 4px;
}
html:where(:not(.is-touch)) .b-check-row__text:hover:before {
border-color: var(--rfs-silver-medal);
background-color: var(--rfs-silver-medal);
}
.b-check-row__input:checked + .b-check-row__text:before {
border-color: var(--rfs-black-100);
background-color: var(--rfs-black-100);
}
.b-check-row__input.error + .b-check-row__text:before {
border-color: var(--rfs-red);
background-color: var(--rfs-red);
}
.b-check-row__text:after {
content: "";
position: absolute;
left: 6px;
top: 6px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--rfs-white);
opacity: 0;
transition: 0.15s ease-in-out;
}
.b-check-row__input[type="checkbox"] + .b-check-row__text:after {
left: 0;
top: 0;
width: 20px;
height: 20px;
border-radius: 4px;
background: var(--rfs-white);
mask: url('data:image/svg+xml;charset=utf-8,') no-repeat center / 100% 100%;
}
html:where(:not(.is-touch)) .b-check-row__text:hover:after,
.b-check-row__input:checked + .b-check-row__text:after {
opacity: 1;
}
.b-check-row_block {
font-size: 13.8px;
line-height: 16px;
margin-bottom: 12px;
}
.b-check-row_block .b-check-row__label {
display: block;
}
.b-check-row_block .b-check-row__text {
overflow: hidden;
display: flex;
align-items: flex-start;
column-gap: 15px;
border: 1px solid var(--rfs-cool-gray);
padding: 19px;
padding-left: 47px;
border-radius: 4px;
}
.b-check-row_block .b-check-row__text:before,
.b-check-row_block .b-check-row__text:after {
margin: 19px 0 0 19px;
}
.b-check-row_block .b-check-row__text:hover {
border-color: var(--rfs-silver-medal);
}
.b-check-row_block .b-check-row__input:checked + .b-check-row__text {
border-color: var(--rfs-black-100);
}
.b-check-row_block .b-check-row__content {
flex-grow: 1;
min-width: 1px;
}
.b-check-row_block .b-check-row__title {
display: block;
padding: 2px 0;
}
.b-check-row_block .b-check-row__description {
display: block;
margin-top: 12px;
color: var(--rfs-black-50);
}
.b-check-row_block .b-check-row__description-row {
display: block;
margin-top: 10px;
}
.b-check-row_block .b-check-row__description a {
color: var(--rfs-blue);
}
.b-check-row_block .b-check-row__description a:hover {
color: var(--rfs-red);
}
.b-check-row_block .b-check-row__price {
display: block;
font-size: 22px;
line-height: 20px;
font-weight: 600;
color: var(--rfs-silver-medal);
white-space: nowrap;
}
.b-check-row_block .b-check-row__input:checked + .b-check-row__text .b-check-row__price {
color: inherit;
}
.b-check-row_block .b-check-row__aside svg {
color: var(--rfs-silver-medal);
}
.b-check-row_block .b-check-row__input:checked + .b-check-row__text .b-check-row__aside svg {
color: inherit;
}
.b-form-group__col .b-check-row {
margin-top: 28px;
}
@media only screen and (max-width: 767px) {
.b-check-row_block .b-check-row__price {
font-size: 16.6px;
line-height: 20px;
}
.b-check-row_block .b-check-row__aside svg {
width: 36px;
height: auto;
}
}
.fancybox-bg {
background: var(--rfs-black-100);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.6;
}
.fancybox-close-small {
position: absolute;
right: 0;
top: 0;
padding: 0;
border: none;
background: none;
width: 50px;
height: 50px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.fancybox-close-small:before {
content: "";
display: block;
width: 20px;
height: 20px;
background: var(--rfs-blue-gray-70);
mask: url('data:image/svg+xml;charset=utf-8,') no-repeat center / 100% 100%;
}
.fancybox-close-small:hover:before {
background: var(--rfs-blue);
}
.fancybox-close-small:after {
display: none;
}
.fancybox-slide {
padding: 0 var(--container-space);
}
.fancybox-slide > * {
display: inline-block;
padding: 30px;
overflow: visible;
}
.b-popup-window {
display: none;
background: var(--rfs-white);
width: 600px;
max-width: 100%;
padding: 24px 30px 30px;
margin: 0;
overflow: visible;
border-radius: 4px;
}
@media (max-width: 1199px) {
.b-popup-window {
padding-left: var(--container-space);
padding-right: var(--container-space);
}
}
.b-popup-window_small {
width: 400px;
}
.b-popup-window__header {
text-align: center;
}
.b-popup-window__title {
text-align: center;
font-size: 22px;
line-height: 24px;
letter-spacing: 0;
font-weight: 600;
margin-bottom: 20px;
}
.b-popup-window__content p:last-child {
margin-bottom: 0;
}
.b-login-window__footer {
text-align: center;
}
.b-login-window__footer-row + .b-login-window__footer-row {
margin-top: 10px;
}
.b-login-window__footer-row .g-btn {
margin-bottom: 5px;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-24 {
margin-bottom: 24px;
}
.mb-40 {
margin-bottom: var(--mb-40);
}
.mt-40 {
margin-top: var(--mb-40);
}
.mb-60 {
margin-bottom: var(--mb-60);
}
.l-container {
max-width: calc(1600px + 2 * var(--container-space));
padding: 0 var(--container-space);
margin: 0 auto;
}
.l-container .l-container {
max-width: none;
padding: 0;
}
.breadcrumbs {
font-size: 11px;
line-height: 12px;
color: var(--rfs-blue-gray);
margin-bottom: 24px;
}
.breadcrumbs ul {
margin: 0;
padding: 12px 0;
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
border-top: 1px solid var(--rfs-blue-12);
border-bottom: 4px solid var(--rfs-blue);
}
.breadcrumbs li {
display: flex;
align-items: center;
gap: 8px;
}
.breadcrumbs li:not(:last-child):after {
content: "";
width: 12px;
height: 12px;
background-color: currentColor;
mask: url('data:image/svg+xml;charset=utf-8,') no-repeat center / 100% 100%;
}
.breadcrumbs a {
color: inherit;
text-decoration: none;
}
.breadcrumbs a:hover {
color: var(--rfs-blue-signal);
}
@media (max-width: 1199px) {
.breadcrumbs {
display: none;
}
}
.back-btn-row {
margin: 8px 0 16px;
}
.back-btn {
display: inline-flex;
vertical-align: top;
color: inherit;
text-decoration: none;
align-items: center;
column-gap: 6px;
font-size: 13.8px;
line-height: 16px;
}
@media (min-width: 1200px) {
.back-btn-row {
display: none;
}
}
.slick-dots,
.swiper-pagination-horizontal.swiper-pagination-bullets {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
position: static;
bottom: auto;
}
.slick-dots li,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
display: inline-block;
}
.slick-dots li button,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
width: 32px;
height: 32px;
border: none;
background: none;
padding: 0;
position: relative;
cursor: pointer;
text-indent: -9999px;
margin: 0;
opacity: 1;
border-radius: 0;
}
.slick-dots li button:before,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 8px;
height: 8px;
margin: -4px;
background: var(--rfs-cool-gray);
border-radius: 4px;
-webkit-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
.slick-dots li.slick-active button:before,
html:not(.is-touch) .slick-dots li:hover button:before,
html:not(.is-touch) .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:hover:before,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
background: var(--rfs-blue-gray);
}
@media (max-width: 1199px) {
.slick-dots li button,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
width: 12px;
height: 12px;
}
.slick-dots li button:before,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:before {
width: 6px;
height: 6px;
margin: -3px;
}
}
.swiper-button-prev:not([aria-controls]),
.swiper-button-next:not([aria-controls]) {
display: none !important;
}
.slick-arrow,
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
margin-top: -25px;
width: 50px;
height: 50px;
cursor: pointer;
border: none;
padding: 0;
background-color: var(--rfs-white-60);
border-radius: 50%;
text-indent: -9999px;
z-index: 100;
transition: 0.25s ease-in-out;
transition-property: background-color, border-color;
}
.slick-arrow:hover,
.swiper-button-prev:hover,
.swiper-button-next:hover {
background-color: var(--rfs-white);
}
.slick-arrow.slick-disabled,
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
display: none !important;
}
.slick-prev,
.swiper-button-prev {
left: 20px;
}
.slick-next,
.swiper-button-next {
right: 20px;
}
.slick-arrow:after,
.swiper-button-prev:after,
.swiper-button-next:after,
.pagination__link_prev:after,
.pagination__link_next:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
margin: -10px;
width: 20px;
height: 20px;
background: var(--rfs-black-100);
}
.slick-prev:after,
.swiper-button-prev:after,
.pagination__link_prev:after {
mask: url('data:image/svg+xml;charset=utf-8,') no-repeat center / 100% 100%;
}
.slick-next:after,
.swiper-button-next:after,
.pagination__link_next:after {
mask: url('data:image/svg+xml;charset=utf-8,') no-repeat center / 100% 100%;
}
@media (max-width: 1199px) {
.slick-arrow,
.swiper-button-prev,
.swiper-button-next {
margin-top: -15px;
width: 30px;
height: 30px;
}
.slick-prev,
.swiper-button-prev {
left: 8px;
}
.slick-next,
.swiper-button-next {
right: 8px;
}
.slick-arrow:after,
.swiper-button-prev:after,
.swiper-button-next:after,
.pagination__link_prev:after,
.pagination__link_next:after {
width: 12px;
height: 12px;
margin: -6px;
}
}
.teams-nav .swiper-button-prev,
.teams-nav .swiper-button-next {
border: 1px solid var(--rfs-cool-gray);
}
.teams-nav .swiper-button-prev:hover,
.teams-nav .swiper-button-next:hover {
background-color: var(--rfs-cool-gray);
}
.swiper-overlay {
position: absolute;
top: 0;
height: 100%;
width: 66px;
z-index: 1;
pointer-events: none;
user-select: none;
}
.swiper-overlay.swiper-button-disabled {
display: none;
}
.swiper-overlay._prev {
left: 0;
background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
display: none;
}
.swiper-overlay._next {
right: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
.logo img {
height: 70px;
width: auto;
max-width: none;
}
.header-info {
display: flex;
align-items: center;
column-gap: 20px;
font-size: 13.8px;
line-height: 16px;
width: 100%;
}
.header-info__item {
position: relative;
margin-right: 30px;
}
.header-info__row {
display: inline-flex;
align-items: center;
vertical-align: middle;
white-space: nowrap;
column-gap: 5px;
text-decoration: none;
color: inherit;
}
.header-info__row .icon {
font-size: 24px;
color: var(--rfs-blue-gray-70);
transition: 0.25s ease-in-out;
}
a.header-info__row:hover,
button.header-info__row:hover {
color: var(--rfs-blue-signal);
}
a.header-info__row:hover .icon,
button.header-info__row:hover .icon {
color: var(--rfs-blue-signal);
}
.header-info__item_dev .header-info__row {
color: var(--rfs-blue-gray);
column-gap: 10px;
}
.header-info__item_dev .header-info__row img {
height: 20px;
width: auto;
filter: brightness(0) saturate(100%) invert(61%) sepia(15%) saturate(552%) hue-rotate(162deg) brightness(94%) contrast(98%);
transition: 0.25s ease-in-out;
}
.header-info__item_dev .header-info__row:hover img {
filter: brightness(0) saturate(100%) invert(45%) sepia(61%) saturate(7494%) hue-rotate(202deg) brightness(103%) contrast(106%);
}
.header-social {
display: flex;
align-items: center;
justify-content: space-between;
min-width: 160px;
column-gap: 2px;
}
.header-social__link {
color: var(--rfs-silver-medal);
}
.header-social__link:hover {
color: var(--rfs-black-100);
}
.header-social__link .icon {
font-size: 30px;
}
.header-catalog-btn {
column-gap: 5px;
padding-left: 11px;
}
html.is-desktop-nav-open .header-catalog-btn {
border-color: var(--rfs-red);
background-color: var(--rfs-red);
color: var(--rfs-white);
}
.search-field {
position: relative;
}
input.search-field__input {
padding-right: 164px;
border-color: var(--rfs-blue-gray-70);
color: var(--rfs-blue);
}
input.search-field__input:focus {
border-color: var(--rfs-blue);
}
input.search-field__input::placeholder {
color: var(--rfs-blue-gray-70);
}
.search-field__form label.error {
display: none !important;
}
.search-field__buttons {
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: flex;
padding: 8px;
}
.search-field__buttons > * {
display: flex;
align-items: center;
justify-content: center;
height: 32px;
}
.search-field__buttons .icon {
font-size: 20px;
}
.search-field__image-btn,
.search-field__voice-btn {
width: 44px;
color: var(--rfs-blue-gray-70);
}
.search-field__image-btn:hover,
.search-field__voice-btn:hover {
color: var(--rfs-blue);
}
.search-field__submit-btn {
background: var(--rfs-red);
color: var(--rfs-white);
border-radius: 20px;
width: 48px;
margin-left: 12px;
}
.search-field__submit-btn:hover {
background: var(--rfs-blue);
color: var(--rfs-white);
}
.header-nav {
font-size: 16.6px;
line-height: 20px;
}
.header-nav__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 15px;
}
.header-nav__link {
color: inherit;
text-decoration: none;
display: flex;
align-items: center;
column-gap: 5px;
white-space: nowrap;
}
.header-nav__link:hover {
color: var(--rfs-blue-signal);
}
.control-nav {
display: flex;
justify-content: flex-end;
align-items: center;
column-gap: 40px;
}
.control-nav__item {
position: relative;
}
.control-nav__btn {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
row-gap: 7px;
padding: 0;
background: none;
border: none;
font-size: 11px;
line-height: 12px;
color: inherit;
text-decoration: none;
white-space: nowrap;
}
html:not(.is-touch) .control-nav__btn:hover,
html.is-touch .control-nav__btn:active {
color: var(--rfs-blue-signal);
}
.control-nav__icon {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.control-nav__icon .icon {
font-size: 20px;
}
.control-nav__counter {
position: absolute;
font-size: 11px;
line-height: 12px;
padding: 0 3px;
border-radius: 6px;
text-transform: uppercase;
background: var(--rfs-blue);
color: var(--rfs-white);
top: -6px;
left: calc(50% + 9px);
min-width: 18px;
text-align: center;
transition: background-color 0.25s ease-in-out;
}
html:not(.is-touch) .control-nav__btn:hover .control-nav__counter,
html.is-touch .control-nav__btn:active .control-nav__counter {
background-color: var(--rfs-red);
}
@media (min-width: 1200px) {
.control-nav__item._home,
.control-nav__item._catalog {
display: none;
}
body {
padding-top: 166px;
}
.header {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1001;
background: var(--rfs-white);
}
.header__top-row {
background-color: var(--rfs-blue-12);
}
.header__top {
height: 38px;
display: flex;
align-items: center;
}
.header__top-inner {
width: 100%;
}
.header-info__item_dev {
flex: 0 0 auto;
width: 248px;
margin-right: 0;
}
.header-info__item_order {
flex: 0 0 auto;
width: 239px;
margin-right: 0;
margin-left: auto;
}
.header__content {
display: grid;
column-gap: 20px;
grid-template-areas: "logo middle control" "logo nav control";
grid-template-columns: minmax(1px, 248px) minmax(1px, 1fr) minmax(1px, 248px);
align-items: flex-start;
padding-top: 24px;
}
.header__nav {
grid-area: nav;
height: 56px;
display: flex;
align-items: center;
}
.header__nav-inner {
width: 100%;
}
.header__logo {
grid-area: logo;
margin-top: -7px;
transition: transform 0.25s ease-in-out;
}
html.is-scrolled .header__logo {
transform: translateY(-4px);
}
.header__middle {
grid-area: middle;
min-width: 1px;
display: flex;
align-items: center;
column-gap: 20px;
}
.header__catalog-btn {
flex-shrink: 0;
}
.header__search {
flex-grow: 1;
min-width: 1px;
}
.header__control {
grid-area: control;
padding-top: 6px;
}
.header {
transition: box-shadow 0.25s ease-in-out;
}
html.is-scrolled .header {
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.header__top-row {
transition: background-color 0.25s ease-in-out;
}
html.is-scrolled .header__top-row {
background-color: transparent;
}
.header__top,
.header__nav {
transition: height 0.25s ease-in-out;
}
html.is-scrolled .header__top {
height: 0;
}
html.is-scrolled .header__nav {
height: 20px;
}
.header__content {
transition: padding-top 0.25s ease-in-out;
}
html.is-scrolled .header__content {
padding-top: 20px;
}
.header__top-inner,
.header__nav-inner {
transition: 0.25s ease-in-out;
transition-property: opacity, visibility;
}
html.is-scrolled .header__top-inner,
html.is-scrolled .header__nav-inner {
opacity: 0;
visibility: hidden;
}
.nav {
font-size: 13.8px;
line-height: 16px;
position: absolute;
left: 0;
right: 0;
top: calc(100% - 23px);
background: var(--rfs-white);
border-top: 1px solid var(--rfs-cool-gray);
display: none;
opacity: 0;
visibility: hidden;
transition: 0.25s ease-in-out;
transition-behavior: allow-discrete;
}
html.is-scrolled .nav {
top: 100%;
}
html.is-desktop-nav-open .nav {
display: block;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
opacity: 1;
visibility: visible;
@starting-style {
opacity: 0;
visibility: hidden;
}
}
.header__nav-inner {
transition: 0.25s ease-in-out;
}
html.is-desktop-nav-open .header__nav-inner {
opacity: 0;
visibility: hidden;
}
.nav__search {
display: none;
}
.nav__inner {
display: flex;
max-height: calc(100vh - 144px);
padding: 12px 0;
}
.nav__aside {
overflow: hidden;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
border-right: 1px solid var(--rfs-cool-gray);
padding: 9px 18px;
padding-left: 0;
flex: 0 0 auto;
width: 281px;
text-transform: uppercase;
}
.nav__aside-group:not(:last-child) {
border-bottom: 1px solid var(--rfs-cool-gray);
padding-bottom: 20px;
margin-bottom: 20px;
}
.nav__aside-list {
display: flex;
flex-direction: column;
row-gap: 20px;
}
.nav__aside-item._mobile-only {
display: none;
}
.nav__aside-link {
color: inherit;
text-decoration: none;
display: flex;
align-items: center;
justify-content: space-between;
}
.nav__aside-link:hover,
.nav__aside-link.has-submenu.is-desktop-open {
color: var(--rfs-blue-signal);
}
.nav__aside-link.has-submenu:after {
transform: rotate(-90deg);
margin: 0 -2px;
}
.nav__main {
flex-grow: 1;
min-width: 1px;
overflow: hidden;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
padding: 9px 18px;
padding-left: 40px;
}
.nav__content:not(.is-desktop-open) {
display: none;
}
.nav__content-header {
display: none;
}
.nav__groups {
display: grid;
grid-template-columns: repeat(6, minmax(1px, 1fr));
column-gap: 20px;
}
.nav__column {
grid-column: span 1;
}
.nav__column[data-column-count="2"] {
grid-column: span 2;
}
.nav__column[data-column-count="3"] {
grid-column: span 3;
}
.nav__column[data-column-count="4"] {
grid-column: span 4;
}
.nav__column[data-column-count="5"] {
grid-column: span 5;
}
.nav__column[data-column-count="6"] {
grid-column: span 6;
}
.nav__column._multicolumn {
column-gap: 20px;
}
.nav__column._multicolumn_1 {
column-count: 1;
}
.nav__column._multicolumn_2 {
column-count: 2;
}
.nav__column._multicolumn_3 {
column-count: 3;
}
.nav__column._multicolumn_4 {
column-count: 4;
}
.nav__column._multicolumn_5 {
column-count: 5;
}
.nav__column._multicolumn_6 {
column-count: 6;
}
.nav__group {
margin-bottom: 30px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.nav__group-title {
font-size: 16.6px;
line-height: 20px;
margin-bottom: 10px;
-webkit-column-break-after: avoid;
page-break-after: avoid;
break-after: avoid;
}
.nav__group-title-link {
text-decoration: none;
}
.nav__group-title-link:hover {
color: var(--rfs-blue-signal);
}
.nav__group-title-link.has-submenu:after {
display: none;
}
.nav__group-header {
display: none;
}
.nav__group._multicolumn .nav__list {
column-gap: 20px;
}
.nav__group._multicolumn_1 .nav__list {
column-count: 1;
}
.nav__group._multicolumn_2 .nav__list {
column-count: 2;
}
.nav__group._multicolumn_3 .nav__list {
column-count: 3;
}
.nav__group._multicolumn_4 .nav__list {
column-count: 4;
}
.nav__group._multicolumn_5 .nav__list {
column-count: 5;
}
.nav__group._multicolumn_6 .nav__list {
column-count: 6;
}
.nav__list-item {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.nav__list-row {
display: inline-flex;
align-items: center;
vertical-align: top;
min-height: 30px;
column-gap: 10px;
text-decoration: none;
}
.nav__list-row:hover {
color: var(--rfs-blue-signal);
}
.nav__list-row img {
flex-shrink: 0;
width: 30px;
height: 30px;
object-fit: contain;
}
.nav__list-row > span {
margin: 4px 0;
}
.nav__contacts {
display: none;
}
.nav-bg {
display: none;
}
.mob-header {
display: none;
}
}
@media (min-width: 1200px) and (max-width: 1859px) {
.header-info {
column-gap: 30px;
}
.header-info__item {
margin: 0;
}
.header-info__item_dev {
width: auto;
}
.header-info__item_order {
width: auto;
}
.header__content {
grid-template-columns: auto minmax(1px, 1fr) auto;
}
}
@media (min-width: 1200px) and (max-width: 1439px) {
.header-info {
column-gap: 20px;
}
.control-nav {
column-gap: 20px;
}
.header__content {
grid-template-areas:
"logo middle control"
"nav nav nav";
}
.header__logo {
margin: -6px 0;
}
.logo img {
height: 60px;
}
.nav__groups {
grid-template-columns: repeat(4, minmax(1px, 1fr));
}
.nav__column,
.nav__column[data-column-count="2"] {
grid-column: span 1;
}
.nav__column[data-column-count="3"] {
grid-column: span 2;
}
.nav__column[data-column-count="4"],
.nav__column[data-column-count="5"] {
grid-column: span 3;
}
.nav__column[data-column-count="6"] {
grid-column: span 4;
}
.nav__column._multicolumn_1,
.nav__column._multicolumn_2,
.nav__group._multicolumn_1 .nav__list,
.nav__group._multicolumn_2 .nav__list {
column-count: 1;
}
.nav__column._multicolumn_3,
.nav__group._multicolumn_3 .nav__list {
column-count: 2;
}
.nav__column._multicolumn_4,
.nav__column._multicolumn_5,
.nav__group._multicolumn_4 .nav__list,
.nav__group._multicolumn_5 .nav__list {
column-count: 3;
}
.nav__column._multicolumn_6,
.nav__group._multicolumn_6 .nav__list {
column-count: 4;
}
}
@media (max-width: 1199px) {
body {
padding-top: 50px;
}
.mob-header {
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 1;
background: var(--rfs-blue);
color: var(--rfs-white);
}
.mob-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 50px;
}
.mob-header__nav-btn,
.mob-header__search-btn {
width: 54px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.mob-header__nav-btn .icon,
.mob-header__search-btn .icon {
font-size: 24px;
}
.logo img {
height: 38px;
}
html.is-search-open .mob-header__search-open-icon,
html:not(.is-search-open) .mob-header__search-close-icon {
display: none;
}
.header__main > .l-container {
padding: 0;
max-width: none;
}
.header__top-row,
.header__top,
.header__logo,
.header__nav,
.header__catalog-btn {
display: none;
}
.header__search {
position: absolute;
left: 0;
right: 0;
top: 50px;
z-index: 300;
padding: 5px var(--container-space) 15px;
background: var(--rfs-blue);
}
input.search-field__input {
padding-right: 138px;
}
.header__search input.search-field__input {
border-color: var(--rfs-white);
}
.search-field__buttons {
column-gap: 0;
}
.search-field__image-btn,
.search-field__voice-btn {
width: 36px;
}
.search-field__submit-btn {
width: 44px;
margin-left: 6px;
}
html:not(.is-search-open) .header__search {
display: none;
}
.header__control {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1002;
background: var(--rfs-white);
box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1);
}
.control-nav {
column-gap: 0;
padding: 0 3px;
}
.control-nav__item {
margin: 0;
flex-basis: auto;
flex-grow: 1;
min-width: 1px;
}
.control-nav__btn {
width: 100%;
row-gap: 3px;
padding: 5px 0 0;
font-size: 10px;
line-height: 16px;
height: 50px;
}
html.is-menu-open .control-nav__item._catalog .control-nav__btn {
color: var(--rfs-blue-signal);
}
.control-nav__icon .icon {
font-size: 20px;
}
.control-nav__item._favorites {
order: 1;
}
.control-nav__item._cabinet {
order: 2;
}
.control-nav__counter {
font-size: 9px;
line-height: 1;
padding: 0 4px;
font-weight: 600;
top: -5px;
left: calc(50% + 5px);
min-width: 16px;
display: flex;
align-items: center;
justify-content: center;
height: 14px;
border-radius: 7px;
}
.nav-bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1000;
background: rgba(0, 0, 0, 0.6);
cursor: pointer;
opacity: 0;
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: 0.25s ease-in-out;
}
html.is-menu-open .nav-bg {
opacity: 1;
visibility: visible;
}
.nav {
position: fixed;
left: 0;
top: 0;
bottom: 0;
z-index: 1001;
background: var(--rfs-white);
padding: 15px 0 65px;
width: 300px;
left: -300px;
overflow: hidden;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: 0.25s ease-in-out;
}
html.is-menu-open .nav {
transform: translateX(100%);
}
.nav > .l-container {
padding: 0;
max-width: none;
}
.nav__search {
padding: 0 15px 12px;
}
.nav__inner {
display: grid;
grid-template-areas: "content" "contacts";
}
.nav__aside {
grid-area: content;
position: relative;
z-index: 1;
}
.nav__main {
grid-area: content;
}
.nav__list {
font-size: 14px;
line-height: 22px;
}
.nav__aside-link,
.nav__group-title-link,
.nav__back-btn,
.nav__mob-title a {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 10px;
font-size: 14px;
line-height: 22px;
padding: 4px 15px;
text-decoration: none;
}
.nav__aside-link:active,
.nav__group-title-link:active,
.nav__back-btn:active {
color: var(--rfs-red);
}
.header-nav__link.has-sublist:after,
.nav__aside-link.has-submenu:after,
.nav__group-title-link.has-submenu:after {
transform: rotate(-90deg);
margin: 0 -2px;
}
.nav__group-title-link {
text-transform: none;
}
.nav__mob-title a {
background: var(--rfs-cool-gray);
color: var(--rfs-blue);
}
.nav__back-btn {
width: 100%;
font-weight: normal;
text-transform: none;
justify-content: flex-start;
}
.nav__back-btn:before {
transform: rotate(90deg);
margin: 0 -2px;
}
.nav__aside-group:not(:last-child) {
border-bottom: 1px solid var(--rfs-cool-gray);
padding-bottom: 4px;
margin-bottom: 4px;
}
.nav__contacts {
grid-area: contacts;
display: flex;
flex-direction: column;
row-gap: 8px;
padding: 0 15px;
font-size: 14px;
line-height: 22px;
margin-top: 4px;
}
.nav__contacts .header-info__item {
margin: 0;
}
.nav__contacts .header-info__row {
display: flex;
}
.nav__contacts .header-info__row .icon {
font-size: 20px;
}
.nav.is-mobile-open .nav__aside {
display: none;
}
.nav__content {
display: none;
}
.nav.is-mobile-open .nav__content.is-mobile-open {
display: block;
}
.nav__group-content {
display: none;
}
.nav__groups {
border-bottom: 1px solid var(--rfs-cool-gray);
padding-bottom: 12px;
margin-bottom: 12px;
}
.nav.is-mobile-group-open .nav__content-header {
display: none;
}
.nav.is-mobile-group-open .nav__group:not(.is-mobile-open) {
display: none;
}
.nav.is-mobile-group-open .nav__group-title {
display: none;
}
.nav.is-mobile-group-open .nav__group.is-mobile-open .nav__group-content {
display: block;
}
.nav__list {
display: flex;
flex-direction: column;
}
.nav__list-row {
display: inline-flex;
align-items: center;
vertical-align: top;
column-gap: 10px;
text-decoration: none;
padding: 4px 15px;
width: 100%;
min-height: 30px;
}
.nav__list-row:active {
color: var(--rfs-red);
}
.nav__list-row img {
flex-shrink: 0;
width: 20px;
height: 20px;
padding: 0;
object-fit: contain;
}
}
.footer__main {
background: var(--rfs-blue);
color: var(--rfs-white);
padding: 50px 0;
font-size: 13.8px;
line-height: 16px;
}
.footer__content {
display: flex;
column-gap: 24px;
}
.footer__aside {
flex: 0 0 auto;
width: 23.6%;
display: flex;
flex-direction: column;
}
.footer__logo {
flex-shrink: 0;
margin: 0 0 35px;
}
.footer__logo img {
max-width: 100%;
}
.footer__contacts {
flex-grow: 1;
min-height: 1px;
display: flex;
flex-direction: column;
margin-left: 68px;
}
.footer-copyright {
font-size: 11px;
line-height: 12px;
max-width: 20em;
}
.footer-social {
display: flex;
flex-wrap: wrap;
column-gap: 30px;
row-gap: 15px;
margin-bottom: 30px;
}
.footer-social__link {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background: var(--rfs-black-50);
color: var(--rfs-black-100);
border-radius: 50%;
}
html:not(.is-touch) .footer-social__link:hover {
background: var(--rfs-white);
}
.footer-social__link .icon {
font-size: 36px;
}
.footer-yandex-widget {
margin-bottom: 30px;
}
.footer-development {
margin-top: auto;
}
.footer-development a {
color: inherit;
text-decoration: none;
}
html:not(.is-touch) .footer-development a:hover {
color: #8c8c8c;
}
.footer__nav {
flex-grow: 1;
min-width: 1px;
display: flex;
column-gap: 24px;
margin-bottom: -16px;
}
.footer__nav a {
color: inherit;
text-decoration: none;
}
html:not(.is-touch) .footer__nav a:hover {
color: var(--rfs-gold);
}
.footer__nav-col {
flex-basis: 0;
flex-grow: 1;
min-width: 1px;
}
.footer__nav-col:first-child {
flex-grow: 1.5;
}
.footer__nav-section {
border-top: 1px solid var(--rfs-white-60);
padding-top: 11px;
margin-bottom: 16px;
}
.footer__nav-title {
font-size: 13.8px;
line-height: 16px;
font-weight: 600;
margin-bottom: 8px;
}
.footer__nav-content ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer__nav-content ul a {
display: inline-flex;
align-items: center;
vertical-align: top;
column-gap: 5px;
}
.footer__nav-content ul a .icon {
color: var(--rfs-white-60);
font-size: 24px;
}
.footer__nav-content li {
margin-bottom: 8px;
}
@media (min-width: 1200px) {
.footer__nav-section._expandable .footer__nav-title a:after {
display: none;
}
.footer__nav-section._contacts .footer__nav-content li {
display: inline;
margin-right: 15px;
}
}
@media (max-width: 1199px) {
.footer__main {
padding: 25px 0 70px;
}
.footer__content {
display: flex;
flex-direction: column;
}
.footer__aside {
width: auto;
display: block;
display: contents;
order: 1;
}
.footer__logo {
order: -1;
margin: 0 0 20px;
}
.footer__logo img {
width: 190px;
display: block;
}
.footer__contacts {
order: 1;
margin: 0;
}
.footer-social {
column-gap: 20px;
margin-bottom: 25px;
}
.footer-yandex-widget {
margin-bottom: 15px;
}
.footer-copyright {
order: 1;
margin-top: 16px;
}
.footer-development {
order: 2;
}
.footer__nav {
display: block;
margin: 0;
}
.footer__nav-col {
max-width: none;
}
.footer__nav-section {
margin-bottom: 11px;
}
.footer__nav-section._expandable:not(.is-open) .footer__nav-content {
display: none;
}
.footer__nav-section._expandable .footer__nav-title a {
display: flex;
align-items: center;
column-gap: 6px;
}
.footer__nav-section._expandable.is-open .footer__nav-title a:after {
transform: rotate(-180deg);
}
}
.subscribe-section {
background: var(--rfs-blue-dark);
color: var(--rfs-white);
padding: 26px 0;
}
.subscribe-section__inner {
display: flex;
align-items: center;
column-gap: 20px;
}
.subscribe-section__header {
flex: 0 0 auto;
width: 25%;
max-width: 380px;
}
.subscribe-section__header-inner {
}
.subscribe-section__title {
display: none;
}
.subscribe-section__text {
font-size: 16.6px;
line-height: 20px;
font-weight: 600;
}
.subscribe-section__content {
flex-grow: 1;
min-width: 1px;
}
.subscribe-section__main {
}
.subscribe-section__form {
display: flex;
align-items: center;
column-gap: 20px;
position: relative;
}
input.subscribe-section__input {
flex: 0 0 auto;
width: 38%;
max-width: 390px;
border-color: currentColor;
}
.subscribe-section__form .b-check-row {
flex: 0 0 auto;
width: 40%;
max-width: 440px;
margin: 0;
}
.subscribe-section__form .b-check-row__text:before,
.subscribe-section__form .b-check-row__text:after {
top: calc(50% - 10px) !important;
}
.subscribe-section__form .b-check-row__input:not(:checked) + .b-check-row__text:before {
border-color: currentColor;
}
.subscribe-section__form .b-check-row__text a {
color: inherit;
text-decoration: underline;
}
.subscribe-section__form .b-check-row__text a:hover {
color: var(--rfs-gold);
}
/*
.subscribe-section__form label.error {
display: none !important;
}*/
.subscribe-section__btn {
}
@media (max-width: 1199px) {
.subscribe-section {
padding: 25px 0;
}
.subscribe-section__inner {
display: block;
}
.subscribe-section__header {
width: auto;
max-width: none;
margin-bottom: 20px;
}
.subscribe-section__form {
display: block;
}
input.subscribe-section__input {
width: 100%;
max-width: none;
}
.subscribe-section__form .b-check-row {
margin-top: 10px;
width: auto;
max-width: none;
}
.subscribe-section__btn {
width: 100%;
margin-top: 20px;
}
}
.item {
width: 100%;
position: relative;
}
.item__link {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.item__main {
position: relative;
margin-bottom: 14px;
}
.item__images-wrapper {
display: block;
position: relative;
}
.item__images-wrapper:before {
content: "";
display: block;
padding-top: calc(523 * 100% / 392);
}
.item__images {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.item__images img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 4px;
}
html.no-touch .item__images img {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
html.no-touch .item__images img.is-active {
opacity: 1;
}
html.is-touch .item__images:not(.slick-initialized) img + img {
display: none;
}
html.is-touch .item__images .slick-list img {
border-radius: 0 !important;
}
html.is-touch .item__images .slick-list {
border-radius: 4px;
transform: translateZ(0);
}
html.is-touch .item__images .slick-list,
html.is-touch .item__images .slick-track {
height: 100%;
}
html.is-touch .item__images .slick-dots {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 3px);
display: flex;
flex-wrap: wrap;
justify-content: center;
}
html.is-touch .item__images .slick-dots li button {
display: block;
width: 12px;
height: 12px;
}
html.is-touch .item__images .slick-dots li button:before {
width: 6px;
height: 6px;
margin: -3px;
}
.item__stickers {
position: absolute;
left: 12px;
bottom: 12px;
display: flex;
flex-direction: column;
align-items: flex-start;
row-gap: 10px;
}
.item__overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
border-radius: 4px;
overflow: hidden;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: 0.25s ease-in-out;
}
.item:hover .item__overlay {
opacity: 1;
visibility: visible;
}
html.is-touch .item__overlay {
display: none;
}
.item__overlay-content {
width: 100%;
border-radius: 0 0 4px 4px;
padding: 103px 20px 64px;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
}
.item__overlay-content-inner {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.item__view-btn {
pointer-events: auto;
}
.item__special-sticker {
position: absolute;
left: 12px;
top: 12px;
}
.item__special-sticker img {
display: block;
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 50%;
}
.item__add-favorite-btn {
position: absolute;
right: 20px;
top: 20px;
z-index: 1;
}
.item__add-favorite-btn:before {
content: "";
position: absolute;
inset: -10px;
}
html.is-touch .item__add-favorite-btn > span {
display: none;
}
.item__price-field {
text-align: center;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
column-gap: 10px;
margin-bottom: 14px;
}
.item__price {
font-size: 22px;
line-height: 24px;
font-weight: 600;
letter-spacing: -0.01em;
}
.item__old-price {
font-size: 16.6px;
line-height: 20px;
letter-spacing: -0.05em;
color: var(--rfs-red);
text-decoration: line-through;
}
.item__old-discount {
display: inline-block;
vertical-align: top;
border-radius: 12px;
white-space: nowrap;
font-size: 13.8px;
line-height: 16px;
font-weight: 400;
text-decoration: none;
padding: 4px 10px;
color: var(--rfs-white);
background-color: var(--rfs-red);
}
.item__title {
font-size: 16.6px;
line-height: 20px;
font-weight: normal;
text-align: center;
margin-bottom: 14px;
}
.item__title a,
.item__title > div {
color: inherit;
text-decoration: none;
position: relative;
}
.item__title > div {
cursor: pointer;
}
.item__title a:hover,
.item__title > div:hover {
color: var(--rfs-blue-signal);
}
.item__sizes {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 6px;
position: relative;
z-index: 1;
}
.item__size-label {
display: flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
color: var(--rfs-black-50);
background: var(--rfs-white);
border: 1px solid var(--rfs-cool-gray);
border-radius: 4px;
text-decoration: none;
pointer-events: auto;
font-size: 13.8px;
line-height: 16px;
padding: 0 6px;
}
.item__size-label:hover {
background-color: var(--rfs-cool-gray);
color: var(--rfs-blue);
}
.item__info {
color: var(--rfs-silver-medal);
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
justify-content: center;
text-align: center;
font-size: 13.8px;
line-height: 16px;
margin-top: 10px;
}
@media (max-width: 1199px) {
.item__overlay {
display: none;
}
.item__stickers {
left: 8px;
bottom: 8px;
row-gap: 2px;
}
.item__stickers .g-sticker {
font-size: 10px;
padding: 0 4px;
}
.item__add-favorite-btn {
right: 8px;
top: 8px;
}
.item__add-favorite-btn .icon {
font-size: 18px;
}
.item__price-field {
text-align: left;
justify-content: flex-start;
margin-bottom: 4px;
column-gap: 6px;
}
.item__price {
font-size: 13.8px;
line-height: 16px;
}
.item__old-price {
font-size: 11px;
line-height: 16px;
}
.item__old-discount {
font-size: 9px;
line-height: 14px;
padding: 1px 4px;
}
.item__special-sticker {
left: 8px;
top: 8px;
}
.item__special-sticker img {
width: 36px;
height: 36px;
}
.item__title {
text-align: left;
font-size: 13.8px;
line-height: 16px;
margin-bottom: 4px;
}
.item__sizes {
justify-content: flex-start;
gap: 2px;
}
.item__size-label {
min-width: 24px;
height: 24px;
border-radius: 2px;
font-size: 10px;
line-height: 12px;
padding: 0 4px;
}
.item__info {
flex-direction: column;
justify-content: flex-start;
text-align: left;
font-size: 11px;
line-height: 16px;
margin-top: 4px;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .item__main {
margin-bottom: 20px;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .item__stickers {
left: 12px;
bottom: 12px;
row-gap: 10px;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .item__stickers .g-sticker {
font-size: 13.8px;
padding: 4px 10px;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .item__add-favorite-btn {
right: 20px;
top: 20px;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .item__add-favorite-btn .icon {
font-size: 20px;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .item__price-field {
text-align: center;
justify-content: center;
margin-bottom: 14px;
column-gap: 10px;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .item__price {
font-size: 22px;
line-height: 24px;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .item__old-price {
font-size: 16.6px;
line-height: 20px;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .item__old-discount {
font-size: 13.8px;
line-height: 16px;
padding: 4px 10px;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .item__special-sticker {
left: 12px;
top: 12px;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .item__special-sticker img {
width: 50px;
height: 50px;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .item__title {
text-align: center;
font-size: 16.6px;
line-height: 20px;
margin-bottom: 14px;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .item__sizes {
justify-content: center;
gap: 6px;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .item__size-label {
min-width: 36px;
height: 36px;
border-radius: 4px;
font-size: 13.8px;
line-height: 16px;
padding: 0 6px;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .item__sizes {
display: flex;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .item__info {
flex-direction: row;
justify-content: center;
text-align: center;
font-size: 13.8px;
line-height: 16px;
margin-top: 10px;
}
}
@media (max-width: 576px) {
.catalog__item_size_large .item__main {
margin-bottom: 20px;
}
.catalog__item_size_large .item__images img {
border-radius: 4px;
}
.catalog__item_size_large .item__stickers {
left: 12px;
bottom: 12px;
row-gap: 10px;
}
.catalog__item_size_large .item__stickers .g-sticker {
font-size: 13.8px;
padding: 4px 10px;
}
.catalog__item_size_large .item__add-favorite-btn {
right: 20px;
top: 20px;
}
.catalog__item_size_large .item__add-favorite-btn .icon {
font-size: 20px;
}
.catalog__item_size_large .item__price-field {
text-align: center;
justify-content: center;
margin-bottom: 14px;
column-gap: 10px;
}
.catalog__item_size_large .item__price {
font-size: 22px;
line-height: 24px;
}
.catalog__item_size_large .item__old-price {
font-size: 16.6px;
line-height: 20px;
}
.catalog__item_size_large .item__old-discount {
font-size: 13.8px;
line-height: 16px;
padding: 4px 10px;
}
.catalog__item_size_large .item__special-sticker {
left: 12px;
top: 12px;
}
.catalog__item_size_large .item__special-sticker img {
width: 50px;
height: 50px;
}
.catalog__item_size_large .item__title {
text-align: center;
font-size: 16.6px;
line-height: 20px;
margin-bottom: 14px;
}
.catalog__item_size_large .item__sizes {
justify-content: center;
gap: 6px;
}
.catalog__item_size_large .item__size-label {
min-width: 36px;
height: 36px;
border-radius: 4px;
font-size: 13.8px;
line-height: 16px;
padding: 0 6px;
}
.catalog__item_size_large .item__sizes {
display: flex;
}
.catalog__item_size_large .item__info {
flex-direction: row;
justify-content: center;
text-align: center;
font-size: 13.8px;
line-height: 16px;
margin-top: 10px;
}
}
.hrz-banner {
width: 100%;
}
.hrz-banner__inner {
display: flex;
column-gap: 10px;
color: inherit;
text-decoration: none;
border-radius: 4px;
background: var(--rfs-blue-6);
}
.hrz-banner__image {
flex-basis: 0;
flex-grow: 1;
min-width: 1px;
}
.hrz-banner__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
.hrz-banner__content {
flex-basis: 0;
flex-grow: 1;
min-width: 1px;
align-self: center;
}
.hrz-banner__content-inner {
padding: 15px 40px;
}
.hrz-banner__title {
font-size: 30px;
line-height: 32px;
font-weight: 600;
margin: 0;
transition: 0.15s ease-in-out;
}
.hrz-banner__title:hover {
color: var(--rfs-blue-signal);
}
.hrz-banner__text {
font-size: 16.6px;
line-height: 20px;
font-weight: normal;
margin-top: 8px;
}
.hrz-banner__btn {
margin-top: 20px;
}
.banner {
width: 100%;
}
.banner__inner {
display: block;
color: inherit;
text-decoration: none;
}
.banner__image {
position: relative;
margin-bottom: 16px;
}
.banner__image:before {
content: "";
display: block;
padding-top: calc(523 * 100% / 392);
}
.banner__image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
.banner__header {
position: absolute;
top: 32px;
left: 40px;
right: 40px;
font-size: 30px;
line-height: 32px;
font-weight: 600;
color: var(--rfs-white);
}
.banner__content {
text-align: center;
}
.banner__title {
font-size: 16.6px;
line-height: 20px;
font-weight: normal;
transition: 0.15s ease-in-out;
}
.banner__title:hover {
color: var(--rfs-blue-signal);
}
.banner__info {
color: var(--rfs-silver-medal);
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
justify-content: center;
text-align: center;
font-size: 13.8px;
line-height: 16px;
margin-top: 4px;
}
.banner__btn {
margin-top: 16px;
}
@media (max-width: 1199px) {
.hrz-banner {
display: flex;
}
.hrz-banner__inner {
width: 100%;
display: flex;
flex-direction: column;
}
.hrz-banner__image {
display: block;
position: relative;
flex-basis: auto;
flex-grow: unset;
}
.hrz-banner__image:before {
content: "";
display: block;
padding-top: calc(200 * 100% / 330);
}
.hrz-banner__image img {
position: absolute;
left: 0;
top: 0;
border-radius: 4px 4px 0 0;
}
.hrz-banner__content {
flex-basis: auto;
flex-grow: 1;
min-height: 1px;
display: flex;
flex-direction: column;
}
.hrz-banner__content-inner {
flex-grow: 1;
min-height: 1px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px;
}
.hrz-banner__title {
font-size: 22px;
line-height: 24px;
}
.banner__header {
left: 30px;
right: 30px;
}
}
.catalog,
.catalog.js-catalog-slider .swiper:not(.swiper-initialized) .swiper-wrapper {
display: flex;
flex-wrap: wrap;
margin: 0 -5px;
width: auto;
row-gap: 40px;
}
.catalog.js-catalog-slider {
display: block;
margin-left: 0;
margin-right: 0;
}
.catalog.js-catalog-slider .swiper-button-prev,
.catalog.js-catalog-slider .swiper-button-next {
top: calc(20px + var(--images-height) / 2);
}
.catalog.js-catalog-slider .swiper-initialized {
padding-top: 20px;
margin-top: -20px;
}
.catalog.js-catalog-slider .swiper-initialized .catalog__item {
width: auto;
padding: 0;
}
.catalog.js-catalog-slider .swiper-initialized .catalog__item:hover {
z-index: 1;
}
.catalog__item {
display: flex;
flex: 0 0 auto;
width: 25%;
padding: 0 5px;
}
.catalog__banner_horizontal {
width: 100%;
margin: 20px 0;
}
.catalog__banner_mobile {
display: none;
}
@media (min-width: 1200px) {
.catalog_size_small .catalog__item {
width: 20%;
}
}
@media (min-width: 1200px) and (max-width: 1699px) {
.catalog_size_small .catalog__item {
width: 25%;
}
}
@media (min-width: 1200px) and (max-width: 1359px) {
.catalog_size_small .catalog__item {
width: 33.33%;
}
}
@media (max-width: 1199px) {
.catalog {
row-gap: 20px;
}
.catalog__item {
width: 25%;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .catalog__item {
width: 33.33%;
}
}
@media (max-width: 991px) {
.catalog__item {
width: 33.33%;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .catalog__item {
width: 50%;
}
}
@media (max-width: 767px) {
.catalog__item {
width: 50%;
}
html[data-catalog-view-type="card"] .catalog:not(.js-catalog-slider) .catalog__item,
.catalog__item_size_large {
width: 100%;
}
.catalog__banner_desktop {
display: none;
}
.catalog__banner_mobile {
display: block;
width: 100%;
}
}
.additional-catalog-section {
margin-bottom: var(--mb-60);
}
.additional-catalog-section .catalog {
padding-bottom: 22px;
border-bottom: 1px solid var(--rfs-cool-gray);
}
.catalog-header {
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.catalog-header__breadcrumbs {
position: absolute;
left: var(--container-space);
right: var(--container-space);
top: 24px;
z-index: 10;
}
.catalog-header__breadcrumbs .breadcrumbs,
.catalog-header__breadcrumbs .back-btn-row {
margin: 0;
color: inherit;
}
.catalog-header__breadcrumbs .breadcrumbs ul {
padding: 0;
border: none;
}
.catalog-header__breadcrumbs .breadcrumbs a {
color: inherit;
}
.catalog-header__breadcrumbs .breadcrumbs a:hover {
color: var(--rfs-blue-signal);
}
.catalog-header__bg {
position: relative;
}
.catalog-header__bg img {
display: block;
width: 100%;
height: auto;
}
.catalog-header__bg:after {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
}
.catalog-header__inner {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: flex-end;
padding: 0 var(--container-space) 50px;
}
.catalog-header__title {
font-size: 59px;
line-height: 60px;
font-weight: 600;
letter-spacing: -0.03em;
width: 100%;
}
.catalog-header__title h1,
.catalog-header__title h2 {
font: inherit;
margin: 0;
}
@media (max-width: 1199px) {
.catalog-header-container {
padding: 0;
}
.catalog-header {
margin-bottom: 10px;
}
.catalog-header__breadcrumbs {
top: 8px;
}
.catalog-header__inner {
padding-bottom: 15px;
}
.catalog-header__title {
font-size: 30px;
line-height: 32px;
letter-spacing: -0.02em;
}
}
.catalog-nav-section {
padding-bottom: 25px;
margin-bottom: 28px;
border-bottom: 1px solid var(--rfs-blue-12);
}
@media (max-width: 1199px) {
.catalog-nav-section {
padding-bottom: 15px;
margin-bottom: 20px;
}
}
.teams-nav {
margin-bottom: 30px;
}
.teams-nav .swiper-button-prev {
left: 0;
}
.teams-nav .swiper-button-next {
right: 0;
}
.teams-nav__item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
color: inherit;
text-decoration: none;
text-align: center;
font-size: 13.8px;
line-height: 16px;
font-weight: 600;
padding: 8px 0 10px;
border-radius: 15px;
background: var(--rfs-white);
}
.teams-nav__item:hover {
color: var(--rfs-blue-signal);
}
.teams-nav__image {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 100px;
height: 100px;
margin-bottom: 6px;
}
.teams-nav__image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
@media (max-width: 1199px) {
.teams-nav {
margin-bottom: 10px;
}
.teams-nav__item {
font-size: 12px;
padding: 5px 0 10px;
}
.teams-nav__image {
max-width: 68px;
height: 68px;
margin-bottom: 4px;
}
}
.categories-nav {
user-select: none;
}
.categories-nav .swiper-slide {
width: auto;
}
@media (max-width: 1199px) {
.categories-nav .swiper {
margin-left: calc(-1 * var(--container-space));
margin-right: calc(-1 * var(--container-space));
padding-left: var(--container-space);
padding-right: var(--container-space);
}
.categories-nav .tab-btn {
padding: 10px 13px;
font-size: 13.8px;
line-height: 16px;
}
}
.filter-mob-row {
display: none;
}
.filter-row {
user-select: none;
margin-bottom: 40px;
}
.filter-row .swiper-slide {
width: auto;
}
.filter-btn {
display: flex;
align-items: center;
justify-content: space-between;
vertical-align: top;
text-align: left;
column-gap: 10px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 38px;
font-size: 16.6px;
line-height: 20px;
font-weight: normal;
text-transform: none;
white-space: nowrap;
background-color: transparent;
transition: 0.25s ease-in-out;
transition-property: border-color, background-color, color;
}
.filter-btn_round {
position: relative;
border: 1px solid var(--rfs-blue-12);
border-radius: 24px;
padding: 13px 23px;
color: var(--rfs-blue);
}
html:not(.is-touch) .filter-btn_round:hover {
border-color: var(--rfs-blue-12);
background-clip: padding-box;
background-color: var(--rfs-blue-12);
color: var(--rfs-blue);
}
.filter-btn_round.is-active,
.filter-btn-label input:checked ~ .filter-btn_round {
border-color: var(--rfs-blue);
background-color: var(--rfs-blue);
color: var(--rfs-white);
}
.filter-btn_round:after {
display: none;
}
.filter-btn-label {
display: block;
position: relative;
}
.filter-btn-label input {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.filter-btn_stroke {
border: 1px solid var(--rfs-silver-medal);
border-width: 0 0 1px;
border-radius: 0;
padding: 10px 0 7px;
width: 100%;
min-width: 124px;
}
.filter-btn_type_sort,
.filter-btn_type_color,
.filter-btn_type_TSVET,
.filter-btn_type_SORT,
.filter-btn_type_TIP_TOVARA,
.filter-btn_type_KOMANDA {
min-width: 192px;
}
.filter-btn_type_team
{
min-width: 393px;
}
.filter-btn_stroke.is-active,
.filter-btn_stroke:hover {
border-color: var(--rfs-black-100);
}
.filter-btn_stroke:after {
width: 12px;
height: 12px;
margin-right: 6px;
background-color: var(--rfs-black-50);
}
.filter-btn_stroke.is-active:after {
transform: rotate(180deg);
}
.filter-btn__label {
position: absolute;
left: 0;
right: 0;
top: 10px;
font-size: 16.6px;
line-height: 20px;
font-weight: normal;
margin: 0;
color: var(--rfs-silver-medal);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
pointer-events: none;
transform-origin: left center;
text-align: left;
transition: transform 0.25s ease-in-out;
}
.filter-btn_stroke.is-filled .filter-btn__label {
transform: translateY(-1.43em) scale(0.6875);
}
.filter-btn_stroke:not(.is-filled) .filter-btn__text {
opacity: 0;
visibility: hidden;
}
.filter-btn__text {
flex-grow: 1;
min-width: 1px;
text-align: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.filter-btn__remove {
color: var(--rfs-black-50);
transition: 0.25s ease-in-out;
}
.filter-btn__remove:hover {
color: var(--rfs-red);
}
.filter-btn_stroke:not(.is-filled) .filter-btn__remove {
display: none;
}
.filter-btn__remove .icon {
font-size: 12px;
}
.filter__reset-btn {
height: 38px;
display: inline-flex;
align-items: center;
column-gap: 5px;
font-size: 13.8px;
line-height: 16px;
padding-left: 14px;
color: var(--rfs-red);
}
.filter__reset-btn:hover {
color: var(--rfs-blue-signal);
}
.filter__reset-btn .icon {
font-size: 16px;
}
.filter__section {
position: absolute;
z-index: 100;
top: var(--top);
left: var(--left);
min-width: var(--min-width);
width: 300px;
background: var(--rfs-white);
border-radius: 8px;
box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
}
.filter__section:not(.is-active) {
display: none;
}
.filter__section-header {
padding: 10px 16px;
border-bottom: 1px solid var(--rfs-cool-gray);
}
.filter__section-title {
color: var(--rfs-black-100);
}
@media (min-width: 1200px) {
.filter__section-header {
display: none;
}
.filter__section-close {
display: none;
}
}
.filter__section-content {
padding: 10px 16px;
}
.filter__search {
position: relative;
margin-bottom: 16px;
}
.filter__search-input {
padding-right: 30px !important;
}
.filter__search-btn {
position: absolute;
right: 0;
top: 20px;
color: var(--rfs-silver-medal);
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
}
.filter__list {
/* max-height: 322px; */
max-height: 355px;
}
.filter__list .b-check-row {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 4px;
margin: 0;
border-bottom: 1px solid var(--rfs-cool-gray);
}
.filter__list .b-check-row:first-child {
padding-top: 4px;
}
.filter__list .b-check-row:last-child {
padding-bottom: 4px;
border-bottom: none;
}
.filter__section-footer {
padding: 16px;
padding-top: 6px;
}
.b-range-wrapper {
margin-bottom: 14px;
}
.b-range-block__inputs {
display: flex;
align-items: center;
column-gap: 20px;
margin-bottom: 30px;
}
.b-range-block__input-field {
flex-basis: 0;
flex-grow: 1;
min-width: 1px;
margin: 0;
}
.b-range-block__input-sep {
flex-shrink: 0;
width: 20px;
border-bottom: 1px solid var(--rfs-silver-medal);
}
.ui-slider {
height: 6px;
border-radius: 3px;
border: none !important;
padding: 0;
background: var(--rfs-black-5);
margin: 2px 0;
}
.ui-slider .ui-slider-range {
border-radius: 0;
background: var(--rfs-black-100);
}
.ui-slider .ui-slider-handle {
width: 10px;
height: 10px;
padding: 0;
border: none;
border-radius: 0;
background: none;
margin-left: -5px;
top: -2px;
outline: none;
cursor: pointer;
z-index: 3;
}
.ui-slider .ui-slider-handle:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
margin: -5px 0 0 -1px;
width: 2px;
height: 10px;
border-radius: 2px;
background: var(--rfs-black-100);
}
@media (max-width: 1199px) {
.ui-slider .ui-slider-handle {
width: 20px;
height: 20px;
margin-left: -10px;
top: -7px;
}
}
.ui-widget {
font-family: inherit;
}
.ui-datepicker {
z-index: 9999 !important;
}
.ui-datepicker {
font-family: inherit;
font-size: 16.6px;
line-height: 20px;
width: 432px;
padding: 0 16px 12px;
border-radius: 8px;
color: var(--rfs-black-100);
background: var(--rfs-white);
border: none !important;
box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
}
.ui-datepicker .ui-datepicker-header {
border: none;
border-bottom: 1px solid var(--rfs-cool-gray);
color: inherit;
background: none;
font-weight: normal;
border-radius: 0;
padding: 0;
margin: 0 -16px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 40px;
font-size: 16.6px;
line-height: 30px;
font-weight: 600;
padding: 11px 0;
display: flex;
justify-content: center;
column-gap: 5px;
}
.ui-datepicker .ui-datepicker-title select {
flex-basis: 0;
flex-grow: 1;
min-width: 1px;
width: auto;
padding: 5px 5px;
font-size: 13.8px;
line-height: 16px;
font-weight: 600;
border-radius: 4px;
border: 1px solid var(--rfs-cool-gray);
margin: 0;
height: 30px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
box-sizing: content-box;
position: absolute;
top: 0;
width: 40px;
height: 100%;
border-radius: 0;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover {
margin: 0;
border: none;
background: none;
}
.ui-datepicker .ui-datepicker-prev {
left: 0;
}
.ui-datepicker .ui-datepicker-next {
right: 0;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: none;
}
.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 20px;
height: 20px;
margin: -10px;
background-color: var(--rfs-black-100);
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover:before,
.ui-datepicker .ui-datepicker-next.ui-state-hover:before {
background-color: var(--rfs-blue-signal);
}
.ui-datepicker .ui-datepicker-prev:before {
mask: url('data:image/svg+xml;charset=utf-8,') no-repeat center / 100% 100%;
}
.ui-datepicker .ui-datepicker-next:before {
mask: url('data:image/svg+xml;charset=utf-8,') no-repeat center / 100% 100%;
}
.ui-datepicker table {
font-size: inherit;
margin: 0;
}
.ui-datepicker th {
font-size: 11px;
line-height: 12px;
color: var(--rfs-blue-gray);
padding: 18px 1px;
font-weight: normal;
}
.ui-datepicker td {
padding: 8px 6px;
border: none !important;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: 5px;
text-align: center;
border-radius: 16px;
}
.ui-datepicker .ui-state-default {
color: inherit;
background: none;
border: 1px solid transparent;
}
.ui-datepicker .ui-priority-secondary {
opacity: 0.7;
filter: Alpha(Opacity=70);
}
.ui-datepicker .ui-state-highlight {
border-color: var(--rfs-gold);
}
.ui-datepicker .ui-state-hover {
background: var(--rfs-cool-gray);
border-color: var(--rfs-cool-gray);
color: var(--rfs-black-100);
}
.ui-datepicker .ui-state-highlight .ui-state-default,
.ui-datepicker .ui-state-active {
background: var(--rfs-blue);
border-color: var(--rfs-blue);
color: var(--rfs-white);
}
@media (max-width: 1199px) {
.ui-datepicker {
font-size: 13.8px;
line-height: 16px;
width: 300px;
}
.ui-datepicker td {
padding: 4px 2px;
}
}
@media (min-width: 1200px) {
.filter__bg {
display: none;
}
}
@media (max-width: 1199px) {
.filter-row .swiper {
margin-left: calc(-1 * var(--container-space));
margin-right: calc(-1 * var(--container-space));
padding-left: var(--container-space);
padding-right: var(--container-space);
}
.filter-row .swiper-slide._sort {
display: none;
}
.filter-mob-row {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 14px;
margin-bottom: 12px;
}
.catalog-view-type-btns {
display: flex;
align-items: center;
column-gap: 14px;
}
.catalog-view-type-btn {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: var(--rfs-silver-medal);
}
.catalog-view-type-btn .icon {
font-size: inherit;
}
html:not([data-catalog-view-type="card"]) .catalog-view-type-btn[data-id="tile"],
html[data-catalog-view-type="card"] .catalog-view-type-btn[data-id="card"] {
color: var(--rfs-black-100);
}
.filter-btn {
height: 36px;
font-size: 13.8px;
line-height: 16px;
}
.filter-btn_round {
padding: 9px 15px;
}
.filter-btn_stroke {
padding: 16px 0 3px;
min-width: 124px;
}
.filter-btn_stroke:after {
margin-right: 0;
}
.filter-btn__label {
top: 16px;
font-size: 13.8px;
line-height: 16px;
}
.filter__reset-btn {
height: 36px;
padding-left: 0;
}
.filter-mob-row .filter-btn {
column-gap: 6px;
border: none;
background: none;
border-radius: 0;
width: auto;
min-width: 0;
padding: 0;
height: auto;
}
.filter__bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
cursor: pointer;
z-index: 3000;
display: none;
}
.filter__section.is-active ~ .filter__bg {
display: block;
}
.filter__section {
z-index: 3001;
background: var(--rfs-white);
border: none;
border-radius: 8px 8px 0 0;
width: auto;
min-width: 0;
top: auto;
left: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 3001;
}
.filter__section-header {
padding: 10px 16px 0;
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 14px;
border-bottom: none;
}
.filter__section-title {
font-size: 16.6px;
line-height: 20px;
font-weight: 600;
}
.filter__section-close {
color: var(--rfs-silver-medal);
font-size: 20px;
}
.filter__section-close:active {
color: var(--rfs-black-100);
}
.filter__section-close .icon {
font-size: inherit;
}
.filter__list {
max-height: calc(100svh - 230px);
}
.filter-row {
margin-bottom: 20px;
}
}
.catalog-pagination-wrapper {
margin-top: 60px;
}
.more-btn-row {
text-align: center;
position: relative;
margin-bottom: 40px;
}
.more-btn-row:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 50%;
border-bottom: 1px solid var(--rfs-cool-gray);
z-index: -2;
}
.more-btn {
position: relative;
}
.more-btn:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0 -20px;
background: var(--rfs-white);
z-index: -1;
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
column-gap: 8px;
margin-top: var(--mb-40);
}
.pagination__link {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid var(--rfs-cool-gray);
background-color: var(--rfs-white);
color: var(--rfs-black-100);
text-decoration: none;
font-size: 13.8px;
line-height: 16px;
width: 40px;
height: 40px;
position: relative;
}
.pagination__link:hover {
border-color: #B2B5B8;
}
.pagination__link.is-active {
border-color: var(--rfs-cool-gray);
background-color: var(--rfs-cool-gray);
color: var(--rfs-black-100);
}
.pagination__link_prev.is-disabled,
.pagination__link_next.is-disabled {
color: var(--rfs-cool-gray);
pointer-events: none;
}
.pagination__link_prev:after,
.pagination__link_next:after {
width: 20px;
height: 20px;
left: 50%;
top: 50%;
margin: -10px;
background-color: currentColor;
}
.catalog-pagination-wrapper .pagination {
margin-top: 0;
}
@media (max-width: 1199px) {
.catalog-pagination-wrapper {
margin-top: 40px;
}
.more-btn-row {
margin-bottom: var(--mb-60);
}
.pagination__link_prev.is-disabled,
.pagination__link_next.is-disabled {
display: none;
}
}
.catalog-title,
.page-title {
font-size: 59px;
line-height: 60px;
font-weight: 600;
letter-spacing: -0.03em;
margin-bottom: 56px;
}
.catalog-title h1,
.catalog-title h2,
.page-title h1,
.page-title h2 {
font: inherit;
margin: 0;
}
@media (min-width: 1200px) {
.page-title .back-btn {
display: none;
}
}
@media (max-width: 1199px) {
.catalog-title {
font-size: 30px;
line-height: 32px;
letter-spacing: -0.02em;
margin-bottom: 30px;
}
.page-title {
text-align: center;
font-size: 20px;
line-height: 30px;
letter-spacing: 0;
font-weight: 600;
padding: 15px 0;
margin-bottom: 15px;
border-bottom: 1px solid var(--rfs-cool-gray);
position: relative;
}
.page-title .back-btn {
position: absolute;
left: var(--container-space);
top: calc(50% - 10px);
}
.page-title .back-btn + * {
margin-left: 30px;
margin-right: 30px;
}
}
.tabs-nav {
margin-bottom: 24px;
}
.tabs-nav__list {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
@media (min-width: 1200px) {
.tabs-item:not(.is-active) {
display: none;
}
}
@media (min-width: 1200px) {
.tabs-item__header {
display: none;
}
}
@media (max-width: 1199px) {
.tabs-nav {
display: none;
margin-bottom: 20px;
}
.tabs-nav__list {
margin: 0 calc(-1 * var(--container-space));
padding: 0 var(--container-space);
flex-wrap: nowrap;
gap: 10px;
overflow: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.tabs-item {
border-top: 1px solid var(--rfs-cool-gray);
border-bottom: 1px solid var(--rfs-cool-gray);
margin: 0 0 -1px;
}
.tabs-item__btn {
width: 100%;
display: flex;
align-items: center;
column-gap: 6px;
text-align: left;
font-weight: 600;
padding: 15px 0;
font-size: 16.6px;
line-height: 20px;
}
.tabs-item.is-active .tabs-item__btn:after {
transform: rotate(180deg);
}
.tabs-item:not(.is-active) .tabs-item__content {
display: none;
}
.tabs-item__content {
padding: 0 0 20px;
}
}
.product-gallery {
display: flex;
column-gap: 30px;
}
.product-gallery__aside {
flex: 0 0 auto;
width: 88px;
order: -1;
position: relative;
}
.product-gallery__thumbs {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
max-height: 765px;
display: flex;
flex-direction: column;
align-items: center;
}
.product-gallery__thumbs .swiper {
height: auto;
flex-grow: 1;
min-height: 1px;
width: 100%;
}
.product-gallery__thumb {
border: 1px solid var(--rfs-cool-gray);
border-radius: 6px;
padding: 3px;
height: auto !important;
cursor: pointer;
position: relative;
align-self: flex-start;
}
.product-gallery__thumb:before {
content: "";
display: block;
padding-top: calc(107 * 100% / 80);
}
.product-gallery__thumb.swiper-slide-thumb-active {
border-color: var(--rfs-blue);
}
.product-gallery__thumb-inner {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 3px;
}
.product-gallery__thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 4px;
opacity: 0.5;
}
.product-gallery__thumb.swiper-slide-thumb-active img {
opacity: 1;
}
.product-gallery__thumb iframe {
display: block;
width: 200%;
height: 200%;
transform: translate(-25%, -25%) scale(0.5);
border-radius: 8px;
opacity: 0.5;
pointer-events: none;
}
.product-gallery__thumb.swiper-slide-thumb-active iframe {
opacity: 1;
}
.product-gallery__play-btn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 34px;
height: 34px;
background: var(--rfs-white);
color: var(--rfs-black-100);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.25s ease-in-out;
}
.product-gallery__play-btn:after {
content: "";
width: 14px;
height: 14px;
background-color: currentColor;
mask: url('data:image/svg+xml;charset=utf-8,') no-repeat center / 100% 100%;
}
.product-gallery__thumb:hover .product-gallery__play-btn {
background-color: var(--rfs-red);
color: var(--rfs-white);
}
.product-gallery__thumbs .swiper-button-prev,
.product-gallery__thumbs .swiper-button-next {
position: relative !important;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
margin: 0 !important;
width: 40px;
height: 40px;
background: none;
display: flex !important;
flex-shrink: 0;
}
.product-gallery__thumbs .swiper-button-prev {
transform: rotate(90deg);
margin-top: -10px !important;
}
.product-gallery__thumbs .swiper-button-next {
transform: rotate(90deg);
margin-bottom: -10px !important;
}
.product-gallery__content {
flex-grow: 1;
min-width: 1px;
}
.product-gallery__info {
font-size: 13.8px;
line-height: 16px;
margin-top: 10px;
}
.product-gallery__main {
position: relative;
border: 1px solid var(--rfs-cool-gray);
border-radius: 4px;
padding: 3px;
}
@media (min-width: 1200px) {
.product-gallery__main .swiper-pagination {
display: none;
}
}
.product-gallery__item {
overflow: hidden;
}
.product-gallery__item-inner {
height: 752px;
position: relative;
}
.product-gallery__media {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.product-gallery__media img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
border-radius: 4px;
}
.product-gallery__media iframe,
.product-gallery__media video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
@media (max-width: 1199px) {
.product-gallery {
display: block;
}
.product-gallery__aside {
display: none;
}
.product-gallery__info {
display: none;
}
.product-gallery__main {
border: none;
border-radius: 0;
padding: 0;
}
.product-gallery__main .swiper-pagination {
position: absolute;
top: calc(100% + 3px);
left: 0;
right: 0;
}
.product-gallery__item-inner {
height: 480px;
}
.product-gallery__media iframe,
.product-gallery__media video {
border-radius: 0;
}
.product-gallery__media img {
border-radius: 0;
}
}
.product__main {
display: flex;
column-gap: 40px;
position: relative;
z-index: 1;
}
.product__gallery-section {
flex: 0 0 auto;
width: calc(57.4% - 20px);
}
.product__gallery-section-inner {
position: relative;
}
.product__gallery-section .back-btn {
display: none;
}
.product__stickers {
position: absolute;
left: 12px;
bottom: 12px;
display: flex;
flex-direction: column;
row-gap: 10px;
align-items: flex-start;
z-index: 100;
}
.product__special-sticker {
position: absolute;
left: 12px;
top: 12px;
z-index: 101;
}
.product__special-sticker img {
display: block;
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 50%;
}
@media (max-width: 1199px) {
.product__main {
display: block;
z-index: auto;
}
.product__gallery-section {
width: auto;
margin: 0 calc(-1 * var(--container-space)) 26px;
}
.product__gallery-section .back-btn {
display: inline-flex;
position: absolute;
top: 20px;
left: var(--container-space);
z-index: 100;
}
.product__stickers {
row-gap: 5px;
}
.js-product-gallery-section.has-video-playing .product__stickers {
display: none;
}
.product__special-sticker {
left: 50px;
top: 10px;
}
.product__special-sticker img {
width: 40px;
height: 40px;
}
}
.rating-stars {
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
.rating-stars__main,
.rating-stars__inner {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.208 19.999c-.19 0-.38-.047-.556-.143L12 17.852l-3.652 2.003a1.14 1.14 0 0 1-1.255-.095 1.261 1.261 0 0 1-.475-1.216l.698-4.243-2.955-3.006a1.274 1.274 0 0 1-.302-1.274 1.2 1.2 0 0 1 .962-.847l4.084-.62 1.826-3.86A1.182 1.182 0 0 1 12 4c.457 0 .866.266 1.068.693l1.826 3.861 4.084.62a1.2 1.2 0 0 1 .962.847c.141.452.025.942-.302 1.274L16.685 14.3l.698 4.243c.077.47-.105.936-.475 1.216-.21.159-.454.239-.7.239Z' fill='%23D1D5DB'/%3E%3Cpath d='M16.208 43.999c-.19 0-.38-.047-.556-.143L12 41.852l-3.652 2.003a1.14 1.14 0 0 1-1.255-.095 1.261 1.261 0 0 1-.475-1.216l.698-4.243-2.955-3.006a1.274 1.274 0 0 1-.302-1.274c.14-.454.51-.778.962-.847l4.084-.62 1.826-3.86A1.182 1.182 0 0 1 12 28c.457 0 .866.266 1.068.693l1.826 3.861 4.084.62a1.2 1.2 0 0 1 .962.847c.141.453.025.942-.302 1.274L16.685 38.3l.698 4.243c.077.47-.105.936-.475 1.216-.21.159-.454.239-.7.239Z' fill='%23FACA15'/%3E%3C/svg%3E");
background-size: 20px 40px;
background-repeat: repeat-x;
}
.rating-stars__main {
display: block;
height: 20px;
width: 100px;
position: relative;
margin: -2px;
background-position: 0 0;
}
.rating-stars__inner {
position: absolute;
left: 0;
top: 0;
height: 100%;
background-position: 0 -20px;
}
.b-size__header {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 10px;
margin-bottom: 14px;
}
.b-size__title {
font-size: 13.8px;
line-height: 16px;
}
.b-size-table__image-wrapper {
width: 350px;
max-width: 100%;
aspect-ratio: 1 / 1;
margin: 0 auto 10px;
display: flex;
align-items: center;
justify-content: center;
}
.b-size-table__image {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
@media (max-width: 767px) {
.b-size-table__image-wrapper {
width: 49%;
}
}
.js-size-table-window .b-popup-window__title {
margin-bottom: 4px;
}
@media (max-width: 767px) {
.b-size-table-wrapper > table td,
.b-size-table__table table td {
line-height: 9px;
}
}
.b-size-table__table-wrapper {
overflow: hidden;
overflow-x: auto;
}
.b-size-table__table {
font-size: 13.8px;
line-height: 16px;
margin: 0;
width: auto;
min-width: 100%;
table-layout: fixed;
}
.b-size-table__table th,
.b-size-table__table td {
padding: 8px;
text-align: center;
border: 1px solid var(--rfs-cool-gray);
width: 1%;
}
.b-size-table__table th {
font-weight: normal;
border-color: var(--rfs-silver-medal) var(--rfs-cool-gray);
background: var(--rfs-black-5);
}
.b-size-table__table th:first-child,
.b-size-table__table td:first-child {
border-left: none;
}
.b-size-table__table th:last-child,
.b-size-table__table td:last-child {
border-right: none;
}
.b-size-table__table tr:nth-child(even) td {
background: var(--rfs-black-5);
}
.b-size-table__table table {
table-layout: auto;
}
@media (min-width: 768px) {
.b-size-table__table table {
font-size: 13px !important;
}
}
.b-size-table__table strong {
font-weight: 600;
}
.b-size__content {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.b-size__item {
display: inline-block;
vertical-align: top;
position: relative;
}
.b-size__input {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.b-size__btn {
display: flex;
align-items: center;
justify-content: center;
min-width: 48px;
height: 48px;
color: var(--rfs-black-50);
background: var(--rfs-white);
border: 1px solid var(--rfs-cool-gray);
border-radius: 4px;
text-decoration: none;
pointer-events: auto;
font-size: 13.8px;
line-height: 16px;
padding: 0 11px;
}
.b-size__input ~ .b-size__btn {
cursor: pointer;
}
.b-size__input ~ .b-size__btn:hover,
.b-size__input:checked ~ .b-size__btn {
border-color: var(--rfs-cool-gray);
background-color: var(--rfs-cool-gray);
color: var(--rfs-blue);
}
.b-size__input:disabled ~ .b-size__btn,
.b-size__input.is-disabled ~ .b-size__btn {
background-clip: padding-box;
border-color: var(--rfs-black-5);
background-color: var(--rfs-black-5);
color: var(--rfs-silver-medal);
cursor: default;
}
.b-size__status {
font-size: 13.8px;
line-height: 16px;
margin-top: 10px;
}
@media (max-width: 1199px) {
.b-size__btn {
min-width: 36px;
height: 36px;
padding: 0 7px;
}
}
.product__content-section {
flex-grow: 1;
min-width: 1px;
}
@media (min-width: 1199px) {
.product__gallery-section-inner,
.product__content-section-inner {
position: sticky;
top: 100px;
}
.product-popup .product__gallery-section-inner,
.product-popup .product__content-section-inner {
position: relative;
top: auto;
}
}
.product__header {
border-bottom: 1px solid var(--rfs-blue-12);
padding-bottom: 16px;
margin-bottom: 24px;
}
.product__title {
font-size: 39px;
line-height: 40px;
font-weight: 600;
letter-spacing: -0.025em;
margin-bottom: 13px;
}
.product__meta {
display: flex;
flex-wrap: wrap;
column-gap: 24px;
row-gap: 4px;
color: var(--rfs-black-50);
font-size: 13.8px;
line-height: 16px;
}
.product__license {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
column-gap: 10px;
row-gap: 10px;
margin-top: 13px;
font-size: 13.8px;
line-height: 16px;
}
.product__license-info {
max-width: 100%;
display: inline-flex;
vertical-align: top;
align-items: center;
column-gap: 10px;
color: var(--rfs-black-50);
}
.product__license-logo {
flex-shrink: 0;
width: auto;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.product__license-logo img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.product__license-title {
flex-grow: 1;
min-width: 1px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.product__license-icon {
flex-shrink: 0;
width: auto;
height: auto;
max-width: 22px;
max-height: 22px;
}
.product__reviews-info-section {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 10px;
margin-bottom: 20px;
}
.product__reviews-info {
display: inline-flex;
vertical-align: top;
align-items: center;
column-gap: 16px;
color: inherit;
text-decoration: none;
}
.product__bonus-info {
display: inline-flex;
vertical-align: top;
align-items: center;
column-gap: 4px;
margin-bottom: 6px;
}
.product__price-section {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 10px;
row-gap: 10px;
margin-bottom: 24px;
}
.product__add-favorite-btn {
order: 1;
}
.product__price-field {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 16px;
}
.product__price {
font-size: 30px;
line-height: 32px;
font-weight: 600;
letter-spacing: -0.02em;
}
.product__old-price {
font-size: 22px;
line-height: 24px;
letter-spacing: -0.01em;
color: var(--rfs-red);
text-decoration: line-through;
}
.product__old-discount {
display: inline-block;
vertical-align: top;
border-radius: 12px;
white-space: nowrap;
font-size: 13.8px;
line-height: 16px;
text-decoration: none;
padding: 4px 10px;
color: var(--rfs-white);
background-color: var(--rfs-red);
}
.product__size-section {
display: inline-block;
vertical-align: top;
margin-bottom: 24px;
}
.product__size-popup-header {
display: none;
}
.product__construct-section {
margin-bottom: 30px;
}
.product__construct {
background: var(--rfs-blue-6) url("../images/construct-pattern.png") right top no-repeat;
background-size: auto 100%;
border-radius: 4px;
padding: 20px 24px;
}
.product__construct-header {
margin-bottom: 18px;
}
.product__construct-title {
font-size: 20px;
line-height: 30px;
font-weight: 600;
}
.product__construct-subtitle {
font-size: 13.8px;
line-height: 16px;
font-weight: 600;
}
.product__construct-popup-close {
display: none;
}
.product__construct-form-row {
display: flex;
column-gap: 12px;
margin-bottom: 20px;
}
.product__construct-form-field_1 {
flex-grow: 1;
min-width: 1px;
max-width: 372px;
}
.product__construct-form-field_2 {
flex-shrink: 0;
width: 122px;
}
.product__construct-form-field_select {
flex-grow: 1;
min-width: 1px;
max-width: 400px;
}
.product__construct-form .b-check-row {
margin-bottom: 12px;
}
.product__construct-text {
font-size: 13.8px;
line-height: 16px;
color: var(--rfs-blue-gray);
}
.product__construct-text p {
margin-bottom: 10px;
}
.product__construct-text p:last-child {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.product__construct-btn {
display: none;
}
}
.product__btns-section {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
@media (min-width: 1200px) {
.product__basket-btn-wrapper .product__price-field {
display: none;
}
}
.product__basket-btn.is-active {
color: var(--rfs-black-100) !important;
border-color: var(--rfs-emerald) !important;
background-color: var(--rfs-emerald) !important;
}
.product__basket-btn.is-active > span {
display: none;
}
.product__basket-btn.is-active:after {
content: attr(data-active-text);
}
.product__info-section {
margin-top: 30px;
border-top: 1px solid var(--rfs-blue-12);
border-bottom: 1px solid var(--rfs-blue-12);
padding: 16px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
column-gap: 20px;
row-gap: 10px;
}
.product__info-section-col {
display: contents;
}
.product__info-section-row {
display: flex;
align-items: center;
column-gap: 5px;
min-height: 20px;
}
.product__info-section-row .icon {
color: var(--rfs-blue-20);
}
.product__characteristics {
margin-top: 18px;
}
.product__characteristics-title {
font-size: 16.6px;
line-height: 20px;
font-weight: 600;
margin-bottom: 12px;
}
.product__characteristics-table {
font-size: 13.8px;
line-height: 23px;
}
/*
.product__characteristics-table {
font-size: 13.8px;
line-height: 16px;
column-gap: 30px;
column-width: 240px;
}
*/
.product__characteristics-table-row {
display: table-row;
}
.product__characteristics-table-title,
.product__characteristics-table-value {
display: table-cell;
vertical-align: baseline;
padding-bottom: 10px;
}
.product__characteristics-table-title {
color: var(--rfs-black-50);
padding-right: 15px;
}
@media (max-width: 1600px) and (min-width: 1200px) {
.product__main {
column-gap: 20px;
}
.product__gallery-section {
width: calc(50% - 10px);
}
.product-gallery {
column-gap: 10px;
}
.product-gallery__aside {
width: 70px;
}
.product-gallery__thumbs {
max-height: 556px;
}
.product-gallery__item-inner {
height: 560px;
}
.product__stickers {
row-gap: 5px;
}
}
.product-popup {
background: var(--rfs-white);
width: 1120px;
max-width: 100%;
padding: 20px 30px 30px;
margin: 0;
overflow: visible;
border-radius: 4px;
}
.product-popup .product__license,
.product-popup .product__construct-text,
.product-popup .product__info-section,
.product-popup .product__characteristics {
display: none;
}
.product__popup-more-link {
display: none;
}
@media (min-width: 1200px) {
.product-popup .product__main {
column-gap: 20px;
}
.product-popup .product__gallery-section {
width: calc(50% - 10px);
}
.product-popup .product-gallery {
column-gap: 10px;
}
.product-popup .product-gallery__aside {
width: 70px;
}
.product-popup .product-gallery__thumbs {
max-height: 556px;
}
.product-popup .product-gallery__item-inner {
height: 560px;
}
.product-popup .product__header,
.product-popup .product__price-section,
.product-popup .product__size-section {
margin-bottom: 20px;
}
.product-popup .product__title {
font-size: 30px;
line-height: 32px;
}
.product-popup .product__stickers {
row-gap: 5px;
}
.product-popup .js-product-gallery-section.has-video-playing .product__stickers {
display: none;
}
.product-popup .product__construct-section {
margin-bottom: 20px;
}
.product-popup .product__popup-more-link {
display: block;
margin-top: 20px;
}
}
@media (max-width: 1199px) {
.product-popup {
display: none;
}
}
@media (max-width: 1199px) {
.product__add-favorite-btn {
position: absolute;
right: 0;
top: 20px;
z-index: 100;
}
.product__add-favorite-btn:before {
content: "";
position: absolute;
inset: -10px;
}
.product__add-favorite-btn > span {
display: none;
}
.product__header {
margin-bottom: 20px;
}
.product__title {
font-size: 22px;
line-height: 24px;
}
.product__meta {
column-gap: 10px;
}
.product__license-info {
font-size: 12px;
line-height: 20px;
}
.product__license-logo {
height: 22px;
}
.product__reviews-info-section {
margin-top: 16px;
margin-bottom: 0;
}
.product__bonus-info {
font-size: 12px;
line-height: 20px;
margin-bottom: 0;
}
.product__price-section {
margin-bottom: 20px;
}
.product__price-field {
column-gap: 10px;
}
.product__price {
font-size: 22px;
line-height: 24px;
}
.product__old-price {
font-size: 16.6px;
line-height: 20px;
}
.product__old-discount {
font-size: 13.8px;
line-height: 16px;
padding: 4px 10px;
}
.product__size-section {
margin-bottom: 20px;
}
.product__construct {
padding: 15px;
position: relative;
}
.product__construct-form-row {
column-gap: 8px;
}
.product__construct-btn {
width: 100%;
margin-top: 15px;
}
.product__construct-section {
margin-bottom: 15px;
}
.product__btns-section {
display: block;
}
.product__one-click-btn {
width: 100%;
}
.product__info-section {
margin: 16px 0;
padding: 14px 0;
flex-direction: column;
row-gap: 8px;
}
.product__info-section-col {
row-gap: 8px;
}
.product__characteristics-table {
display: table;
column-width: auto;
}
.product__basket-btn-wrapper {
padding: 5px var(--container-space);
position: fixed;
left: 0;
right: 0;
bottom: 50px;
z-index: 999;
background: var(--rfs-white);
box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1);
}
.product__basket-btn-wrapper .product__price-field {
justify-content: center;
margin-bottom: 5px;
}
.product__basket-btn-wrapper .product__basket-btn,
.product__basket-btn-wrapper .product__available-notify-btn {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.mob-popup-bg {
background: rgba(0, 0, 0, 0.6);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 3000;
cursor: pointer;
}
html.is-size-popup-open .product__size-popup.in-popup {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 3001;
border-radius: 10px 10px 0 0;
padding: 15px var(--container-space);
background: var(--rfs-white);
overflow: hidden;
overflow-y: auto;
max-height: 100svh;
}
html.is-size-popup-open .product__size-popup.in-popup .product__size-popup-header {
display: block;
margin-right: 30px;
margin-bottom: 15px;
}
html.is-size-popup-open .product__size-popup.in-popup .product__size-popup-title {
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
html.is-size-popup-open .product__size-popup.in-popup .product__size-popup-close {
display: flex;
font-size: 20px;
color: var(--rfs-silver-medal);
position: absolute;
top: 15px;
right: var(--container-space);
}
html.is-size-popup-open .product__size-popup.in-popup .product__size-popup-close:active {
color: var(--rfs-black-50);
}
html.is-size-popup-open .product__size-popup.in-popup .product__size-popup-close .icon {
font-size: inherit;
}
html.is-size-popup-open .product__size-popup.in-popup .b-size {
display: flex;
flex-direction: column;
}
html.is-size-popup-open .product__size-popup.in-popup .b-size__header {
order: 1;
margin-bottom: 0;
margin-top: 10px;
}
html.is-size-popup-open .product__size-popup.in-popup .b-size__status {
display: none;
}
html.is-size-popup-open .product__size-popup.in-popup .b-size__title {
display: none;
}
html.is-print-popup-open .product__construct.in-popup {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 3001;
border-radius: 10px 10px 0 0;
padding: 15px var(--container-space);
overflow: hidden;
overflow-y: auto;
max-height: 100svh;
background: var(--rfs-white);
}
html.is-print-popup-open .product__construct.in-popup .product__construct-popup-close {
display: flex;
font-size: 20px;
color: var(--rfs-silver-medal);
position: absolute;
top: 15px;
right: var(--container-space);
}
html.is-print-popup-open .product__construct.in-popup .product__construct-popup-close:active {
color: var(--rfs-black-50);
}
html.is-print-popup-open .product__construct.in-popup .product__construct-popup-close .icon {
font-size: inherit;
}
html.is-print-popup-open .product__construct.in-popup .product__construct-header {
margin-right: 30px;
}
}
.excerpt-col {
font-size: 13.8px;
line-height: 16px;
}
.excerpt-col a {
display: block;
color: inherit !important;
text-decoration: none;
}
.excerpt-col img {
display: block;
width: 100%;
border-radius: 4px;
margin-bottom: 20px;
}
.excerpt-col h4 {
margin-top: 0 !important;
margin-bottom: 10px;
}
.excerpt-col a:hover h4 {
color: var(--rfs-blue-signal);
}
.excerpt-col p:last-child {
margin-bottom: 0;
}
.slider-column-3 {
display: flex;
flex-wrap: wrap;
row-gap: 10px;
margin: 0 -5px;
}
.slider-column-3 .excerpt-col {
flex: 0 0 auto;
width: 33.33%;
padding: 0 5px;
}
@media (max-width: 1199px) {
.slider-column-3 {
column-gap: 10px;
flex-wrap: nowrap;
margin: 0 calc(-1 * var(--container-space));
padding: 0 var(--container-space);
overflow: hidden;
overflow-x: auto;
scrollbar-width: none;
}
.slider-column-3 .excerpt-col {
width: 273px;
padding: 0;
}
}
.product-description {
border-top: 1px solid var(--rfs-blue-12);
margin-top: 28px;
padding-top: 24px;
}
.product-description__wrapper {
position: relative;
}
.product-description__wrapper:not(.is-open) .product-description__main {
overflow: hidden;
max-height: 1582px;
}
.product-description__more-btn-row {
text-align: center;
margin-top: 3px;
}
.product-description__wrapper:not(.is-open) .product-description__more-btn-row:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 300px;
background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) calc(100% - 50px));
pointer-events: none;
}
.product-description__wrapper:not(.is-expandable) .product-description__more-btn-row {
display: none;
}
.product-description__more-btn {
position: relative;
}
.product-description__wrapper.is-open .product-description__more-btn > span {
display: none;
}
.product-description__wrapper.is-open .product-description__more-btn:after {
content: attr(data-hide-text);
}
@media (min-width: 1200px) {
.product-description__more-btn:before {
display: none;
}
}
@media (max-width: 1199px) {
.product-description {
border-top: none;
padding-top: 0;
}
.product-description__wrapper:not(.is-open) .product-description__main {
max-height: 600px;
}
.product-description__more-btn-row {
margin-top: 20px;
text-align: left;
}
.product-description__more-btn-row:before {
display: none;
}
.product-description__more-btn {
color: var(--rfs-black-100) !important;
background: none !important;
border: none !important;
padding: 0 !important;
font-size: 13.8px;
line-height: 16px;
font-weight: 600;
text-transform: none;
}
.product-description__more-btn:before {
order: 1;
transform: rotate(-90deg);
}
.product-description__wrapper.is-open .product-description__more-btn:before {
transform: rotate(180deg);
}
}
.catalog-banner-section {
margin-bottom: var(--mb-60);
}
.catalog-banner {
display: block;
color: var(--rfs-white);
text-decoration: none;
position: relative;
}
.catalog-banner__bg {
position: relative;
}
.catalog-banner__bg img {
display: block;
width: 100%;
height: auto;
border-radius: 4px;
}
.catalog-banner__bg:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 4px;
background: rgba(0, 0, 0, 0.2);
}
.catalog-banner__inner {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
overflow: hidden;
}
.catalog-banner__content {
width: 100%;
}
.catalog-banner__title {
font-size: 30px;
line-height: 32px;
font-weight: 600;
margin-bottom: 24px;
}
@media (max-width: 1199px) {
.catalog-banner__title {
font-size: 20px;
line-height: 30px;
margin-bottom: 5px;
}
}
.reviews-section__title {
margin-bottom: 20px;
}
.reviews-section__count {
font-weight: 600;
color: var(--rfs-silver-medal);
}
.store-available-info {
text-align: center;
}
.store-available-info__section {
position: relative;
}
.store-available-info__section:not(:last-child) {
margin-bottom: 25px;
padding-bottom: 25px;
}
.store-available-info__section:not(:last-child):after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: linear-gradient(to right, rgba(197, 197, 197, 0) 0%, rgba(197, 197, 197, 1) 50%, rgba(197, 197, 197, 0) 100%);
}
.store-available-info__address {
margin-bottom: 5px;
}
.store-available-info__phone {
font-size: 16px;
line-height: 26px;
font-weight: 600;
margin-bottom: 2px;
}
.store-available-info__phone a {
color: inherit;
text-decoration: none;
}
.store-available-info__product-title {
font-size: 16px;
line-height: 26px;
font-weight: 600;
margin-bottom: 2px;
}
.store-available-info__product-meta {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 10px;
row-gap: 2px;
font-size: 13.8px;
line-height: 16px;
color: var(--rfs-black-50);
margin-bottom: 10px;
}
.store-available-info__sizes-title {
font-size: 13.8px;
line-height: 16px;
margin-bottom: 10px;
}
.store-available-info .b-size__content {
justify-content: center;
gap: 5px;
}
.regions-delivery-info {
text-align: center;
}
.regions-delivery-info__title {
margin-bottom: 20px;
}
.regions-delivery-info__result {
font-size: 13.8px;
line-height: 16px;
margin-top: 30px;
display: none;
}
.regions-delivery-info__result strong {
display: block;
margin-top: 12px;
font-size: 26.8px;
line-height: 28px;
font-weight: 600;
}
.regions-delivery-info .jq-selectbox__dropdown {
position: static;
margin-top: 12px;
}
.regions-delivery-info .jq-selectbox__dropdown ul {
max-height: 234px;
}
.gender-select-row {
display: flex;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 10px;
}
.gender-select-row .b-form-row__label {
transform: none !important;
position: static;
font-size: 13.8px;
line-height: 16px;
align-self: center;
color: inherit;
}
.gender-select-row .b-check-row {
margin: 0;
}
.registration-page {
margin-bottom: var(--mb-60);
}
.registration-title {
margin-bottom: 80px;
}
.registration-title h1 {
margin: 0;
padding-top: 24px;
border-top: 4px solid var(--rfs-blue);
}
.registration-content {
position: relative;
border-top: 1px solid var(--rfs-cool-gray);
border-bottom: 1px solid var(--rfs-cool-gray);
padding: 48px 0 25px;
}
.registration-steps-nav {
position: absolute;
left: 0;
right: 0;
top: -25px;
text-align: center;
}
.registration-steps-nav__list {
display: inline-flex;
vertical-align: top;
align-items: center;
justify-content: center;
column-gap: 40px;
}
.registration-step-link {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 24px;
width: 58px;
height: 48px;
background: var(--rfs-cool-gray);
border: 1px solid var(--rfs-cool-gray);
color: var(--rfs-blue);
}
.registration-step-link.is-disabled {
background-color: var(--rfs-white);
cursor: default;
cursor: not-allowed;
}
.registration-step-link.is-active {
background-color: var(--rfs-blue);
border-color: var(--rfs-blue);
color: var(--rfs-white);
}
.registration-step:not(.is-active) {
display: none;
}
.registration-step__buttons {
display: flex;
align-items: center;
justify-content: center;
position: relative;
column-gap: 20px;
margin-top: 24px;
}
.registration-step-1-content {
max-width: 400px;
margin: 0 auto;
}
.registration-subscribe-title {
text-align: center;
font-size: 22px;
line-height: 24px;
font-weight: 600;
max-width: 40em;
margin-left: auto;
margin-right: auto;
margin-top: 16px;
}
.registration-subscribe-checkbox {
position: absolute;
opacity: 0;
pointer-events: none;
}
.registration-subscribe-btn.is-active > span {
display: none;
}
.registration-subscribe-btn.is-active:after {
content: attr(data-cancel-text);
}
.registration-teams-title {
text-align: center;
font-size: 22px;
line-height: 24px;
font-weight: 600;
margin-top: 16px;
margin-bottom: 10px;
}
.registration-teams-select {
max-width: 352px;
margin: 0 auto 30px;
}
.registration-liked-teams {
column-count: 4;
column-gap: 20px;
margin: 0 auto 36px;
max-width: 1026px;
}
.registration-liked-teams .b-check-row {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
margin: 0;
padding-bottom: 4px;
}
.registration-liked-teams .b-check-row__label {
vertical-align: top;
}
.registration-liked-teams .b-check-row__text {
display: flex;
align-items: center;
min-height: 40px;
padding: 0 0 0 30px;
column-gap: 10px;
}
.registration-liked-teams .b-check-row__text:before,
.registration-liked-teams .b-check-row__text:after {
top: calc(50% - 10px) !important;
}
.registration-liked-teams img {
flex-shrink: 0;
width: 40px;
height: 40px;
object-fit: contain;
}
.registration-step-4-content {
max-width: 352px;
margin-left: auto;
margin-right: auto;
}
.registration-gender-select {
margin-top: 24px;
}
.registration-success {
display: none;
}
.registration-success-text {
font-size: 16.6px;
line-height: 20px;
font-weight: 600;
text-align: center;
max-width: 30em;
margin: 0 auto;
}
@media (max-width: 1199px) {
.registration-page {
margin-bottom: 40px;
}
.registration-title {
margin: 15px 0 30px;
}
.registration-title h1 {
font-size: 30px;
line-height: 32px;
letter-spacing: -0.02em;
padding-top: 0;
border-top: none;
}
.registration-content {
border: none;
border-radius: 0;
padding: 0;
}
.registration-steps-nav {
position: relative;
top: auto;
margin-bottom: 20px;
}
.registration-steps-nav__list {
position: relative;
column-gap: 30px;
}
.registration-steps-nav__list:before {
content: "";
position: absolute;
left: 15px;
right: 15px;
top: 50%;
border-bottom: 1px solid var(--rfs-cool-gray);
}
.registration-step-link {
position: relative;
}
.registration-step__buttons {
column-gap: 10px;
}
.registration-step__buttons .g-btn {
flex-basis: 0;
flex-grow: 1;
min-width: 1px;
width: auto;
}
.registration-step-1-content .registration-step__buttons {
margin-top: 20px;
}
.registration-subscribe-title {
font-size: 16.6px;
line-height: 20px;
}
.registration-teams-title {
font-size: 16.6px;
line-height: 20px;
margin-bottom: 20px;
}
.registration-liked-teams {
column-count: unset;
column-gap: unset;
}
.registration-liked-teams .b-check-row__label {
display: block;
padding: 0;
}
.registration-step-4-content {
max-width: 400px;
}
}
.b-page {
margin-bottom: var(--mb-60);
}
.b-page__inner {
display: flex;
column-gap: 40px;
}
.b-page__sidebar {
flex-shrink: 0;
width: 228px;
}
.b-page__main {
flex-grow: 1;
min-width: 1px;
}
.b-page__nav {
background: var(--rfs-blue-6);
border-radius: 4px;
overflow: hidden;
transform: translateZ(0);
}
.b-page__nav-header {
display: none;
}
.b-page__nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.b-page__nav li {
border-bottom: 1px solid var(--rfs-blue-12);
}
.b-page__nav ul:last-child li:last-child {
border-bottom: none;
}
.b-page__nav a {
display: block;
padding: 14px 20px;
color: inherit;
text-decoration: none;
}
.b-page__nav a:hover {
color: var(--rfs-blue-signal);
}
.b-page__nav li.is-active > a,
.b-page__nav li.has-sublist.is-open > a {
background: var(--rfs-blue-12);
}
.b-page__nav li.is-active > a,
.b-page__nav li.has-sublist.is-open > a {
font-weight: 600;
}
.b-page__nav li.has-sublist > a {
display: flex;
align-items: center;
vertical-align: top;
column-gap: 6px;
}
.b-page__nav li.has-sublist.is-open > a:after {
transform: rotate(180deg);
}
.b-page__nav li.has-sublist > ul {
font-size: 13.6px;
line-height: 16px;
}
.b-page__nav li.has-sublist:not(.is-open) > ul {
display: none;
}
@media (max-width: 1199px) {
.b-page__inner {
display: flex;
flex-direction: column;
}
.b-page__sidebar {
order: 1;
width: auto;
margin-bottom: calc(-1 * var(--mb-60));
}
.b-page__nav {
border-radius: 0;
padding: 0;
margin: 20px calc(-1 * var(--container-space)) 0;
}
.b-page__nav li.is-active:not(.has-sublist) {
display: none;
}
}
.b-accordion {
margin-bottom: var(--mb-40);
}
.b-accordion__item {
border: 1px solid var(--rfs-cool-gray);
border-radius: 4px;
margin-bottom: 12px;
transition: 0.25s ease-in-out;
}
.b-accordion__item.is-open {
border-color: var(--rfs-black-100);
}
.b-accordion__header {
display: flex;
align-items: center;
column-gap: 6px;
cursor: pointer;
font-size: 16.6px;
line-height: 20px;
padding: 19px;
user-select: none;
}
.b-accordion__header:hover {
color: var(--rfs-blue-signal);
}
.b-accordion__item.is-open .b-accordion__header:after {
transform: rotate(180deg);
}
.b-accordion__title {
font: inherit;
margin: 0;
}
.b-accordion__content {
display: none;
overflow: hidden;
}
.b-accordion__content-inner {
padding: 0 19px 19px;
}
.b-accordion__content p:last-child {
margin-bottom: 0;
}
@media (max-width: 1199px) {
.b-accordion__header:after {
margin-left: auto;
}
}
.b-faq:after {
content: "";
display: table;
clear: both;
}
.b-faq__form-section {
float: left;
width: 100%;
padding-right: 42.6%;
}
.b-faq__call-section {
float: left;
width: 330px;
margin-left: -330px;
text-align: center;
}
.b-faq__section-title {
font-size: 18px;
font-weight: 600;
margin: 0 0 18px 0;
}
.b-call {
}
.b-call__phone {
margin-bottom: 24px;
}
.b-call__phone-num {
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 24px;
line-height: 1;
}
.b-call__phone-num:before {
content: "";
position: absolute;
left: -48px;
top: -4px;
width: 36px;
height: 36px;
background: url("../images/icon-phone.png") 0 0 no-repeat;
}
.b-call__phone-info {
font-size: 13.8px;
margin-top: 6px;
}
.b-call__image {
max-width: 100%;
height: auto;
}
@media (max-width: 1199px) {
.b-faq__section-title {
font-size: 16.6px;
margin: 0 0 13px 0;
}
.b-faq__form-section {
float: none;
width: auto;
padding-right: 0;
margin-bottom: 30px;
}
.b-faq__form-section .b-form-group__col_4 {
width: 100%;
}
.b-faq__form-section .g-btn {
width: 100%;
}
.b-faq__call-section {
float: none;
width: auto;
margin: 0;
}
.b-call__phone {
margin-bottom: 17px;
margin-top: 18px;
}
}
.cabinet-data__section,
.cabinet-favorites {
padding-bottom: 24px;
margin-bottom: var(--mb-60);
border-bottom: 1px solid var(--rfs-cool-gray);
}
.cabinet-data__section:last-child,
.cabinet-favorites:last-child {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.cabinet-data__cols {
display: flex;
column-gap: 24px;
}
.cabinet-data__col {
flex-basis: 0;
flex-grow: 1;
min-width: 1px;
}
}
.cabinet-data__cols input.js-input-date {
max-width: 200px;
}
.cabinet-data__gender-select-row {
margin: 5px 0 24px;
}
.order-data-list {
font-size: 13.8px;
line-height: 16px;
display: flex;
flex-wrap: wrap;
align-items: baseline;
column-gap: 30px;
row-gap: 10px;
}
.order-data-list__item._number {
padding: 5px 6px;
border-radius: 4px;
background: var(--rfs-blue-6);
}
.order-data-list__item-value {
font-weight: 600;
}
.order-data-list__track-btn {
height: auto;
padding: 8px 17px;
font-size: 13.8px;
line-height: 16px;
vertical-align: middle;
margin: -3px 0;
margin-left: 27px;
}
@media (max-width: 1199px) {
.order-data-list {
flex-direction: column;
align-items: flex-start;
}
.order-data-list__item._number {
margin: 0;
}
.order-data-list__track-btn {
margin: 0 0 0 5px;
}
}
.checks-list {
display: flex;
flex-direction: column;
}
.check-item {
border-top: 1px solid var(--rfs-cool-gray);
border-bottom: 1px solid var(--rfs-cool-gray);
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 15px;
padding: 12px 0;
margin-bottom: -1px;
}
@media (min-width: 1200px) {
.check-item .order-data-list__item._price {
min-width: 166px;
}
.check-item__btn {
margin-left: auto;
}
}
@media (max-width: 1199px) {
.check-item {
flex-direction: column;
align-items: stretch;
row-gap: 10px;
}
}
.b-basket-popup {
display: none !important;
}
.b-basket {
margin: 0;
border: 1px solid var(--rfs-cool-gray);
font-weight: normal;
border-radius: 4px;
border-collapse: separate;
}
.b-basket__image-wrapper {
width: 60px;
position: relative;
}
.b-basket__image-wrapper:before {
content: "";
display: block;
padding-top: calc(80 * 100% / 60);
}
.b-basket__image-wrapper a,
.b-basket__image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 4px;
object-fit: cover;
cursor: pointer;
}
.b-basket__title {
font-size: 16.6px;
line-height: 20px;
font-weight: normal;
margin: 0;
}
.b-basket__title a {
color: inherit;
text-decoration: none;
}
.b-basket__title a:hover {
color: var(--rfs-blue-signal);
}
.b-basket__data {
font-size: 13.8px;
line-height: 16px;
color: var(--rfs-silver-medal);
}
.b-basket__data-row {
margin-top: 4px;
}
.b-basket__data-row strong {
font-weight: inherit;
color: var(--rfs-black-100);
}
.b-basket__price,
.b-basket__total {
display: inline;
font-weight: 600;
white-space: nowrap;
}
.b-basket__old-price,
.b-basket__old-total {
display: inline;
/*font-size: 13.8px;*/
line-height: 16px;
color: var(--rfs-red);
text-decoration: line-through;
white-space: nowrap;
}
.b-basket__remove {
vertical-align: top;
color: var(--rfs-silver-medal);
}
.b-basket__remove:hover {
color: var(--rfs-red);
}
@media (min-width: 1200px) {
.b-basket__cell {
padding: 12px 8px;
text-align: left;
border-bottom: 1px solid var(--rfs-cool-gray);
}
.b-basket__cell_head {
font-size: 11px;
line-height: 12px;
font-weight: 400;
text-transform: uppercase;
color: var(--rfs-blue-gray);
padding-top: 14px;
padding-bottom: 14px;
}
.b-basket__cell:first-child {
padding-left: 12px;
}
.b-basket__cell:last-child {
padding-right: 12px;
}
.b-basket-footer .b-basket__cell {
padding-top: 13px;
padding-bottom: 13px;
background: var(--rfs-blue-6);
border: none;
}
.b-basket-footer .b-basket__cell:first-child {
border-bottom-left-radius: 3px;
}
.b-basket-footer .b-basket__cell:last-child {
border-bottom-right-radius: 3px;
}
.b-basket-footer .b-basket__cell_total {
font-size: 22px;
line-height: 24px;
font-weight: 600;
white-space: nowrap;
}
.b-basket__cell_image {
width: 0;
}
.b-basket__cell_remove {
width: 0;
text-align: center;
}
}
@media (max-width: 1199px) {
.b-basket {
font-size: 13.8px;
line-height: 16px;
}
.b-basket,
.b-basket thead,
.b-basket tbody,
.b-basket tfoot,
.b-basket tr,
.b-basket td,
.b-basket th {
display: block;
}
.b-basket .b-basket__head {
display: none;
}
.b-basket td,
.b-basket th {
padding: 0;
}
.b-basket__body {
padding: 12px;
}
.b-basket .b-basket__item {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: flex-start;
column-gap: 12px;
row-gap: 6px;
}
.b-basket__item {
padding-left: 76px;
min-height: 80px;
position: relative;
}
.b-basket__item:not(:last-child) {
margin-bottom: 12px;
}
.b-basket__item .b-basket__cell_image {
position: absolute;
left: 0;
top: 0;
}
.b-basket__item .b-basket__cell_title {
width: 100%;
}
.b-basket__title {
font-size: 13.8px;
line-height: 16px;
}
.b-basket__item:has(.b-basket__remove) .b-basket__title {
margin-right: 30px;
}
.b-basket__item .b-basket__cell_price,
.b-basket__item .b-basket__cell_total {
display: flex;
align-items: baseline;
column-gap: 6px;
}
.b-basket__item .b-basket__cell_price {
display: none;
}
.b-basket__item .b-basket__cell_remove {
position: absolute;
right: 0;
top: 0;
}
.b-basket-footer {
padding: 12px;
background: var(--rfs-blue-6);
border-radius: 0 0 4px 4px;
}
.b-basket-footer tr {
display: flex;
align-items: center;
column-gap: 8px;
}
.b-basket-footer .b-basket__cell_image,
.b-basket-footer .b-basket__cell_title,
.b-basket-footer .b-basket__cell_price {
display: none;
}
.b-basket-footer .b-basket__cell_count {
width: 68px;
}
.b-basket__item input.b-count,
.b-basket__item .jq-number {
width: 70px;
height: 30px;
}
.b-basket__item input.b-count,
.b-basket__item .jq-number__field input {
padding: 3px 20px;
border-radius: 6px;
}
.b-basket__item .jq-number__spin {
width: 24px;
}
.b-basket__item .jq-number__spin:before {
width: 10px;
margin-left: -5px;
}
.b-basket__item .jq-number__spin.plus:after {
height: 10px;
margin-top: -5px;
}
.b-basket-footer .b-basket__cell_remove {
margin-left: auto;
}
}
.b-history-section {
margin-bottom: var(--mb-60);
}
.b-history-section:last-child {
margin-bottom: 0;
}
.b-history-item {
border: 1px solid var(--rfs-cool-gray);
border-radius: 4px;
margin-bottom: 12px;
}
.b-history-item:last-child {
margin-bottom: 0;
}
.b-history-item__header {
display: flex;
padding: 12px 0;
}
.b-history-item__header-main {
flex-grow: 1;
min-width: 1px;
padding-left: 12px;
padding-right: 20px;
}
.b-history-item__toggle-btn {
margin-top: 10px;
margin-left: 6px;
}
.b-history-item__toggle-btn:after {
transform: rotate(0deg);
}
.b-history-item.is-open .b-history-item__toggle-btn:after {
transform: rotate(180deg);
}
.b-history-item__header-aside {
flex: 0 0 auto;
width: 336px;
padding-left: 20px;
padding-right: 46px;
}
.b-history__images-slider {
position: relative;
}
.b-history__images-slider .swiper-button-prev,
.b-history__images-slider .swiper-button-next {
background: none !important;
}
.b-history__images-slider .swiper-button-prev:hover:after,
.b-history__images-slider .swiper-button-next:hover:after {
background-color: var(--rfs-blue-signal);
}
.b-history__images-slider .swiper-button-prev {
left: -45px;
}
.b-history__images-slider .swiper-button-next {
right: -45px;
}
.b-history__images-slider .swiper-slide {
width: 60px;
margin-right: 10px;
position: relative;
}
.b-history__images-slider .swiper-slide:before {
content: "";
display: block;
padding-top: calc(80 * 100% / 60);
}
.b-history__images-slider .swiper-slide a,
.b-history__images-slider .swiper-slide img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 4px;
object-fit: cover;
cursor: pointer;
}
.b-history-item__content {
display: flex;
border-top: 1px solid var(--rfs-cool-gray);
}
.b-history-item:not(.is-open) .b-history-item__content {
display: none;
}
.b-history-item__content-main {
flex-grow: 1;
min-width: 1px;
}
.b-history-item__content-aside {
flex: 0 0 auto;
width: 336px;
border-left: 1px solid var(--rfs-cool-gray);
display: flex;
flex-direction: column;
}
.b-history-item__content-aside-main {
padding: 20px;
padding-top: 17px;
flex-grow: 1;
min-height: 1px;
display: flex;
flex-direction: column;
}
.b-history-item__data {
font-size: 13.8px;
line-height: 16px;
}
.b-history-item__data-title {
color: var(--rfs-black-50);
padding-bottom: 6px;
}
.b-history-item__data-table {
display: table;
width: 100%;
}
.b-history-item__data-table .b-history-item__data-row {
display: table-row;
}
.b-history-item__data-table .b-history-item__data-row > * {
display: table-cell;
padding-bottom: 10px;
}
.b-history-item__data-list .b-history-item__data-row {
margin-bottom: 10px;
}
.b-history-item__track-btn {
margin-top: 24px;
}
.b-history-item__data-footer {
font-size: 13.8px;
line-height: 16px;
margin-top: auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.b-history-item__download-btn {
display: inline-flex;
vertical-align: top;
align-items: center;
column-gap: 5px;
color: inherit;
text-decoration: none;
margin-left: auto;
}
.b-history-item__download-btn:hover {
color: var(--rfs-blue-signal);
}
.b-history-item .b-basket {
border: none;
border-radius: 0;
height: 100%;
}
.b-history-item .b-basket-footer .b-basket__cell:last-child {
border-bottom-right-radius: 0;
}
@media (max-width: 1199px) {
.b-history-item__header {
display: block;
padding: 0;
}
.b-history-item__header-aside {
display: none;
}
.b-history-item__header-main {
padding: 12px;
}
.b-history-item__header-main .order-data-list__item._number {
margin: 0;
}
.b-history-item__toggle-btn {
margin-left: 0;
}
.b-history-item__content {
display: block;
}
.b-history-item .b-basket-footer {
border-radius: 0;
}
.b-history-item__content-aside {
width: auto;
display: block;
border: none;
}
.b-history-item__content-aside-main {
padding: 12px;
}
.b-history-item__data-footer {
margin-top: 14px;
}
}
.order-checks-list {
display: flex;
flex-direction: column;
}
.order-check-item {
font-size: 13.8px;
line-height: 16px;
border-top: 1px solid var(--rfs-cool-gray);
border-bottom: 1px solid var(--rfs-cool-gray);
padding: 12px 0;
padding-left: 6px;
display: flex;
align-items: center;
column-gap: 10px;
margin-bottom: -1px;
}
.order-check-item__content {
flex-grow: 1;
min-width: 1px;
}
.order-check-item__title {
font-weight: 600;
}
.order-check-item__title > span {
display: inline-block;
vertical-align: top;
padding: 5px 6px;
border-radius: 4px;
margin: 0 -6px;
background: var(--rfs-blue-6);
}
.order-check-item__data {
margin-top: 6px;
color: var(--rfs-black-50);
display: flex;
flex-wrap: wrap;
column-gap: 10px;
}
.order-check-item__data-item {
display: flex;
align-items: center;
column-gap: 10px;
}
.order-check-item__data-item:not(:last-child):after {
content: "";
width: 1px;
height: 12px;
flex-shrink: 0;
background: var(--rfs-cool-gray);
}
@media (max-width: 1199px) {
.order-check-item {
flex-direction: column;
align-items: stretch;
row-gap: 10px;
padding-left: 0;
}
}
.cabinet__section {
margin-bottom: var(--mb-60);
}
.cabinet__section:last-child {
margin-bottom: 0;
}
.cabinet__section-header {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 15px;
border-top: 4px solid var(--rfs-blue);
border-bottom: 1px solid var(--rfs-cool-gray);
padding: 12px 0;
margin: 0 0 12px 0;
}
.cabinet__section-title {
margin: 0;
}
.cabinet__section-title a {
color: inherit;
text-decoration: none;
}
.cabinet__section-title a:hover {
color: var(--rfs-blue-signal);
}
.cabinet__section_orders-link {
margin-top: calc(12px - var(--mb-60));
}
.cabinet__section_orders-link .cabinet__section-header {
display: block;
border: none;
padding: 0;
margin: 0;
}
.cabinet__section_orders-link .cabinet__section-title a {
display: flex;
border-top: 1px solid var(--rfs-cool-gray);
border-bottom: 1px solid var(--rfs-cool-gray);
padding: 20px 0;
font-size: 16.6px;
line-height: 20px;
}
@media (min-width: 1200px) {
.cabinet__section_catalog {
padding-bottom: 24px;
border-bottom: 1px solid var(--rfs-cool-gray);
}
.cabinet__section._expandable .cabinet__section-title:after {
display: none;
}
.cabinet__section-footer-btn-row {
display: none;
}
}
@media (max-width: 1199px) {
.cabinet__section._expandable:not(.is-open) .cabinet__section-content {
display: none;
}
.cabinet__section._expandable .cabinet__section-header {
cursor: pointer;
user-select: none;
}
.cabinet__section._expandable .cabinet__section-title {
display: flex;
align-items: center;
column-gap: 8px;
}
.cabinet__section._expandable.is-open .cabinet__section-title:after {
transform: rotate(180deg);
}
.cabinet__section-footer-btn-row {
margin-top: 20px;
}
.cabinet__section-footer-btn-row .g-btn {
width: 100%;
}
}
.cabinet-discount {
background: var(--grey-lightest);
border-radius: 4px;
padding: 20px;
padding-top: 16px;
}
.cabinet-discount__header {
margin-bottom: 20px;
}
.cabinet-discount__title {
font-size: 18px;
line-height: 28px;
font-weight: 600;
margin-bottom: 2px;
}
.cabinet-discount__list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.cabinet-discount__item {
flex-shrink: 0;
width: 142px;
height: 94px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 10px;
background: var(--rfs-white);
transition: background-color 0.15s ease-in-out;
}
.cabinet-discount__item.is-active {
background-color: var(--rfs-black-100);
color: var(--rfs-white);
}
.cabinet-discount__item-value {
font-size: 30px;
line-height: 40px;
font-weight: 600;
}
.cabinet-discount__item-desc {
font-size: 16px;
line-height: 26px;
font-weight: 600;
}
.cabinet-discount__footer {
margin-top: 20px;
}
@media (max-width: 1199px) {
.cabinet-discount {
padding: 15px;
padding-top: 10px;
}
.cabinet-discount__header {
margin-bottom: 15px;
}
.cabinet-discount__title {
font-size: 14px;
line-height: 22px;
}
.cabinet-discount__footer {
margin-top: 15px;
}
.cabinet-discount__list {
display: flex;
flex-direction: column;
row-gap: 5px;
}
.cabinet-discount__item {
width: auto;
height: auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 5px 15px;
}
.cabinet-discount__item-value {
font-size: 24px;
line-height: 40px;
}
}
.cabinet-help {
margin-top: -12px;
padding: 18px 0;
border-bottom: 1px solid var(--rfs-cool-gray);
}
.cabinet-help__inner {
display: flex;
align-items: center;
column-gap: 36px;
}
.cabinet-help__title {
font-weight: 600;
}
.cabinet-help__list {
display: flex;
align-items: center;
column-gap: 60px;
font-size: 13.8px;
line-height: 16px;
}
.cabinet-help__item-inner {
display: inline-flex;
align-items: center;
vertical-align: middle;
white-space: nowrap;
column-gap: 5px;
text-decoration: none;
color: inherit;
}
a.cabinet-help__item-inner:hover {
color: var(--rfs-blue-signal);
}
.cabinet-help__item .icon {
font-size: 24px;
color: var(--rfs-blue-20);
transition: 0.25s ease-in-out;
}
a.cabinet-help__item-inner:hover .icon {
color: var(--rfs-blue-signal);
}
@media (max-width: 1199px) {
.cabinet-help__inner {
flex-direction: column;
row-gap: 10px;
align-items: stretch;
}
.cabinet-help__list {
flex-direction: column;
row-gap: 10px;
align-items: stretch;
}
}
.cabinet-useful {
margin-top: -12px;
padding: 18px 0;
border-bottom: 1px solid var(--rfs-cool-gray);
}
.cabinet-useful__list {
display: grid;
grid-column-gap: 60px;
grid-template-columns: repeat(4, minmax(1px, max-content));
row-gap: 10px;
}
@media (max-width: 1199px) {
.cabinet-useful__list {
grid-column-gap: 10px;
grid-template-columns: repeat(1, minmax(1px, max-content));
}
.cabinet-useful__list .arrow-link {
font-size: 14px;
}
}
.cabinet-commands {
margin-top: -12px;
padding: 18px 0;
border-bottom: 1px solid var(--rfs-cool-gray);
}
.cabinet-commands__inner {
display: flex;
align-items: center;
column-gap: 40px;
}
.cabinet-commands__content {
flex-grow: 1;
min-width: 1px;
}
.cabinet-commands__list {
display: grid;
grid-column-gap: 40px;
grid-template-columns: repeat(5, minmax(1px, max-content));
row-gap: 4px;
}
.cabinet-commands__item-inner {
display: flex;
align-items: center;
column-gap: 10px;
text-decoration: none;
}
a.cabinet-commands__item-inner:hover {
color: var(--rfs-blue-signal);
}
.cabinet-commands__item-inner img {
flex-shrink: 0;
width: 40px;
height: 40px;
object-fit: contain;
}
@media (max-width: 1199px) {
.cabinet-commands__inner {
flex-direction: column;
align-items: stretch;
row-gap: 15px;
}
.cabinet-commands__list {
grid-column-gap: 10px;
grid-template-columns: repeat(2, minmax(1px, max-content));
}
.cabinet-commands__footer .g-btn {
width: 100%;
}
}
.basket-new {
border: 1px solid var(--rfs-cool-gray);
border-radius: 4px;
padding: 11px;
margin-bottom: 24px;
}
.basket-new__item {
display: flex;
column-gap: 24px;
position: relative;
border-bottom: 1px solid var(--rfs-cool-gray);
padding-bottom: 12px;
margin-bottom: 12px;
}
.basket-new__item:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.basket-new__add-favorite-btn {
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.basket-new__add-favorite-btn:before {
content: "";
position: absolute;
inset: -10px;
}
.basket-new__image-wrapper {
flex-shrink: 0;
width: 140px;
position: relative;
align-self: flex-start;
}
.basket-new__image-wrapper:before {
content: "";
display: block;
padding-top: calc(187 * 100% / 140);
}
.basket-new__image-wrapper a,
.basket-new__image-wrapper img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 4px;
object-fit: contain;
cursor: pointer;
}
.basket-new__item-content {
flex-grow: 1;
min-width: 1px;
display: flex;
flex-direction: column;
}
.basket-new__title {
font-weight: normal;
margin: 0 30px 0 0;
}
.basket-new__title a {
color: inherit;
text-decoration: none;
}
.basket-new__title a:hover {
color: var(--rfs-blue-signal);
}
.basket-new__data {
font-size: 13.8px;
line-height: 16px;
color: var(--rfs-black-50);
margin-top: 4px;
margin-bottom: 10px;
}
.basket-new__data-row {
display: block;
margin-top: 6px;
}
.basket-new__data strong {
color: var(--rfs-black-100);
font-weight: normal;
}
.basket-new__price-row {
display: flex;
align-items: center;
column-gap: 24px;
position: relative;
padding-right: 35px;
margin-top: auto;
}
.basket-new__count-wrapper {
}
.basket-new__count {
}
.basket-new__total-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
column-gap: 10px;
}
.basket-new__total {
font-size: 22px;
line-height: 24px;
font-weight: 600;
white-space: nowrap;
}
.basket-new__total-old {
color: var(--rfs-red);
text-decoration: line-through;
white-space: nowrap;
}
.basket-new__remove {
position: absolute;
right: 0;
top: 0;
border: none;
padding: 0;
background: none;
height: 48px;
display: flex;
align-items: center;
color: var(--rfs-black-100);
}
.basket-new__remove:hover {
color: var(--rfs-red);
}
.basket-new__count-wrapper {
position: relative;
}
@media (max-width: 1199px) {
.basket-new__item {
column-gap: 10px;
}
.basket-new__image-wrapper {
width: 80px;
}
.basket-new__price-row {
column-gap: 8px;
}
.basket-new__item input.b-count,
.basket-new__item .jq-number {
width: 70px;
height: 30px;
}
.basket-new__item input.b-count,
.basket-new__item .jq-number__field input {
padding: 3px 20px;
border-radius: 6px;
}
.basket-new__item .jq-number__spin {
width: 24px;
}
.basket-new__item .jq-number__spin:before {
width: 10px;
margin-left: -5px;
}
.basket-new__item .jq-number__spin.plus:after {
height: 10px;
margin-top: -5px;
}
.basket-new__total-wrapper {
column-gap: 6px;
}
.basket-new__total {
font-size: 13.8px;
line-height: 16px;
}
.basket-new__total-old {
font-size: 11px;
line-height: 12px;
}
.basket-new__remove {
height: 30px;
}
}
.part-payment {
background-color: var(--grey-lightest);
border: 1px solid var(--grey-lightest);
border-radius: 3px;
margin-bottom: 20px;
}
.part-payment:hover {
background-color: var(--grey-lighter);
border-color: var(--grey-lighter);
}
.part-payment.is-active {
background-color: var(--white);
border-color: var(--rfs-black-100);
box-shadow: 0 0 0 1px var(--rfs-black-100) inset;
}
.part-payment__header {
display: flex;
align-items: center;
column-gap: 10px;
padding: 19px;
position: relative;
}
.part-payment__title {
font-size: 18px;
font-weight: normal;
}
.part-payment__tooltip {
flex-shrink: 0;
}
.part-payment__tooltip-icon {
display: block;
color: var(--rfs-silver-medal);
cursor: pointer;
}
.part-payment__tooltip-icon:hover {
color: var(--rfs-black-50);
}
.part-payment__tooltip-icon svg {
display: block;
width: 20px;
height: 20px;
}
.part-payment__tooltip-content {
position: absolute;
left: 0;
right: 0;
bottom: 100%;
margin-bottom: -9px;
opacity: 0;
visibility: hidden;
transition: 0.15s ease-in-out;
font-size: 13.8px;
line-height: 16px;
padding: 15px;
background: var(--white);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.part-payment__tooltip:hover .part-payment__tooltip-content {
opacity: 1;
visibility: visible;
}
.part-payment__switch {
margin-left: auto;
flex-shrink: 0;
width: 37px;
height: 20px;
padding: 0;
border: 2px solid var(--rfs-silver-medal);
background: var(--rfs-silver-medal);
border-radius: 10px;
cursor: pointer;
position: relative;
}
.part-payment__switch:hover {
border-color: var(--rfs-black-50);
background: var(--rfs-black-50);
}
.part-payment.is-active .part-payment__switch {
border-color: var(--rfs-emerald);
background: var(--rfs-emerald);
}
.part-payment__switch:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--white);
transition: 0.15s ease-in-out;
}
.part-payment.is-active .part-payment__switch:before {
left: 17px;
}
.part-payment:not(.is-active) .part-payment__content {
display: none;
}
.part-payment__content {
padding: 19px;
padding-top: 0;
}
.part-payment__list {
display: flex;
justify-content: space-between;
}
.part-payment__list-item {
border-radius: 3px;
padding: 9px 12px;
}
.part-payment__list-item:first-child {
background: var(--grey-lightest);
}
.part-payment__list-title {
font-size: 24px;
line-height: 1;
color: var(--rfs-black-100);
font-weight: normal;
margin-bottom: 4px;
white-space: nowrap;
}
.part-payment__list-text {
font-size: 15px;
color: var(--rfs-black-100);
white-space: nowrap;
}
@media (max-width: 1199px) {
.part-payment__list {
justify-content: flex-start;
gap: 0;
}
.part-payment__list-item {
flex-grow: 1;
flex-basis: 0;
min-width: 1px;
}
.part-payment__list-title {
font-size: 20px;
}
}
@media only screen and (max-width: 479px) {
.part-payment__list-item {
padding: 9px 5px;
}
.part-payment__list-title {
font-size: 14px;
}
.part-payment__list-text {
font-size: 12px;
line-height: 1;
}
}
.basket-items-list-wrapper {
border: none;
}
#bx-soa-total-mobile {
display: none !important;
}
.basket_prop_CHILD_ID,
.basket_prop_TEXT_PRICE,
.basket_prop_PRINT_ID,
.basket_prop_COLOR,
.basket_prop_COLOR_NAME {
display: none !important;
}
.basket_prop_TEXT strong {
white-space: pre-line;
}
.order-new {
}
.order-new__row {
display: flex;
column-gap: 40px;
}
.order-new__col:first-child {
flex-grow: 1;
min-width: 1px;
}
.order-new__col:last-child {
flex: 0 0 auto;
width: 41.3%;
}
.order-new__section {
margin-bottom: var(--mb-60);
}
.order-new__section:last-child {
margin-bottom: 0;
}
.order-new__section-header {
}
.order-new__section-title {
}
.order-new__complete-block {
background: var(--rfs-blue-6) url(../images/order-complete-pattern.png) right bottom no-repeat;
border-radius: 4px;
padding: 24px;
}
.b-promo-row {
display: flex;
column-gap: 12px;
max-width: 525px;
}
.b-promo-row__input-col {
flex-grow: 1;
min-width: 1px;
}
.b-promo-row__btn-col {
flex-shrink: 0;
}
.price-list-new {
font-size: 13.8px;
line-height: 16px;
max-width: 525px;
margin: 24px 0;
}
.price-list-new__row {
display: flex;
align-items: baseline;
column-gap: 6px;
margin-bottom: 10px;
}
.price-list-new__title-field {
}
.price-list-new__title {
}
.price-list-new__value-field {
order: 2;
}
.price-list-new__value {
font-size: 16.6px;
line-height: 20px;
font-weight: 600;
white-space: nowrap;
}
.price-list-new__row_total {
}
.price-list-new__row_total .price-list-new__value {
font-size: 30px;
line-height: 30px;
}
.price-list-new__row:after {
content: "";
flex-grow: 1;
min-width: 1px;
order: 1;
border-bottom: 1px solid var(--rfs-blue-12);
}
@media (max-width: 1199px) {
.order-new__row {
display: block;
}
.order-new__col {
width: auto !important;
}
.order-new__col:not(:last-child) {
margin-bottom: var(--mb-60);
}
.order-new__complete-block {
padding: 20px;
}
}
.main-slider-wrapper {
max-width: calc(1600px + 2 * var(--container-space));
padding: 0 var(--container-space);
margin: 0 auto var(--mb-60);
}
.main-slider-section {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid var(--rfs-blue-12);
}
.main-slider-section__main {
position: relative;
}
.main-slider-section__main:before {
content: "";
display: block;
padding-top: 700px;
}
.main-slider-section__inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.main-slider {
height: 100%;
position: relative;
}
.main-slider .slick-list {
border-radius: 4px;
}
.main-slider .slick-list,
.main-slider .slick-track {
height: 100% !important;
}
.main-slider .slick-arrow {
display: none;
}
.main-slider .slick-dots,
.main-slider .swiper-pagination-horizontal.swiper-pagination-bullets {
position: absolute;
left: 0;
right: 0;
bottom: 18px;
}
.main-slider .slick-dots li button:before,
.main-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:before {
background: var(--rfs-white);
opacity: 0.4;
}
.main-slider .slick-dots li.slick-active button:before,
.main-slider .slick-dots li:hover button:before,
.main-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:hover:before,
.main-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
background: var(--rfs-white);
opacity: 1;
}
.main-slider__item {
height: 100%;
}
.main-slider__item + .main-slider__item:not(.slick-slide) {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
}
.main-slider__item-inner {
display: block;
height: 100%;
}
.main-slider__media {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
transform: translateZ(0);
}
.main-slider__media img,
.main-slider__media picture,
.main-slider__media video,
.main-slider__media iframe {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.main-slider__content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
color: var(--rfs-white);
display: flex;
align-items: center;
padding: 0 134px;
}
.main-slider__content-inner {
padding: 40px 0;
border: solid var(--rfs-blue);
border-width: 4px 0;
width: min-content;
max-width: 100%;
}
.main-slider__title {
word-wrap: break-word;
margin-bottom: 24px;
}
@media (max-width: 1199px) {
.main-slider-section__main {
margin: 0 calc(-1 * var(--container-space));
}
.main-slider-section__main:before {
padding-top: 500px;
}
.main-slider .slick-dots,
.main-slider .swiper-pagination-horizontal.swiper-pagination-bullets {
bottom: 8px;
}
.main-slider .slick-dots li button,
.main-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
width: 32px;
height: 32px;
}
.main-slider .slick-dots li button:before,
.main-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:before {
width: 8px;
height: 8px;
margin: -4px;
}
.main-slider .slick-list {
border-radius: 0;
}
.main-slider__content {
padding: 0 var(--container-space);
}
}
@media (max-width: 767px) {
.main-slider-section__main:before {
padding-top: 400px;
}
.main-slider__content-inner {
padding: 24px 0;
}
.main-slider__title {
font-size: 30px;
line-height: 32px;
}
}
.main-slider-section._size-small .main-slider-section__main:before {
padding-top: 400px;
}
.main-categories-section {
margin-bottom: var(--mb-60);
}
.main-categories {
margin-bottom: 12px;
padding-bottom: 17px;
border-bottom: 1px solid var(--rfs-blue-12);
}
.main-categories__list {
display: flex;
flex-wrap: wrap;
margin: 0 -5px;
row-gap: 17px;
}
.main-categories__list-item {
flex: 0 0 auto;
width: 33.33%;
padding: 0 5px;
display: flex;
}
.main-categories__item {
display: flex;
flex-direction: column;
row-gap: 16px;
text-decoration: none;
color: inherit;
width: 100%;
}
.main-categories__item:hover {
color: var(--rfs-blue-signal);
}
.main-categories__item-image {
position: relative;
border-radius: 4px;
overflow: hidden;
transform: translateZ(0);
}
.main-categories__item-image:before {
content: "";
display: block;
padding-top: calc(260 * 100% / 527);
}
.main-categories__item-image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
transition: transform 0.75s ease-in-out;
will-change: 1s;
}
.main-categories__item:hover .main-categories__item-image img {
transform: scale(1.1);
}
.main-categories__item-title {
font-size: 22px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 600;
}
@media (min-width: 768px) {
.main-categories_2-cols .main-categories__list-item {
width: 50%;
}
.main-categories_2-cols .main-categories__item-image:before {
padding-top: calc(360 * 100% / 795);
}
}
@media (max-width: 1199px) {
.main-categories__item-title {
font-size: 16.66px;
line-height: 20px;
letter-spacing: 0;
}
}
@media (max-width: 767px) {
.main-categories__list-item {
width: 100%;
}
}
.free-delivery-banner {
background: var(--rfs-red) url("../images/free-delivery-banner-icon-1.svg") left center no-repeat;
color: var(--rfs-white);
margin-bottom: var(--mb-60);
}
.free-delivery-banner__inner {
display: flex;
align-items: flex-end;
}
.free-delivery-banner__title {
padding: 20px 0;
font-size: 39px;
line-height: 40px;
letter-spacing: -0.025em;
text-align: center;
flex: 0 0 auto;
min-width: 49.4%;
white-space: nowrap;
}
.free-delivery-banner__image {
height: 80px;
display: flex;
align-items: flex-end;
}
@media (max-width: 1199px) {
.free-delivery-banner {
background-image: none;
}
.free-delivery-banner__inner {
display: block;
}
.free-delivery-banner__title {
font-size: 30px;
line-height: 32px;
white-space: normal;
min-width: 0;
}
.free-delivery-banner__image {
display: block;
height: auto;
text-align: center;
}
.free-delivery-banner__image img {
max-width: 100%;
height: auto;
}
}
.main-catalog-section {
margin-bottom: var(--mb-60);
}
.main-catalog {
}
.main-catalog__list {
display: flex;
flex-wrap: wrap;
margin: 0 -5px;
row-gap: 10px;
}
.main-catalog__list-item {
flex: 0 0 auto;
width: 33.33%;
padding: 0 5px;
display: flex;
}
.main-catalog__list-item:nth-child(1) {
width: 100%;
}
.main-catalog__list-item:nth-child(2),
.main-catalog__list-item:nth-child(3) {
width: 50%;
}
.main-catalog__item {
display: flex;
flex-direction: column;
row-gap: 16px;
text-decoration: none;
color: inherit;
width: 100%;
position: relative;
}
.main-catalog__item-image {
position: relative;
border-radius: 4px;
overflow: hidden;
transform: translateZ(0);
}
.main-catalog__item-image:before {
content: "";
display: block;
padding-top: calc(530 * 100% / 527);
}
.main-catalog__list-item:nth-child(1) .main-catalog__item-image:before {
padding-top: calc(500 * 100% / 1600);
}
.main-catalog__list-item:nth-child(2) .main-catalog__item-image:before,
.main-catalog__list-item:nth-child(3) .main-catalog__item-image:before {
padding-top: calc(800 * 100% / 795);
}
.main-catalog__item-image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
transition: transform 0.75s ease-in-out;
will-change: 1s;
}
.main-catalog__item:hover .main-catalog__item-image img {
transform: scale(1.1);
}
.main-catalog__item-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
color: var(--rfs-white);
border-radius: 0 0 4px 4px;
padding: 14px 50px 40px;
}
.main-catalog__item-title {
margin-bottom: 12px;
}
.main-catalog__item-subtitle {
font-weight: normal;
margin: 0;
}
.main-catalog__item-btn {
margin-top: 22px;
}
@media (max-width: 1199px) {
.main-catalog__item-content {
padding: 24px;
}
.main-catalog__item-subtitle {
font-size: 16.6px;
line-height: 20px;
}
.main-catalog__item-btn {
margin-top: 18px;
}
}
@media (max-width: 767px) {
.main-catalog__list-item {
width: 50% !important;
}
.main-catalog__item-content {
padding: 12px;
}
.main-catalog__item-image:before {
padding-top: 250px !important;
}
.main-catalog__item-title {
font-size: 22px;
line-height: 24px;
letter-spacing: -0.01em;
margin-bottom: 8px;
}
.main-catalog__item-subtitle {
font-size: 13.8px;
line-height: 16px;
}
.main-catalog__item-btn {
display: none;
font-size: 13.8px;
line-height: 16px;
}
}
.main-comands-section {
margin-bottom: 66px;
}
.main-comands .g-title {
border-bottom: none;
}
.main-comands__nav {
margin-bottom: 30px;
}
.main-comands__list {
padding: 0 100px;
position: relative;
}
.main-comands__list .swiper-button-prev {
left: 0;
}
.main-comands__list .swiper-button-next {
right: 0;
}
.main-comands__list .swiper-button-prev,
.main-comands__list .swiper-button-next {
border: 1px solid var(--rfs-cool-gray);
}
.main-comands__list .swiper-button-prev:hover,
.main-comands__list .swiper-button-next:hover {
background-color: var(--rfs-cool-gray);
}
.main-comands__item {
flex: 0 0 auto;
width: 12.5%;
}
.main-comands__image-wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 140px;
max-width: 140px;
margin: 0 auto;
background: var(--rfs-white);
border-radius: 10px;
}
.main-comands__image-wrapper img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
@media (max-width: 1199px) {
.main-comands__list {
padding: 0 36px;
}
.main-comands__item {
width: 33.33%;
}
.main-comands__image-wrapper {
height: 70px;
}
}
.main-shop-section {
margin-bottom: var(--mb-60);
}
.main-shop {
}
.main-shop__data {
display: flex;
flex-wrap: wrap;
column-gap: 30px;
row-gap: 12px;
font-size: 13.8px;
line-height: 16px;
margin: 20px 0 30px;
}
.main-shop__data-item {
display: flex;
align-items: center;
column-gap: 10px;
}
.main-shop__data-item .icon {
color: var(--rfs-red);
}
.main-shop__data-item a {
color: inherit;
text-decoration: none;
}
.main-shop__data-item a:hover {
color: var(--rfs-blue-signal);
}
.main-shop__gallery {
}
.main-shop__gallery-item {
}
.main-shop__gallery-item img {
display: block;
width: 100%;
height: auto;
border-radius: 4px;
}
.main-contacts-section {
margin-bottom: var(--mb-60);
}
.main-contacts {
border-bottom: 1px solid var(--rfs-cool-gray);
padding-bottom: 12px;
display: flex;
align-items: center;
}
.main-contacts__header {
border-right: 1px solid var(--rfs-cool-gray);
padding: 64px 0;
padding-right: 59px;
margin-right: 59px;
}
.main-contacts__title {
display: flex;
align-items: flex-start;
column-gap: 10px;
}
.main-contacts__title .icon {
font-size: 36px;
margin-top: 2px;
color: var(--rfs-blue-gray-70);
}
.main-contacts__title-content {
}
.main-contacts__phone {
font-size: 39px;
line-height: 40px;
font-weight: normal;
letter-spacing: -0.04em;
margin-bottom: 12px;
white-space: nowrap;
}
.main-contacts__phone a {
color: inherit;
text-decoration: none;
}
.main-contacts__phone a:hover {
color: var(--rfs-blue-signal);
}
.main-contacts__schedule {
}
.main-contacts__content {
flex-grow: 1;
min-width: 1px;
}
.main-contacts__list {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 20px;
row-gap: 20px;
}
.main-contacts__item {
display: flex;
align-items: center;
column-gap: 20px;
}
.main-contacts__item .icon {
font-size: 30px;
color: var(--rfs-blue-gray-70);
}
.main-contacts__item-content {
font-size: 13.8px;
line-height: 16px;
}
.main-contacts__item-content strong {
display: block;
font-weight: inherit;
font-size: 22px;
line-height: 24px;
}
@media (max-width: 1599px) {
.main-contacts__phone {
font-size: 30px;
line-height: 36px;
}
.main-contacts__title .icon {
margin-top: 0;
}
.main-contacts__header {
padding-right: 20px;
margin-right: 20px;
}
.main-contacts__item-content strong {
font-size: 16.6px;
line-height: 20px;
}
.main-contacts__item .icon {
font-size: 24px;
}
}
@media (max-width: 1199px) {
.main-contacts {
display: block;
}
.main-contacts__header {
padding: 0;
border: none;
margin: 0 0 20px;
}
.main-contacts__phone {
margin-bottom: 8px;
}
}
@media (max-width: 767px) {
.main-contacts__list {
flex-direction: column;
row-gap: 10px;
align-items: flex-start;
}
}
.main-constructor-section {
margin-bottom: var(--mb-60);
}
.main-constructor-features {
display: flex;
flex-wrap: wrap;
column-gap: 30px;
row-gap: 12px;
font-size: 13.8px;
line-height: 16px;
margin: 20px 0 30px;
}
.main-constructor-features__item {
display: flex;
align-items: center;
column-gap: 10px;
}
.main-constructor-features__item .icon {
color: var(--rfs-red);
}
.main-constructor {
border-bottom: 1px solid var(--rfs-cool-gray);
padding-bottom: 12px;
}
.main-constructor__categories-switch {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 24px;
}
.main-constructor__categories-list {
margin-bottom: 30px;
}
.main-constructor__categories-item {
height: auto;
display: flex;
flex-direction: column;
row-gap: 12px;
border: 1px solid var(--rfs-cool-gray);
border-radius: 4px;
cursor: pointer;
text-align: center;
font-size: 13.8px;
line-height: 16px;
font-weight: 600;
color: var(--rfs-black-100);
padding: 19px 15px 15px;
}
.main-constructor__categories-item:hover,
.main-constructor__categories-item.is-active {
border-color: var(--rfs-blue);
color: var(--rfs-blue);
}
.main-constructor__categories-image {
max-width: 100px;
margin: 0 auto;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
}
.main-constructor__categories-image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.main-constructor__categories-item-title {
}
.main-constructor__form-switch {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 24px;
}
.main-constructor .product__construct {
background: none;
border-radius: 0;
padding: 0;
}
.main-constructor .product__construct-btn {
margin-top: 0;
}
.main-constructor .product__construct-section {
margin-bottom: 26px;
}
.main-constructor .product__construct:not(.in-popup) .product__construct-form-row {
margin-bottom: 0;
}
.main-constructor .product__price-section {
margin-bottom: 22px;
}
.main-constructor .product__construct-text {
color: var(--rfs-silver-medal);
margin-top: 24px;
font-weight: normal;
}
.main-constructor .product__construct:not(.in-popup) .product__construct-header {
display: none;
}
@media (min-width: 1200px) {
.main-constructor .product__main {
column-gap: 60px;
}
.main-constructor .product__main:after {
content: "";
position: absolute;
left: 43%;
top: 0;
bottom: 0;
border-left: 1px solid var(--rfs-cool-gray);
}
.main-constructor .product__gallery-section {
width: calc(43% - 30px);
}
.main-constructor .product-gallery__main {
border: none;
border-radius: 0;
padding: 0;
}
.main-constructor .product-gallery__item-inner {
height: 720px;
}
}
@media (max-width: 1199px) {
.main-constructor .product__main {
display: flex;
flex-direction: column;
}
.main-constructor .product__content-section,
.main-constructor .product__content-section-inner {
display: contents;
}
.main-constructor .product__construct-section ~ * {
order: 2;
}
.main-constructor .product__gallery-section {
order: 1;
margin-bottom: 30px;
}
.main-constructor .product__construct:not(.in-popup) .product__construct-btn {
display: none;
}
.main-constructor .product__basket-btn {
width: 100%;
}
.main-constructor .product__construct.in-popup .jq-selectbox__dropdown {
bottom: -8px !important;
top: auto !important;
}
.main-constructor .product__construct.in-popup .jq-selectbox__dropdown ul {
height: 152px !important;
}
}